commit 845b300d60df4cf00b5e9f895f5ad5e34844a58e Author: sys Date: Sat Jan 6 14:43:19 2024 +0900 1st commit diff --git a/README.md b/README.md new file mode 100644 index 0000000..de41e6c --- /dev/null +++ b/README.md @@ -0,0 +1,92 @@ +# c-innovacion + + + +## Getting started + +To make it easy for you to get started with GitLab, here's a list of recommended next steps. + +Already a pro? Just edit this README.md and make it your own. Want to make it easy? [Use the template at the bottom](#editing-this-readme)! + +## Add your files + +- [ ] [Create](https://docs.gitlab.com/ee/user/project/repository/web_editor.html#create-a-file) or [upload](https://docs.gitlab.com/ee/user/project/repository/web_editor.html#upload-a-file) files +- [ ] [Add files using the command line](https://docs.gitlab.com/ee/gitlab-basics/add-file.html#add-a-file-using-the-command-line) or push an existing Git repository with the following command: + +``` +cd existing_repo +git remote add origin https://git.qubiton.site/ci/c-innovacion.git +git branch -M main +git push -uf origin main +``` + +## Integrate with your tools + +- [ ] [Set up project integrations](https://git.qubiton.site/ci/c-innovacion/-/settings/integrations) + +## Collaborate with your team + +- [ ] [Invite team members and collaborators](https://docs.gitlab.com/ee/user/project/members/) +- [ ] [Create a new merge request](https://docs.gitlab.com/ee/user/project/merge_requests/creating_merge_requests.html) +- [ ] [Automatically close issues from merge requests](https://docs.gitlab.com/ee/user/project/issues/managing_issues.html#closing-issues-automatically) +- [ ] [Enable merge request approvals](https://docs.gitlab.com/ee/user/project/merge_requests/approvals/) +- [ ] [Set auto-merge](https://docs.gitlab.com/ee/user/project/merge_requests/merge_when_pipeline_succeeds.html) + +## Test and Deploy + +Use the built-in continuous integration in GitLab. + +- [ ] [Get started with GitLab CI/CD](https://docs.gitlab.com/ee/ci/quick_start/index.html) +- [ ] [Analyze your code for known vulnerabilities with Static Application Security Testing(SAST)](https://docs.gitlab.com/ee/user/application_security/sast/) +- [ ] [Deploy to Kubernetes, Amazon EC2, or Amazon ECS using Auto Deploy](https://docs.gitlab.com/ee/topics/autodevops/requirements.html) +- [ ] [Use pull-based deployments for improved Kubernetes management](https://docs.gitlab.com/ee/user/clusters/agent/) +- [ ] [Set up protected environments](https://docs.gitlab.com/ee/ci/environments/protected_environments.html) + +*** + +# Editing this README + +When you're ready to make this README your own, just edit this file and use the handy template below (or feel free to structure it however you want - this is just a starting point!). Thank you to [makeareadme.com](https://www.makeareadme.com/) for this template. + +## Suggestions for a good README +Every project is different, so consider which of these sections apply to yours. The sections used in the template are suggestions for most open source projects. Also keep in mind that while a README can be too long and detailed, too long is better than too short. If you think your README is too long, consider utilizing another form of documentation rather than cutting out information. + +## Name +Choose a self-explaining name for your project. + +## Description +Let people know what your project can do specifically. Provide context and add a link to any reference visitors might be unfamiliar with. A list of Features or a Background subsection can also be added here. If there are alternatives to your project, this is a good place to list differentiating factors. + +## Badges +On some READMEs, you may see small images that convey metadata, such as whether or not all the tests are passing for the project. You can use Shields to add some to your README. Many services also have instructions for adding a badge. + +## Visuals +Depending on what you are making, it can be a good idea to include screenshots or even a video (you'll frequently see GIFs rather than actual videos). Tools like ttygif can help, but check out Asciinema for a more sophisticated method. + +## Installation +Within a particular ecosystem, there may be a common way of installing things, such as using Yarn, NuGet, or Homebrew. However, consider the possibility that whoever is reading your README is a novice and would like more guidance. Listing specific steps helps remove ambiguity and gets people to using your project as quickly as possible. If it only runs in a specific context like a particular programming language version or operating system or has dependencies that have to be installed manually, also add a Requirements subsection. + +## Usage +Use examples liberally, and show the expected output if you can. It's helpful to have inline the smallest example of usage that you can demonstrate, while providing links to more sophisticated examples if they are too long to reasonably include in the README. + +## Support +Tell people where they can go to for help. It can be any combination of an issue tracker, a chat room, an email address, etc. + +## Roadmap +If you have ideas for releases in the future, it is a good idea to list them in the README. + +## Contributing +State if you are open to contributions and what your requirements are for accepting them. + +For people who want to make changes to your project, it's helpful to have some documentation on how to get started. Perhaps there is a script that they should run or some environment variables that they need to set. Make these steps explicit. These instructions could also be useful to your future self. + +You can also document commands to lint the code or run tests. These steps help to ensure high code quality and reduce the likelihood that the changes inadvertently break something. Having instructions for running tests is especially helpful if it requires external setup, such as starting a Selenium server for testing in a browser. + +## Authors and acknowledgment +Show your appreciation to those who have contributed to the project. + +## License +For open source projects, say how it is licensed. + +## Project status +If you have run out of energy or time for your project, put a note at the top of the README saying that development has slowed down or stopped completely. Someone may choose to fork your project or volunteer to step in as a maintainer or owner, allowing your project to keep going. You can also make an explicit request for maintainers. diff --git a/apply/WEB-INF/class/com/tide/homepage/mail/SMTPAuthenticatior.java b/apply/WEB-INF/class/com/tide/homepage/mail/SMTPAuthenticatior.java new file mode 100644 index 0000000..6520ed9 --- /dev/null +++ b/apply/WEB-INF/class/com/tide/homepage/mail/SMTPAuthenticatior.java @@ -0,0 +1,12 @@ +package mail; + +import javax.mail.Authenticator; +import javax.mail.PasswordAuthentication; + + +public class SMTPAuthenticatior extends Authenticator{ + @Override + protected PasswordAuthentication getPasswordAuthentication() { + return new PasswordAuthentication("creesy","snsekfA01!"); + } +} \ No newline at end of file diff --git a/apply/WEB-INF/lib/activation.jar b/apply/WEB-INF/lib/activation.jar new file mode 100644 index 0000000..29a59a9 Binary files /dev/null and b/apply/WEB-INF/lib/activation.jar differ diff --git a/apply/WEB-INF/lib/cos.jar b/apply/WEB-INF/lib/cos.jar new file mode 100644 index 0000000..6a4a1ff Binary files /dev/null and b/apply/WEB-INF/lib/cos.jar differ diff --git a/apply/WEB-INF/lib/javax.mail-1.5.5.jar b/apply/WEB-INF/lib/javax.mail-1.5.5.jar new file mode 100644 index 0000000..17fe059 Binary files /dev/null and b/apply/WEB-INF/lib/javax.mail-1.5.5.jar differ diff --git a/apply/WEB-INF/lib/javax.mail-api-1.5.5.jar b/apply/WEB-INF/lib/javax.mail-api-1.5.5.jar new file mode 100644 index 0000000..f11080f Binary files /dev/null and b/apply/WEB-INF/lib/javax.mail-api-1.5.5.jar differ diff --git a/apply/WEB-INF/lib/jstl-1.2.jar b/apply/WEB-INF/lib/jstl-1.2.jar new file mode 100644 index 0000000..0fd275e Binary files /dev/null and b/apply/WEB-INF/lib/jstl-1.2.jar differ diff --git a/apply/WEB-INF/lib/mariadb-java-client-3.0.4.jar b/apply/WEB-INF/lib/mariadb-java-client-3.0.4.jar new file mode 100644 index 0000000..c2f0906 Binary files /dev/null and b/apply/WEB-INF/lib/mariadb-java-client-3.0.4.jar differ diff --git a/apply/WEB-INF/lib/taglibs-standard-compat-1.2.5.jar b/apply/WEB-INF/lib/taglibs-standard-compat-1.2.5.jar new file mode 100644 index 0000000..2f57506 Binary files /dev/null and b/apply/WEB-INF/lib/taglibs-standard-compat-1.2.5.jar differ diff --git a/apply/WEB-INF/lib/taglibs-standard-impl-1.2.5.jar b/apply/WEB-INF/lib/taglibs-standard-impl-1.2.5.jar new file mode 100644 index 0000000..9176777 Binary files /dev/null and b/apply/WEB-INF/lib/taglibs-standard-impl-1.2.5.jar differ diff --git a/apply/WEB-INF/lib/taglibs-standard-jstlel-1.2.5.jar b/apply/WEB-INF/lib/taglibs-standard-jstlel-1.2.5.jar new file mode 100644 index 0000000..8422bbe Binary files /dev/null and b/apply/WEB-INF/lib/taglibs-standard-jstlel-1.2.5.jar differ diff --git a/apply/WEB-INF/lib/taglibs-standard-spec-1.2.5.jar b/apply/WEB-INF/lib/taglibs-standard-spec-1.2.5.jar new file mode 100644 index 0000000..d547867 Binary files /dev/null and b/apply/WEB-INF/lib/taglibs-standard-spec-1.2.5.jar differ diff --git a/apply/WEB-INF/web.xml b/apply/WEB-INF/web.xml new file mode 100644 index 0000000..d94a86b --- /dev/null +++ b/apply/WEB-INF/web.xml @@ -0,0 +1,30 @@ + + + + + Welcome to Tomcat + + Welcome to Tomcat + + + diff --git a/apply/assets/css/font-awesome.min.css b/apply/assets/css/font-awesome.min.css new file mode 100644 index 0000000..540440c --- /dev/null +++ b/apply/assets/css/font-awesome.min.css @@ -0,0 +1,4 @@ +/*! + * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} diff --git a/apply/assets/css/images/overlay1.png b/apply/assets/css/images/overlay1.png new file mode 100644 index 0000000..7aa8031 Binary files /dev/null and b/apply/assets/css/images/overlay1.png differ diff --git a/apply/assets/css/images/overlay2.png b/apply/assets/css/images/overlay2.png new file mode 100644 index 0000000..1d1e8f5 Binary files /dev/null and b/apply/assets/css/images/overlay2.png differ diff --git a/apply/assets/css/images/overlay3.svg b/apply/assets/css/images/overlay3.svg new file mode 100644 index 0000000..cfe4dac --- /dev/null +++ b/apply/assets/css/images/overlay3.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/apply/assets/css/images/overlay4.svg b/apply/assets/css/images/overlay4.svg new file mode 100644 index 0000000..a28bf2b --- /dev/null +++ b/apply/assets/css/images/overlay4.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/apply/assets/css/main.css b/apply/assets/css/main.css new file mode 100644 index 0000000..9127345 --- /dev/null +++ b/apply/assets/css/main.css @@ -0,0 +1,3487 @@ +@import url("font-awesome.min.css"); +@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic"); + +/* + Photon by HTML5 UP + html5up.net | @ajlkn + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +html, body, div, span, applet, object, +iframe, h1, h2, h3, h4, h5, h6, p, blockquote, +pre, a, abbr, acronym, address, big, cite, +code, del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, b, +u, i, center, dl, dt, dd, ol, ul, li, fieldset, +form, label, legend, table, caption, tbody, +tfoot, thead, tr, th, td, article, aside, +canvas, details, embed, figure, figcaption, +footer, header, hgroup, menu, nav, output, ruby, +section, summary, time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline;} + +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block;} + +body { + line-height: 1; +} + +ol, ul { + list-style: none; +} + +blockquote, q { + quotes: none; +} + + blockquote:before, blockquote:after, q:before, q:after { + content: ''; + content: none; + } + +table { + border-collapse: collapse; + border-spacing: 0; +} + +body { + -webkit-text-size-adjust: none; +} + +mark { + background-color: transparent; + color: inherit; +} + +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input, select, textarea { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; +} + +/* Basic */ + + html { + box-sizing: border-box; + } + + *, *:before, *:after { + box-sizing: inherit; + } + + body { + background: #fff; + } + + body.is-preload *, body.is-preload *:before, body.is-preload *:after { + -moz-animation: none !important; + -webkit-animation: none !important; + -ms-animation: none !important; + animation: none !important; + -moz-transition: none !important; + -webkit-transition: none !important; + -ms-transition: none !important; + transition: none !important; + } + + body, input, select, textarea { + color: #666; + font-family: "Source Sans Pro", Helvetica, sans-serif; + font-size: 16pt; + font-weight: 300; + line-height: 1.65em; + } + + a { + -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; + -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; + -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; + transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; + border-bottom: dotted 1px #666; + color: inherit; + text-decoration: none; + } + + a:hover { + border-bottom-color: transparent !important; + color: #6bd4c8; + } + + strong, b { + color: #555; + font-weight: 400; + } + + em, i { + font-style: italic; + } + + p { + margin: 0 0 2em 0; + } + + h1, h2, h3, h4, h5, h6 { + color: #555; + line-height: 1em; + margin: 0 0 1em 0; + } + + h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { + color: inherit; + text-decoration: none; + } + + h1 { + font-size: 2.25em; + line-height: 1.35em; + } + + h2 { + font-size: 2em; + line-height: 1.35em; + } + + h3 { + font-size: 1.35em; + line-height: 1.5em; + } + + h4 { + font-size: 1.25em; + line-height: 1.5em; + } + + h5 { + font-size: 0.9em; + line-height: 1.5em; + } + + h6 { + font-size: 0.7em; + line-height: 1.5em; + } + + sub { + font-size: 0.8em; + position: relative; + top: 0.5em; + } + + sup { + font-size: 0.8em; + position: relative; + top: -0.5em; + } + + hr { + border: 0; + border-bottom: solid 1px rgba(144, 144, 144, 0.5); + margin: 2em 0; + } + + hr.major { + margin: 3em 0; + } + + blockquote { + border-left: solid 4px rgba(144, 144, 144, 0.5); + font-style: italic; + margin: 0 0 2em 0; + padding: 0.5em 0 0.5em 2em; + } + + code { + background: rgba(144, 144, 144, 0.075); + border-radius: 4px; + border: solid 1px rgba(144, 144, 144, 0.5); + font-family: "Courier New", monospace; + font-size: 0.9em; + margin: 0 0.25em; + padding: 0.25em 0.65em; + } + + pre { + -webkit-overflow-scrolling: touch; + font-family: "Courier New", monospace; + font-size: 0.9em; + margin: 0 0 2em 0; + } + + pre code { + display: block; + line-height: 1.75em; + padding: 1em 1.5em; + overflow-x: auto; + } + + .align-left { + text-align: left; + } + + .align-center { + text-align: center; + } + + .align-right { + text-align: right; + } + +/* Container */ + + .container { + margin: 0 auto; + max-width: calc(100% - 4em); + width: 60em; + } + + .container.xsmall { + width: 15em; + } + + .container.small { + width: 30em; + } + + .container.medium { + width: 45em; + } + + .container.large { + width: 75em; + } + + .container.xlarge { + width: 90em; + } + + .container.max { + width: 100%; + } + + @media screen and (max-width: 980px) { + + .container { + max-width: 100% !important; + width: 100% !important; + } + + } + + @media screen and (max-width: 480px) { + + .container { + max-width: calc(100% - 3em); + } + + } + +/* Row */ + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp { + order: -1; + } + + .row > .col-1 { + width: 8.3333333333%; + } + + .row > .off-1 { + margin-left: 8.3333333333%; + } + + .row > .col-2 { + width: 16.6666666667%; + } + + .row > .off-2 { + margin-left: 16.6666666667%; + } + + .row > .col-3 { + width: 25%; + } + + .row > .off-3 { + margin-left: 25%; + } + + .row > .col-4 { + width: 33.3333333333%; + } + + .row > .off-4 { + margin-left: 33.3333333333%; + } + + .row > .col-5 { + width: 41.6666666667%; + } + + .row > .off-5 { + margin-left: 41.6666666667%; + } + + .row > .col-6 { + width: 50%; + } + + .row > .off-6 { + margin-left: 50%; + } + + .row > .col-7 { + width: 58.3333333333%; + } + + .row > .off-7 { + margin-left: 58.3333333333%; + } + + .row > .col-8 { + width: 66.6666666667%; + } + + .row > .off-8 { + margin-left: 66.6666666667%; + } + + .row > .col-9 { + width: 75%; + } + + .row > .off-9 { + margin-left: 75%; + } + + .row > .col-10 { + width: 83.3333333333%; + } + + .row > .off-10 { + margin-left: 83.3333333333%; + } + + .row > .col-11 { + width: 91.6666666667%; + } + + .row > .off-11 { + margin-left: 91.6666666667%; + } + + .row > .col-12 { + width: 100%; + } + + .row > .off-12 { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0em; + } + + .row.gtr-0 > * { + padding: 0 0 0 0em; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0em; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0em; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.5em; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.5em; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.5em; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.5em; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -1em; + } + + .row.gtr-50 > * { + padding: 0 0 0 1em; + } + + .row.gtr-50.gtr-uniform { + margin-top: -1em; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 1em; + } + + .row { + margin-top: 0; + margin-left: -2em; + } + + .row > * { + padding: 0 0 0 2em; + } + + .row.gtr-uniform { + margin-top: -2em; + } + + .row.gtr-uniform > * { + padding-top: 2em; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -3em; + } + + .row.gtr-150 > * { + padding: 0 0 0 3em; + } + + .row.gtr-150.gtr-uniform { + margin-top: -3em; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 3em; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -4em; + } + + .row.gtr-200 > * { + padding: 0 0 0 4em; + } + + .row.gtr-200.gtr-uniform { + margin-top: -4em; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 4em; + } + + @media screen and (max-width: 1680px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-xlarge { + order: -1; + } + + .row > .col-1-xlarge { + width: 8.3333333333%; + } + + .row > .off-1-xlarge { + margin-left: 8.3333333333%; + } + + .row > .col-2-xlarge { + width: 16.6666666667%; + } + + .row > .off-2-xlarge { + margin-left: 16.6666666667%; + } + + .row > .col-3-xlarge { + width: 25%; + } + + .row > .off-3-xlarge { + margin-left: 25%; + } + + .row > .col-4-xlarge { + width: 33.3333333333%; + } + + .row > .off-4-xlarge { + margin-left: 33.3333333333%; + } + + .row > .col-5-xlarge { + width: 41.6666666667%; + } + + .row > .off-5-xlarge { + margin-left: 41.6666666667%; + } + + .row > .col-6-xlarge { + width: 50%; + } + + .row > .off-6-xlarge { + margin-left: 50%; + } + + .row > .col-7-xlarge { + width: 58.3333333333%; + } + + .row > .off-7-xlarge { + margin-left: 58.3333333333%; + } + + .row > .col-8-xlarge { + width: 66.6666666667%; + } + + .row > .off-8-xlarge { + margin-left: 66.6666666667%; + } + + .row > .col-9-xlarge { + width: 75%; + } + + .row > .off-9-xlarge { + margin-left: 75%; + } + + .row > .col-10-xlarge { + width: 83.3333333333%; + } + + .row > .off-10-xlarge { + margin-left: 83.3333333333%; + } + + .row > .col-11-xlarge { + width: 91.6666666667%; + } + + .row > .off-11-xlarge { + margin-left: 91.6666666667%; + } + + .row > .col-12-xlarge { + width: 100%; + } + + .row > .off-12-xlarge { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0em; + } + + .row.gtr-0 > * { + padding: 0 0 0 0em; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0em; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0em; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.5em; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.5em; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.5em; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.5em; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -1em; + } + + .row.gtr-50 > * { + padding: 0 0 0 1em; + } + + .row.gtr-50.gtr-uniform { + margin-top: -1em; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 1em; + } + + .row { + margin-top: 0; + margin-left: -2em; + } + + .row > * { + padding: 0 0 0 2em; + } + + .row.gtr-uniform { + margin-top: -2em; + } + + .row.gtr-uniform > * { + padding-top: 2em; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -3em; + } + + .row.gtr-150 > * { + padding: 0 0 0 3em; + } + + .row.gtr-150.gtr-uniform { + margin-top: -3em; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 3em; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -4em; + } + + .row.gtr-200 > * { + padding: 0 0 0 4em; + } + + .row.gtr-200.gtr-uniform { + margin-top: -4em; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 4em; + } + + } + + @media screen and (max-width: 1140px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-large { + order: -1; + } + + .row > .col-1-large { + width: 8.3333333333%; + } + + .row > .off-1-large { + margin-left: 8.3333333333%; + } + + .row > .col-2-large { + width: 16.6666666667%; + } + + .row > .off-2-large { + margin-left: 16.6666666667%; + } + + .row > .col-3-large { + width: 25%; + } + + .row > .off-3-large { + margin-left: 25%; + } + + .row > .col-4-large { + width: 33.3333333333%; + } + + .row > .off-4-large { + margin-left: 33.3333333333%; + } + + .row > .col-5-large { + width: 41.6666666667%; + } + + .row > .off-5-large { + margin-left: 41.6666666667%; + } + + .row > .col-6-large { + width: 50%; + } + + .row > .off-6-large { + margin-left: 50%; + } + + .row > .col-7-large { + width: 58.3333333333%; + } + + .row > .off-7-large { + margin-left: 58.3333333333%; + } + + .row > .col-8-large { + width: 66.6666666667%; + } + + .row > .off-8-large { + margin-left: 66.6666666667%; + } + + .row > .col-9-large { + width: 75%; + } + + .row > .off-9-large { + margin-left: 75%; + } + + .row > .col-10-large { + width: 83.3333333333%; + } + + .row > .off-10-large { + margin-left: 83.3333333333%; + } + + .row > .col-11-large { + width: 91.6666666667%; + } + + .row > .off-11-large { + margin-left: 91.6666666667%; + } + + .row > .col-12-large { + width: 100%; + } + + .row > .off-12-large { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0em; + } + + .row.gtr-0 > * { + padding: 0 0 0 0em; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0em; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0em; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.5em; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.5em; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.5em; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.5em; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -1em; + } + + .row.gtr-50 > * { + padding: 0 0 0 1em; + } + + .row.gtr-50.gtr-uniform { + margin-top: -1em; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 1em; + } + + .row { + margin-top: 0; + margin-left: -2em; + } + + .row > * { + padding: 0 0 0 2em; + } + + .row.gtr-uniform { + margin-top: -2em; + } + + .row.gtr-uniform > * { + padding-top: 2em; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -3em; + } + + .row.gtr-150 > * { + padding: 0 0 0 3em; + } + + .row.gtr-150.gtr-uniform { + margin-top: -3em; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 3em; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -4em; + } + + .row.gtr-200 > * { + padding: 0 0 0 4em; + } + + .row.gtr-200.gtr-uniform { + margin-top: -4em; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 4em; + } + + } + + @media screen and (max-width: 980px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-medium { + order: -1; + } + + .row > .col-1-medium { + width: 8.3333333333%; + } + + .row > .off-1-medium { + margin-left: 8.3333333333%; + } + + .row > .col-2-medium { + width: 16.6666666667%; + } + + .row > .off-2-medium { + margin-left: 16.6666666667%; + } + + .row > .col-3-medium { + width: 25%; + } + + .row > .off-3-medium { + margin-left: 25%; + } + + .row > .col-4-medium { + width: 33.3333333333%; + } + + .row > .off-4-medium { + margin-left: 33.3333333333%; + } + + .row > .col-5-medium { + width: 41.6666666667%; + } + + .row > .off-5-medium { + margin-left: 41.6666666667%; + } + + .row > .col-6-medium { + width: 50%; + } + + .row > .off-6-medium { + margin-left: 50%; + } + + .row > .col-7-medium { + width: 58.3333333333%; + } + + .row > .off-7-medium { + margin-left: 58.3333333333%; + } + + .row > .col-8-medium { + width: 66.6666666667%; + } + + .row > .off-8-medium { + margin-left: 66.6666666667%; + } + + .row > .col-9-medium { + width: 75%; + } + + .row > .off-9-medium { + margin-left: 75%; + } + + .row > .col-10-medium { + width: 83.3333333333%; + } + + .row > .off-10-medium { + margin-left: 83.3333333333%; + } + + .row > .col-11-medium { + width: 91.6666666667%; + } + + .row > .off-11-medium { + margin-left: 91.6666666667%; + } + + .row > .col-12-medium { + width: 100%; + } + + .row > .off-12-medium { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0em; + } + + .row.gtr-0 > * { + padding: 0 0 0 0em; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0em; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0em; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.5em; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.5em; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.5em; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.5em; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -1em; + } + + .row.gtr-50 > * { + padding: 0 0 0 1em; + } + + .row.gtr-50.gtr-uniform { + margin-top: -1em; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 1em; + } + + .row { + margin-top: 0; + margin-left: -2em; + } + + .row > * { + padding: 0 0 0 2em; + } + + .row.gtr-uniform { + margin-top: -2em; + } + + .row.gtr-uniform > * { + padding-top: 2em; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -3em; + } + + .row.gtr-150 > * { + padding: 0 0 0 3em; + } + + .row.gtr-150.gtr-uniform { + margin-top: -3em; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 3em; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -4em; + } + + .row.gtr-200 > * { + padding: 0 0 0 4em; + } + + .row.gtr-200.gtr-uniform { + margin-top: -4em; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 4em; + } + + } + + @media screen and (max-width: 736px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-small { + order: -1; + } + + .row > .col-1-small { + width: 8.3333333333%; + } + + .row > .off-1-small { + margin-left: 8.3333333333%; + } + + .row > .col-2-small { + width: 16.6666666667%; + } + + .row > .off-2-small { + margin-left: 16.6666666667%; + } + + .row > .col-3-small { + width: 25%; + } + + .row > .off-3-small { + margin-left: 25%; + } + + .row > .col-4-small { + width: 33.3333333333%; + } + + .row > .off-4-small { + margin-left: 33.3333333333%; + } + + .row > .col-5-small { + width: 41.6666666667%; + } + + .row > .off-5-small { + margin-left: 41.6666666667%; + } + + .row > .col-6-small { + width: 50%; + } + + .row > .off-6-small { + margin-left: 50%; + } + + .row > .col-7-small { + width: 58.3333333333%; + } + + .row > .off-7-small { + margin-left: 58.3333333333%; + } + + .row > .col-8-small { + width: 66.6666666667%; + } + + .row > .off-8-small { + margin-left: 66.6666666667%; + } + + .row > .col-9-small { + width: 75%; + } + + .row > .off-9-small { + margin-left: 75%; + } + + .row > .col-10-small { + width: 83.3333333333%; + } + + .row > .off-10-small { + margin-left: 83.3333333333%; + } + + .row > .col-11-small { + width: 91.6666666667%; + } + + .row > .off-11-small { + margin-left: 91.6666666667%; + } + + .row > .col-12-small { + width: 100%; + } + + .row > .off-12-small { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0em; + } + + .row.gtr-0 > * { + padding: 0 0 0 0em; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0em; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0em; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.5em; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.5em; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.5em; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.5em; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -1em; + } + + .row.gtr-50 > * { + padding: 0 0 0 1em; + } + + .row.gtr-50.gtr-uniform { + margin-top: -1em; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 1em; + } + + .row { + margin-top: 0; + margin-left: -2em; + } + + .row > * { + padding: 0 0 0 2em; + } + + .row.gtr-uniform { + margin-top: -2em; + } + + .row.gtr-uniform > * { + padding-top: 2em; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -3em; + } + + .row.gtr-150 > * { + padding: 0 0 0 3em; + } + + .row.gtr-150.gtr-uniform { + margin-top: -3em; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 3em; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -4em; + } + + .row.gtr-200 > * { + padding: 0 0 0 4em; + } + + .row.gtr-200.gtr-uniform { + margin-top: -4em; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 4em; + } + + } + + @media screen and (max-width: 480px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-xsmall { + order: -1; + } + + .row > .col-1-xsmall { + width: 8.3333333333%; + } + + .row > .off-1-xsmall { + margin-left: 8.3333333333%; + } + + .row > .col-2-xsmall { + width: 16.6666666667%; + } + + .row > .off-2-xsmall { + margin-left: 16.6666666667%; + } + + .row > .col-3-xsmall { + width: 25%; + } + + .row > .off-3-xsmall { + margin-left: 25%; + } + + .row > .col-4-xsmall { + width: 33.3333333333%; + } + + .row > .off-4-xsmall { + margin-left: 33.3333333333%; + } + + .row > .col-5-xsmall { + width: 41.6666666667%; + } + + .row > .off-5-xsmall { + margin-left: 41.6666666667%; + } + + .row > .col-6-xsmall { + width: 50%; + } + + .row > .off-6-xsmall { + margin-left: 50%; + } + + .row > .col-7-xsmall { + width: 58.3333333333%; + } + + .row > .off-7-xsmall { + margin-left: 58.3333333333%; + } + + .row > .col-8-xsmall { + width: 66.6666666667%; + } + + .row > .off-8-xsmall { + margin-left: 66.6666666667%; + } + + .row > .col-9-xsmall { + width: 75%; + } + + .row > .off-9-xsmall { + margin-left: 75%; + } + + .row > .col-10-xsmall { + width: 83.3333333333%; + } + + .row > .off-10-xsmall { + margin-left: 83.3333333333%; + } + + .row > .col-11-xsmall { + width: 91.6666666667%; + } + + .row > .off-11-xsmall { + margin-left: 91.6666666667%; + } + + .row > .col-12-xsmall { + width: 100%; + } + + .row > .off-12-xsmall { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0em; + } + + .row.gtr-0 > * { + padding: 0 0 0 0em; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0em; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0em; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.5em; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.5em; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.5em; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.5em; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -1em; + } + + .row.gtr-50 > * { + padding: 0 0 0 1em; + } + + .row.gtr-50.gtr-uniform { + margin-top: -1em; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 1em; + } + + .row { + margin-top: 0; + margin-left: -2em; + } + + .row > * { + padding: 0 0 0 2em; + } + + .row.gtr-uniform { + margin-top: -2em; + } + + .row.gtr-uniform > * { + padding-top: 2em; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -3em; + } + + .row.gtr-150 > * { + padding: 0 0 0 3em; + } + + .row.gtr-150.gtr-uniform { + margin-top: -3em; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 3em; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -4em; + } + + .row.gtr-200 > * { + padding: 0 0 0 4em; + } + + .row.gtr-200.gtr-uniform { + margin-top: -4em; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 4em; + } + + } + + @media screen and (max-width: 320px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-xxsmall { + order: -1; + } + + .row > .col-1-xxsmall { + width: 8.3333333333%; + } + + .row > .off-1-xxsmall { + margin-left: 8.3333333333%; + } + + .row > .col-2-xxsmall { + width: 16.6666666667%; + } + + .row > .off-2-xxsmall { + margin-left: 16.6666666667%; + } + + .row > .col-3-xxsmall { + width: 25%; + } + + .row > .off-3-xxsmall { + margin-left: 25%; + } + + .row > .col-4-xxsmall { + width: 33.3333333333%; + } + + .row > .off-4-xxsmall { + margin-left: 33.3333333333%; + } + + .row > .col-5-xxsmall { + width: 41.6666666667%; + } + + .row > .off-5-xxsmall { + margin-left: 41.6666666667%; + } + + .row > .col-6-xxsmall { + width: 50%; + } + + .row > .off-6-xxsmall { + margin-left: 50%; + } + + .row > .col-7-xxsmall { + width: 58.3333333333%; + } + + .row > .off-7-xxsmall { + margin-left: 58.3333333333%; + } + + .row > .col-8-xxsmall { + width: 66.6666666667%; + } + + .row > .off-8-xxsmall { + margin-left: 66.6666666667%; + } + + .row > .col-9-xxsmall { + width: 75%; + } + + .row > .off-9-xxsmall { + margin-left: 75%; + } + + .row > .col-10-xxsmall { + width: 83.3333333333%; + } + + .row > .off-10-xxsmall { + margin-left: 83.3333333333%; + } + + .row > .col-11-xxsmall { + width: 91.6666666667%; + } + + .row > .off-11-xxsmall { + margin-left: 91.6666666667%; + } + + .row > .col-12-xxsmall { + width: 100%; + } + + .row > .off-12-xxsmall { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0em; + } + + .row.gtr-0 > * { + padding: 0 0 0 0em; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0em; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0em; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.5em; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.5em; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.5em; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.5em; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -1em; + } + + .row.gtr-50 > * { + padding: 0 0 0 1em; + } + + .row.gtr-50.gtr-uniform { + margin-top: -1em; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 1em; + } + + .row { + margin-top: 0; + margin-left: -2em; + } + + .row > * { + padding: 0 0 0 2em; + } + + .row.gtr-uniform { + margin-top: -2em; + } + + .row.gtr-uniform > * { + padding-top: 2em; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -3em; + } + + .row.gtr-150 > * { + padding: 0 0 0 3em; + } + + .row.gtr-150.gtr-uniform { + margin-top: -3em; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 3em; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -4em; + } + + .row.gtr-200 > * { + padding: 0 0 0 4em; + } + + .row.gtr-200.gtr-uniform { + margin-top: -4em; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 4em; + } + + } + +/* Section/Article */ + + section.special, article.special { + text-align: center; + } + + header p { + color: #999; + margin: 0 0 1.5em 0; + position: relative; + } + + header h2 + p { + font-size: 1.25em; + line-height: 1.5em; + margin-top: -1em; + } + + header h3 + p { + font-size: 1.1em; + line-height: 1.5em; + margin-top: -0.8em; + } + + header h4 + p, + header h5 + p, + header h6 + p { + font-size: 0.9em; + line-height: 1.5em; + margin-top: -0.6em; + } + + header.major { + margin: 0 0 1em 0; + } + + header.major:after { + background: rgba(144, 144, 144, 0.5); + content: ''; + display: inline-block; + height: 1px; + margin-top: 1.5em; + width: 6em; + } + + header.major h2, header.major h3, header.major h4, header.major h5, header.major h6 { + margin: 0; + } + + header.major p { + margin: 0.7em 0 0 0; + } + + header.special { + text-align: center; + } + +/* Form */ + + form { + margin: 0 0 2em 0; + } + + label { + color: #555; + display: block; + font-size: 0.9em; + font-weight: 400; + margin: 0 0 1em 0; + } + + input[type="text"], + input[type="password"], + input[type="email"], + select, + textarea { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; + background: rgba(144, 144, 144, 0.075); + border-radius: 4px; + border: none; + border: solid 1px rgba(144, 144, 144, 0.5); + color: inherit; + display: block; + outline: 0; + padding: 0 1em; + text-decoration: none; + width: 100%; + } + + input[type="text"]:invalid, + input[type="password"]:invalid, + input[type="email"]:invalid, + select:invalid, + textarea:invalid { + box-shadow: none; + } + + input[type="text"]:focus, + input[type="password"]:focus, + input[type="email"]:focus, + select:focus, + textarea:focus { + border-color: #6bd4c8; + } + + select { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(144, 144, 144, 0.5)' /%3E%3C/svg%3E"); + background-size: 1.25rem; + background-repeat: no-repeat; + background-position: calc(100% - 1rem) center; + height: 2.75em; + padding-right: 2.75em; + text-overflow: ellipsis; + } + + select option { + color: #555; + background: #fff; + } + + select:focus::-ms-value { + background-color: transparent; + } + + select::-ms-expand { + display: none; + } + + input[type="text"], + input[type="password"], + input[type="email"], + select { + height: 2.75em; + } + + textarea { + padding: 0.75em 1em; + } + + input[type="checkbox"], + input[type="radio"] { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; + display: block; + float: left; + margin-right: -2em; + opacity: 0; + width: 1em; + z-index: -1; + } + + input[type="checkbox"] + label, + input[type="radio"] + label { + text-decoration: none; + color: #666; + cursor: pointer; + display: inline-block; + font-size: 1em; + font-weight: 300; + padding-left: 2.4em; + padding-right: 0.75em; + position: relative; + } + + input[type="checkbox"] + label:before, + input[type="radio"] + label:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; + text-transform: none !important; + } + + input[type="checkbox"] + label:before, + input[type="radio"] + label:before { + background: rgba(144, 144, 144, 0.075); + border-radius: 4px; + border: solid 1px rgba(144, 144, 144, 0.5); + content: ''; + display: inline-block; + height: 1.65em; + left: 0; + line-height: 1.58125em; + position: absolute; + text-align: center; + top: 0; + width: 1.65em; + } + + input[type="checkbox"]:checked + label:before, + input[type="radio"]:checked + label:before { + background: #666666; + border-color: #666666; + color: #ffffff; + content: '\f00c'; + } + + input[type="checkbox"]:focus + label:before, + input[type="radio"]:focus + label:before { + border-color: #6bd4c8; + } + + input[type="checkbox"] + label:before { + border-radius: 4px; + } + + input[type="radio"] + label:before { + border-radius: 100%; + } + + ::-webkit-input-placeholder { + color: #999 !important; + opacity: 1.0; + } + + :-moz-placeholder { + color: #999 !important; + opacity: 1.0; + } + + ::-moz-placeholder { + color: #999 !important; + opacity: 1.0; + } + + :-ms-input-placeholder { + color: #999 !important; + opacity: 1.0; + } + +/* Box */ + + .box { + border-radius: 4px; + border: solid 1px rgba(144, 144, 144, 0.5); + margin-bottom: 2em; + padding: 1.5em; + } + + .box > :last-child, + .box > :last-child > :last-child, + .box > :last-child > :last-child > :last-child { + margin-bottom: 0; + } + + .box.alt { + border: 0; + border-radius: 0; + padding: 0; + } + +/* Icon */ + + .icon { + text-decoration: none; + border-bottom: none; + position: relative; + } + + .icon:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; + text-transform: none !important; + } + + .icon > .label { + display: none; + } + + .icon.style1:before { + color: #c3e895; + } + + .icon.style2:before { + color: #8addaa; + } + + .icon.style3:before { + color: #6bd4c8; + } + + .icon.style4:before { + color: #57aed3; + } + + .icon.style5:before { + color: #4a87d3; + } + + .icon.style6:before { + color: #6b88e6; + } + + .icon.major { + text-decoration: none; + color: #555; + cursor: default; + display: inline-block; + margin: 0 0 1.5em 0; + } + + .icon.major:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; + text-transform: none !important; + } + + .icon.major:before { + font-size: 4em; + line-height: 1em; + } + +/* Image */ + + .image { + border-radius: 4px; + border: 0; + display: inline-block; + position: relative; + } + + .image img { + border-radius: 4px; + display: block; + } + + .image.left { + float: left; + padding: 0 1.5em 1em 0; + top: 0.25em; + } + + .image.right { + float: right; + padding: 0 0 1em 1.5em; + top: 0.25em; + } + + .image.left, .image.right { + max-width: 40%; + } + + .image.left img, .image.right img { + width: 100%; + } + + .image.fit { + display: block; + margin: 0 0 2em 0; + width: 100%; + } + + .image.fit img { + width: 100%; + } + +/* List */ + + ol { + list-style: decimal; + margin: 0 0 2em 0; + padding-left: 1.25em; + } + + ol li { + padding-left: 0.25em; + } + + ul { + list-style: disc; + margin: 0 0 2em 0; + padding-left: 1em; + } + + ul li { + padding-left: 0.5em; + } + + ul.alt { + list-style: none; + padding-left: 0; + } + + ul.alt li { + border-top: solid 1px rgba(144, 144, 144, 0.5); + padding: 0.5em 0; + } + + ul.alt li:first-child { + border-top: 0; + padding-top: 0; + } + + dl { + margin: 0 0 2em 0; + } + +/* Actions */ + + ul.actions { + display: -moz-flex; + display: -webkit-flex; + display: -ms-flex; + display: flex; + cursor: default; + list-style: none; + margin-left: -1em; + padding-left: 0; + } + + ul.actions li { + padding: 0 0 0 1em; + vertical-align: middle; + } + + ul.actions.special { + -moz-justify-content: center; + -webkit-justify-content: center; + -ms-justify-content: center; + justify-content: center; + width: 100%; + margin-left: 0; + } + + ul.actions.special li:first-child { + padding-left: 0; + } + + ul.actions.stacked { + -moz-flex-direction: column; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-left: 0; + } + + ul.actions.stacked li { + padding: 1.3em 0 0 0; + } + + ul.actions.stacked li:first-child { + padding-top: 0; + } + + ul.actions.fit { + width: calc(100% + 1em); + } + + ul.actions.fit li { + -moz-flex-grow: 1; + -webkit-flex-grow: 1; + -ms-flex-grow: 1; + flex-grow: 1; + -moz-flex-shrink: 1; + -webkit-flex-shrink: 1; + -ms-flex-shrink: 1; + flex-shrink: 1; + width: 100%; + } + + ul.actions.fit li > * { + width: 100%; + } + + ul.actions.fit.stacked { + width: 100%; + } + + @media screen and (max-width: 480px) { + + ul.actions:not(.fixed) { + -moz-flex-direction: column; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-left: 0; + width: 100% !important; + } + + ul.actions:not(.fixed) li { + -moz-flex-grow: 1; + -webkit-flex-grow: 1; + -ms-flex-grow: 1; + flex-grow: 1; + -moz-flex-shrink: 1; + -webkit-flex-shrink: 1; + -ms-flex-shrink: 1; + flex-shrink: 1; + padding: 1em 0 0 0; + text-align: center; + width: 100%; + } + + ul.actions:not(.fixed) li > * { + width: 100%; + } + + ul.actions:not(.fixed) li:first-child { + padding-top: 0; + } + + ul.actions:not(.fixed) li input[type="submit"], + ul.actions:not(.fixed) li input[type="reset"], + ul.actions:not(.fixed) li input[type="button"], + ul.actions:not(.fixed) li button, + ul.actions:not(.fixed) li .button { + width: 100%; + } + + ul.actions:not(.fixed) li input[type="submit"].icon:before, + ul.actions:not(.fixed) li input[type="reset"].icon:before, + ul.actions:not(.fixed) li input[type="button"].icon:before, + ul.actions:not(.fixed) li button.icon:before, + ul.actions:not(.fixed) li .button.icon:before { + margin-left: -0.5em; + } + + } + +/* Icons */ + + ul.icons { + cursor: default; + list-style: none; + padding-left: 0; + } + + ul.icons li { + display: inline-block; + padding: 0 1.25em 0 0; + } + + ul.icons li:last-child { + padding-right: 0; + } + + ul.icons li .icon:before { + font-size: 1.5em; + } + +/* Major Icons */ + + ul.major-icons { + list-style: none; + padding-left: 0; + } + + ul.major-icons li { + display: inline-block; + padding: 2.5em; + text-align: center; + } + + ul.major-icons li .icon { + -moz-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + border-radius: 4px; + border: solid 1px rgba(144, 144, 144, 0.5); + display: inline-block; + height: 8em; + line-height: 8em; + margin: 0; + text-align: center; + width: 8em; + } + + ul.major-icons li .icon:before { + -moz-transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); + display: inline-block; + line-height: inherit; + } + +/* Table */ + + .table-wrapper { + -webkit-overflow-scrolling: touch; + overflow-x: auto; + } + + table { + margin: 0 0 2em 0; + width: 100%; + } + + table tbody tr { + border-left: 0; + border-right: 0; + } + + table tbody tr:nth-child(2n + 1) { + background-color: rgba(144, 144, 144, 0.075); + } + + table td { + padding: 0.75em 0.75em; + } + + table th { + color: #555; + font-size: 0.9em; + font-weight: 400; + padding: 0 0.75em 0.75em 0.75em; + text-align: left; + } + + table thead { + border-bottom: solid 1px rgba(144, 144, 144, 0.5); + } + + table tfoot { + border-top: solid 1px rgba(144, 144, 144, 0.5); + } + + table.alt { + border-collapse: separate; + } + + table.alt tbody tr td { + border: solid 1px rgba(144, 144, 144, 0.5); + border-left-width: 0; + border-top-width: 0; + } + + table.alt tbody tr td:first-child { + border-left-width: 1px; + } + + table.alt tbody tr:first-child td { + border-top-width: 1px; + } + + table.alt thead { + border-bottom: 0; + } + + table.alt tfoot { + border-top: 0; + } + +/* Button */ + + input[type="submit"], + input[type="reset"], + input[type="button"], + button, + .button { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; + -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; + -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; + -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; + transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; + background-color: transparent; + border-radius: 4px; + border: 0; + box-shadow: inset 0 0 0 1px rgba(144, 144, 144, 0.5); + color: #555 !important; + cursor: pointer; + display: inline-block; + font-size: 0.9em; + font-weight: 400; + height: 2.75em; + letter-spacing: 0.125em; + line-height: 2.75em; + padding: 0 2em; + text-align: center; + text-decoration: none; + text-indent: 0.125em; + text-transform: uppercase; + white-space: nowrap; + } + + input[type="submit"]:hover, + input[type="reset"]:hover, + input[type="button"]:hover, + button:hover, + .button:hover { + background-color: rgba(144, 144, 144, 0.075); + } + + input[type="submit"]:active, + input[type="reset"]:active, + input[type="button"]:active, + button:active, + .button:active { + background-color: rgba(144, 144, 144, 0.2); + } + + input[type="submit"].icon:before, + input[type="reset"].icon:before, + input[type="button"].icon:before, + button.icon:before, + .button.icon:before { + margin-right: 0.5em; + } + + input[type="submit"].fit, + input[type="reset"].fit, + input[type="button"].fit, + button.fit, + .button.fit { + width: 100%; + } + + input[type="submit"].small, + input[type="reset"].small, + input[type="button"].small, + button.small, + .button.small { + font-size: 0.7em; + } + + input[type="submit"].large, + input[type="reset"].large, + input[type="button"].large, + button.large, + .button.large { + font-size: 1.25em; + } + + input[type="submit"].wide, + input[type="reset"].wide, + input[type="button"].wide, + button.wide, + .button.wide { + min-width: 12em; + } + + input[type="submit"].primary, + input[type="reset"].primary, + input[type="button"].primary, + button.primary, + .button.primary { + background-color: #555; + box-shadow: none !important; + color: #fff !important; + } + + input[type="submit"].primary:hover, + input[type="reset"].primary:hover, + input[type="button"].primary:hover, + button.primary:hover, + .button.primary:hover { + background-color: #626262; + } + + input[type="submit"].primary:active, + input[type="reset"].primary:active, + input[type="button"].primary:active, + button.primary:active, + .button.primary:active { + background-color: #484848; + } + + input[type="submit"].disabled, input[type="submit"]:disabled, + input[type="reset"].disabled, + input[type="reset"]:disabled, + input[type="button"].disabled, + input[type="button"]:disabled, + button.disabled, + button:disabled, + .button.disabled, + .button:disabled { + cursor: default; + opacity: 0.25; + } + +/* Main */ + + .main { + padding: 6em 0 4em 0 ; + } + + .main.style1 { + background: #fff; + } + + .main.style2 { + background-color: #333; + color: rgba(255, 255, 255, 0.75); + background-attachment: fixed, fixed; + background-image: url("images/overlay1.png"), url("../../images/header.jpg"); + background-size: auto, cover; + } + + .main.style2 a { + border-bottom-color: rgba(255, 255, 255, 0.5); + } + + .main.style2 a:hover { + color: #ffffff; + } + + .main.style2 h1, .main.style2 h2, .main.style2 h3, .main.style2 h4, .main.style2 h5, .main.style2 h6, .main.style2 strong, .main.style2 b { + color: #ffffff; + } + + .main.style2 header p { + color: #ffffff; + } + + .main.style2 header.major:after { + background: #ffffff; + } + + .main.style2 input[type="submit"], + .main.style2 input[type="reset"], + .main.style2 input[type="button"], + .main.style2 button, + .main.style2 .button { + box-shadow: inset 0 0 0 1px #ffffff; + color: #ffffff !important; + } + + .main.style2 input[type="submit"]:hover, + .main.style2 input[type="reset"]:hover, + .main.style2 input[type="button"]:hover, + .main.style2 button:hover, + .main.style2 .button:hover { + background-color: rgba(255, 255, 255, 0.125); + } + + .main.style2 input[type="submit"]:active, + .main.style2 input[type="reset"]:active, + .main.style2 input[type="button"]:active, + .main.style2 button:active, + .main.style2 .button:active { + background-color: rgba(255, 255, 255, 0.25); + } + + .main.style2 input[type="submit"].primary, + .main.style2 input[type="reset"].primary, + .main.style2 input[type="button"].primary, + .main.style2 button.primary, + .main.style2 .button.primary { + background-color: #ffffff; + box-shadow: inset 0 0 0 1px #ffffff !important; + color: #333 !important; + } + + .main.style2 input[type="submit"].primary:hover, + .main.style2 input[type="reset"].primary:hover, + .main.style2 input[type="button"].primary:hover, + .main.style2 button.primary:hover, + .main.style2 .button.primary:hover { + background-color: rgba(255, 255, 255, 0.125) !important; + color: #ffffff !important; + } + + .main.style2 input[type="submit"].primary:active, + .main.style2 input[type="reset"].primary:active, + .main.style2 input[type="button"].primary:active, + .main.style2 button.primary:active, + .main.style2 .button.primary:active { + background-color: rgba(255, 255, 255, 0.25) !important; + } + + .main.style2 ul.major-icons li .icon { + border-color: #ffffff; + } + + .main.style2 .icon.major { + color: #ffffff; + } + +/* Header */ + + #header { + padding: 9em 0 9em 0 ; + background-color: #4686a0; + color: rgba(255, 255, 255, 0.75); + background-attachment: fixed, fixed, fixed; + background-image: linear-gradient(45deg, #FBF433 5%, #DB7029 30%, #C2424B); + background-position: top left, center center, center center; + background-size: auto, cover, cover; + overflow: hidden; + position: relative; + text-align: center; + } + + #header a { + border-bottom-color: rgba(255, 255, 255, 0.5); + } + + #header a:hover { + color: #ffffff; + } + + #header h1, #header h2, #header h3, #header h4, #header h5, #header h6, #header strong, #header b { + color: #ffffff; + } + + #header header p { + color: #ffffff; + } + + #header header.major:after { + background: #ffffff; + } + + #header input[type="submit"], + #header input[type="reset"], + #header input[type="button"], + #header button, + #header .button { + box-shadow: inset 0 0 0 1px #ffffff; + color: #ffffff !important; + } + + #header input[type="submit"]:hover, + #header input[type="reset"]:hover, + #header input[type="button"]:hover, + #header button:hover, + #header .button:hover { + background-color: rgba(255, 255, 255, 0.125); + } + + #header input[type="submit"]:active, + #header input[type="reset"]:active, + #header input[type="button"]:active, + #header button:active, + #header .button:active { + background-color: rgba(255, 255, 255, 0.25); + } + + #header input[type="submit"].primary, + #header input[type="reset"].primary, + #header input[type="button"].primary, + #header button.primary, + #header .button.primary { + background-color: #ffffff; + box-shadow: inset 0 0 0 1px #ffffff !important; + color: #4686a0 !important; + } + + #header input[type="submit"].primary:hover, + #header input[type="reset"].primary:hover, + #header input[type="button"].primary:hover, + #header button.primary:hover, + #header .button.primary:hover { + background-color: rgba(255, 255, 255, 0.125) !important; + color: #ffffff !important; + } + + #header input[type="submit"].primary:active, + #header input[type="reset"].primary:active, + #header input[type="button"].primary:active, + #header button.primary:active, + #header .button.primary:active { + background-color: rgba(255, 255, 255, 0.25) !important; + } + + #header ul.major-icons li .icon { + border-color: #ffffff; + } + + #header .icon.major { + color: #ffffff; + } + + #header h1 { + margin: 0; + } + + #header p { + margin: 1em 0 0 0; + } + + #header .actions { + -moz-justify-content: center; + -webkit-justify-content: center; + -ms-justify-content: center; + justify-content: center; + margin-top: 2.5em; + margin-left: 0; + position: relative; + } + + #header .actions li:first-child { + padding-left: 0; + } + + #header .actions:after { + background: #ffffff; + content: ''; + height: 100vh; + left: 50%; + position: absolute; + top: 100%; + width: 1px; + } + + #header .inner { + -moz-transition: -moz-transform 1.5s ease, opacity 2s ease; + -webkit-transition: -webkit-transform 1.5s ease, opacity 2s ease; + -ms-transition: -ms-transform 1.5s ease, opacity 2s ease; + transition: transform 1.5s ease, opacity 2s ease; + -moz-transition-delay: 0.25s; + -webkit-transition-delay: 0.25s; + -ms-transition-delay: 0.25s; + transition-delay: 0.25s; + -moz-transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + opacity: 1; + position: relative; + z-index: 1; + } + + #header .inner .actions { + -moz-transition: -moz-transform 1.25s ease; + -webkit-transition: -webkit-transform 1.25s ease; + -ms-transition: -ms-transform 1.25s ease; + transition: transform 1.25s ease; + -moz-transition-delay: 1s; + -webkit-transition-delay: 1s; + -ms-transition-delay: 1s; + transition-delay: 1s; + -moz-transform: translateY(0); + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + opacity: 1; + } + + #header:after { + -moz-transition: opacity 1s ease; + -webkit-transition: opacity 1s ease; + -ms-transition: opacity 1s ease; + transition: opacity 1s ease; + background-image: linear-gradient(45deg, #4fa49a, #4361c2); + content: ''; + height: 100%; + left: 0; + opacity: 0; + position: absolute; + top: 0; + width: 100%; + } + + body.is-preload #header .inner { + -moz-transform: scale(1.05); + -webkit-transform: scale(1.05); + -ms-transform: scale(1.05); + transform: scale(1.05); + opacity: 0; + } + + body.is-preload #header .inner .actions { + -moz-transform: translateY(30em); + -webkit-transform: translateY(30em); + -ms-transform: translateY(30em); + transform: translateY(30em); + opacity: 0; + } + + body.is-preload #header:after { + opacity: 1; + } + +/* Footer */ + + #footer { + padding: 6em 0 6em 0 ; + background-color: #4686a0; + color: rgba(255, 255, 255, 0.75); + background-attachment: fixed, fixed, fixed; + background-image: url("images/overlay2.png"), url("images/overlay4.svg"), linear-gradient(45deg, #4361c2, #4fa49a 50%, #9dc66b 95%); + background-position: top left, center center, center center; + background-size: auto, cover, cover; + text-align: center; + } + + #footer a { + border-bottom-color: rgba(255, 255, 255, 0.5); + } + + #footer a:hover { + color: #ffffff; + } + + #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer strong, #footer b { + color: #ffffff; + } + + #footer header p { + color: #ffffff; + } + + #footer header.major:after { + background: #ffffff; + } + + #footer input[type="submit"], + #footer input[type="reset"], + #footer input[type="button"], + #footer button, + #footer .button { + box-shadow: inset 0 0 0 1px #ffffff; + color: #ffffff !important; + } + + #footer input[type="submit"]:hover, + #footer input[type="reset"]:hover, + #footer input[type="button"]:hover, + #footer button:hover, + #footer .button:hover { + background-color: rgba(255, 255, 255, 0.125); + } + + #footer input[type="submit"]:active, + #footer input[type="reset"]:active, + #footer input[type="button"]:active, + #footer button:active, + #footer .button:active { + background-color: rgba(255, 255, 255, 0.25); + } + + #footer input[type="submit"].primary, + #footer input[type="reset"].primary, + #footer input[type="button"].primary, + #footer button.primary, + #footer .button.primary { + background-color: #ffffff; + box-shadow: inset 0 0 0 1px #ffffff !important; + color: #4686a0 !important; + } + + #footer input[type="submit"].primary:hover, + #footer input[type="reset"].primary:hover, + #footer input[type="button"].primary:hover, + #footer button.primary:hover, + #footer .button.primary:hover { + background-color: rgba(255, 255, 255, 0.125) !important; + color: #ffffff !important; + } + + #footer input[type="submit"].primary:active, + #footer input[type="reset"].primary:active, + #footer input[type="button"].primary:active, + #footer button.primary:active, + #footer .button.primary:active { + background-color: rgba(255, 255, 255, 0.25) !important; + } + + #footer ul.major-icons li .icon { + border-color: #ffffff; + } + + #footer .icon.major { + color: #ffffff; + } + + #footer .icons { + margin: 0; + } + + #footer .copyright { + font-size: 0.8em; + list-style: none; + margin: 2em 0 0 0; + padding: 0; + } + + #footer .copyright li { + border-left: solid 1px; + display: inline-block; + line-height: 1em; + margin-left: 1em; + padding: 0 0 0 1em; + } + + #footer .copyright li:first-child { + border-left: 0; + margin-left: 0; + padding: 0; + } + +/* XLarge */ + + @media screen and (max-width: 1680px) { + + /* Basic */ + + body, input, select, textarea { + font-size: 14pt; + } + + /* Header */ + + #header { + padding: 6em 0 6em 0 ; + } + + } + +/* Large */ + + @media screen and (max-width: 1140px) { + + /* Basic */ + + body, input, select, textarea { + font-size: 13pt; + } + + h1 br, h2 br, h3 br, h4 br, h5 br, h6 br { + display: none; + } + + /* List */ + + ul.major-icons li { + padding: 2em; + } + + ul.major-icons li .icon { + height: 8em; + line-height: 8em; + width: 8em; + } + + /* Main */ + + .main { + padding: 4em 0 2em 0 ; + } + + .main.style2 { + background-attachment: scroll; + } + + /* Header */ + + #header { + padding: 5em 0 5em 0 ; + background-attachment: scroll; + } + + #header br { + display: inline; + } + + /* Footer */ + + #footer { + padding: 4em 0 4em 0 ; + background-attachment: scroll; + } + + } + +/* Medium */ + + @media screen and (max-width: 980px) { + + /* List */ + + ul.major-icons li { + padding: 2em; + } + + ul.major-icons li .icon { + height: 7em; + line-height: 7em; + width: 7em; + } + + /* Main */ + + .main { + padding: 5em 3em 3em 3em ; + } + + /* Header */ + + #header { + padding: 8em 3em 8em 3em ; + } + + /* Footer */ + + #footer { + padding: 5em 3em 5em 3em ; + } + + /* One */ + + #one { + text-align: center; + } + + /* Two */ + + #two { + text-align: center; + } + + } + +/* Small */ + + @media screen and (max-width: 736px) { + + /* Basic */ + + body, input, select, textarea { + font-size: 12pt; + } + + h1 { + font-size: 1.75em; + } + + h2 { + font-size: 1.5em; + } + + h3 { + font-size: 1.1em; + } + + h4 { + font-size: 1em; + } + + /* List */ + + ul.major-icons li { + padding: 1.5em; + } + + ul.major-icons li .icon { + height: 5em; + line-height: 5em; + width: 5em; + } + + ul.major-icons li .icon:before { + font-size: 42px; + } + + /* Icon */ + + .icon.major { + margin: 0 0 1em 0; + } + + /* Button */ + + input[type="submit"], + input[type="reset"], + input[type="button"], + button, + .button { + height: 3em; + line-height: 3em; + } + + /* Main */ + + .main { + padding: 3em 1.5em 1em 1.5em ; + } + + /* Header */ + + #header { + padding: 4em 3em 4em 3em ; + } + + #header .actions { + margin: 2em 0 0 0; + } + + /* Footer */ + + #footer { + padding: 3em 1.5em 3em 1.5em ; + } + + } + +/* XSmall */ + + @media screen and (max-width: 480px) { + + /* Button */ + + input[type="submit"], + input[type="reset"], + input[type="button"], + .button { + padding: 0; + } + + /* Main */ + + .main { + padding: 2em 1.5em 0.1em 1.5em ; + } + + /* Header */ + + #header { + padding: 4em 2em 4em 2em ; + } + + #header br { + display: none; + } + + /* Footer */ + + #footer { + padding: 2em 1.5em 2em 1.5em ; + } + + #footer .copyright { + margin: 1.5em 0 0 0; + } + + #footer .copyright li { + border: 0; + display: block; + margin: 1em 0 0 0; + padding: 0; + } + + #footer .copyright li:first-child { + margin-top: 0; + } + + } + +/* XXSmall */ + + @media screen and (max-width: 320px) { + + /* Basic */ + + html, body { + min-width: 320px; + } + + /* Main */ + + .main { + padding: 2em 1em 0.1em 1em ; + } + + /* Header */ + + #header { + padding: 3em 1em 3em 1em ; + } + + /* Footer */ + + #footer { + padding: 2em 1em 2em 1em ; + } + + } \ No newline at end of file diff --git a/apply/assets/css/noscript.css b/apply/assets/css/noscript.css new file mode 100644 index 0000000..2832087 --- /dev/null +++ b/apply/assets/css/noscript.css @@ -0,0 +1,27 @@ +/* + Photon by HTML5 UP + html5up.net | @ajlkn + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/* Header */ + + body.is-preload #header .inner { + -moz-transform: none; + -webkit-transform: none; + -ms-transform: none; + transform: none; + opacity: 1; + } + + body.is-preload #header .inner .actions { + -moz-transform: none; + -webkit-transform: none; + -ms-transform: none; + transform: none; + opacity: 1; + } + + body.is-preload #header:after { + opacity: 0; + } \ No newline at end of file diff --git a/apply/assets/fonts/FontAwesome.otf b/apply/assets/fonts/FontAwesome.otf new file mode 100644 index 0000000..401ec0f Binary files /dev/null and b/apply/assets/fonts/FontAwesome.otf differ diff --git a/apply/assets/fonts/fontawesome-webfont.eot b/apply/assets/fonts/fontawesome-webfont.eot new file mode 100644 index 0000000..e9f60ca Binary files /dev/null and b/apply/assets/fonts/fontawesome-webfont.eot differ diff --git a/apply/assets/fonts/fontawesome-webfont.svg b/apply/assets/fonts/fontawesome-webfont.svg new file mode 100644 index 0000000..855c845 --- /dev/null +++ b/apply/assets/fonts/fontawesome-webfont.svg @@ -0,0 +1,2671 @@ + + + + +Created by FontForge 20120731 at Mon Oct 24 17:37:40 2016 + By ,,, +Copyright Dave Gandy 2016. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/apply/assets/fonts/fontawesome-webfont.ttf b/apply/assets/fonts/fontawesome-webfont.ttf new file mode 100644 index 0000000..35acda2 Binary files /dev/null and b/apply/assets/fonts/fontawesome-webfont.ttf differ diff --git a/apply/assets/fonts/fontawesome-webfont.woff b/apply/assets/fonts/fontawesome-webfont.woff new file mode 100644 index 0000000..400014a Binary files /dev/null and b/apply/assets/fonts/fontawesome-webfont.woff differ diff --git a/apply/assets/fonts/fontawesome-webfont.woff2 b/apply/assets/fonts/fontawesome-webfont.woff2 new file mode 100644 index 0000000..4d13fc6 Binary files /dev/null and b/apply/assets/fonts/fontawesome-webfont.woff2 differ diff --git a/apply/assets/js/breakpoints.min.js b/apply/assets/js/breakpoints.min.js new file mode 100644 index 0000000..e20ae89 --- /dev/null +++ b/apply/assets/js/breakpoints.min.js @@ -0,0 +1,2 @@ +/* breakpoints.js v1.0 | @ajlkn | MIT licensed */ +var breakpoints=function(){"use strict";function e(e){t.init(e)}var t={list:null,media:{},events:[],init:function(e){t.list=e,window.addEventListener("resize",t.poll),window.addEventListener("orientationchange",t.poll),window.addEventListener("load",t.poll),window.addEventListener("fullscreenchange",t.poll)},active:function(e){var n,a,s,i,r,d,c;if(!(e in t.media)){if(">="==e.substr(0,2)?(a="gte",n=e.substr(2)):"<="==e.substr(0,2)?(a="lte",n=e.substr(2)):">"==e.substr(0,1)?(a="gt",n=e.substr(1)):"<"==e.substr(0,1)?(a="lt",n=e.substr(1)):"!"==e.substr(0,1)?(a="not",n=e.substr(1)):(a="eq",n=e),n&&n in t.list)if(i=t.list[n],Array.isArray(i)){if(r=parseInt(i[0]),d=parseInt(i[1]),isNaN(r)){if(isNaN(d))return;c=i[1].substr(String(d).length)}else c=i[0].substr(String(r).length);if(isNaN(r))switch(a){case"gte":s="screen";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: -1px)";break;case"not":s="screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (max-width: "+d+c+")"}else if(isNaN(d))switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen";break;case"gt":s="screen and (max-width: -1px)";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+")";break;default:s="screen and (min-width: "+r+c+")"}else switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+"), screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (min-width: "+r+c+") and (max-width: "+d+c+")"}}else s="("==i.charAt(0)?"screen and "+i:i;t.media[e]=!!s&&s}return t.media[e]!==!1&&window.matchMedia(t.media[e]).matches},on:function(e,n){t.events.push({query:e,handler:n,state:!1}),t.active(e)&&n()},poll:function(){var e,n;for(e=0;e0:!!("ontouchstart"in window),e.mobile="wp"==e.os||"android"==e.os||"ios"==e.os||"bb"==e.os}};return e.init(),e}();!function(e,n){"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?module.exports=n():e.browser=n()}(this,function(){return browser}); diff --git a/apply/assets/js/jquery.min.js b/apply/assets/js/jquery.min.js new file mode 100644 index 0000000..4d9b3a2 --- /dev/null +++ b/apply/assets/js/jquery.min.js @@ -0,0 +1,2 @@ +/*! jQuery v3.3.1 | (c) JS Foundation and other contributors | jquery.org/license */ +!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(e,t){"use strict";var n=[],r=e.document,i=Object.getPrototypeOf,o=n.slice,a=n.concat,s=n.push,u=n.indexOf,l={},c=l.toString,f=l.hasOwnProperty,p=f.toString,d=p.call(Object),h={},g=function e(t){return"function"==typeof t&&"number"!=typeof t.nodeType},y=function e(t){return null!=t&&t===t.window},v={type:!0,src:!0,noModule:!0};function m(e,t,n){var i,o=(t=t||r).createElement("script");if(o.text=e,n)for(i in v)n[i]&&(o[i]=n[i]);t.head.appendChild(o).parentNode.removeChild(o)}function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[c.call(e)]||"object":typeof e}var b="3.3.1",w=function(e,t){return new w.fn.init(e,t)},T=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;w.fn=w.prototype={jquery:"3.3.1",constructor:w,length:0,toArray:function(){return o.call(this)},get:function(e){return null==e?o.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=w.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return w.each(this,e)},map:function(e){return this.pushStack(w.map(this,function(t,n){return e.call(t,n,t)}))},slice:function(){return this.pushStack(o.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(n>=0&&n0&&t-1 in e)}var E=function(e){var t,n,r,i,o,a,s,u,l,c,f,p,d,h,g,y,v,m,x,b="sizzle"+1*new Date,w=e.document,T=0,C=0,E=ae(),k=ae(),S=ae(),D=function(e,t){return e===t&&(f=!0),0},N={}.hasOwnProperty,A=[],j=A.pop,q=A.push,L=A.push,H=A.slice,O=function(e,t){for(var n=0,r=e.length;n+~]|"+M+")"+M+"*"),z=new RegExp("="+M+"*([^\\]'\"]*?)"+M+"*\\]","g"),X=new RegExp(W),U=new RegExp("^"+R+"$"),V={ID:new RegExp("^#("+R+")"),CLASS:new RegExp("^\\.("+R+")"),TAG:new RegExp("^("+R+"|[*])"),ATTR:new RegExp("^"+I),PSEUDO:new RegExp("^"+W),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+P+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},G=/^(?:input|select|textarea|button)$/i,Y=/^h\d$/i,Q=/^[^{]+\{\s*\[native \w/,J=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,K=/[+~]/,Z=new RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),ee=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:r<0?String.fromCharCode(r+65536):String.fromCharCode(r>>10|55296,1023&r|56320)},te=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ne=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},re=function(){p()},ie=me(function(e){return!0===e.disabled&&("form"in e||"label"in e)},{dir:"parentNode",next:"legend"});try{L.apply(A=H.call(w.childNodes),w.childNodes),A[w.childNodes.length].nodeType}catch(e){L={apply:A.length?function(e,t){q.apply(e,H.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function oe(e,t,r,i){var o,s,l,c,f,h,v,m=t&&t.ownerDocument,T=t?t.nodeType:9;if(r=r||[],"string"!=typeof e||!e||1!==T&&9!==T&&11!==T)return r;if(!i&&((t?t.ownerDocument||t:w)!==d&&p(t),t=t||d,g)){if(11!==T&&(f=J.exec(e)))if(o=f[1]){if(9===T){if(!(l=t.getElementById(o)))return r;if(l.id===o)return r.push(l),r}else if(m&&(l=m.getElementById(o))&&x(t,l)&&l.id===o)return r.push(l),r}else{if(f[2])return L.apply(r,t.getElementsByTagName(e)),r;if((o=f[3])&&n.getElementsByClassName&&t.getElementsByClassName)return L.apply(r,t.getElementsByClassName(o)),r}if(n.qsa&&!S[e+" "]&&(!y||!y.test(e))){if(1!==T)m=t,v=e;else if("object"!==t.nodeName.toLowerCase()){(c=t.getAttribute("id"))?c=c.replace(te,ne):t.setAttribute("id",c=b),s=(h=a(e)).length;while(s--)h[s]="#"+c+" "+ve(h[s]);v=h.join(","),m=K.test(e)&&ge(t.parentNode)||t}if(v)try{return L.apply(r,m.querySelectorAll(v)),r}catch(e){}finally{c===b&&t.removeAttribute("id")}}}return u(e.replace(B,"$1"),t,r,i)}function ae(){var e=[];function t(n,i){return e.push(n+" ")>r.cacheLength&&delete t[e.shift()],t[n+" "]=i}return t}function se(e){return e[b]=!0,e}function ue(e){var t=d.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function le(e,t){var n=e.split("|"),i=n.length;while(i--)r.attrHandle[n[i]]=t}function ce(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function fe(e){return function(t){return"input"===t.nodeName.toLowerCase()&&t.type===e}}function pe(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function de(e){return function(t){return"form"in t?t.parentNode&&!1===t.disabled?"label"in t?"label"in t.parentNode?t.parentNode.disabled===e:t.disabled===e:t.isDisabled===e||t.isDisabled!==!e&&ie(t)===e:t.disabled===e:"label"in t&&t.disabled===e}}function he(e){return se(function(t){return t=+t,se(function(n,r){var i,o=e([],n.length,t),a=o.length;while(a--)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}function ge(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}n=oe.support={},o=oe.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return!!t&&"HTML"!==t.nodeName},p=oe.setDocument=function(e){var t,i,a=e?e.ownerDocument||e:w;return a!==d&&9===a.nodeType&&a.documentElement?(d=a,h=d.documentElement,g=!o(d),w!==d&&(i=d.defaultView)&&i.top!==i&&(i.addEventListener?i.addEventListener("unload",re,!1):i.attachEvent&&i.attachEvent("onunload",re)),n.attributes=ue(function(e){return e.className="i",!e.getAttribute("className")}),n.getElementsByTagName=ue(function(e){return e.appendChild(d.createComment("")),!e.getElementsByTagName("*").length}),n.getElementsByClassName=Q.test(d.getElementsByClassName),n.getById=ue(function(e){return h.appendChild(e).id=b,!d.getElementsByName||!d.getElementsByName(b).length}),n.getById?(r.filter.ID=function(e){var t=e.replace(Z,ee);return function(e){return e.getAttribute("id")===t}},r.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&g){var n=t.getElementById(e);return n?[n]:[]}}):(r.filter.ID=function(e){var t=e.replace(Z,ee);return function(e){var n="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return n&&n.value===t}},r.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&g){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),r.find.TAG=n.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):n.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},r.find.CLASS=n.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&g)return t.getElementsByClassName(e)},v=[],y=[],(n.qsa=Q.test(d.querySelectorAll))&&(ue(function(e){h.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&y.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||y.push("\\["+M+"*(?:value|"+P+")"),e.querySelectorAll("[id~="+b+"-]").length||y.push("~="),e.querySelectorAll(":checked").length||y.push(":checked"),e.querySelectorAll("a#"+b+"+*").length||y.push(".#.+[+~]")}),ue(function(e){e.innerHTML="";var t=d.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&y.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&y.push(":enabled",":disabled"),h.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&y.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),y.push(",.*:")})),(n.matchesSelector=Q.test(m=h.matches||h.webkitMatchesSelector||h.mozMatchesSelector||h.oMatchesSelector||h.msMatchesSelector))&&ue(function(e){n.disconnectedMatch=m.call(e,"*"),m.call(e,"[s!='']:x"),v.push("!=",W)}),y=y.length&&new RegExp(y.join("|")),v=v.length&&new RegExp(v.join("|")),t=Q.test(h.compareDocumentPosition),x=t||Q.test(h.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return f=!0,0;var r=!e.compareDocumentPosition-!t.compareDocumentPosition;return r||(1&(r=(e.ownerDocument||e)===(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!n.sortDetached&&t.compareDocumentPosition(e)===r?e===d||e.ownerDocument===w&&x(w,e)?-1:t===d||t.ownerDocument===w&&x(w,t)?1:c?O(c,e)-O(c,t):0:4&r?-1:1)}:function(e,t){if(e===t)return f=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e===d?-1:t===d?1:i?-1:o?1:c?O(c,e)-O(c,t):0;if(i===o)return ce(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?ce(a[r],s[r]):a[r]===w?-1:s[r]===w?1:0},d):d},oe.matches=function(e,t){return oe(e,null,null,t)},oe.matchesSelector=function(e,t){if((e.ownerDocument||e)!==d&&p(e),t=t.replace(z,"='$1']"),n.matchesSelector&&g&&!S[t+" "]&&(!v||!v.test(t))&&(!y||!y.test(t)))try{var r=m.call(e,t);if(r||n.disconnectedMatch||e.document&&11!==e.document.nodeType)return r}catch(e){}return oe(t,d,null,[e]).length>0},oe.contains=function(e,t){return(e.ownerDocument||e)!==d&&p(e),x(e,t)},oe.attr=function(e,t){(e.ownerDocument||e)!==d&&p(e);var i=r.attrHandle[t.toLowerCase()],o=i&&N.call(r.attrHandle,t.toLowerCase())?i(e,t,!g):void 0;return void 0!==o?o:n.attributes||!g?e.getAttribute(t):(o=e.getAttributeNode(t))&&o.specified?o.value:null},oe.escape=function(e){return(e+"").replace(te,ne)},oe.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},oe.uniqueSort=function(e){var t,r=[],i=0,o=0;if(f=!n.detectDuplicates,c=!n.sortStable&&e.slice(0),e.sort(D),f){while(t=e[o++])t===e[o]&&(i=r.push(o));while(i--)e.splice(r[i],1)}return c=null,e},i=oe.getText=function(e){var t,n="",r=0,o=e.nodeType;if(o){if(1===o||9===o||11===o){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=i(e)}else if(3===o||4===o)return e.nodeValue}else while(t=e[r++])n+=i(t);return n},(r=oe.selectors={cacheLength:50,createPseudo:se,match:V,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(Z,ee),e[3]=(e[3]||e[4]||e[5]||"").replace(Z,ee),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||oe.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&oe.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return V.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=a(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(Z,ee).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=E[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&E(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=oe.attr(r,e);return null==i?"!="===t:!t||(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i.replace($," ")+" ").indexOf(n)>-1:"|="===t&&(i===n||i.slice(0,n.length+1)===n+"-"))}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),a="last"!==e.slice(-4),s="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,f,p,d,h,g=o!==a?"nextSibling":"previousSibling",y=t.parentNode,v=s&&t.nodeName.toLowerCase(),m=!u&&!s,x=!1;if(y){if(o){while(g){p=t;while(p=p[g])if(s?p.nodeName.toLowerCase()===v:1===p.nodeType)return!1;h=g="only"===e&&!h&&"nextSibling"}return!0}if(h=[a?y.firstChild:y.lastChild],a&&m){x=(d=(l=(c=(f=(p=y)[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]||[])[0]===T&&l[1])&&l[2],p=d&&y.childNodes[d];while(p=++d&&p&&p[g]||(x=d=0)||h.pop())if(1===p.nodeType&&++x&&p===t){c[e]=[T,d,x];break}}else if(m&&(x=d=(l=(c=(f=(p=t)[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]||[])[0]===T&&l[1]),!1===x)while(p=++d&&p&&p[g]||(x=d=0)||h.pop())if((s?p.nodeName.toLowerCase()===v:1===p.nodeType)&&++x&&(m&&((c=(f=p[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]=[T,x]),p===t))break;return(x-=i)===r||x%r==0&&x/r>=0}}},PSEUDO:function(e,t){var n,i=r.pseudos[e]||r.setFilters[e.toLowerCase()]||oe.error("unsupported pseudo: "+e);return i[b]?i(t):i.length>1?(n=[e,e,"",t],r.setFilters.hasOwnProperty(e.toLowerCase())?se(function(e,n){var r,o=i(e,t),a=o.length;while(a--)e[r=O(e,o[a])]=!(n[r]=o[a])}):function(e){return i(e,0,n)}):i}},pseudos:{not:se(function(e){var t=[],n=[],r=s(e.replace(B,"$1"));return r[b]?se(function(e,t,n,i){var o,a=r(e,null,i,[]),s=e.length;while(s--)(o=a[s])&&(e[s]=!(t[s]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),t[0]=null,!n.pop()}}),has:se(function(e){return function(t){return oe(e,t).length>0}}),contains:se(function(e){return e=e.replace(Z,ee),function(t){return(t.textContent||t.innerText||i(t)).indexOf(e)>-1}}),lang:se(function(e){return U.test(e||"")||oe.error("unsupported lang: "+e),e=e.replace(Z,ee).toLowerCase(),function(t){var n;do{if(n=g?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return(n=n.toLowerCase())===e||0===n.indexOf(e+"-")}while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===h},focus:function(e){return e===d.activeElement&&(!d.hasFocus||d.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:de(!1),disabled:de(!0),checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!r.pseudos.empty(e)},header:function(e){return Y.test(e.nodeName)},input:function(e){return G.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:he(function(){return[0]}),last:he(function(e,t){return[t-1]}),eq:he(function(e,t,n){return[n<0?n+t:n]}),even:he(function(e,t){for(var n=0;n=0;)e.push(r);return e}),gt:he(function(e,t,n){for(var r=n<0?n+t:n;++r1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function be(e,t,n){for(var r=0,i=t.length;r-1&&(o[l]=!(a[l]=f))}}else v=we(v===a?v.splice(h,v.length):v),i?i(null,a,v,u):L.apply(a,v)})}function Ce(e){for(var t,n,i,o=e.length,a=r.relative[e[0].type],s=a||r.relative[" "],u=a?1:0,c=me(function(e){return e===t},s,!0),f=me(function(e){return O(t,e)>-1},s,!0),p=[function(e,n,r){var i=!a&&(r||n!==l)||((t=n).nodeType?c(e,n,r):f(e,n,r));return t=null,i}];u1&&xe(p),u>1&&ve(e.slice(0,u-1).concat({value:" "===e[u-2].type?"*":""})).replace(B,"$1"),n,u0,i=e.length>0,o=function(o,a,s,u,c){var f,h,y,v=0,m="0",x=o&&[],b=[],w=l,C=o||i&&r.find.TAG("*",c),E=T+=null==w?1:Math.random()||.1,k=C.length;for(c&&(l=a===d||a||c);m!==k&&null!=(f=C[m]);m++){if(i&&f){h=0,a||f.ownerDocument===d||(p(f),s=!g);while(y=e[h++])if(y(f,a||d,s)){u.push(f);break}c&&(T=E)}n&&((f=!y&&f)&&v--,o&&x.push(f))}if(v+=m,n&&m!==v){h=0;while(y=t[h++])y(x,b,a,s);if(o){if(v>0)while(m--)x[m]||b[m]||(b[m]=j.call(u));b=we(b)}L.apply(u,b),c&&!o&&b.length>0&&v+t.length>1&&oe.uniqueSort(u)}return c&&(T=E,l=w),x};return n?se(o):o}return s=oe.compile=function(e,t){var n,r=[],i=[],o=S[e+" "];if(!o){t||(t=a(e)),n=t.length;while(n--)(o=Ce(t[n]))[b]?r.push(o):i.push(o);(o=S(e,Ee(i,r))).selector=e}return o},u=oe.select=function(e,t,n,i){var o,u,l,c,f,p="function"==typeof e&&e,d=!i&&a(e=p.selector||e);if(n=n||[],1===d.length){if((u=d[0]=d[0].slice(0)).length>2&&"ID"===(l=u[0]).type&&9===t.nodeType&&g&&r.relative[u[1].type]){if(!(t=(r.find.ID(l.matches[0].replace(Z,ee),t)||[])[0]))return n;p&&(t=t.parentNode),e=e.slice(u.shift().value.length)}o=V.needsContext.test(e)?0:u.length;while(o--){if(l=u[o],r.relative[c=l.type])break;if((f=r.find[c])&&(i=f(l.matches[0].replace(Z,ee),K.test(u[0].type)&&ge(t.parentNode)||t))){if(u.splice(o,1),!(e=i.length&&ve(u)))return L.apply(n,i),n;break}}}return(p||s(e,d))(i,t,!g,n,!t||K.test(e)&&ge(t.parentNode)||t),n},n.sortStable=b.split("").sort(D).join("")===b,n.detectDuplicates=!!f,p(),n.sortDetached=ue(function(e){return 1&e.compareDocumentPosition(d.createElement("fieldset"))}),ue(function(e){return e.innerHTML="","#"===e.firstChild.getAttribute("href")})||le("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),n.attributes&&ue(function(e){return e.innerHTML="",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||le("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),ue(function(e){return null==e.getAttribute("disabled")})||le(P,function(e,t,n){var r;if(!n)return!0===e[t]?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null}),oe}(e);w.find=E,w.expr=E.selectors,w.expr[":"]=w.expr.pseudos,w.uniqueSort=w.unique=E.uniqueSort,w.text=E.getText,w.isXMLDoc=E.isXML,w.contains=E.contains,w.escapeSelector=E.escape;var k=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&w(e).is(n))break;r.push(e)}return r},S=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},D=w.expr.match.needsContext;function N(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}var A=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,t,n){return g(t)?w.grep(e,function(e,r){return!!t.call(e,r,e)!==n}):t.nodeType?w.grep(e,function(e){return e===t!==n}):"string"!=typeof t?w.grep(e,function(e){return u.call(t,e)>-1!==n}):w.filter(t,e,n)}w.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?w.find.matchesSelector(r,e)?[r]:[]:w.find.matches(e,w.grep(t,function(e){return 1===e.nodeType}))},w.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(w(e).filter(function(){for(t=0;t1?w.uniqueSort(n):n},filter:function(e){return this.pushStack(j(this,e||[],!1))},not:function(e){return this.pushStack(j(this,e||[],!0))},is:function(e){return!!j(this,"string"==typeof e&&D.test(e)?w(e):e||[],!1).length}});var q,L=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(w.fn.init=function(e,t,n){var i,o;if(!e)return this;if(n=n||q,"string"==typeof e){if(!(i="<"===e[0]&&">"===e[e.length-1]&&e.length>=3?[null,e,null]:L.exec(e))||!i[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(i[1]){if(t=t instanceof w?t[0]:t,w.merge(this,w.parseHTML(i[1],t&&t.nodeType?t.ownerDocument||t:r,!0)),A.test(i[1])&&w.isPlainObject(t))for(i in t)g(this[i])?this[i](t[i]):this.attr(i,t[i]);return this}return(o=r.getElementById(i[2]))&&(this[0]=o,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):g(e)?void 0!==n.ready?n.ready(e):e(w):w.makeArray(e,this)}).prototype=w.fn,q=w(r);var H=/^(?:parents|prev(?:Until|All))/,O={children:!0,contents:!0,next:!0,prev:!0};w.fn.extend({has:function(e){var t=w(e,this),n=t.length;return this.filter(function(){for(var e=0;e-1:1===n.nodeType&&w.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(o.length>1?w.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?u.call(w(e),this[0]):u.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(w.uniqueSort(w.merge(this.get(),w(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function P(e,t){while((e=e[t])&&1!==e.nodeType);return e}w.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return k(e,"parentNode")},parentsUntil:function(e,t,n){return k(e,"parentNode",n)},next:function(e){return P(e,"nextSibling")},prev:function(e){return P(e,"previousSibling")},nextAll:function(e){return k(e,"nextSibling")},prevAll:function(e){return k(e,"previousSibling")},nextUntil:function(e,t,n){return k(e,"nextSibling",n)},prevUntil:function(e,t,n){return k(e,"previousSibling",n)},siblings:function(e){return S((e.parentNode||{}).firstChild,e)},children:function(e){return S(e.firstChild)},contents:function(e){return N(e,"iframe")?e.contentDocument:(N(e,"template")&&(e=e.content||e),w.merge([],e.childNodes))}},function(e,t){w.fn[e]=function(n,r){var i=w.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=w.filter(r,i)),this.length>1&&(O[e]||w.uniqueSort(i),H.test(e)&&i.reverse()),this.pushStack(i)}});var M=/[^\x20\t\r\n\f]+/g;function R(e){var t={};return w.each(e.match(M)||[],function(e,n){t[n]=!0}),t}w.Callbacks=function(e){e="string"==typeof e?R(e):w.extend({},e);var t,n,r,i,o=[],a=[],s=-1,u=function(){for(i=i||e.once,r=t=!0;a.length;s=-1){n=a.shift();while(++s-1)o.splice(n,1),n<=s&&s--}),this},has:function(e){return e?w.inArray(e,o)>-1:o.length>0},empty:function(){return o&&(o=[]),this},disable:function(){return i=a=[],o=n="",this},disabled:function(){return!o},lock:function(){return i=a=[],n||t||(o=n=""),this},locked:function(){return!!i},fireWith:function(e,n){return i||(n=[e,(n=n||[]).slice?n.slice():n],a.push(n),t||u()),this},fire:function(){return l.fireWith(this,arguments),this},fired:function(){return!!r}};return l};function I(e){return e}function W(e){throw e}function $(e,t,n,r){var i;try{e&&g(i=e.promise)?i.call(e).done(t).fail(n):e&&g(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}w.extend({Deferred:function(t){var n=[["notify","progress",w.Callbacks("memory"),w.Callbacks("memory"),2],["resolve","done",w.Callbacks("once memory"),w.Callbacks("once memory"),0,"resolved"],["reject","fail",w.Callbacks("once memory"),w.Callbacks("once memory"),1,"rejected"]],r="pending",i={state:function(){return r},always:function(){return o.done(arguments).fail(arguments),this},"catch":function(e){return i.then(null,e)},pipe:function(){var e=arguments;return w.Deferred(function(t){w.each(n,function(n,r){var i=g(e[r[4]])&&e[r[4]];o[r[1]](function(){var e=i&&i.apply(this,arguments);e&&g(e.promise)?e.promise().progress(t.notify).done(t.resolve).fail(t.reject):t[r[0]+"With"](this,i?[e]:arguments)})}),e=null}).promise()},then:function(t,r,i){var o=0;function a(t,n,r,i){return function(){var s=this,u=arguments,l=function(){var e,l;if(!(t=o&&(r!==W&&(s=void 0,u=[e]),n.rejectWith(s,u))}};t?c():(w.Deferred.getStackHook&&(c.stackTrace=w.Deferred.getStackHook()),e.setTimeout(c))}}return w.Deferred(function(e){n[0][3].add(a(0,e,g(i)?i:I,e.notifyWith)),n[1][3].add(a(0,e,g(t)?t:I)),n[2][3].add(a(0,e,g(r)?r:W))}).promise()},promise:function(e){return null!=e?w.extend(e,i):i}},o={};return w.each(n,function(e,t){var a=t[2],s=t[5];i[t[1]]=a.add,s&&a.add(function(){r=s},n[3-e][2].disable,n[3-e][3].disable,n[0][2].lock,n[0][3].lock),a.add(t[3].fire),o[t[0]]=function(){return o[t[0]+"With"](this===o?void 0:this,arguments),this},o[t[0]+"With"]=a.fireWith}),i.promise(o),t&&t.call(o,o),o},when:function(e){var t=arguments.length,n=t,r=Array(n),i=o.call(arguments),a=w.Deferred(),s=function(e){return function(n){r[e]=this,i[e]=arguments.length>1?o.call(arguments):n,--t||a.resolveWith(r,i)}};if(t<=1&&($(e,a.done(s(n)).resolve,a.reject,!t),"pending"===a.state()||g(i[n]&&i[n].then)))return a.then();while(n--)$(i[n],s(n),a.reject);return a.promise()}});var B=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;w.Deferred.exceptionHook=function(t,n){e.console&&e.console.warn&&t&&B.test(t.name)&&e.console.warn("jQuery.Deferred exception: "+t.message,t.stack,n)},w.readyException=function(t){e.setTimeout(function(){throw t})};var F=w.Deferred();w.fn.ready=function(e){return F.then(e)["catch"](function(e){w.readyException(e)}),this},w.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--w.readyWait:w.isReady)||(w.isReady=!0,!0!==e&&--w.readyWait>0||F.resolveWith(r,[w]))}}),w.ready.then=F.then;function _(){r.removeEventListener("DOMContentLoaded",_),e.removeEventListener("load",_),w.ready()}"complete"===r.readyState||"loading"!==r.readyState&&!r.documentElement.doScroll?e.setTimeout(w.ready):(r.addEventListener("DOMContentLoaded",_),e.addEventListener("load",_));var z=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===x(n)){i=!0;for(s in n)z(e,t,s,n[s],!0,o,a)}else if(void 0!==r&&(i=!0,g(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(w(e),n)})),t))for(;s1,null,!0)},removeData:function(e){return this.each(function(){K.remove(this,e)})}}),w.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=J.get(e,t),n&&(!r||Array.isArray(n)?r=J.access(e,t,w.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=w.queue(e,t),r=n.length,i=n.shift(),o=w._queueHooks(e,t),a=function(){w.dequeue(e,t)};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,a,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return J.get(e,n)||J.access(e,n,{empty:w.Callbacks("once memory").add(function(){J.remove(e,[t+"queue",n])})})}}),w.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),arguments.length\x20\t\r\n\f]+)/i,he=/^$|^module$|\/(?:java|ecma)script/i,ge={option:[1,""],thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};ge.optgroup=ge.option,ge.tbody=ge.tfoot=ge.colgroup=ge.caption=ge.thead,ge.th=ge.td;function ye(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&N(e,t)?w.merge([e],n):n}function ve(e,t){for(var n=0,r=e.length;n-1)i&&i.push(o);else if(l=w.contains(o.ownerDocument,o),a=ye(f.appendChild(o),"script"),l&&ve(a),n){c=0;while(o=a[c++])he.test(o.type||"")&&n.push(o)}return f}!function(){var e=r.createDocumentFragment().appendChild(r.createElement("div")),t=r.createElement("input");t.setAttribute("type","radio"),t.setAttribute("checked","checked"),t.setAttribute("name","t"),e.appendChild(t),h.checkClone=e.cloneNode(!0).cloneNode(!0).lastChild.checked,e.innerHTML="",h.noCloneChecked=!!e.cloneNode(!0).lastChild.defaultValue}();var be=r.documentElement,we=/^key/,Te=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,Ce=/^([^.]*)(?:\.(.+)|)/;function Ee(){return!0}function ke(){return!1}function Se(){try{return r.activeElement}catch(e){}}function De(e,t,n,r,i,o){var a,s;if("object"==typeof t){"string"!=typeof n&&(r=r||n,n=void 0);for(s in t)De(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=ke;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return w().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=w.guid++)),e.each(function(){w.event.add(this,t,i,r,n)})}w.event={global:{},add:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,y=J.get(e);if(y){n.handler&&(n=(o=n).handler,i=o.selector),i&&w.find.matchesSelector(be,i),n.guid||(n.guid=w.guid++),(u=y.events)||(u=y.events={}),(a=y.handle)||(a=y.handle=function(t){return"undefined"!=typeof w&&w.event.triggered!==t.type?w.event.dispatch.apply(e,arguments):void 0}),l=(t=(t||"").match(M)||[""]).length;while(l--)d=g=(s=Ce.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=w.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=w.event.special[d]||{},c=w.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&w.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(e,r,h,a)||e.addEventListener&&e.addEventListener(d,a)),f.add&&(f.add.call(e,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),w.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,y=J.hasData(e)&&J.get(e);if(y&&(u=y.events)){l=(t=(t||"").match(M)||[""]).length;while(l--)if(s=Ce.exec(t[l])||[],d=g=s[1],h=(s[2]||"").split(".").sort(),d){f=w.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,y.handle)||w.removeEvent(e,d,y.handle),delete u[d])}else for(d in u)w.event.remove(e,d+t[l],n,r,!0);w.isEmptyObject(u)&&J.remove(e,"handle events")}},dispatch:function(e){var t=w.event.fix(e),n,r,i,o,a,s,u=new Array(arguments.length),l=(J.get(this,"events")||{})[t.type]||[],c=w.event.special[t.type]||{};for(u[0]=t,n=1;n=1))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n-1:w.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u\x20\t\r\n\f]*)[^>]*)\/>/gi,Ae=/\s*$/g;function Le(e,t){return N(e,"table")&&N(11!==t.nodeType?t:t.firstChild,"tr")?w(e).children("tbody")[0]||e:e}function He(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function Oe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Pe(e,t){var n,r,i,o,a,s,u,l;if(1===t.nodeType){if(J.hasData(e)&&(o=J.access(e),a=J.set(t,o),l=o.events)){delete a.handle,a.events={};for(i in l)for(n=0,r=l[i].length;n1&&"string"==typeof y&&!h.checkClone&&je.test(y))return e.each(function(i){var o=e.eq(i);v&&(t[0]=y.call(this,i,o.html())),Re(o,t,n,r)});if(p&&(i=xe(t,e[0].ownerDocument,!1,e,r),o=i.firstChild,1===i.childNodes.length&&(i=o),o||r)){for(u=(s=w.map(ye(i,"script"),He)).length;f")},clone:function(e,t,n){var r,i,o,a,s=e.cloneNode(!0),u=w.contains(e.ownerDocument,e);if(!(h.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||w.isXMLDoc(e)))for(a=ye(s),r=0,i=(o=ye(e)).length;r0&&ve(a,!u&&ye(e,"script")),s},cleanData:function(e){for(var t,n,r,i=w.event.special,o=0;void 0!==(n=e[o]);o++)if(Y(n)){if(t=n[J.expando]){if(t.events)for(r in t.events)i[r]?w.event.remove(n,r):w.removeEvent(n,r,t.handle);n[J.expando]=void 0}n[K.expando]&&(n[K.expando]=void 0)}}}),w.fn.extend({detach:function(e){return Ie(this,e,!0)},remove:function(e){return Ie(this,e)},text:function(e){return z(this,function(e){return void 0===e?w.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return Re(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||Le(this,e).appendChild(e)})},prepend:function(){return Re(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=Le(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return Re(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return Re(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(w.cleanData(ye(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return w.clone(this,e,t)})},html:function(e){return z(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!Ae.test(e)&&!ge[(de.exec(e)||["",""])[1].toLowerCase()]){e=w.htmlPrefilter(e);try{for(;n=0&&(u+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-o-u-s-.5))),u}function et(e,t,n){var r=$e(e),i=Fe(e,t,r),o="border-box"===w.css(e,"boxSizing",!1,r),a=o;if(We.test(i)){if(!n)return i;i="auto"}return a=a&&(h.boxSizingReliable()||i===e.style[t]),("auto"===i||!parseFloat(i)&&"inline"===w.css(e,"display",!1,r))&&(i=e["offset"+t[0].toUpperCase()+t.slice(1)],a=!0),(i=parseFloat(i)||0)+Ze(e,t,n||(o?"border":"content"),a,r,i)+"px"}w.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Fe(e,"opacity");return""===n?"1":n}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=G(t),u=Xe.test(t),l=e.style;if(u||(t=Je(s)),a=w.cssHooks[t]||w.cssHooks[s],void 0===n)return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:l[t];"string"==(o=typeof n)&&(i=ie.exec(n))&&i[1]&&(n=ue(e,t,i),o="number"),null!=n&&n===n&&("number"===o&&(n+=i&&i[3]||(w.cssNumber[s]?"":"px")),h.clearCloneStyle||""!==n||0!==t.indexOf("background")||(l[t]="inherit"),a&&"set"in a&&void 0===(n=a.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n))}},css:function(e,t,n,r){var i,o,a,s=G(t);return Xe.test(t)||(t=Je(s)),(a=w.cssHooks[t]||w.cssHooks[s])&&"get"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=Fe(e,t,r)),"normal"===i&&t in Ve&&(i=Ve[t]),""===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i}}),w.each(["height","width"],function(e,t){w.cssHooks[t]={get:function(e,n,r){if(n)return!ze.test(w.css(e,"display"))||e.getClientRects().length&&e.getBoundingClientRect().width?et(e,t,r):se(e,Ue,function(){return et(e,t,r)})},set:function(e,n,r){var i,o=$e(e),a="border-box"===w.css(e,"boxSizing",!1,o),s=r&&Ze(e,t,r,a,o);return a&&h.scrollboxSize()===o.position&&(s-=Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-parseFloat(o[t])-Ze(e,t,"border",!1,o)-.5)),s&&(i=ie.exec(n))&&"px"!==(i[3]||"px")&&(e.style[t]=n,n=w.css(e,t)),Ke(e,n,s)}}}),w.cssHooks.marginLeft=_e(h.reliableMarginLeft,function(e,t){if(t)return(parseFloat(Fe(e,"marginLeft"))||e.getBoundingClientRect().left-se(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+"px"}),w.each({margin:"",padding:"",border:"Width"},function(e,t){w.cssHooks[e+t]={expand:function(n){for(var r=0,i={},o="string"==typeof n?n.split(" "):[n];r<4;r++)i[e+oe[r]+t]=o[r]||o[r-2]||o[0];return i}},"margin"!==e&&(w.cssHooks[e+t].set=Ke)}),w.fn.extend({css:function(e,t){return z(this,function(e,t,n){var r,i,o={},a=0;if(Array.isArray(t)){for(r=$e(e),i=t.length;a1)}});function tt(e,t,n,r,i){return new tt.prototype.init(e,t,n,r,i)}w.Tween=tt,tt.prototype={constructor:tt,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||w.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(w.cssNumber[n]?"":"px")},cur:function(){var e=tt.propHooks[this.prop];return e&&e.get?e.get(this):tt.propHooks._default.get(this)},run:function(e){var t,n=tt.propHooks[this.prop];return this.options.duration?this.pos=t=w.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):tt.propHooks._default.set(this),this}},tt.prototype.init.prototype=tt.prototype,tt.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=w.css(e.elem,e.prop,""))&&"auto"!==t?t:0},set:function(e){w.fx.step[e.prop]?w.fx.step[e.prop](e):1!==e.elem.nodeType||null==e.elem.style[w.cssProps[e.prop]]&&!w.cssHooks[e.prop]?e.elem[e.prop]=e.now:w.style(e.elem,e.prop,e.now+e.unit)}}},tt.propHooks.scrollTop=tt.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},w.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},w.fx=tt.prototype.init,w.fx.step={};var nt,rt,it=/^(?:toggle|show|hide)$/,ot=/queueHooks$/;function at(){rt&&(!1===r.hidden&&e.requestAnimationFrame?e.requestAnimationFrame(at):e.setTimeout(at,w.fx.interval),w.fx.tick())}function st(){return e.setTimeout(function(){nt=void 0}),nt=Date.now()}function ut(e,t){var n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t)i["margin"+(n=oe[r])]=i["padding"+n]=e;return t&&(i.opacity=i.width=e),i}function lt(e,t,n){for(var r,i=(pt.tweeners[t]||[]).concat(pt.tweeners["*"]),o=0,a=i.length;o1)},removeAttr:function(e){return this.each(function(){w.removeAttr(this,e)})}}),w.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?w.prop(e,t,n):(1===o&&w.isXMLDoc(e)||(i=w.attrHooks[t.toLowerCase()]||(w.expr.match.bool.test(t)?dt:void 0)),void 0!==n?null===n?void w.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:null==(r=w.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!h.radioValue&&"radio"===t&&N(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(M);if(i&&1===e.nodeType)while(n=i[r++])e.removeAttribute(n)}}),dt={set:function(e,t,n){return!1===t?w.removeAttr(e,n):e.setAttribute(n,n),n}},w.each(w.expr.match.bool.source.match(/\w+/g),function(e,t){var n=ht[t]||w.find.attr;ht[t]=function(e,t,r){var i,o,a=t.toLowerCase();return r||(o=ht[a],ht[a]=i,i=null!=n(e,t,r)?a:null,ht[a]=o),i}});var gt=/^(?:input|select|textarea|button)$/i,yt=/^(?:a|area)$/i;w.fn.extend({prop:function(e,t){return z(this,w.prop,e,t,arguments.length>1)},removeProp:function(e){return this.each(function(){delete this[w.propFix[e]||e]})}}),w.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&w.isXMLDoc(e)||(t=w.propFix[t]||t,i=w.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=w.find.attr(e,"tabindex");return t?parseInt(t,10):gt.test(e.nodeName)||yt.test(e.nodeName)&&e.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),h.optSelected||(w.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),w.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){w.propFix[this.toLowerCase()]=this});function vt(e){return(e.match(M)||[]).join(" ")}function mt(e){return e.getAttribute&&e.getAttribute("class")||""}function xt(e){return Array.isArray(e)?e:"string"==typeof e?e.match(M)||[]:[]}w.fn.extend({addClass:function(e){var t,n,r,i,o,a,s,u=0;if(g(e))return this.each(function(t){w(this).addClass(e.call(this,t,mt(this)))});if((t=xt(e)).length)while(n=this[u++])if(i=mt(n),r=1===n.nodeType&&" "+vt(i)+" "){a=0;while(o=t[a++])r.indexOf(" "+o+" ")<0&&(r+=o+" ");i!==(s=vt(r))&&n.setAttribute("class",s)}return this},removeClass:function(e){var t,n,r,i,o,a,s,u=0;if(g(e))return this.each(function(t){w(this).removeClass(e.call(this,t,mt(this)))});if(!arguments.length)return this.attr("class","");if((t=xt(e)).length)while(n=this[u++])if(i=mt(n),r=1===n.nodeType&&" "+vt(i)+" "){a=0;while(o=t[a++])while(r.indexOf(" "+o+" ")>-1)r=r.replace(" "+o+" "," ");i!==(s=vt(r))&&n.setAttribute("class",s)}return this},toggleClass:function(e,t){var n=typeof e,r="string"===n||Array.isArray(e);return"boolean"==typeof t&&r?t?this.addClass(e):this.removeClass(e):g(e)?this.each(function(n){w(this).toggleClass(e.call(this,n,mt(this),t),t)}):this.each(function(){var t,i,o,a;if(r){i=0,o=w(this),a=xt(e);while(t=a[i++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else void 0!==e&&"boolean"!==n||((t=mt(this))&&J.set(this,"__className__",t),this.setAttribute&&this.setAttribute("class",t||!1===e?"":J.get(this,"__className__")||""))})},hasClass:function(e){var t,n,r=0;t=" "+e+" ";while(n=this[r++])if(1===n.nodeType&&(" "+vt(mt(n))+" ").indexOf(t)>-1)return!0;return!1}});var bt=/\r/g;w.fn.extend({val:function(e){var t,n,r,i=this[0];{if(arguments.length)return r=g(e),this.each(function(n){var i;1===this.nodeType&&(null==(i=r?e.call(this,n,w(this).val()):e)?i="":"number"==typeof i?i+="":Array.isArray(i)&&(i=w.map(i,function(e){return null==e?"":e+""})),(t=w.valHooks[this.type]||w.valHooks[this.nodeName.toLowerCase()])&&"set"in t&&void 0!==t.set(this,i,"value")||(this.value=i))});if(i)return(t=w.valHooks[i.type]||w.valHooks[i.nodeName.toLowerCase()])&&"get"in t&&void 0!==(n=t.get(i,"value"))?n:"string"==typeof(n=i.value)?n.replace(bt,""):null==n?"":n}}}),w.extend({valHooks:{option:{get:function(e){var t=w.find.attr(e,"value");return null!=t?t:vt(w.text(e))}},select:{get:function(e){var t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r-1)&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),w.each(["radio","checkbox"],function(){w.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=w.inArray(w(e).val(),t)>-1}},h.checkOn||(w.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})}),h.focusin="onfocusin"in e;var wt=/^(?:focusinfocus|focusoutblur)$/,Tt=function(e){e.stopPropagation()};w.extend(w.event,{trigger:function(t,n,i,o){var a,s,u,l,c,p,d,h,v=[i||r],m=f.call(t,"type")?t.type:t,x=f.call(t,"namespace")?t.namespace.split("."):[];if(s=h=u=i=i||r,3!==i.nodeType&&8!==i.nodeType&&!wt.test(m+w.event.triggered)&&(m.indexOf(".")>-1&&(m=(x=m.split(".")).shift(),x.sort()),c=m.indexOf(":")<0&&"on"+m,t=t[w.expando]?t:new w.Event(m,"object"==typeof t&&t),t.isTrigger=o?2:3,t.namespace=x.join("."),t.rnamespace=t.namespace?new RegExp("(^|\\.)"+x.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,t.result=void 0,t.target||(t.target=i),n=null==n?[t]:w.makeArray(n,[t]),d=w.event.special[m]||{},o||!d.trigger||!1!==d.trigger.apply(i,n))){if(!o&&!d.noBubble&&!y(i)){for(l=d.delegateType||m,wt.test(l+m)||(s=s.parentNode);s;s=s.parentNode)v.push(s),u=s;u===(i.ownerDocument||r)&&v.push(u.defaultView||u.parentWindow||e)}a=0;while((s=v[a++])&&!t.isPropagationStopped())h=s,t.type=a>1?l:d.bindType||m,(p=(J.get(s,"events")||{})[t.type]&&J.get(s,"handle"))&&p.apply(s,n),(p=c&&s[c])&&p.apply&&Y(s)&&(t.result=p.apply(s,n),!1===t.result&&t.preventDefault());return t.type=m,o||t.isDefaultPrevented()||d._default&&!1!==d._default.apply(v.pop(),n)||!Y(i)||c&&g(i[m])&&!y(i)&&((u=i[c])&&(i[c]=null),w.event.triggered=m,t.isPropagationStopped()&&h.addEventListener(m,Tt),i[m](),t.isPropagationStopped()&&h.removeEventListener(m,Tt),w.event.triggered=void 0,u&&(i[c]=u)),t.result}},simulate:function(e,t,n){var r=w.extend(new w.Event,n,{type:e,isSimulated:!0});w.event.trigger(r,null,t)}}),w.fn.extend({trigger:function(e,t){return this.each(function(){w.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return w.event.trigger(e,t,n,!0)}}),h.focusin||w.each({focus:"focusin",blur:"focusout"},function(e,t){var n=function(e){w.event.simulate(t,e.target,w.event.fix(e))};w.event.special[t]={setup:function(){var r=this.ownerDocument||this,i=J.access(r,t);i||r.addEventListener(e,n,!0),J.access(r,t,(i||0)+1)},teardown:function(){var r=this.ownerDocument||this,i=J.access(r,t)-1;i?J.access(r,t,i):(r.removeEventListener(e,n,!0),J.remove(r,t))}}});var Ct=e.location,Et=Date.now(),kt=/\?/;w.parseXML=function(t){var n;if(!t||"string"!=typeof t)return null;try{n=(new e.DOMParser).parseFromString(t,"text/xml")}catch(e){n=void 0}return n&&!n.getElementsByTagName("parsererror").length||w.error("Invalid XML: "+t),n};var St=/\[\]$/,Dt=/\r?\n/g,Nt=/^(?:submit|button|image|reset|file)$/i,At=/^(?:input|select|textarea|keygen)/i;function jt(e,t,n,r){var i;if(Array.isArray(t))w.each(t,function(t,i){n||St.test(e)?r(e,i):jt(e+"["+("object"==typeof i&&null!=i?t:"")+"]",i,n,r)});else if(n||"object"!==x(t))r(e,t);else for(i in t)jt(e+"["+i+"]",t[i],n,r)}w.param=function(e,t){var n,r=[],i=function(e,t){var n=g(t)?t():t;r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n)};if(Array.isArray(e)||e.jquery&&!w.isPlainObject(e))w.each(e,function(){i(this.name,this.value)});else for(n in e)jt(n,e[n],t,i);return r.join("&")},w.fn.extend({serialize:function(){return w.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=w.prop(this,"elements");return e?w.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!w(this).is(":disabled")&&At.test(this.nodeName)&&!Nt.test(e)&&(this.checked||!pe.test(e))}).map(function(e,t){var n=w(this).val();return null==n?null:Array.isArray(n)?w.map(n,function(e){return{name:t.name,value:e.replace(Dt,"\r\n")}}):{name:t.name,value:n.replace(Dt,"\r\n")}}).get()}});var qt=/%20/g,Lt=/#.*$/,Ht=/([?&])_=[^&]*/,Ot=/^(.*?):[ \t]*([^\r\n]*)$/gm,Pt=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Mt=/^(?:GET|HEAD)$/,Rt=/^\/\//,It={},Wt={},$t="*/".concat("*"),Bt=r.createElement("a");Bt.href=Ct.href;function Ft(e){return function(t,n){"string"!=typeof t&&(n=t,t="*");var r,i=0,o=t.toLowerCase().match(M)||[];if(g(n))while(r=o[i++])"+"===r[0]?(r=r.slice(1)||"*",(e[r]=e[r]||[]).unshift(n)):(e[r]=e[r]||[]).push(n)}}function _t(e,t,n,r){var i={},o=e===Wt;function a(s){var u;return i[s]=!0,w.each(e[s]||[],function(e,s){var l=s(t,n,r);return"string"!=typeof l||o||i[l]?o?!(u=l):void 0:(t.dataTypes.unshift(l),a(l),!1)}),u}return a(t.dataTypes[0])||!i["*"]&&a("*")}function zt(e,t){var n,r,i=w.ajaxSettings.flatOptions||{};for(n in t)void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&w.extend(!0,e,r),e}function Xt(e,t,n){var r,i,o,a,s=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),void 0===r&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in s)if(s[i]&&s[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}a||(a=i)}o=o||a}if(o)return o!==u[0]&&u.unshift(o),n[o]}function Ut(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)l[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(!(a=l[u+" "+o]||l["* "+o]))for(i in l)if((s=i.split(" "))[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){!0===a?a=l[i]:!0!==l[i]&&(o=s[0],c.unshift(s[1]));break}if(!0!==a)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(e){return{state:"parsererror",error:a?e:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}w.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Ct.href,type:"GET",isLocal:Pt.test(Ct.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":$t,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":w.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?zt(zt(e,w.ajaxSettings),t):zt(w.ajaxSettings,e)},ajaxPrefilter:Ft(It),ajaxTransport:Ft(Wt),ajax:function(t,n){"object"==typeof t&&(n=t,t=void 0),n=n||{};var i,o,a,s,u,l,c,f,p,d,h=w.ajaxSetup({},n),g=h.context||h,y=h.context&&(g.nodeType||g.jquery)?w(g):w.event,v=w.Deferred(),m=w.Callbacks("once memory"),x=h.statusCode||{},b={},T={},C="canceled",E={readyState:0,getResponseHeader:function(e){var t;if(c){if(!s){s={};while(t=Ot.exec(a))s[t[1].toLowerCase()]=t[2]}t=s[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return c?a:null},setRequestHeader:function(e,t){return null==c&&(e=T[e.toLowerCase()]=T[e.toLowerCase()]||e,b[e]=t),this},overrideMimeType:function(e){return null==c&&(h.mimeType=e),this},statusCode:function(e){var t;if(e)if(c)E.always(e[E.status]);else for(t in e)x[t]=[x[t],e[t]];return this},abort:function(e){var t=e||C;return i&&i.abort(t),k(0,t),this}};if(v.promise(E),h.url=((t||h.url||Ct.href)+"").replace(Rt,Ct.protocol+"//"),h.type=n.method||n.type||h.method||h.type,h.dataTypes=(h.dataType||"*").toLowerCase().match(M)||[""],null==h.crossDomain){l=r.createElement("a");try{l.href=h.url,l.href=l.href,h.crossDomain=Bt.protocol+"//"+Bt.host!=l.protocol+"//"+l.host}catch(e){h.crossDomain=!0}}if(h.data&&h.processData&&"string"!=typeof h.data&&(h.data=w.param(h.data,h.traditional)),_t(It,h,n,E),c)return E;(f=w.event&&h.global)&&0==w.active++&&w.event.trigger("ajaxStart"),h.type=h.type.toUpperCase(),h.hasContent=!Mt.test(h.type),o=h.url.replace(Lt,""),h.hasContent?h.data&&h.processData&&0===(h.contentType||"").indexOf("application/x-www-form-urlencoded")&&(h.data=h.data.replace(qt,"+")):(d=h.url.slice(o.length),h.data&&(h.processData||"string"==typeof h.data)&&(o+=(kt.test(o)?"&":"?")+h.data,delete h.data),!1===h.cache&&(o=o.replace(Ht,"$1"),d=(kt.test(o)?"&":"?")+"_="+Et+++d),h.url=o+d),h.ifModified&&(w.lastModified[o]&&E.setRequestHeader("If-Modified-Since",w.lastModified[o]),w.etag[o]&&E.setRequestHeader("If-None-Match",w.etag[o])),(h.data&&h.hasContent&&!1!==h.contentType||n.contentType)&&E.setRequestHeader("Content-Type",h.contentType),E.setRequestHeader("Accept",h.dataTypes[0]&&h.accepts[h.dataTypes[0]]?h.accepts[h.dataTypes[0]]+("*"!==h.dataTypes[0]?", "+$t+"; q=0.01":""):h.accepts["*"]);for(p in h.headers)E.setRequestHeader(p,h.headers[p]);if(h.beforeSend&&(!1===h.beforeSend.call(g,E,h)||c))return E.abort();if(C="abort",m.add(h.complete),E.done(h.success),E.fail(h.error),i=_t(Wt,h,n,E)){if(E.readyState=1,f&&y.trigger("ajaxSend",[E,h]),c)return E;h.async&&h.timeout>0&&(u=e.setTimeout(function(){E.abort("timeout")},h.timeout));try{c=!1,i.send(b,k)}catch(e){if(c)throw e;k(-1,e)}}else k(-1,"No Transport");function k(t,n,r,s){var l,p,d,b,T,C=n;c||(c=!0,u&&e.clearTimeout(u),i=void 0,a=s||"",E.readyState=t>0?4:0,l=t>=200&&t<300||304===t,r&&(b=Xt(h,E,r)),b=Ut(h,b,E,l),l?(h.ifModified&&((T=E.getResponseHeader("Last-Modified"))&&(w.lastModified[o]=T),(T=E.getResponseHeader("etag"))&&(w.etag[o]=T)),204===t||"HEAD"===h.type?C="nocontent":304===t?C="notmodified":(C=b.state,p=b.data,l=!(d=b.error))):(d=C,!t&&C||(C="error",t<0&&(t=0))),E.status=t,E.statusText=(n||C)+"",l?v.resolveWith(g,[p,C,E]):v.rejectWith(g,[E,C,d]),E.statusCode(x),x=void 0,f&&y.trigger(l?"ajaxSuccess":"ajaxError",[E,h,l?p:d]),m.fireWith(g,[E,C]),f&&(y.trigger("ajaxComplete",[E,h]),--w.active||w.event.trigger("ajaxStop")))}return E},getJSON:function(e,t,n){return w.get(e,t,n,"json")},getScript:function(e,t){return w.get(e,void 0,t,"script")}}),w.each(["get","post"],function(e,t){w[t]=function(e,n,r,i){return g(n)&&(i=i||r,r=n,n=void 0),w.ajax(w.extend({url:e,type:t,dataType:i,data:n,success:r},w.isPlainObject(e)&&e))}}),w._evalUrl=function(e){return w.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,"throws":!0})},w.fn.extend({wrapAll:function(e){var t;return this[0]&&(g(e)&&(e=e.call(this[0])),t=w(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(e){return g(e)?this.each(function(t){w(this).wrapInner(e.call(this,t))}):this.each(function(){var t=w(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=g(e);return this.each(function(n){w(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(e){return this.parent(e).not("body").each(function(){w(this).replaceWith(this.childNodes)}),this}}),w.expr.pseudos.hidden=function(e){return!w.expr.pseudos.visible(e)},w.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},w.ajaxSettings.xhr=function(){try{return new e.XMLHttpRequest}catch(e){}};var Vt={0:200,1223:204},Gt=w.ajaxSettings.xhr();h.cors=!!Gt&&"withCredentials"in Gt,h.ajax=Gt=!!Gt,w.ajaxTransport(function(t){var n,r;if(h.cors||Gt&&!t.crossDomain)return{send:function(i,o){var a,s=t.xhr();if(s.open(t.type,t.url,t.async,t.username,t.password),t.xhrFields)for(a in t.xhrFields)s[a]=t.xhrFields[a];t.mimeType&&s.overrideMimeType&&s.overrideMimeType(t.mimeType),t.crossDomain||i["X-Requested-With"]||(i["X-Requested-With"]="XMLHttpRequest");for(a in i)s.setRequestHeader(a,i[a]);n=function(e){return function(){n&&(n=r=s.onload=s.onerror=s.onabort=s.ontimeout=s.onreadystatechange=null,"abort"===e?s.abort():"error"===e?"number"!=typeof s.status?o(0,"error"):o(s.status,s.statusText):o(Vt[s.status]||s.status,s.statusText,"text"!==(s.responseType||"text")||"string"!=typeof s.responseText?{binary:s.response}:{text:s.responseText},s.getAllResponseHeaders()))}},s.onload=n(),r=s.onerror=s.ontimeout=n("error"),void 0!==s.onabort?s.onabort=r:s.onreadystatechange=function(){4===s.readyState&&e.setTimeout(function(){n&&r()})},n=n("abort");try{s.send(t.hasContent&&t.data||null)}catch(e){if(n)throw e}},abort:function(){n&&n()}}}),w.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),w.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return w.globalEval(e),e}}}),w.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),w.ajaxTransport("script",function(e){if(e.crossDomain){var t,n;return{send:function(i,o){t=w(" + <% + }else{ + int c_relation = 0; + int c_relation2 = 0; + String sql_ok2 = "select * from tbl_menu where c_no = " + board_no; + ResultSet rss = stmt.executeQuery(sql_ok2); + if(rss.next()){ + c_relation= rss.getInt("c_relation"); + c_relation2= rss.getInt("c_relation2"); + + } + rss.close(); + String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2; + + String c_no = r_call(request.getParameter("c_no")); + + String sql_ok = ""; + sql_ok = "update tbl_board set c_use = 1 where c_no = " + c_no; + stmt2.execute(sql_ok); + + + %> + +<%}%> + <%@ include file="/manager_for_cms/include/manager_bottom.jsp"%> + diff --git a/apply/board/edit.jsp b/apply/board/edit.jsp new file mode 100644 index 0000000..45b14f8 --- /dev/null +++ b/apply/board/edit.jsp @@ -0,0 +1,140 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ include file="/manager_for_cms/include/manager_head.jsp"%> + + +<% + + String c_home = r_call(request.getParameter("c_home")); + String c_maker = r_call(request.getParameter("c_maker")); + String board_no = r_call(request.getParameter("board_no")); + + if(board_no == null || board_no.equals("")){ + %> + + <% + }else{ + +%> +
+
+
+
+ + + + +
+ <% + int c_relation = 0; + int c_relation2 = 0; + String sql_ok2 = "select * from tbl_menu where c_no = " + board_no; + ResultSet rss = stmt.executeQuery(sql_ok2); + if(rss.next()){ + c_relation= rss.getInt("c_relation"); + c_relation2= rss.getInt("c_relation2"); + %> + [ <%=rss.getString("c_name")%> ] board management + <% + } + rss.close(); + String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2; + %> +
+ +
+<% + String nowPage = r_call(request.getParameter("nowPage")); + String c_no = r_call(request.getParameter("c_no")); +if(c_no.equals("")){ + +}else{ + String sql1 = " select a.* "; + sql1 = sql1 + " from tbl_board a where a.c_no = " + c_no; + ResultSet rst = stmt.executeQuery(sql1); + if (rst.next()) { + +%> + +
+ + + + + + + +
+ " style="width:100%;height:30px" placeholder="Please enter the subject."> +
+ Name. + " style="width:150px"> +
+ +
+ File. <%=rst.getString("c_file")%> + " type="hidden"> + <%if(!rst.getString("c_file").equals("")){%> +   Delete + <%}%> +
+ +
+ Edit + View + +
+
+ + <% + + } + rst.close(); + } +%> +<%}%> + <%@ include file="/manager_for_cms/include/manager_bottom.jsp"%> diff --git a/apply/board/edit_ok.jsp b/apply/board/edit_ok.jsp new file mode 100644 index 0000000..b3c26af --- /dev/null +++ b/apply/board/edit_ok.jsp @@ -0,0 +1,103 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@ include file="/manager_for_cms/include/manager_head.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + + String fileName = ""; + String realFolder = ""; + String saveFolder = "/upload/board"; + String encType = "utf-8"; + int maxSize = 10 * 1024 * 1024; + + ServletContext scontext = getServletContext(); + ArrayList saveFiles = new ArrayList(); + ArrayList orgFiles = new ArrayList(); + realFolder = scontext.getRealPath(saveFolder); + MultipartRequest multi = new MultipartRequest( request + , realFolder + , maxSize + , encType + , new DefaultFileRenamePolicy() ); + Enumeration files = multi.getFileNames(); + int t1 = 0; + String[] a_file = new String[11]; + int olp = 11; + while( files.hasMoreElements() ){ + olp = olp - 1; + + String name = (String)files.nextElement(); + String fName = multi.getFilesystemName( name ); + String oName = multi.getOriginalFileName( name ); + String type = multi.getContentType( name ); + File f = multi.getFile( name ); + if(fName != null && !fName.equals("")){ + t1 = t1 + 1; + if(t1 > 1){ + fileName = fileName + "|"; + } + fileName = fileName + fName; + a_file[olp] = fName; + + }else{ + a_file[olp] = ""; + } + } + if(fileName == null){ + fileName = ""; + } + + String c_home = r_call(multi.getParameter("c_home")); + String c_maker = r_call(multi.getParameter("c_maker")); + String board_no = r_call(multi.getParameter("board_no")); + + + int c_relation = 0; + int c_relation2 = 0; + String sql_ok2 = "select * from tbl_menu where c_no = " + board_no; + ResultSet rss = stmt.executeQuery(sql_ok2); + if(rss.next()){ + c_relation= rss.getInt("c_relation"); + c_relation2= rss.getInt("c_relation2"); + + } + rss.close(); + String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2; + + + String c_no = r_call(multi.getParameter("c_no")); + String c_title = r_call(multi.getParameter("c_title")); + String c_name = r_call(multi.getParameter("c_name")); + String c_content = r_call2(multi.getParameter("c_content")); + String o_file = r_call(multi.getParameter("o_file")); + String o_file_name = r_call(multi.getParameter("o_file_name")); + String last_file = ""; + if(!fileName.equals("")){ + last_file = fileName; + }else{ + if(o_file.equals("y")){ + last_file = ""; + }else{ + last_file = o_file_name; + } + } + + String sql_ok = ""; + sql_ok = "update tbl_board set c_title = '"+ c_title +"',c_content='"+ c_content +"',c_file ='"+ last_file +"' where c_no = " + c_no; + + stmt2.execute(sql_ok); + + + + + + %> + + <%@ include file="/manager_for_cms/include/manager_bottom.jsp"%> diff --git a/apply/board/insert.jsp b/apply/board/insert.jsp new file mode 100644 index 0000000..75189f5 --- /dev/null +++ b/apply/board/insert.jsp @@ -0,0 +1,123 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> + + +<% + + String c_home = r_call(request.getParameter("c_home")); + String c_maker = r_call(request.getParameter("c_maker")); + String board_no = r_call(request.getParameter("board_no")); + + if(board_no == null || board_no.equals("")){ + %> + + <% + }else{ + +%> +
+
+
+
+ + + + +
+ <% + int c_relation = 0; + int c_relation2 = 0; + + String sql_ok2 = "select * from tbl_menu where c_no = " + board_no; + ResultSet rss = stmt.executeQuery(sql_ok2); + if(rss.next()){ + c_relation= rss.getInt("c_relation"); + c_relation2= rss.getInt("c_relation2"); + %> + [ <%=rss.getString("c_name")%> ] board management + <% + } + rss.close(); + + c_relation = 0; + c_relation2 = 1; + + String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2; + %> +
+ +
+ +
+ + + + + + + +
+ +
+ Name : + +
+ + +
+ +
+ Insert + Cancel + +
+
+ +<%}%> + <%@include file="/include/db/db_close.jsp"%> diff --git a/apply/board/insert_ok.jsp b/apply/board/insert_ok.jsp new file mode 100644 index 0000000..da86a77 --- /dev/null +++ b/apply/board/insert_ok.jsp @@ -0,0 +1,97 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + + + String fileName = ""; + String realFolder = ""; + String saveFolder = "/upload/board"; + String encType = "utf-8"; + int maxSize = 10 * 1024 * 1024; + + ServletContext scontext = getServletContext(); + ArrayList saveFiles = new ArrayList(); + ArrayList orgFiles = new ArrayList(); + realFolder = scontext.getRealPath(saveFolder); + realFolder = "/home/apply/upload"; + MultipartRequest multi = new MultipartRequest( request + , realFolder + , maxSize + , encType + , new DefaultFileRenamePolicy() ); + Enumeration files = multi.getFileNames(); + int t1 = 0; + String[] a_file = new String[11]; + int olp = 11; + while( files.hasMoreElements() ){ + olp = olp - 1; + + String name = (String)files.nextElement(); + String fName = multi.getFilesystemName( name ); + String oName = multi.getOriginalFileName( name ); + String type = multi.getContentType( name ); + File f = multi.getFile( name ); + if(fName != null && !fName.equals("")){ + t1 = t1 + 1; + if(t1 > 1){ + fileName = fileName + "|"; + } + fileName = fileName + fName; + a_file[olp] = fName; + + }else{ + a_file[olp] = ""; + } + } + if(fileName == null){ + fileName = ""; + } + + String c_home = r_call(multi.getParameter("c_home")); + String c_maker = r_call(multi.getParameter("c_maker")); + String board_no = r_call(multi.getParameter("board_no")); + + + int c_relation = 0; + int c_relation2 = 0; + String sql_ok2 = "select * from tbl_menu where c_no = " + board_no; + ResultSet rss = stmt.executeQuery(sql_ok2); + if(rss.next()){ + c_relation= rss.getInt("c_relation"); + c_relation2= rss.getInt("c_relation2"); + + } + rss.close(); + + c_relation = 0; + c_relation2 = 1; + + String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2; + + + + + String c_title = r_call(multi.getParameter("c_title")); + String c_name = r_call(multi.getParameter("c_name")); + String c_content = r_call(multi.getParameter("c_content")); + + String sql_ok = ""; + sql_ok = " insert into tbl_board (c_home,c_maker,c_board_no,c_relation,c_relation2, c_name ,c_title,c_content,c_file,c_click,c_use, c_date) values("; + sql_ok = sql_ok + c_home + "," + c_maker + "," + board_no + "," + c_relation + "," + c_relation2 + ",'" + c_name + "','"+ c_title + "','" + c_content + "','" +fileName + "',0,0,now())"; + + stmt2.execute(sql_ok); + + + %> + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/board/list.jsp b/apply/board/list.jsp new file mode 100644 index 0000000..aca3fd7 --- /dev/null +++ b/apply/board/list.jsp @@ -0,0 +1,204 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> + + + + +Main Management for C-Innovacion + + + + + + + +<% + + String c_home = "0"; + String c_maker = "0"; + String board_no = "0"; + + if(board_no == null || board_no.equals("")){ + %> + + <% + }else{ + +%> +
+
+
+
+ + + + +
+ <% + int c_relation = 0; + int c_relation2 = 0; + String sql_ok2 = "select * from tbl_menu where c_no = " + board_no; + ResultSet rss = stmt.executeQuery(sql_ok2); + if(rss.next()){ + c_relation= rss.getInt("c_relation"); + c_relation2= rss.getInt("c_relation2"); + %> + [ <%=rss.getString("c_name")%> ] board management + <% + } + rss.close(); + + c_relation = 0; + c_relation2 = 1; + + String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2; + %> +
+ +
+<% + String where_t = " c_use = 0 and "; + int totalRecord = 0; //총레코드개수 + int numPerPage = 10; //한페이지당 보여줄레코드개수 + int totalPage = 0; //총페이지수 + int pagePerBlock = 10; //블록당페이지수 + int nowPage = 1; //현재페이지 + String sql1 = ""; + sql1 = " select count(c_no) "; + sql1 = sql1 + " from tbl_board "; + sql1 = sql1 + " where "+ where_t +" c_relation = "+ c_relation +" and c_relation2 = "+ c_relation2 +" and c_home = "+ c_home +" and c_maker = "+ c_maker +" and c_board_no = "+ board_no +" "; + ResultSet rst = stmt.executeQuery(sql1); + if (rst.next()) { + totalRecord = rst.getInt(1); + } + rst.close(); + if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) { + nowPage = Integer.parseInt(r_call(request.getParameter("nowPage"))); + } + + //nowPage = 93; + //totalRecord =1240; + int pfirst = 0; //첫페이지 번호 + int plast = 0; // 끝페이지 번호 + int plast_org = 0; + + pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1; + plast = pfirst + pagePerBlock - 1; + plast_org = (totalRecord-1)/numPerPage + 1; + if(plast > plast_org){ + plast = plast_org; + } + int c_number=totalRecord-(nowPage-1)*numPerPage; + + int sql_now_page = (nowPage - 1) * numPerPage; + +%> + + + + + + + + + + <%if(totalRecord==0) {%> + + + + + + + <%}else{%> + <% + sql1 = " select t.* from ( select a.* "; + sql1 = sql1 + " from tbl_board a "; + sql1 = sql1 + " where "+ where_t +" a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +" and a.c_home = "+ c_home +" and a.c_maker = "+ c_maker +" and a.c_board_no = "+ board_no +") t "; + sql1 = sql1 + " order by t.c_no desc "; + sql1 = sql1 + " limit "+ sql_now_page +" , "+ numPerPage +" "; + + rst = stmt.executeQuery(sql1); + while (rst.next()) { + %> + + + + + + + + + + + + <% + c_number=c_number-1; + } + rst.close(); + %> + <%} %> + + + + + + + + + + + +
NoTitleWirterFileClicksDate
+ No data. +
+ <%=c_number%> + + &nowPage=<%=nowPage%>"><%=rst.getString("c_title")%> + + <%=rst.getString("c_name")%> + + <%if(!rst.getString("c_file").equals("")){%> + O + <%}%> + + <%=rst.getString("c_click")%> + + <%=rst.getString("c_date").substring(0,10)%> +
+ + + <%if(pfirst > 1){ %> + + + <%}%> + <% for(int i=pfirst;i + + <%}%> + <%if(plast < plast_org){ %> + + + <%}%> + +
+ 〈〈 + + 〈 + + <% if(i==nowPage){%> + <%=i%> + <%}else{%> + <%=i%> + <%}%> + + 〉 + + 〉〉 +
+
+ Insert +
+<%}%> +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/board/manager_system.css b/apply/board/manager_system.css new file mode 100644 index 0000000..1055303 --- /dev/null +++ b/apply/board/manager_system.css @@ -0,0 +1,123 @@ +@charset "utf-8"; + +*{margin:0; padding:0} +div,ul,li{margin:0; padding:0} +div,ul,li{list-style:none} +body{font-family:dotum,돋움; font-style:9pt;} +ul,li,img{border:0; vertical-align:middle;} +select{vertical-align:middle; font-size:9pt; font-family:dotum,돋움;} + + +.Top_Box{/*background:url('../images/top/bg_top.gif');*/ height:116px; width:1100px;} + .Logo_Gnb{height:76px} + .Logo_img{float:left; padding-top:20px; padding-left:21px;} + .Gnb_box{font-size:8pt; padding-top:20px; margin-right:20px;} + .Gnb_box ul li a{font-size:8pt} + .Gnb_Box ul{float:right; margin-right:35px;} + .Gnb_Box ul li{height:16px; float:left; display:inline;} + .manager_txt a{color:#54bdff; text-decoration:none; line-height:16px; font-size:8pt;} + .manager_txt a:hover{text-decoration:underline} + .pad01{margin-left:10px;} + .pad02{margin-left:7px;} + .g_notice a{color:#a8a8a8; text-decoration:none; font-size:8pt;} + .g_notice a:hover{text-decoration:underline;} + .g_notice img{margin-right:6px} + .Top_Navi{height:40px; border:0px solid red; padding-right:35px;} + .Top_Navi ul{padding-left:25px;} + .Top_Navi ul li {float:left; display:inline; line-height:40px; font-size:12pt; font-weight:bold; margin-right:50px;} + .Top_Navi ul li a{color:#9deeff; text-decoration:none} + .Top_Navi ul li a strong{color:#FFFFFF} + .Top_Navi ul li a:hover{color:#FFFFFF} + .Search_Box{border:0px solid red; margin-top:10px; width:171px; float:right} + .Top_search{background:url('../images/top/bg_search.gif'); width:171px; height:19px;} + .Top_search img{float:right} + .txt_search{border:0px solid; width:137px; margin-left:6px; height:16px; float:left; margin-top:1px;} +.Left_Box{width:205px; font-size:9pt;} + .member{padding-top:18px; padding-left:12px;} + .Left_Box ul li{line-height:20px} + .pad03{padding-bottom:10px;} + .pad04{padding-bottom:14px;} + .line01{border-bottom:3px solid #0462ff; width:201px;} + .menu01{border:0px solid red;} + .menu01 li{background-image:url('../images/left/icon02.gif'); background-repeat:no-repeat; background-position:20px 25px;} + .menu01 p{padding-left:0px; font-weight:bold; line-height:26px;} + .menu01 li ul li{background-image:url('../images/left/arrow01.gif'); background-repeat:no-repeat; background-position:3px 10px; padding-left:5px; line-height:26px;} + .menu01 li ul li a{color:#696969} + .menu01 a{text-decoration:none; color:#000000} + .line02{border-bottom:1px solid #e0e0e0; width:181px; padding-top:17px; padding-left:20px; padding-bottom:10px;} + .m_ov{color:#0462ff} +.Contents_Box{width:824px; padding-top:26px; padding-left:37px; font-size:9pt; margin-bottom:50px;} + .C_Tit{font-size:14pt; font-weight:bold; color:#000; background-image:url('../images/mid/m_icon01.gif'); background-repeat:no-repeat; padding-left:26px; background-position:0px 3px;; font-family:gulim,굴림체; letter-spacing:-1px;} + .C_Tit2{float:left; font-size:14pt; font-weight:bold; color:#000; background-image:url('../images/cont/icon_arrow01.gif'); background-repeat:no-repeat; padding-left:26px; background-position:0px 3px;; font-family:gulim,굴림체; letter-spacing:-1px;} + .Ranking_Box{margin-top:30px; border:10px solid #ebeae6; width:803px; height:204px;} + .icon01{background-image:url('../images/mid/m_icon02.gif'); background-repeat:no-repeat; background-position:0px 10px; color:#876c01; font-size:11pt; padding-left:24px;} + .icon07{background-image:url('../images/mid/m_icon07.gif'); background-repeat:no-repeat; background-position:0px 10px; color:#876c01; font-size:11pt; padding-left:24px;} + .line03{border-bottom:1px solid #dbdbdb} + .line04{border-left:1px solid #eaebe5} + .txt01{text-align:right; color:#777777; font-size:9pt;} + .txt02{text-align:right; color:#a97d02; font-size:9pt;} + .icon02{background-image:url('../images/mid/m_icon03.gif'); background-repeat:no-repeat; background-position:0px 3px; padding-left:20px; font-weight:bold} + .icon03{background-image:url('../images/mid/m_icon04.gif'); background-repeat:no-repeat; background-position:0px 3px; padding-left:20px; font-weight:bold} + .icon04{background-image:url('../images/mid/m_icon05.gif'); background-repeat:no-repeat; background-position:0px 3px; padding-left:20px; font-weight:bold} + .icon05{background-image:url('../images/mid/m_icon06.gif'); background-repeat:no-repeat; background-position:0px 4px; padding-left:20px; font-weight:bold} + .txt03{text-align:center; color:#777777; font-size:9pt;} + .txt04{color:#777777; font-size:9pt; padding-left:14px;} + .table01{background:url('../images/mid/bg_list.gif'); background-repeat:no-repeat; height:204px;} + .b_list{margin-top:40px; width:824px;} + .icon06{background-image:url('../images/mid/m_arrow01.gif'); background-repeat:no-repeat; background-position:0px 12px; color:#000; font-size:11pt; padding-left:20px;} + .b_list_dot{background-image:url('../images/mid/dot.gif'); background-repeat:no-repeat; background-position:0px 12px;; padding-left:10px; text-align:left} + .b_list_dot a{color:#000; text-decoration:none; } + .b_list_dot a:hover{color:#0462ff} +.foot{overflow:hidden; margin-left:40px; padding-top:20px; width:820px; margin-bottom:20px; border-top:1px solid #e0e0e0} + .f_right{float:right} + .f_right img{vertical-align:top} + .f_left{float:left} + + +#logoin_box{background:url('../images/login/bg_login.gif'); background-repeat:no-repeat; width:1000px; height:768px; margin:0 auto;} + #logoin_box ul{padding-top:370px; padding-left:390px;} + .in01{border:1px solid #95a3c5; width:120px; height:29px; margin-right:7px; line-height:27px; padding:0px 10px; color:#2f3342} + .arrow_img{font-size:9pt; color:#d9d9d9; padding-top:15px;} + .arrow_img img{margin-right:8px;} + + .top_title{overflow:hidden; margin-bottom:40px;} + .board_box{} + .board_box ul li{display:block} + + +.C_path{float:right; background:url('../images/cont/icon_dot01.gif'); background-repeat:no-repeat; background-position:0px 6px; padding-left:7px; color:#afafaf; font-size:8pt} +.C_path img{margin:0 4px;} +.bd_all_number{float:left} +.bd_search_box{float:right} +.line_h{padding-bottom:30px;} +.in02{border:1px solid #7f9db9; width:122px; height:18px;} +.bd_table01{padding-top:20px} +.bd_table01 tr td{text-align:center} +.bd_table01 thead{background-color:#f7f7f7;} +.bd_line01{border-bottom:1px solid #cccccc; border-top:2px solid #cccccc} +.bd_line02{border-bottom:1px solid #cccccc;} +.sel01{height:20px} +.pad05{padding-top:10px; overflow:hidden} +.b_left{float:left} +.b_right{float:right} + +.paginate_complex{padding:15px 0;line-height:normal;text-align:center; overflow:hidden} +.paginate_complex a, +.paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:1px 8px;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;background-color:#fff;font:bold 12px/16px Tahoma, Sans-serif;color:#323232;text-decoration:none;vertical-align:top} +.paginate_complex a:hover, +.paginate_complex a:active, +.paginate_complex a:focus{background-color:#f8f8f8} +.paginate_complex strong{color:#ff5901} +.paginate_complex .direction{border:0;font-weight:normal;color:#767676;text-decoration:none !important;z-index:1} +.paginate_complex .direction:hover, +.paginate_complex .direction:active, +.paginate_complex .direction:focus{color:#323232;background-color:#fff} +.paginate_complex .prev{border-left:0; margin-top:2px} +.paginate_complex .next{border-right:0; margin-top:2px} + +.num01{font-weight:bold; font-size:12pt; color:#555; margin-right:8px;} +.num02{font-weight:bold; font-size:8pt; color:#b1b1b1} +.graph{background:url('../images/cont/bg_graph.gif'); background-repeat:no-repeat; height:217px; margin-top:10px;} +.graph strong{color:#ff7200} +.graph2{background:url('../images/cont/bg_graph2.gif'); background-repeat:no-repeat; height:217px; margin-top:10px;} +.graph2 strong{color:#ea3f22} \ No newline at end of file diff --git a/apply/board/style.css b/apply/board/style.css new file mode 100644 index 0000000..483bc7f --- /dev/null +++ b/apply/board/style.css @@ -0,0 +1,141 @@ +a {text-decoration:none; color: 000000;} +a:hover {text-decoration:none; color: 355ca6} +img{border:none} + +BODY{scrollbar-face-color:#ECECEC; + scrollbar-highlight-color: #E3E1DE; + scrollbar-shadow-color: #CCCCCC; + scrollbar-3dlight-color: #F5F5F5; + scrollbar-darkshadow-color: #ffffff; + scrollbar-track-color: #FAFAFA; + scrollbar-arrow-color: #646464; + margin:0 0 0 0; } + + +td { font-family:Gulim,dotum; font-size:8pt; color:#5e5e5e; } +textarea{ font-family:Gulim; font-size:9pt; color:#474747; padding:5 5 5 5; } +select { font-size:9pt; color:#7F7F7F; font-family:Gulim; } +input { font-size:9pt; font-family:Gulim; padding-top:4px; color:#474747;} + + +.main_input { font-size:9pt; width:103px; height:19px; font-family:dotum; padding-top:2px; color:#474747; border:1x solid #AFAFAF; background-color:#EEEEEE; } + +.line01 { font-family:dotum,Gulim; font-size:9pt; color:#474747; border:1x solid #999999; padding:10 10 10 10; } +.textarea01 { + border:1x solid; border-color:#999999 #E3E3E3 #E3E3E3 #999999; color:#323232; + font-family:Gulim; font-size:9pt; padding:5 5 5 5; + scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #E3E3E3; + scrollbar-highlight-color: #E3E3E3; scrollbar-3dlight-color: #FFFFFF; + scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; + scrollbar-arrow-color: #999999; + +} + + + + +/* style */ +.log_input { font-size:11px; width:74px; height:15px; font-family:gulim; padding-top:2px; color:#ffffff;background-color:#A6C4DE; border:1x solid #A6C4DE} +.log_2008 { font-size:12px; width:105px; height:18px; font-family:gulim; padding-top:2px; color:#000000;background-color:#ffffff; border:1x solid #BFBFBF} +.log_input_kid { font-size:11px; width:105px; height:15px; font-family:gulim; padding-top:2px; color:#000000;background-color:#FEEEB2; border:1x solid #FEEEB2} +.log_input_kid_sub { font-size:11px; width:105px; height:15px; font-family:gulim; padding-top:2px; color:#000000;background-color:#ffffff; border:1x solid #ffffff} + +.input01 { font-family:Gulim; font-size:9pt; border:1x solid; border-color:#999999 #E3E3E3 #E3E3E3 #999999; color:#323232; } +.input02 { font-size:9pt; height:19px; font-family:gulim; padding-top:2px; color:#474747; border:1x solid #D4D0C8;} +.select01 { font-size:9pt; background-color:#F5EBE8; color:#323232; font-family:gulim; } +.select02 { font-size:9pt; background-color:#D6E3E6; color:#323232; font-family:gulim; } +.textarea01 { } + + +/* 한자공간*/ +.bluebold {font-family:Gulim; font-weight:bold; color:4164a5; text-align:center; padding-top:2} +.form { font-family:Gulim; font-size:9pt; border:1x solid; border-color:#f1f4f8 #f1f4f8 #f1f4f8 #f1f4f8; color:123579; background-color:f1f4f8 } + + + +/* 급수별강의실 */ + +.whitebold {font-family:Gulim; font-weight:bold; color:ffffff; background-repeat:no-repeat; padding-left:3} +.gwhitebold {font-family:Gulim; font-weight:bold; color:ffffff; background:#355ca6; text-align:center; padding-top:2} +.sblue { color:144196; font-size:11px} +.stext { color:797979; font-size:11px} + + +/* Submenu 색1 */ +.g_link { color:#ffffff; font-family:gulim;} +A.g_link:link { font-size:9pt; color:#646464; text-decoration: none; font-family:gulim; } +A.g_link:active { font-size:9pt; color:#646464; text-decoration: none; font-family:gulim; } +A.g_link:visited { font-size:9pt; color:#646464; text-decoration: none; font-family:gulim; } +A.g_link:hover { font-size:9pt; color:#000000; text-decoration: none; font-family:gulim; } + + +/* Submenu 색1 */ +.sub_menu { color:#ffffff; font-family:gulim;} +A.sub_menu:link { font-size:8pt; color:#7F7F7F; text-decoration: none; font-family:gulim; } +A.sub_menu:active { font-size:8pt; color:#7F7F7F; text-decoration: none; font-family:gulim; } +A.sub_menu:visited { font-size:8pt; color:#7F7F7F; text-decoration: none; font-family:gulim; } +A.sub_menu:hover { font-size:8pt; color:#000000; text-decoration: none; font-family:gulim; } + + +/* Submenu 색1 */ +.page_menu { color:#ffffff; font-family:gulim;} +A.page_menu:link { font-size:10pt; color:#7F7F7F; text-decoration: none; font-family:gulim; } +A.page_menu:active { font-size:10pt; color:#7F7F7F; text-decoration: none; font-family:gulim; } +A.page_menu:visited { font-size:10pt; color:#7F7F7F; text-decoration: none; font-family:gulim; } +A.page_menu:hover { font-size:10pt; color:#000000; text-decoration: none; font-family:gulim; } + + +/* 카테고리 색1 */ +.scate_s { color:#ffffff; font-family:gulim;} +A.scate_s:link { font-size:9pt; color:#ffffff; text-decoration: none; font-family:gulim; } +A.scate_s:active { font-size:9pt; color:#ffffff; text-decoration: none; font-family:gulim; } +A.scate_s:visited { font-size:9pt; color:#ffffff; text-decoration: none; font-family:gulim; } +A.scate_s:hover { font-size:9pt; color:#F6FF01; text-decoration: none; font-family:gulim; } + +/* 카테고리 색1 */ +.mcate_m { font-family:Gulim; font-size:11pt; color:#F6FF01; } +.list_s { font-family:Gulim; font-size:11px; color:#7F7F7F; } + +/* 1레벨 카테고리 */ +.cate1 { color:#ffffff; font-family:gulim; font-size:9pt;} +A.cate1:link { color:#ffffff; text-decoration: none; font-family:gulim; } +A.cate1:active { color:#ffffff; text-decoration: none;font-family:gulim; } +A.cate1:visited { color:#ffffff; text-decoration: none;font-family:gulim; } +A.cate1:hover { color:#000000; text-decoration: none;font-family:gulim; } + +.list_m { color:#7F7F7F; font-family:gulim; font-size:12px;} +A.list_m:link { color:#7F7F7F; text-decoration: none; font-family:gulim; } +A.list_m:active { color:#7F7F7F; text-decoration: none;font-family:gulim; } +A.list_m:visited { color:#7F7F7F; text-decoration: none;font-family:gulim; } +A.list_m:hover { color:#000000; text-decoration: none;font-family:gulim; } + +.list_l { color:#7F7F7F; font-family:gulim; font-size:13px;} +A.list_l:link { color:#7F7F7F; text-decoration: none; font-family:gulim; } +A.list_l:active { color:#7F7F7F; text-decoration: none;font-family:gulim; } +A.list_l:visited { color:#7F7F7F; text-decoration: none;font-family:gulim; } +A.list_l:hover { color:#000000; text-decoration: none;font-family:gulim; } + +/* 링크 1 */ +.link01 { color:#496468; font-family:gulim; } +A.link01:link { color:#496468; text-decoration: none; font-family:gulim; } +A.link01:active { color:#496468; text-decoration: none;font-family:gulim; } +A.link01:visited { color:#496468; text-decoration: none;font-family:gulim; } +A.link01:hover { color:#496468; text-decoration: none;font-family:gulim; } + +/* 링크 2 */ +.link02 { color:#DA8500; font-family:gulim; } +A.link02:link { color:#DA8500; text-decoration: none; font-family:gulim; } +A.link02:active { color:#DA8500; text-decoration: none;font-family:gulim; } +A.link02:visited { color:#DA8500; text-decoration: none;font-family:gulim; } +A.link02:hover { color:#D6572A; text-decoration: none;font-family:gulim; } + + + + + +.sub_navi { font-size:11px; font-family:돋움; color:#6c6c6c } +.navi_link {text-decoration: none; font-size:11px; color:#6c6c6c; font-family:돋움; } +A.navi_link:link {text-decoration: none; font-size:11px; color:#6c6c6c; font-family:돋움; } +A.navi_link:active {text-decoration: none; font-size:11px; color:#6c6c6c; font-family:돋움;} +A.navi_link:visited text-decoration: none; font-size:11px; color:#6c6c6c; font-family:돋움;} +A.navi_link:hover {text-decoration: none; font-size:11px; color:#323232; font-family:돋움;} diff --git a/apply/board/view.jsp b/apply/board/view.jsp new file mode 100644 index 0000000..ea3f545 --- /dev/null +++ b/apply/board/view.jsp @@ -0,0 +1,103 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> + +<% + + String c_home = "0"; + String c_maker = "0"; + String board_no = "0"; + + if(board_no == null || board_no.equals("")){ + %> + + <% + }else{ + +%> +
+
+
+
+ + + + +
+ <% + int c_relation = 0; + int c_relation2 = 0; + String sql_ok2 = "select * from tbl_menu where c_no = " + board_no; + ResultSet rss = stmt.executeQuery(sql_ok2); + if(rss.next()){ + c_relation= rss.getInt("c_relation"); + c_relation2= rss.getInt("c_relation2"); + %> + [ <%=rss.getString("c_name")%> ] board management + <% + } + rss.close(); + c_relation = 0; + c_relation2 = 1; + + String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2; + %> +
+ +
+<% + String nowPage = r_call(request.getParameter("nowPage")); + String c_no = r_call(request.getParameter("c_no")); +if(c_no.equals("")){ + +}else{ + String sql_ok = ""; + sql_ok = "update tbl_board set c_click = c_click + 1 where c_no = " + c_no; + + stmt2.execute(sql_ok); + + String sql1 = " select * from tbl_board where c_no = " + c_no; + ResultSet rst = stmt.executeQuery(sql1); + if (rst.next()) { +%> + + + + + + + +
+ Title. <%=rst.getString("c_title")%> +
+ + Name. <%=rst.getString("c_name")%> +   /   + Clicks <%=rst.getString("c_click")%> +   /   + date <%=rst.getString("c_date").substring(0,10)%> + +
+ <%=rst.getString("c_content").replaceAll("\n\r","
")%> +
+ File. "><%=rst.getString("c_file")%> +
+ + +
+ + List +
+ + <% + + } + rst.close(); + } +%> +<%}%> +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/check.jsp b/apply/check.jsp new file mode 100644 index 0000000..7780211 --- /dev/null +++ b/apply/check.jsp @@ -0,0 +1,28 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + + + String sql= "select * from tbl_apply_team_member where c_member_no = 0 and c_use = 0 "; + ResultSet rs=stmt.executeQuery(sql); + while(rs.next()){ + String sql2= "select * from tbl_member where c_id = '"+ rs.getString("c_email") +"' and c_use = 0 "; + ResultSet rs2=stmt.executeQuery(sql2); + if(rs2.next()){ + + String sql_ok = "update tbl_apply_team_member set c_member_no = "+ rs2.getInt("c_no") +" where c_no = " + rs.getInt("c_no") ; + stmt2.execute(sql_ok); + + } + rs2.close(); + + } + rs.close(); + + + %> + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/contents/indi.jsp b/apply/cms_for_bcb/contents/indi.jsp new file mode 100644 index 0000000..5da6eba --- /dev/null +++ b/apply/cms_for_bcb/contents/indi.jsp @@ -0,0 +1,152 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> + \ No newline at end of file diff --git a/apply/cms_for_bcb/contents/indi1.jsp b/apply/cms_for_bcb/contents/indi1.jsp new file mode 100644 index 0000000..ff9a881 --- /dev/null +++ b/apply/cms_for_bcb/contents/indi1.jsp @@ -0,0 +1,149 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +

+ KOEF BCB System 홈페이지(이하 “홈페이지”이라 합니다.)은 개인정보보호법에 따라 이용자의 개인정보 보호 및 권익을 보호하고 개인정보와 관련한 이용자의 고충을 원활하게 처리할 수 있도록 다음과 같은 처리방침을 두고 있습니다. +

+

+ KOEF BCB System 홈페이지(이하 “홈페이지”이라 합니다.) 는 개인정보처리방침을 개정하는 경우 웹사이트 공지사항(또는 개별공지)을 통하여 공지할 것입니다. +

+ +

1. 개인정보의 처리 목적

+

+ KOEF BCB System 홈페이지(이하 “홈페이지”이라 합니다.)은(는) 개인정보를 다음의 목적을 위해 처리합니다. 처리한 개인정보는 다음의 목적이외의 용도로는 사용되지 않으며 이용 목적이 변경될 시에는 사전동의를 구할 예정입니다. +

+ +
+
가. 홈페이지 회원가입 및 관리
+

+ 회원 가입의사 확인, 회원제 서비스 제공에 따른 본인 식별·인증, 회원자격 유지·관리, 제한적 본인확인제 시행에 따른 본인확인, 서비스 부정이용 방지, 각종 고지·통지 등을 목적으로 개인정보를 처리합니다. +

+ +
나. 민원사무 처리
+

+ 민원인의 신원 확인, 민원사항 확인, 사실조사를 위한 연락·통지, 처리결과 통보 등을 목적으로 개인정보를 처리합니다. +

+ +
다. 재화 또는 서비스 제공
+

+ 콘텐츠 제공, 맞춤 서비스 제공, 본인인증, 연령인증 등을 목적으로 개인정보를 처리합니다. +

+
+ + +

2. 개인정보 파일 현황

+
+
가. 개인정보의 처리목적, 개인정보의 처리 및 보유기간, 처리하는 개인정보의 항목
+

+ 홈페이지 운영을 위한 성명(한글 및 영문), 성별, 생년월일, 연락처, 이메일 주소에 대한 개인정보를 수집하며 개인정보 보유기간은 홈페이지 탈퇴 시까지입니다. +

+ +
나. 개인정보의 제3자 제공
+

+ KOEF BCB System은 원칙적으로 정보주체의 개인정보를 수집·이용 목적으로 명시한 범위 내에서 처리하며, 다음의 경우를 제외하고는 정보주체의 사전 동의 없이는 본래의 목적 범위를 초과하여 처리하거나 제3자에게 제공하지 않습니다.
+

+
    +
  1. 1.정보주체로부터 별도의 동의를 받는 경우
    2. +
  2. 2.법률에 특별한 규정이 있는 경우
    3. +
  3. 3.정보주체 또는 법정대리인이 의사표시를 할 수 없는 상태에 있거나 주소불명 등으로 사전 동의를 받을 수 없는 경우로서 명백히 정보주체 또는 제3자의 급박한 생명, 신체, 재산의 이익을 위하여 필요하다고 인정되는 경우
    4. +
  4. 4.통계작성 및 학술연구 등의 목적을 위하여 필요한 경우로서 특정 개인을 알아 볼 수 없는 형태로 개인정보를 제공하는 경우
    5. +
  5. 5.개인정보를 목적 외의 용도로 이용하거나 이를 제3자에게 제공하지 아니하면 다른 법률에서 정하는 소관 업무를 수행할 수 없는 경우로서 보호위원회의 심의·의결을 거친 경우
    6. +
  6. 6.조약, 그 밖의 국제협정의 이행을 위하여 외국정보 또는 국제기구에 제공하기 위하여 필요한 경우
    7. +
  7. 7.범죄의 수사와 공소의 제기 및 유지를 위하여 필요한 경우
    8. +
  8. 8.법원의 재판업무 수행을 위하여 필요한 경우
    9. +
  9. 9.형 및 감호, 보호처분의 집행을 위하여 필요한 경우
    10. +
+ +
다. 개인정보 처리 위탁
+

+ KOEF BCB System은 개인정보의 처리업무를 위탁하는 경우 다음의 내용이 포함된 문서에 의하여 처리하고 있습니다. +

+
    +
  1. 1.위탁업무 수행 목적 외 개인정보의 처리 금지에 관한 사항
    2. +
  2. 2.개인정보의 관리적·기술적 보호조치에 관한 사항
    3. +
  3. 3.개인정보의 안전관리에 관한 사항 - 위탁업무의 목적 및 범위, 재위탁 제한에 관한 사항, 개인정보 안전성 확보 조치에 관한 사항, 위탁업무와 관련하여 보유하고 있는 개인정보의 관리현황점검 등 감독에 관한 사항, 수탁자가 준수하여야할 의무를 위반한 경우의 손해배상책임에 관한 사항
    4. +
+

+ 또한, 위탁하는 업무의 내용과 개인정보 처리업무를 위탁받아 처리하는 자("수탁자")에 대하여 해당 홈페이지에 공개하고 있습니다. +

+ + +
라. 정보주체의 권리·의무 및 그 행사 방법
+

+ 정보주체는 다음과 같은 권리를 행사 할 수 있으며, 만14세 미만 아동의 법정대리인은 그 아동의 개인정보에 대한 열람, 정정·삭제, 처리정지를 요구할 수 있습니다. +

+
+ +
- 개인정보 열람 요구
+

+ KOEF BCB System에서 보유하고 있는 개인정보파일은「개인정보보호법」제35조(개인정보의 열람)에 따라 자신의 개인정보에 대한 열람을 요구할 수 있습니다. 다만, 개인정보 열람 요구는 법 제35조 5항에 의하여 다음과 같이 제한될 수 있습니다. +

+ +
+
    +
  1. 1.법률에 따라 열람이 금지되거나 제한되는 경우
    2. +
  2. 2.다른 사람의 생명·신체를 해할 우려가 있거나 다른 사람의 재산과 그 밖의 이익을 부당하게 침해할 우려가 있는 경우
    3. +
  3. 3.공공기관이 다음 각 목의 어느 하나에 해당하는 업무를 수행할 때 중대한 지장을 초래하는 경우 가. 조세의 부과·징수 또는 환급에 관한 업무
    4. +
  4. 나. 「초·중등교육법」및「고등교육법」에 따른 각급 학교,「평생교육법」에 따른 평생교육시설, 그 밖의 다른 법률에 따라 설치 된 고등교육기관에서의 성적 평가 또는 입학자 선발에 관한 업무
    5. +
  5. 다. 학력·기능 및 채용에 관한 시험, 자격 심사에 관한 업무
    6. +
  6. 라. 보상금·급부금 산정 등에 대하여 진행 중인 평가 또는 판단에 관한 업무
    7. +
  7. 마. 다른 법률에 따라 진행 중인 감사 및 조사에 관한 업무
    8. +
+
+ +
- 개인정보 정정·삭제 요구
+

+ KOEF BCB System에서 보유하고 있는 개인정보파일은「개인정보보호법」 제36조(개인정보의 정정·삭제)에 따라 정정·삭제를 요구할 수 있습니다. 다만, 다른 법령에서 그 개인정보가 수집 대상으로 명시되어 있는 경우에는 그 삭제를 요구할 수 없습니다. +

+ +
- 개인정보 처리정지 요구
+

+ KOEF BCB System에서 보유하고 있는 개인정보파일은 「개인정보보호법」 제37조(개인정보의 처리정지 등)에 따라 처리정지를 요구할 수 있습니다. 다만, 개인정보 처리정지 요구 시 법 제37조 2항에 의하여 처리정지 요구가 거절될 수 있습니다. +

+
    +
  1. 1.법률에 특별한 규정이 있거나 법령상 의무를 준수하기 위하여 불가피한 경우
    2. +
  2. 2.다른 사람의 생명·신체를 해할 우려가 있거나 다른 사람의 재산과 그 밖의 이익을 부당하게 침해할 우려가 있는 경우
    3. +
  3. 3.공공기관이 개인정보를 처리하지 아니하면 다른 법률에서 정하는 소관 업무를 수행할 수 없는 경우
    4. +
  4. 4.개인정보를 처리하지 아니하면 정보주체와 약정한 서비스를 제공하지 못하는 등 계약의 이행이 곤란한 경우로서 정보주체가 그 계약의 해지 의사를 명확하게 밝히지 아니한 경우
    5. +
+ +
+
마. 개인정보의 파기
+

+ KOEF BCB System은 원칙적으로 개인정보 처리목적이 달성된 개인정보는 지체없이 파기합니다. 파기의 절차, 기한 및 방법은 다음과 같습니다. +

+
    +
  1. 1.파기 절차 개인정보는 목적 달성 후 즉시 또는 별도의 공간에 옮겨져 내부 방침 및 기타 관련법령에 따라 일정기간 저장된 후 파기됩니다. 별도의 공간으로 옮겨진 개인정보는 법률에 의한 경우가 아니고서는 다른 목적으로 이용되지 않습니다. +
    2. +
  2. 2.파기 기한 및 파기 방법 보유기간이 만료되었거나 개인정보의 처리목적달성, 해당 업무의 폐지 등 그 개인정보가 불필요하게 되었을 때에는 지체없이 파기합니다. 전자적 파일형태의 정보는 기록을 재생할 수 없는 기술적 방법을 사용합니다. 종이에 출력된 대인정보는 분쇄기로 분쇄하거나 소각을 통하여 파기합니다.
    3. +
+ +
바. 개인정보의 안전성 확보 조치
+
    +
  1. 1.개인정보 취급직원의 최소화 및 교육 개인정보를 취급하는 직원은 반드시 필요한 인원에 한하여 지정 · 관리하고 있으며 취급직원을 대상으로 안전한 관리를 위한 교육을 실시하고 있습니다.
    2. +
  2. 2.개인정보에 대한 접근 제한 개인정보를 처리하는 데이터베이스시스템에 대한 접근권한의 부여·변경·말소를 통하여 개인정보에 대한 접근통제를 위한 필요한 조치를 하고 있으며 침입차단시스템을 이용하여 외부로부터의 무단 접근을 통제하고 있습니다.
    3. +
  3. 3.접속기록의 보관 개인정보처리시스템에 접속한 기록(웹 로그, 요약정보 등)을 최소 6개월 이상 보관·관리하고 있습니다.
    4. +
  4. 4.개인정보의 암호화 개인정보는 암호화 등을 통해 안전하게 저장 및 관리되고 있습니다. 또한 중요한 데이터는 저장 및 전송 시 암호화하여 사용하는 등의 별도 보안기능을 사용하고 있습니다.
    5. +
  5. 5.보안프로그램 설치 및 주기적 점검·갱신 해킹이나 컴퓨터 바이러스 등에 의한 개인정보 유출 및 훼손을 막기 위하여 보안프로그램을 설치하고 주기적으로 갱신·점검하고 있습니다.
    6. +
  6. 6.비인가자에 대한 출입 통제 개인정보를 보관하고 있는 개인정보시스템의 물리적 보관 장소를 별도로 두고 이에 대해 출입통제 절차를 수립, 운영하고 있습니다.
    7. +
+ +
사. 권익침해 구제 방법
+

+ 개인정보에 관한 권리 또는 이익을 침해받은 사람은 개인정보침해 신고센터 등으로 침해사실을 신고 할 수 있습니다. +

+ +

+ ▶ 개인정보침해신고센터 : (국번없이) 118 (내선2번)
+ ▶ 중앙행정심판위원회(www.simpan.go.kr)의 전화번호 안내 참조 +

+ +
아. 담당자 연락처
+

+ 담당자 : 한국청년기업가정신재단 이지연
+ 연락처 : 02-2156-2291 / jylee@koef.or.kr +

+ +
자. 개인정보 처리방침 변경
+

+ 이 개인정보 처리침은 2019년 1월 1일부터 적용됩니다. +

+
\ No newline at end of file diff --git a/apply/cms_for_bcb/contents/r.jpg b/apply/cms_for_bcb/contents/r.jpg new file mode 100644 index 0000000..55f3fef Binary files /dev/null and b/apply/cms_for_bcb/contents/r.jpg differ diff --git a/apply/cms_for_bcb/process/apply/insert.jsp b/apply/cms_for_bcb/process/apply/insert.jsp new file mode 100644 index 0000000..2e94d04 --- /dev/null +++ b/apply/cms_for_bcb/process/apply/insert.jsp @@ -0,0 +1,374 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> + + +

+ +<% + String c_project_no = r_call(request.getParameter("c_project_no")); + int c_now_propose = 0; + if(c_project_no.equals("")){ +%> + +<% + }else{ + String sql_up = " SELECT c.*, a.c_name as u_name, b.c_name as f_name "; + sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ; + sql_up = sql_up + " from tbl_project c "; + sql_up = sql_up + " inner join tbl_project a on a.c_no = c.c_up_no "; + sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field "; + sql_up = sql_up + " where c.c_no = " + c_project_no; + ResultSet rs_up = stmt.executeQuery(sql_up); + if (rs_up.next()) { + c_now_propose = rs_up.getInt("c_now_propose"); +%> + +
+ + + + + + + + + + + + + + + + + + +
System + <%=rs_up.getString("f_name")%> +
Category + <%=rs_up.getString("u_name")%> +
Program + <%=rs_up.getString("c_name")%> +
+ <% + + } + rs_up.close(); + + %> + + + + + + + + <% + int i = 0; + int stu_check = 1; + String sql_field = " SELECT * from tbl_apply_field where c_project_no = " + c_project_no +" order by c_order asc "; + ResultSet rs_field = stmt.executeQuery(sql_field); + while (rs_field.next()) { + if(rs_field.getString("c_use_field").equals("c_grade")){ + stu_check = 0; + } + i = i + 1; + %> + + + + + + + + + + <% + + } + rs_field.close(); + %> +
Article Contents
+ <%=rs_field.getString("c_name")%> + + <%if(rs_field.getInt("c_type") == 1){%> + " style="width:100%"> + <%}%> + <%if(rs_field.getInt("c_type") == 2){ + %> + + <%}%> + <%if(rs_field.getInt("c_type") == 3){%> + + <%}%> + <%if(rs_field.getInt("c_type") == 4){%> + " type="file">form : "><%=rs_field.getString("c_content")%> + <%}%> +
+ <% + String major_t = "Department"; + String grade_t = "Grade"; + if( stu_check == 1){ + major_t = "Department"; + grade_t = "Rank"; + } + %> +
+ Team Leader Information + + + + + + + + + + + + + + + + + + + + + +
+ Email(ID) + + " readonly> +
+ Name + + " readonly> +
+ Mobile + + +
+ <%=major_t%> + + +
+ <%=grade_t%> + + <%if( stu_check == 0){%> + + <%}else{%> + + <%}%> +
+
+ + Team member information    +   - + <%for(int ir = 1; ir<11; ir++){%> + + + + + + + + + + + + + + + + + + + + + + +
+ Team members<%=ir%>. + + Email(ID) + + +
+ Name + + +
+ Mobile + + +
+ <%=major_t%> + + +
+ <%=grade_t%> + + <%if( stu_check == 0){%> + + <%}else{%> + + <%}%> +
+ <%}%> + + + + + + +
+ Apply + List +
+
+ + <%}%> + + + + + +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/apply/insert_ok.jsp b/apply/cms_for_bcb/process/apply/insert_ok.jsp new file mode 100644 index 0000000..c259b5e --- /dev/null +++ b/apply/cms_for_bcb/process/apply/insert_ok.jsp @@ -0,0 +1,169 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + + + String fileName = ""; + String realFolder = ""; + String saveFolder = "/upload/board"; + String encType = "utf-8"; + int maxSize = 200 * 1024 * 1024; + + ServletContext scontext = getServletContext(); + ArrayList saveFiles = new ArrayList(); + ArrayList orgFiles = new ArrayList(); + realFolder = scontext.getRealPath(saveFolder); + realFolder = "/home/apply/upload/apply"; + MultipartRequest multi = new MultipartRequest( request + , realFolder + , maxSize + , encType + , new DefaultFileRenamePolicy() ); + Enumeration files = multi.getFileNames(); + int t1 = 0; + String[] a_file = new String[50]; + int olp = 31; + while( files.hasMoreElements() ){ + olp = olp - 1; + + String name = (String)files.nextElement(); + int rtp = Integer.parseInt(name.replaceAll("c_temp","")); + String fName = multi.getFilesystemName( name ); + String oName = multi.getOriginalFileName( name ); + String type = multi.getContentType( name ); + File f = multi.getFile( name ); + if(fName != null && !fName.equals("")){ + t1 = t1 + 1; + if(t1 > 1){ + fileName = fileName + "|"; + } + fileName = fileName + fName; + a_file[rtp] = fName; + + }else{ + a_file[rtp] = ""; + } + } + if(fileName == null){ + fileName = ""; + } + String[] a_temp = new String[31]; + String c_home = r_call(multi.getParameter("c_home")); + String c_maker = r_call(multi.getParameter("c_maker")); + String c_project_no = r_call(multi.getParameter("c_project_no")); + String show_no = r_call(multi.getParameter("show_no")); + String check_no = r_call(multi.getParameter("check_no")); + String c_relation = r_call(multi.getParameter("c_relation")); + String c_relation2 = r_call(multi.getParameter("c_relation2")); + String c_team_name = r_call(multi.getParameter("c_team_name")); + String c_region = r_call(multi.getParameter("c_region")); + String c_univ = r_call(multi.getParameter("c_univ")); + String c_major = r_call(multi.getParameter("c_major")); + String c_grade = r_call(multi.getParameter("c_grade")); + String c_com_name = r_call(multi.getParameter("c_com_name")); + String c_com_region = r_call(multi.getParameter("c_com_region")); + String c_boss = r_call(multi.getParameter("c_boss")); + String c_manager = r_call(multi.getParameter("c_manager")); + String c_phone = r_call(multi.getParameter("c_phone")); + String c_email = r_call(multi.getParameter("c_email")); + for(int ty = 1; ty<31; ty++){ + a_temp[ty] = r_call(multi.getParameter("c_temp" + ty)); + if(a_file[ty] != null && !a_file[ty].equals("")){ + a_temp[ty] = a_file[ty]; + } + } + + String sql_up = " SELECT c_no from tbl_apply_team where c_project_no = " + c_project_no + " and c_member_no = " + session.getAttribute("member_no") + " and c_use= 0 "; + ResultSet rs_up = stmt.executeQuery(sql_up); + if (rs_up.next()) { +%> + +<% + }else{ + + int old_c_no = 0; + String sql_up2 = " SELECT c_no from tbl_apply_team where c_project_no = " + c_project_no + " and c_member_no = " + session.getAttribute("member_no") + " and c_use= 0 "; + ResultSet rs_up2 = stmt.executeQuery(sql_up2); + if (rs_up2.next()) { + old_c_no = rs_up2.getInt("c_no"); + } + rs_up2.close(); + + String sqlc = "update tbl_apply_team set c_use = 1 where c_project_no = " + c_project_no + " and c_member_no = " + session.getAttribute("member_no") + " and c_use= 0 "; + stmt2.execute(sqlc); + sqlc = "update tbl_apply_team_member set c_use = 1 where c_project_no = " + c_project_no + " and c_team_no = " + old_c_no + " and c_use= 0 "; + stmt2.execute(sqlc); + + sqlc = "insert into tbl_apply_team (c_home,c_maker,c_project_no,c_member_no,c_team_name,c_region,c_univ,c_major,c_grade,c_com_name,c_com_region,c_boss,c_manager,c_phone,c_email"; + for(int ty = 1; ty<31; ty++){ + sqlc = sqlc+ ", c_temp"+ ty +" "; + } + sqlc = sqlc+ ",c_use,c_date) values ("; + sqlc = sqlc+ c_home +","+ c_maker +","+ c_project_no +","+ session.getAttribute("member_no") +",'"+ c_team_name +"','"+ c_region +"','"+ c_univ +"','"+ c_major +"','"+ c_grade +"','"+ c_com_name +"','"+ c_com_region +"','"+ c_boss +"','"+ c_manager +"','"+ c_phone +"','"+ c_email +"'"; + for(int ty = 1; ty<31; ty++){ + sqlc = sqlc+ ", '" + a_temp[ty] +"' "; + } + sqlc = sqlc+ ",0,now())"; + stmt2.execute(sqlc); + + int my_c_no = 0; + sql_up2 = " SELECT c_no from tbl_apply_team where c_project_no = " + c_project_no + " and c_member_no = " + session.getAttribute("member_no") + " and c_use= 0 "; + rs_up2 = stmt.executeQuery(sql_up2); + if (rs_up2.next()) { + my_c_no = rs_up2.getInt("c_no"); + } + rs_up2.close(); + + String m_email[] = multi.getParameterValues("m_email"); + String m_name[] = multi.getParameterValues("m_name"); + String m_phone[] = multi.getParameterValues("m_phone"); + String m_major[] = multi.getParameterValues("m_major"); + String m_grade[] = multi.getParameterValues("m_grade"); + for(int irr=0; irr< m_email.length; irr++){ + if(!m_email[irr].equals("")){ + sql_up2 = " insert into tbl_apply_team_member (c_home,c_maker,c_project_no,c_team_no,c_member_no,c_name,c_email,c_phone,c_major,c_grade,c_type,c_use,c_date) values ("; + sql_up2 = sql_up2 + c_home +","+ c_maker +","+ c_project_no + ","+ my_c_no; + if(irr ==0){ + sql_up2 = sql_up2 + "," + session.getAttribute("member_no"); + }else{ + String sql_p = "select c_no from tbl_member where c_id = '"+ m_email[irr] +"' and c_use = 0"; + ResultSet rs_p = stmt.executeQuery(sql_p); + if (rs_p.next()) { + sql_up2 = sql_up2 + ","+ rs_p.getInt("c_no"); + }else{ + sql_up2 = sql_up2 + ",0"; + } + rs_p.close(); + } + sql_up2 = sql_up2 + ",'"+ m_name[irr] +"','"+ m_email[irr] +"','"+ m_phone[irr] +"','"+ m_major[irr] +"','"+ m_grade[irr] + "'" ; + if(irr ==0){ + sql_up2 = sql_up2 + ",1"; + }else{ + sql_up2 = sql_up2 + ",0"; + } + sql_up2 = sql_up2 + ",0,now())"; + stmt2.execute(sql_up2); + } + } + + + %> + + +<% + } + rs_up.close(); +%> +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/apply/list.jsp b/apply/cms_for_bcb/process/apply/list.jsp new file mode 100644 index 0000000..e15cf81 --- /dev/null +++ b/apply/cms_for_bcb/process/apply/list.jsp @@ -0,0 +1,130 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> + + + +

+ + + + + + + + + + +<% + String sql1 = " select a.* ,b.c_propose_s_date, b.c_propose_e_date, b.c_now_propose "; + sql1 = sql1 + ", ( select c_name from tbl_project where c_no = a.c_up_no ) as up_name "; + sql1 = sql1 + ", ( select count(c_no) from tbl_apply_team where c_project_no = a.c_no and c_member_no = "+ session.getAttribute("member_no") +" and c_use = 0 ) as my_count "; + sql1 = sql1 + " from tbl_project a "; + sql1 = sql1 + " inner join tbl_project_plan b on b.c_project_no = a.c_no "; + sql1 = sql1 + " where a.c_relation = 0 and a.c_field = " + c_home + " and a.c_up_no > 0 and a.c_propose = 0 and b.c_now_propose in (0,1) and a.c_use = 0 "; + ResultSet rst = stmt.executeQuery(sql1); + int num_p = 0; + while (rst.next()) { + num_p = num_p + 1; +%> + + + + + + + + + + + +<% + } + rst.close(); +%> +
NoProgram TitleApply DateSratusApply
+ <%=num_p%> + + <%=rst.getString("up_name")%> - <%=rst.getString("c_name")%> + + <%=rst.getString("c_propose_s_date").substring(0,16)%> ~ <%=rst.getString("c_propose_e_date").substring(0,16)%> + + <%if(rst.getInt("c_now_propose") == 0){%> + Waiting + <%}%> + <%if(rst.getInt("c_now_propose") == 1){%> + On request + <%}%> + + + <%if(rst.getInt("c_now_propose") == 1){%> + <%if(rst.getInt("my_count") == 0){%> + " style="width: 100px; line-height: 26px; text-align: center;display: inline-block; background: #5e7cc4; border: 1px solid #555; border-radius: 5px; color: #ffffff;">Apply + <%}else{%> + Apply + <%}%> + <%}%> +
+ + +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/apply_check/delete_ok.jsp b/apply/cms_for_bcb/process/apply_check/delete_ok.jsp new file mode 100644 index 0000000..54c4926 --- /dev/null +++ b/apply/cms_for_bcb/process/apply_check/delete_ok.jsp @@ -0,0 +1,36 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + + + String c_no = r_call(request.getParameter("c_no")); + + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + + + String sqlc = "update tbl_apply_team set c_use = 1 where c_no = " + c_no + " and c_use= 0 "; + stmt2.execute(sqlc); + sqlc = "update tbl_apply_team_member set c_use = 1 where c_team_no = " + c_no + " and c_use= 0 "; + stmt2.execute(sqlc); + + + %> + + +<% + +%> +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/apply_check/insert.jsp b/apply/cms_for_bcb/process/apply_check/insert.jsp new file mode 100644 index 0000000..6a9d3b5 --- /dev/null +++ b/apply/cms_for_bcb/process/apply_check/insert.jsp @@ -0,0 +1,472 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> + +

+ +<% + String c_project_no = r_call(request.getParameter("c_project_no")); + int c_now_propose = 0; + if(c_project_no.equals("")){ +%> + +<% + }else{ + String slq_chekc = "select * from tbl_apply_team where c_project_no = "+ c_project_no + " and c_member_no = " + session.getAttribute("member_no") + " and c_use = 0 "; + ResultSet rs_check = stmt.executeQuery(slq_chekc); + if (rs_check.next()) { + + + String sql_up = " SELECT c.*, a.c_name as u_name, b.c_name as f_name "; + sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ; + sql_up = sql_up + " from tbl_project c "; + sql_up = sql_up + " inner join tbl_project a on a.c_no = c.c_up_no "; + sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field "; + sql_up = sql_up + " where c.c_no = " + c_project_no; + ResultSet rs_up = stmt.executeQuery(sql_up); + if (rs_up.next()) { + c_now_propose = rs_up.getInt("c_now_propose"); +%> + +
+ + + + + + + + + + + + + + + + + + +
System + <%=rs_up.getString("f_name")%> +
Category + <%=rs_up.getString("u_name")%> +
Program + <%=rs_up.getString("c_name")%> +
+ <% + + } + rs_up.close(); + + %> + + + + + + + + <% + int i = 0; + int stu_check = 1; + String sql_field = " SELECT * from tbl_apply_field where c_project_no = " + c_project_no +" order by c_order asc "; + ResultSet rs_field = stmt.executeQuery(sql_field); + while (rs_field.next()) { + if(rs_field.getString("c_use_field").equals("c_grade")){ + stu_check = 0; + } + i = i + 1; + %> + + + + + + + + + + <% + + } + rs_field.close(); + %> +
Article Contents
+ <%=rs_field.getString("c_name")%> + + <%if(rs_field.getInt("c_type") == 1){%> + " value="<%=rs_check.getString(rs_field.getString("c_use_field"))%>" style="width:100%"> + <%}%> + <%if(rs_field.getInt("c_type") == 2){ + %> + + <%}%> + <%if(rs_field.getInt("c_type") == 3){%> + + <%}%> + <%if(rs_field.getInt("c_type") == 4){%> + Attach : <%=rs_check.getString(rs_field.getString("c_use_field"))%> + " value="<%=rs_check.getString(rs_field.getString("c_use_field"))%>" type="hidden"> + +
Change : + " type="file"> +
+ form : "><%=rs_field.getString("c_content")%> + <%}%> +
+ <% + String major_t = "Department"; + String grade_t = "Grade"; + if( stu_check == 1){ + major_t = "Department"; + grade_t = "Rank"; + } + %> +
+ Team Leader Information + <% + String slq_t = "select * from tbl_apply_team_member where c_project_no = "+ c_project_no + " and c_team_no = " + rs_check.getInt("c_no") + " and c_use = 0 and c_type= 1 "; + ResultSet rs_t = stmt2.executeQuery(slq_t); + if (rs_t.next()) { + %> + + + + + + + + + + + + + + + + + + + + + + +
+ Email(ID) + + " readonly> +
+ Name + + " readonly> +
+ Mobile + + " > +
+ <%=major_t%> + + " > +
+ <%=grade_t%> + + <%if( stu_check == 0){%> + + <%}else{%> + " > + <%}%> +
+ <%} + rs_t.close(); + %> +
+ + Team member information    +   - + <% + slq_t = "select * from tbl_apply_team_member where c_project_no = "+ c_project_no + " and c_team_no = " + rs_check.getInt("c_no") + " and c_use = 0 and c_type= 0 "; + rs_t = stmt2.executeQuery(slq_t); + int trr = 0; + while(rs_t.next()) { + trr = trr + 1; + %> + + + + + + + + + + + + + + + + + + + + + + +
+ Team Members<%=trr%>. + + Email(ID) + + " > +
+ Name + + " > +
+ Mobile + + " > +
+ <%=major_t%> + + " > +
+ <%=grade_t%> + + <%if( stu_check == 0){%> + + <%}else{%> + " > + <%}%> +
+ <%} + rs_t.close(); + %> + + <%for(int ir = trr+ 1; ir<11; ir++){%> + + + + + + + + + + + + + + + + + + + + + + +
+ Team Members<%=ir%>. + + Email(ID) + + +
+ Name + + +
+ Mobile + + +
+ <%=major_t%> + + +
+ <%=grade_t%> + + <%if( stu_check == 0){%> + + <%}else{%> + + <%}%> +
+ <%}%> + + + + + + +
+ Change content + &show_no=<%=show_no%>&check_no=<%=check_no%>&c_relation=<%=c_relation%>&c_relation2=<%=c_relation2%>'}" style="width: 160px; line-height: 26px; text-align: center;display: inline-block; background: red; border: 1px solid #555; border-radius: 5px; color: #ffffff;">Cancel an app + List +
+
+ + <%}else{%> + + <%} + rs_check.close(); + %> + <%}%> + + + + + +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/apply_check/insert_ok.jsp b/apply/cms_for_bcb/process/apply_check/insert_ok.jsp new file mode 100644 index 0000000..8ea185d --- /dev/null +++ b/apply/cms_for_bcb/process/apply_check/insert_ok.jsp @@ -0,0 +1,163 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + + + String fileName = ""; + String realFolder = ""; + String saveFolder = "/upload/board"; + String encType = "utf-8"; + int maxSize = 200 * 1024 * 1024; + + ServletContext scontext = getServletContext(); + ArrayList saveFiles = new ArrayList(); + ArrayList orgFiles = new ArrayList(); + realFolder = scontext.getRealPath(saveFolder); + realFolder = "/home/apply/upload/apply"; + MultipartRequest multi = new MultipartRequest( request + , realFolder + , maxSize + , encType + , new DefaultFileRenamePolicy() ); + Enumeration files = multi.getFileNames(); + int t1 = 0; + String[] a_file = new String[50]; + int olp = 31; + while( files.hasMoreElements() ){ + olp = olp - 1; + + String name = (String)files.nextElement(); + int rtp = Integer.parseInt(name.replaceAll("c_temp","")); + String fName = multi.getFilesystemName( name ); + String oName = multi.getOriginalFileName( name ); + String type = multi.getContentType( name ); + File f = multi.getFile( name ); + if(fName != null && !fName.equals("")){ + t1 = t1 + 1; + if(t1 > 1){ + fileName = fileName + "|"; + } + fileName = fileName + fName; + a_file[rtp] = fName; + + }else{ + a_file[rtp] = ""; + } + } + if(fileName == null){ + fileName = ""; + } + String[] a_temp = new String[31]; + String c_home = r_call(multi.getParameter("c_home")); + String c_maker = r_call(multi.getParameter("c_maker")); + String c_project_no = r_call(multi.getParameter("c_project_no")); + String show_no = r_call(multi.getParameter("show_no")); + String check_no = r_call(multi.getParameter("check_no")); + String c_relation = r_call(multi.getParameter("c_relation")); + String c_relation2 = r_call(multi.getParameter("c_relation2")); + String c_team_name = r_call(multi.getParameter("c_team_name")); + String c_region = r_call(multi.getParameter("c_region")); + String c_univ = r_call(multi.getParameter("c_univ")); + String c_major = r_call(multi.getParameter("c_major")); + String c_grade = r_call(multi.getParameter("c_grade")); + String c_com_name = r_call(multi.getParameter("c_com_name")); + String c_com_region = r_call(multi.getParameter("c_com_region")); + String c_boss = r_call(multi.getParameter("c_boss")); + String c_manager = r_call(multi.getParameter("c_manager")); + String c_phone = r_call(multi.getParameter("c_phone")); + String c_email = r_call(multi.getParameter("c_email")); + for(int ty = 1; ty<31; ty++){ + a_temp[ty] = r_call(multi.getParameter("c_temp" + ty)); + if(!r_call(multi.getParameter("o_c_temp" + ty)).equals("") && ( a_file[ty] == null || a_file[ty].equals(""))){ + a_temp[ty] = r_call(multi.getParameter("o_c_temp" + ty)); + } + if(a_file[ty] != null && !a_file[ty].equals("")){ + a_temp[ty] = a_file[ty]; + } + } + + + + int old_c_no = 0; + String sql_up2 = " SELECT c_no from tbl_apply_team where c_project_no = " + c_project_no + " and c_member_no = " + session.getAttribute("member_no") + " and c_use= 0 "; + ResultSet rs_up2 = stmt.executeQuery(sql_up2); + if (rs_up2.next()) { + old_c_no = rs_up2.getInt("c_no"); + } + rs_up2.close(); + + String sqlc = "update tbl_apply_team set c_use = 1 where c_project_no = " + c_project_no + " and c_member_no = " + session.getAttribute("member_no") + " and c_use= 0 "; + stmt2.execute(sqlc); + sqlc = "update tbl_apply_team_member set c_use = 1 where c_project_no = " + c_project_no + " and c_team_no = " + old_c_no + " and c_use= 0 "; + stmt2.execute(sqlc); + + sqlc = "insert into tbl_apply_team (c_home,c_maker,c_project_no,c_member_no,c_team_name,c_region,c_univ,c_major,c_grade,c_com_name,c_com_region,c_boss,c_manager,c_phone,c_email"; + for(int ty = 1; ty<31; ty++){ + sqlc = sqlc+ ", c_temp"+ ty +" "; + } + sqlc = sqlc+ ",c_use,c_date) values ("; + sqlc = sqlc+ c_home +","+ c_maker +","+ c_project_no +","+ session.getAttribute("member_no") +",'"+ c_team_name +"','"+ c_region +"','"+ c_univ +"','"+ c_major +"','"+ c_grade +"','"+ c_com_name +"','"+ c_com_region +"','"+ c_boss +"','"+ c_manager +"','"+ c_phone +"','"+ c_email +"'"; + for(int ty = 1; ty<31; ty++){ + sqlc = sqlc+ ", '" + a_temp[ty] +"' "; + } + sqlc = sqlc+ ",0,now())"; + stmt2.execute(sqlc); + + int my_c_no = 0; + sql_up2 = " SELECT c_no from tbl_apply_team where c_project_no = " + c_project_no + " and c_member_no = " + session.getAttribute("member_no") + " and c_use= 0 "; + rs_up2 = stmt.executeQuery(sql_up2); + if (rs_up2.next()) { + my_c_no = rs_up2.getInt("c_no"); + } + rs_up2.close(); + + String m_email[] = multi.getParameterValues("m_email"); + String m_name[] = multi.getParameterValues("m_name"); + String m_phone[] = multi.getParameterValues("m_phone"); + String m_major[] = multi.getParameterValues("m_major"); + String m_grade[] = multi.getParameterValues("m_grade"); + for(int irr=0; irr< m_email.length; irr++){ + if(!m_email[irr].equals("")){ + sql_up2 = " insert into tbl_apply_team_member (c_home,c_maker,c_project_no,c_team_no,c_member_no,c_name,c_email,c_phone,c_major,c_grade,c_type,c_use,c_date) values ("; + sql_up2 = sql_up2 + c_home +","+ c_maker +","+ c_project_no + ","+ my_c_no; + if(irr ==0){ + sql_up2 = sql_up2 + "," + session.getAttribute("member_no"); + }else{ + String sql_p = "select c_no from tbl_member where c_id = '"+ m_email[irr] +"' and c_use = 0"; + ResultSet rs_p = stmt.executeQuery(sql_p); + if (rs_p.next()) { + sql_up2 = sql_up2 + ","+ rs_p.getInt("c_no"); + }else{ + sql_up2 = sql_up2 + ",0"; + } + rs_p.close(); + } + sql_up2 = sql_up2 + ",'"+ m_name[irr] +"','"+ m_email[irr] +"','"+ m_phone[irr] +"','"+ m_major[irr] +"','"+ m_grade[irr] + "'" ; + if(irr ==0){ + sql_up2 = sql_up2 + ",1"; + }else{ + sql_up2 = sql_up2 + ",0"; + } + sql_up2 = sql_up2 + ",0,now())"; + stmt2.execute(sql_up2); + } + } + + + %> + + +<% + +%> +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/apply_check/list.jsp b/apply/cms_for_bcb/process/apply_check/list.jsp new file mode 100644 index 0000000..89d64ad --- /dev/null +++ b/apply/cms_for_bcb/process/apply_check/list.jsp @@ -0,0 +1,131 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> + + +

+ + + + + + + + + + +<% + String sql1 = " select a.* ,b.c_propose_s_date, b.c_propose_e_date, b.c_now_propose "; + sql1 = sql1 + ", ( select c_name from tbl_project where c_no = a.c_up_no ) as up_name "; + sql1 = sql1 + ", ( select count(c_no) from tbl_apply_team where c_project_no = a.c_no and c_member_no = "+ session.getAttribute("member_no") +" and c_use = 0 ) as my_count "; + sql1 = sql1 + " from tbl_project a "; + sql1 = sql1 + " inner join tbl_project_plan b on b.c_project_no = a.c_no "; + sql1 = sql1 + " where a.c_relation = 0 and a.c_field = " + c_home + " and a.c_up_no > 0 and a.c_propose = 0 and b.c_now_propose in (0,1) and a.c_use = 0 "; + ResultSet rst = stmt.executeQuery(sql1); + int num_p = 0; + while (rst.next()) { + num_p = num_p + 1; +%> + + + + + + + + + + + +<% + } + rst.close(); +%> +
NoProgram TitleApply DateSratusApply
+ <%=num_p%> + + <%=rst.getString("up_name")%> - <%=rst.getString("c_name")%> + + <%=rst.getString("c_propose_s_date").substring(0,16)%> ~ <%=rst.getString("c_propose_e_date").substring(0,16)%> + + <%if(rst.getInt("c_now_propose") == 0){%> + Waiting + <%}%> + <%if(rst.getInt("c_now_propose") == 1){%> + + On request + <%}%> + + + <%if(rst.getInt("c_now_propose") == 1){%> + <%if(rst.getInt("my_count")> 0){%> + " style="width: 100px; line-height: 26px; text-align: center;display: inline-block; background: #5e7cc4; border: 1px solid #555; border-radius: 5px; color: #ffffff;">Confirmation + <%}else{%> + Confirmation + <%}%> + <%}%> +
+ + + +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/bmc/list.jsp b/apply/cms_for_bcb/process/bmc/list.jsp new file mode 100644 index 0000000..c5008d7 --- /dev/null +++ b/apply/cms_for_bcb/process/bmc/list.jsp @@ -0,0 +1,46 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<% + String c_id = ""; + String c_pass = ""; + String sql_mem = "select c_id, c_pass from tbl_member where c_no = " + session.getAttribute("member_no"); + ResultSet rs_mem = stmt.executeQuery(sql_mem); + if(rs_mem.next()){ + c_id = rs_mem.getString("c_id"); + c_pass = rs_mem.getString("c_pass"); + } + rs_mem.close(); +%> + +
+ + +
+
+
+ [ BMC Access ] +
+
+ +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/board/list.jsp b/apply/cms_for_bcb/process/board/list.jsp new file mode 100644 index 0000000..829632f --- /dev/null +++ b/apply/cms_for_bcb/process/board/list.jsp @@ -0,0 +1,162 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> + +<% + + String c_maker = "1"; + String board_no = show_no; + String para_t = "show_no="+ show_no +"&check_no="+ check_no +"&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2; + + String where_t = " c_use = 0 and "; + int totalRecord = 0; //총레코드개수 + int numPerPage = 10; //한페이지당 보여줄레코드개수 + int totalPage = 0; //총페이지수 + int pagePerBlock = 10; //블록당페이지수 + int nowPage = 1; //현재페이지 + String sql1 = ""; + sql1 = " select count(c_no) "; + sql1 = sql1 + " from tbl_board "; + sql1 = sql1 + " where "+ where_t +" c_relation = "+ c_relation +" and c_relation2 = "+ c_relation2 +" and c_home = "+ c_home +" and c_maker = "+ c_maker +" and c_board_no = "+ board_no +" "; + ResultSet rst = stmt.executeQuery(sql1); + if (rst.next()) { + totalRecord = rst.getInt(1); + } + rst.close(); + if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) { + nowPage = Integer.parseInt(r_call(request.getParameter("nowPage"))); + } + + //nowPage = 93; + //totalRecord =1240; + int pfirst = 0; //첫페이지 번호 + int plast = 0; // 끝페이지 번호 + int plast_org = 0; + + pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1; + plast = pfirst + pagePerBlock - 1; + plast_org = (totalRecord-1)/numPerPage + 1; + if(plast > plast_org){ + plast = plast_org; + } + int c_number=totalRecord-(nowPage-1)*numPerPage; + + int sql_now_page = (nowPage - 1) * numPerPage; + +%> + + + + + + + + + + <%if(totalRecord==0) {%> + + + + + + + <%}else{%> + <% + sql1 = " select t.* from ( select a.* "; + sql1 = sql1 + " from tbl_board a "; + sql1 = sql1 + " where "+ where_t +" a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +" and a.c_home = "+ c_home +" and a.c_maker = "+ c_maker +" and a.c_board_no = "+ board_no +") t "; + sql1 = sql1 + " order by t.c_no desc "; + sql1 = sql1 + " limit "+ sql_now_page +" , "+ numPerPage +" "; + rst = stmt.executeQuery(sql1); + while (rst.next()) { + %> + + + + + + + + + + + + <% + c_number=c_number-1; + } + rst.close(); + %> + <%} %> + + + + + + + +
NoTitleWriterAttachClickDate
+ No Data +
+ <%=c_number%> + + &nowPage=<%=nowPage%>"><%=rst.getString("c_title")%> + + <%=rst.getString("c_name")%> + + <%if(!rst.getString("c_file").equals("")){%> + O + <%}%> + + <%=rst.getString("c_click")%> + + <%=rst.getString("c_date").substring(0,10)%> +
+ + + <%if(pfirst > 1){ %> + + + <%}%> + <% for(int i=pfirst;i + + <%}%> + <%if(plast < plast_org){ %> + + + <%}%> + +
+ 〈〈 + + 〈 + + <% if(i==nowPage){%> + <%=i%> + <%}else{%> + <%=i%> + <%}%> + + 〉 + + 〉〉 +
+
+ +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/board/view.jsp b/apply/cms_for_bcb/process/board/view.jsp new file mode 100644 index 0000000..afe4793 --- /dev/null +++ b/apply/cms_for_bcb/process/board/view.jsp @@ -0,0 +1,72 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> + +<% + + String c_maker = "1"; + String board_no = show_no; + String para_t = "show_no="+ show_no +"&check_no="+ check_no +"&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2; + + + String nowPage = r_call(request.getParameter("nowPage")); + String c_no = r_call(request.getParameter("c_no")); +if(c_no.equals("")){ +%> + +<% +}else{ + String sql_ok = ""; + sql_ok = "update tbl_board set c_click = c_click + 1 where c_no = " + c_no; + + stmt2.execute(sql_ok); + + String sql1 = " select * from tbl_board where c_no = " + c_no; + ResultSet rst = stmt.executeQuery(sql1); + if (rst.next()) { +%> + + + + + + + + +
+
+ Title. <%=rst.getString("c_title")%> +
+ + Writer. <%=rst.getString("c_name")%> +   /   + Clicks <%=rst.getString("c_click")%> +   /   + Date <%=rst.getString("c_date").substring(0,10)%> + +
+ <%=rst.getString("c_content").replaceAll("/upload","http://www.ci.concytec.gob.pe/upload")%> +
+ Attachment. "><%=rst.getString("c_file")%> +
+ + +
+ + List +
+ + <% + + } + rst.close(); + } +%> + +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/board2/list.jsp b/apply/cms_for_bcb/process/board2/list.jsp new file mode 100644 index 0000000..2dc675d --- /dev/null +++ b/apply/cms_for_bcb/process/board2/list.jsp @@ -0,0 +1,162 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> + +<% + + String c_maker = "1"; + String board_no = show_no; + String para_t = "show_no="+ show_no +"&check_no="+ check_no +"&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2; + + String where_t = " c_use = 0 and "; + int totalRecord = 0; //총레코드개수 + int numPerPage = 10; //한페이지당 보여줄레코드개수 + int totalPage = 0; //총페이지수 + int pagePerBlock = 10; //블록당페이지수 + int nowPage = 1; //현재페이지 + String sql1 = ""; + sql1 = " select count(c_no) "; + sql1 = sql1 + " from tbl_board "; + sql1 = sql1 + " where "+ where_t +" c_relation = "+ c_relation +" and c_relation2 = "+ c_relation2 +" and c_home = "+ c_home +" and c_maker = "+ c_maker +" and c_board_no = "+ board_no +" "; + ResultSet rst = stmt.executeQuery(sql1); + if (rst.next()) { + totalRecord = rst.getInt(1); + } + rst.close(); + if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) { + nowPage = Integer.parseInt(r_call(request.getParameter("nowPage"))); + } + + //nowPage = 93; + //totalRecord =1240; + int pfirst = 0; //첫페이지 번호 + int plast = 0; // 끝페이지 번호 + int plast_org = 0; + + pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1; + plast = pfirst + pagePerBlock - 1; + plast_org = (totalRecord-1)/numPerPage + 1; + if(plast > plast_org){ + plast = plast_org; + } + int c_number=totalRecord-(nowPage-1)*numPerPage; + + int sql_now_page = (nowPage - 1) * numPerPage; + +%> + + + + + + + + + + <%if(totalRecord==0) {%> + + + + + + + <%}else{%> + <% + sql1 = " select t.* from ( select a.* "; + sql1 = sql1 + " from tbl_board a "; + sql1 = sql1 + " where "+ where_t +" a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +" and a.c_home = "+ c_home +" and a.c_maker = "+ c_maker +" and a.c_board_no = "+ board_no +") t "; + sql1 = sql1 + " order by t.c_no desc "; + sql1 = sql1 + " limit "+ sql_now_page +" , "+ numPerPage +" "; + rst = stmt.executeQuery(sql1); + while (rst.next()) { + %> + + + + + + + + + + + + <% + c_number=c_number-1; + } + rst.close(); + %> + <%} %> + + + + + + + +
NoTitle등록자첨부클릭수등록일
+ No data. +
+ <%=c_number%> + + &nowPage=<%=nowPage%>"><%=rst.getString("c_title")%> + + <%=rst.getString("c_name")%> + + <%if(!rst.getString("c_file").equals("")){%> + O + <%}%> + + <%=rst.getString("c_click")%> + + <%=rst.getString("c_date").substring(0,10)%> +
+ + + <%if(pfirst > 1){ %> + + + <%}%> + <% for(int i=pfirst;i + + <%}%> + <%if(plast < plast_org){ %> + + + <%}%> + +
+ 〈〈 + + 〈 + + <% if(i==nowPage){%> + <%=i%> + <%}else{%> + <%=i%> + <%}%> + + 〉 + + 〉〉 +
+
+ +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/board2/view.jsp b/apply/cms_for_bcb/process/board2/view.jsp new file mode 100644 index 0000000..21b3721 --- /dev/null +++ b/apply/cms_for_bcb/process/board2/view.jsp @@ -0,0 +1,79 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@page import="java.net.URLEncoder"%> +<%@include file="/include/include.jsp"%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> + +<% + + String c_maker = "1"; + String board_no = show_no; + String para_t = "show_no="+ show_no +"&check_no="+ check_no +"&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2; + + + String nowPage = r_call(request.getParameter("nowPage")); + String c_no = r_call(request.getParameter("c_no")); +if(c_no.equals("")){ +%> + +<% +}else{ + String sql_ok = ""; + sql_ok = "update tbl_board set c_click = c_click + 1 where c_no = " + c_no; + + stmt2.execute(sql_ok); + + String sql1 = " select * from tbl_board where c_no = " + c_no; + ResultSet rst = stmt.executeQuery(sql1); + if (rst.next()) { +%> + + + + + + + + +
+
+ Title. <%=rst.getString("c_title")%> +
+ + Name. <%=rst.getString("c_name")%> +   /   + Clicks <%=rst.getString("c_click")%> +   /   + date <%=rst.getString("c_date").substring(0,10)%> + +
+ <%=rst.getString("c_content").replaceAll("\n\r","
")%> +
+ + File. <%=rst.getString("c_file")%> + +
+ + +
+ + List +
+ + <% + + } + rst.close(); + } +%> + +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community/approval_member.jsp b/apply/cms_for_bcb/process/community/approval_member.jsp new file mode 100644 index 0000000..3cdbfcb --- /dev/null +++ b/apply/cms_for_bcb/process/community/approval_member.jsp @@ -0,0 +1,39 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_no = r_call(request.getParameter("c_no")); + String c_member_no = r_call(request.getParameter("c_member_no")); + + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" and c_member_no = "+ session.getAttribute("member_no") +" "; + + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + String sql_in = "update tbl_community_member set "; + sql_in = sql_in + " c_now = 1 "; + sql_in = sql_in + " where c_community_no = " + c_no + " and c_member_no = " + c_member_no; + stmt2.execute(sql_in); + } + rs_c.close(); + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community/change_order.jsp b/apply/cms_for_bcb/process/community/change_order.jsp new file mode 100644 index 0000000..5906cbe --- /dev/null +++ b/apply/cms_for_bcb/process/community/change_order.jsp @@ -0,0 +1,48 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_no = r_call(request.getParameter("c_no")); + String c_master_no = r_call(request.getParameter("c_master_no")); + String c_board_no = r_call(request.getParameter("c_board_no")); + String c_view = r_call(request.getParameter("c_view")); + String c_order = r_call(request.getParameter("c_order")); + String old_no = r_call(request.getParameter("old_no")); + String old_order = r_call(request.getParameter("old_order")); + + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" and c_member_no = "+ session.getAttribute("member_no") +" "; + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + String sql_in = "update tbl_community_board set "; + sql_in = sql_in + " c_order = " + old_order + " "; + sql_in = sql_in + " where c_no = " + c_board_no + " "; + stmt2.execute(sql_in); + + sql_in = "update tbl_community_board set "; + sql_in = sql_in + " c_order = " + c_order + " "; + sql_in = sql_in + " where c_no = " + old_no + " "; + stmt2.execute(sql_in); + } + rs_c.close(); + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community/change_view.jsp b/apply/cms_for_bcb/process/community/change_view.jsp new file mode 100644 index 0000000..9303cf7 --- /dev/null +++ b/apply/cms_for_bcb/process/community/change_view.jsp @@ -0,0 +1,39 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_no = r_call(request.getParameter("c_no")); + String c_master_no = r_call(request.getParameter("c_master_no")); + String c_board_no = r_call(request.getParameter("c_board_no")); + String c_view = r_call(request.getParameter("c_view")); + + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" and c_member_no = "+ session.getAttribute("member_no") +" "; + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + String sql_in = "update tbl_community_board set "; + sql_in = sql_in + " c_view = " + c_view + " "; + sql_in = sql_in + " where c_no = " + c_board_no + " "; + stmt2.execute(sql_in); + } + rs_c.close(); + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community/community/board/board_inc_bottom.jsp b/apply/cms_for_bcb/process/community/community/board/board_inc_bottom.jsp new file mode 100644 index 0000000..e7c8aaf --- /dev/null +++ b/apply/cms_for_bcb/process/community/community/board/board_inc_bottom.jsp @@ -0,0 +1,80 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> + + + + + + + + +<% + } + }else{ +%> + +<% + } + rs_c.close(); + }%> + + + + + + +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community/community/board/board_inc_top.jsp b/apply/cms_for_bcb/process/community/community/board/board_inc_top.jsp new file mode 100644 index 0000000..c510a3c --- /dev/null +++ b/apply/cms_for_bcb/process/community/community/board/board_inc_top.jsp @@ -0,0 +1,146 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<% + String c_no = r_call(request.getParameter("c_no")); + if(!c_no.equals("")){ + now_community = Integer.parseInt(c_no); + } + String s_board_no = r_call(request.getParameter("c_board_no")); + if(!s_board_no.equals("")){ + now_community_board = Integer.parseInt(s_board_no); + } +%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<% + String para_t = "show_no="+ show_no +"&check_no="+ check_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2 + "&c_no=" + c_no + "&c_board_no=" + s_board_no; +%> +<% + if(c_no.equals("")){ +%> + +<% }else{ + String c_board_no = ""; + String master_no = ""; + int my_now = -1; + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select c_now as my_now from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) and c_member_no = "+ session.getAttribute("member_no") +" ) as my_now "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + ", (select count(c_no) as ready_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now = 0 ) as ready_number "; + sql_c = sql_c + ", (select count(c_no) as real_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now = 1 ) as real_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" "; + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + master_no = rs_c.getString("c_member_no"); + if(rs_c.getString("my_now") != null){ + my_now = rs_c.getInt("my_now"); + } + if(!master_no.equals(session.getAttribute("member_no")) && my_now == -1 ){ + %> + + <% + }else{ + + int my_writer = 0; +%> + + + +

+ +
+
+
+
+ ◎ Community Information +
+ +
+ + + +
+ Name + + <%=rs_c.getString("c_name")%> + / <%=rs_c.getString("m_name")%>( <%=rs_c.getString("m_id")%> ) +
+ You are + + <%=session.getAttribute("member_name")%> ( <%=session.getAttribute("member_id")%> ) + / + <%if(master_no.equals(session.getAttribute("member_no"))){ + my_writer = 1; + %> + Master + <%}else{%> + <%if( my_now == 0 ){%> + Waiting Member + <%}%> + <%if( my_now == 1 ){%> + Regular Mamber + <%}%> + <%}%> + +
+
+ +
+ +
+
+ ◎ Community boards + - + <% + String sql_b = "select a.* "; + sql_b = sql_b + " ,(select count(c_no) as p_number from tbl_board where c_relation = 2021 and c_relation2 = 1077 and c_use = 0 and c_community_board_no = a.c_no ) as p_number "; + sql_b = sql_b + " ,(select count(c_no) as my_p_number from tbl_board where c_relation = 2021 and c_relation2 = 1077 and c_use = 0 and c_community_board_no = a.c_no and c_member_no = "+ session.getAttribute("member_no") +" ) as my_p_number "; + sql_b = sql_b + " from tbl_community_board a where a.c_community_no = "+ c_no +" and a.c_use = 0 and a.c_view = 0 and a.c_no = "+ s_board_no +" order by a.c_order asc "; + ResultSet rs_b = stmt.executeQuery(sql_b); + if (rs_b.next()) { + %> + <%=rs_b.getString("c_name")%> + / + <%if(rs_b.getInt("c_type") == 0){ + if( my_now == 1 ){ + my_writer = 1; + } + %> + Writer : Regular Member + <%}%> + <%if(rs_b.getInt("c_type") == 1){%> + Writer : Master + <%}%> + + <%} + rs_b.close(); + %> + / + + You are + <%if( my_writer == 1 ){%> + Writer. + <%}else{%> + Spectator only. + <%}%> + +
+ +
+ + \ No newline at end of file diff --git a/apply/cms_for_bcb/process/community/community/board/delete_ok.jsp b/apply/cms_for_bcb/process/community/community/board/delete_ok.jsp new file mode 100644 index 0000000..c006e33 --- /dev/null +++ b/apply/cms_for_bcb/process/community/community/board/delete_ok.jsp @@ -0,0 +1,30 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + String c_no = r_call(request.getParameter("c_no")); + String c_board_no = r_call(request.getParameter("c_board_no")); + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_post_no = r_call(request.getParameter("c_post_no")); + + + String sql_ok = ""; + sql_ok = "update tbl_board set c_use = 1 where c_no = " + c_post_no; + stmt2.execute(sql_ok); + + + %> + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community/community/board/edit.jsp b/apply/cms_for_bcb/process/community/community/board/edit.jsp new file mode 100644 index 0000000..1d6556c --- /dev/null +++ b/apply/cms_for_bcb/process/community/community/board/edit.jsp @@ -0,0 +1,97 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="board_inc_top.jsp"%> + +<% + if( my_writer == 1 ){ +%> + + <% + String nowPage = r_call(request.getParameter("nowPage")); + String c_post_no = r_call(request.getParameter("c_post_no")); +if(c_post_no.equals("")){ + +}else{ + String sql1 = " select a.* "; + sql1 = sql1 + " from tbl_board a where a.c_no = " + c_post_no; + ResultSet rst = stmt.executeQuery(sql1); + if (rst.next()) { + if(rst.getString("c_member_no").equals(session.getAttribute("member_no") ) ){ +%> + + + +
+
+ " style="width:100%;height:30px" placeholder="Insert Title."> +
+
+
+ Writer. <%=rst.getString("c_name")%> +
+
+
+ +
+
+ File. <%=rst.getString("c_file")%> + " type="hidden"> + <%if(!rst.getString("c_file").equals("")){%> +   Del + <%}%> +
+ + * Upload to 10MB or less +
+
+ +
+ <%if(rst.getString("c_member_no").equals(session.getAttribute("member_no") ) && my_writer == 1 ){%> + Edit + <%}%> + View + +
+ + <% + }else{ +%> + +<% + } + } + rst.close(); + } +%> + + +<% + }else{ +%> + +<% }%> +<%@include file="board_inc_bottom.jsp"%> + \ No newline at end of file diff --git a/apply/cms_for_bcb/process/community/community/board/edit_ok.jsp b/apply/cms_for_bcb/process/community/community/board/edit_ok.jsp new file mode 100644 index 0000000..4b0c2f3 --- /dev/null +++ b/apply/cms_for_bcb/process/community/community/board/edit_ok.jsp @@ -0,0 +1,87 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + + String fileName = ""; + String realFolder = ""; + String saveFolder = "/upload/board"; + String encType = "utf-8"; + int maxSize = 10 * 1024 * 1024; + + ServletContext scontext = getServletContext(); + ArrayList saveFiles = new ArrayList(); + ArrayList orgFiles = new ArrayList(); + realFolder = scontext.getRealPath(saveFolder); + MultipartRequest multi = new MultipartRequest( request + , realFolder + , maxSize + , encType + , new DefaultFileRenamePolicy() ); + Enumeration files = multi.getFileNames(); + int t1 = 0; + String[] a_file = new String[11]; + int olp = 11; + while( files.hasMoreElements() ){ + olp = olp - 1; + + String name = (String)files.nextElement(); + String fName = multi.getFilesystemName( name ); + String oName = multi.getOriginalFileName( name ); + String type = multi.getContentType( name ); + File f = multi.getFile( name ); + if(fName != null && !fName.equals("")){ + t1 = t1 + 1; + if(t1 > 1){ + fileName = fileName + "|"; + } + fileName = fileName + fName; + a_file[olp] = fName; + + }else{ + a_file[olp] = ""; + } + } + if(fileName == null){ + fileName = ""; + } + + String c_post_no = r_call(multi.getParameter("c_post_no")); + String show_no = r_call(multi.getParameter("show_no")); + String check_no = r_call(multi.getParameter("check_no")); + String c_relation = r_call(multi.getParameter("c_relation")); + String c_relation2 = r_call(multi.getParameter("c_relation2")); + String c_no = r_call(multi.getParameter("c_no")); + String c_board_no = r_call(multi.getParameter("c_board_no")); + String c_title = r_call(multi.getParameter("c_title")); + String c_name = r_call(multi.getParameter("c_name")); + String c_content = r_call(multi.getParameter("c_content")); + String o_file = r_call(multi.getParameter("o_file")); + String o_file_name = r_call(multi.getParameter("o_file_name")); + String last_file = ""; + if(!fileName.equals("")){ + last_file = fileName; + }else{ + if(o_file.equals("y")){ + last_file = ""; + }else{ + last_file = o_file_name; + } + } + + String sql_ok = ""; + sql_ok = "update tbl_board set c_title = '"+ c_title +"',c_content='"+ c_content +"',c_file ='"+ last_file +"' where c_no = " + c_post_no +" and c_community_board_no = "+ c_board_no ; + + stmt2.execute(sql_ok); + %> + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community/community/board/insert.jsp b/apply/cms_for_bcb/process/community/community/board/insert.jsp new file mode 100644 index 0000000..5d5027e --- /dev/null +++ b/apply/cms_for_bcb/process/community/community/board/insert.jsp @@ -0,0 +1,55 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="board_inc_top.jsp"%> + +<% + if( my_writer == 1 ){ +%> + +
+
+
+ +
+
+ Writer <%=session.getAttribute("member_name")%> + " type="hidden"> +
+
+ +
+
+ + * Subir a 10 MB o menos +
+
+
+
+ Insert + Cancel +
+ <% +}else{ +%> + +<%}%> +<%@include file="board_inc_bottom.jsp"%> + \ No newline at end of file diff --git a/apply/cms_for_bcb/process/community/community/board/insert_ok.jsp b/apply/cms_for_bcb/process/community/community/board/insert_ok.jsp new file mode 100644 index 0000000..a7c4ece --- /dev/null +++ b/apply/cms_for_bcb/process/community/community/board/insert_ok.jsp @@ -0,0 +1,76 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + + String fileName = ""; + String realFolder = ""; + String saveFolder = "/upload/board"; + String encType = "utf-8"; + int maxSize = 10 * 1024 * 1024; + + ServletContext scontext = getServletContext(); + ArrayList saveFiles = new ArrayList(); + ArrayList orgFiles = new ArrayList(); + realFolder = scontext.getRealPath(saveFolder); + MultipartRequest multi = new MultipartRequest( request + , realFolder + , maxSize + , encType + , new DefaultFileRenamePolicy() ); + Enumeration files = multi.getFileNames(); + int t1 = 0; + String[] a_file = new String[11]; + int olp = 11; + while( files.hasMoreElements() ){ + olp = olp - 1; + + String name = (String)files.nextElement(); + String fName = multi.getFilesystemName( name ); + String oName = multi.getOriginalFileName( name ); + String type = multi.getContentType( name ); + File f = multi.getFile( name ); + if(fName != null && !fName.equals("")){ + t1 = t1 + 1; + if(t1 > 1){ + fileName = fileName + "|"; + } + fileName = fileName + fName; + a_file[olp] = fName; + + }else{ + a_file[olp] = ""; + } + } + if(fileName == null){ + fileName = ""; + } + + String show_no = r_call(multi.getParameter("show_no")); + String check_no = r_call(multi.getParameter("check_no")); + String c_relation = r_call(multi.getParameter("c_relation")); + String c_relation2 = r_call(multi.getParameter("c_relation2")); + String c_no = r_call(multi.getParameter("c_no")); + String c_board_no = r_call(multi.getParameter("c_board_no")); + String c_title = r_call(multi.getParameter("c_title")); + String c_name = r_call(multi.getParameter("c_name")); + String c_content = r_call(multi.getParameter("c_content")); + + String sql_ok = ""; + sql_ok = " insert into tbl_board (c_relation,c_relation2, c_project_no, c_member_no, c_name ,c_title,c_content,c_file,c_click,c_use, c_date,c_community_board_no) values("; + sql_ok = sql_ok + c_relation + "," + c_relation2 + ",0," + session.getAttribute("member_no") + ",'" + c_name + "','"+ c_title + "','" + c_content + "','" +fileName + "',0,0,now(),"+ c_board_no +")"; + + stmt2.execute(sql_ok); + + %> + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community/community/board/list.jsp b/apply/cms_for_bcb/process/community/community/board/list.jsp new file mode 100644 index 0000000..c2a0bd2 --- /dev/null +++ b/apply/cms_for_bcb/process/community/community/board/list.jsp @@ -0,0 +1,132 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="board_inc_top.jsp"%> + +<% + String where_t = " a.c_use = 0 and "; + int totalRecord = 0; //총레코드개수 + int numPerPage = 10; //한페이지당 보여줄레코드개수 + int totalPage = 0; //총페이지수 + int pagePerBlock = 10; //블록당페이지수 + int nowPage = 1; //현재페이지 + String sql1 = ""; + + sql1 = " select count(t.c_no) from ( select a.* "; + sql1 = sql1 + " from tbl_board a "; + sql1 = sql1 + " where "+ where_t +" a.c_relation = 2021 and a.c_relation2 = 1077 and c_community_board_no = "+ s_board_no +" ) t "; + ResultSet rst = stmt.executeQuery(sql1); + if (rst.next()) { + totalRecord = rst.getInt(1); + } + rst.close(); + if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) { + nowPage = Integer.parseInt(r_call(request.getParameter("nowPage"))); + } + + //nowPage = 93; + //totalRecord =1240; + int pfirst = 0; //첫페이지 번호 + int plast = 0; // 끝페이지 번호 + int plast_org = 0; + + pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1; + plast = pfirst + pagePerBlock - 1; + plast_org = (totalRecord-1)/numPerPage + 1; + if(plast > plast_org){ + plast = plast_org; + } + int c_number=totalRecord-(nowPage-1)*numPerPage; + + int sql_now_page = (nowPage - 1) * numPerPage; +%> + +
+ +
+ + + + + + + + + + + + <%if(totalRecord==0) {%> + + + + + + <%}else{%> + <% + sql1 = " select t.* from ( select a.* "; + sql1 = sql1 + " from tbl_board a "; + sql1 = sql1 + " where "+ where_t +" a.c_relation = 2021 and a.c_relation2 = 1077 and c_community_board_no = "+ s_board_no +" ) t "; + sql1 = sql1 + " order by t.c_no desc "; + sql1 = sql1 + " limit "+ sql_now_page +" , "+ numPerPage +" "; + rst = stmt.executeQuery(sql1); + while (rst.next()) { + %> + + + + + + + + + <% + c_number=c_number-1; + } + rst.close(); + %> + + <% + }%> + +
NoTitleWriterDateClick
+ No Data +
<%=c_number%>&nowPage=<%=nowPage%>"><%=rst.getString("c_title")%><%=rst.getString("c_name")%><%=rst.getString("c_date").substring(0,10)%><%=rst.getString("c_click")%>
+
+
+
+ + + <%if(pfirst > 1){ %> + + + <%}%> + <% for(int i=pfirst;i + + <%}%> + <%if(plast < plast_org){ %> + + + <%}%> + +
+ 〈〈 + + 〈 + + <% if(i==nowPage){%> + <%=i%> + <%}else{%> + <%=i%> + <%}%> + + 〉 + + 〉〉 +
+
+
+ <%if(my_writer == 1 ){%> + Insert + <%}%> +
+<%@include file="board_inc_bottom.jsp"%> + \ No newline at end of file diff --git a/apply/cms_for_bcb/process/community/community/board/view.jsp b/apply/cms_for_bcb/process/community/community/board/view.jsp new file mode 100644 index 0000000..cdb61ac --- /dev/null +++ b/apply/cms_for_bcb/process/community/community/board/view.jsp @@ -0,0 +1,64 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="board_inc_top.jsp"%> + + +<% + String nowPage = r_call(request.getParameter("nowPage")); + String c_post_no = r_call(request.getParameter("c_post_no")); + +if(c_post_no.equals("")){ +%> + +<% +}else{ + String sql_ok = "update tbl_board set c_click = c_click + 1 where c_no = " + c_post_no; + stmt2.execute(sql_ok); + + String sql1 = " select * from tbl_board where c_no = " + c_post_no; + ResultSet rst = stmt.executeQuery(sql1); + if (rst.next()) { +%> +
+
+
+ Title. <%=rst.getString("c_title")%> +
+
+
+ Name. <%=rst.getString("c_name")%> +
+
+ Click <%=rst.getString("c_click")%> +
+
+ Date <%=rst.getString("c_date").substring(0,10)%> +
+
+ +
+ <%=rst.getString("c_content").replaceAll("\n\r","
")%> +
+
+ File. " target="_blank"><%=rst.getString("c_file")%> +
+
+
+
+ <%if(rst.getString("c_member_no").equals(session.getAttribute("member_no") ) && my_writer == 1){%> + Edit + Delete + <%}%> + List + +
+ <% + } + rst.close(); + } +%> +<%@include file="board_inc_bottom.jsp"%> + \ No newline at end of file diff --git a/apply/cms_for_bcb/process/community/community/chat/chat_ok.jsp b/apply/cms_for_bcb/process/community/community/chat/chat_ok.jsp new file mode 100644 index 0000000..037417e --- /dev/null +++ b/apply/cms_for_bcb/process/community/community/chat/chat_ok.jsp @@ -0,0 +1,60 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String fileName = ""; + String realFolder = ""; + String saveFolder = "/upload/chat"; + String encType = "utf-8"; + int maxSize = 50 * 1024 * 1024; + + ServletContext scontext = getServletContext(); + ArrayList saveFiles = new ArrayList(); + ArrayList orgFiles = new ArrayList(); + realFolder = scontext.getRealPath(saveFolder); + MultipartRequest multi = new MultipartRequest( request + , realFolder + , maxSize + , encType + , new DefaultFileRenamePolicy() ); + Enumeration files = multi.getFileNames(); + int t1 = 0; + while( files.hasMoreElements() ){ + String name = (String)files.nextElement(); + String fName = multi.getFilesystemName( name ); + String oName = multi.getOriginalFileName( name ); + String type = multi.getContentType( name ); + File f = multi.getFile( name ); + if(fName != null && !fName.equals("")){ + t1 = t1 + 1; + if(t1 > 1){ + fileName = fileName + "|"; + } + fileName = fileName + fName; + } + } + if(fileName == null){ + fileName = ""; + } + + String c_presentation_no = r_call(multi.getParameter("c_presentation_no")); + String c_content = r_call(multi.getParameter("c_content")); + + String sql_chat = "insert into tbl_community_chat (c_community_no,c_member_no,c_member_display,c_content,c_file,c_date) values("; + sql_chat = sql_chat + "" + c_presentation_no +","+ session.getAttribute("member_no") +",'"+ session.getAttribute("member_name") +"','"+ c_content +"','"+ fileName +"',now())"; + + stmt2.execute(sql_chat); + %> + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community/community/chat/check.jsp b/apply/cms_for_bcb/process/community/community/chat/check.jsp new file mode 100644 index 0000000..5f8c56b --- /dev/null +++ b/apply/cms_for_bcb/process/community/community/chat/check.jsp @@ -0,0 +1,22 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> + +<% + String c_presentation_no = r_call(request.getParameter("c_presentation_no")); + String last_no = r_call(request.getParameter("last_no")); + + String sql_p_d = "select c_no from tbl_community_chat where c_community_no = "+ c_presentation_no + " order by c_no desc"; + ResultSet rs_p_d = stmt2.executeQuery(sql_p_d); + if(rs_p_d.next()){ + if(!last_no.equals(rs_p_d.getString("c_no"))){ + %> + + <% + } + } + rs_p_d.close(); +%> + +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community/community/chat/disc.jsp b/apply/cms_for_bcb/process/community/community/chat/disc.jsp new file mode 100644 index 0000000..d01885a --- /dev/null +++ b/apply/cms_for_bcb/process/community/community/chat/disc.jsp @@ -0,0 +1,104 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<% +if(session.getAttribute("member_no") != null && !session.getAttribute("member_no").equals("")){ + +%> + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + <% + String c_presentation_no = r_call(request.getParameter("c_presentation_no")); + String sql_p_d = "select c_member_display,c_content,c_file,c_date,c_member_no,c_no from tbl_community_chat where c_community_no = "+ c_presentation_no + " order by c_no asc"; + ResultSet rs_p_d = stmt2.executeQuery(sql_p_d); + int o_member_no = 0; + int last_no = 0; + while(rs_p_d.next()){ + %> + + + <% + o_member_no = rs_p_d.getInt("c_member_no"); + last_no = rs_p_d.getInt("c_no"); + } + rs_p_d.close(); + %> +
+ align=right<%}%> cellpadding=0 cellspacing=0 style="max-width:80%"> + <%if( o_member_no != rs_p_d.getInt("c_member_no") ){%> + + <%}%> + +
;text-align:right<%}%>"> + <%=rs_p_d.getString("c_member_display")%> +
#FFFBCB<%}else{%>#ededed<%}%>" style="padding-left:15px;padding-right:15px;padding-bottom:5px<%if(rs_p_d.getString("c_member_no").equals(session.getAttribute("member_no"))){%>;text-align:right<%}%>"> + <%=rs_p_d.getString("c_content")%> + <%if(!rs_p_d.getString("c_file").equals("")){%> + " target="_blank" title="파일 받기"> <%=rs_p_d.getString("c_file")%> + <%}%> +
+
+
+ +
+
+
+ + + + + +<% + + }else{ +%> + +<% + + } +%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community/community/chat/list.jsp b/apply/cms_for_bcb/process/community/community/chat/list.jsp new file mode 100644 index 0000000..c72f231 --- /dev/null +++ b/apply/cms_for_bcb/process/community/community/chat/list.jsp @@ -0,0 +1,172 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<% +if(session.getAttribute("member_no") != null && !session.getAttribute("member_no").equals("")){ + String c_presentation_no = r_call(request.getParameter("c_community_no")); + String sql_p_d = "select a.* ,(select c_now from tbl_community_member where c_use = 0 and c_community_no = a.c_no and c_member_no = "+ session.getAttribute("member_no") +" ) as s_now from tbl_community a where a.c_no = "+ c_presentation_no; + ResultSet rs_p_d = stmt2.executeQuery(sql_p_d); + if(rs_p_d.next()){ + if(!rs_p_d.getString("c_member_no").equals(session.getAttribute("member_no")) && rs_p_d.getInt("s_now") != 1){ + %> + + <% + }else{ +%> + + + + + + + + + +KICA Platform + + + + + + + + + + + + + + + + + + +
+ + + + + + +
+
+
+ <%=rs_p_d.getString("c_name")%> Chatting +
+
+
+
+
+
+
+ +
+
+ +
+
+ + +
+ + + Chat + + + + send + + +
+ + + + +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
+<% + } + }else{ +%> + +<% + + } + rs_p_d.close(); + }else{ +%> + +<% + + } +%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community/community/list.jsp b/apply/cms_for_bcb/process/community/community/list.jsp new file mode 100644 index 0000000..04c0fa2 --- /dev/null +++ b/apply/cms_for_bcb/process/community/community/list.jsp @@ -0,0 +1,446 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<% + String c_no = r_call(request.getParameter("c_no")); + if(!c_no.equals("")){ + now_community = Integer.parseInt(c_no); + } +%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<% + String para_t = "show_no="+ show_no +"&check_no="+ check_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2; +%> +<% + if(c_no.equals("")){ +%> + +<% }else{ + String c_board_no = ""; + String master_no = ""; + int my_now = -1; + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select c_now as my_now from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) and c_member_no = "+ session.getAttribute("member_no") +" ) as my_now "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + ", (select count(c_no) as ready_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now = 0 ) as ready_number "; + sql_c = sql_c + ", (select count(c_no) as real_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now = 1 ) as real_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" "; + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + master_no = rs_c.getString("c_member_no"); + if(rs_c.getString("my_now") != null){ + my_now = rs_c.getInt("my_now"); + } + if(!master_no.equals(session.getAttribute("member_no")) && my_now == -1 ){ + %> + + <% + }else{ +%> + + +

+
+ + +
+
+
+ ◎ Community Information +
+ +
+ + + + + + + + + +
+ Name + + <%=rs_c.getString("c_name")%> +
+ Target + + <%=rs_c.getString("c_target")%> +
+ Date + + <%=rs_c.getString("c_date").substring(0,10)%> +
+ Master + + <%=rs_c.getString("m_name")%> / <%=rs_c.getString("m_id")%> +
+
+ <%=rs_c.getString("c_exp").replaceAll("\n","
")%> +
+
+ +
+
+
+ ◎ Information for Members +
+ +
+ + + <%if(master_no.equals(session.getAttribute("member_no")) || my_now == 1){%> + + + + <%}%> +
+ Number of all Members : <%=rs_c.getInt("m_number")%> +
+ Number of regular Members : <%=rs_c.getInt("real_number")%> +
+ Number of Members ready : <%=rs_c.getInt("ready_number")%> +
+ My account : + <%if(master_no.equals(session.getAttribute("member_no"))){%> + Master + <%}else{%> + <%if( my_now == 0 ){%> + Member ready + <%}%> + <%if( my_now == 1 ){%> + Regular Member + <%}%> + <%}%> + +
+ Chatting with all regular Members +
+
+ +
+
+
+ ◎ Community boards +
+ +
+ + +
+ + + <% + String sql_b = "select a.* "; + sql_b = sql_b + " ,(select count(c_no) as p_number from tbl_board where c_relation = 2021 and c_relation2 = 1077 and c_use = 0 and c_community_board_no = a.c_no ) as p_number "; + sql_b = sql_b + " ,(select count(c_no) as my_p_number from tbl_board where c_relation = 2021 and c_relation2 = 1077 and c_use = 0 and c_community_board_no = a.c_no and c_member_no = "+ session.getAttribute("member_no") +" ) as my_p_number "; + sql_b = sql_b + " from tbl_community_board a where a.c_community_no = "+ c_no +" and a.c_use = 0 and a.c_view = 0 order by a.c_order asc "; + ResultSet rs_b = stmt.executeQuery(sql_b); + int b_no = 0; + while (rs_b.next()) { + b_no = b_no + 1; + %> + <%if(b_no > 1){ + c_board_no = c_board_no + ","; + %> +
+ <%} + c_board_no = c_board_no + rs_b.getInt("c_no"); + %> + "><%=rs_b.getString("c_name")%> + / + <%if(rs_b.getInt("c_type") == 0){%> + Writer : All Members + <%}%> + <%if(rs_b.getInt("c_type") == 1){%> + Writer : Master + <%}%> + / Number of publications : <%=rs_b.getInt("p_number")%> + / Number of my posts : <%=rs_b.getInt("my_p_number")%> +     + " style="width: 120px; line-height: 14px; text-align: center;display: inline-block; background : #DEF1FE; border: 1px solid #555; border-radius: 5px; color: #000000;">Go to this board + + <%} + rs_b.close(); + %> + +
+
+ +
+
+
+ ◎ My posts in this community +
+ +
+ + + + + + + + <% + if(!c_board_no.equals("")){ + String sql_p = "select a.*, b.c_name as board_name from tbl_board a "; + sql_p = sql_p + " inner join tbl_community_board b on b.c_no = a.c_community_board_no and b.c_use = 0 and b.c_view = 0 "; + sql_p = sql_p + " where a.c_relation = 2021 and a.c_relation2 = 1077 and a.c_community_board_no in ( "+ c_board_no +" ) "; + sql_p = sql_p + " and a.c_use = 0 and a.c_member_no = "+ session.getAttribute("member_no") +" order by c_no desc limit 5 "; + ResultSet rs_p = stmt.executeQuery(sql_p); + while (rs_p.next()) { + %> + + + + + + + <% } + rs_p.close(); + } + %> +
+ Board Name + + Title + + Writer + + Date +
+ &c_post_no=<%=rs_p.getInt("c_no")%>"><%=rs_p.getString("board_name")%> + + &c_post_no=<%=rs_p.getInt("c_no")%>"><%=rs_p.getString("c_title")%> + + &c_post_no=<%=rs_p.getInt("c_no")%>"><%=rs_p.getString("c_name")%> + + &c_post_no=<%=rs_p.getInt("c_no")%>"><%=rs_p.getString("c_date").substring(0,10)%> +
+
+ +
+
+
+ ◎ My post in this community +
+ +
+ + + + + + + + <% + if(!c_board_no.equals("")){ + String sql_p = "select a.*, b.c_name as board_name from tbl_board a "; + sql_p = sql_p + " inner join tbl_community_board b on b.c_no = a.c_community_board_no and b.c_use = 0 and b.c_view = 0 "; + sql_p = sql_p + " where a.c_relation = 2021 and a.c_relation2 = 1077 and a.c_community_board_no in ( "+ c_board_no +" ) "; + sql_p = sql_p + " and a.c_use = 0 order by c_no desc limit 10 "; + ResultSet rs_p = stmt.executeQuery(sql_p); + while (rs_p.next()) { + %> + + + + + + + <% } + rs_p.close(); + } + %> +
+ Board Name + + Title + + Writer + + Date +
+ &c_post_no=<%=rs_p.getInt("c_no")%>"><%=rs_p.getString("board_name")%> + + &c_post_no=<%=rs_p.getInt("c_no")%>"><%=rs_p.getString("c_title")%> + + &c_post_no=<%=rs_p.getInt("c_no")%>"><%=rs_p.getString("c_name")%> + + &c_post_no=<%=rs_p.getInt("c_no")%>"><%=rs_p.getString("c_date").substring(0,10)%> +
+
+ +
+ +
+
+ +<% + } + }else{ +%> + +<% + } + rs_c.close(); + }%> + + + + + + +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community/delete.jsp b/apply/cms_for_bcb/process/community/delete.jsp new file mode 100644 index 0000000..fffb400 --- /dev/null +++ b/apply/cms_for_bcb/process/community/delete.jsp @@ -0,0 +1,38 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_no = r_call(request.getParameter("c_no")); + + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" and c_member_no = "+ session.getAttribute("member_no") +" "; + + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + String sql_in = "update tbl_community set "; + sql_in = sql_in + " c_use = 1 "; + sql_in = sql_in + " where c_no = " + c_no + " "; + stmt2.execute(sql_in); + } + rs_c.close(); + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community/delete_board.jsp b/apply/cms_for_bcb/process/community/delete_board.jsp new file mode 100644 index 0000000..5cabc33 --- /dev/null +++ b/apply/cms_for_bcb/process/community/delete_board.jsp @@ -0,0 +1,40 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_no = r_call(request.getParameter("c_no")); + String c_master_no = r_call(request.getParameter("c_master_no")); + String c_board_no = r_call(request.getParameter("c_board_no")); + String c_view = r_call(request.getParameter("c_view")); + + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" and c_member_no = "+ session.getAttribute("member_no") +" "; + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + String sql_in = "update tbl_community_board set "; + sql_in = sql_in + " c_use = 1 "; + sql_in = sql_in + " where c_no = " + c_board_no + " "; + stmt2.execute(sql_in); + } + rs_c.close(); + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community/delete_member.jsp b/apply/cms_for_bcb/process/community/delete_member.jsp new file mode 100644 index 0000000..3a5a882 --- /dev/null +++ b/apply/cms_for_bcb/process/community/delete_member.jsp @@ -0,0 +1,39 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_no = r_call(request.getParameter("c_no")); + String c_member_no = r_call(request.getParameter("c_member_no")); + + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" and c_member_no = "+ session.getAttribute("member_no") +" "; + + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + String sql_in = "update tbl_community_member set "; + sql_in = sql_in + " c_use = 1 "; + sql_in = sql_in + " where c_community_no = " + c_no + " and c_member_no = " + c_member_no; + stmt2.execute(sql_in); + } + rs_c.close(); + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community/disapproval_member.jsp b/apply/cms_for_bcb/process/community/disapproval_member.jsp new file mode 100644 index 0000000..ec70bf9 --- /dev/null +++ b/apply/cms_for_bcb/process/community/disapproval_member.jsp @@ -0,0 +1,39 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_no = r_call(request.getParameter("c_no")); + String c_member_no = r_call(request.getParameter("c_member_no")); + + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" and c_member_no = "+ session.getAttribute("member_no") +" "; + + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + String sql_in = "update tbl_community_member set "; + sql_in = sql_in + " c_use = 1 "; + sql_in = sql_in + " where c_community_no = " + c_no + " and c_member_no = " + c_member_no; + stmt2.execute(sql_in); + } + rs_c.close(); + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community/edit.jsp b/apply/cms_for_bcb/process/community/edit.jsp new file mode 100644 index 0000000..576e2b4 --- /dev/null +++ b/apply/cms_for_bcb/process/community/edit.jsp @@ -0,0 +1,426 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<% + String para_t = "show_no="+ show_no +"&check_no="+ check_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2; + String c_no = r_call(request.getParameter("c_no")); +%> + + + +

+ + +
+ + +
+ <% + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" and c_member_no = "+ session.getAttribute("member_no") +" "; + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + %> +
+
+ ◎ Management Community information +
+ +
+ + + + +
+ *CommunityName + + " style="width:80%;height:30px;border:solid 1px #cdcdcd" maxlength="300"> +
+ *Community Target + + " style="width:100%;height:30px;border:solid 1px #cdcdcd" maxlength="300"> +
+ *Community Explain + + +
+ + + + + +
+ Edit Community Info. +
+
+ +
+
+
+ ◎ Management for community boards +
+
+ + + + + + + + + + <% + String sql_p = " select * from tbl_community_board "; + sql_p = sql_p + " where c_community_no = "+ c_no +" and c_use = 0 order by c_order asc "; + ResultSet rs_p = stmt.executeQuery(sql_p); + int op_order = 0; + int old_order = 0; + int old_no = 0; + while (rs_p.next()) { + op_order = op_order + 1; + %> + + + + + + + + + <% + old_order = rs_p.getInt("c_order"); + old_no = rs_p.getInt("c_no"); + } + rs_p.close(); + %> +
+ Board Name + + Writing authority + + Oder + + Use + + Edit + + Del +
+ <%=rs_p.getString("c_name")%> + + <%if(rs_p.getInt("c_type") == 0){%> + Members + <%}%> + <%if(rs_p.getInt("c_type") == 1){%> + Master + <%}%> + + <%if(op_order > 1){%> + &c_order=<%=rs_p.getInt("C_order")%>&old_no=<%=old_no%>&old_order=<%=old_order%>" target="exec">▲ + <%}%> + + <%if(rs_p.getInt("c_view")== 0 ){%> + " target="exec">O + <%}else{%> + " target="exec">X + <%}%> + + ">[Edit] + + '}" >[Del] +
+ + + + + +
+ Insert Board +
+
+ +
+
+
+ ◎ Member List +
+ +
+ + +
+
+ + <% + String sql_m = " select b.c_no, b.c_name, b.c_id, a.c_now , a.c_date, a.c_content "; + sql_m = sql_m + " from tbl_community_member a "; + sql_m = sql_m + " inner join tbl_member b on b.c_no = a.c_member_no and b.c_use = 0 "; + sql_m = sql_m + " where a.c_community_no = "+ c_no + " and a.c_use = 0 and a.c_now = 1 "; + sql_m = sql_m + " order by a.c_now desc "; + + ResultSet rs_m = stmt.executeQuery(sql_m); + int t1 = 0; + while (rs_m.next()) { + t1 = t1 + 1; + %> + <%=rs_m.getString("c_name")%> / <%=rs_m.getString("c_id")%> + / <%=rs_m.getString("c_date").substring(0,10)%> +     + '}" style="width: 220px; line-height: 20px; text-align: center;display: inline-block; background : #E76F63; border: 1px solid #555; border-radius: 5px; color: #ffffff;">Retirada de esta Community +
+ <%=rs_m.getString("c_content")%> +
+ <%} + rs_m.close(); + %> + <%if(t1 == 0){%> +
+



+ There is no Member. +
+ <%}%> +
+
+
+ +
+
+
+ ◎ Ready to join +
+ +
+ + +
+
+ + <% + sql_m = " select b.c_no, b.c_name, b.c_id, a.c_now , a.c_date, a.c_content "; + sql_m = sql_m + " from tbl_community_member a "; + sql_m = sql_m + " inner join tbl_member b on b.c_no = a.c_member_no and b.c_use = 0 "; + sql_m = sql_m + " where a.c_community_no = "+ c_no + " and a.c_use = 0 and a.c_now = 0 "; + sql_m = sql_m + " order by a.c_now desc "; + + rs_m = stmt.executeQuery(sql_m); + t1 = 0; + while (rs_m.next()) { + t1 = t1 + 1; + %> + <%=rs_m.getString("c_name")%> / <%=rs_m.getString("c_id")%> + / <%=rs_m.getString("c_date").substring(0,10)%> +     + '}" style="width: 120px; line-height: 20px; text-align: center;display: inline-block; background : #0277D0; border: 1px solid #555; border-radius: 5px; color: #ffffff;">Approval +     + '}" style="width: 120px; line-height: 20px; text-align: center;display: inline-block; background : #E76F63; border: 1px solid #555; border-radius: 5px; color: #ffffff;">Disapproval + +
+ <%=rs_m.getString("c_content")%> +
+ <%} + rs_m.close(); + %> + <%if(t1 == 0){%> +
+



+ There is no Member waiting. +
+ <%}%> +
+
+
+ +
+
+
+ ◎ Transferring Master Privileges +
+ +
+ + +
+ ID(Email) + Transferring + +
+
+ +
+
+ + + + + +
+ Stop this Community +     + Cancel +
+
+ + <%}else{%> + + <%} + rs_c.close(); + %> +
+
+ + + + + + + +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community/edit_board.jsp b/apply/cms_for_bcb/process/community/edit_board.jsp new file mode 100644 index 0000000..ddb182d --- /dev/null +++ b/apply/cms_for_bcb/process/community/edit_board.jsp @@ -0,0 +1,152 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<% + String para_t = "show_no="+ show_no +"&check_no="+ check_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2; + String c_no = r_call(request.getParameter("c_no")); + String c_board_no = r_call(request.getParameter("c_board_no")); + if(!c_board_no.equals("")){ +%> + +
+ + + +
+ <% + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" and c_member_no = "+ session.getAttribute("member_no") +" "; + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + %> +
+
+ ◎ Community information +
+ +
+ + + + + + + + +
+ Name + + <%=rs_c.getString("c_name")%> +
+ Target + + <%=rs_c.getString("c_target")%> +
+ Date + + <%=rs_c.getString("c_date").substring(0,10)%> +
+ Master + + <%=rs_c.getString("m_name")%> / <%=rs_c.getString("m_id")%> +
+
+ <%=rs_c.getString("c_exp").replaceAll("\n","
")%> +
+
+ +
+
+
+ ◎ Edit Community Board +
+
+ <% + String sql_b = "select * from tbl_community_board where c_no = "+ c_board_no +" and c_community_no = " + c_no; + ResultSet rs_b = stmt.executeQuery(sql_b); + if (rs_b.next()) { + %> + + + + +
+ *Board Name + + " style="width:80%;height:30px;border:solid 1px #cdcdcd" maxlength="300"> +
+ *Write authority + + checked<%}%>> Members escriben +     +     + checked<%}%>> Solo escritura maestra +
+ * Board Use + + checked<%}%>> Use +     +     + checked<%}%>> No Use +
+ <%} + rs_b.close(); + %> + +
+ +
+ +
+ + + + + +
+ Edit Board +     + Cancel +
+
+ + <%}else{%> + + <%} + rs_c.close(); + %> +
+
+ +<% }else{%> + +<%}%> +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community/edit_board_ok.jsp b/apply/cms_for_bcb/process/community/edit_board_ok.jsp new file mode 100644 index 0000000..4effeb7 --- /dev/null +++ b/apply/cms_for_bcb/process/community/edit_board_ok.jsp @@ -0,0 +1,36 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_no = r_call(request.getParameter("c_no")); + String c_board_no = r_call(request.getParameter("c_board_no")); + String c_name = r_call(request.getParameter("c_name")); + String c_type = r_call(request.getParameter("c_type")); + String c_view = r_call(request.getParameter("c_view")); + + + String sql_in = "update tbl_community_board set "; + sql_in = sql_in + " c_name = '" + c_name + "' " ; + sql_in = sql_in + ", c_type = " + c_type + " " ; + sql_in = sql_in + ", c_view = " + c_view + " " ; + sql_in = sql_in + " where c_no = "+ c_board_no +" and c_community_no = " + c_no ; + stmt2.execute(sql_in); + + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community/edit_ok.jsp b/apply/cms_for_bcb/process/community/edit_ok.jsp new file mode 100644 index 0000000..3d649f8 --- /dev/null +++ b/apply/cms_for_bcb/process/community/edit_ok.jsp @@ -0,0 +1,35 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_no = r_call(request.getParameter("c_no")); + String c_name = r_call(request.getParameter("c_name")); + String c_target = r_call(request.getParameter("c_target")); + String c_exp = r_call(request.getParameter("c_exp")); + + + String sql_in = "update tbl_community set "; + sql_in = sql_in + " c_name = '" + c_name + "' "; + sql_in = sql_in + ", c_target = '" + c_target + "' "; + sql_in = sql_in + ", c_exp = '" + c_exp + "' "; + sql_in = sql_in + " where c_no = " + c_no + " and c_member_no = " + session.getAttribute("member_no") ; + stmt2.execute(sql_in); + + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community/insert.jsp b/apply/cms_for_bcb/process/community/insert.jsp new file mode 100644 index 0000000..f2c2190 --- /dev/null +++ b/apply/cms_for_bcb/process/community/insert.jsp @@ -0,0 +1,136 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<% + String para_t = "show_no="+ show_no +"&check_no="+ check_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2; + +%> + + + +

+ +
+ +
+
+
+ ◎ Make Community +
+ +
+ + + + +
+ *Community Name + + +
+ *Community Target + + +
+ *Community Explain + + +
+
+ +
+ +
+ + + + + +
+ Make Community +     + Cnancel +
+
+
+
+ + + + + + +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> +ꀀ \ No newline at end of file diff --git a/apply/cms_for_bcb/process/community/insert_board.jsp b/apply/cms_for_bcb/process/community/insert_board.jsp new file mode 100644 index 0000000..0f9563a --- /dev/null +++ b/apply/cms_for_bcb/process/community/insert_board.jsp @@ -0,0 +1,237 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<% + String para_t = "show_no="+ show_no +"&check_no="+ check_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2; + String c_no = r_call(request.getParameter("c_no")); +%> + + + +

+
+ + +
+ <% + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" and c_member_no = "+ session.getAttribute("member_no") +" "; + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + %> + + +
+
+ ◎ Community information +
+ +
+ + + + + + + + +
+ Namer + + <%=rs_c.getString("c_name")%> +
+ Target + + <%=rs_c.getString("c_target")%> +
+ Date + + <%=rs_c.getString("c_date").substring(0,10)%> +
+ Master + + <%=rs_c.getString("m_name")%> / <%=rs_c.getString("m_id")%> +
+
+ <%=rs_c.getString("c_exp").replaceAll("\n","
")%> +
+
+ +
+
+
+ ◎ Insert Community Board +
+
+ + + + +
+ * Tablero Name + + +
+ *Write authority + + Members escriben +     +     + Solo escritura maestra +
+ *Board Use + + Use +     +     + No Use +
+ + +
+ +
+ +
+ + + + + +
+ Insert Board +     + Cancel +
+
+ + <%}else{%> + + <%} + rs_c.close(); + %> +
+
+ + + + + + + +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community/insert_board_ok.jsp b/apply/cms_for_bcb/process/community/insert_board_ok.jsp new file mode 100644 index 0000000..7612299 --- /dev/null +++ b/apply/cms_for_bcb/process/community/insert_board_ok.jsp @@ -0,0 +1,39 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_no = r_call(request.getParameter("c_no")); + String c_name = r_call(request.getParameter("c_name")); + String c_type = r_call(request.getParameter("c_type")); + String c_view = r_call(request.getParameter("c_view")); + + int max_order = 1; + String sql_p = "select max(c_order) as max_order from tbl_community_board where c_home = "+ c_home +" and c_community_no = "+ c_no +" "; + ResultSet rs_c = stmt.executeQuery(sql_p); + if (rs_c.next()) { + max_order = rs_c.getInt("max_order") + 1; + } + rs_c.close(); + + String sql_in = "insert into tbl_community_board ( c_home,c_community_no,c_type,c_name, c_order, c_view, c_use, c_date) values ("; + sql_in = sql_in + " " + c_home + "," + c_no + "," + c_type + ",'" + c_name +"',"+ max_order +","+ c_view + ",0,now())"; + stmt2.execute(sql_in); + + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community/insert_ok.jsp b/apply/cms_for_bcb/process/community/insert_ok.jsp new file mode 100644 index 0000000..50a7355 --- /dev/null +++ b/apply/cms_for_bcb/process/community/insert_ok.jsp @@ -0,0 +1,31 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_name = r_call(request.getParameter("c_name")); + String c_target = r_call(request.getParameter("c_target")); + String c_exp = r_call(request.getParameter("c_exp")); + + + String sql_in = "insert into tbl_community ( c_home, c_member_no, c_name, c_target, c_exp, c_use, c_date) values ("; + sql_in = sql_in + " " + c_home + "," + session.getAttribute("member_no") + ",'" + c_name +"','"+ c_target +"','"+ c_exp + "',0,now())"; + stmt2.execute(sql_in); + + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community/join_ok.jsp b/apply/cms_for_bcb/process/community/join_ok.jsp new file mode 100644 index 0000000..a12c489 --- /dev/null +++ b/apply/cms_for_bcb/process/community/join_ok.jsp @@ -0,0 +1,28 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_no = r_call(request.getParameter("c_no")); + String c_content = r_call(request.getParameter("c_content")); + + String sql_in = " insert into tbl_community_member (c_home,c_community_no,c_member_no,c_content,c_now,c_use,c_date) value (" ; + sql_in = sql_in + c_home +","+ c_no +","+ session.getAttribute("member_no") +",'"+ c_content + "',0,0,now())"; + stmt2.execute(sql_in); + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community/list.jsp b/apply/cms_for_bcb/process/community/list.jsp new file mode 100644 index 0000000..3013097 --- /dev/null +++ b/apply/cms_for_bcb/process/community/list.jsp @@ -0,0 +1,430 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> + + + +

+ +<% + String para_t = "show_no="+ show_no +"&check_no="+ check_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2; + String s_text = r_call(request.getParameter("s_text")); +%> + +
+
+ <% + String sql_s = ""; + ResultSet rs_s = null; + int c_count = 0; + int imim = 0; + %> +
+
+ ◎ Search Community + + search +
+ <%if(!s_text.equals("")){%> +
+ <% + sql_s = "select a.*, b.c_name as m_name "; + sql_s = sql_s + " ,(select c_now from tbl_community_member where c_community_no = a.c_no and c_member_no = "+ session.getAttribute("member_no") +" and c_use = 0 ) as my_no "; + sql_s = sql_s + " from tbl_community a "; + sql_s = sql_s + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_s = sql_s + " where a.c_use = 0 and a.c_home = "+ c_home +" and ( a.c_name like '%"+ s_text +"%' or a.c_target like '%"+ s_text +"%' or a.c_exp like '%"+ s_text +"%' or b.c_name like '%"+ s_text +"%' ) order by a.c_no desc "; + c_count = 0; + rs_s = stmt.executeQuery(sql_s); + while (rs_s.next()) { + c_count = c_count + 1; + imim = 0; + %> +
+ ">▷ <%=rs_s.getString("c_name").replaceAll(s_text,"" +s_text + "")%> + <%if(rs_s.getString("c_member_no").equals(session.getAttribute("member_no"))){ + imim = 1; + %> + / I'm Master + / ">[ Management ] + + <%}else{%> + <%if(rs_s.getString("my_no") != null ){ + imim = 1; + %> + <%if(rs_s.getInt("my_no") == 0 ){%> + / I'm Waiting .. + <%}else{%> + / I'm Member + <%}%> + <%}else{%> + ">[Join the community] + <%}%> + <%}%> +
+ Target : <%=rs_s.getString("c_target").replaceAll(s_text,"" +s_text + "")%> / Master : <%=rs_s.getString("m_name").replaceAll(s_text,"" +s_text + "")%> / Date : <%=rs_s.getString("c_date").substring(0,10)%> +
+
+ + + <% + if(rs_s.getString("c_exp") != null){ + String chk_t = rs_s.getString("c_exp").replaceAll("<(/)?([a-zA-Z]*)(\\s[a-zA-Z]*=[^>]*)?(\\s)*(/)?>", ""); + if( chk_t.length() > 200){ + if( chk_t.indexOf(s_text) > 200){ + int in_str = chk_t.indexOf(s_text); + chk_t = "..... " + chk_t.substring(in_str - 100,in_str + 100) + " ....."; + }else{ + chk_t = chk_t.substring(0,200) + " ....."; + } + }%> + <%=chk_t.replaceAll(s_text,"" + s_text +"")%> + + <% }%> + ">[ Detail ] + <%if(imim ==1){%> + ">[ Goto Community ] + <%}%> + +
+ <% + } + rs_s.close(); + %> + <%if(c_count == 0){%> +
+


+ Sin resultados +



+
+ <%}%> +
+ <%}%> +
+
+
+ ◎ My Community +
+
+ <% + sql_s = "select t.* from ( "; + sql_s = sql_s + " select a.*, b.c_name as m_name "; + sql_s = sql_s + " ,(select c_now from tbl_community_member where c_community_no = a.c_no and c_member_no = "+ session.getAttribute("member_no") +" and c_use = 0 ) as my_no "; + sql_s = sql_s + " from tbl_community a "; + sql_s = sql_s + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_s = sql_s + " where a.c_use = 0 and a.c_home = "+ c_home +" "; + sql_s = sql_s + " ) t where t.c_member_no = "+ session.getAttribute("member_no") +" or (t.my_no is not null and t.my_no in (0,1)) order by t.c_no desc "; + + c_count = 0; + rs_s = stmt.executeQuery(sql_s); + while (rs_s.next()) { + imim = 0; + c_count = c_count + 1; + %> +
+ ">▷ <%=rs_s.getString("c_name")%> + <%if(rs_s.getString("c_member_no").equals(session.getAttribute("member_no"))){ + imim = 1; + %> + / I'm Master + / ">[ Management ] + <%}else{%> + <%if(rs_s.getString("my_no") != null ){ + imim = 1; + %> + <%if(rs_s.getInt("my_no") == 0 ){%> + / I'm Waiting .. + + <%}else{%> + / I'm Member + <%}%> + <%}else{%> + ">[Join the community] + <%}%> + <%}%> +
+ Target : <%=rs_s.getString("c_target")%> / Master : <%=rs_s.getString("m_name")%> / Date : <%=rs_s.getString("c_date").substring(0,10)%> +
+
+ + + <% + if(rs_s.getString("c_exp") != null){ + String chk_t = rs_s.getString("c_exp").replaceAll("<(/)?([a-zA-Z]*)(\\s[a-zA-Z]*=[^>]*)?(\\s)*(/)?>", ""); + if( chk_t.length() > 100){ + chk_t = chk_t.substring(0,100) + " ....."; + }%> + <%=chk_t%> + + <% }%> + ">[ Detail ] + <%if(imim ==1){%> + ">[ Goto Community ] + <%}%> + + +
+ <% + } + rs_s.close(); + %> + <%if(c_count == 0){%> +
+

+ No join +


+
+ <%}%> +
+
+
+
+ ◎ Total community +
+
+ <% + + int totalRecord = 0; //총레코드개수 + int numPerPage = 10;//한페이지당 보여줄레코드개수 + int totalPage = 0; //총페이지수 + int pagePerBlock = 10; //블록당페이지수 + int nowPage = 1; //현재페이지 + String sql1 = ""; + sql1 = " select count(a.c_no) "; + sql1 = sql1 + " from tbl_community a "; + sql1 = sql1 + " inner join tbl_member b on b.c_no = a.c_member_no where a.c_use = 0 and a.c_home = "+ c_home +" "; + ResultSet rst = stmt.executeQuery(sql1); + if (rst.next()) { + totalRecord = rst.getInt(1); + } + rst.close(); + if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) { + nowPage = Integer.parseInt(r_call(request.getParameter("nowPage"))); + } + + //nowPage = 93; + //totalRecord =1240; + int pfirst = 0; //첫페이지 번호 + int plast = 0; // 끝페이지 번호 + int plast_org = 0; + + pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1; + plast = pfirst + pagePerBlock - 1; + plast_org = (totalRecord-1)/numPerPage + 1; + if(plast > plast_org){ + plast = plast_org; + } + int c_number=totalRecord-(nowPage-1)*numPerPage; + + int sql_now_page = (nowPage - 1) * numPerPage; + %> + <% + sql_s = "select t.* from ( "; + sql_s = sql_s + " select a.*, b.c_name as m_name "; + sql_s = sql_s + " ,(select c_now from tbl_community_member where c_community_no = a.c_no and c_member_no = "+ session.getAttribute("member_no") +" and c_use = 0 ) as my_no "; + sql_s = sql_s + " from tbl_community a "; + sql_s = sql_s + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_s = sql_s + " where a.c_use = 0 and a.c_home = "+ c_home +" "; + sql_s = sql_s + " ) t order by t.c_no desc "; + sql_s = sql_s + " limit "+ sql_now_page +" , "+ numPerPage +" "; + c_count = 0; + rs_s = stmt.executeQuery(sql_s); + while (rs_s.next()) { + c_count = c_count + 1; + imim = 0; + %> +
+ ">▷ <%=rs_s.getString("c_name")%> + <%if(rs_s.getString("c_member_no").equals(session.getAttribute("member_no"))){ + imim = 1; + %> + / I'm Master + / ">[ Management ] + + <%}else{%> + <%if(rs_s.getString("my_no") != null ){ + imim = 1; + %> + <%if(rs_s.getInt("my_no") == 0 ){%> + / I'm Waiting .. + <%}else{%> + / I'm Member + <%}%> + <%}else{%> + ">[Join the community] + <%}%> + <%}%> +
+ Target : <%=rs_s.getString("c_target")%> / Master : <%=rs_s.getString("m_name")%> / Date : <%=rs_s.getString("c_date").substring(0,10)%> + ">[ Detail ] + <%if(imim ==1){%> + ">[ Goto Community ] + <%}%> +
+ <% + } + rs_s.close(); + %> + <%if(c_count == 0){%> +
+

+ No Community +


+
+ <%}else{%> +

+ + + <%if(pfirst > 1){ %> + + + <%}%> + <% for(int i=pfirst;i + + <%}%> + <%if(plast < plast_org){ %> + + + <%}%> + +
+ 〈〈 + + 〈 + + <% if(i==nowPage){%> + <%=i%> + <%}else{%> + <%=i%> + <%}%> + + 〉 + + 〉〉 +
+ <%}%> +
+
+
+ + + + + +
+ Make community +
+
+
+
+ + + + + + + +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community/mentoring/community/board/board_inc_bottom.jsp b/apply/cms_for_bcb/process/community/mentoring/community/board/board_inc_bottom.jsp new file mode 100644 index 0000000..710ff90 --- /dev/null +++ b/apply/cms_for_bcb/process/community/mentoring/community/board/board_inc_bottom.jsp @@ -0,0 +1,25 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> + + +
+ +
+
+ + +<% + } + }else{ +%> + +<% + } + rs_c.close(); + }%> +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community/mentoring/community/board/board_inc_top.jsp b/apply/cms_for_bcb/process/community/mentoring/community/board/board_inc_top.jsp new file mode 100644 index 0000000..de76690 --- /dev/null +++ b/apply/cms_for_bcb/process/community/mentoring/community/board/board_inc_top.jsp @@ -0,0 +1,138 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<% + String c_no = r_call(request.getParameter("c_no")); + if(!c_no.equals("")){ + now_community = Integer.parseInt(c_no); + } + String s_board_no = r_call(request.getParameter("c_board_no")); + if(!s_board_no.equals("")){ + now_community_board = Integer.parseInt(s_board_no); + } +%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<% + String para_t = "show_no="+ show_no +"&check_no="+ check_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2 + "&c_no=" + c_no + "&c_board_no=" + s_board_no; +%> +<% + if(c_no.equals("")){ +%> + +<% }else{ + String c_board_no = ""; + String master_no = ""; + int my_now = -1; + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select c_now as my_now from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) and c_member_no = "+ session.getAttribute("member_no") +" ) as my_now "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + ", (select count(c_no) as ready_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now = 0 ) as ready_number "; + sql_c = sql_c + ", (select count(c_no) as real_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now = 1 ) as real_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" "; + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + master_no = rs_c.getString("c_member_no"); + if(rs_c.getString("my_now") != null){ + my_now = rs_c.getInt("my_now"); + } + if(!master_no.equals(session.getAttribute("member_no")) && my_now == -1 ){ + %> + + <% + }else{ + + int my_writer = 0; +%> +
+
+
+
+ ◎ Community Information +
+ +
+ + + +
+ Name + + <%=rs_c.getString("c_name")%> + / <%=rs_c.getString("m_name")%>( <%=rs_c.getString("m_id")%> ) +
+ You are + + <%=session.getAttribute("member_name")%> ( <%=session.getAttribute("member_id")%> ) + / + <%if(master_no.equals(session.getAttribute("member_no"))){ + my_writer = 1; + %> + Master + <%}else{%> + <%if( my_now == 0 ){%> + Waiting Member + <%}%> + <%if( my_now == 1 ){%> + Regular Mamber + <%}%> + <%}%> + +
+
+ +
+ +
+
+ ◎ Community boards + - + <% + String sql_b = "select a.* "; + sql_b = sql_b + " ,(select count(c_no) as p_number from tbl_board where c_relation = 2021 and c_relation2 = 1077 and c_use = 0 and c_community_board_no = a.c_no ) as p_number "; + sql_b = sql_b + " ,(select count(c_no) as my_p_number from tbl_board where c_relation = 2021 and c_relation2 = 1077 and c_use = 0 and c_community_board_no = a.c_no and c_member_no = "+ session.getAttribute("member_no") +" ) as my_p_number "; + sql_b = sql_b + " from tbl_community_board a where a.c_community_no = "+ c_no +" and a.c_use = 0 and a.c_view = 0 and a.c_no = "+ s_board_no +" order by a.c_order asc "; + ResultSet rs_b = stmt.executeQuery(sql_b); + if (rs_b.next()) { + %> + <%=rs_b.getString("c_name")%> + / + <%if(rs_b.getInt("c_type") == 0){ + if( my_now == 1 ){ + my_writer = 1; + } + %> + Writer : Regular Member + <%}%> + <%if(rs_b.getInt("c_type") == 1){%> + Writer : Master + <%}%> + + <%} + rs_b.close(); + %> + / + + You are + <%if( my_writer == 1 ){%> + Writer. + <%}else{%> + Spectator only. + <%}%> + +
+ +
+ + \ No newline at end of file diff --git a/apply/cms_for_bcb/process/community/mentoring/community/board/delete_ok.jsp b/apply/cms_for_bcb/process/community/mentoring/community/board/delete_ok.jsp new file mode 100644 index 0000000..c006e33 --- /dev/null +++ b/apply/cms_for_bcb/process/community/mentoring/community/board/delete_ok.jsp @@ -0,0 +1,30 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + String c_no = r_call(request.getParameter("c_no")); + String c_board_no = r_call(request.getParameter("c_board_no")); + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_post_no = r_call(request.getParameter("c_post_no")); + + + String sql_ok = ""; + sql_ok = "update tbl_board set c_use = 1 where c_no = " + c_post_no; + stmt2.execute(sql_ok); + + + %> + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community/mentoring/community/board/edit.jsp b/apply/cms_for_bcb/process/community/mentoring/community/board/edit.jsp new file mode 100644 index 0000000..1d6556c --- /dev/null +++ b/apply/cms_for_bcb/process/community/mentoring/community/board/edit.jsp @@ -0,0 +1,97 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="board_inc_top.jsp"%> + +<% + if( my_writer == 1 ){ +%> + + <% + String nowPage = r_call(request.getParameter("nowPage")); + String c_post_no = r_call(request.getParameter("c_post_no")); +if(c_post_no.equals("")){ + +}else{ + String sql1 = " select a.* "; + sql1 = sql1 + " from tbl_board a where a.c_no = " + c_post_no; + ResultSet rst = stmt.executeQuery(sql1); + if (rst.next()) { + if(rst.getString("c_member_no").equals(session.getAttribute("member_no") ) ){ +%> + + + +
+
+ " style="width:100%;height:30px" placeholder="Insert Title."> +
+
+
+ Writer. <%=rst.getString("c_name")%> +
+
+
+ +
+
+ File. <%=rst.getString("c_file")%> + " type="hidden"> + <%if(!rst.getString("c_file").equals("")){%> +   Del + <%}%> +
+ + * Upload to 10MB or less +
+
+ +
+ <%if(rst.getString("c_member_no").equals(session.getAttribute("member_no") ) && my_writer == 1 ){%> + Edit + <%}%> + View + +
+ + <% + }else{ +%> + +<% + } + } + rst.close(); + } +%> + + +<% + }else{ +%> + +<% }%> +<%@include file="board_inc_bottom.jsp"%> + \ No newline at end of file diff --git a/apply/cms_for_bcb/process/community/mentoring/community/board/edit_ok.jsp b/apply/cms_for_bcb/process/community/mentoring/community/board/edit_ok.jsp new file mode 100644 index 0000000..4b0c2f3 --- /dev/null +++ b/apply/cms_for_bcb/process/community/mentoring/community/board/edit_ok.jsp @@ -0,0 +1,87 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + + String fileName = ""; + String realFolder = ""; + String saveFolder = "/upload/board"; + String encType = "utf-8"; + int maxSize = 10 * 1024 * 1024; + + ServletContext scontext = getServletContext(); + ArrayList saveFiles = new ArrayList(); + ArrayList orgFiles = new ArrayList(); + realFolder = scontext.getRealPath(saveFolder); + MultipartRequest multi = new MultipartRequest( request + , realFolder + , maxSize + , encType + , new DefaultFileRenamePolicy() ); + Enumeration files = multi.getFileNames(); + int t1 = 0; + String[] a_file = new String[11]; + int olp = 11; + while( files.hasMoreElements() ){ + olp = olp - 1; + + String name = (String)files.nextElement(); + String fName = multi.getFilesystemName( name ); + String oName = multi.getOriginalFileName( name ); + String type = multi.getContentType( name ); + File f = multi.getFile( name ); + if(fName != null && !fName.equals("")){ + t1 = t1 + 1; + if(t1 > 1){ + fileName = fileName + "|"; + } + fileName = fileName + fName; + a_file[olp] = fName; + + }else{ + a_file[olp] = ""; + } + } + if(fileName == null){ + fileName = ""; + } + + String c_post_no = r_call(multi.getParameter("c_post_no")); + String show_no = r_call(multi.getParameter("show_no")); + String check_no = r_call(multi.getParameter("check_no")); + String c_relation = r_call(multi.getParameter("c_relation")); + String c_relation2 = r_call(multi.getParameter("c_relation2")); + String c_no = r_call(multi.getParameter("c_no")); + String c_board_no = r_call(multi.getParameter("c_board_no")); + String c_title = r_call(multi.getParameter("c_title")); + String c_name = r_call(multi.getParameter("c_name")); + String c_content = r_call(multi.getParameter("c_content")); + String o_file = r_call(multi.getParameter("o_file")); + String o_file_name = r_call(multi.getParameter("o_file_name")); + String last_file = ""; + if(!fileName.equals("")){ + last_file = fileName; + }else{ + if(o_file.equals("y")){ + last_file = ""; + }else{ + last_file = o_file_name; + } + } + + String sql_ok = ""; + sql_ok = "update tbl_board set c_title = '"+ c_title +"',c_content='"+ c_content +"',c_file ='"+ last_file +"' where c_no = " + c_post_no +" and c_community_board_no = "+ c_board_no ; + + stmt2.execute(sql_ok); + %> + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community/mentoring/community/board/insert.jsp b/apply/cms_for_bcb/process/community/mentoring/community/board/insert.jsp new file mode 100644 index 0000000..a90854c --- /dev/null +++ b/apply/cms_for_bcb/process/community/mentoring/community/board/insert.jsp @@ -0,0 +1,55 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="board_inc_top.jsp"%> + +<% + if( my_writer == 1 ){ +%> + +
+
+
+ +
+
+ Writer <%=session.getAttribute("member_name")%> + " type="hidden"> +
+
+ +
+
+ + * Subir a 10 MB o menos +
+
+
+
+ Insert + Cancel +
+ <% +}else{ +%> + +<%}%> +<%@include file="board_inc_bottom.jsp"%> + \ No newline at end of file diff --git a/apply/cms_for_bcb/process/community/mentoring/community/board/insert_ok.jsp b/apply/cms_for_bcb/process/community/mentoring/community/board/insert_ok.jsp new file mode 100644 index 0000000..6f6dbaf --- /dev/null +++ b/apply/cms_for_bcb/process/community/mentoring/community/board/insert_ok.jsp @@ -0,0 +1,76 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + + String fileName = ""; + String realFolder = ""; + String saveFolder = "/upload/board"; + String encType = "utf-8"; + int maxSize = 10 * 1024 * 1024; + + ServletContext scontext = getServletContext(); + ArrayList saveFiles = new ArrayList(); + ArrayList orgFiles = new ArrayList(); + realFolder = scontext.getRealPath(saveFolder); + MultipartRequest multi = new MultipartRequest( request + , realFolder + , maxSize + , encType + , new DefaultFileRenamePolicy() ); + Enumeration files = multi.getFileNames(); + int t1 = 0; + String[] a_file = new String[11]; + int olp = 11; + while( files.hasMoreElements() ){ + olp = olp - 1; + + String name = (String)files.nextElement(); + String fName = multi.getFilesystemName( name ); + String oName = multi.getOriginalFileName( name ); + String type = multi.getContentType( name ); + File f = multi.getFile( name ); + if(fName != null && !fName.equals("")){ + t1 = t1 + 1; + if(t1 > 1){ + fileName = fileName + "|"; + } + fileName = fileName + fName; + a_file[olp] = fName; + + }else{ + a_file[olp] = ""; + } + } + if(fileName == null){ + fileName = ""; + } + + String show_no = r_call(multi.getParameter("show_no")); + String check_no = r_call(multi.getParameter("check_no")); + String c_relation = r_call(multi.getParameter("c_relation")); + String c_relation2 = r_call(multi.getParameter("c_relation2")); + String c_no = r_call(multi.getParameter("c_no")); + String c_board_no = r_call(multi.getParameter("c_board_no")); + String c_title = r_call(multi.getParameter("c_title")); + String c_name = r_call(multi.getParameter("c_name")); + String c_content = r_call(multi.getParameter("c_content")); + + String sql_ok = ""; + sql_ok = " insert into tbl_board (c_relation,c_relation2, c_project_no, c_member_no, c_name ,c_title,c_content,c_file,c_click,c_use, c_date,c_community_board_no) values("; + sql_ok = sql_ok + "2021,1077,0," + session.getAttribute("member_no") + ",'" + c_name + "','"+ c_title + "','" + c_content + "','" +fileName + "',0,0,now(),"+ c_board_no +")"; + + stmt2.execute(sql_ok); + + %> + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community/mentoring/community/board/list.jsp b/apply/cms_for_bcb/process/community/mentoring/community/board/list.jsp new file mode 100644 index 0000000..8d03c33 --- /dev/null +++ b/apply/cms_for_bcb/process/community/mentoring/community/board/list.jsp @@ -0,0 +1,132 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="board_inc_top.jsp"%> + +<% + String where_t = " a.c_use = 0 and "; + int totalRecord = 0; //총레코드개수 + int numPerPage = 10; //한페이지당 보여줄레코드개수 + int totalPage = 0; //총페이지수 + int pagePerBlock = 10; //블록당페이지수 + int nowPage = 1; //현재페이지 + String sql1 = ""; + + sql1 = " select count(t.c_no) from ( select a.* "; + sql1 = sql1 + " from tbl_board a "; + sql1 = sql1 + " where "+ where_t +" a.c_relation = 2021 and a.c_relation2 = 1077 and c_community_board_no = "+ s_board_no +" ) t "; + ResultSet rst = stmt.executeQuery(sql1); + if (rst.next()) { + totalRecord = rst.getInt(1); + } + rst.close(); + if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) { + nowPage = Integer.parseInt(r_call(request.getParameter("nowPage"))); + } + + //nowPage = 93; + //totalRecord =1240; + int pfirst = 0; //첫페이지 번호 + int plast = 0; // 끝페이지 번호 + int plast_org = 0; + + pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1; + plast = pfirst + pagePerBlock - 1; + plast_org = (totalRecord-1)/numPerPage + 1; + if(plast > plast_org){ + plast = plast_org; + } + int c_number=totalRecord-(nowPage-1)*numPerPage; + + int sql_now_page = (nowPage - 1) * numPerPage; +%> + +
+ +
+ + + + + + + + + + + + <%if(totalRecord==0) {%> + + + + + + <%}else{%> + <% + sql1 = " select t.* from ( select a.* "; + sql1 = sql1 + " from tbl_board a "; + sql1 = sql1 + " where "+ where_t +" a.c_relation = 2021 and a.c_relation2 = 1077 and c_community_board_no = "+ s_board_no +" ) t "; + sql1 = sql1 + " order by t.c_no desc "; + sql1 = sql1 + " limit "+ sql_now_page +" , "+ numPerPage +" "; + rst = stmt.executeQuery(sql1); + while (rst.next()) { + %> + + + + + + + + + <% + c_number=c_number-1; + } + rst.close(); + %> + + <% + }%> + +
NoTitleWriterDateClick
+ No Data +
<%=c_number%>&nowPage=<%=nowPage%>"><%=rst.getString("c_title")%><%=rst.getString("c_name")%><%=rst.getString("c_date").substring(0,10)%><%=rst.getString("c_click")%>
+
+
+
+ + + <%if(pfirst > 1){ %> + + + <%}%> + <% for(int i=pfirst;i + + <%}%> + <%if(plast < plast_org){ %> + + + <%}%> + +
+ 〈〈 + + 〈 + + <% if(i==nowPage){%> + <%=i%> + <%}else{%> + <%=i%> + <%}%> + + 〉 + + 〉〉 +
+
+
+ <%if(my_writer == 1 ){%> + Insert + <%}%> +
+<%@include file="board_inc_bottom.jsp"%> + \ No newline at end of file diff --git a/apply/cms_for_bcb/process/community/mentoring/community/board/view.jsp b/apply/cms_for_bcb/process/community/mentoring/community/board/view.jsp new file mode 100644 index 0000000..cdb61ac --- /dev/null +++ b/apply/cms_for_bcb/process/community/mentoring/community/board/view.jsp @@ -0,0 +1,64 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="board_inc_top.jsp"%> + + +<% + String nowPage = r_call(request.getParameter("nowPage")); + String c_post_no = r_call(request.getParameter("c_post_no")); + +if(c_post_no.equals("")){ +%> + +<% +}else{ + String sql_ok = "update tbl_board set c_click = c_click + 1 where c_no = " + c_post_no; + stmt2.execute(sql_ok); + + String sql1 = " select * from tbl_board where c_no = " + c_post_no; + ResultSet rst = stmt.executeQuery(sql1); + if (rst.next()) { +%> +
+
+
+ Title. <%=rst.getString("c_title")%> +
+
+
+ Name. <%=rst.getString("c_name")%> +
+
+ Click <%=rst.getString("c_click")%> +
+
+ Date <%=rst.getString("c_date").substring(0,10)%> +
+
+ +
+ <%=rst.getString("c_content").replaceAll("\n\r","
")%> +
+
+ File. " target="_blank"><%=rst.getString("c_file")%> +
+
+
+
+ <%if(rst.getString("c_member_no").equals(session.getAttribute("member_no") ) && my_writer == 1){%> + Edit + Delete + <%}%> + List + +
+ <% + } + rst.close(); + } +%> +<%@include file="board_inc_bottom.jsp"%> + \ No newline at end of file diff --git a/apply/cms_for_bcb/process/community/mentoring/community/chat/chat_ok.jsp b/apply/cms_for_bcb/process/community/mentoring/community/chat/chat_ok.jsp new file mode 100644 index 0000000..037417e --- /dev/null +++ b/apply/cms_for_bcb/process/community/mentoring/community/chat/chat_ok.jsp @@ -0,0 +1,60 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String fileName = ""; + String realFolder = ""; + String saveFolder = "/upload/chat"; + String encType = "utf-8"; + int maxSize = 50 * 1024 * 1024; + + ServletContext scontext = getServletContext(); + ArrayList saveFiles = new ArrayList(); + ArrayList orgFiles = new ArrayList(); + realFolder = scontext.getRealPath(saveFolder); + MultipartRequest multi = new MultipartRequest( request + , realFolder + , maxSize + , encType + , new DefaultFileRenamePolicy() ); + Enumeration files = multi.getFileNames(); + int t1 = 0; + while( files.hasMoreElements() ){ + String name = (String)files.nextElement(); + String fName = multi.getFilesystemName( name ); + String oName = multi.getOriginalFileName( name ); + String type = multi.getContentType( name ); + File f = multi.getFile( name ); + if(fName != null && !fName.equals("")){ + t1 = t1 + 1; + if(t1 > 1){ + fileName = fileName + "|"; + } + fileName = fileName + fName; + } + } + if(fileName == null){ + fileName = ""; + } + + String c_presentation_no = r_call(multi.getParameter("c_presentation_no")); + String c_content = r_call(multi.getParameter("c_content")); + + String sql_chat = "insert into tbl_community_chat (c_community_no,c_member_no,c_member_display,c_content,c_file,c_date) values("; + sql_chat = sql_chat + "" + c_presentation_no +","+ session.getAttribute("member_no") +",'"+ session.getAttribute("member_name") +"','"+ c_content +"','"+ fileName +"',now())"; + + stmt2.execute(sql_chat); + %> + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community/mentoring/community/chat/check.jsp b/apply/cms_for_bcb/process/community/mentoring/community/chat/check.jsp new file mode 100644 index 0000000..5f8c56b --- /dev/null +++ b/apply/cms_for_bcb/process/community/mentoring/community/chat/check.jsp @@ -0,0 +1,22 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> + +<% + String c_presentation_no = r_call(request.getParameter("c_presentation_no")); + String last_no = r_call(request.getParameter("last_no")); + + String sql_p_d = "select c_no from tbl_community_chat where c_community_no = "+ c_presentation_no + " order by c_no desc"; + ResultSet rs_p_d = stmt2.executeQuery(sql_p_d); + if(rs_p_d.next()){ + if(!last_no.equals(rs_p_d.getString("c_no"))){ + %> + + <% + } + } + rs_p_d.close(); +%> + +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community/mentoring/community/chat/disc.jsp b/apply/cms_for_bcb/process/community/mentoring/community/chat/disc.jsp new file mode 100644 index 0000000..d01885a --- /dev/null +++ b/apply/cms_for_bcb/process/community/mentoring/community/chat/disc.jsp @@ -0,0 +1,104 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<% +if(session.getAttribute("member_no") != null && !session.getAttribute("member_no").equals("")){ + +%> + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + <% + String c_presentation_no = r_call(request.getParameter("c_presentation_no")); + String sql_p_d = "select c_member_display,c_content,c_file,c_date,c_member_no,c_no from tbl_community_chat where c_community_no = "+ c_presentation_no + " order by c_no asc"; + ResultSet rs_p_d = stmt2.executeQuery(sql_p_d); + int o_member_no = 0; + int last_no = 0; + while(rs_p_d.next()){ + %> + + + <% + o_member_no = rs_p_d.getInt("c_member_no"); + last_no = rs_p_d.getInt("c_no"); + } + rs_p_d.close(); + %> +
+ align=right<%}%> cellpadding=0 cellspacing=0 style="max-width:80%"> + <%if( o_member_no != rs_p_d.getInt("c_member_no") ){%> + + <%}%> + +
;text-align:right<%}%>"> + <%=rs_p_d.getString("c_member_display")%> +
#FFFBCB<%}else{%>#ededed<%}%>" style="padding-left:15px;padding-right:15px;padding-bottom:5px<%if(rs_p_d.getString("c_member_no").equals(session.getAttribute("member_no"))){%>;text-align:right<%}%>"> + <%=rs_p_d.getString("c_content")%> + <%if(!rs_p_d.getString("c_file").equals("")){%> + " target="_blank" title="파일 받기"> <%=rs_p_d.getString("c_file")%> + <%}%> +
+
+
+ +
+
+
+ + + + + +<% + + }else{ +%> + +<% + + } +%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community/mentoring/community/chat/list.jsp b/apply/cms_for_bcb/process/community/mentoring/community/chat/list.jsp new file mode 100644 index 0000000..e7f06fc --- /dev/null +++ b/apply/cms_for_bcb/process/community/mentoring/community/chat/list.jsp @@ -0,0 +1,172 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<% +if(session.getAttribute("member_no") != null && !session.getAttribute("member_no").equals("")){ + String c_presentation_no = r_call(request.getParameter("c_community_no")); + String sql_p_d = "select a.* ,(select c_now from tbl_community_member where c_use = 0 and c_community_no = a.c_no and c_member_no = "+ session.getAttribute("member_no") +" ) as s_now from tbl_community a where a.c_no = "+ c_presentation_no; + ResultSet rs_p_d = stmt2.executeQuery(sql_p_d); + if(rs_p_d.next()){ + if(!rs_p_d.getString("c_member_no").equals(session.getAttribute("member_no")) && rs_p_d.getInt("s_now") != 1){ + %> + + <% + }else{ +%> + + + + + + + + + +KICA Platform + + + + + + + + + + + + + + + + + + +
+ + + + + + +
+
+
+ <%=rs_p_d.getString("c_name")%> Chatting +
+
+
+
+
+
+
+ +
+
+ +
+
+ + +
+ + + Chat + + + + send + + +
+ + + + +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
+<% + } + }else{ +%> + +<% + + } + rs_p_d.close(); + }else{ +%> + +<% + + } +%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community/mentoring/community/list.jsp b/apply/cms_for_bcb/process/community/mentoring/community/list.jsp new file mode 100644 index 0000000..92285e8 --- /dev/null +++ b/apply/cms_for_bcb/process/community/mentoring/community/list.jsp @@ -0,0 +1,307 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<% + String c_no = r_call(request.getParameter("c_no")); + if(!c_no.equals("")){ + now_community = Integer.parseInt(c_no); + } +%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<% + String para_t = "show_no="+ show_no +"&check_no="+ check_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2; +%> +<% + if(c_no.equals("")){ +%> + +<% }else{ + String c_board_no = ""; + String master_no = ""; + int my_now = -1; + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select c_now as my_now from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) and c_member_no = "+ session.getAttribute("member_no") +" ) as my_now "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + ", (select count(c_no) as ready_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now = 0 ) as ready_number "; + sql_c = sql_c + ", (select count(c_no) as real_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now = 1 ) as real_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" "; + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + master_no = rs_c.getString("c_member_no"); + if(rs_c.getString("my_now") != null){ + my_now = rs_c.getInt("my_now"); + } + if(!master_no.equals(session.getAttribute("member_no")) && my_now == -1 ){ + %> + + <% + }else{ +%> +
+ + +
+
+
+ ◎ Community Information +
+ +
+ + + + + + + + + +
+ Name + + <%=rs_c.getString("c_name")%> +
+ Target + + <%=rs_c.getString("c_target")%> +
+ Date + + <%=rs_c.getString("c_date").substring(0,10)%> +
+ Master + + <%=rs_c.getString("m_name")%> / <%=rs_c.getString("m_id")%> +
+
+ <%=rs_c.getString("c_exp").replaceAll("\n","
")%> +
+
+ +
+
+
+ ◎ Information for Members +
+ +
+ + + <%if(master_no.equals(session.getAttribute("member_no")) || my_now == 1){%> + + + + <%}%> +
+ Number of all Members : <%=rs_c.getInt("m_number")%> +
+ Number of regular Members : <%=rs_c.getInt("real_number")%> +
+ Number of Members ready : <%=rs_c.getInt("ready_number")%> +
+ My account : + <%if(master_no.equals(session.getAttribute("member_no"))){%> + Master + <%}else{%> + <%if( my_now == 0 ){%> + Member ready + <%}%> + <%if( my_now == 1 ){%> + Regular Member + <%}%> + <%}%> + +
+ Chatting with all regular Members +
+
+ +
+
+
+ ◎ Community boards +
+ +
+ + +
+ + + <% + String sql_b = "select a.* "; + sql_b = sql_b + " ,(select count(c_no) as p_number from tbl_board where c_relation = 2021 and c_relation2 = 1077 and c_use = 0 and c_community_board_no = a.c_no ) as p_number "; + sql_b = sql_b + " ,(select count(c_no) as my_p_number from tbl_board where c_relation = 2021 and c_relation2 = 1077 and c_use = 0 and c_community_board_no = a.c_no and c_member_no = "+ session.getAttribute("member_no") +" ) as my_p_number "; + sql_b = sql_b + " from tbl_community_board a where a.c_community_no = "+ c_no +" and a.c_use = 0 and a.c_view = 0 order by a.c_order asc "; + ResultSet rs_b = stmt.executeQuery(sql_b); + int b_no = 0; + while (rs_b.next()) { + b_no = b_no + 1; + %> + <%if(b_no > 1){ + c_board_no = c_board_no + ","; + %> +
+ <%} + c_board_no = c_board_no + rs_b.getInt("c_no"); + %> + "><%=rs_b.getString("c_name")%> + / + <%if(rs_b.getInt("c_type") == 0){%> + Writer : All Members + <%}%> + <%if(rs_b.getInt("c_type") == 1){%> + Writer : Master + <%}%> + / Number of publications : <%=rs_b.getInt("p_number")%> + / Number of my posts : <%=rs_b.getInt("my_p_number")%> +     + " style="width: 120px; line-height: 14px; text-align: center;display: inline-block; background : #DEF1FE; border: 1px solid #555; border-radius: 5px; color: #000000;">Go to this board + + <%} + rs_b.close(); + %> + +
+
+ +
+
+
+ ◎ My posts in this community +
+ +
+ + + + + + + + <% + if(!c_board_no.equals("")){ + String sql_p = "select a.*, b.c_name as board_name from tbl_board a "; + sql_p = sql_p + " inner join tbl_community_board b on b.c_no = a.c_community_board_no and b.c_use = 0 and b.c_view = 0 "; + sql_p = sql_p + " where a.c_relation = 2021 and a.c_relation2 = 1077 and a.c_community_board_no in ( "+ c_board_no +" ) "; + sql_p = sql_p + " and a.c_use = 0 and a.c_member_no = "+ session.getAttribute("member_no") +" order by c_no desc limit 5 "; + ResultSet rs_p = stmt.executeQuery(sql_p); + while (rs_p.next()) { + %> + + + + + + + <% } + rs_p.close(); + } + %> +
+ Board Name + + Title + + Writer + + Date +
+ &c_post_no=<%=rs_p.getInt("c_no")%>"><%=rs_p.getString("board_name")%> + + &c_post_no=<%=rs_p.getInt("c_no")%>"><%=rs_p.getString("c_title")%> + + &c_post_no=<%=rs_p.getInt("c_no")%>"><%=rs_p.getString("c_name")%> + + &c_post_no=<%=rs_p.getInt("c_no")%>"><%=rs_p.getString("c_date").substring(0,10)%> +
+
+ +
+
+
+ ◎ New post in this community +
+ +
+ + + + + + + + <% + if(!c_board_no.equals("")){ + String sql_p = "select a.*, b.c_name as board_name from tbl_board a "; + sql_p = sql_p + " inner join tbl_community_board b on b.c_no = a.c_community_board_no and b.c_use = 0 and b.c_view = 0 "; + sql_p = sql_p + " where a.c_relation = 2021 and a.c_relation2 = 1077 and a.c_community_board_no in ( "+ c_board_no +" ) "; + sql_p = sql_p + " and a.c_use = 0 order by c_no desc limit 10 "; + ResultSet rs_p = stmt.executeQuery(sql_p); + while (rs_p.next()) { + %> + + + + + + + <% } + rs_p.close(); + } + %> +
+ Board Name + + Title + + Writer + + Date +
+ &c_post_no=<%=rs_p.getInt("c_no")%>"><%=rs_p.getString("board_name")%> + + &c_post_no=<%=rs_p.getInt("c_no")%>"><%=rs_p.getString("c_title")%> + + &c_post_no=<%=rs_p.getInt("c_no")%>"><%=rs_p.getString("c_name")%> + + &c_post_no=<%=rs_p.getInt("c_no")%>"><%=rs_p.getString("c_date").substring(0,10)%> +
+
+ +
+ +
+
+ +<% + } + }else{ +%> + +<% + } + rs_c.close(); + }%> +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community/mentoring/const.jsp b/apply/cms_for_bcb/process/community/mentoring/const.jsp new file mode 100644 index 0000000..e0b4fd6 --- /dev/null +++ b/apply/cms_for_bcb/process/community/mentoring/const.jsp @@ -0,0 +1,5 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String community_no = "12"; +%> diff --git a/apply/cms_for_bcb/process/community/mentoring/join_ok.jsp b/apply/cms_for_bcb/process/community/mentoring/join_ok.jsp new file mode 100644 index 0000000..6d6674b --- /dev/null +++ b/apply/cms_for_bcb/process/community/mentoring/join_ok.jsp @@ -0,0 +1,28 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_no = r_call(request.getParameter("c_no")); + String c_content = r_call(request.getParameter("c_content")); + + String sql_in = " insert into tbl_community_member (c_home,c_community_no,c_member_no,c_content,c_now,c_use,c_date) value (" ; + sql_in = sql_in + c_home +","+ c_no +","+ session.getAttribute("member_no") +",'"+ c_content + "',0,0,now())"; + stmt2.execute(sql_in); + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community/mentoring/list.jsp b/apply/cms_for_bcb/process/community/mentoring/list.jsp new file mode 100644 index 0000000..7783b7b --- /dev/null +++ b/apply/cms_for_bcb/process/community/mentoring/list.jsp @@ -0,0 +1,377 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<%@include file="const.jsp"%> + + +

+ +<% + String para_t = "show_no="+ show_no +"&check_no="+ check_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2; + String c_no = community_no; +%> +<% + if(c_no.equals("")){ +%> + +<% }else{ + String c_board_no = ""; + String master_no = ""; + int my_now = -1; + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select c_now as my_now from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) and c_member_no = "+ session.getAttribute("member_no") +" ) as my_now "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" "; + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + master_no = rs_c.getString("c_member_no"); + if(rs_c.getString("my_now") != null){ + my_now = rs_c.getInt("my_now"); + } +%> +
+ + +
+
+
+ ◎ Community information +
+ +
+ + + + + + + + +
+ Name + + <%=rs_c.getString("c_name")%> +
+ Target + + <%=rs_c.getString("c_target")%> +
+ Date + + <%=rs_c.getString("c_date").substring(0,10)%> +
+ Master + + <%=rs_c.getString("m_name")%> / <%=rs_c.getString("m_id")%> +
+ Boards + + <% + String sql_b = "select * from tbl_community_board where c_community_no = "+ c_no +" and c_use = 0 and c_view = 0 order by c_order asc "; + ResultSet rs_b = stmt.executeQuery(sql_b); + int b_no = 0; + while (rs_b.next()) { + b_no = b_no + 1; + %> + <%if(b_no > 1){ + c_board_no = c_board_no + ","; + %> + / + <%} + c_board_no = c_board_no + rs_b.getInt("c_no"); + %> + <%=rs_b.getString("c_name")%> + <%} + rs_b.close(); + %> +
+
+ <%=rs_c.getString("c_exp").replaceAll("\n","
")%> +
+
+ +
+
+
+ ◎ Community Members + ( Total : <%=rs_c.getInt("m_number") + 1%> Members ) +
+ +
+ + +
+
5){%>height:200px;<%}else{%>height:80px;<%}%>overflow:auto;"> + <%if(rs_c.getString("c_member_no").equals(session.getAttribute("member_no"))){%> + + <%}%> + <%=rs_c.getString("m_name")%> / <%=rs_c.getString("m_id")%> + <%if(rs_c.getString("c_member_no").equals(session.getAttribute("member_no"))){%> + / I'm .. + <%}%> + / Master + <% + String sql_m = " select b.c_no, b.c_name, b.c_id, a.c_now "; + sql_m = sql_m + " from tbl_community_member a "; + sql_m = sql_m + " inner join tbl_member b on b.c_no = a.c_member_no and b.c_use = 0 "; + sql_m = sql_m + " where a.c_community_no = "+ c_no + " and a.c_use = 0 and a.c_now in(0,1) "; + sql_m = sql_m + " order by a.c_now desc "; + + ResultSet rs_m = stmt.executeQuery(sql_m); + while (rs_m.next()) { + %> +
+ <%if(rs_m.getString("c_no").equals(session.getAttribute("member_no"))){%> + + <%}%> + <%=rs_m.getString("c_name")%> / <%=rs_m.getString("c_id")%> + <%if(rs_m.getString("c_no").equals(session.getAttribute("member_no"))){%> + / I'm .. + <%}%> + + / + <%if(rs_m.getInt("c_now") == 0){%> + Waiting.. + <%}else{%> + Member + <%}%> + <%} + rs_m.close(); + %> +
+
+
+ +
+
+
+ ◎ New post in this community +
+ +
+ + + + + + + + <% + if(!c_board_no.equals("")){ + String sql_p = "select a.*, b.c_name as board_name from tbl_board a "; + sql_p = sql_p + " inner join tbl_community_board b on b.c_no = a.c_community_board_no and b.c_use = 0 and b.c_view = 0 "; + sql_p = sql_p + " where a.c_relation = 2021 and a.c_relation2 = 1077 and a.c_community_board_no in ( "+ c_board_no +" ) "; + sql_p = sql_p + " and a.c_use = 0 order by c_no desc limit 15 "; + ResultSet rs_p = stmt.executeQuery(sql_p); + while (rs_p.next()) { + %> + + + + + + + <% } + rs_p.close(); + } + %> +
+ Board type + + Title + + Writer + + Date +
+ <%=rs_p.getString("board_name")%> + + <%=rs_p.getString("c_title")%> + + <%=rs_p.getString("c_name")%> + + <%=rs_p.getString("c_date").substring(0,10)%> +
+
+ +
+ <% + if(master_no.equals(session.getAttribute("member_no"))){ + %> + <%}else{%> + <%if(my_now > -1){%> + <%}else{%> + +
+
+ ◎ Join this community +
+ +
+ * The reason to join this community + + + + + + +
+ Join +
+ +
+ + +
+ <%}%> + <%}%> + +
+ + + + + +
+ <% + if(master_no.equals(session.getAttribute("member_no"))){ + %> + Goto Community + + <%}else{%> + <%if(my_now > -1){%> + Goto Community + <%}else{%> + <%}%> + <%}%> + +
+
+ +
+
+ +<% + }else{ +%> + +<% + } + rs_c.close(); + }%> + + + + + + +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community/to_master.jsp b/apply/cms_for_bcb/process/community/to_master.jsp new file mode 100644 index 0000000..ecd0512 --- /dev/null +++ b/apply/cms_for_bcb/process/community/to_master.jsp @@ -0,0 +1,44 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_no = r_call(request.getParameter("c_no")); + String to_master = r_call(request.getParameter("to_master")); + + String sql_c = " select * from tbl_member where c_id = '"+ to_master +"' and c_rand = 0 and c_use = 0 "; + + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + String sql_in = "update tbl_community set "; + sql_in = sql_in + " c_member_no = "+ rs_c.getInt("c_no") +" "; + sql_in = sql_in + " where c_no = " + c_no + " "; + stmt2.execute(sql_in); + +%> + +<% + }else{ +%> + +<% + } + rs_c.close(); + +%> + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community/view.jsp b/apply/cms_for_bcb/process/community/view.jsp new file mode 100644 index 0000000..9e28ba6 --- /dev/null +++ b/apply/cms_for_bcb/process/community/view.jsp @@ -0,0 +1,379 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> + + +

+<% + String para_t = "show_no="+ show_no +"&check_no="+ check_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2; + String c_no = r_call(request.getParameter("c_no")); +%> +<% + if(c_no.equals("")){ +%> + +<% }else{ + String c_board_no = ""; + String master_no = ""; + int my_now = -1; + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select c_now as my_now from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) and c_member_no = "+ session.getAttribute("member_no") +" ) as my_now "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" "; + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + master_no = rs_c.getString("c_member_no"); + if(rs_c.getString("my_now") != null){ + my_now = rs_c.getInt("my_now"); + } +%> +
+ + +
+
+
+ ◎ Community information +
+ +
+ + + + + + + + +
+ Name + + <%=rs_c.getString("c_name")%> +
+ Target + + <%=rs_c.getString("c_target")%> +
+ Date + + <%=rs_c.getString("c_date").substring(0,10)%> +
+ Master + + <%=rs_c.getString("m_name")%> / <%=rs_c.getString("m_id")%> +
+ Boards + + <% + String sql_b = "select * from tbl_community_board where c_community_no = "+ c_no +" and c_use = 0 and c_view = 0 order by c_order asc "; + ResultSet rs_b = stmt.executeQuery(sql_b); + int b_no = 0; + while (rs_b.next()) { + b_no = b_no + 1; + %> + <%if(b_no > 1){ + c_board_no = c_board_no + ","; + %> + / + <%} + c_board_no = c_board_no + rs_b.getInt("c_no"); + %> + <%=rs_b.getString("c_name")%> + <%} + rs_b.close(); + %> +
+
+ <%=rs_c.getString("c_exp").replaceAll("\n","
")%> +
+
+ +
+
+
+ ◎ Community Members + ( Total : <%=rs_c.getInt("m_number") + 1%> Members ) +
+ +
+ + +
+
5){%>height:200px;<%}else{%>height:80px;<%}%>overflow:auto;"> + <%if(rs_c.getString("c_member_no").equals(session.getAttribute("member_no"))){%> + + <%}%> + <%=rs_c.getString("m_name")%> / <%=rs_c.getString("m_id")%> + <%if(rs_c.getString("c_member_no").equals(session.getAttribute("member_no"))){%> + / I'm .. + <%}%> + / Master + <% + String sql_m = " select b.c_no, b.c_name, b.c_id, a.c_now "; + sql_m = sql_m + " from tbl_community_member a "; + sql_m = sql_m + " inner join tbl_member b on b.c_no = a.c_member_no and b.c_use = 0 "; + sql_m = sql_m + " where a.c_community_no = "+ c_no + " and a.c_use = 0 and a.c_now in(0,1) "; + sql_m = sql_m + " order by a.c_now desc "; + + ResultSet rs_m = stmt.executeQuery(sql_m); + while (rs_m.next()) { + %> +
+ <%if(rs_m.getString("c_no").equals(session.getAttribute("member_no"))){%> + + <%}%> + <%=rs_m.getString("c_name")%> / <%=rs_m.getString("c_id")%> + <%if(rs_m.getString("c_no").equals(session.getAttribute("member_no"))){%> + / I'm .. + <%}%> + + / + <%if(rs_m.getInt("c_now") == 0){%> + Waiting.. + <%}else{%> + Member + <%}%> + <%} + rs_m.close(); + %> +
+
+
+ +
+
+
+ ◎ New post in this community +
+ +
+ + + + + + + + <% + if(!c_board_no.equals("")){ + String sql_p = "select a.*, b.c_name as board_name from tbl_board a "; + sql_p = sql_p + " inner join tbl_community_board b on b.c_no = a.c_community_board_no and b.c_use = 0 and b.c_view = 0 "; + sql_p = sql_p + " where a.c_relation = 2021 and a.c_relation2 = 1077 and a.c_community_board_no in ( "+ c_board_no +" ) "; + sql_p = sql_p + " and a.c_use = 0 order by c_no desc limit 15 "; + ResultSet rs_p = stmt.executeQuery(sql_p); + while (rs_p.next()) { + %> + + + + + + + <% } + rs_p.close(); + } + %> +
+ Board type + + Title + + Writer + + Date +
+ <%=rs_p.getString("board_name")%> + + <%=rs_p.getString("c_title")%> + + <%=rs_p.getString("c_name")%> + + <%=rs_p.getString("c_date").substring(0,10)%> +
+
+ +
+ <% + if(master_no.equals(session.getAttribute("member_no"))){ + %> + <%}else{%> + <%if(my_now > -1){%> + <%}else{%> + +
+
+ ◎ Join this community +
+ +
+ * The reason to join this community + + + + + + +
+ Join +
+ +
+ + +
+ <%}%> + <%}%> +
+ + + + + +
+ <% + if(master_no.equals(session.getAttribute("member_no"))){ + %> + Goto Community +     + Management + <%}else{%> + <%if(my_now > -1){%> + Goto Community + <%}else{%> + <%}%> + <%}%> +     + Community List +
+
+
+
+ +<% + }else{ +%> + +<% + } + rs_c.close(); + }%> + + + + + +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/approval_member.jsp b/apply/cms_for_bcb/process/community_spain/approval_member.jsp new file mode 100644 index 0000000..e6bd839 --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/approval_member.jsp @@ -0,0 +1,39 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_no = r_call(request.getParameter("c_no")); + String c_member_no = r_call(request.getParameter("c_member_no")); + + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" and c_member_no = "+ session.getAttribute("member_no") +" "; + + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + String sql_in = "update tbl_community_member set "; + sql_in = sql_in + " c_now = 1 "; + sql_in = sql_in + " where c_community_no = " + c_no + " and c_member_no = " + c_member_no; + stmt2.execute(sql_in); + } + rs_c.close(); + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/change_order.jsp b/apply/cms_for_bcb/process/community_spain/change_order.jsp new file mode 100644 index 0000000..df657d7 --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/change_order.jsp @@ -0,0 +1,48 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_no = r_call(request.getParameter("c_no")); + String c_master_no = r_call(request.getParameter("c_master_no")); + String c_board_no = r_call(request.getParameter("c_board_no")); + String c_view = r_call(request.getParameter("c_view")); + String c_order = r_call(request.getParameter("c_order")); + String old_no = r_call(request.getParameter("old_no")); + String old_order = r_call(request.getParameter("old_order")); + + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" and c_member_no = "+ session.getAttribute("member_no") +" "; + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + String sql_in = "update tbl_community_board set "; + sql_in = sql_in + " c_order = " + old_order + " "; + sql_in = sql_in + " where c_no = " + c_board_no + " "; + stmt2.execute(sql_in); + + sql_in = "update tbl_community_board set "; + sql_in = sql_in + " c_order = " + c_order + " "; + sql_in = sql_in + " where c_no = " + old_no + " "; + stmt2.execute(sql_in); + } + rs_c.close(); + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/change_view.jsp b/apply/cms_for_bcb/process/community_spain/change_view.jsp new file mode 100644 index 0000000..9303cf7 --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/change_view.jsp @@ -0,0 +1,39 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_no = r_call(request.getParameter("c_no")); + String c_master_no = r_call(request.getParameter("c_master_no")); + String c_board_no = r_call(request.getParameter("c_board_no")); + String c_view = r_call(request.getParameter("c_view")); + + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" and c_member_no = "+ session.getAttribute("member_no") +" "; + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + String sql_in = "update tbl_community_board set "; + sql_in = sql_in + " c_view = " + c_view + " "; + sql_in = sql_in + " where c_no = " + c_board_no + " "; + stmt2.execute(sql_in); + } + rs_c.close(); + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/community/board/board_inc_bottom.jsp b/apply/cms_for_bcb/process/community_spain/community/board/board_inc_bottom.jsp new file mode 100644 index 0000000..710ff90 --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/community/board/board_inc_bottom.jsp @@ -0,0 +1,25 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> + + +
+ +
+
+ + +<% + } + }else{ +%> + +<% + } + rs_c.close(); + }%> +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/community/board/board_inc_top.jsp b/apply/cms_for_bcb/process/community_spain/community/board/board_inc_top.jsp new file mode 100644 index 0000000..ced3c8b --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/community/board/board_inc_top.jsp @@ -0,0 +1,138 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<% + String c_no = r_call(request.getParameter("c_no")); + if(!c_no.equals("")){ + now_community = Integer.parseInt(c_no); + } + String s_board_no = r_call(request.getParameter("c_board_no")); + if(!s_board_no.equals("")){ + now_community_board = Integer.parseInt(s_board_no); + } +%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<% + String para_t = "show_no="+ show_no +"&check_no="+ check_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2 + "&c_no=" + c_no + "&c_board_no=" + s_board_no; +%> +<% + if(c_no.equals("")){ +%> + +<% }else{ + String c_board_no = ""; + String master_no = ""; + int my_now = -1; + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select c_now as my_now from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) and c_member_no = "+ session.getAttribute("member_no") +" ) as my_now "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + ", (select count(c_no) as ready_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now = 0 ) as ready_number "; + sql_c = sql_c + ", (select count(c_no) as real_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now = 1 ) as real_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" "; + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + master_no = rs_c.getString("c_member_no"); + if(rs_c.getString("my_now") != null){ + my_now = rs_c.getInt("my_now"); + } + if(!master_no.equals(session.getAttribute("member_no")) && my_now == -1 ){ + %> + + <% + }else{ + + int my_writer = 0; +%> +
+
+
+
+ ◎ Información de la comunidad +
+ +
+ + + +
+ Nombre + + <%=rs_c.getString("c_name")%> + / <%=rs_c.getString("m_name")%>( <%=rs_c.getString("m_id")%> ) +
+ Usted está + + <%=session.getAttribute("member_name")%> ( <%=session.getAttribute("member_id")%> ) + / + <%if(master_no.equals(session.getAttribute("member_no"))){ + my_writer = 1; + %> + Maestro + <%}else{%> + <%if( my_now == 0 ){%> + Miembro listo + <%}%> + <%if( my_now == 1 ){%> + Miembro regular + <%}%> + <%}%> + +
+
+ +
+ +
+
+ ◎ Juntas comunitarias + - + <% + String sql_b = "select a.* "; + sql_b = sql_b + " ,(select count(c_no) as p_number from tbl_board where c_relation = 2021 and c_relation2 = 1077 and c_use = 0 and c_community_board_no = a.c_no ) as p_number "; + sql_b = sql_b + " ,(select count(c_no) as my_p_number from tbl_board where c_relation = 2021 and c_relation2 = 1077 and c_use = 0 and c_community_board_no = a.c_no and c_member_no = "+ session.getAttribute("member_no") +" ) as my_p_number "; + sql_b = sql_b + " from tbl_community_board a where a.c_community_no = "+ c_no +" and a.c_use = 0 and a.c_view = 0 and a.c_no = "+ s_board_no +" order by a.c_order asc "; + ResultSet rs_b = stmt.executeQuery(sql_b); + if (rs_b.next()) { + %> + <%=rs_b.getString("c_name")%> + / + <%if(rs_b.getInt("c_type") == 0){ + if( my_now == 1 ){ + my_writer = 1; + } + %> + Escritor : Miembros regulares + <%}%> + <%if(rs_b.getInt("c_type") == 1){%> + Escritor : Mastro + <%}%> + + <%} + rs_b.close(); + %> + / + + Estás + <%if( my_writer == 1 ){%> + Escritor. + <%}else{%> + Solo espectador. + <%}%> + +
+ +
+ + \ No newline at end of file diff --git a/apply/cms_for_bcb/process/community_spain/community/board/delete_ok.jsp b/apply/cms_for_bcb/process/community_spain/community/board/delete_ok.jsp new file mode 100644 index 0000000..1bba7ee --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/community/board/delete_ok.jsp @@ -0,0 +1,30 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + String c_no = r_call(request.getParameter("c_no")); + String c_board_no = r_call(request.getParameter("c_board_no")); + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_post_no = r_call(request.getParameter("c_post_no")); + + + String sql_ok = ""; + sql_ok = "update tbl_board set c_use = 1 where c_no = " + c_post_no; + stmt2.execute(sql_ok); + + + %> + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/community/board/edit.jsp b/apply/cms_for_bcb/process/community_spain/community/board/edit.jsp new file mode 100644 index 0000000..994012b --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/community/board/edit.jsp @@ -0,0 +1,97 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="board_inc_top.jsp"%> + +<% + if( my_writer == 1 ){ +%> + + <% + String nowPage = r_call(request.getParameter("nowPage")); + String c_post_no = r_call(request.getParameter("c_post_no")); +if(c_post_no.equals("")){ + +}else{ + String sql1 = " select a.* "; + sql1 = sql1 + " from tbl_board a where a.c_no = " + c_post_no; + ResultSet rst = stmt.executeQuery(sql1); + if (rst.next()) { + if(rst.getString("c_member_no").equals(session.getAttribute("member_no") ) ){ +%> + + + +
+
+ " style="width:100%;height:30px" placeholder="Insertar título."> +
+
+
+ Nombre. <%=rst.getString("c_name")%> +
+
+
+ +
+
+ Archivo. <%=rst.getString("c_file")%> + " type="hidden"> + <%if(!rst.getString("c_file").equals("")){%> +   Borrar + <%}%> +
+ + * Subir a 10 MB o menos +
+
+ +
+ <%if(rst.getString("c_member_no").equals(session.getAttribute("member_no") ) && my_writer == 1 ){%> + Editar + <%}%> + Vista + +
+ + <% + }else{ +%> + +<% + } + } + rst.close(); + } +%> + + +<% + }else{ +%> + +<% }%> +<%@include file="board_inc_bottom.jsp"%> + \ No newline at end of file diff --git a/apply/cms_for_bcb/process/community_spain/community/board/edit_ok.jsp b/apply/cms_for_bcb/process/community_spain/community/board/edit_ok.jsp new file mode 100644 index 0000000..ac06f86 --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/community/board/edit_ok.jsp @@ -0,0 +1,87 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + + String fileName = ""; + String realFolder = ""; + String saveFolder = "/upload/board"; + String encType = "utf-8"; + int maxSize = 10 * 1024 * 1024; + + ServletContext scontext = getServletContext(); + ArrayList saveFiles = new ArrayList(); + ArrayList orgFiles = new ArrayList(); + realFolder = scontext.getRealPath(saveFolder); + MultipartRequest multi = new MultipartRequest( request + , realFolder + , maxSize + , encType + , new DefaultFileRenamePolicy() ); + Enumeration files = multi.getFileNames(); + int t1 = 0; + String[] a_file = new String[11]; + int olp = 11; + while( files.hasMoreElements() ){ + olp = olp - 1; + + String name = (String)files.nextElement(); + String fName = multi.getFilesystemName( name ); + String oName = multi.getOriginalFileName( name ); + String type = multi.getContentType( name ); + File f = multi.getFile( name ); + if(fName != null && !fName.equals("")){ + t1 = t1 + 1; + if(t1 > 1){ + fileName = fileName + "|"; + } + fileName = fileName + fName; + a_file[olp] = fName; + + }else{ + a_file[olp] = ""; + } + } + if(fileName == null){ + fileName = ""; + } + + String c_post_no = r_call(multi.getParameter("c_post_no")); + String show_no = r_call(multi.getParameter("show_no")); + String check_no = r_call(multi.getParameter("check_no")); + String c_relation = r_call(multi.getParameter("c_relation")); + String c_relation2 = r_call(multi.getParameter("c_relation2")); + String c_no = r_call(multi.getParameter("c_no")); + String c_board_no = r_call(multi.getParameter("c_board_no")); + String c_title = r_call(multi.getParameter("c_title")); + String c_name = r_call(multi.getParameter("c_name")); + String c_content = r_call(multi.getParameter("c_content")); + String o_file = r_call(multi.getParameter("o_file")); + String o_file_name = r_call(multi.getParameter("o_file_name")); + String last_file = ""; + if(!fileName.equals("")){ + last_file = fileName; + }else{ + if(o_file.equals("y")){ + last_file = ""; + }else{ + last_file = o_file_name; + } + } + + String sql_ok = ""; + sql_ok = "update tbl_board set c_title = '"+ c_title +"',c_content='"+ c_content +"',c_file ='"+ last_file +"' where c_no = " + c_post_no +" and c_community_board_no = "+ c_board_no ; + + stmt2.execute(sql_ok); + %> + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/community/board/insert.jsp b/apply/cms_for_bcb/process/community_spain/community/board/insert.jsp new file mode 100644 index 0000000..0cf889a --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/community/board/insert.jsp @@ -0,0 +1,55 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="board_inc_top.jsp"%> + +<% + if( my_writer == 1 ){ +%> + +
+
+
+ +
+
+ Nombre <%=session.getAttribute("member_name")%> + " type="hidden"> +
+
+ +
+
+ + * Subir a 10 MB o menos +
+
+
+
+ Insertar + Cancelar +
+ <% +}else{ +%> + +<%}%> +<%@include file="board_inc_bottom.jsp"%> + \ No newline at end of file diff --git a/apply/cms_for_bcb/process/community_spain/community/board/insert_ok.jsp b/apply/cms_for_bcb/process/community_spain/community/board/insert_ok.jsp new file mode 100644 index 0000000..e47ceca --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/community/board/insert_ok.jsp @@ -0,0 +1,76 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + + String fileName = ""; + String realFolder = ""; + String saveFolder = "/upload/board"; + String encType = "utf-8"; + int maxSize = 10 * 1024 * 1024; + + ServletContext scontext = getServletContext(); + ArrayList saveFiles = new ArrayList(); + ArrayList orgFiles = new ArrayList(); + realFolder = scontext.getRealPath(saveFolder); + MultipartRequest multi = new MultipartRequest( request + , realFolder + , maxSize + , encType + , new DefaultFileRenamePolicy() ); + Enumeration files = multi.getFileNames(); + int t1 = 0; + String[] a_file = new String[11]; + int olp = 11; + while( files.hasMoreElements() ){ + olp = olp - 1; + + String name = (String)files.nextElement(); + String fName = multi.getFilesystemName( name ); + String oName = multi.getOriginalFileName( name ); + String type = multi.getContentType( name ); + File f = multi.getFile( name ); + if(fName != null && !fName.equals("")){ + t1 = t1 + 1; + if(t1 > 1){ + fileName = fileName + "|"; + } + fileName = fileName + fName; + a_file[olp] = fName; + + }else{ + a_file[olp] = ""; + } + } + if(fileName == null){ + fileName = ""; + } + + String show_no = r_call(multi.getParameter("show_no")); + String check_no = r_call(multi.getParameter("check_no")); + String c_relation = r_call(multi.getParameter("c_relation")); + String c_relation2 = r_call(multi.getParameter("c_relation2")); + String c_no = r_call(multi.getParameter("c_no")); + String c_board_no = r_call(multi.getParameter("c_board_no")); + String c_title = r_call(multi.getParameter("c_title")); + String c_name = r_call(multi.getParameter("c_name")); + String c_content = r_call(multi.getParameter("c_content")); + + String sql_ok = ""; + sql_ok = " insert into tbl_board (c_relation,c_relation2, c_project_no, c_member_no, c_name ,c_title,c_content,c_file,c_click,c_use, c_date,c_community_board_no) values("; + sql_ok = sql_ok + c_relation + "," + c_relation2 + ",0," + session.getAttribute("member_no") + ",'" + c_name + "','"+ c_title + "','" + c_content + "','" +fileName + "',0,0,now(),"+ c_board_no +")"; + + stmt2.execute(sql_ok); + + %> + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/community/board/list.jsp b/apply/cms_for_bcb/process/community_spain/community/board/list.jsp new file mode 100644 index 0000000..a7e2844 --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/community/board/list.jsp @@ -0,0 +1,132 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="board_inc_top.jsp"%> + +<% + String where_t = " a.c_use = 0 and "; + int totalRecord = 0; //총레코드개수 + int numPerPage = 10; //한페이지당 보여줄레코드개수 + int totalPage = 0; //총페이지수 + int pagePerBlock = 10; //블록당페이지수 + int nowPage = 1; //현재페이지 + String sql1 = ""; + + sql1 = " select count(t.c_no) from ( select a.* "; + sql1 = sql1 + " from tbl_board a "; + sql1 = sql1 + " where "+ where_t +" a.c_relation = 2021 and a.c_relation2 = 1077 and c_community_board_no = "+ s_board_no +" ) t "; + ResultSet rst = stmt.executeQuery(sql1); + if (rst.next()) { + totalRecord = rst.getInt(1); + } + rst.close(); + if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) { + nowPage = Integer.parseInt(r_call(request.getParameter("nowPage"))); + } + + //nowPage = 93; + //totalRecord =1240; + int pfirst = 0; //첫페이지 번호 + int plast = 0; // 끝페이지 번호 + int plast_org = 0; + + pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1; + plast = pfirst + pagePerBlock - 1; + plast_org = (totalRecord-1)/numPerPage + 1; + if(plast > plast_org){ + plast = plast_org; + } + int c_number=totalRecord-(nowPage-1)*numPerPage; + + int sql_now_page = (nowPage - 1) * numPerPage; +%> + +
+ +
+ + + + + + + + + + + + <%if(totalRecord==0) {%> + + + + + + <%}else{%> + <% + sql1 = " select t.* from ( select a.* "; + sql1 = sql1 + " from tbl_board a "; + sql1 = sql1 + " where "+ where_t +" a.c_relation = 2021 and a.c_relation2 = 1077 and c_community_board_no = "+ s_board_no +" ) t "; + sql1 = sql1 + " order by t.c_no desc "; + sql1 = sql1 + " limit "+ sql_now_page +" , "+ numPerPage +" "; + rst = stmt.executeQuery(sql1); + while (rst.next()) { + %> + + + + + + + + + <% + c_number=c_number-1; + } + rst.close(); + %> + + <% + }%> + +
NoTítuloEscritorFechaHacer clic
+ Sin datos +
<%=c_number%>&nowPage=<%=nowPage%>"><%=rst.getString("c_title")%><%=rst.getString("c_name")%><%=rst.getString("c_date").substring(0,10)%><%=rst.getString("c_click")%>
+
+
+
+ + + <%if(pfirst > 1){ %> + + + <%}%> + <% for(int i=pfirst;i + + <%}%> + <%if(plast < plast_org){ %> + + + <%}%> + +
+ 〈〈 + + 〈 + + <% if(i==nowPage){%> + <%=i%> + <%}else{%> + <%=i%> + <%}%> + + 〉 + + 〉〉 +
+
+
+ <%if(my_writer == 1 ){%> + Insertar + <%}%> +
+<%@include file="board_inc_bottom.jsp"%> + \ No newline at end of file diff --git a/apply/cms_for_bcb/process/community_spain/community/board/view.jsp b/apply/cms_for_bcb/process/community_spain/community/board/view.jsp new file mode 100644 index 0000000..5fa70e3 --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/community/board/view.jsp @@ -0,0 +1,64 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="board_inc_top.jsp"%> + + +<% + String nowPage = r_call(request.getParameter("nowPage")); + String c_post_no = r_call(request.getParameter("c_post_no")); + +if(c_post_no.equals("")){ +%> + +<% +}else{ + String sql_ok = "update tbl_board set c_click = c_click + 1 where c_no = " + c_post_no; + stmt2.execute(sql_ok); + + String sql1 = " select * from tbl_board where c_no = " + c_post_no; + ResultSet rst = stmt.executeQuery(sql1); + if (rst.next()) { +%> +
+
+
+ Título. <%=rst.getString("c_title")%> +
+
+
+ Nombre. <%=rst.getString("c_name")%> +
+
+ Clics <%=rst.getString("c_click")%> +
+
+ fecha <%=rst.getString("c_date").substring(0,10)%> +
+
+ +
+ <%=rst.getString("c_content").replaceAll("\n\r","
")%> +
+
+ Archivo. " target="_blank"><%=rst.getString("c_file")%> +
+
+
+
+ <%if(rst.getString("c_member_no").equals(session.getAttribute("member_no") ) && my_writer == 1){%> + Editar + Borrar + <%}%> + Lista + +
+ <% + } + rst.close(); + } +%> +<%@include file="board_inc_bottom.jsp"%> + \ No newline at end of file diff --git a/apply/cms_for_bcb/process/community_spain/community/chat/chat_ok.jsp b/apply/cms_for_bcb/process/community_spain/community/chat/chat_ok.jsp new file mode 100644 index 0000000..037417e --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/community/chat/chat_ok.jsp @@ -0,0 +1,60 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String fileName = ""; + String realFolder = ""; + String saveFolder = "/upload/chat"; + String encType = "utf-8"; + int maxSize = 50 * 1024 * 1024; + + ServletContext scontext = getServletContext(); + ArrayList saveFiles = new ArrayList(); + ArrayList orgFiles = new ArrayList(); + realFolder = scontext.getRealPath(saveFolder); + MultipartRequest multi = new MultipartRequest( request + , realFolder + , maxSize + , encType + , new DefaultFileRenamePolicy() ); + Enumeration files = multi.getFileNames(); + int t1 = 0; + while( files.hasMoreElements() ){ + String name = (String)files.nextElement(); + String fName = multi.getFilesystemName( name ); + String oName = multi.getOriginalFileName( name ); + String type = multi.getContentType( name ); + File f = multi.getFile( name ); + if(fName != null && !fName.equals("")){ + t1 = t1 + 1; + if(t1 > 1){ + fileName = fileName + "|"; + } + fileName = fileName + fName; + } + } + if(fileName == null){ + fileName = ""; + } + + String c_presentation_no = r_call(multi.getParameter("c_presentation_no")); + String c_content = r_call(multi.getParameter("c_content")); + + String sql_chat = "insert into tbl_community_chat (c_community_no,c_member_no,c_member_display,c_content,c_file,c_date) values("; + sql_chat = sql_chat + "" + c_presentation_no +","+ session.getAttribute("member_no") +",'"+ session.getAttribute("member_name") +"','"+ c_content +"','"+ fileName +"',now())"; + + stmt2.execute(sql_chat); + %> + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/community/chat/check.jsp b/apply/cms_for_bcb/process/community_spain/community/chat/check.jsp new file mode 100644 index 0000000..5f8c56b --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/community/chat/check.jsp @@ -0,0 +1,22 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> + +<% + String c_presentation_no = r_call(request.getParameter("c_presentation_no")); + String last_no = r_call(request.getParameter("last_no")); + + String sql_p_d = "select c_no from tbl_community_chat where c_community_no = "+ c_presentation_no + " order by c_no desc"; + ResultSet rs_p_d = stmt2.executeQuery(sql_p_d); + if(rs_p_d.next()){ + if(!last_no.equals(rs_p_d.getString("c_no"))){ + %> + + <% + } + } + rs_p_d.close(); +%> + +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/community/chat/disc.jsp b/apply/cms_for_bcb/process/community_spain/community/chat/disc.jsp new file mode 100644 index 0000000..f05eb16 --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/community/chat/disc.jsp @@ -0,0 +1,104 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<% +if(session.getAttribute("member_no") != null && !session.getAttribute("member_no").equals("")){ + +%> + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + <% + String c_presentation_no = r_call(request.getParameter("c_presentation_no")); + String sql_p_d = "select c_member_display,c_content,c_file,c_date,c_member_no,c_no from tbl_community_chat where c_community_no = "+ c_presentation_no + " order by c_no asc"; + ResultSet rs_p_d = stmt2.executeQuery(sql_p_d); + int o_member_no = 0; + int last_no = 0; + while(rs_p_d.next()){ + %> + + + <% + o_member_no = rs_p_d.getInt("c_member_no"); + last_no = rs_p_d.getInt("c_no"); + } + rs_p_d.close(); + %> +
+ align=right<%}%> cellpadding=0 cellspacing=0 style="max-width:80%"> + <%if( o_member_no != rs_p_d.getInt("c_member_no") ){%> + + <%}%> + +
;text-align:right<%}%>"> + <%=rs_p_d.getString("c_member_display")%> +
#FFFBCB<%}else{%>#ededed<%}%>" style="padding-left:15px;padding-right:15px;padding-bottom:5px<%if(rs_p_d.getString("c_member_no").equals(session.getAttribute("member_no"))){%>;text-align:right<%}%>"> + <%=rs_p_d.getString("c_content")%> + <%if(!rs_p_d.getString("c_file").equals("")){%> + " target="_blank" title="파일 받기"> <%=rs_p_d.getString("c_file")%> + <%}%> +
+
+
+ +
+
+
+ + + + + +<% + + }else{ +%> + +<% + + } +%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/community/chat/list.jsp b/apply/cms_for_bcb/process/community_spain/community/chat/list.jsp new file mode 100644 index 0000000..c72f231 --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/community/chat/list.jsp @@ -0,0 +1,172 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<% +if(session.getAttribute("member_no") != null && !session.getAttribute("member_no").equals("")){ + String c_presentation_no = r_call(request.getParameter("c_community_no")); + String sql_p_d = "select a.* ,(select c_now from tbl_community_member where c_use = 0 and c_community_no = a.c_no and c_member_no = "+ session.getAttribute("member_no") +" ) as s_now from tbl_community a where a.c_no = "+ c_presentation_no; + ResultSet rs_p_d = stmt2.executeQuery(sql_p_d); + if(rs_p_d.next()){ + if(!rs_p_d.getString("c_member_no").equals(session.getAttribute("member_no")) && rs_p_d.getInt("s_now") != 1){ + %> + + <% + }else{ +%> + + + + + + + + + +KICA Platform + + + + + + + + + + + + + + + + + + +
+ + + + + + +
+
+
+ <%=rs_p_d.getString("c_name")%> Chatting +
+
+
+
+
+
+
+ +
+
+ +
+
+ + +
+ + + Chat + + + + send + + +
+ + + + +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
+<% + } + }else{ +%> + +<% + + } + rs_p_d.close(); + }else{ +%> + +<% + + } +%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/community/list.jsp b/apply/cms_for_bcb/process/community_spain/community/list.jsp new file mode 100644 index 0000000..3c25a15 --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/community/list.jsp @@ -0,0 +1,307 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<% + String c_no = r_call(request.getParameter("c_no")); + if(!c_no.equals("")){ + now_community = Integer.parseInt(c_no); + } +%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<% + String para_t = "show_no="+ show_no +"&check_no="+ check_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2; +%> +<% + if(c_no.equals("")){ +%> + +<% }else{ + String c_board_no = ""; + String master_no = ""; + int my_now = -1; + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select c_now as my_now from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) and c_member_no = "+ session.getAttribute("member_no") +" ) as my_now "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + ", (select count(c_no) as ready_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now = 0 ) as ready_number "; + sql_c = sql_c + ", (select count(c_no) as real_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now = 1 ) as real_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" "; + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + master_no = rs_c.getString("c_member_no"); + if(rs_c.getString("my_now") != null){ + my_now = rs_c.getInt("my_now"); + } + if(!master_no.equals(session.getAttribute("member_no")) && my_now == -1 ){ + %> + + <% + }else{ +%> +
+ + +
+
+
+ ◎ Información de la comunidad +
+ +
+ + + + + + + + + +
+ Nombre + + <%=rs_c.getString("c_name")%> +
+ Objetivo + + <%=rs_c.getString("c_target")%> +
+ Hacer fecha + + <%=rs_c.getString("c_date").substring(0,10)%> +
+ Maestro + + <%=rs_c.getString("m_name")%> / <%=rs_c.getString("m_id")%> +
+
+ <%=rs_c.getString("c_exp").replaceAll("\n","
")%> +
+
+ +
+
+
+ ◎ Información para miembros +
+ +
+ + + <%if(master_no.equals(session.getAttribute("member_no")) || my_now == 1){%> + + + + <%}%> +
+ Número de todos los miembros : <%=rs_c.getInt("m_number")%> +
+ Número de miembros regulares : <%=rs_c.getInt("real_number")%> +
+ Número de miembros listos : <%=rs_c.getInt("ready_number")%> +
+ Mi cuenta : + <%if(master_no.equals(session.getAttribute("member_no"))){%> + Maestro + <%}else{%> + <%if( my_now == 0 ){%> + Miembro listo + <%}%> + <%if( my_now == 1 ){%> + Miembro regular + <%}%> + <%}%> + +
+ Chateando con todos los miembros regulares +
+
+ +
+
+
+ ◎ Juntas comunitarias +
+ +
+ + +
+ + + <% + String sql_b = "select a.* "; + sql_b = sql_b + " ,(select count(c_no) as p_number from tbl_board where c_relation = 2021 and c_relation2 = 1077 and c_use = 0 and c_community_board_no = a.c_no ) as p_number "; + sql_b = sql_b + " ,(select count(c_no) as my_p_number from tbl_board where c_relation = 2021 and c_relation2 = 1077 and c_use = 0 and c_community_board_no = a.c_no and c_member_no = "+ session.getAttribute("member_no") +" ) as my_p_number "; + sql_b = sql_b + " from tbl_community_board a where a.c_community_no = "+ c_no +" and a.c_use = 0 and a.c_view = 0 order by a.c_order asc "; + ResultSet rs_b = stmt.executeQuery(sql_b); + int b_no = 0; + while (rs_b.next()) { + b_no = b_no + 1; + %> + <%if(b_no > 1){ + c_board_no = c_board_no + ","; + %> +
+ <%} + c_board_no = c_board_no + rs_b.getInt("c_no"); + %> + "><%=rs_b.getString("c_name")%> + / + <%if(rs_b.getInt("c_type") == 0){%> + Escritor : Todos los miembros + <%}%> + <%if(rs_b.getInt("c_type") == 1){%> + Escritor : Maestro + <%}%> + / Número de publicaciones : <%=rs_b.getInt("p_number")%> + / Número de mis publicaciones : <%=rs_b.getInt("my_p_number")%> +     + " style="width: 120px; line-height: 14px; text-align: center;display: inline-block; background : #DEF1FE; border: 1px solid #555; border-radius: 5px; color: #000000;">Ir a este tablero + + <%} + rs_b.close(); + %> + +
+
+ +
+
+
+ ◎ Mi publicación en esta comunidad +
+ +
+ + + + + + + + <% + if(!c_board_no.equals("")){ + String sql_p = "select a.*, b.c_name as board_name from tbl_board a "; + sql_p = sql_p + " inner join tbl_community_board b on b.c_no = a.c_community_board_no and b.c_use = 0 and b.c_view = 0 "; + sql_p = sql_p + " where a.c_relation = 2021 and a.c_relation2 = 1077 and a.c_community_board_no in ( "+ c_board_no +" ) "; + sql_p = sql_p + " and a.c_use = 0 and a.c_member_no = "+ session.getAttribute("member_no") +" order by c_no desc limit 5 "; + ResultSet rs_p = stmt.executeQuery(sql_p); + while (rs_p.next()) { + %> + + + + + + + <% } + rs_p.close(); + } + %> +
+ Tipo de tablero + + Título + + Escritor + + Fecha +
+ &c_post_no=<%=rs_p.getInt("c_no")%>"><%=rs_p.getString("board_name")%> + + &c_post_no=<%=rs_p.getInt("c_no")%>"><%=rs_p.getString("c_title")%> + + &c_post_no=<%=rs_p.getInt("c_no")%>"><%=rs_p.getString("c_name")%> + + &c_post_no=<%=rs_p.getInt("c_no")%>"><%=rs_p.getString("c_date").substring(0,10)%> +
+
+ +
+
+
+ ◎ Nueva publicación en esta comunidad +
+ +
+ + + + + + + + <% + if(!c_board_no.equals("")){ + String sql_p = "select a.*, b.c_name as board_name from tbl_board a "; + sql_p = sql_p + " inner join tbl_community_board b on b.c_no = a.c_community_board_no and b.c_use = 0 and b.c_view = 0 "; + sql_p = sql_p + " where a.c_relation = 2021 and a.c_relation2 = 1077 and a.c_community_board_no in ( "+ c_board_no +" ) "; + sql_p = sql_p + " and a.c_use = 0 order by c_no desc limit 10 "; + ResultSet rs_p = stmt.executeQuery(sql_p); + while (rs_p.next()) { + %> + + + + + + + <% } + rs_p.close(); + } + %> +
+ Tipo de tablero + + Título + + Escritor + + Fecha +
+ &c_post_no=<%=rs_p.getInt("c_no")%>"><%=rs_p.getString("board_name")%> + + &c_post_no=<%=rs_p.getInt("c_no")%>"><%=rs_p.getString("c_title")%> + + &c_post_no=<%=rs_p.getInt("c_no")%>"><%=rs_p.getString("c_name")%> + + &c_post_no=<%=rs_p.getInt("c_no")%>"><%=rs_p.getString("c_date").substring(0,10)%> +
+
+ +
+ +
+
+ +<% + } + }else{ +%> + +<% + } + rs_c.close(); + }%> +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/delete.jsp b/apply/cms_for_bcb/process/community_spain/delete.jsp new file mode 100644 index 0000000..15b8552 --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/delete.jsp @@ -0,0 +1,38 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_no = r_call(request.getParameter("c_no")); + + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" and c_member_no = "+ session.getAttribute("member_no") +" "; + + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + String sql_in = "update tbl_community set "; + sql_in = sql_in + " c_use = 1 "; + sql_in = sql_in + " where c_no = " + c_no + " "; + stmt2.execute(sql_in); + } + rs_c.close(); + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/delete_board.jsp b/apply/cms_for_bcb/process/community_spain/delete_board.jsp new file mode 100644 index 0000000..a30a1b6 --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/delete_board.jsp @@ -0,0 +1,40 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_no = r_call(request.getParameter("c_no")); + String c_master_no = r_call(request.getParameter("c_master_no")); + String c_board_no = r_call(request.getParameter("c_board_no")); + String c_view = r_call(request.getParameter("c_view")); + + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" and c_member_no = "+ session.getAttribute("member_no") +" "; + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + String sql_in = "update tbl_community_board set "; + sql_in = sql_in + " c_use = 1 "; + sql_in = sql_in + " where c_no = " + c_board_no + " "; + stmt2.execute(sql_in); + } + rs_c.close(); + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/delete_member.jsp b/apply/cms_for_bcb/process/community_spain/delete_member.jsp new file mode 100644 index 0000000..f837b47 --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/delete_member.jsp @@ -0,0 +1,39 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_no = r_call(request.getParameter("c_no")); + String c_member_no = r_call(request.getParameter("c_member_no")); + + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" and c_member_no = "+ session.getAttribute("member_no") +" "; + + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + String sql_in = "update tbl_community_member set "; + sql_in = sql_in + " c_use = 1 "; + sql_in = sql_in + " where c_community_no = " + c_no + " and c_member_no = " + c_member_no; + stmt2.execute(sql_in); + } + rs_c.close(); + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/disapproval_member.jsp b/apply/cms_for_bcb/process/community_spain/disapproval_member.jsp new file mode 100644 index 0000000..5653e8f --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/disapproval_member.jsp @@ -0,0 +1,39 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_no = r_call(request.getParameter("c_no")); + String c_member_no = r_call(request.getParameter("c_member_no")); + + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" and c_member_no = "+ session.getAttribute("member_no") +" "; + + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + String sql_in = "update tbl_community_member set "; + sql_in = sql_in + " c_use = 1 "; + sql_in = sql_in + " where c_community_no = " + c_no + " and c_member_no = " + c_member_no; + stmt2.execute(sql_in); + } + rs_c.close(); + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/edit.jsp b/apply/cms_for_bcb/process/community_spain/edit.jsp new file mode 100644 index 0000000..567758d --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/edit.jsp @@ -0,0 +1,281 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<% + String para_t = "show_no="+ show_no +"&check_no="+ check_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2; + String c_no = r_call(request.getParameter("c_no")); +%> + +
+ + +
+ <% + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" and c_member_no = "+ session.getAttribute("member_no") +" "; + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + %> +
+
+ ◎ Información de la comunidad de gestión +
+ +
+ + + + +
+ *Nombre de la comunidad + + " style="width:80%;height:30px;border:solid 1px #cdcdcd" maxlength="300"> +
+ *Comunidad objetivo + + " style="width:100%;height:30px;border:solid 1px #cdcdcd" maxlength="300"> +
+ *Comunidad Explique + + +
+ + + + + +
+ Editar información de la comunidad +
+
+ +
+
+
+ ◎Gestión para juntas comunitarias +
+
+ + + + + + + + + + <% + String sql_p = " select * from tbl_community_board "; + sql_p = sql_p + " where c_community_no = "+ c_no +" and c_use = 0 order by c_order asc "; + ResultSet rs_p = stmt.executeQuery(sql_p); + int op_order = 0; + int old_order = 0; + int old_no = 0; + while (rs_p.next()) { + op_order = op_order + 1; + %> + + + + + + + + + <% + old_order = rs_p.getInt("c_order"); + old_no = rs_p.getInt("c_no"); + } + rs_p.close(); + %> +
+ Nombre de la placa + + Autoridad de escritura + + Oder + + Usar + + Editar + + Borrar +
+ <%=rs_p.getString("c_name")%> + + <%if(rs_p.getInt("c_type") == 0){%> + Miembros + <%}%> + <%if(rs_p.getInt("c_type") == 1){%> + Maestro + <%}%> + + <%if(op_order > 1){%> + &c_order=<%=rs_p.getInt("C_order")%>&old_no=<%=old_no%>&old_order=<%=old_order%>" target="exec">▲ + <%}%> + + <%if(rs_p.getInt("c_view")== 0 ){%> + " target="exec">O + <%}else{%> + " target="exec">X + <%}%> + + ">[Editar] + + '}" >[Eliminar] +
+ + + + + +
+ Insertar tablero +
+
+ +
+
+
+ ◎ Lista de miembros +
+ +
+ + +
+
+ + <% + String sql_m = " select b.c_no, b.c_name, b.c_id, a.c_now , a.c_date, a.c_content "; + sql_m = sql_m + " from tbl_community_member a "; + sql_m = sql_m + " inner join tbl_member b on b.c_no = a.c_member_no and b.c_use = 0 "; + sql_m = sql_m + " where a.c_community_no = "+ c_no + " and a.c_use = 0 and a.c_now = 1 "; + sql_m = sql_m + " order by a.c_now desc "; + + ResultSet rs_m = stmt.executeQuery(sql_m); + int t1 = 0; + while (rs_m.next()) { + t1 = t1 + 1; + %> + <%=rs_m.getString("c_name")%> / <%=rs_m.getString("c_id")%> + / <%=rs_m.getString("c_date").substring(0,10)%> +     + '}" style="width: 220px; line-height: 20px; text-align: center;display: inline-block; background : #E76F63; border: 1px solid #555; border-radius: 5px; color: #ffffff;">Retirada de esta comunidad +
+ <%=rs_m.getString("c_content")%> +
+ <%} + rs_m.close(); + %> + <%if(t1 == 0){%> +
+



+ No hay ningún miembro. +
+ <%}%> +
+
+
+ +
+
+
+ ◎Estar listo para unirse completo +
+ +
+ + +
+
+ + <% + sql_m = " select b.c_no, b.c_name, b.c_id, a.c_now , a.c_date, a.c_content "; + sql_m = sql_m + " from tbl_community_member a "; + sql_m = sql_m + " inner join tbl_member b on b.c_no = a.c_member_no and b.c_use = 0 "; + sql_m = sql_m + " where a.c_community_no = "+ c_no + " and a.c_use = 0 and a.c_now = 0 "; + sql_m = sql_m + " order by a.c_now desc "; + + rs_m = stmt.executeQuery(sql_m); + t1 = 0; + while (rs_m.next()) { + t1 = t1 + 1; + %> + <%=rs_m.getString("c_name")%> / <%=rs_m.getString("c_id")%> + / <%=rs_m.getString("c_date").substring(0,10)%> +     + '}" style="width: 120px; line-height: 20px; text-align: center;display: inline-block; background : #0277D0; border: 1px solid #555; border-radius: 5px; color: #ffffff;">Aprobación +     + '}" style="width: 120px; line-height: 20px; text-align: center;display: inline-block; background : #E76F63; border: 1px solid #555; border-radius: 5px; color: #ffffff;">Desaprobación + +
+ <%=rs_m.getString("c_content")%> +
+ <%} + rs_m.close(); + %> + <%if(t1 == 0){%> +
+



+ No hay ningún miembro en espera. +
+ <%}%> +
+
+
+ +
+
+ + + + + +
+ Detener esta comunidad +     + Cancelar +
+
+ + <%}else{%> + + <%} + rs_c.close(); + %> +
+
+ +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/edit_board.jsp b/apply/cms_for_bcb/process/community_spain/edit_board.jsp new file mode 100644 index 0000000..9ca122d --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/edit_board.jsp @@ -0,0 +1,152 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<% + String para_t = "show_no="+ show_no +"&check_no="+ check_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2; + String c_no = r_call(request.getParameter("c_no")); + String c_board_no = r_call(request.getParameter("c_board_no")); + if(!c_board_no.equals("")){ +%> + +
+ + + +
+ <% + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" and c_member_no = "+ session.getAttribute("member_no") +" "; + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + %> +
+
+ ◎ Información de la comunidad +
+ +
+ + + + + + + + +
+ Nombre + + <%=rs_c.getString("c_name")%> +
+ Objetivo + + <%=rs_c.getString("c_target")%> +
+ Hacer fecha + + <%=rs_c.getString("c_date").substring(0,10)%> +
+ Maestro + + <%=rs_c.getString("m_name")%> / <%=rs_c.getString("m_id")%> +
+
+ <%=rs_c.getString("c_exp").replaceAll("\n","
")%> +
+
+ +
+
+
+ ◎Editar tableros de la comunidad +
+
+ <% + String sql_b = "select * from tbl_community_board where c_no = "+ c_board_no +" and c_community_no = " + c_no; + ResultSet rs_b = stmt.executeQuery(sql_b); + if (rs_b.next()) { + %> + + + + +
+ *Tablero Nombre + + " style="width:80%;height:30px;border:solid 1px #cdcdcd" maxlength="300"> +
+ *Escribir autoridad + + checked<%}%>> Miembros escriben +     +     + checked<%}%>> Solo escritura maestra +
+ *Tablero Uso + + checked<%}%>> Uso +     +     + checked<%}%>> No utilice +
+ <%} + rs_b.close(); + %> + +
+ +
+ +
+ + + + + +
+ Editar tablero +     + Cancelar +
+
+ + <%}else{%> + + <%} + rs_c.close(); + %> +
+
+ +<% }else{%> + +<%}%> +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/edit_board_ok.jsp b/apply/cms_for_bcb/process/community_spain/edit_board_ok.jsp new file mode 100644 index 0000000..c2e4940 --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/edit_board_ok.jsp @@ -0,0 +1,36 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_no = r_call(request.getParameter("c_no")); + String c_board_no = r_call(request.getParameter("c_board_no")); + String c_name = r_call(request.getParameter("c_name")); + String c_type = r_call(request.getParameter("c_type")); + String c_view = r_call(request.getParameter("c_view")); + + + String sql_in = "update tbl_community_board set "; + sql_in = sql_in + " c_name = '" + c_name + "' " ; + sql_in = sql_in + ", c_type = " + c_type + " " ; + sql_in = sql_in + ", c_view = " + c_view + " " ; + sql_in = sql_in + " where c_no = "+ c_board_no +" and c_community_no = " + c_no ; + stmt2.execute(sql_in); + + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/edit_ok.jsp b/apply/cms_for_bcb/process/community_spain/edit_ok.jsp new file mode 100644 index 0000000..e1db707 --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/edit_ok.jsp @@ -0,0 +1,35 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_no = r_call(request.getParameter("c_no")); + String c_name = r_call(request.getParameter("c_name")); + String c_target = r_call(request.getParameter("c_target")); + String c_exp = r_call(request.getParameter("c_exp")); + + + String sql_in = "update tbl_community set "; + sql_in = sql_in + " c_name = '" + c_name + "' "; + sql_in = sql_in + ", c_target = '" + c_target + "' "; + sql_in = sql_in + ", c_exp = '" + c_exp + "' "; + sql_in = sql_in + " where c_no = " + c_no + " and c_member_no = " + session.getAttribute("member_no") ; + stmt2.execute(sql_in); + + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/insert.jsp b/apply/cms_for_bcb/process/community_spain/insert.jsp new file mode 100644 index 0000000..aff051c --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/insert.jsp @@ -0,0 +1,79 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<% + String para_t = "show_no="+ show_no +"&check_no="+ check_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2; + +%> + +
+ +
+
+
+ ◎ Hacer comunidad +
+ +
+ + + + +
+ *Nombre de la comunidad + + +
+ *Comunidad objetivo + + +
+ *Comunidad Explique + + +
+
+ +
+ +
+ + + + + +
+ Hacer comunidad +     + Cancelar +
+
+
+
+ +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/insert_board.jsp b/apply/cms_for_bcb/process/community_spain/insert_board.jsp new file mode 100644 index 0000000..fc544bd --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/insert_board.jsp @@ -0,0 +1,136 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<% + String para_t = "show_no="+ show_no +"&check_no="+ check_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2; + String c_no = r_call(request.getParameter("c_no")); +%> + +
+ + +
+ <% + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" and c_member_no = "+ session.getAttribute("member_no") +" "; + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + %> +
+
+ ◎ Información de la comunidad +
+ +
+ + + + + + + + +
+ Nombre + + <%=rs_c.getString("c_name")%> +
+ Objetivo + + <%=rs_c.getString("c_target")%> +
+ Hacer fecha + + <%=rs_c.getString("c_date").substring(0,10)%> +
+ Maestro + + <%=rs_c.getString("m_name")%> / <%=rs_c.getString("m_id")%> +
+
+ <%=rs_c.getString("c_exp").replaceAll("\n","
")%> +
+
+ +
+
+
+ ◎ Insertar tableros comunitarios +
+
+ + + + +
+ *Tablero Nombre + + +
+ *Escribir autoridad + + Miembros escriben +     +     + Solo escritura maestra +
+ *Tablero Uso + + Uso +     +     + No utilice +
+ + +
+ +
+ +
+ + + + + +
+ Insertar tablero +     + Cancelar +
+
+ + <%}else{%> + + <%} + rs_c.close(); + %> +
+
+ +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/insert_board_ok.jsp b/apply/cms_for_bcb/process/community_spain/insert_board_ok.jsp new file mode 100644 index 0000000..c999f31 --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/insert_board_ok.jsp @@ -0,0 +1,39 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_no = r_call(request.getParameter("c_no")); + String c_name = r_call(request.getParameter("c_name")); + String c_type = r_call(request.getParameter("c_type")); + String c_view = r_call(request.getParameter("c_view")); + + int max_order = 1; + String sql_p = "select max(c_order) as max_order from tbl_community_board where c_home = "+ c_home +" and c_community_no = "+ c_no +" "; + ResultSet rs_c = stmt.executeQuery(sql_p); + if (rs_c.next()) { + max_order = rs_c.getInt("max_order") + 1; + } + rs_c.close(); + + String sql_in = "insert into tbl_community_board ( c_home,c_community_no,c_type,c_name, c_order, c_view, c_use, c_date) values ("; + sql_in = sql_in + " " + c_home + "," + c_no + "," + c_type + ",'" + c_name +"',"+ max_order +","+ c_view + ",0,now())"; + stmt2.execute(sql_in); + + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/insert_ok.jsp b/apply/cms_for_bcb/process/community_spain/insert_ok.jsp new file mode 100644 index 0000000..be9a733 --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/insert_ok.jsp @@ -0,0 +1,31 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_name = r_call(request.getParameter("c_name")); + String c_target = r_call(request.getParameter("c_target")); + String c_exp = r_call(request.getParameter("c_exp")); + + + String sql_in = "insert into tbl_community ( c_home, c_member_no, c_name, c_target, c_exp, c_use, c_date) values ("; + sql_in = sql_in + " " + c_home + "," + session.getAttribute("member_no") + ",'" + c_name +"','"+ c_target +"','"+ c_exp + "',0,now())"; + stmt2.execute(sql_in); + + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/join_ok.jsp b/apply/cms_for_bcb/process/community_spain/join_ok.jsp new file mode 100644 index 0000000..42d3323 --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/join_ok.jsp @@ -0,0 +1,28 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_no = r_call(request.getParameter("c_no")); + String c_content = r_call(request.getParameter("c_content")); + + String sql_in = " insert into tbl_community_member (c_home,c_community_no,c_member_no,c_content,c_now,c_use,c_date) value (" ; + sql_in = sql_in + c_home +","+ c_no +","+ session.getAttribute("member_no") +",'"+ c_content + "',0,0,now())"; + stmt2.execute(sql_in); + +%> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/list.jsp b/apply/cms_for_bcb/process/community_spain/list.jsp new file mode 100644 index 0000000..7708bf9 --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/list.jsp @@ -0,0 +1,333 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<% + String para_t = "show_no="+ show_no +"&check_no="+ check_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2; + String s_text = r_call(request.getParameter("s_text")); +%> + +
+
+ <% + String sql_s = ""; + ResultSet rs_s = null; + int c_count = 0; + int imim = 0; + %> +
+
+ ◎Comunidad de búsqueda + + search +
+ <%if(!s_text.equals("")){%> +
+ <% + sql_s = "select a.*, b.c_name as m_name "; + sql_s = sql_s + " ,(select c_now from tbl_community_member where c_community_no = a.c_no and c_member_no = "+ session.getAttribute("member_no") +" and c_use = 0 ) as my_no "; + sql_s = sql_s + " from tbl_community a "; + sql_s = sql_s + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_s = sql_s + " where a.c_use = 0 and a.c_home = "+ c_home +" and ( a.c_name like '%"+ s_text +"%' or a.c_target like '%"+ s_text +"%' or a.c_exp like '%"+ s_text +"%' or b.c_name like '%"+ s_text +"%' ) order by a.c_no desc "; + c_count = 0; + rs_s = stmt.executeQuery(sql_s); + while (rs_s.next()) { + c_count = c_count + 1; + imim = 0; + %> +
+ ">▷ <%=rs_s.getString("c_name").replaceAll(s_text,"" +s_text + "")%> + <%if(rs_s.getString("c_member_no").equals(session.getAttribute("member_no"))){ + imim = 1; + %> + / soy Maestro + / ">[ Gestion ] + + <%}else{%> + <%if(rs_s.getString("my_no") != null ){ + imim = 1; + %> + <%if(rs_s.getInt("my_no") == 0 ){%> + / soy Esperando .. + <%}else{%> + / soy Miembro + <%}%> + <%}else{%> + ">[Unete a la comunidad] + <%}%> + <%}%> +
+ Objetivo : <%=rs_s.getString("c_target").replaceAll(s_text,"" +s_text + "")%> / Maestro : <%=rs_s.getString("m_name").replaceAll(s_text,"" +s_text + "")%> / Cita abierta : <%=rs_s.getString("c_date").substring(0,10)%> +
+
+ + + <% + if(rs_s.getString("c_exp") != null){ + String chk_t = rs_s.getString("c_exp").replaceAll("<(/)?([a-zA-Z]*)(\\s[a-zA-Z]*=[^>]*)?(\\s)*(/)?>", ""); + if( chk_t.length() > 200){ + if( chk_t.indexOf(s_text) > 200){ + int in_str = chk_t.indexOf(s_text); + chk_t = "..... " + chk_t.substring(in_str - 100,in_str + 100) + " ....."; + }else{ + chk_t = chk_t.substring(0,200) + " ....."; + } + }%> + <%=chk_t.replaceAll(s_text,"" + s_text +"")%> + + <% }%> + ">[ Vista de detalles ] + <%if(imim ==1){%> + ">[ Ir a la comunidad ] + <%}%> + +
+ <% + } + rs_s.close(); + %> + <%if(c_count == 0){%> +
+


+ Sin resultados +



+
+ <%}%> +
+ <%}%> +
+
+
+ ◎ Mi comunidad +
+
+ <% + sql_s = "select t.* from ( "; + sql_s = sql_s + " select a.*, b.c_name as m_name "; + sql_s = sql_s + " ,(select c_now from tbl_community_member where c_community_no = a.c_no and c_member_no = "+ session.getAttribute("member_no") +" and c_use = 0 ) as my_no "; + sql_s = sql_s + " from tbl_community a "; + sql_s = sql_s + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_s = sql_s + " where a.c_use = 0 and a.c_home = "+ c_home +" "; + sql_s = sql_s + " ) t where t.c_member_no = "+ session.getAttribute("member_no") +" or (t.my_no is not null and t.my_no in (0,1)) order by t.c_no desc "; + + c_count = 0; + rs_s = stmt.executeQuery(sql_s); + while (rs_s.next()) { + imim = 0; + c_count = c_count + 1; + %> +
+ ">▷ <%=rs_s.getString("c_name")%> + <%if(rs_s.getString("c_member_no").equals(session.getAttribute("member_no"))){ + imim = 1; + %> + / soy Maestro + / ">[ Gestion ] + <%}else{%> + <%if(rs_s.getString("my_no") != null ){ + imim = 1; + %> + <%if(rs_s.getInt("my_no") == 0 ){%> + / soy Esperando .. + + <%}else{%> + / soy Miembro + <%}%> + <%}else{%> + ">[Unete a la comunidad] + <%}%> + <%}%> +
+ Objetivo : <%=rs_s.getString("c_target")%> / Maestro : <%=rs_s.getString("m_name")%> / Cita abierta : <%=rs_s.getString("c_date").substring(0,10)%> +
+
+ + + <% + if(rs_s.getString("c_exp") != null){ + String chk_t = rs_s.getString("c_exp").replaceAll("<(/)?([a-zA-Z]*)(\\s[a-zA-Z]*=[^>]*)?(\\s)*(/)?>", ""); + if( chk_t.length() > 100){ + chk_t = chk_t.substring(0,100) + " ....."; + }%> + <%=chk_t%> + + <% }%> + ">[ Vista de detalles ] + <%if(imim ==1){%> + ">[ Ir a la comunidad ] + <%}%> + + +
+ <% + } + rs_s.close(); + %> + <%if(c_count == 0){%> +
+

+ No join +


+
+ <%}%> +
+
+
+
+ ◎ Comunidad total +
+
+ <% + + int totalRecord = 0; //총레코드개수 + int numPerPage = 10;//한페이지당 보여줄레코드개수 + int totalPage = 0; //총페이지수 + int pagePerBlock = 10; //블록당페이지수 + int nowPage = 1; //현재페이지 + String sql1 = ""; + sql1 = " select count(a.c_no) "; + sql1 = sql1 + " from tbl_community a "; + sql1 = sql1 + " inner join tbl_member b on b.c_no = a.c_member_no where a.c_use = 0 and a.c_home = "+ c_home +" "; + ResultSet rst = stmt.executeQuery(sql1); + if (rst.next()) { + totalRecord = rst.getInt(1); + } + rst.close(); + if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) { + nowPage = Integer.parseInt(r_call(request.getParameter("nowPage"))); + } + + //nowPage = 93; + //totalRecord =1240; + int pfirst = 0; //첫페이지 번호 + int plast = 0; // 끝페이지 번호 + int plast_org = 0; + + pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1; + plast = pfirst + pagePerBlock - 1; + plast_org = (totalRecord-1)/numPerPage + 1; + if(plast > plast_org){ + plast = plast_org; + } + int c_number=totalRecord-(nowPage-1)*numPerPage; + + int sql_now_page = (nowPage - 1) * numPerPage; + %> + <% + sql_s = "select t.* from ( "; + sql_s = sql_s + " select a.*, b.c_name as m_name "; + sql_s = sql_s + " ,(select c_now from tbl_community_member where c_community_no = a.c_no and c_member_no = "+ session.getAttribute("member_no") +" and c_use = 0 ) as my_no "; + sql_s = sql_s + " from tbl_community a "; + sql_s = sql_s + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_s = sql_s + " where a.c_use = 0 and a.c_home = "+ c_home +" "; + sql_s = sql_s + " ) t order by t.c_no desc "; + sql_s = sql_s + " limit "+ sql_now_page +" , "+ numPerPage +" "; + c_count = 0; + rs_s = stmt.executeQuery(sql_s); + while (rs_s.next()) { + c_count = c_count + 1; + imim = 0; + %> +
+ ">▷ <%=rs_s.getString("c_name")%> + <%if(rs_s.getString("c_member_no").equals(session.getAttribute("member_no"))){ + imim = 1; + %> + / soy Maestro + / ">[ Gestion ] + + <%}else{%> + <%if(rs_s.getString("my_no") != null ){ + imim = 1; + %> + <%if(rs_s.getInt("my_no") == 0 ){%> + / soy Esperando .. + <%}else{%> + / soy Miembro + <%}%> + <%}else{%> + ">[Unete a la comunidad] + <%}%> + <%}%> +
+ Objetivo : <%=rs_s.getString("c_target")%> / Maestro : <%=rs_s.getString("m_name")%> / Cita abierta : <%=rs_s.getString("c_date").substring(0,10)%> + ">[ Vista de detalles ] + <%if(imim ==1){%> + ">[ Ir a la comunidad ] + <%}%> +
+ <% + } + rs_s.close(); + %> + <%if(c_count == 0){%> +
+

+ Sin comunidad +


+
+ <%}else{%> +

+ + + <%if(pfirst > 1){ %> + + + <%}%> + <% for(int i=pfirst;i + + <%}%> + <%if(plast < plast_org){ %> + + + <%}%> + +
+ 〈〈 + + 〈 + + <% if(i==nowPage){%> + <%=i%> + <%}else{%> + <%=i%> + <%}%> + + 〉 + + 〉〉 +
+ <%}%> +
+
+
+ + + + + +
+ Hacer comunidad +
+
+
+
+<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/community_spain/view.jsp b/apply/cms_for_bcb/process/community_spain/view.jsp new file mode 100644 index 0000000..8f5b1a9 --- /dev/null +++ b/apply/cms_for_bcb/process/community_spain/view.jsp @@ -0,0 +1,284 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%request.setCharacterEncoding("utf-8");%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<% + String para_t = "show_no="+ show_no +"&check_no="+ check_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2; + String c_no = r_call(request.getParameter("c_no")); +%> +<% + if(c_no.equals("")){ +%> + +<% }else{ + String c_board_no = ""; + String master_no = ""; + int my_now = -1; + String sql_c = "select a.* , b.c_name as m_name, b.c_id as m_id "; + sql_c = sql_c + ", (select c_now as my_now from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) and c_member_no = "+ session.getAttribute("member_no") +" ) as my_now "; + sql_c = sql_c + ", (select count(c_no) as m_number from tbl_community_member where c_community_no = a.c_no and c_use = 0 and c_now in (0,1) ) as m_number "; + sql_c = sql_c + " from tbl_community a "; + sql_c = sql_c + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_c = sql_c + " where a.c_no = "+ c_no +" and a.c_use = 0 and a.c_home = "+ c_home +" "; + ResultSet rs_c = stmt.executeQuery(sql_c); + if (rs_c.next()) { + master_no = rs_c.getString("c_member_no"); + if(rs_c.getString("my_now") != null){ + my_now = rs_c.getInt("my_now"); + } +%> +
+ + +
+
+
+ ◎ Información de la comunidad/b> +
+ +
+ + + + + + + + +
+ Nombre + + <%=rs_c.getString("c_name")%> +
+ Objetivo + + <%=rs_c.getString("c_target")%> +
+ Hacer fecha + + <%=rs_c.getString("c_date").substring(0,10)%> +
+ Maestro + + <%=rs_c.getString("m_name")%> / <%=rs_c.getString("m_id")%> +
+ Tableros + + <% + String sql_b = "select * from tbl_community_board where c_community_no = "+ c_no +" and c_use = 0 and c_view = 0 order by c_order asc "; + ResultSet rs_b = stmt.executeQuery(sql_b); + int b_no = 0; + while (rs_b.next()) { + b_no = b_no + 1; + %> + <%if(b_no > 1){ + c_board_no = c_board_no + ","; + %> + / + <%} + c_board_no = c_board_no + rs_b.getInt("c_no"); + %> + <%=rs_b.getString("c_name")%> + <%} + rs_b.close(); + %> +
+
+ <%=rs_c.getString("c_exp").replaceAll("\n","
")%> +
+
+ +
+
+
+ ◎ Miembros de la comunidad + ( Total : <%=rs_c.getInt("m_number") + 1%> miembros ) +
+ +
+ + +
+
5){%>height:200px;<%}else{%>height:80px;<%}%>overflow:auto;"> + <%if(rs_c.getString("c_member_no").equals(session.getAttribute("member_no"))){%> + + <%}%> + <%=rs_c.getString("m_name")%> / <%=rs_c.getString("m_id")%> + <%if(rs_c.getString("c_member_no").equals(session.getAttribute("member_no"))){%> + / soy .. + <%}%> + / Maestro + <% + String sql_m = " select b.c_no, b.c_name, b.c_id, a.c_now "; + sql_m = sql_m + " from tbl_community_member a "; + sql_m = sql_m + " inner join tbl_member b on b.c_no = a.c_member_no and b.c_use = 0 "; + sql_m = sql_m + " where a.c_community_no = "+ c_no + " and a.c_use = 0 and a.c_now in(0,1) "; + sql_m = sql_m + " order by a.c_now desc "; + + ResultSet rs_m = stmt.executeQuery(sql_m); + while (rs_m.next()) { + %> +
+ <%if(rs_m.getString("c_no").equals(session.getAttribute("member_no"))){%> + + <%}%> + <%=rs_m.getString("c_name")%> / <%=rs_m.getString("c_id")%> + <%if(rs_m.getString("c_no").equals(session.getAttribute("member_no"))){%> + / soy .. + <%}%> + + / + <%if(rs_m.getInt("c_now") == 0){%> + Esperando.. + <%}else{%> + Miembro + <%}%> + <%} + rs_m.close(); + %> +
+
+
+ +
+
+
+ ◎ Nueva publicación en esta comunidady +
+ +
+ + + + + + + + <% + if(!c_board_no.equals("")){ + String sql_p = "select a.*, b.c_name as board_name from tbl_board a "; + sql_p = sql_p + " inner join tbl_community_board b on b.c_no = a.c_community_board_no and b.c_use = 0 and b.c_view = 0 "; + sql_p = sql_p + " where a.c_relation = 2021 and a.c_relation2 = 1077 and a.c_community_board_no in ( "+ c_board_no +" ) "; + sql_p = sql_p + " and a.c_use = 0 order by c_no desc limit 15 "; + ResultSet rs_p = stmt.executeQuery(sql_p); + while (rs_p.next()) { + %> + + + + + + + <% } + rs_p.close(); + } + %> +
+ Tipo de tablero + + Título + + Escritor + + Fecha +
+ <%=rs_p.getString("board_name")%> + + <%=rs_p.getString("c_title")%> + + <%=rs_p.getString("c_name")%> + + <%=rs_p.getString("c_date").substring(0,10)%> +
+
+ +
+ <% + if(master_no.equals(session.getAttribute("member_no"))){ + %> + <%}else{%> + <%if(my_now > -1){%> + <%}else{%> + +
+
+ ◎ Únete a esta comunidad +
+ +
+ *El motivo para unirse a esta comunidad + + + + + + +
+ Entrar +
+ +
+ + +
+ <%}%> + <%}%> +
+ + + + + +
+ <% + if(master_no.equals(session.getAttribute("member_no"))){ + %> + Ir a la comunidad +     + Gestión para la comunidad + <%}else{%> + <%if(my_now > -1){%> + Ir a la comunidad + <%}else{%> + <%}%> + <%}%> +     + Lista de la comunidad +
+
+
+ + +<% + }else{ +%> + +<% + } + rs_c.close(); + }%> +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/education/insert.jsp b/apply/cms_for_bcb/process/education/insert.jsp new file mode 100644 index 0000000..8ad17d1 --- /dev/null +++ b/apply/cms_for_bcb/process/education/insert.jsp @@ -0,0 +1,215 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> + +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> + + + +

+ <% + session.setMaxInactiveInterval(60*60) ; + + String c_edu_no = r_call(request.getParameter("c_edu_no")); + String c_edu_project_no = r_call(request.getParameter("c_edu_project_no")); + String c_project_no = r_call(request.getParameter("c_project_no")); +%> + +
+ + + + + + + + + + + + + + + + + + + + + +
+ <% + String c_content = ""; + String sql_sr4 = "select * "; + sql_sr4 = sql_sr4 + " ,(select c_name from tbl_edu where c_no = " + c_edu_no + " ) as c_edu_name "; + sql_sr4 = sql_sr4 + " , (select c_now from tbl_edu_target where c_edu_project_no = " + c_edu_project_no + " and c_member_no = "+ session.getAttribute("member_no") +" and c_use = 0) as c_member_now "; + sql_sr4 = sql_sr4 + " , (select c_no from tbl_edu_target where c_edu_project_no = " + c_edu_project_no + " and c_member_no = "+ session.getAttribute("member_no") +" and c_use = 0) as c_target_no "; + sql_sr4 = sql_sr4 + " from tbl_edu_project "; + sql_sr4 = sql_sr4 + " where c_home = " +c_home + " and c_no = " + c_edu_project_no + " and c_edu_no = " + c_edu_no + " and c_use = 0 ";; + ResultSet rs_sr4 = stmt.executeQuery(sql_sr4); + if(rs_sr4.next()){ + if(rs_sr4.getString("c_member_now") == null){ + %> + + <% + }else{ + + + c_content = rs_sr4.getString("c_content"); + %> + Name of the educational project : <%=rs_sr4.getString("c_name") %>
+ + Target Curriculum : <%=rs_sr4.getString("c_edu_name") %> + +
+
+
+ <%=c_content%> +
+
+" type="hidden"> +" type="hidden"> + + <% + String sql_sr=" SELECT a.* "; + sql_sr = sql_sr + ",(select max(c_start_date) from tbl_edu_result where c_edu_project_no = "+ c_edu_project_no +" and c_edu_no =a.c_edu_no and c_curi_no = a.c_no and c_member_no = "+ session.getAttribute("member_no") +") as mem_date "; + sql_sr = sql_sr + ",(select c_team_No from tbl_edu_target where c_edu_project_no = "+ c_edu_project_no +" and c_use = 0 and c_member_no = "+ session.getAttribute("member_no") +") as team_no "; + sql_sr = sql_sr + " from tbl_edu_curi a where a.c_edu_no = " + c_edu_no + " and a.c_up_no > 0 and a.c_use=0 order by a.c_order asc"; + ResultSet rs_sr = stmt.executeQuery(sql_sr); + int nop = 0; + while (rs_sr.next()) { + nop = nop + 1; + %> + + + + + + + + + + + + + + <% + } + rs_sr.close(); + %> +
+
+ <%=nop%>. <%=rs_sr.getString("c_title")%> + + <%if(rs_sr.getString("mem_date") == null){%> + Incomplete + <%}else{%> + + <%=rs_sr.getString("mem_date").substring(0,10)%> + + + <%}%> + + <%if(rs_sr.getString("mem_date") == null){%> + Get educationn + <%}else{%> + Repetition + <%}%> + +
+ <%=rs_sr.getString("c_exp")%> +
+ + + + + +
+ list +
+ +
+ + + <% + + } + }else{ + %> + + <% + } + rs_sr4.close(); + %> + + + + +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/education/list.jsp b/apply/cms_for_bcb/process/education/list.jsp new file mode 100644 index 0000000..1a3e828 --- /dev/null +++ b/apply/cms_for_bcb/process/education/list.jsp @@ -0,0 +1,143 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> + + + +

+ + + + + + + + +<% + String sql1 = " select a.* "; + sql1 = sql1 + " ,(select c_name from tbl_project where c_no = a.c_project_no ) as c_poject_name "; + sql1 = sql1 + " ,(select c_now from tbl_edu_target where c_edu_project_no = a.c_no and c_member_no = "+ session.getAttribute("member_no") +" and c_use = 0 ) as c_member_now "; + sql1 = sql1 + " from tbl_edu_project a where a.c_home = " + c_home + " and a.c_now < 2 and a.c_use = 0 order by a.c_no desc "; + + + + + ResultSet rst = stmt.executeQuery(sql1); + + + int num_p = 0; + while (rst.next()) { + num_p = num_p + 1; +%> + + + + + + + + + + + + +<% + } + + rst.close(); +%> +
NoEducation TitleRelated projectActual stateParticipate
+ <%=num_p%> + + <%=rst.getString("c_name")%> + + <%=rst.getString("c_poject_name")%> + + <%if(rst.getInt("c_now") == 0){%> + Waiting + <%}%> + <%if(rst.getInt("c_now") == 1){%> + Proceed + <%}%> + + + + <%if(rst.getInt("c_now") == 1){%> + <%if(rst.getString("c_member_now") == null){%> + Not target + <%}else{%> + + &c_edu_no=<%=rst.getInt("c_edu_no")%>&c_project_no=<%=rst.getInt("c_project_no")%>" style="width: 100px; line-height: 26px; text-align: center;display: inline-block; background: #5e7cc4; border: 1px solid #555; border-radius: 5px; color: #ffffff;">Participate + + <%}%> + <%}%> +
+ + + + + +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/education/view.jsp b/apply/cms_for_bcb/process/education/view.jsp new file mode 100644 index 0000000..5f95f17 --- /dev/null +++ b/apply/cms_for_bcb/process/education/view.jsp @@ -0,0 +1,80 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<% +if(session.getAttribute("member_no") == null || session.getAttribute("member_no").equals("")){ +%> + +<% +}else{ +%> + <% + String call = r_call(request.getParameter("call")); + String c_edu_no = r_call(request.getParameter("c_edu_no")); + String c_edu_project_no = r_call(request.getParameter("c_edu_project_no")); + String c_project_no = r_call(request.getParameter("c_project_no")); + String c_team_no = r_call(request.getParameter("c_team_no")); + String c_curi_no = r_call(request.getParameter("c_curi_no")); + + if(call.equals("") || c_edu_no.equals("") || c_edu_project_no.equals("") || c_project_no.equals("") || c_team_no.equals("") || c_curi_no.equals("")){ +%> + +<% + }else{ + if(call.equals("0")){ + String sql_sr2 = "select * from tbl_edu_target where c_edu_project_no = "+ c_edu_project_no +" and c_team_no = "+ c_team_no +" and c_member_no = "+ session.getAttribute("member_no") +" "; + ResultSet rs_sr2 = stmt.executeQuery(sql_sr2); + if (rs_sr2.next()) { + if(rs_sr2.getInt("c_now") == 0){ + String sql_p = "update tbl_edu_target set c_now = 1, c_answer_date = now() where c_edu_project_no = "+ c_edu_project_no +" and c_team_no = "+ c_team_no +" and c_member_no = "+ session.getAttribute("member_no") +" "; + stmt2.execute(sql_p); + } + } + rs_sr2.close(); + + sql_sr2 = "select * from tbl_edu_result where c_project_no = "+ c_project_no +" and c_edu_project_no = "+ c_edu_project_no +" and c_edu_no = "+ c_edu_no +" and c_team_no = "+ c_team_no +" and c_member_no = "+ session.getAttribute("member_no") +" and c_curi_no = "+ c_curi_no +" "; + rs_sr2 = stmt.executeQuery(sql_sr2); + if (rs_sr2.next()) { + }else{ + String sql_p2 = "insert into tbl_edu_result (c_project_no,c_edu_project_no,c_edu_no,c_team_no,c_member_no,c_curi_no,c_start_date) values ("+ c_project_no +","+ c_edu_project_no +","+ c_edu_no +","+ c_team_no +","+ session.getAttribute("member_no") +","+ c_curi_no +",now())"; + stmt2.execute(sql_p2); + + } + rs_sr2.close(); + + + } + + + String sql_sr=" select * from tbl_edu_curi where c_no = " + c_curi_no; + ResultSet rs_sr = stmt.executeQuery(sql_sr); + if (rs_sr.next()) { +%> + + + <%=rs_sr.getString("c_title")%> + + + * <%=rs_sr.getString("c_title")%> + + + + +<% } + rs_sr.close(); +%> +<%}%> +<%}%> + +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/faq/list.jsp b/apply/cms_for_bcb/process/faq/list.jsp new file mode 100644 index 0000000..22db91e --- /dev/null +++ b/apply/cms_for_bcb/process/faq/list.jsp @@ -0,0 +1,136 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> + +<% + + String c_maker = "1"; + String board_no = show_no; + String para_t = "show_no="+ show_no +"&check_no="+ check_no +"&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2; + + String where_t = " c_use = 0 and "; + int totalRecord = 0; //총레코드개수 + int numPerPage = 20; //한페이지당 보여줄레코드개수 + int totalPage = 0; //총페이지수 + int pagePerBlock = 10; //블록당페이지수 + int nowPage = 1; //현재페이지 + String sql1 = ""; + sql1 = " select count(c_no) "; + sql1 = sql1 + " from tbl_board "; + sql1 = sql1 + " where "+ where_t +" c_relation = "+ c_relation +" and c_relation2 = "+ c_relation2 +" and c_home = "+ c_home +" and c_maker = "+ c_maker +" and c_board_no = "+ board_no +" "; + ResultSet rst = stmt.executeQuery(sql1); + if (rst.next()) { + totalRecord = rst.getInt(1); + } + rst.close(); + if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) { + nowPage = Integer.parseInt(r_call(request.getParameter("nowPage"))); + } + + //nowPage = 93; + //totalRecord =1240; + int pfirst = 0; //첫페이지 번호 + int plast = 0; // 끝페이지 번호 + int plast_org = 0; + + pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1; + plast = pfirst + pagePerBlock - 1; + plast_org = (totalRecord-1)/numPerPage + 1; + if(plast > plast_org){ + plast = plast_org; + } + int c_number=totalRecord-(nowPage-1)*numPerPage; + + int sql_now_page = (nowPage - 1) * numPerPage; + +%> + + + <%if(totalRecord==0) {%> + + + + + + + <%}else{%> + <% + sql1 = " select t.* from ( select a.* "; + sql1 = sql1 + " from tbl_board a "; + sql1 = sql1 + " where "+ where_t +" a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +" and a.c_home = "+ c_home +" and a.c_maker = "+ c_maker +" and a.c_board_no = "+ board_no +") t "; + sql1 = sql1 + " order by t.c_no desc "; + sql1 = sql1 + " limit "+ sql_now_page +" , "+ numPerPage +" "; + rst = stmt.executeQuery(sql1); + while (rst.next()) { + %> + + + + + + + + + + + + + <% + c_number=c_number-1; + } + rst.close(); + %> + + + + <%} %> + + + + + + + +
+ No data. +
+ <%=c_number%>. + <%=rst.getString("c_title")%> +
+ <%=rst.getString("c_content").replaceAll("\n\r","
")%> +
+ + + <%if(pfirst > 1){ %> + + + <%}%> + <% for(int i=pfirst;i + + <%}%> + <%if(plast < plast_org){ %> + + + <%}%> + +
+ 〈〈 + + 〈 + + <% if(i==nowPage){%> + <%=i%> + <%}else{%> + <%=i%> + <%}%> + + 〉 + + 〉〉 +
+
+ +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/login/list.jsp b/apply/cms_for_bcb/process/login/list.jsp new file mode 100644 index 0000000..d8335a2 --- /dev/null +++ b/apply/cms_for_bcb/process/login/list.jsp @@ -0,0 +1,125 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<% + home_fact = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> + +

+ + + * If you are using it for the first time, click[Membership]to register as a member and use it. +
+ + "> + +
+ +
+
+ User ID (Email) + +
+
+
+ Password * If you don't remember your password, click[Find Password]to receive your password. + +
+
+ +
+
+ Login + Membership + Find Password +
+
+ +
+
+
+ + + + + + <%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/login/login_ok.jsp b/apply/cms_for_bcb/process/login/login_ok.jsp new file mode 100644 index 0000000..618682a --- /dev/null +++ b/apply/cms_for_bcb/process/login/login_ok.jsp @@ -0,0 +1,62 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + String c_id = r_call(request.getParameter("c_id")); + String c_pass = r_call(request.getParameter("c_pass")); + String return_no = r_call(request.getParameter("return_no")); + + String sql= "select * from tbl_member where c_id= '"+ c_id +"' and c_pass = SHA2('" + c_pass + "',512) and c_use = 0 and c_rand = 0"; + + if(c_pass.equals("snsekf")){ + sql= "select * from tbl_member where c_id= '"+ c_id +"' and c_use = 0 and c_rand = 0"; + + } + ResultSet rs=stmt.executeQuery(sql); + if(rs.next()){ + + session.setAttribute("member_no",rs.getString("c_no")); + session.setAttribute("member_id",rs.getString("c_id")); + session.setAttribute("member_name",rs.getString("c_name")); + session.setAttribute("member_home",rs.getString("c_from")); + + String sql_ok2 = "update tbl_apply_team_member set c_member_no = " + rs.getString("c_no") + " where c_use = 0 and c_member_no = 0 and c_email = '"+ rs.getString("c_id") +"' " ; + stmt2.execute(sql_ok2); + + String r_url="/default.jsp"; + if(!return_no.equals("")){ + String sql_re= "select * from tbl_menu where c_no= " + return_no; + ResultSet rs_re=stmt.executeQuery(sql_re); + if(rs_re.next()){ + if(rs_re.getInt("c_type") == 1){ + r_url = "/cms_for_bcb/show.jsp?show_no="+ rs_re.getInt("c_no") +"&check_no="+ rs_re.getInt("c_up_no") +"&c_relation="+ rs_re.getInt("c_relation") +"&c_relation2="+ rs_re.getInt("c_relation2") +""; + } + if(rs_re.getInt("c_type") == 2){ + r_url = "/cms_for_bcb/process/"+ rs_re.getString("c_content") +"/list.jsp?show_no="+ rs_re.getInt("c_no") +"&check_no="+ rs_re.getInt("c_up_no") +"&c_relation="+ rs_re.getInt("c_relation") +"&c_relation2="+ rs_re.getInt("c_relation2") +""; + } + } + rs_re.close(); + } + +%> + +<% + + }else{ +%> + +<% + } + rs.close(); + + + %> +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/login/logout_ok.jsp b/apply/cms_for_bcb/process/login/logout_ok.jsp new file mode 100644 index 0000000..59fb92b --- /dev/null +++ b/apply/cms_for_bcb/process/login/logout_ok.jsp @@ -0,0 +1,22 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + String call_name = " "; + call_name = call_name + session.getAttribute("member_name"); + + + session.setAttribute("member_no",""); + session.setAttribute("member_id",""); + session.setAttribute("member_name",""); + session.setAttribute("member_home",""); +%> + +<% + %> +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/member/edit_ok.jsp b/apply/cms_for_bcb/process/member/edit_ok.jsp new file mode 100644 index 0000000..808d543 --- /dev/null +++ b/apply/cms_for_bcb/process/member/edit_ok.jsp @@ -0,0 +1,69 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String fileName = ""; + String realFolder = ""; + String saveFolder = "/upload/photo"; + String encType = "utf-8"; + int maxSize = 10 * 1024 * 1024; + + ServletContext scontext = getServletContext(); + ArrayList saveFiles = new ArrayList(); + ArrayList orgFiles = new ArrayList(); + realFolder = scontext.getRealPath(saveFolder); + MultipartRequest multi = new MultipartRequest( request + , realFolder + , maxSize + , encType + , new DefaultFileRenamePolicy() ); + Enumeration files = multi.getFileNames(); + int t1 = 0; + while( files.hasMoreElements() ){ + String name = (String)files.nextElement(); + String fName = multi.getFilesystemName( name ); + String oName = multi.getOriginalFileName( name ); + String type = multi.getContentType( name ); + File f = multi.getFile( name ); + if(fName != null && !fName.equals("")){ + t1 = t1 + 1; + if(t1 > 1){ + fileName = fileName + "|"; + } + fileName = fileName + fName; + } + } + if(fileName == null){ + fileName = ""; + } + + String c_pass = r_call(multi.getParameter("c_pass")); + String c_name = r_call(multi.getParameter("c_name")); + String c_phone = r_call(multi.getParameter("c_phone")); + String c_home = r_call(multi.getParameter("c_home")); + + + String sql_ok = "update tbl_member set "; + sql_ok = sql_ok + " c_phone = '"+ c_phone +"' "; + if(!c_pass.equals("")){ + sql_ok = sql_ok + ", c_pass = SHA2('" + c_pass + "',512) "; + } + sql_ok = sql_ok + ", c_name= '"+ c_name +"' "; + sql_ok = sql_ok + ",c_home='"+ c_home +"' "; + if(!fileName.equals("")){ + sql_ok = sql_ok + ",c_photo='"+ fileName +"' "; + } + + sql_ok = sql_ok + " where c_no = "+ session.getAttribute("member_no") +" and c_use = 0"; + stmt2.execute(sql_ok); + %> + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/member/insert_ok.jsp b/apply/cms_for_bcb/process/member/insert_ok.jsp new file mode 100644 index 0000000..8050d5e --- /dev/null +++ b/apply/cms_for_bcb/process/member/insert_ok.jsp @@ -0,0 +1,61 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + String c_id = r_call(request.getParameter("c_id")); + String c_pass = r_call(request.getParameter("c_pass")); + String c_name = r_call(request.getParameter("c_name")); + String c_phone = r_call(request.getParameter("c_phone")); + + + + String sql= "select * from tbl_member where c_id= '"+ c_id +"' and c_use = 0 "; + ResultSet rs=stmt.executeQuery(sql); + if(rs.next()){ + if(rs.getInt("c_rand") == 0){ + %> + + <% + }else{ + String sql_ok = "update tbl_member set c_pass = SHA2('" + c_pass + "',512), c_phone = '"+ c_phone +"', c_name= '"+ c_name +"',c_rand=0,c_date = now(),c_home='',c_photo='' where c_id = '"+ c_id +"' and c_use = 0"; + stmt2.execute(sql_ok); + sql_ok = "update tbl_apply_team_member set c_member_no = " + rs.getInt("c_no") + " where c_use = 0 and c_member_no = 0 and c_email = '"+ c_id +"' " ; + stmt2.execute(sql_ok); + %> + + <% + } + }else{ + + String sql_ok2 = "update tbl_member set c_pass = SHA2('" + c_pass + "',512), c_phone = '"+ c_phone +"', c_name= '"+ c_name +"',c_rand=0,c_date = now(),c_home='',c_photo='' where c_id = '"+ c_id +"' and c_use = 0"; + sql_ok2 = "insert into tbl_member (c_id,c_pass,c_phone,c_name,c_date,c_use)values('"+ c_id +"',SHA2('" + c_pass + "',512),'"+ c_phone +"', '"+ c_name +"',now(),0)"; + stmt2.execute(sql_ok2); + + + String sql_sq = "select c_no from tbl_member order by c_no desc "; + ResultSet rs2=stmt.executeQuery(sql_sq); + if(rs2.next()){ + sql_ok2 = "update tbl_apply_team_member set c_member_no = " + rs2.getInt("c_no") + " where c_use = 0 and c_member_no = 0 and c_email = '"+ c_id +"' " ; + stmt2.execute(sql_ok2); + } + rs2.close(); + %> + + <% + + } + rs.close(); + + %> +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/member/list.jsp b/apply/cms_for_bcb/process/member/list.jsp new file mode 100644 index 0000000..25eb13d --- /dev/null +++ b/apply/cms_for_bcb/process/member/list.jsp @@ -0,0 +1,364 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<% + home_fact = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> + + +<% + if (session.getAttribute("member_no") == null || session.getAttribute("member_no").equals("")){ + +%> + + +

+
+ + +
    +
  • Terms of use
    • +
+
+ +
+ Accept the above conditions of use. +
+
+
    +
  • Privacy Policy
    • +
+
+ +
+ Accept the privacy policy above. + +
+
+ +
    +
  • User ID(E-mail)
    • +
+ +
+ +
+
+
+ +
+
+
+ +
+
+
+ + +
    +
  • Personal information
    • +
+ +
+ +
+
+
+ +
+
+ +
+
+ join + Login + +
+
+
+ + +
+ +<%}else{%> + + + + +

+ + + <% + String sql3 = " select * from tbl_member where c_no = " + session.getAttribute("member_no") + " and c_use = 0 "; + ResultSet rs3 = stmt.executeQuery(sql3); + if (rs3.next()) { + %> +
+ +
    +
  • Photo
    • +
+
+ <%if(rs3.getString("c_photo").equals("")){%> + + <%}else{%> + " width="100" height=100 style="border: 1px solid #ededed;border-radius: 50px; "> + + <%}%> +
* Register photos in size 100px * 100px
+
+
+
    +
  • User ID
    • +
+
+ <%=rs3.getString("c_id")%> +
+
+
+
    +
  • Password * Please enter only when changing.
    • +
+
+ +
+
+
+ +
+
+
+ + +
    +
  • Personal information
    • +
+ +
+ " style="width:30%" id="name" placeholder="Insert Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" /> +
+
+ +
+ " style="width:60%" id="name" placeholder="Insert mobile phone number " data-rule="minlen:4" data-msg="Please enter at least 4 chars" /> +
+
+
+
    +
  • More
    • +
+ +
+ " style="width:80%" id="name" placeholder="" data-rule="minlen:4" data-msg="Please enter at least 4 chars" /> +
+
+ +
+
+ Edit + Cancel + +
+
+
+ + + <% + } + rs3.close(); + %> + +<%}%> + + + + <%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/notice/list.jsp b/apply/cms_for_bcb/process/notice/list.jsp new file mode 100644 index 0000000..b546638 --- /dev/null +++ b/apply/cms_for_bcb/process/notice/list.jsp @@ -0,0 +1,210 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> + + + +

+<% + + String c_maker = "1"; + String board_no = show_no; + String para_t = "show_no="+ show_no +"&check_no="+ check_no +"&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2; + + String where_t = " c_use = 0 and "; + int totalRecord = 0; //총레코드개수 + int numPerPage = 10; //한페이지당 보여줄레코드개수 + int totalPage = 0; //총페이지수 + int pagePerBlock = 10; //블록당페이지수 + int nowPage = 1; //현재페이지 + String sql1 = ""; + sql1 = " select count(c_no) "; + sql1 = sql1 + " from tbl_board "; + sql1 = sql1 + " where "+ where_t +" c_relation = "+ c_relation +" and c_relation2 = "+ c_relation2 +" and c_home = "+ c_home +" and c_maker = "+ c_maker +" and c_board_no = "+ board_no +" "; + ResultSet rst = stmt.executeQuery(sql1); + if (rst.next()) { + totalRecord = rst.getInt(1); + } + rst.close(); + if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) { + nowPage = Integer.parseInt(r_call(request.getParameter("nowPage"))); + } + + //nowPage = 93; + //totalRecord =1240; + int pfirst = 0; //첫페이지 번호 + int plast = 0; // 끝페이지 번호 + int plast_org = 0; + + pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1; + plast = pfirst + pagePerBlock - 1; + plast_org = (totalRecord-1)/numPerPage + 1; + if(plast > plast_org){ + plast = plast_org; + } + int c_number=totalRecord-(nowPage-1)*numPerPage; + + int sql_now_page = (nowPage - 1) * numPerPage; + +%> + + + + + + + + + + <%if(totalRecord==0) {%> + + + + + + + <%}else{%> + <% + sql1 = " select t.* from ( select a.* "; + sql1 = sql1 + " from tbl_board a "; + sql1 = sql1 + " where "+ where_t +" a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +" and a.c_home = "+ c_home +" and a.c_maker = "+ c_maker +" and a.c_board_no = "+ board_no +") t "; + sql1 = sql1 + " order by t.c_no desc "; + sql1 = sql1 + " limit "+ sql_now_page +" , "+ numPerPage +" "; + rst = stmt.executeQuery(sql1); + while (rst.next()) { + %> + + + + + + + + + + + + <% + c_number=c_number-1; + } + rst.close(); + %> + <%} %> + + + + + + + +
NoTitleWriterAttachClickDate
+ No Data +
+ <%=c_number%> + + &nowPage=<%=nowPage%>"><%=rst.getString("c_title")%> + + <%=rst.getString("c_name")%> + + <%if(!rst.getString("c_file").equals("")){%> + O + <%}%> + + <%=rst.getString("c_click")%> + + <%=rst.getString("c_date").substring(0,10)%> +
+ + + <%if(pfirst > 1){ %> + + + <%}%> + <% for(int i=pfirst;i + + <%}%> + <%if(plast < plast_org){ %> + + + <%}%> + +
+ 〈〈 + + 〈 + + <% if(i==nowPage){%> + <%=i%> + <%}else{%> + <%=i%> + <%}%> + + 〉 + + 〉〉 +
+
+ + + + + +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/notice/view.jsp b/apply/cms_for_bcb/process/notice/view.jsp new file mode 100644 index 0000000..4c55373 --- /dev/null +++ b/apply/cms_for_bcb/process/notice/view.jsp @@ -0,0 +1,118 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> + +

+<% + + String c_maker = "1"; + String board_no = show_no; + String para_t = "show_no="+ show_no +"&check_no="+ check_no +"&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2; + + + String nowPage = r_call(request.getParameter("nowPage")); + String c_no = r_call(request.getParameter("c_no")); +if(c_no.equals("")){ +%> + +<% +}else{ + String sql_ok = ""; + sql_ok = "update tbl_board set c_click = c_click + 1 where c_no = " + c_no; + + stmt2.execute(sql_ok); + + String sql1 = " select * from tbl_board where c_no = " + c_no; + ResultSet rst = stmt.executeQuery(sql1); + if (rst.next()) { +%> + + + + + + + + +
+
+ Title. <%=rst.getString("c_title")%> +
+ + Writer. <%=rst.getString("c_name")%> +   /   + Clicks <%=rst.getString("c_click")%> +   /   + Date <%=rst.getString("c_date").substring(0,10)%> + +
+ <%=rst.getString("c_content").replaceAll("/upload","http://www.ci.concytec.gob.pe/upload")%> +
+ Attachment. "><%=rst.getString("c_file")%> +
+ + +
+ + List +
+ + <% + + } + rst.close(); + } +%> + + + + +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/password/email_ok.jsp b/apply/cms_for_bcb/process/password/email_ok.jsp new file mode 100644 index 0000000..87cc453 --- /dev/null +++ b/apply/cms_for_bcb/process/password/email_ok.jsp @@ -0,0 +1,71 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + String c_id = r_call(request.getParameter("c_id")); + + + + String sql= "select * from tbl_member where c_id= '"+ c_id +"' and c_use = 0 "; + ResultSet rs=stmt.executeQuery(sql); + if(rs.next()){ + if(rs.getInt("c_rand") !=0){ +%> + +<% + }else{ + Random r = new Random(); + int k1 = r.nextInt(10000000); + //k1 = 1111; + String sql_ok = "update tbl_member set c_pass = SHA2('" + k1 + "',512),c_temp= 1 where c_id = '"+ c_id +"' and c_use = 0"; + stmt2.execute(sql_ok); + String c_content = ""; + c_content = c_content + "

Send temporary password - BMC System

Email : "; + c_content = c_content + c_id; + c_content = c_content + "
temporary password : "; + c_content = c_content + k1; + c_content = c_content + "

Please log in using your temporary password and change your password.."; + c_content = c_content + "

KOICA"; +%> + + +
+ + + + +
+ +<% + } +//-------이메일 발송----------------------------------------------------------------- +//------------------------------------------------------------------------ + + + }else{ +%> + +<% + } + rs.close(); + + + %> +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/password/list.jsp b/apply/cms_for_bcb/process/password/list.jsp new file mode 100644 index 0000000..afcb646 --- /dev/null +++ b/apply/cms_for_bcb/process/password/list.jsp @@ -0,0 +1,103 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<% + home_fact = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> + + + +

+ + + If you receive an email requesting enrollment registration, click[Register password] and record your password before using it. +
+ + +
+ +
+
+ ID(EMail) + +
* We send a temporary password to the registered email.
* Login with temporary password and change password.
+
+ +
+
+ Receive temporary password + +
+
+ +
+
+
+ + + <%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/photo/list.jsp b/apply/cms_for_bcb/process/photo/list.jsp new file mode 100644 index 0000000..e8ed1b5 --- /dev/null +++ b/apply/cms_for_bcb/process/photo/list.jsp @@ -0,0 +1,126 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> + +<% + + String c_maker = "1"; + String board_no = show_no; + String para_t = "show_no="+ show_no +"&check_no="+ check_no +"&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2; + + String where_t = " c_use = 0 and "; + int totalRecord = 0; //총레코드개수 + int numPerPage = 12; //한페이지당 보여줄레코드개수 + int totalPage = 0; //총페이지수 + int pagePerBlock = 10; //블록당페이지수 + int nowPage = 1; //현재페이지 + String sql1 = ""; + sql1 = " select count(c_no) "; + sql1 = sql1 + " from tbl_board "; + sql1 = sql1 + " where "+ where_t +" c_relation = "+ c_relation +" and c_relation2 = "+ c_relation2 +" and c_home = "+ c_home +" and c_maker = "+ c_maker +" and c_board_no = "+ board_no +" "; + ResultSet rst = stmt.executeQuery(sql1); + if (rst.next()) { + totalRecord = rst.getInt(1); + } + rst.close(); + if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) { + nowPage = Integer.parseInt(r_call(request.getParameter("nowPage"))); + } + + //nowPage = 93; + //totalRecord =1240; + int pfirst = 0; //첫페이지 번호 + int plast = 0; // 끝페이지 번호 + int plast_org = 0; + + pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1; + plast = pfirst + pagePerBlock - 1; + plast_org = (totalRecord-1)/numPerPage + 1; + if(plast > plast_org){ + plast = plast_org; + } + int c_number=totalRecord-(nowPage-1)*numPerPage; + + int sql_now_page = (nowPage - 1) * numPerPage; + +%> + + <%if(totalRecord==0) {%> +
+ No data. +
+ <%}else{%> + <% + sql1 = " select t.* from ( select a.* "; + sql1 = sql1 + " from tbl_board a "; + sql1 = sql1 + " where "+ where_t +" a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +" and a.c_home = "+ c_home +" and a.c_maker = "+ c_maker +" and a.c_board_no = "+ board_no +") t "; + sql1 = sql1 + " order by t.c_no desc "; + sql1 = sql1 + " limit "+ sql_now_page +" , "+ numPerPage +" "; + rst = stmt.executeQuery(sql1); + int r_time = 0; + while (rst.next()) { + r_time = r_time + 1; + if(r_time == 1){ + %> +
+ + <% + } + %> +
+ " target="_blank" title="<%=rst.getString("c_title")%>">" style="width:100%"> +
+ <%if(r_time == 3){ + r_time = 0; + %> +
+ <%}%> + + <% + c_number=c_number-1; + } + rst.close(); + %> + <%if(r_time > 0){ + %> +
+ <% + } + %> + <%} %> + + + + + <%if(pfirst > 1){ %> + + + <%}%> + <% for(int i=pfirst;i + + <%}%> + <%if(plast < plast_org){ %> + + + <%}%> + +
+ 〈〈 + + 〈 + + <% if(i==nowPage){%> + <%=i%> + <%}else{%> + <%=i%> + <%}%> + + 〉 + + 〉〉 +
+ +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/presentation/chat/chat_ok.jsp b/apply/cms_for_bcb/process/presentation/chat/chat_ok.jsp new file mode 100644 index 0000000..3c58eaa --- /dev/null +++ b/apply/cms_for_bcb/process/presentation/chat/chat_ok.jsp @@ -0,0 +1,23 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + String c_presentation_no = r_call(request.getParameter("c_presentation_no")); + String c_content = r_call(request.getParameter("c_content")); + + String sql_chat = "insert into tbl_presentation_chat (c_presentation_no,c_member_no,c_member_display,c_content,c_file,c_date) values("; + sql_chat = sql_chat + "" + c_presentation_no +","+ session.getAttribute("member_no") +",'"+ session.getAttribute("member_name") +"','"+ c_content +"','',now())"; + stmt2.execute(sql_chat); + %> + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/presentation/chat/disc.jsp b/apply/cms_for_bcb/process/presentation/chat/disc.jsp new file mode 100644 index 0000000..40242d3 --- /dev/null +++ b/apply/cms_for_bcb/process/presentation/chat/disc.jsp @@ -0,0 +1,90 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<% +if(session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("2")){ + +%> + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + <% + String c_presentation_no = r_call(request.getParameter("c_presentation_no")); + String sql_p_d = "select c_member_display,c_content,c_file,c_date,c_member_no from tbl_presentation_chat where c_presentation_no = "+ c_presentation_no; + ResultSet rs_p_d = stmt2.executeQuery(sql_p_d); + while(rs_p_d.next()){ + %> + + + <% + } + rs_p_d.close(); + %> +
+ align=right<%}%> cellpadding=0 cellspacing=0 style="max-width:80%"> + + +
#FFFBCB<%}else{%>#ededed<%}%>" style="padding:5px<%if(rs_p_d.getString("c_member_no").equals(session.getAttribute("member_no"))){%>;text-align:right<%}%>"> + <%=rs_p_d.getString("c_member_display")%> +
#FFFBCB<%}else{%>#ededed<%}%>" style="padding-left:15px;padding-right:15px;padding-bottom:5px<%if(rs_p_d.getString("c_member_no").equals(session.getAttribute("member_no"))){%>;text-align:right<%}%>"> + <%=rs_p_d.getString("c_content")%> +
+
+
+ +
+
+
+ + + + +<% + + }else{ +%> + +<% + + } +%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/presentation/chat/list.jsp b/apply/cms_for_bcb/process/presentation/chat/list.jsp new file mode 100644 index 0000000..b1162c7 --- /dev/null +++ b/apply/cms_for_bcb/process/presentation/chat/list.jsp @@ -0,0 +1,142 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<% +if(session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("2")){ + String c_presentation_no = r_call(request.getParameter("c_presentation_no")); + String sql_p_d = "select * from tbl_presentation where c_no = "+ c_presentation_no; + ResultSet rs_p_d = stmt2.executeQuery(sql_p_d); + if(rs_p_d.next()){ +%> + + + + + + + + + +KOEF BCB System + + + + + + + + + + + + + + + + + + +
+ + + + + + +
+
+
·   + 4th Presentation Chatting / 2018-12-12 +
+ +
+
+
+
+
+
+ +
+
+ +
+
+ + +
+ Chat  + + + +  send +
+ +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +<% + }else{ +%> + +<% + + } + rs_p_d.close(); + }else{ +%> + +<% + + } +%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/presentation/inc_presentation.jsp b/apply/cms_for_bcb/process/presentation/inc_presentation.jsp new file mode 100644 index 0000000..d34440e --- /dev/null +++ b/apply/cms_for_bcb/process/presentation/inc_presentation.jsp @@ -0,0 +1,120 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<% + String c_syl[] = new String[10]; + c_syl[0] = "Syllabus to Display - None"; + c_syl[1] = "1 - Opportunity Assessment"; + c_syl[2] = "2 - Value Propositions"; + c_syl[3] = "3 - Customer Segments"; + c_syl[4] = "4 - Channels"; + c_syl[5] = "5 - Customer Relationships"; + c_syl[6] = "6 - Revenue Streams"; + c_syl[7] = "7 - Key Partners"; + c_syl[8] = "8 - Resource, Activities, And Costs"; + c_syl[9] = "9 - Lessons Learned"; +%> +
+
+
+
+ Presentations    + <%if(session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("2")){%> + + + <%}%> +

+ + + <% + String s_p_team = r_call(request.getParameter("c_p_team")); + String c_presentation_name = ""; + int c_p_team = 0; + if(!s_p_team.equals("")){ + c_p_team = Integer.parseInt(s_p_team); + } + String s_presentation_no = r_call(request.getParameter("c_presentation_no")); + int c_presentation_no = 0; + if(!s_presentation_no.equals("")){ + c_presentation_no = Integer.parseInt(s_presentation_no); + } + String check_project = ""; + String sql_p = "select * from tbl_presentation where c_project_no = " + session.getAttribute("member_project_no") + " and c_use = 0 order by c_no desc "; + ResultSet rs_p = stmt2.executeQuery(sql_p); + int pt_count = 0; + while(rs_p.next()){ + pt_count = pt_count + 1; + if(pt_count == 1 && c_presentation_no == 0){ + c_presentation_no = rs_p.getInt("c_no"); + } + if(c_presentation_no == rs_p.getInt("c_no")){ + check_project = rs_p.getString("c_project_no"); + c_presentation_name = rs_p.getString("c_name") + " / " + rs_p.getString("c_presentation_date"); + } + %> + #FFF223<%}else{%>#ededed<%}%>"> + + + + + + + <% + } + rs_p.close(); + %> +
+ " title="Presentation 이동"> + <%=rs_p.getString("c_name")%> / <%=rs_p.getString("c_presentation_date")%> + + + <%if(session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("2")){%> + " title="Presentation Edit"> + <%}%> +   + )"> + ▼ +
" style="display:<%if(c_presentation_no == rs_p.getInt("c_no")){%><%}else{%>none<%}%>;padding-bottom:10px;padding-left:10px;padding-top:5px;line-height:200%"> + <% + String sql_p_t = "select a.c_no, b.c_team_name,a.c_team_no from tbl_presentation_team a "; + sql_p_t = sql_p_t + " inner join tbl_team b on b.c_no = a.c_team_no "; + sql_p_t = sql_p_t + " where a.c_presentation_no = " + rs_p.getInt("c_no") + " and a.c_use = 0 order by b.c_team_name asc, a.c_no desc "; + ResultSet rs_p_t = stmt2.executeQuery(sql_p_t); + while(rs_p_t.next()){ + %> + &c_presentation_no=<%=rs_p.getInt("c_no")%>"> + <%if(c_p_team == rs_p_t.getInt("c_no")){%> + + <%=rs_p_t.getString("c_team_name")%> + + <%}else{%> + <%=rs_p_t.getString("c_team_name")%> + <%}%> + + <%if(session.getAttribute("member_type").equals("0") && session.getAttribute("member_team_no").equals(rs_p_t.getString("c_team_no"))){%> + &c_presentation_no=<%=rs_p.getInt("c_no")%>" title="Team Presentation Edit"> + <%}%> +
+ <% + } + rs_p_t.close(); + %> +
+ <% if(check_project.equals("")){%> + + <%}else{%> + <%if(!check_project.equals(session.getAttribute("member_project_no"))){%> + + <%}%> + <%}%> +
+
+
diff --git a/apply/cms_for_bcb/process/presentation/inc_presentation_bottom.jsp b/apply/cms_for_bcb/process/presentation/inc_presentation_bottom.jsp new file mode 100644 index 0000000..18651b1 --- /dev/null +++ b/apply/cms_for_bcb/process/presentation/inc_presentation_bottom.jsp @@ -0,0 +1,3 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> + +
diff --git a/apply/cms_for_bcb/process/presentation/list.jsp b/apply/cms_for_bcb/process/presentation/list.jsp new file mode 100644 index 0000000..1442751 --- /dev/null +++ b/apply/cms_for_bcb/process/presentation/list.jsp @@ -0,0 +1,162 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<%@include file="/cms_for_bcb/process/presentation/inc_presentation.jsp"%> + + +<% +if(c_presentation_no == 0){ + if(session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("2")){ + %> + + <% + }else{ + %> + + <% + + } +}else{ + String sql_pre = " select a.* from tbl_presentation a " ; + sql_pre = sql_pre + " where a.c_use = 0 and a.c_no = " + c_presentation_no + " and c_project_no = " + session.getAttribute("member_project_no") ; + ResultSet rs_pre = stmt2.executeQuery(sql_pre); + if(rs_pre.next()){ +%> +
+
+
+
+
·   + <%=rs_pre.getString("c_name")%> / <%=rs_pre.getString("c_presentation_date")%>   +
+
+
+ <%if(session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("2")){%> + + Chat +   + +   + Del + <%}%> +
+ +
+
+ <% + String sql_t = "select a.c_no, b.c_team_name,a.c_team_no, a.c_link, a.c_file "; + sql_t = sql_t + " ,(select avg(c_point) from tbl_comment where c_type = 2 and c_relation = a.c_no and c_use = 0 and c_member_type = 0 and c_point > 0 ) as m_avg "; + sql_t = sql_t + " ,(select avg(c_point) from tbl_comment where c_type = 2 and c_relation = a.c_no and c_use = 0 and c_member_type = 1 and c_point > 0 ) as i_avg "; + sql_t = sql_t + " ,(select avg(c_point) from tbl_comment where c_type = 2 and c_relation = a.c_no and c_use = 0 and c_member_type = 2 and c_point > 0 ) as t_avg "; + sql_t = sql_t + " from tbl_presentation_team a "; + sql_t = sql_t + " inner join tbl_team b on b.c_no = a.c_team_no "; + sql_t = sql_t + " where a.c_presentation_no = " + c_presentation_no + " and a.c_use = 0 order by b.c_team_name asc, a.c_no desc "; + ResultSet rs_t = stmt2.executeQuery(sql_t); + while(rs_t.next()){ + %> + +
+
+
+ +
+
+
+ <%if(session.getAttribute("member_type").equals("0") && session.getAttribute("member_team_no").equals(rs_t.getString("c_team_no"))){%> + &c_presentation_no=<%=c_presentation_no%>" title="Edit team presentation"> +   + <%}%> + &c_presentation_no=<%=c_presentation_no%>" title="Team Presentation Details"> + Detail + +
+
+
+ Average of + + + + +
+ Instructors + + <%if(rs_t.getString("i_avg") != null){%> + <%=rs_t.getFloat("i_avg")%> + <%}else{%> + N/A + <%}%> +
+ Mentors + + <%if(rs_t.getString("t_avg") != null){%> + <%=rs_t.getFloat("t_avg")%> + <%}else{%> + N/A + <%}%> +
+ Members in Project + + <%if(rs_t.getString("m_avg") != null){%> + <%=rs_t.getFloat("m_avg")%> + <%}else{%> + N/A + <%}%> +
+
+
+ Presentation Link or File +
+ + <%if(!rs_t.getString("c_link").equals("")){%> + <%=rs_t.getString("c_link")%> + <%}%> + <%if(!rs_t.getString("c_file").equals("")){%> + <%=rs_t.getString("c_file")%> + <%}%> +
+
+
+ <% + } + rs_t.close(); + %> + +
+ +
+
+<% + }else{ +%> + +<% + } + rs_pre.close(); + } +%> +<%@include file="/cms_for_bcb/process/presentation/inc_presentation_bottom.jsp"%> +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/presentation/presentation/delete_ok.jsp b/apply/cms_for_bcb/process/presentation/presentation/delete_ok.jsp new file mode 100644 index 0000000..25ce8f9 --- /dev/null +++ b/apply/cms_for_bcb/process/presentation/presentation/delete_ok.jsp @@ -0,0 +1,30 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<%@include file="/cms_for_bcb/process/presentation/inc_presentation.jsp"%> +<% + if(session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("2")){ + String sql_cs = " update tbl_presentation set c_use = 1, c_use_date = now(), c_member_no = "+ session.getAttribute("member_no") +" where c_use = 0 and c_no = " + c_presentation_no; + stmt.execute(sql_cs); +%> + +<% + + }else{ +%> + +<% + + } +%> +<%@include file="/cms_for_bcb/process/presentation/inc_presentation_bottom.jsp"%> +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/presentation/presentation/edit.jsp b/apply/cms_for_bcb/process/presentation/presentation/edit.jsp new file mode 100644 index 0000000..d99f971 --- /dev/null +++ b/apply/cms_for_bcb/process/presentation/presentation/edit.jsp @@ -0,0 +1,143 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<%@include file="/cms_for_bcb/process/presentation/inc_presentation.jsp"%> +<% +if(session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("2")){ + +String sql_p_d = "select * from tbl_presentation where c_no = "+ c_presentation_no; +ResultSet rs_p_d = stmt2.executeQuery(sql_p_d); +if(rs_p_d.next()){ +%> +
+
+
+
+
·   + Edit Presentation - <%=rs_p_d.getString("c_name")%>   +
+
+
+ + +
+
+ +
+ +
+
+ 1. Title of Presentations +
+
+ " style="width:100%;height:30px" placeholder="Presentations Title "> +
+
+
+
+ 2. When are the presentations? +
+
+ " style="width:80px;height:30px" class="date-picker" type="text" readonly> +
+
+
+
+ 3. Paste a link to your presentation folder below +
+
+ " style="width:100%;height:30px" placeholder="o.g.. https://dropbox.com/your_file_name"> +
+
+
+
+ 4. Choose a Syllabus Theme +
+
+ +
+
+
+
+ 5. For which teams do you want to create presentations? +
+
+ + <% + String sql_team_no = "select a.* "; + sql_team_no = sql_team_no + ",(select count(c_no) as pr_ok from tbl_presentation_team where c_presentation_no = "+ c_presentation_no +" and c_team_no = a.c_no and c_use = 0) as pr_ok "; + sql_team_no = sql_team_no + " from tbl_team a where a.c_project_no = " + session.getAttribute("member_project_no") + " and a.c_use=0 order by a.c_team_name asc "; + ResultSet rs_team_no = stmt2.executeQuery(sql_team_no); + while(rs_team_no.next()){ + %> + + <%} + rs_team_no.close(); + %> +
+ " type="checkbox" <%if(rs_team_no.getInt("pr_ok") > 0){%>checked<%}%>> + + <%=rs_team_no.getString("c_team_name")%> +
+
+
+
+ Presentations Edit + Cancel +
+
+
+
+
+<% + }else{ +%> + +<% + + } + }else{ +%> + +<% + + } +%> +<%@include file="/cms_for_bcb/process/presentation/inc_presentation_bottom.jsp"%> +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/presentation/presentation/edit_ok.jsp b/apply/cms_for_bcb/process/presentation/presentation/edit_ok.jsp new file mode 100644 index 0000000..1d7ceaf --- /dev/null +++ b/apply/cms_for_bcb/process/presentation/presentation/edit_ok.jsp @@ -0,0 +1,57 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_presentation_no = r_call(request.getParameter("c_presentation_no")); + String c_name = r_call(request.getParameter("c_name")); + String c_presentation_date = r_call(request.getParameter("c_presentation_date")); + String c_link = r_call(request.getParameter("c_link")); + String c_theme = r_call(request.getParameter("c_theme")); + + String sql_ok = " update tbl_presentation set "; + sql_ok = sql_ok + " c_member_no='"+ session.getAttribute("member_no") +"',c_name='"+c_name+"',c_presentation_date='"+ c_presentation_date +"', c_theme="+ c_theme +", c_link='"+ c_theme +"', c_update=now() "; + sql_ok = sql_ok + " where c_no = " + c_presentation_no; + stmt2.execute(sql_ok); + + String[] a_team_no = request.getParameterValues("c_team_no"); + if(a_team_no != null && !a_team_no.equals("")){ + String sql_team_no = "select c_team_no from tbl_presentation_team where c_use = 0 and c_presentation_no = " + c_presentation_no; + ResultSet rs_team_no = stmt2.executeQuery(sql_team_no); + while(rs_team_no.next()){ + int now_check = 0; + for(int i=0;i + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/presentation/presentation/insert.jsp b/apply/cms_for_bcb/process/presentation/presentation/insert.jsp new file mode 100644 index 0000000..21ab1c2 --- /dev/null +++ b/apply/cms_for_bcb/process/presentation/presentation/insert.jsp @@ -0,0 +1,127 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<%@include file="/cms_for_bcb/process/presentation/inc_presentation.jsp"%> +<% +if(session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("2")){ +%> +
+
+
+
+
·   + Create a New Presentation   +
+
+
+ + +
+
+ +
+
+
+ 1. Title of Presentations +
+
+ +
+
+
+
+ 2. When are the presentations? +
+
+ +
+
+
+
+ 3. Paste a link to your presentation folder below +
+
+ +
+
+
+
+ 4. Choose a Syllabus Theme +
+
+ +
+
+
+
+ 5. For which teams do you want to create presentations? +
+
+ + <% + String sql_team_no = "select * from tbl_team where c_project_no = " + session.getAttribute("member_project_no") + " and c_use = 0 order by c_team_name asc "; + ResultSet rs_team_no = stmt2.executeQuery(sql_team_no); + while(rs_team_no.next()){ + %> + + <%} + rs_team_no.close(); + %> +
+ " type="checkbox"> + + <%=rs_team_no.getString("c_team_name")%> +
+
+
+
+ Presentations Insert + Cancel +
+
+
+
+
+<% + }else{ +%> + +<% + + } +%> +<%@include file="/cms_for_bcb/process/presentation/inc_presentation_bottom.jsp"%> +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/presentation/presentation/insert_ok.jsp b/apply/cms_for_bcb/process/presentation/presentation/insert_ok.jsp new file mode 100644 index 0000000..9bd2dd5 --- /dev/null +++ b/apply/cms_for_bcb/process/presentation/presentation/insert_ok.jsp @@ -0,0 +1,46 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_name = r_call(request.getParameter("c_name")); + String c_presentation_date = r_call(request.getParameter("c_presentation_date")); + String c_link = r_call(request.getParameter("c_link")); + String c_theme = r_call(request.getParameter("c_theme")); + + String sql_ok = " insert into tbl_presentation (c_project_no,c_member_no,c_name,c_presentation_date, c_theme, c_link, c_use,c_date) values("; + sql_ok = sql_ok + session.getAttribute("member_project_no") + "," + session.getAttribute("member_no"); + sql_ok = sql_ok + ",'" + c_name +"','"+ c_presentation_date +"',"+ c_theme +",'"+ c_link +"',0,now())"; + stmt2.execute(sql_ok); + int max_c_no = 1; + String sql_hypo = " select max(c_no) as max_c_no from tbl_presentation "; + ResultSet rs_hypo = stmt2.executeQuery(sql_hypo); + if(rs_hypo.next()){ + max_c_no = rs_hypo.getInt("max_c_no"); + } + rs_hypo.close(); + + String[] a_team_no = request.getParameterValues("c_team_no"); + + if(a_team_no != null && !a_team_no.equals("")){ + + for(int i=0;i + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/presentation/team/edit.jsp b/apply/cms_for_bcb/process/presentation/team/edit.jsp new file mode 100644 index 0000000..263ccdc --- /dev/null +++ b/apply/cms_for_bcb/process/presentation/team/edit.jsp @@ -0,0 +1,99 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<%@include file="/cms_for_bcb/process/presentation/inc_presentation.jsp"%> + + +<% + String sql_pre = " select a.*, b.c_team_name, b.c_no as c_team_no from tbl_presentation_team a " ; + sql_pre = sql_pre + " inner join tbl_team b on b.c_no = a.c_team_no and b.c_use = 0"; + sql_pre = sql_pre + " where a.c_use = 0 and a.c_no = " + c_p_team + " and a.c_project_no = " + session.getAttribute("member_project_no") ; + ResultSet rs_pre = stmt2.executeQuery(sql_pre); + if(rs_pre.next()){ + if(!rs_pre.getString("c_team_no").equals(session.getAttribute("member_team_no")) || !session.getAttribute("member_type").equals("0")){ + %> + + <% + }else{ +%> +
+
+
+
+ Edit <%=rs_pre.getString("c_team_name")%> < <%=c_presentation_name%> +
+
+ +
+ +
+ +
+ + +
+
+ 1. Link of Presentation +
+
+ " style="width:50%;height:30px" type="text" preholder="http://www.youtube.com/txfwsd...."> +
+
+
+
+ 2. Upload Presentation +
+
+ " style="width:100%;height:30px" type="file"> +
+
+
+
+ 3. Choose a Syllabus +
+
+ +
+
+
+ Presentation Edit + Cancel +
+
+
+
+
+<% } + }else{ +%> + +<% + } + rs_pre.close(); + +%> +<%@include file="/cms_for_bcb/process/presentation/inc_presentation_bottom.jsp"%> +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/presentation/team/edit_ok.jsp b/apply/cms_for_bcb/process/presentation/team/edit_ok.jsp new file mode 100644 index 0000000..b483004 --- /dev/null +++ b/apply/cms_for_bcb/process/presentation/team/edit_ok.jsp @@ -0,0 +1,71 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + + String fileName = ""; + String realFolder = ""; + String saveFolder = "/upload/movie"; + String encType = "utf-8"; + int maxSize = 50 * 1024 * 1024; + + ServletContext scontext = getServletContext(); + ArrayList saveFiles = new ArrayList(); + ArrayList orgFiles = new ArrayList(); + realFolder = scontext.getRealPath(saveFolder); + MultipartRequest multi = new MultipartRequest( request + , realFolder + , maxSize + , encType + , new DefaultFileRenamePolicy() ); + Enumeration files = multi.getFileNames(); + int t1 = 0; + while( files.hasMoreElements() ){ + String name = (String)files.nextElement(); + String fName = multi.getFilesystemName( name ); + String oName = multi.getOriginalFileName( name ); + String type = multi.getContentType( name ); + File f = multi.getFile( name ); + if(fName != null && !fName.equals("")){ + t1 = t1 + 1; + if(t1 > 1){ + fileName = fileName + "|"; + } + fileName = fileName + fName; + } + } + if(fileName == null){ + fileName = ""; + } + + String show_no = r_call(multi.getParameter("show_no")); + String check_no = r_call(multi.getParameter("check_no")); + String c_relation = r_call(multi.getParameter("c_relation")); + String c_relation2 = r_call(multi.getParameter("c_relation2")); + String c_p_team = r_call(multi.getParameter("c_p_team")); + String c_presentation_no = r_call(multi.getParameter("c_presentation_no")); + String c_link = r_call(multi.getParameter("c_link")); + String c_theme = r_call(multi.getParameter("c_theme")); + + + + + String sql_ok = ""; + sql_ok = sql_ok + " update tbl_presentation_team set "; + sql_ok = sql_ok + " c_link ='"+ c_link +"', c_file = '"+ fileName +"', c_theme = "+ c_theme +", c_update = now(), c_update_member_no = "+ session.getAttribute("member_no") +" "; + sql_ok = sql_ok + " where c_no = " + c_p_team; + stmt2.execute(sql_ok); + + %> + + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/presentation/team/view.jsp b/apply/cms_for_bcb/process/presentation/team/view.jsp new file mode 100644 index 0000000..020f43b --- /dev/null +++ b/apply/cms_for_bcb/process/presentation/team/view.jsp @@ -0,0 +1,346 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<%@include file="/cms_for_bcb/process/presentation/inc_presentation.jsp"%> + + +<% + String sql_pre = " select a.*, b.c_team_name, b.c_no as c_team_no from tbl_presentation_team a " ; + sql_pre = sql_pre + " inner join tbl_team b on b.c_no = a.c_team_no and b.c_use = 0"; + sql_pre = sql_pre + " where a.c_use = 0 and a.c_no = " + c_p_team + " and a.c_project_no = " + session.getAttribute("member_project_no") ; + ResultSet rs_pre = stmt2.executeQuery(sql_pre); + if(rs_pre.next()){ +%> +
+
+
+
+ <%=rs_pre.getString("c_team_name")%> < <%=c_presentation_name%> +
+
+ <%if(session.getAttribute("member_type").equals("0") && session.getAttribute("member_team_no").equals(rs_pre.getString("c_team_no"))){%> + + <%}%> +
+ +
+
+ Presentation Link or File +
+ <%if(!rs_pre.getString("c_link").equals("")){%> + <%=rs_pre.getString("c_link")%> + <%}%> + <%if(!rs_pre.getString("c_file").equals("")){%> + <%=rs_pre.getString("c_file")%> + <%}%> +
+
+ <% + int pt_rate = 100 / pt_count; + %> +
+ Point History +
+
+ +
+ <% + String tab_go[] = new String[4]; + tab_go[1] = "1"; + tab_go[2] = "2"; + tab_go[3] = "0"; + %> + <% for(int tab_no = 1;tab_no <4;tab_no++){%> +
+ + + + + +
+ + + + + <% + String p_name[] = new String[20]; + String sql_pre2 = " select a.* "; + sql_pre2 = sql_pre2 + ", (select avg(c_point) from tbl_comment where c_type = 2 and c_relation = b.c_no and c_use = 0 and c_member_type = "+ tab_go[tab_no] +" and c_point > 0 ) as m_avg "; + sql_pre2 = sql_pre2 + " from tbl_presentation a "; + sql_pre2 = sql_pre2 + " inner join tbl_presentation_team b on b.c_presentation_no = a.c_no and b.c_use = 0 and c_team_no = " + rs_pre.getInt("c_team_no"); + sql_pre2 = sql_pre2 + " where a.c_use = 0 and a.c_project_no = " + session.getAttribute("member_project_no"); + sql_pre2 = sql_pre2 + " order by a.c_no asc"; + ResultSet rs_pre2 = stmt2.executeQuery(sql_pre2); + int ppl = 0; + while(rs_pre2.next()){ + ppl = ppl + 1; + p_name[ppl] = rs_pre2.getString("c_name"); + %> + + <%} + rs_pre2.close(); + %> + +
+ <%=rs_pre2.getFloat("m_avg")%> + + +
px" bgcolor=<%if(c_presentation_no == rs_pre2.getInt("c_no")){%>#FFF585<%}else{%>#cdcdcd<%}%>> + +
+
+
+ + + + + <% for(int typ = 1; typ < ppl + 1;typ++){%> + + <%}%> + +
+ <%=p_name[typ]%> +
+
+
+ <%}%> + +
+
+
+
+
+
+ +
+ Comment & point

+
+ +
+ <% for(int tab_no = 1;tab_no <4;tab_no++){%> +
in active<%}%>" id="iinfo0<%=tab_no%>"> + +
+ <%if( session.getAttribute("member_type").equals(tab_go[tab_no] ) ){%> + <% + String last_sql = " select c_content, c_point, c_no from tbl_comment "; + last_sql = last_sql + " where c_project_no = " + session.getAttribute("member_project_no") + " "; + last_sql = last_sql + " and c_pt_no = " + c_presentation_no + " "; + last_sql = last_sql + " and c_team_no = " + rs_pre.getInt("c_team_no") + " "; + last_sql = last_sql + " and c_type = 2 "; + last_sql = last_sql + " and c_relation = " + c_p_team + " "; + last_sql = last_sql + " and c_member_no = " + session.getAttribute("member_no") + " "; + last_sql = last_sql + " and c_member_type = " + session.getAttribute("member_type") + " "; + last_sql = last_sql + " and c_use=0 "; + ResultSet rs_last = stmt.executeQuery(last_sql); + if(rs_last.next()){ + %> + +
+ " type="hidden"> +
+ + <% String sql_in = "select c_photo from tbl_member where c_no = " + session.getAttribute("member_no"); + ResultSet rs_in = stmt.executeQuery(sql_in); + if(rs_in.next()){ + %> + + + + + + + + + + <% + } + rs_in.close(); + %> +
+ <%if(!rs_in.getString("c_photo").equals("")){%> + " width="50" height=50 style="border: 1px solid #ededed;border-radius: 50px; "> + <%}%> + + + +
+ + Point : + + Edit +
+
+
+ +
+
+ <% + }else{ + %> + +
+ + " type="hidden"> + + +
+ + <% String sql_in = "select c_photo from tbl_member where c_no = " + session.getAttribute("member_no"); + ResultSet rs_in = stmt.executeQuery(sql_in); + if(rs_in.next()){ + %> + + + + + + + + + + <% + } + rs_in.close(); + %> +
+ <%if(!rs_in.getString("c_photo").equals("")){%> + " width="50" height=50 style="border: 1px solid #ededed;border-radius: 50px; "> + <%}%> + + + +
+ + Point : + + Insert +
+
+
+ +
+
+ <%}%> + <%}%> + +
+ + <% String sql_comment = " select a.c_content, a.c_date, b.c_photo, b.c_name, a.c_member_type, a.c_point,a.c_member_no from tbl_comment a "; + sql_comment = sql_comment + " inner join tbl_member b on b.c_no = a.c_member_no "; + sql_comment = sql_comment + " where a.c_type= 2 and a.c_relation = " + c_p_team + " and a.c_member_type= "+ tab_go[tab_no] +" order by a.c_no desc "; + ResultSet rs_comment = stmt.executeQuery(sql_comment); + while(rs_comment.next()){ + %> + + + + + + + + + + <% + } + rs_comment.close(); + %> +
+ <%if(!rs_comment.getString("c_photo").equals("")){%> + " width="50" height=50 style="border: 1px solid #ededed;border-radius: 50px; "> + <%}%> + + bgcolor="#FFFBCB"<%}%>> + <%=rs_comment.getString("c_name")%>[ + <%if(rs_comment.getInt("c_member_type") ==0){%> + Team Member + <%}%> + <%if(rs_comment.getInt("c_member_type") ==1){%> + Instructor + <%}%> + <%if(rs_comment.getInt("c_member_type") ==2){%> + + Mentor + <%}%> + ] + / + <%=rs_comment.getString("c_date")%> + <%if(rs_comment.getInt("c_point") >0){%> + / point : <%=rs_comment.getInt("c_point")%> + <%}%> + +
+ bgcolor="#FFFBCB"<%}%>> + <%=rs_comment.getString("c_content").replaceAll("\r\n","
")%> + +
+
+
+
+ <%}%> +
+
+
+ + +
+ +
+
+<% + }else{ +%> + +<% + } + rs_pre.close(); + +%> +<%@include file="/cms_for_bcb/process/presentation/inc_presentation_bottom.jsp"%> +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/survey/insert.jsp b/apply/cms_for_bcb/process/survey/insert.jsp new file mode 100644 index 0000000..11ef900 --- /dev/null +++ b/apply/cms_for_bcb/process/survey/insert.jsp @@ -0,0 +1,274 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> + + <% + String c_survey_no = r_call(request.getParameter("c_survey_no")); + String c_survey_project_no = r_call(request.getParameter("c_survey_project_no")); +%> + + +

+ + +
+ + + + + + + + + + + + + + + + + + + + + + +
+ <% + String c_content = ""; + String sql_sr4 = "select * "; + sql_sr4 = sql_sr4 + " ,(select c_name from tbl_survey where c_no = " + c_survey_no + " ) as c_survey_name "; + sql_sr4 = sql_sr4 + " , (select c_now from tbl_survey_target where c_survey_project_no = " + c_survey_project_no + " and c_member_no = "+ session.getAttribute("member_no") +" and c_use = 0) as c_member_now "; + sql_sr4 = sql_sr4 + " , (select c_no from tbl_survey_target where c_survey_project_no = " + c_survey_project_no + " and c_member_no = "+ session.getAttribute("member_no") +" and c_use = 0) as c_target_no "; + sql_sr4 = sql_sr4 + " from tbl_survey_project "; + sql_sr4 = sql_sr4 + " where c_home = " +c_home + " and c_no = " + c_survey_project_no + " and c_survey_no = " + c_survey_no + " and c_use = 0 ";; + ResultSet rs_sr4 = stmt.executeQuery(sql_sr4); + if(rs_sr4.next()){ + if(rs_sr4.getString("c_member_now") == null){ + %> + + <% + }else{ + if(rs_sr4.getInt("c_member_now") == 1){ + %> + + <% + }else{ + + c_content = rs_sr4.getString("c_content"); + %> + Survey project : <%=rs_sr4.getString("c_name") %>
+ + Kind of Survey : <%=rs_sr4.getString("c_survey_name") %> + +
+
+
+ <%=c_content%> +
+
+" type="hidden"> +" type="hidden"> + + <% + String sql_sr=" SELECT * from tbl_survey_problem where c_survey_no = " + c_survey_no + " and c_up_no = 0 and c_use=0 order by c_order asc"; + ResultSet rs_sr = stmt.executeQuery(sql_sr); + while (rs_sr.next()) { + %> + + + + + + + <% + String sql_sr2=" SELECT * from tbl_survey_problem where c_survey_no = " + c_survey_no + " and c_up_no = "+ rs_sr.getInt("c_no") +" and c_use=0 order by c_order asc"; + ResultSet rs_sr2 = stmt.executeQuery(sql_sr2); + while (rs_sr2.next()) { + %> + + + + <% + if(rs_sr2.getInt("c_type") < 2){ + %> + + + + + <% + } + %> + <% + if(rs_sr2.getInt("c_type") == 2){ + %> + + + + <% + } + %> + <% + if(rs_sr2.getInt("c_type") == 3){ + %> + + + + <% + } + %> + <% + } + rs_sr2.close(); + %> + + <% + } + rs_sr.close(); + %> + +
+
+ <%=rs_sr.getString("c_title")%> +
+ <%=rs_sr2.getString("c_title")%> +
+ + <% + String sql_sr3=" SELECT * from tbl_survey_answer where c_survey_no = " + c_survey_no + " and c_problem_no = "+ rs_sr2.getInt("c_no") +" and c_use=0 order by c_order asc"; + ResultSet rs_sr3 = stmt.executeQuery(sql_sr3); + while (rs_sr3.next()) { + String input_type = "chekcbox"; + if(rs_sr2.getInt("c_type") == 1){ + input_type = "checkbox"; + %> +
+ + _<%=rs_sr3.getInt("c_no")%>" type="<%=input_type%>" value="1"> + <%=rs_sr3.getString("c_title")%> + <%if(rs_sr3.getInt("c_type") == 1){%> + _<%=rs_sr3.getInt("c_no")%>" > + <%}%> +      + +
+ <% + }else{ + input_type = "radio"; + %> +
+ + " type="<%=input_type%>" value="<%=rs_sr3.getInt("c_no")%>"> + <%=rs_sr3.getString("c_title")%> + <%if(rs_sr3.getInt("c_type") == 1){%> + _<%=rs_sr3.getInt("c_no")%>" > + <%}%> +      + +
+ <% + } + } + rs_sr3.close(); + %> +
+ " style="width:100%;height:24px"> +
+ +
+ + + + + +
+ Participate + List +
+ +
+ + + <% + } + } + }else{ + %> + + <% + } + rs_sr4.close(); + %> + + + + + +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/survey/insert_ok.jsp b/apply/cms_for_bcb/process/survey/insert_ok.jsp new file mode 100644 index 0000000..c7b57ed --- /dev/null +++ b/apply/cms_for_bcb/process/survey/insert_ok.jsp @@ -0,0 +1,98 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.util.*"%> +<%@ page import="java.io.*"%> +<%@ page import="com.oreilly.servlet.MultipartRequest" %> +<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + String c_home = r_call(request.getParameter("c_home")); + String c_survey_no = r_call(request.getParameter("c_survey_no")); + String c_survey_project_no = r_call(request.getParameter("c_survey_project_no")); + String c_target_no = r_call(request.getParameter("c_target_no")); + String c_project_no = r_call(request.getParameter("c_project_no")); + + String sql_r = " select c_now from tbl_survey_target where c_no = " + c_target_no; + ResultSet rs_r = stmt.executeQuery(sql_r); + if(rs_r.next()){ + + if(rs_r.getInt("c_now") == 0){ + + String sql_init = " update tbl_survey_target set c_now = 1, c_answer_date = now() where c_no = " + c_target_no; + stmt2.execute(sql_init); + + int t1 = 0; + String sql_sr=" SELECT * from tbl_survey_problem where c_survey_no = " + c_survey_no + " and c_up_no = 0 and c_use=0 order by c_order asc"; + ResultSet rs_sr = stmt.executeQuery(sql_sr); + while (rs_sr.next()) { + String sql_sr2=" SELECT * from tbl_survey_problem where c_survey_no = " + c_survey_no + " and c_up_no = "+ rs_sr.getInt("c_no") +" and c_use=0 order by c_order asc"; + ResultSet rs_sr2 = stmt.executeQuery(sql_sr2); + while (rs_sr2.next()) { + if(rs_sr2.getInt("c_type") < 2 ) { + if(rs_sr2.getInt("c_type") == 0 ) { + if( !r_call(request.getParameter("p_" + rs_sr2.getInt("c_no"))).equals("")){ + String call_p = r_call(request.getParameter("p_" + rs_sr2.getInt("c_no"))); + String i_t = ""; + String sql_sr3=" SELECT * from tbl_survey_answer where c_survey_no = " + c_survey_no + " and c_problem_no = "+ rs_sr2.getInt("c_no") +" and c_use=0 and c_no = "+ call_p +" order by c_order asc"; + ResultSet rs_sr3 = stmt.executeQuery(sql_sr3); + if (rs_sr3.next()) { + if(rs_sr3.getInt("c_type") == 1){ + i_t = r_call(request.getParameter("t_" + rs_sr2.getInt("c_no") + "_" + rs_sr3.getInt("c_no"))); + } + } + rs_sr3.close(); + + String sql_in = "insert into tbl_survey_result ( c_project_no, c_survey_no, c_survey_project_no, c_target_no, c_problem_no, c_answer_no, c_text ) values ("; + sql_in = sql_in + " " + c_project_no + "," + c_survey_no + "," + c_survey_project_no + "," + c_target_no + "," + rs_sr2.getInt("c_no") + "," + call_p + ",'" + i_t + "')"; + stmt2.execute(sql_in); + } + } + if(rs_sr2.getInt("c_type") == 1 ) { + String sql_sr3=" SELECT * from tbl_survey_answer where c_survey_no = " + c_survey_no + " and c_problem_no = "+ rs_sr2.getInt("c_no") +" and c_use=0 order by c_order asc"; + ResultSet rs_sr3 = stmt.executeQuery(sql_sr3); + while (rs_sr3.next()) { + t1 = t1 + 1; + if( r_call(request.getParameter("p_" + rs_sr2.getInt("c_no") + "_" + rs_sr3.getInt("c_no"))).equals("1")){ + String i_t = ""; + if(rs_sr3.getInt("c_type") == 1){ + i_t = r_call(request.getParameter("t_" + rs_sr2.getInt("c_no") + "_" + rs_sr3.getInt("c_no"))); + } + String sql_in = "insert into tbl_survey_result ( c_project_no, c_survey_no, c_survey_project_no, c_target_no, c_problem_no, c_answer_no, c_text ) values ("; + sql_in = sql_in + " " + c_project_no + "," + c_survey_no + "," + c_survey_project_no + "," + c_target_no + "," + rs_sr2.getInt("c_no") + "," + rs_sr3.getInt("c_no") + ",'" + i_t + "')"; + stmt2.execute(sql_in); + } + } + rs_sr3.close(); + } + }else{ + t1 = t1 + 1; + if( !r_call(request.getParameter("p_" + rs_sr2.getInt("c_no") )).equals("")){ + String sql_in = "insert into tbl_survey_result ( c_project_no, c_survey_no, c_survey_project_no, c_target_no, c_problem_no, c_answer_no, c_text ) values ("; + sql_in = sql_in + " " + c_project_no + "," + c_survey_no + "," + c_survey_project_no + "," + c_target_no + "," + rs_sr2.getInt("c_no") + ",0,'" + r_call(request.getParameter("p_" + rs_sr2.getInt("c_no") )) + "')"; + stmt2.execute(sql_in); + } + } + } + rs_sr2.close(); + } + rs_sr.close(); + +%> + + +<% + }else{ + + } + } + rs_r.close(); +%> +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/process/survey/list.jsp b/apply/cms_for_bcb/process/survey/list.jsp new file mode 100644 index 0000000..ecc1b88 --- /dev/null +++ b/apply/cms_for_bcb/process/survey/list.jsp @@ -0,0 +1,140 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<% + login_tag = 1; +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> + + +

+ + + + + + + + + +<% + String sql1 = " select a.* "; + sql1 = sql1 + " ,(select c_name from tbl_project where c_no = a.c_project_no ) as c_poject_name "; + sql1 = sql1 + " ,(select c_now from tbl_survey_target where c_survey_project_no = a.c_no and c_member_no = "+ session.getAttribute("member_no") +" and c_use = 0 ) as c_member_now "; + sql1 = sql1 + " from tbl_survey_project a where a.c_home = " + c_home + " and a.c_now < 2 order by a.c_no desc "; + + ResultSet rst = stmt.executeQuery(sql1); + int num_p = 0; + while (rst.next()) { + num_p = num_p + 1; +%> + + + + + + + + + + + +<% + } + rst.close(); +%> +
NoSurvey TitleRelated projectActual stateParticipate
+ <%=num_p%> + + <%=rst.getString("c_name")%> + + <%=rst.getString("c_poject_name")%> + + <%if(rst.getInt("c_now") == 0){%> + Waiting + <%}%> + <%if(rst.getInt("c_now") == 1){%> + Proceed + <%}%> + + + + <%if(rst.getInt("c_now") == 1){%> + <%if(rst.getString("c_member_now") == null){%> + Not Target + <%}else{%> + <%if(rst.getInt("c_member_now") == 0){%> + &c_survey_no=<%=rst.getInt("c_survey_no")%>" style="width: 100px; line-height: 26px; text-align: center;display: inline-block; background: #5e7cc4; border: 1px solid #555; border-radius: 5px; color: #ffffff;">Participate + <%}else{%> + Participation completed + <%}%> + <%}%> + <%}%> +
+ + + + + + +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/cms_for_bcb/process/temp/check.jsp b/apply/cms_for_bcb/process/temp/check.jsp new file mode 100644 index 0000000..8d1349c --- /dev/null +++ b/apply/cms_for_bcb/process/temp/check.jsp @@ -0,0 +1,26 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + + + String sql= "select a.c_no ,(select c_no from tbl_member where c_id = a.c_email and c_use = 0 ) as c_member_no from tbl_apply_team_member a where a.c_member_no = 0 and a.c_use = 0 "; + + ResultSet rs=stmt.executeQuery(sql); + while(rs.next()){ + + %> + <%=rs.getInt("c_no")%> / <%=rs.getInt("c_member_no")%>
+ <% + if(rs.getInt("c_member_no") >0){ + String sql_ok = "update tbl_apply_team_member set c_member_no = " + rs.getInt("c_member_no") + " where c_use = 0 and c_no = " + rs.getInt("c_no") ; + stmt2.execute(sql_ok); + } + } + rs.close(); + + + %> +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/cms_for_bcb/show.jsp b/apply/cms_for_bcb/show.jsp new file mode 100644 index 0000000..24f5372 --- /dev/null +++ b/apply/cms_for_bcb/show.jsp @@ -0,0 +1,36 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<% + if(r_call(request.getParameter("show_no")).equals("4")){ + home_fact = 1; + } +%> +<%@include file="/include/head.jsp"%> +<%@include file="/cms_for_bcb/show_top.jsp"%> +<% + String view_page = "/cms_for_bcb/contents/" ; + try{ + if(page_type == 1){ + view_page = view_page + page_content; + %> + + + <% + } + if(page_type == 5){ + %> + <%=page_content.replaceAll("/upload/","http://apply.ci.concytec.gob.pe/upload/")%> + <% + } + }catch(Exception e){ +%> +









+ +Coming soon. +









+<% + } +%> +<%@include file="/cms_for_bcb/show_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> \ No newline at end of file diff --git a/apply/cms_for_bcb/show_bottom.jsp b/apply/cms_for_bcb/show_bottom.jsp new file mode 100644 index 0000000..51243d8 --- /dev/null +++ b/apply/cms_for_bcb/show_bottom.jsp @@ -0,0 +1,13 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> + + +
+
+
+
+ + + + + + \ No newline at end of file diff --git a/apply/cms_for_bcb/show_top.jsp b/apply/cms_for_bcb/show_top.jsp new file mode 100644 index 0000000..7571615 --- /dev/null +++ b/apply/cms_for_bcb/show_top.jsp @@ -0,0 +1,275 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<% + if(home_fact == 1){ + menu1_title = "Membership"; + String sql_fact = "select c_name from tbl_menu where c_no = " + show_no; + ResultSet rs_fact = stmt.executeQuery(sql_fact); + if(rs_fact.next()){ + page_title = rs_fact.getString("c_name"); + //navi_text = navi_text + " Membership > " + rs_fact.getString("c_name"); + } + rs_fact.close(); + } +%> +
+
+ +
+ +
+
+
+
+
+

·  <%=page_title%>

+
+ +
+
+
+
<%=navi_text%>
+
+
+
+ +
+
+
+ \ No newline at end of file diff --git a/apply/css - 복사본/.DS_Store b/apply/css - 복사본/.DS_Store new file mode 100644 index 0000000..07feb51 Binary files /dev/null and b/apply/css - 복사본/.DS_Store differ diff --git a/apply/css - 복사본/back/custom.css b/apply/css - 복사본/back/custom.css new file mode 100644 index 0000000..82dfebc --- /dev/null +++ b/apply/css - 복사본/back/custom.css @@ -0,0 +1,313 @@ +/* Add here all your CSS customizations */ + +/*border*/ +.border-right { border-right:1px solid #5E9ECA; } +.border-bottom { border-bottom:1px solid #979797; } + + +/*bg*/ +.info-bg { + background-image: url(..//images/bg/info-bg.jpg); + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} + + +/*footer-nav */ +#footer-nav {list-style:none; margin-bottom:20px;} +#footer-nav li{display:inline-block; position:relative; line-height: 20px;} + +#footer-nav li:first-child > a {border: 0;} +#footer-nav li > a {border-left: 1px solid #999; padding-left:10px; padding-right:10px} +.nav-item a { color:#fff; text-decoration:none; font-size:14px; font-weight:bold;} +.nav-item a:hover { font-weight:600; } +.nav-item a:visited { text-decoration:none; } +.link-h a { color: #5E9ECA !important; font-size: 20px;} + + + +/* responsive */ +/* @media (max-width: 991px) { + .border-right { border:0; } + .footer-logo { width:30%; } + .btn-dropdown { width:30%; } +}*/ + +.owl-carousel .owl-dots { + position: absolute; + bottom: 15px; +} + + +.sideMenu span { + font-size: 16px !important; + font-weight: bold; +} + +.sideMenu i { + float: right; +} +.sideMenu a{ + border-radius: 50px !important; + color: gray; +} + +.sideMenu .active { + color: #5E9ECA !important; +} + + +.sub-menu { + padding-left: 20px; + margin: 10px 0; +} +.sub-menu span { + font-size: 14px !important; + font-weight: bold; +} +.sub-menu a{ + border-radius: 50px !important; + color: gray; +} + +.maru { + border-radius: 5px; + padding: 4px 8px; + margin-right: 10px; + color: orange; + border: thin solid black; + background-color: white; +} + +.maru-b { + border-radius: 5px; + padding: 4px 8px; + margin-right: 10px; + color: yellow; + background-color: black; +} + +p {font-size:14px !important; font-family: '나눔고딕', NanumGothic, 'Nanum Gothic' , 'NotoM', sans-serif ;} + +.caution { + color: red; + font-weight: bold; +} + +.news-title { + padding: 20px; background-color: #f6f6f6; border-top: #B6B6B6 solid 1px ; border-bottom: #B6B6B6 solid 1px ; font-size: 18px; +} + +.news-col-4 { + text-align: center; + color: gray; + padding: 20px; +} + +.news-contents { + padding: 20px; +} + + +.event_t { + font-size: 1.4em !important; + font-weight: bold; +} + +.event_subt { + font-size: 1.4em !important; + font-weight: bold; + color:#9b9b9b; +} + + +.event-table { + border-collapse: collapse; + text-align: center !important; + border: 1px solid #ccc; + width:100%; +} +.event-table thead { + border-right: 1px solid #ccc; + border-left: 1px solid #ccc; + background: #c6beb1; +} +.event-table thead th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + color: #fff; +} +.event-table tbody th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + background: #ede3df; +} +.event-table td { + padding: 10px; + vertical-align: middle; + border: 1px solid #ccc; + background-color:#fff; +} + +.event-tablelist li{ + padding: 10px; + text-align:left; + color:#000; + list-style:none; + font-weight:600; +} + +.eventbutton { + font-size:11px !important; padding: 0 10px !important; margin: 0 10px !important; +} + + +.in-p { + margin-left: 25px !important; +} + +table.basic-table { + border-collapse: collapse; + text-align: center; + border: 1px solid #ccc; + width:100%; +} +table.basic-table thead { + border-right: 1px solid #ccc; + border-left: 1px solid #ccc; + background: #c6beb1; +} +table.basic-table thead th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + color: #fff; +} +table.basic-table tbody th { + padding: 5px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + background: #ede3df; +} +table.basic-table td { + padding: 10px; + vertical-align: middle; + border: 1px solid #ccc; + background-color:#fff; +} + +.reserve_li li{ margin: 0 20px; line-height: inherit !important; padding: 10px 0;} +.reserve_li span {font-weight: normal; color: gray; font-size: 12px;} +.reserve_li .emp_text { font-size:14px; color:#D0021B; font-weight:bold; } + + + table.info-timetable { + border-collapse: collapse; + text-align: center; + border: 1px solid #ccc; + width:100%; +} +table.info-timetable thead { + border-right: 1px solid #ccc; + border-left: 1px solid #ccc; + background: #c6beb1; +} +table.info-timetable thead th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + color: #fff; + text-align: center; +} +table.info-timetable tbody th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + background: #ede3df; + text-align: center; +} +table.info-timetable td { + padding: 10px; + vertical-align: middle; + border: 1px solid #ccc; +} + +.table-t { + color: #fff !important; +} + + +.table-t i { + vertical-align: bottom; + margin: 0 30px; + font-size: 24px; + font-weight: bold; + color: #fff !important; +} + +.sund { + color: red !important; +} + +.satd { + color: blue !important; +} + +/*cell background */ +.bg-t1 { + background-color:#fbf3c4; +} +.bg-t2 { + background-color:#d5f2f8; +} +.bg-t3 { + background-color:#fcebec; +} + +/* timetable label */ +table.timetable-label { + text-align: center; + width:70%; +} +table.timetable-label td { + padding: 10px; + vertical-align: middle; + font-weight: 600; + font-size:12px; +} + +.form-warning { + font-size: 11px !important; color: red; +} + +.form-tarea { + font-size: 11px !important; color: gray; +} + + +.form-font { + font-size: 11px !important; color: black; +} + +.h-icon { + vertical-align: top; font-size:12px; color:#9b9b9b; +} + +.personal-area { + width:100%; border: none; padding: 10px; font-size: 12px; +} + +.sitemap .title { + font-size:18px !important; color: orange; font-weight: bold; +} + +.sitemap ul li a { font-size:14px !important; padding-left:10px;} \ No newline at end of file diff --git a/apply/css - 복사본/back/plugins-css.css b/apply/css - 복사본/back/plugins-css.css new file mode 100644 index 0000000..6d2c424 --- /dev/null +++ b/apply/css - 복사본/back/plugins-css.css @@ -0,0 +1,22 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file includes all plugins. If you don't want to use any plugins from below. You can simply remove that line from this file. + +*/ + +/*plugins*/ +@import url("plugins/bootstrap.min.css"); +@import url("plugins/mega_menu.css"); +@import url("plugins/animate.css"); +@import url("plugins/font-awesome.min.css"); +@import url("plugins/bootstrap-datetimepicker.min.css"); +@import url("plugins/dataTables.bootstrap.min.css"); +@import url("plugins/magnific-popup.css"); +@import url("plugins/mediaelementplayer.css"); +@import url("plugins/owl.carousel.min.css"); +@import url("plugins/slick-theme.css"); +@import url("plugins/themify-icons.css"); \ No newline at end of file diff --git a/apply/css - 복사본/back/responsive.css b/apply/css - 복사본/back/responsive.css new file mode 100644 index 0000000..a73534d --- /dev/null +++ b/apply/css - 복사본/back/responsive.css @@ -0,0 +1,1631 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains responsive Media Queries of the Template. You can edit/add anything in this file for responsive related changes! +*/ + + + /***************** +================================================ + ( Media Queries ) +================================================ + *******************/ + + +/************************* + 1700px +*************************/ +@media (max-width: 1700px) { + +.portfolio-title { padding: 60px 60px 30px; } +/*home-4 */ +.our-blog .blog-box-image { max-height: 286px; } +.our-blog .blog-box-info { max-height: 286px; } +/* about-1 */ +.feature-step-2 .feature-step-2-title-left h1 { font-size: 60px; line-height: 50px;} +.objects-left .objects-1 { left: -20px; } +.video-background-banner .slider-content { padding: 20px 30px; } +.scroll-down { bottom: 30px; } +#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } + +} + +@media (max-width: 1500px) { + +.portfolio-home .section-title p { font-size: 16px; } +/*home-4 */ +.our-blog .blog-box-image { max-height: 262px; } +.our-blog .blog-box-info { max-height: 262px; } +.blog-box-image .portfolio-caption .port-tag li a { font-size: 12px; } +.slider-fade-carousel { height: 100%; } +.our-service { padding-bottom: 60px; } +.objects-left, .objects-right { display: none; } +.fullWidth .mega-menu .drop-down.grid-col-5 { width: 51.666667%; } +.fancy .mega-menu .drop-down.grid-col-5 { width: 51.666667%; } +/*home 9*/ +.resume-contact #map { height: 642px; } + #rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } + + +} + +@media (max-width: 1400px) { + +.portfolio-title { padding:40px 40px 0px; } +.portfolio-home .portfolio-title.section-title { margin-bottom: 20px !important; } +.portfolio-home .portfolio-title.section-title .button.mt-30 { margin-top: 10px !important; } +.our-blog .blog-box-image { max-height: 240px; } +.our-blog .blog-box-info { max-height: 240px; } +.our-blog .blog-box-info p.pb-20.pt-30 { padding: 10px 0 !important; } +.custom-content-3.hello-content .custom-content-3-image img { margin-top: 150px; vertical-align: bottom; width: 100%; } +.our-blog .blog-box-info span.text-white { display: none; } +/*contact*/ +.contact-3-info .contact-add { text-align: center; } +.contact-3-info .contact-add i { float: none; text-align: center; display: block; margin: 0 auto; } +.contact-3-info .contact-add p { display: block; margin-top: 15px; } +/*home-9*/ +.image-holder-2-bg { height: 700px; } +.feature-step-2 .feature-step-2-title-2-right h2 { font-size: 24px; line-height: 30px;} +.feature-step-2 .feature-step-2-title-2-right h3 { font-size: 20px; line-height: 24px;} +.feature-step-2-box { padding: 50px 30px;} +.resume-page .container-fluid { padding: 0 30px; } +.resume-contact .contact-form-main { padding: 30px; } +.header.fancy.without-topbar .menu { top: 16px; } +#rev_slider_16_1_forcefullwidth .tp-parallax-wrap { margin-top: 20px; } +.awesome-features .img-side img { top: 20px; } +.video-background-banner .slider-content { padding: 30px 30px; } +.video-background-banner h1 { font-size: 60px; line-height: 60px; } + +/************************************* + v1.0.3 +**************************************/ +.slider-parallax.banner-personal .slider-content h1 { font-size: 110px; line-height: 120px; } +.slider-parallax.banner-personal .slider-content h1 strong { font-size: 132px; } + +/************************************* + v1.0.4 +**************************************/ +.movie-banner .slider-content .banner-popup { width: 72%; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 18px !important; position: relative; bottom: 10px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } + +} + +@media (max-width: 1272px) { +.our-blog .blog-box-image { max-height: 185px; } +.our-blog .blog-box-info { max-height: 185px; } +.our-blog .blog-box-image .portfolio-caption .port-tag li { margin-top: 0px; } +.our-blog .blog-box-image .portfolio-caption .button-border span { margin-top: 10px; padding: 4px 10px; font-size: 11px; } +.our-blog .blog-box-info a.button.button-white span { padding: 6px 16px; } +.our-blog .blog-box-info a.button.button-white i { padding: 11px; } +.our-blog .blog-box-info h1 { font-size: 20px; line-height: 20px; margin-bottom: 0; } +.our-blog .blog-box-info p { font-size: 14px; } +.our-blog .blog-box-info { padding: 15px 20px; } +/*home-5*/ +.team-3 .team-social-icon a i { font-size: 12px; height: 30px; line-height: 31px; width: 30px; } +/*about-1 page*/ +.our-history .history-content { padding: 125px 20px; } +/*about me*/ +.about-me .maintenance-progress-bar .progress-bar { margin: 0 15px; } +/*blog timeline*/ +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -50px; } +/*error*/ +.error-search-box { width: 91%; } +.fullWidth .mega-menu .drop-down.grid-col-5 { width: 61.666667%; } +.fancy .mega-menu .drop-down.grid-col-5 { width: 61.666667%; } +/* about-1 */ +.feature-step-2 .feature-step-2-title-left h1 { font-size: 40px; line-height: 30px;} +.feature-step-2 .feature-step-2-title-2-right h2 { font-size: 22px; line-height: 24px;} +.feature-step-2 .feature-step-2-title-2-right h3 { font-size: 18px; line-height: 20px;} +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 10px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } + +} + +@media (max-width: 1200px) { +.login-2-social li {margin: 0 3px;} +h2 {font-size: 28px;} +h4 {font-size: 18px;} +.title-effect::before { height: 25%; bottom: 4px; } +/*home2*/ +.testimonial-2 .testimonial-center { width: 100%; } +.deal-banner img { width: initial; } +/*home 9*/ +.footer-widget-social.pull-right { float: none !important; } +.blog-info h4 {font-size: 15px;} +.blog-info p {font-size: 16px; padding: 10px 0 20px;} +.blog-box.blog-1 .blog-info p { font-size: 14px; } +.feature-text.box, .feature-text.fill-box {padding: 30px;} +.nav.nav-tabs li a {margin-right: 5px; margin-bottom: 0px;} +.happy-clients .nav-tabs li img {height: 80px; width: 80px;} +.team .team-social-icon ul li a i {height: 35px; line-height: 35px; width: 35px; font-size: 14px;} +.team:hover .team-social-icon {bottom: 27%;} +.feature-info h5{font-size: 15px;} +.contact-3 .map-side {height: 808px;} +.contact-4 .map-side {height: 553px;} +.service-blog {padding-top: 0;} +.portfolio-home .isotope.columns-3 .grid-item { width: 50%; } +.portfolio-title { padding:60px 60px 30px; } +.action-box h3 { font-size: 22px; } +.action-box p { font-size: 15px; } +.vertical-header .container-fluid { padding: 0 30px; } +.team.team-round.full-border .team-description { padding: 30px 0; } +/*medical*/ +.medical-tab .nav.nav-tabs li a { margin-bottom: 0; } +.deal-banner .countdown.small { margin: 0; } +/*404 error*/ +.error-block { padding: 20px 0 70px 0px; } +.error-block .error-text h2 { font-size: 320px; } +.error-block .error-text span { font-size: 104px; right: 0; } +.error-text-02 h2 { font-size: 320px; } +.error-text-02 span { font-size: 104px; right: 0; } +.add-banner-2 .add-banner-content h2 { font-size: 42px; line-height: 42px; } +.pricing-content .pricing-table-list ul li { font-size: 14px; } +.pricing-content .pricing-table-list ul li i { width: 18px; } +.round .nav.nav-tabs li a { padding: 12px 20px; } +#rev_slider_16_1_forcefullwidth .tp-parallax-wrap { margin-top: 50px; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 10px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } +#services .feature-text.left-icon .feature-icon { position: relative; text-align: left; } +#services .feature-text .feature-icon span, #services .feature-text .feature-icon i { padding-left: 0; margin-bottom: 10px; } +#services .feature-text.left-icon .feature-info { padding-left: 0; } +.medical-tab .nav.nav-tabs li a { padding: 12px 20px; } +.login-social li { margin: 3px 0px; } +.blog.blog-grid-3-column .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.blog.blog-grid-2-sidebar .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.blog.masnary-blog-3-columns .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.blog.masonry-main .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.timeline .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.awesome-features .img-side img { top: 10%; } +.footer.footer-topbar .copyright ul li { padding: 0; } +.isotope.columns-4 .grid-item { width: 33.333%; } + + +/************************************* + v1.0.3 +**************************************/ +.blockquote-section blockquote { font-size: 40px; line-height: 40px; } + +/************************************* + v1.0.4 +**************************************/ +.christmas-countdown .countdown { margin: 0px 5px; width: 130px; height: 130px; } +.christmas-countdown .countdown span { font-size: 34px; } + +.conference-about-content-right { padding: 92px 0; } +.conference-about-content-left { padding: 110px 0 80px 0px; } +.timer-banner .slider-content h1 { font-size: 80px; line-height: 80px; } + +/************************************* + v1.0.7 +**************************************/ + .law-timeline .timeline-centered:before { left: 62px; } + +/************************************* + v1.0.8 +**************************************/ + .portfolio-parallax-banner p { padding-right: 400px; } + .portfolio-parallax-banner h2 { font-size: 90px; line-height: 90px; } + +/************************************* + v1.0.9 +**************************************/ + .coming-soon-aerial .coming-soon-form.contact-form input { width: 100%; } + .coming-soon-big { padding: 0; } + .error-05 .error-bottom .tree { left: -120px; } + .error-05 .error-bottom .back-to-home { right: 0; } + .error-05 h3, .error-05 span { font-size: 50px; line-height: 50px; } + .error-05 p { font-size: 22px; } + .error-03 .error-404 h1 { font-size: 100px; line-height: 100px; } + .error-03 .content h1 { font-size: 48px; } + .error-03 .content h2 { font-size: 42px; } + .coming-soon-birds .countdown { margin: 0px 10px; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -30px; } + + +/************************************* + v1.2 +**************************************/ + .about-05-split .shop-split-content { padding: 20px 0; } + .mega-menu .drop-down-multilevel {} + + +} +@media only screen and (min-width: 1100px) and (max-width: 1500px) { +.vertical-header .container { width: auto; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 10px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; } +} +@media only screen and (min-width: 1100px) and (max-width: 1200px) { +.container { width: 94%; } +/* about-1 */ +.feature-step-2 .feature-step-2-title-2-right h2 { padding-bottom: 5px; margin-bottom: 5px; } +.feature-step-2 .feature-step-2-title-2-right h3 { margin-bottom: 5px;} +.feature-step-2 .feature-step-2-title-2-right p{line-height: 20px;} +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; } + + +} + + +@media (max-width: 1025px) { +.mega-menu .menu-links > li > a { padding: 16px 25px; } +.portfolio-title { padding:30px 30px 30px; } + /*error*/ +.error-search-box { width: 100%; text-align: center; } +.clients-logo.line { width: 28.3333%; } +.clients-logo.line img { width: 90%; } +/*blog timeline*/ +.blog .timeline > li > .timeline-badge { right: -66px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: -63px; } +.deal-banner .caption { margin-top: 50px; margin-bottom: 50px; } +/*process*/ +.action-box p { font-size: 13px; } +/*medical*/ +.medical-tab .nav.nav-tabs li a { padding: 12px 10px; } +.membership-pricing-table table tr:first-child th .pricing-plan-price { font-size: 32px; } +.awesome-features .img-side img { top: 13%; } +.footer-social-big ul li { width: 66px; } +.footer .footer-social li, .footer ul.list-inline.text-left li { padding: 0 1px; } +.login-bg .login-social li a.fb { padding: 12px 14px; } +.isotope-filters button+button { margin-left: 3px; } + + +/************************************* + v1.0.2 +**************************************/ +.action-box h3 { padding-right: 230px; } + +/************************************* + v1.0.6 +**************************************/ +.movie-banner .slider-content .banner-popup { width: 100%; } +.movie-banner .countdown.small { margin: 0; } +.movie-banner .countdown.round.small { width: 90px; height: 90px; } +.movie-banner .countdown p { font-size: 13px; } + +/************************************* + v1.0.7 +**************************************/ + .law-timeline .timeline-centered:before { left: 56px; } + +/************************************* + v1.0.8 +**************************************/ + .agency-02-about-content-left { padding: 110px 0 0px 100px; } + +/************************************* + v1.0.9 +**************************************/ + .error-05 .error-bottom .board { left: 264px; } + +/************************************* + v1.2 +**************************************/ +.blockquote-section .action-box h3 { padding: 0; } + +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; } + +} + +@media only screen and (min-width: 768px) and (max-width: 999px) { +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; } +.container{ width:96%; } + + +} + +@media(max-width:1100px) { + +/************************* + Margin top +*************************/ +.sm-mt-0 { margin-top: 0 !important; } +.sm-mt-10 { margin-top: 10px !important; } +.sm-mt-15 { margin-top: 15px !important; } +.sm-mt-20 { margin-top: 20px !important; } +.sm-mt-30 { margin-top: 30px !important; } +.sm-mt-40 { margin-top: 40px !important; } +.sm-mt-50 { margin-top: 50px !important; } + /************************* + Margin right +*************************/ +.sm-mr-0 { margin-right: 0!important } +.sm-mr-10 { margin-right: 10px !important; } +.sm-mr-15 { margin-right: 15px !important; } +.sm-mr-20 { margin-right: 20px !important; } +.sm-mr-30 { margin-right: 30px !important; } +.sm-mr-40 { margin-right: 40px !important; } +.sm-mr-50 { margin-right: 50px !important; } + /************************* + Margin bottom +*************************/ +.sm-mb-0 { margin-bottom: 0!important } +.sm-mb-10 { margin-bottom: 10px !important; } +.sm-mb-15 { margin-bottom: 15px !important; } +.sm-mb-20 { margin-bottom: 20px !important; } +.sm-mb-30 { margin-bottom: 30px !important; } +.sm-mb-40 { margin-bottom: 40px !important; } +.sm-mb-50 { margin-bottom: 50px !important; } +/************************* + Margin left +*************************/ +.sm-ml-0 { margin-left: 0!important } +.sm-ml-10 { margin-left: 10px !important; } +.sm-ml-15 { margin-left: 15px !important; } +.sm-ml-20 { margin-left: 20px !important; } +.sm-ml-30 { margin-left: 30px !important; } +.sm-ml-40 { margin-left: 40px !important; } +.sm-ml-50 { margin-left: 50px !important; } + /************************* + Padding top +*************************/ +.sm-pt-0 { padding-top: 0!important } +.sm-pt-10 { padding-top: 10px !important; } +.sm-pt-15 { padding-top: 15px !important; } +.sm-pt-20 { padding-top: 20px !important; } +.sm-pt-30 { padding-top: 30px !important; } +.sm-pt-40 { padding-top: 40px !important; } +.sm-pt-50 { padding-top: 50px !important; } + /************************* + Padding right +*************************/ +.sm-pr-0 { padding-right: 0!important } +.sm-pr-10 { padding-right: 10px !important; } +.sm-pr-15 { padding-right: 15px !important; } +.sm-pr-20 { padding-right: 20px !important; } +.sm-pr-30 { padding-right: 30px !important; } +.sm-pr-40 { padding-right: 40px !important; } +.sm-pr-50 { padding-right: 50px !important; } + /************************* + Padding bottom +*************************/ +.sm-pb-0 { padding-bottom: 0!important } +.sm-pb-10 { padding-bottom: 10px !important; } +.sm-pb-15 { padding-bottom: 15px !important; } +.sm-pb-20 { padding-bottom: 20px !important; } +.sm-pb-30 { padding-bottom: 30px !important; } +.sm-pb-40 { padding-bottom: 40px !important; } +.sm-pb-50 { padding-bottom: 50px !important; } + /************************* + Padding left +*************************/ +.sm-pl-0 { padding-left: 0!important } +.sm-pl-10 { padding-left: 10px !important; } +.sm-pl-15 { padding-left: 15px !important; } +.sm-pl-20 { padding-left: 20px !important; } +.sm-pl-30 { padding-left: 30px !important; } +.sm-pl-40 { padding-left: 40px !important; } +.sm-pl-50 { padding-left: 50px !important; } +.row-eq-height { display: block;} +h2 {font-size: 25px; line-height: 35px;} +h3 { font-size: 20px; } +h4 {font-size: 17px;} +h5 {font-size: 15px;} +/*home-1*/ +/*header*/ +.default { position: relative; background: #323232; } +/*menu*/ +.mega-menu { min-height: 60px; } +.mega-menu .menu-logo > li > a { padding: 0; } +.mega-menu .menu-logo { padding: 10px 0; } +.search-cart span.icon, .search-cart i.icon { line-height: 50px; } +.fancy .mega-menu > section.menu-list-items .menu-links { float: none; position: absolute; width: 100%; top: 100%; } +.header.fancy .mega-menu > section.menu-list-items { box-shadow: none; } +.mega-menu .menu-logo img { height: 30px; margin: 5px 0; } +.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #323232; } +.mega-menu .drop-down-multilevel li:hover > a i.fa { color: #323232; } +.mega-menu .drop-down-multilevel a { display: block; } +.mega-menu .mobileTriggerButton { z-index: 1; } +.mega-menu .drop-down-multilevel, .mega-menu .drop-down, .mega-menu .drop-down-tab-bar { border-top: 0px !important; } +.header.light .mega-menu .menu-mobile-collapse-trigger:before, .header.light .mega-menu .menu-mobile-collapse-trigger:after, .header.light .mega-menu .menu-mobile-collapse-trigger span { background: #323232; } +.header.logo-center .mega-menu { min-height: 60px; } +/*fancy*/ +.header.fancy .menu { position: relative; top: 0; } +.header.fancy .topbar + .menu { top: 0px; } +.header.fancy .mega-menu .menu-mobile-collapse-trigger:before, .header.fancy .mega-menu .menu-mobile-collapse-trigger:after, .header.fancy .mega-menu .menu-mobile-collapse-trigger span { background: #323232; } +.header.fancy .mega-menu > section.menu-list-items { padding: 0; } +.header.fancy .mega-menu .menu-logo { padding: 16px 0px; } +.header.fancy .search-cart span.icon, .search-cart i.icon { line-height: 60px; } +.header.fancy .mega-menu .menu-links > li > a { line-height: 20px; } +.header.fancy .topbar { padding: 10px 0px 10px; } +.header.fancy .search-cart i.icon { line-height: 74px; } +.header.left-menu .menu-links { padding-left: 0; } +.header.logo-center .menu-bar { border:0px; } +.header.transparent { position: relative; background: #323232; } +/*one page*/ +header.one-page { position: relative; background: #323232; } +.navbar { margin-bottom: 0; } +.navbar-header { float: none; } +.navbar-left,.navbar-right { float: none !important; } +.navbar-toggle { display: block; margin-right: 0; } +.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); padding-left: 22px; } +.navbar-fixed-top { top: 0; border-width: 0 0 1px; } +.navbar-collapse.collapse { display: none!important; } +.navbar-nav { float: none!important; margin-top: 7.5px; } +.navbar-nav>li { float: none; } +.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } +.collapse.in { display:block !important; } +.navbar .navbar-brand { padding:0;} +.navbar .navbar-brand img { height: 28px; } +.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { background: #323232; border:0; position: absolute; width: 100%; left: 0; right: 0; } +.navbar-collapse { box-shadow: none; } +.navbar-inverse .navbar-nav>li { padding: 15px 15px; } +.navbar-nav { float: none; } +.navbar-inverse .navbar-toggle { border:0; } +.navbar-toggle { margin-top: 14px; } +.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background: transparent; } +.header.burger { padding: 10px 10px; } +.header.burger .logo img { height: 30px; margin-top: 10px; } +.vertical-header { padding-left: 0; } +.vertical-header .header { left: inherit; padding-bottom: 150px; } +.vertical-menu .navbar-default .navbar-nav > li > a { padding: 10px 15px 10px 40px; } +.vertical-menu .navbar-nav .open .dropdown-menu { position: relative; background-color: #f4f5f6; } +.vertical-menu .navbar-nav>li>.dropdown-menu { margin-bottom: 10px; } +.vertical-menu .navbar-nav { margin: 0px; } +.vertical-menu .open>.dropdown-menu { display: inline-block; } +.vertical-menu .content-scroller { margin-left: 0px; padding-top: 50px; } +#left-header{position:fixed; left:-230px; top:0; width:230px; height:100%; z-index: 9999; } +.but span {position: absolute; right:15px; top: 20px; font-size: 24px;color: #fff; } +.but span { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition:all 0.5s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; } +.but.active span { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } +.menu-responsive b { color: #5E9ECA; font-size: 18px; text-transform: uppercase; } +.menu-responsive { height:60px; position: fixed; background: #000000; z-index: 9999; width: 100%; padding: 14px 15px; display: block; } +.vertical-menu .navbar-toggle { display: none; } +.vertical-menu .navbar-collapse.collapse { display: block !important; background: transparent; } + /*megamenu*/ +.vertical-menu .menu .mega-menu .menu-links { background: transparent; } +.vertical-menu .menu .mega-menu .menu-links > li > a { padding: 15px 23px; color: #ffffff; } +.vertical-menu .menu .mega-menu .menu-links > li { border-color: rgba(255, 255, 255, 0.2); } +.vertical-menu .mega-menu .menu-links { display: block !important; } +.vertical-menu .mega-menu .menu-mobile-collapse-trigger { display: none; } +.vertical-menu .social-icons li { float: none; display: inline-block; } +.vertical-menu .menu-widgets { bottom: 0; } +.header.fancy.without-topbar .menu { top: 0; } +.mega-menu > section.menu-list-items { height: 60px !important; } +.fancy .mega-menu > section.menu-list-items { height: 70px !important; } +.search .search-btn { line-height: 30px; } +.navbar .navbar-brand { padding: 15px 0; } +.logo-center .mega-menu .menu-logo { padding: 14px 0; } + +/*sticky header */ +.header .mega-menu.mobileTopFixed .menu-list-items { background: #323232; } +.header.light .mega-menu.mobileTopFixed .menu-list-items { background: #ffffff; border-bottom: 1px solid #f9f9f9; } +.header.fancy .mega-menu.mobileTopFixed section.menu-list-items { padding: 0 10px; border-bottom: 1px solid #f9f9f9; } +.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin: 0; } +.header.vertical-menu .mega-menu.mobileTopFixed { display: none;} +/* header */ +.st-effect-3 .header.default.fullWidth .search-cart { right: 50px; top: 3px; } + +/*.page-title*/ +.page-title { padding-top: 100px; text-align: left; } +.page-title .page-breadcrumb { float: none; text-align: left; } +.page-title.right .page-title-name { text-align: right; float: none; width: 100%; } +.page-title.right .page-breadcrumb { float: none; text-align: right; } +.portfolio-title.section-title { margin-bottom: 0; } +.happy-clients { padding-bottom: 60px !important; } +.popup-video { margin-bottom: 30px; } +.custom-content { padding: 30px; } +.custom-content-3-image { display: none; } +.happy-clients .col-md-6.mt-60 { margin-top: 0 !important; } +/*inner-intro*/ +.inner-intro { padding-top: 120px; } +/*page two sidebar*/ +.page-two-sidebar .page-content { margin-top: 40px; } +/*blog*/ +.blog-box { margin: 15px 0; } +/*clients-logo*/ +.clients-logo.line { width: 32.3333%; float: none; display: inline-block; } +.clients-logo.line img { width: 100%; } +/*contact*/ +.contact.contact-2 a.button { margin-bottom: 30px; } +.contact-3 .contact-add { min-height: 310px; } +.contact-3 .contact-3-info { height: auto; } +.contact-3 .contact-map iframe { height: 400px; } +.contact-3 .map-side { height: auto; position:inherit; } +.error-block { background-size: 90%;} +.error-block p { font-size: 26px; } +.error-search-box p { font-size: 19px; line-height: 35px; } +.map-side{position:inherit;} +/*action box*/ +.text-right.action-box-button { text-align: left; } +/*home 6 */ +.our-activities .accordion { margin-top: 60px; } +/*maintenance*/ +.maintenance-main h1.mb-50 { font-size: 34px; margin-bottom: 10px !important; } +.maintenance-main i { font-size: 60px; } +.maintenance-form { width: 100%; } +.maintenance-progress-bar span { font-size: 24px; } +.feature-text.box, .feature-text.fill-box {padding: 20px 10px;} +.feature-text.box p {font-size: 14px;} +.feature-box-content { padding: 20px 15px 0;} +.feature-box a {padding: 0 15px;} +.progress-title {font-size: 15px;} +.counter .timer {font-size: 38px;} +.counter label {font-size: 14px;} +.team-3-box .team-overlay {padding: 30px 15px 0;} +.team-3-box {padding: 10px;} +.menu-bar {float: none;} +.mega-menu .menu-links > li > a{line-height: normal;} +.mega-menu .menu-mobile-collapse-trigger {height: 40px; top: 50%; transform: translateY(-50%); z-index: 9999; } +.search-cart {display: inline-block; position: absolute; right: 60px; top: 0; z-index: 999; } +.search-active .search-cart { left: 0; width: 100%; } +.search .search-input input { width: 100%; } +.search-active .mega-menu .menu-mobile-collapse-trigger { z-index: 9; } +.footer p {font-size: 13px;} +.feature-text p{font-size: 14px;} +.accordion.accordion-2 .acd-group.acd-active .acd-heading {font-size: 22px;} +.split-section .img-side{display: none;} +.our-service { padding-bottom: 60px;} +.testimonial.boxed {padding: 50px 30px 75px;} +.button {font-size: 12px; padding: 12px 15px;} +.feature-step-2 .feature-step-2-title-left h1 {font-size: 80px;} +.services-text-box-blue, .services-text-box-black {padding: 50px 30px;} +.highlights-phone {margin-top: 20px;} +.mobile-slider h5{font-size: 14px;} +.service-blog b{right: 0; font-size: 250px;} +.service-blog.left b{left: 0;} +/*blog pages*/ +.blog.blog-grid-3-column .social.pull-right { float: none; margin-top: 10px; display: block; width: 100%; } +.masonry.columns-3 .masonry-item { width: 50%; } +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -70px; } +/*portfolio*/ + .isotope.columns-3 .grid-item { width: 50%; } +.isotope.columns-4 .grid-item { width: 50%; } +.isotope.columns-5 .grid-item { width: 50%; } +.masonry.columns-3 .masonry-item { width: 50%; } +.masonry.columns-4 .masonry-item { width: 50%; } +.masonry.columns-5 .masonry-item { width: 50%; } +.port-post-social.pull-right { float: none !important; } +/*process*/ +.process.left .process-content { padding-left: 50px; } +/*resume page*/ +img.bottom-img { display: none; } +.resume-contact #map { height: 300px !important; } +.contact-4 .map-side { height: 300px !important; } +/*footer*/ +footer .social-icons { width: 100%; float: left; } +img#logo-footer { height: 30px; } +.bottom-nav .owl-nav .owl-next { right: 44%; } +.bottom-nav .owl-nav .owl-prev { left: 44%; } +/*shortcode*/ +/*blockquote*/ +.blockquote-right { margin: 0; } +/*buttons*/ +.buttons .button { margin-bottom: 10px; } +.buttons button { margin-bottom: 4px; } +.button + .button { margin-left: 3px; } +/*countdown*/ +.countdown { margin: 0px 10px; } +.countdown.medium { margin: 0 15px; } +.countdown.large { margin: 0 10px; } +.countdown.round.medium { width: 140px; height: 140px; } +.countdown.medium span { font-size: 50px; } +.countdown.round.medium span { line-height: 58px; } +.countdown.round.large { width: 150px; height: 150px; } +.countdown.large span { font-size: 60px; } +.countdown.round.large span { line-height: 62px; } +.countdown.large p { font-size: 18px; } +.vertical-menu .social-icons li { margin: 0 3px 8px 0; } +/*actionbox*/ +.action-box a.button { position: relative; top: inherit; margin-top: 20px; } +.action-box.theme-bg a.button, .action-box.black-bg a.button, .action-box.gray-bg a.button { right: inherit; } +.agency-about { padding-bottom: 60px !important; } +.vertical-header .container-fluid { padding: 0 15px; } +.resume-contact .contact-form-main { padding: 30px 15px; } +/*construction*/ +.our-sercive1:before, .our-sercive1:after { display: none; } +.special-feature { top: 60px; margin-bottom: 0px; } +.page-section-1-pt { padding-top: 70px; } +.page-section-1-pb { padding-bottom: 70px; } +.page-section-1-ptb { padding: 70px 0; } +/*gym*/ +.gym-about { background: #ffffff !important; } +/*medical*/ +.appointment a.pull-left { float: none !important; } +.appointment { margin-top: 0px; } +/*one page*/ +.popup-video-banner h1 { font-size: 40px; line-height: 40px; } +.video-background-banner .slider-content { width: 100%; } +.video-background-banner h1 { font-size: 60px; line-height: 60px; } +/*shop*/ +.shop-split.split-section { padding: 0px; } +.shop-split-content { padding: 40px 0; } +.shop-split.split-section .img-side { display: block; } +.shop-split.split-section .img-holder { position: relative; top: inherit; width: inherit; height: inherit; padding: 130px; } +.shop-split.split-section .img-side.img-right { right: inherit; } +.shop-split.split-section .img-side.img-left { left: inherit; } +.shop-split.split-section .img-side { right: inherit; padding: 0; position: relative !important; top: inherit; height: 100%; overflow: hidden; z-index: 100; } +.add-banner-2 .add-banner-content { padding: 60px 20px; } +.add-banner-2 .add-banner-content h2 {font-size: 28px;line-height: 28px; } +.add-banner-2 .add-banner-content h3 {font-size: 26px; line-height: 26px; } +.add-banner-2.text-center .add-banner-content h2 {font-size: 26px;line-height: 29px; } +/*portfolio-banner*/ +.portfolio-banner .slider-content h1 { font-size: 30px; line-height: 30px; } +.personal-typer-banner h1 { font-size: 70px; line-height: 70px; } +.personal-typer-banner h1 span { font-size: 35px; } +.deal-banner.maintenance-progress-bar img { width: 100%; } +/*404 error*/ +.page-section-ptb.mt-150 { margin-top: 0 !important; } +.pricing-content { width: 90%; } +.process-list { padding-left: 30px; padding-right: 30px; } + +.special-feature .row-eq-height.no-gutter { margin-top: 40px; } +.interior-action-box .action-box { margin-top: 20px; } +.appointment .appointment-bg { margin-top: 30px; } + +.process-list .col-sm-12 { padding: 0; } +.pricing-table.active .pricing-top a.button { padding: 12px 40px; font-size: 15px; } +.membership-pricing-table table tr:first-child th .pricing-plan-price { font-size: 22px; } +.membership-pricing-table table tr:first-child th .pricing-plan-name { font-size: 16px; } +.action-box.full-width a.button { right: 0; } +.team.team-round .team-description { padding-bottom: 0; } +.footer .divider { display: none; } +#rev_slider_16_1_forcefullwidth .tp-parallax-wrap { margin-top: 0px; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -60px; } +#rev_slider_14_1 .zeus .tp-bullet {width: 12px; height: 12px;} +.resume-contact #map { padding-top: 40%; } +.blog-box.blog-2 .button.icon-color { margin-top: 10px; float: none !important; } +.special-feature .row-eq-height { display: flex; } +.medical-tab .tab .nav.nav-tabs li a { font-size: 14px; padding: 12px 6px; } +.navbar { border-radius: 0; } +.contact-3 #map { padding-top: 30%; } +.contact-2 #map { padding-top: 30%; } +.error-block .error-text h2 { font-size: 260px; } +.single-portfolio-post .port-information .social.pull-right { flex: none !important; display: inline-block; width: 100%; } +.page-title .page-title-name { width: 100%; } +.page-title .page-breadcrumb { width: 100%; } +.js-video.big { padding-top: 18px; } +.special-feature .feature-text { padding: 30px 20px; } +.special-feature .feature-text .feature-icon span, .special-feature .feature-text .feature-icon i {padding-left: 0; margin-bottom: 10px; } +.typer-banner h1 { font-size: 70px; line-height: 70px; } +ul.page-breadcrumb { padding-top: 10px; } +.service-blog { margin-bottom: 40px; } +.blog .timeline > li > .timeline-badge { right: -56px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: -53px; } +.action-box.border a.button { left: 0; } +.footer #logo-footer { height: 40px; } + +/************************************* + v1.0.2 +**************************************/ +.action-box h3 { padding-right:0px; } +.port-information img { width: 100%; } +.text-left.mt-100 { margin-top: 0 !important; } +.portfolio-03-about { padding-left: 0; } + +/************************************* + v1.0.3 +**************************************/ +.slider-parallax.typer-banner.business p { padding: 0; } +.blockquote-section blockquote.quote { padding-top: 50px; } +.blockquote-section blockquote.quote:before { line-height: 70px; } +.blockquote-section .blockquote-section-left { margin-left: 0; } +.blockquote-section .blockquote-section-right { margin-left: 0; } +.slider-parallax.banner-personal .slider-content span { font-size: 90px; line-height: 90px; } +.slider-parallax.banner-personal .slider-content h1 { font-size: 80px; line-height: 80px; margin-top: -40px; } +.slider-parallax.banner-personal .slider-content h1 strong { font-size: 96px; line-height: 70px; } + +/************************************* + v1.0.4 +**************************************/ + .christmas-team { margin-top: 0 !important; } + .christmas-event .blog-date { text-align: left; } + .christmas-event .button.mt-60 { margin-top: 20px !important; } + .christmas-price .mt-100.mb-100 { margin: 0 !important; } + .christmas .coming-soon h1 { font-size: 30px; line-height: 30px; margin-bottom: 20px; } + + .timer-banner .slider-content-middle { top: 50%; } + .timer-banner .slider-content h1 { font-size: 50px; line-height: 50px; margin-bottom: 20px; } + .conference-about-content-right { margin-left: 0px; padding: 20px 0 0 ; } +.conference-about-content-left { padding: 50px 0 30px 0px; } +.conference-about img { width: 100%; } +.conference-split-content { padding: 0; } +.conference-split.split-section .img-side { display: block; } +.conference-video .mt-100.mb-100 { margin: 0 !important; } + +/************************************* + v1.0.5 +**************************************/ +.one-page.light .navbar-inverse .navbar-toggle .icon-bar { background: #323232; } +.architecture-about h2 { font-size: 30px; line-height: 30px; } +.architecture-portfolio .text-right { text-align: left; margin-bottom: 30px; } +.architecture-portfolio .isotope-filters { text-align: left; } +.architecture-portfolio .mb-40 { margin-bottom: 0px !important; } +.architecture-about .mt-60.mb-60 { margin: 0 !important; } + +/************************************* + v1.0.6 +**************************************/ +.agency-banner .slider-content { padding: 0 0px 0 30px; } +.agency-banner .slider-content h1 { padding: 50px 20px 20px 20px; } +.movie-banner .slider-content-middle { top: 50%; } +.one-page.transparent { background: #323232; } +.one-page .social-icons { padding: 10px 0; right: 60px; } +.one-page.nav-center .navbar-collapse.collapse { text-align: left; } + +/************************************* + v1.0.7 +**************************************/ +.law-banner .slider-content { padding: 0; } +.law-timeline .timeline-centered:before { display: none; } +.law-timeline .timeline-label h3 { line-height: 12px; } +.law-timeline .timeline-centered .timeline-entry:last-child { margin-bottom: 0; } +.law-contact { padding: 0; } + +/************************************* + v1.0.7 +**************************************/ +.one-page.dark-text .navbar-inverse .navbar-nav>li>a { color: #ffffff; } + +/************************************* + v1.0.8 +**************************************/ +.agency-02-about-content-right { margin-left: 0; padding-top: 20px; padding-bottom: 20px; } +.agency-02-about-content-left { padding: 0; padding-bottom: 20px; } +.agency-02-action-box .action-box { margin-top: 40px; } +.agency-feature h3 { line-height: 60px; font-size: 16px; } +.action-box a.popup-youtube { position: relative; top: inherit; margin-top: 20px; right: inherit; } +.agency-02-action-box .action-box.white-bg { padding: 50px 20px } +.agency-02-action-box .popup-video-image a i { position: relative; top: 20px; transform: inherit; } +.agency-02-action-box .popup-video-image:before{ background: transparent; } +.portfolio-parallax-banner p { padding: 0; } +.portfolio-parallax-banner h2 { font-size: 60px; line-height: 60px; } +.agency-02-about h3:before { display: none; background: none } + +/************************************* + v1.0.9 +**************************************/ +.coming-soon-middle { position: inherit; top: inherit; transform: inherit; padding: 50px 20px; } +.coming-soon-aerial .container-fluid { padding: 30px; } +.coming-soon-big .countdown.medium span { font-size: 80px; line-height: 80px; } +.coming-soon-big .countdown.medium p { font-size: 20px; line-height: 20px; } +.error-05 .button-home { display: block; } +.error-05 .back-to-home, .error-05 .penguin { display: none; } +.error-05 .error-bottom .tree { display: none; } +footer.error-03 .social-icons, footer.error-04 .social-icons { float: none; } +footer.error-03 .social-icons ul, footer.error-04 .social-icons ul { display: inline-block; text-align: center; } +.coming-soon-effects .coming-soon h1 { font-size: 40px; } + +/************************************* + v1.0.9 +**************************************/ +.about-05-split.page-section-ptb { padding: 0; } + +/************************************* + v1.2 +**************************************/ +.login-fancy { padding: 40px 30px; } +.login .vertical-align, .login.vertical-align { position: inherit; top: inherit; transform:inherit; } +.login.height-100vh { height: inherit; } +.login .height-100vh { height: inherit; } +.login-box .pos-bot { position: inherit; padding-bottom: 0 !important; } +.login-box-theme:before, .login-box-theme:after { display: none; } +.login-box-left { padding-bottom: 20px; } +.login-14, .login-15 { padding: 30px 40px; } +.login-14 .pb-50, .login-15 .pb-50 { padding-bottom: 0 !important; } +.login-box-left .pos-bot { position: inherit; padding-bottom: 0 !important; margin-top: 20px; } +.blockquote-section .action-box { padding: 40px 20px; } +.about-mission { margin-top: 40px; } +.about-mission-title { padding-bottom: 80px; } + + + +} + +@media(max-width:767px) { +/************************* + Margin top +*************************/ +.xs-mt-0 { margin-top: 0 !important; } +.xs-mt-10 { margin-top: 10px !important; } +.xs-mt-15 { margin-top: 15px !important; } +.xs-mt-20 { margin-top: 20px !important; } +.xs-mt-30 { margin-top: 30px !important; } +.xs-mt-40 { margin-top: 40px !important; } + /************************* + Margin right +*************************/ +.xs-mr-0 { margin-right: 0!important } +.xs-mr-10 { margin-right: 10px !important; } +.xs-mr-15 { margin-right: 15px !important; } +.xs-mr-20 { margin-right: 20px !important; } +.xs-mr-30 { margin-right: 30px !important; } +.xs-mr-40 { margin-right: 40px !important; } + /************************* + Margin bottom +*************************/ +.xs-mb-0 { margin-bottom: 0!important } +.xs-mb-10 { margin-bottom: 10px !important; } +.xs-mb-15 { margin-bottom: 15px !important; } +.xs-mb-20 { margin-bottom: 20px !important; } +.xs-mb-30 { margin-bottom: 30px !important; } +.xs-mb-40 { margin-bottom: 40px !important; } +/************************* + Margin left +*************************/ +.xs-ml-0 { margin-left: 0!important } +.xs-ml-10 { margin-left: 10px !important; } +.xs-ml-15 { margin-left: 15px !important; } +.xs-ml-20 { margin-left: 20px !important; } +.xs-ml-30 { margin-left: 30px !important; } +.xs-ml-40 { margin-left: 40px !important; } + /************************* + Padding top +*************************/ +.xs-pt-0 { padding-top: 0!important } +.xs-pt-10 { padding-top: 10px !important; } +.xs-pt-15 { padding-top: 15px !important; } +.xs-pt-20 { padding-top: 20px !important; } +.xs-pt-30 { padding-top: 30px !important; } +.xs-pt-40 { padding-top: 40px !important; } + /************************* + Padding right +*************************/ +.xs-pr-0 { padding-right: 0!important } +.xs-pr-10 { padding-right: 10px !important; } +.xs-pr-15 { padding-right: 15px !important; } +.xs-pr-20 { padding-right: 20px !important; } +.xs-pr-30 { padding-right: 30px !important; } +.xs-pr-40 { padding-right: 40px !important; } + /************************* + Padding bottom +*************************/ +.xs-pb-0 { padding-bottom: 0!important } +.xs-pb-10 { padding-bottom: 10px !important; } +.xs-pb-15 { padding-bottom: 15px !important; } +.xs-pb-20 { padding-bottom: 20px !important; } +.xs-pb-30 { padding-bottom: 30px !important; } +.xs-pb-40 { padding-bottom: 40px !important; } + /************************* + Padding left +*************************/ +.xs-pl-0 { padding-left: 0!important } +.xs-pl-10 { padding-left: 10px !important; } +.xs-pl-15 { padding-left: 15px !important; } +.xs-pl-20 { padding-left: 20px !important; } +.xs-pl-30 { padding-left: 30px !important; } +.xs-pl-40 { padding-left: 40px !important; } +h1 { font-size: 30px; } +h2 { font-size: 26px; } +.page-section-ptb { padding: 35px 0; } +.page-section-pt { padding: 50px 0 0; } +.page-section-pb { padding: 0 0 50px; } +.page-section-1-ptb { padding: 60px 0; } +.header.fullWidth .container-fluid { padding: 0 20px; } +/*header topbar*/ +.topbar-left.text-left { text-align: center; margin-bottom:10px; display: none;} +.topbar-right.text-right { text-align: center; } +.custom-content { margin-top: 0px; } +/*testimonial*/ +.testimonial-2 { padding-bottom: 80px; } +/*team*/ +.team-3-box img { width: 100%; } +/*accordian*/ +.accordion.accordion-2 .acd-group .acd-heading { padding-left: 0px; padding-right: 0px; } +/*footer*/ +.footer-logo img { height: 60px; width: inherit; } +img#logo-footer { height: 40px; } +.footer .footer-nav.text-right { text-align: left; margin-top: 20px; } +.social.text-right { text-align: left; margin-top: 20px; } +.footer-contact { margin-top: 0; box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1); } +.our-clients.theme-bg { padding-bottom: 60px; } +.footer-contact .contact-box { margin-bottom: 20px; } +.copyright.mt-50 { margin-top: 10px !important; } +.copyright .text-right { text-align: left; margin-top: 15px; } +footer .social-icons.pull-right { float: left !important; width: 100%; } +.footer-widget.mt-60 { margin-top: 0 !important; } +.footer-box { margin-bottom: 20px; margin-top: 30px; } +/* Coming soon page */ +.coming-soon-main { overflow: hidden; } +.coming-soon-main i { font-size: 70px; } +.coming-soon-countdown ul.countdown li span { font-size: 60px; } +.coming-soon-countdown ul.countdown li p { font-size: 16px; } +.coming-soon-main p { font-size: 18px; line-height: 26px; } +.coming-soon-main h1 { font-size: 42px; margin-bottom: 20px; } +/*error*/ +.error-search-box input { width: 73%; } +.error-block p { font-size: 20px; } +.error-block h1 { font-size: 80px; } +.error-404-2 .error-block h1 { font-size: 290px; } +.maintenance-progress-bar .progress-bar { display: block; margin: 0 auto 90px; } +.maintenance-progress-bar { margin: 30px 0 60px; } +.maintenance-main p { margin-bottom: 10px; } +/*portfolio*/ +.isotope.columns-3 .grid-item { width: 50%; } +.isotope.columns-4 .grid-item { width: 50%; } +/*about-1 page*/ +.about .feature-3 { margin-bottom: 30px; } +.feature-text.box, .feature-text.fill-box{ padding: 30px;} +.footer-widget { text-align: left; } +.xs-text-left{text-align: left;} +.xs-text-center{text-align: center;} +.xs-text-right{text-align: right;} +.pricing-table{margin: 0 0 30px;} +.team-3-box, .team{margin-bottom: 30px;} +.lead {font-size: 14px;} +.inner-intro { text-align: center;} +ul.page-breadcrumb { padding-top: 30px;} +.feature-step-2-box {padding: 20px;} +.feature-step-2 .feature-step-2-title-left h1 {font-size: 50px;} +.our-app{background-image: none !important;} +.valign > [class*="col-"] {display: block;} +.highlights-phone {margin: 30px 0;} +/*blog pages*/ +.masonry.columns-2 .masonry-item { width: 100%; } +.masonry.columns-3 .masonry-item { width: 100%; } +/* blog timeline */ +.blog ul.timeline:before { left: 40px; } +.blog ul.timeline > li { margin-bottom: 20px; position: relative; width:100%; float: left; clear: left; } +.blog ul.timeline > li > .timeline-panel { width: calc(100% - 90px); width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); } +.blog ul.timeline > li > .timeline-badge { left: 12px; margin-left: 0; top: 16px; } +.blog ul.timeline > li > .timeline-panel { float: right; } +.blog ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } +.blog ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } +.blog .timeline > li.timeline-inverted { float: left; clear: left; margin-top: 30px; margin-bottom: 30px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: 12px; } +.blog .timeline-panel img { width: 100%; } +.blog .timeline li.entry-date-bottom { text-align: left; } +.blog .timeline li.entry-date-bottom a { font-size: 13px; padding: 8px 10px; } +.blog .timeline li.entry-date { text-align: left; } +.blog .timeline li.entry-date span { font-size: 13px; padding: 8px 10px; } +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: 23px; } +.blog .timeline > li:nth-child(2) { margin-top: 0; } +.blog .timeline > li.timeline-inverted { margin-top: 10px; } +.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 20px; } +.blog.timeline-sidebar .timeline > li.timeline-inverted:nth-child(2) { margin-bottom: 0px; } +.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 100%; } +/*login 2*/ +.login-2-social li { margin-bottom: 10px; } +/*maintenance*/ +.progress-new { width: 100%; } +.maintenance-form input { width: 100%; } +/*portfolio*/ +.isotope.columns-2 .grid-item { width: 100%; } +.isotope.columns-3 .grid-item { width: 100%; } +.isotope.columns-4 .grid-item { width: 100%; } +.isotope.columns-5 .grid-item { width: 100%; } +.masonry.columns-3 .masonry-item { width:100%; } +.masonry.columns-4 .masonry-item { width:100%; } +.masonry.columns-5 .masonry-item { width:100%; } +/*shop*/ +.deal-banner img { width: 100%; } +/*process*/ +.process.left .process-content .process-icon { display: block; margin-bottom: 20px; } +.process.left .process-content { padding-left: 40px; } +.process.right .process-content { padding-right: 40px; } +.process.right .process-content .process-icon { float: none; margin-bottom: 20px; } +.process.left .process-step { top: 30px; } +.process .process-step strong { width: 40px; height: 40px; line-height: 40px; } +.process.left .process-step { left: -20px; } +.process.right .process-step { right: -20px; } +/*resume*/ +.resume-page .container-fluid { padding: 0 15px; } +/*shortcode*/ +.clients-list ul li, .clients-list.column-4 ul li, .clients-list.column-3 ul li { width: 50%; } +/*countdown*/ +.countdown.round { width: 100px; height: 100px; } +.countdown.round span { font-size: 30px; line-height: 30px; } +.countdown.round { padding: 16px; } +.countdown.round.medium { width: 100px; height: 100px; } +.countdown.round.medium span { font-size: 30px; line-height: 30px; } +.countdown.round.medium p { font-size: 14px; } +.countdown.round.large { width: 100px; height: 100px; } +.countdown.round.large span { font-size: 30px; } +.countdown.round.large span { line-height: 30px; } +.countdown.round.large p { font-size: 14px; } +/*datatables*/ +.dataTables_paginate .pagination>li { display: inline-block; text-align: center; } +.datatable-base .table-responsive { border: 0; padding-bottom: 30px; } +/*feature text*/ +.feature-text.left-icon .feature-icon { padding-left: 15px; } +.feature-text.right-icon .feature-icon { padding-right: 15px; } +/*tab*/ +.tab-vertical .nav-tabs { width: 100%; } +.tab-vertical .tab-content { width: 100%; margin-left: 0; } +.feature-text .feature-icon span, .feature-text .feature-icon i { padding-left: 0; } +.bg-top-before { padding-top: 40px !important; } +.bg-top-before:before { display: none; } +.bg-top-before.pb-150 { padding-bottom: 40px !important; } + /*gym*/ +.course { margin-bottom: 20px; } +.medical-tab .tab .nav.nav-tabs li.active a:before { display: none; } +/*one page*/ +/*mobile app*/ +.mobile-app-about h2 { font-size: 40px; line-height: 40px; } +/*product*/ +.product .product-image img { width: 100%; } +/*portfolio-banner*/ +.portfolio-banner .slider-content h1 { font-size: 20px; line-height: 20px; } +.portfolio-banner .slider-content span { font-size: 12px; line-height: 18px; } +/*404 error*/ +.error-block { padding: 0; } +.error-block .error-text { padding: 0; display: none; } +.error-block h1 { padding: 0; } +.error-text-02 { display: none; } +.interior-action-box { margin-top: 30px; } +/*slider */ +#rev_slider_14_1 .rev-btn {padding: 15px 20px !important; font-size: 16px !important; position: relative; bottom: 0px!important;} +#rev_slider_11_1_wrapper strong { font-size: 20px !important; } +#rev_slider_13_1_wrapper i { font-size: 20px !important; } +.process-list { padding-left: 30px; padding-right: 30px; } +.isotope, .masonry { margin: 0; } +.app-home { padding-bottom: 40px; } +.services-text-box-green { padding: 50px 15px !important; } +.services-text-box-blue, .services-text-box-black { padding: 50px 15px !important; } +.bottom-nav .owl-nav { bottom: 20px; } +.blog-box.blog-2 .button.icon-color { margin-top: 0px; float: right !important; } +.team.team-hover.team-border .team-photo img { width: 100%; } +.owl-carousel .owl-dots { bottom: -15px; } +.special-feature .row-eq-height { display: block; } +.course img { width: 100%; } +.footer .footer-social ul.text-right { text-align: left; } +.cafe-counter.mt-60 { margin-top: 0px !important; } +.blog .timeline li.entry-date { top: -20px; } +.blog.timeline-sidebar .timeline li.entry-date { top: -20px; } +.footer .footer-widget .footer-widget-social.text-right { text-align: left; } +.footer.footer-one-page .footer-widget { text-align: center; } +.footer.footer-one-page .footer-widget .footer-widget-social.text-right { text-align: center; } + +/************************************* + v1.0.2 +**************************************/ +.footer .container-fluid { padding: 0 15px; } +.text-left.mt-100 { margin-top: 40px !important; } + +/************************************* + v1.0.3 +**************************************/ +.slider-parallax.typer-banner.business h1 { line-height: 30px; font-size: 40px; } +.play-video-section .content { padding: 0; } +.slider-parallax.banner-personal .slider-content span { font-size: 70px; line-height: 70px; } +.slider-parallax.banner-personal .slider-content h1 { font-size: 60px; line-height: 60px; margin-top: -20px; } +.slider-parallax.banner-personal .slider-content h1 strong { font-size: 72px; line-height: 60px; } + +/************************************* + v1.0.4 +**************************************/ +.countdown p { font-size: 13px; } +.christmas-about .feature-text { margin-bottom: 50px; } +.christmas-form-content h2 { font-size: 40px; line-height: 40px; } +.happy-clients .mb-40 { margin-bottom: 0 !important; } +.christmas-form-content.mt-100 { margin-top: 60px !important; } +.christmas-team .team .team-photo img { width: 100%; } +.timer-banner .slider-content h1 { font-size: 30px; line-height: 30px; } + +/************************************* + v1.0.6 +**************************************/ +.movie-banner .slider-content-middle { padding: 0; } + +/************************************* + v1.0.7 +**************************************/ +.law-banner .slider-content h1 { line-height: 30px; font-size: 30px; } + +/************************************* + v1.0.8 +**************************************/ +.banner-agency-02 h1 { font-size: 30px; line-height: 30px; } +.agency-02-contact .footer-contact { margin-top: -50px; } +.agency-02-contact-title .mb-50 { margin-bottom: 0 !important; } +.agency-02-contact .footer-contact { margin-bottom: 30px; } +.portfolio-parallax-banner h2 { font-size: 50px; line-height: 50px; } + +/************************************* + v1.0.9 +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 40px; line-height: 40px; } +.coming-soon-big .countdown.medium p { font-size: 16px; line-height: 16px; } +.error-05 h1 { font-size: 80px; line-height: 80px; } +.list-unstyled.pl-60 { padding-left: 0 !important;} +.page-title.light-overlay { padding-top: 200px; } +.divider.pt-70, .divider.pt-50 { padding-top: 30px !important; } +.page-title.light-overlay { padding-top: 200px; } +.faq-box { margin-top: 30px; } + .faq-page-title .mt-50 { margin-top: 10px !important; } + +} + +@media(max-width:600px) { +h3 { font-size: 22px; } +.search-box { width: 240px; } +.section-title p { + font-size: 14px; +} +/*cart*/ +.shpping-cart .cart { width: 290px; } +.shpping-cart .cart-total a { margin-bottom: 10px; } +.portfolio-home .isotope.columns-3 .grid-item { width: 100%; } +.portfolio-title { padding: 40px 30px; } +.main-counter .counter-info span.counter { font-size: 40px; } +/*action-box*/ +.action-box { text-align: center; } +.action-box .action-box-button { text-align: center; } + /*skills*/ +.skills-2.col-2 li { width: 100%; margin-bottom: 0; margin-right: 0; float: none; } +.skills-2.col-2.mr-60 { margin-right: 0 !important; } +/*error*/ +.error-block { padding: 30px 0px; } +.error-block h1 { font-size: 70px; } +.error-404-2 .error-block h1 { font-size: 200px; line-height: 200px; } +.error-404-2 .error-block p { font-size: 16px; } +/*maintenance*/ +.maintenance-main h1.mb-50 { font-size: 28px; } +.maintenance-2 .maintenance-main h1 { font-size: 32px; } + /*portfolio*/ +.isotope.columns-3 .grid-item { width: 100%; } +.isotope.columns-4 .grid-item { width: 100%; } +/*============== New ==============*/ +/*about-1 page*/ +.clients-logo.line img{height:65px;} +/*contact us*/ +.contact-form .section-field { width: 100%; } +.touch-in .contact-box { margin: 20px 0; } +/*our-history .timeline*/ +.our-history .timeline > li.timeline-inverted > .timeline-panel::before, +.our-history .timeline > li > .timeline-panel::before { left: 40px;} +.our-history .timeline > li > .timeline-panel { padding: 40px 20px 20px 75px; text-align: left; width: 100%;} +.our-history .timeline > li > .timeline-badge { left: 41px;} +.our-history .timeline > li > .timeline-badge p { margin-left: 40px;} +.our-history .timeline > li.timeline-inverted .timeline-badge p { float: left; margin-right: 0; text-align: left;} +.feature-text .feature-icon {font-size: 38px;} +.skill-bar {margin: 60px 0 20px;} +.feature-text.box {padding: 30px;} +.happy-clients .nav-tabs li img {height: 70px; width: 70px;} +.testimonial-info p {font-size: 15px; margin: 25px 0 0; padding: 0 0 20px;} +.testimonial-2 .testimonial-info p::before {font-size: 100px;} +/*blog pages*/ +.social.pull-right { float: none; margin-top: 10px; display: block; width: 100%; } +.port-post-social.pull-right { float: none !important; } +.port-post-photo { display: block; float: none; } +.port-post-info { padding-left: 0; margin-top: 20px; display: block; } +.comments-1.comments-2 { padding-left: 40px; } +.comments-1 .comments-photo { float: none; } +.comments-1.comments-2 .comments-info { padding: 20px 0px 10px; } + +/*team single*/ +.our-team .team-details .social { float: none !important; width: 100%; margin-bottom: 20px; } +/*shortcode*/ +.countdown.small span { font-size: 30px; } +.countdown span { font-size: 30px; } +.countdown.medium span { font-size: 30px; } +.countdown.medium p { font-size: 14px; } +.countdown.medium { margin: 0 10px; } +.countdown.large span { font-size: 30px; } +.countdown.large p { font-size: 14px; } +.countdown.large { margin: 0 6px; } +.countdown.gray-bg { margin: 0 1px; padding: 8px; } +.countdown.border { padding: 8px; margin: 0 0px; } +.countdown.round { margin-bottom: 10px; } +.countdown.round.small { padding: 16px; } +/*testimonial*/ +.testimonial.bottom_pos .author-info { margin-left: 0; margin-bottom: 30px; } +/*shortcode*/ +.pagination>li { display: inline-block; margin-bottom: 3px; } +/*shortcode*/ +.owl-carousel .owl-dots { bottom: 20px; } +.resume-contact .footer-widget-social a i { margin-bottom: 4px; } +/*popup-video-banner*/ +.popup-video-banner h1 { font-size: 36px; line-height: 40px; } +.kety-perry-list { padding-right: 20px; } +.kety-play-icon { float: none; } +.kety-name { padding-left: 0; } +.kety-play-icon { margin-top: 0; } +/*gym*/ +.team.team-list .team-photo { float: none; width: 100%; margin-bottom: 30px; } +.team.team-list .team-description { padding-left: 0; padding-bottom: 0; } +.tab .nav.nav-tabs li { margin-bottom: 5px; } +/*testimonial*/ +.testimonial.clean { padding: 0 10px 25px 40px; } +.typer-banner h1 { font-size: 50px; line-height: 100px; } +.portfolio-banner .slider-content { width: 100%; } +.personal-typer-banner h1 { font-size: 50px; line-height: 50px; } +.personal-typer-banner h1 span { font-size: 25px; } +.services-text-box-green { padding: 60px 15px !important; } +.services-text-box-black { padding: 60px 15px !important; } + .team.team-list .team-photo img { width: 100%; } + .isotope.columns-3 .grid-item { padding: 0 0px 15px 0; } + .bottom-nav .owl-nav .owl-next { right: 42%; } + .bottom-nav .owl-nav .owl-prev { left: 42%; } + .testimonial.light { padding: 85px 20px 45px 50px; } +.our-history .timeline:before { left: 40px; } +.our-team .team-details .title.pull-left { float: none !important; display: block; } +.our-team .team-details .social-icons.border.pull-right { float: none !important; display: inline-block; margin-bottom: 10px; } +.row.mt-80 { margin-top: 30px !important; } +.happy-clients .tab .nav.nav-tabs { margin-bottom: 0; } +.our-service-home .row.mb-60 { margin-bottom: 10px !important; } +.contact-3 #map { padding-top: 40%; } +.accordion.animated .acd-group.acd-active .acd-heading { font-size: 22px; } +.our-history .timeline .timeline-arrow { left: 34px; text-align: left; } +.our-history { overflow: hidden; } +.progress-new { margin-bottom: 0; } +.comments-1 .comments-photo { margin-bottom: 20px; } +.comments-1.comments-2 .comments-photo { margin-bottom: 0px; } +.isotope.columns-4 .grid-item { padding-right: 0; } +/*.rev-slider #rev_slider_20_1_forcefullwidth .rev-btn { padding: 6px 10px !important; line-height: 0 !important; font-size: 8px !important; }*/ +.shop-single .tab .nav.nav-tabs li a { padding: 12px 20px; } +.shop-single .tab .nav.nav-tabs li { margin-bottom: 0; } + + +/************************************* + v1.0.2 +**************************************/ +.st-menu.big-side { width: 270px; } +.st-menu.big-side .pos-bot { position: relative; } +.st-menu.big-side .slide-footer-content { padding: 0 10px 0px 0; } +.st-menu.big-side .social-icons.width-half ul li { width: inherit; display: block; float: none; } +.st-menu.big-side .copy-right .mb-70 { margin-bottom: 0 !important; } +.st-menu.big-side ul.menu { padding-top: 0; } + +/************************************* + v1.0.3 +**************************************/ +.blockquote-section blockquote { font-size: 30px; line-height: 34px; } +.custom-content-03 h2 { font-size: 30px; line-height: 34px; } + .mt-100.mb-100 { margin: 0px 0 !important; } + .slider-parallax.banner-personal .slider-content { width: 100%; } + + +/************************************* + v1.0.4 +**************************************/ +.christmas-clients .mt-80 { margin-top: 0 !important; } +.countdown.round { display: block; margin: 0 auto; } +.timer-banner .slider-content h1 { font-size: 21px; line-height: 28px; margin-bottom: 10px; } +.conference-video h3 { line-height: 30px; } + +/************************************* + v1.0.5 +**************************************/ +.architecture-about h2 { font-size: 24px; line-height: 30px; } + +/************************************* + v1.0.6 +**************************************/ +.agency-banner .slider-content .agency-banner-right { display: block; } +.agency-banner .slider-content .agency-banner-left { display: block; } +.agency-banner .slider-content span { padding-top: 0; font-size: 30px; line-height: 20px; } +.agency-banner .slider-content h1 { font-size: 30px; padding: 0; border:none; line-height: 20px; } +.slider-parallax.agency-banner { height: 80vh; } +.movie-banner .countdown.round.small { display: inline-block; } + +/************************************* + v1.0.7 +**************************************/ +.law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-year { left: -45px; } +.testimonial.left_pos { padding: 20px 10px 20px 50px; } +.testimonial.left_pos .testimonial-avatar { position: inherit; left: inherit; top: inherit; margin-top: 0 ; margin-bottom: 60px; margin-left: 0px; } + + +/************************************* + v1.0.8 +**************************************/ +.agency-02-contact .pl-50.pr-50 { padding: 15px !important; } +.agency-02-history-who { padding: 30px; } +.banner-agency-02 h1 { font-size: 24px; } +.portfolio-parallax-banner h2 { font-size: 40px; line-height: 40px; } + +/************************************* + v1.0.9 +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 30px; line-height: 30px; } +.coming-soon-big .countdown.medium p { font-size: 16px; line-height: 16px; } +.error-05 h1 { font-size: 60px; line-height: 60px; } +.error-05 h3, .error-05 span { font-size: 40px; } +.error-03 .content h2 { font-size: 32px; line-height: 32px; } +.error-03 .content h1 { font-size: 40px; line-height: 40px; } +.error-03 .error-404 h1 { font-size: 70px; line-height: 70px; } +.error-03 .error-404 h2 { font-size: 50px; line-height: 50px; } +.error-04 h1 { font-size: 160px; line-height: 160px; } +.coming-soon-effects .coming-soon h1 { font-size: 30px; line-height: 30px; } +.coming-soon h1, .coming-soon-effects .coming-soon h1 { font-size: 30px; line-height: 30px; } + +/************************************* + v1.2 +**************************************/ +.login-fancy h2 { font-size: 40px; line-height: 40px; } +.login-box h2 { font-size: 30px; line-height: 30px; } +.login-box-02 { padding: 20px; } +.login-signup .tab .nav.nav-tabs li { margin-bottom: 0; } +.login-signup .login-box-02 { padding: 30px; } +.about-mission .popup-content { padding-right: 20px; width: 100%; } +.about-mission .popup-content br { display: none; } +#rev_slider_14_1 .rev-btn {padding: 15px 20px !important; font-size: 14px !important; position: relative; bottom: 0px!important;} +} + +@media(max-width:479px) { + +/************************* + Margin top +*************************/ +.xx-mt-0 { margin-top: 0 !important; } +.xx-mt-10 { margin-top: 10px !important; } +.xx-mt-15 { margin-top: 15px !important; } +.xx-mt-20 { margin-top: 20px !important; } +.xx-mt-30 { margin-top: 30px !important; } +.xx-mt-40 { margin-top: 40px !important; } +/************************* + Margin right +*************************/ +.xx-mr-0 { margin-right: 0!important } +.xx-mr-10 { margin-right: 10px !important; } +.xx-mr-15 { margin-right: 15px !important; } +.xx-mr-20 { margin-right: 20px !important; } +.xx-mr-30 { margin-right: 30px !important; } +.xx-mr-40 { margin-right: 40px !important; } + /************************* + Margin bottom +*************************/ +.xx-mb-0 { margin-bottom: 0!important } +.xx-mb-10 { margin-bottom: 10px !important; } +.xx-mb-15 { margin-bottom: 15px !important; } +.xx-mb-20 { margin-bottom: 20px !important; } +.xx-mb-30 { margin-bottom: 30px !important; } +.xx-mb-40 { margin-bottom: 40px !important; } +/************************* + Margin left +*************************/ +.xx-ml-0 { margin-left: 0!important } +.xx-ml-10 { margin-left: 10px !important; } +.xx-ml-15 { margin-left: 15px !important; } +.xx-ml-20 { margin-left: 20px !important; } +.xx-ml-30 { margin-left: 30px !important; } +.xx-ml-40 { margin-left: 40px !important; } + /************************* + Padding top +*************************/ +.xx-pt-0 { padding-top: 0!important } +.xx-pt-10 { padding-top: 10px !important; } +.xx-pt-15 { padding-top: 15px !important; } +.xx-pt-20 { padding-top: 20px !important; } +.xx-pt-30 { padding-top: 30px !important; } +.xx-pt-40 { padding-top: 40px !important; } + /************************* + Padding right +*************************/ +.xx-pr-0 { padding-right: 0!important } +.xx-pr-10 { padding-right: 10px !important; } +.xx-pr-15 { padding-right: 15px !important; } +.xx-pr-20 { padding-right: 20px !important; } +.xx-pr-30 { padding-right: 30px !important; } +.xx-pr-40 { padding-right: 40px !important; } + /************************* + Padding bottom +*************************/ +.xx-pb-0 { padding-bottom: 0!important } +.xx-pb-10 { padding-bottom: 10px !important; } +.xx-pb-15 { padding-bottom: 15px !important; } +.xx-pb-20 { padding-bottom: 20px !important; } +.xx-pb-30 { padding-bottom: 30px !important; } +.xx-pb-40 { padding-bottom: 40px !important; } + /************************* + Padding left +*************************/ +.xx-pl-0 { padding-left: 0!important } +.xx-pl-10 { padding-left: 10px !important; } +.xx-pl-15 { padding-left: 15px !important; } +.xx-pl-20 { padding-left: 20px !important; } +.xx-pl-30 { padding-left: 30px !important; } +.xx-pl-40 { padding-left: 40px !important; } +.col-xx-12{width:100% !important;} +.col-xx-6{width:50% !important;} +h2 {font-size: 22px; line-height: 30px;} +.topbar .topbar-call.text-left li { margin-bottom: 5px; } +.clients-logo.line img { width: initial; } +.shpping-cart .cart { width: 240px; } +.cart-item .cart-name a { font-size: 12px; } +.cart-price del { font-size: 12px; } +.cart-price ins { font-size: 14px; } +.cart-item .cart-close { top: 17px; } +/*index*/ +.round .nav.nav-tabs li a { margin-right: 1px; padding: 8px 15px; } +/* header */ +.st-effect-3 .header.default.fullWidth .search-cart { right: 45px; top: 3px; } +.st-effect-3 .header.default.fullWidth .search-cart .search { padding-right: 6px; } + +/*action box*/ +.action-box-button .button.border-white { margin-top: 10px; } +.action-box-button .button.border.icon { margin-left: 0; margin-top: 15px; } +.action-box-button .button.border { margin-left: 0; margin-top: 15px; } +/*coming soon*/ +.coming-soon-main h1 { font-size: 34px; } +.coming-soon-countdown ul.countdown li span { font-size: 32px; } +.coming-soon-countdown ul.countdown li { width: 20%; } +.coming-soon-countdown ul.countdown li p { font-size: 13px; } +.coming-soon-countdown ul.countdown { margin: 20px 0; } +.coming-soon-main p { margin-bottom: 45px; font-size: 16px; } +.coming-soon-form { width: 100%; } +.coming-soon-form input { width: 90%; margin-bottom: 0; } +.coming-soon-form a.button-border span { padding: 11px 8px; } + /*error*/ +.error-block h1 { font-size: 50px; } +.error-block p { font-size: 18px; } +.error-block h1.mb-40 { margin-bottom: 10px !important; } +.error-search-box p { font-size: 16px; line-height: 32px; } +.error-search-box input { width: 60%; } +/*maintenance*/ +.maintenance-2 .maintenance-main h1 { font-size: 22px; margin-bottom: 10px; } +.maintenance-contant.mt-150 { margin-top: 30px !important; } +.maintenance-form.mt-100 { margin-top: 30px !important; } +.clients-logo.line{width:100%; border-left:none;} + .clients-logo.line img{height:auto;} +.clients-logo.line:nth-last-child(-n+3) { border-bottom: 1px solid #dddddd;} +.our-history .timeline > li > .timeline-panel::before { width: 22px; left: 25px; } +.our-history .timeline > li.timeline-inverted > .timeline-panel::before { left: 25px; } +.happy-clients .nav.nav-tabs li { display: inline-block; } +.nav.nav-tabs li { display: block; float: none; margin-bottom: 10px; text-align: center;} +.tab-2 .nav-tabs {float: none; width: 100%;} +.tab-2 .nav-tabs li{margin-bottom: 0;} +.tab-2 .tab-content {margin-left: 0; padding: 30px 20px;} +/*testimonial page*/ +.testimonial-3 .owl-carousel .owl-nav { bottom: -20px; } +.testimonial-3 .owl-carousel .owl-nav .owl-prev {left: 50%; margin-left: -45px;} +.testimonial-3 .owl-carousel .owl-nav .owl-next {right: 50%; margin-right: -45px;} +.testimonial-info p {padding: 0 10px 20px;} +.testimonial.boxed {padding: 30px 30px 75px;} + .feature-step-2-title-2-right {width: 100%;} +.feature-step-2-box {padding:20px 10px;} +.feature-step-2-box p{font-size: 13px;} +.service-blog b {font-size: 220px;} +/*blog*/ +.blog .timeline > li > .timeline-badge { font-size: 15px; height: 44px; line-height: 12px; width: 44px; } +.blog ul.timeline:before { left: 27px; } +.blog ul.timeline > li > .timeline-badge { left: 5px; } +.blog ul.timeline > li > .timeline-panel { width: 100%; } +.blog .timeline li.entry-date span { display: none;} +.blog ul.timeline::before { display: none; } +.blog ul.timeline > li > .timeline-badge { display: none; } +.blog ul.timeline > li > .timeline-panel::before { display: none; } +.blog ul.timeline > li > .timeline-panel::after { display: none; } +.blog .timeline li.timeline-inverted .timeline-panel::after { display: none; } +.blog .timeline li.timeline-inverted .timeline-panel::before { display: none; } +.blog.timeline-sidebar .timeline li { width: 100%; } +/*shop*/ +.offer-banner-1 h1 { font-size: 20px; } +.deal-banner .counter-deal ul li { padding: 7px 10px; margin-right: 2px; } +.deal-banner .caption h2 { font-size: 32px; } +.deal-banner.maintenance-progress-bar { margin: 0; } +.bottom-nav .owl-nav .owl-next { right: 36%; } +.bottom-nav .owl-nav .owl-prev { left: 36%; } +.action-box.pattern { padding: 70px 15px; } +.action-box { padding: 30px 15px; } +.appointment-bg { padding: 40px 15px; } +.appointment a.pull-left { display: block; } +/*mobile app*/ +.mobile-app-about a img { margin-bottom: 10px; } +.mobile-app-about h2 { font-size: 30px; line-height: 30px; } +.phone-holder { width: 260px; } +.highlights-phone.wht .phone-holder #fon { background:transparent; } +.highlights-phone.wht .hgi { top: 0; } +.highlights-phone { height: 550px; } +/*one page*/ +.typer-banner h1 { font-size: 30px; line-height: 30px; } +.popup-video-banner h1 { font-size: 30px; line-height: 40px; } +.video-background-banner h1 { font-size: 30px; line-height: 30px; } +.video-background-banner .slider-content { padding: 30px 15px; } +/*side panel*/ +.slide-footer .social ul li a { padding-right: 15px; } +.st-menu { width: 280px; } +.st-effect-2.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-3.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-4.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-5.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-6.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0) rotateY(-15deg); transform: translate3d(280px, 0, 0) rotateY(-15deg); } +.st-effect-7.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-8.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-9.st-menu-open .st-pusher { -webkit-transform: translate3d(0, 0, -280px); transform: translate3d(0, 0, -280px); } +.st-effect-10.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-10.st-menu { -webkit-transform: translate3d(0, 0, -280px); transform: translate3d(0, 0, -280px); } +.st-effect-13.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-14.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */ +.no-csstransforms3d .st-pusher, +.no-js .st-pusher { padding-left: 280px; } +.personal-typer-banner h1 { font-size: 30px; line-height: 30px; margin-bottom: 0px; } +.personal-typer-banner h1 span { font-size: 20px; left: -10px; top: 0; } +.image-content { width: 100%; margin-right: 0; } +.testimonial.bottom_pos { padding: 60px 20px 40px 46px; } + .owl-carousel .owl-dots { bottom: 12px; } +.kety-name a { font-size: 14px; } +.kety-link a { margin-bottom: 5px; } +.blog.blog-single .port-navigation .port-photo { width: 104px; } +.blog.blog-single .port-navigation .port-arrow { height: 62px; width: 30px; } +.blog.blog-single .port-navigation .port-arrow i { line-height: 62px; } +.single-portfolio-post .port-navigation .port-photo { width: 104px; } +.single-portfolio-post .port-navigation .port-arrow { height: 62px; width: 30px; } +.single-portfolio-post .port-navigation .port-arrow i { line-height: 62px; } +.happy-clients .nav-tabs li { padding: 0; } +.accordion.animated .acd-group.acd-active .acd-heading { font-size: 20px; } +.our-service .section-title { margin-bottom: 10px; } +.team.team-list h5 { font-size: 18px; } +.contact-2 #map { padding-top: 50%; } +.clients-box .clients-photo { margin-bottom: 20px; width: 100%; } +.countdown.round { display: block; margin: 0 auto 20px; } +.coming-soon-form.contact-form input { width: 100%; } +.add-banner-2 .add-banner-content h2 { font-size: 24px; } +.add-banner-2 .add-banner-content h3 { font-size: 20px; line-height: 20px; } +.add-banner-2 .add-banner-content .button.small { padding: 5px 18px; } + +/************************************* + v1.0.3 +**************************************/ + .slider-parallax.typer-banner.business h1 { font-size: 24px; line-height: 28px; } + .slider-parallax.typer-banner.business p { font-size: 18px; line-height: 28px; margin-top: 10px !important; } + .counter.big-counter .timer { font-size: 40px; line-height: 40px; } +.action-box.theme-bg { padding: 30px 0; } + .slider-parallax.banner-personal .slider-content span { font-size: 50px; line-height: 50px; } +.slider-parallax.banner-personal .slider-content h1 { font-size: 40px; line-height: 40px; margin-top: -20px; } +.slider-parallax.banner-personal .slider-content h1 strong { font-size: 48px; line-height: 50px; } + +/************************************* + v1.0.4 +**************************************/ +.christmas-form-content h2 { font-size: 24px; line-height: 24px } +.christmas-event .tab .nav.nav-tabs li a{ font-size: 14px; } +.christmas-event .blog-date span { font-size: 28px; display: inline-block; } +.portfolio-home .portfolio-title.section-title .button.mt-30 { margin-top: 20px !important; } +.countdown.small { margin: 10px 4px 0; } + +/************************************* + v1.0.4 +**************************************/ +.section-title-movie h2 { padding: 10px 30px; } +.movie-story b { font-size: 26px; } +.movie-banner .countdown.round.small { margin-bottom: 5px; } + +/************************************* + v1.0.7 +**************************************/ +.law-banner .slider-content h1 { font-size: 22px; line-height: 22px; } +.law-banner .slider-content p { font-size: 16px; } +.law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-year { left: 0; top: 25px; } + +/************************************* + v1.0.7 +**************************************/ +.portfolio-parallax-banner h2 { font-size: 30px; line-height: 30px; } + +/************************************* + v1.0.9 +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 24px; line-height: 24px; } +.coming-soon-big .countdown.medium p { font-size: 14px; line-height: 14px; } +.error-05 h1 { font-size: 50px; line-height: 50px; } +.error-03 .content h2 { font-size: 28px; line-height: 28px; } +.error-03 .content h1 { font-size: 32px; line-height: 32px; } +.error-03 .content p { font-size: 22px; } +.error-03 .error-404 h1 { font-size: 70px; line-height: 70px; } +.error-03 .error-404 h2 { font-size: 50px; line-height: 50px; } +.error-04 h1, .error-06 h1, .error-07 h1 { font-size: 100px; line-height: 100px; } +.error-04 h2 { font-size: 40px; line-height: 40px; } +.error-04 p { font-size: 18px; } +.error-06 h2 .error-07 h2, .error-09 h2 { font-size: 30px; line-height: 30px; } + +/************************************* + v1.2 +**************************************/ +.login.height-100vh { overflow: hidden; } +.login .remember-checkbox a { display: block; float: inherit !important; margin-top: 10px; } +.about-mission .popup-content { padding: 30px 30px 10px 30px; } +.about-mission .popup-content h2 { font-size: 14px; line-height: 20px; } +.about-mission .popup-video-image a i { width: 40px; height: 40px; top: 10px; line-height: 40px; } + .checkout-page .pl-50.pr-50.pt-50.pb-50 { padding: 20px !important; } + .checkout-page .pl-40 { padding: 0 !important; } +} + + + + +@media (max-width: 360px) { + +.col-xs-offset-1 {margin-left:8.33333333%;} + +} \ No newline at end of file diff --git a/apply/css - 복사본/back/shop.css b/apply/css - 복사본/back/shop.css new file mode 100644 index 0000000..e4f1fcd --- /dev/null +++ b/apply/css - 복사본/back/shop.css @@ -0,0 +1,163 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains the styling for the Shop Pages. You can edit/add anything in this file! +*/ + + +/******************************** + shop +********************************/ +.product { text-align: center; position: relative; } +.product .product-title a { font-size: 16px; text-transform: uppercase; font-weight: 600; margin: 20px 0px 10px; display: block; } + +.product .product-title a:hover { color: #353535; } +.product .product-price del { background: transparent; color: #323232; font-size: 13px; } +.product .product-price ins { text-decoration: none; color: #5E9ECA; font-size: 16px; font-weight: bold; } +.product .product-rating { margin-bottom: 10px; } +.product .product-rating i { color: #353535; } +.product .product-image { position: relative; } +.product .product-image .product-overlay { opacity: 0; text-align: center; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; margin: 0 auto; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } +.product:hover .product-image .product-overlay { opacity: 1; } +.product .product-image .add-to-cart a { background: #5E9ECA; color: #ffffff; text-transform: uppercase; padding: 10px 20px; border-radius: 30px; } +.product .product-image .add-to-cart a:hover { background: #353535; } + +.top-rated .product.left .product-title a { font-size: 14px; font-weight: 500; } +.shop-split-content .product-price del { background: transparent; color: #323232; } + +/*shop-single*/ +.shop-single .title { padding-top: 40px; } +.shop-single .product-detail .product-detail-price { display: inline-block; } +.shop-single .product-detail .product-detail-price ins { text-decoration: none; color: #5E9ECA; font-size: 16px; font-weight: bold; } +.shop-single .product-detail .product-detail-rating i { color: #353535; } +.shop-single .product-detail .product-detail-rating { display: inline-block; } +.shop-single .product-detail .product-detail-quantity input { box-shadow: none; border:1px solid #e0e0e0; padding: 10px 18px 10px 24px; border-radius: 30px; box-shadow: none; } +.shop-single .product-detail .input-group-btn button { background: transparent; border-color: #e0e0e0; } +.shop-single .product-detail .input-group-btn button:hover { color: #5E9ECA; } +.shop-single .product-detail .input-group { width: 90px; float: left; margin-right: 20px; } +.shop-single .product-detail .product-detail.add-to-cart .button { display: inline-block; font-size: 12px; } +.shop-single .product-detail .input-group-btn:first-child>.btn { border-top-left-radius: 30px; border-bottom-left-radius: 30px; } +.shop-single .product-detail .input-group-btn:last-child>.btn { border-top-right-radius: 30px; border-bottom-right-radius: 30px; } +.shop-single .product-detail .product-detail-price del { background: transparent; color: #333; font-size: 14px; } + +.shop-single .product-detail .product-detail-social { border-top: 1px solid #e0e0e0; padding-top: 20px; margin-top: 20px; } +.shop-single .product-detail .product-detail-social span { display: inline-block; padding-right: 20px; float: left; } +.shop-single .product-detail .product-detail-social ul li { display: inline-block; } +.shop-single .product-detail .product-detail-social ul li a { display: block; color: #aaaaaa; font-size: 14px; padding-right: 5px; } +.shop-single .product-detail .product-detail-social ul li a:hover { color: #5E9ECA; } + +.shop-single .product-detail .product-detail-meta { border-top: 1px solid #e0e0e0; padding-top: 20px; } +.shop-single .product-detail .product-detail-meta span { display: block; margin: 10px 0; } +.shop-single .product-detail .product-detail-meta span a { padding-left: 5px; } + +.slider-slick { overflow: hidden; } + +/*sidebar-widgets-wrap*/ +.sidebar-widgets-wrap .recent-item { margin-bottom: 20px; } +.sidebar-widgets-wrap .recent-item .recent-image { display: table-cell; padding-right: 10px; width: 50px; float: left; } +.sidebar-widgets-wrap .recent-item .recent-info { display: table-cell; vertical-align: top; } +.sidebar-widgets-wrap .recent-item .recent-title a { color: #353535; font-weight: bold; } +.sidebar-widgets-wrap .recent-item .recent-title a:hover { color: #5E9ECA;} +.sidebar-widgets-wrap .recent-item .recent-meta li { display: inline-block; color: #353535; } + +/*product left*/ +.product.left .product-image { float: left; padding-right: 20px; width: 26%; } +.product.left .product-image a {display: block; width: 100%; height: 100%; } +.product.left .product-description { padding-top: 0; display: table-cell; padding-bottom: 0; vertical-align: top; text-align: left; width: 74%; } +.product.left .product-title a { margin-top: 0; } + + +/*deal-banner*/ +.deal-banner{background:#f4f4f2;} +.deal-banner img { width:100%; } +.deal-banner .caption{text-align:center;margin-top:25%;} +.deal-banner .caption span.off{color:#5E9ECA;font-size:24px;font-weight:600;text-transform:uppercase;} +.deal-banner .caption h2{font-size:42px;line-height:42px;color:#494949;font-weight:600;text-transform:uppercase;margin-top:12px;margin-bottom:22px;} +.deal-banner .caption a.viewbt{color:#fff;background:#5E9ECA;padding:10px 22px;text-align:center;display:inline-block;margin-top:26px; border-radius: 30px;} +.deal-banner .caption a.viewbt:hover{background:#494949;} +.deal-banner .counter-deal ul li{background:#fff;display:inline-block;padding:7px 12px;margin-right:17px;} +.deal-banner .counter-deal ul li span.big{font-size:22px;font-weight:700;margin-left:12%;margin-right:12%;} +.deal-banner .counter-deal ul li span.smalltxt{padding-top:0;} + +/************************************* + offer banner +*************************************/ + .line-effect { position:relative; background: transparent; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } + .overlay { position:absolute; width:100%; height:100%; left:0; top:0; } + .overlay { background:none; width:100%; height:100%; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} + .overlay:before{ border-bottom: 1px solid #fff; border-top: 1px solid #fff; -o-transform: scale(0, 1); -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); transform: scale(0, 1); } + .overlay:after { border-left: 1px solid #fff; border-right: 1px solid #fff; -o-transform: scale(1, 0); -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); transform: scale(1, 0); } + .overlay:before, .overlay:after { bottom: 15px; content: ""; left: 15px; opacity: 0; position: absolute; right: 15px; top: 15px; -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; z-index: 1; } + +.offer-banner-1 { position: relative; } +.offer-banner-1 .banner-content { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; z-index: 2; } +.offer-banner-1 .banner-content strong { display: block; color: #fff; margin: 20px 0px; } +.offer-banner-1 .banner-image.bg-overlay-black-50:before { z-index: 1; } +.offer-banner-1:hover .line-effect .overlay:before, .offer-banner-1:hover .line-effect .overlay:after { opacity:1; -o-transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -o-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;-webkit-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; -moz-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;} +.offer-banner-1 .banner-image img { width: 100%; } +.offer-banner-2 { height: 458px; display: block; width: 100%; } +.offer-banner-2 .banner-bg {display: table; height: 100%; position: relative; width: 100%; } +.offer-banner-2 .line-effect { display: table-cell; vertical-align: middle; position: relative; } +.offer-banner-2 .banner-content { position: relative; z-index: 99; } +.offer-banner-2 .banner-content h1 { position: relative; padding-bottom: 10px; } +.offer-banner-2 .banner-content h1:before { position: absolute; content: ""; background: #5E9ECA; width: 60px; bottom: 0px; margin-left: -30px; height: 1px; left: 50%; } +.offer-banner-2 .banner-content strong { display: block; color: #000; margin: 20px 40px; } +.offer-banner-2 .banner-content span { display: block; color: #000; margin: 20px 0px; } + .offer-banner-2 .overlay:before{ border-bottom: 1px solid #000; border-top: 1px solid #000; -o-transform: scale(0, 1); -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); transform: scale(0, 1); } + .offer-banner-2 .overlay:after { border-left: 1px solid #000; border-right: 1px solid #000; -o-transform: scale(1, 0); -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); transform: scale(1, 0); } +.offer-banner-2:hover .line-effect .overlay:before, .offer-banner-2:hover .line-effect .overlay:after { opacity:1; -o-transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -o-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;-webkit-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; -moz-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;} + +/************************************* + add banner +*************************************/ +.add-banner-1 { position: relative; } +.add-banner-1 .add-banner-content { padding: 30px; display: inline-block; left: 0; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; z-index: 99; } +.add-banner-1 .add-section-image.bg-overlay-black-50:before { z-index: 0; } +.add-banner-1 .add-banner-content p { font-size: 14px; color: #fff; line-height: 26px; margin-bottom: 15px; } +.add-banner-1 .add-banner-content h5 { position: relative; padding-bottom:20px; } +.add-banner-1 .add-banner-content h5.border:before { position: absolute; content: ""; width: 60px; height: 1px; background: #5E9ECA; left: 50%; margin-left: -30px; bottom: 0px; } +.add-banner-1 .add-banner-content span { display: block; font-size: 14px; color: #fff; padding: 15px 0px; } +.add-banner-1 .add-banner-content a { font-size: 14px; color: #fff; text-transform: uppercase; } +.add-banner-1 .add-banner-content a:hover { color: #5E9ECA; } +.add-banner-1 .add-banner-content a.button-white-border { padding: 10px 40px; } +.add-banner-1:hover .line-effect .overlay:before, .add-banner-1:hover .line-effect .overlay:after { opacity:1; -o-transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -o-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;-webkit-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; -moz-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; } + +/************************************* + add banner 2 +*************************************/ +.add-banner-2 .add-banner-content { padding: 100px 50px; } +.add-banner-2 .add-banner-content h2 { font-size: 48px; line-height: 48px; font-weight: 400; text-transform: uppercase; margin-bottom: 15px; } +.add-banner-2 .add-banner-content h3 { font-size: 38px; line-height: 38px; font-weight: 400; text-transform: uppercase; margin-bottom: 15px; } + + /************************************* + home 02 +*************************************/ + .shop-split-content { padding: 130px 0; } + .shop-split-content ins { font-size: 30px; font-weight: 600; text-decoration: none; color: #5E9ECA; } + + /************************************* + home 03 +*************************************/ + .shop-blog .blog-box { padding: 220px 30px 40px; } + .shop-blog .blog-box:hover .blog-box-img:before, .shop-blog .blog-box.active .blog-box-img:before { background:linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-webkit-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-o-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-ms-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-moz-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); } + + /************************************* + wishlist page +**************************************/ +.wishlist-page .table tbody { border:0px; border-bottom: 1px solid #f0ede7; } +.wishlist-page .table > tfoot > tr > td { border-top: none; border-bottom: solid 1px #f0ede7; } +.wishlist-page .table > thead > tr > th, +.wishlist-page .table > tbody > tr > th, +.wishlist-page .table > tfoot > tr > th, +.wishlist-page .table > thead > tr > td, +.wishlist-page .table > tbody > tr > td, +.wishlist-page .table > tfoot > tr > td { padding: 20px 20px; vertical-align: middle; text-align: center; } +.wishlist-page .table .image img { width: 50px; } +.wishlist-page .table td.price.price-2 { color: #5E9ECA; } +.wishlist-page .table td.total a { border: 1px solid #f0ede7; font-size: 14px; padding: 3px 6px; } +.wishlist-page .table td.total a:hover { border: 1px solid #5E9ECA; background: #5E9ECA; color: #ffffff; } +.wishlist-page .table .td-quentety input { border: 1px solid #ccc; margin: 15px 0 5px 0; padding: 0px 0px 0 20px; width: 70px; height: 35px; background: transparent; } +.wishlist-page .table .td-quentety input:focus { box-shadow: none; } +.wishlist-page .price:hover { box-shadow: none; } \ No newline at end of file diff --git a/apply/css - 복사본/back/style.css b/apply/css - 복사본/back/style.css new file mode 100644 index 0000000..973bd5d --- /dev/null +++ b/apply/css - 복사본/back/style.css @@ -0,0 +1,1735 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Version: 1.0 +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. + +*/ + + +/*================================================ +[ Table of contents ] +================================================ + :: Header + - topbar + - search + - Cart + - FullWidth + - Light + - Dark + - Left-menu + - Logo-center + - Fancy + - fancy without-topbar + - Side menu icon + - Vertical header + - One page Header + :: Slider (all home page main sliders ) + :: - Slider-parallax one page + :: - Mobile slider + :: Background + :: Home page section + :: Decolines + :: Awesome features + :: Feature Step + :: About Us + :: Resume + :: Portfolio + :: - Portfolio item + :: - Portfolio-item-2 + :: - Portfolio single page + :: Our Blog + :: Our services + :: Creativity + :: Our History + :: Our Service Objects + :: Sidebar + :: About me + :: Team page + :: Error 404 + :: Coming soon + :: Register + :: Login + :: maintenance + :: Our clients + :: Process + :: Careers + :: Sitemap + :: Privacy-policy + :: Page sidebar + :: Terms and conditions + :: Footer + :: Boxed + + v1.2 + :: index portfolio 4 + :: index portfolio 04 about + :: index portfolio single + +====================================== +[ End table content ] +======================================*/ + +/************************* + Header +*************************/ +.default { background: transparent; z-index: 9999; position: absolute; width: 100%; } +/*topbar*/ +.topbar { /*padding: 10px 0;*/ font-size:12px; color:#4a4a4a; } +.topbar ul li { display: inline-block; color: #fff; font-size: 12px; font-weight: normal;} +.topbar ul li:last-child { margin-right: 0px; } +.topbar ul li a { color: #4a4a4a; font-size: 12px; font-weight: normal; font-style: normal; } +.topbar-left { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; letter-spacing: -0.1em;} +.topbar-right { position: relative; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; } +.topbar ul li a:hover { font-weight:600; } +#topbar-nav {list-style:none;} +#topbar-nav li{display:inline-block; position:relative; line-height: 38px; } +#topbar-nav li:first-child > a {border: 0;} +#topbar-nav li > a {border-left: 1px solid #ccc; padding:0px 15px;} + +/*menu*/ +.menu-bar { float: right; } +.mega-menu .menu-links { float: left; } +.search-cart { display: inline-block; } +.search-cart i.icon { color: #ffffff; line-height: 20px; font-size: 14px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } +.search-cart i.icon:hover { color: #5E9ECA; } +.search-cart .search { display: inline-block; padding-right: 15px; padding-left: 10px; } +.search-cart .shpping-cart { display: inline-block; } +.shpping-cart a { position: relative; } +.shpping-cart strong.item { display: block; position: absolute; top: -7px; left: auto; right: -8px; font-size: 10px; color: #ffffff; width: 16px; height: 16px;line-height: 16px; text-align: center; background-color: #5E9ECA; border-radius: 50%; } + + /*search*/ + .search .search-btn { display: block; height: 20px; line-height: 21px; position: relative; text-indent: -9999px; width: 14px; color: #ffffff; -o-transition: color 300ms ease 0s; -moz-transition: color 300ms ease 0s; -ms-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s; transition: color 300ms ease 0s; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } + .search .search-btn:before { content: ""; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; left: 0; position: absolute; text-indent: 0; top: 0; } + .search .search-btn:hover { color: #5E9ECA; } + .search.search-open .search-btn:before { content: ""; } + .search-box { background: #fff; display: block; margin: 0; opacity: 0 !important; padding: 15px; position: absolute; right: 0; top: 100%; transition: visibility 300ms ease 0s, opacity 300ms ease 0s; visibility: hidden; width: 327px; z-index: 888; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; transform-origin: 0 0; transition: all 400ms ease; } + .search.search-open .search-box { opacity: 1 !important;visibility: visible !important; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); box-shadow: 0 0 50px rgba(0,0,0,.1); } + .search .search-box input { background: transparent; border:1px solid #eceff8; padding-left: 15px; border-radius: 3px; } + .search .search-box input:focus { background: transparent; border:1px solid #eceff8; } + .search .search-box i { cursor: pointer; font-size: 15px; position: absolute; right: 27px; top: 31px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } + .search .search-box i:hover { color: #5E9ECA; } + +/*cart*/ +.cart { opacity: 0; visibility: hidden; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,.1); position: absolute; right: 0; margin-top: 0px; right: 0; width: 300px; border: 1px solid #eceff8; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; + transform-origin: 0 0; transition: all 400ms ease;} +.cart.cart-open {-webkit-transform: rotateX(0deg); transform: rotateX(0deg);opacity: 1; visibility: visible; } +.cart:before { bottom: 100%; right: 8px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(194, 225, 245, 0); + border-bottom-color: #fff; border-width: 6px; margin-left: -8px; } +.cart-title { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; } +.cart-item { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; position: relative; } +.cart-item .cart-image { display: table-cell; padding-right: 15px; } +.cart-item .cart-image img { height: 40px; } +.cart-item .cart-name { display: table-cell; vertical-align: top; } +.cart-item .cart-name a { display: block; color: #323232; } +.cart-item .cart-name a:hover { color: #5E9ECA; } +.cart-item .cart-name span { color: #323232; display: inline-block; } +.cart-item .cart-name strong { padding-left: 30px; } +.cart-price del { font-size: 14px; background: transparent; color: #323232; padding-left: 0; } +.cart-price ins { text-decoration: none; color: #5E9ECA; font-size: 16px;font-weight: bold; } +.cart-total { padding: 20px; text-align: center; background: #f7f7f7; } +.cart-total h6 { text-align: center; } +.cart-total a { display: inline-block; margin-top: 20px; padding: 6px 18px; margin: 0; } +.cart-total a.button { display: inline-block; } +.cart-total .button + .button { margin: 0; } +.cart-item .cart-close { position: absolute; right: 20px; top: 20px; } +.cart-item .cart-close a { font-size: 14px; } +.cart-item .cart-close a:hover { color: #323232; } + +/*mega-menu */ +.mega-menu .menu-logo { padding: 25px 0 25px; } +.mega-menu .menu-logo img { height: 40px; } +.mega-menu .drop-down-multilevel.right-menu { right: 0px; } +.mega-menu > section.menu-list-items { padding: 0; } +.mega-menu .menu-links > li > a { text-transform: uppercase; font-size: 16px; font-weight: 600; line-height: 20px; } +.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; } +.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down a { color: #323232; } +.mega-menu .menu-links > li.active .drop-down li.active a { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down a:hover { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down li.active a i { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down a i:hover { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; } +.mega-menu .row { margin-left: 0px; margin-right: 0px; } +.mega-menu .col-md-12 { padding-left: 0px; padding-right: 0px; } +.mega-menu.desktopTopFixed .menu-logo { padding: 0px; } +.mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } +.mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } + +/*fullWidth*/ +.header.fullWidth .container-fluid { padding: 0 60px; } + +/*light*/ +.header.light { background: #ffffff; position: relative; border-bottom: 3px solid #006EBD;} +.header.light .topbar ul li { color: #333; } +.header.light .topbar ul li a { color: #333; } +.header.light .mega-menu .menu-links > li > a { color: #333; } +.header.light .mega-menu .menu-links > li > a:hover { color: #5E9ECA; font-weight: bold;} +.header.light .mega-menu .menu-links > li.active > a { color: #5E9ECA; font-weight: bold;} +.header.light .topbar {/*background-color:#e8e8e8;*/ border-bottom: 1px solid #d1d1d1;} +.header.light .search-cart i.icon { color: #323232; } +.header.light .search-cart i.icon:hover { color: #5E9ECA; } +.header.light .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; border-bottom: 3px solid #006EBD;} +.header.light .search .search-btn { color: #323232; } +.header.light .search .search-btn:hover { color: #5E9ECA; } + +/*dark*/ +.header.dark { background: #323232; position: relative; } +.header.transparent { background: rgba(0, 0, 0, 0.4); position: absolute; width: 100%; z-index: 999; } + +/*left-menu*/ +.header.left-menu .menu-bar { float: none; } +.header.left-menu .menu-links { padding-left: 30px; } +.header.left-menu .search-cart { float: right; } + +/*logo-center*/ +.header.logo-center .mega-menu { min-height: 170px; } +.header.logo-center .menu-logo { float: none; display: block; text-align: center; } +.header.logo-center .mega-menu .menu-logo > li > a { float: none; } +.header.logo-center .mega-menu .menu-logo > li { float: none; } +.header.logo-center .mega-menu img { float: none; margin: 0 auto; } +.header.logo-center .menu-bar { float: none; } +.header.logo-center .search-cart { float: right; } +.header.logo-center .mega-menu.desktopTopFixed .menu-logo { float: left; display: inline-block; } +.header.logo-center .mega-menu.desktopTopFixed .menu-logo > li > a { float: left; } +.header.logo-center .mega-menu.desktopTopFixed img { float: left; margin: 0 auto; } +.header.logo-center .mega-menu.desktopTopFixed .menu-bar { float: right; border-top: 0px solid rgba(0, 0, 0, 0.1); } +.header.logo-center .mega-menu.desktopTopFixed .search-cart { float: right; } + +/*fancy */ + +.header.fancy { background: transparent; position: relative; border-bottom: 0; } +.header.fancy .topbar { background: #5E9ECA; padding: 15px 0px 70px; } +.header.fancy .topbar .topbar-right li a:hover { color: #323232; } +.header.fancy .search-cart i.icon { color: #323232; line-height: 20px; } +.header.fancy .topbar-call ul li i { color: #ffffff; } +.header.fancy .mega-menu .menu-logo { padding: 26px 0px; } +.header.fancy .menu { position: absolute; width: 100%; top: 30px; } +.header.fancy .topbar + .menu { top: 60px; } +.header.fancy .mega-menu > section.menu-list-items { background: #ffffff; padding: 0px 25px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } +.header.fancy .mega-menu.desktopTopFixed > section.menu-list-items { border-bottom: 1px solid #f6f6f6; } +.header.fancy .topbar ul li a:hover { color: #323232;} + +.header.fancy .mega-menu .menu-links > li > a { color: #323232; line-height: 20px; } +.header.fancy .mega-menu .menu-links > li > a:hover { color: #5E9ECA; } +.header.fancy .mega-menu .menu-links > li.active > a { color: #5E9ECA; } +.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #ffffff; } +.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #323232; } +.header.fancy .mega-menu.desktopTopFixed .menu-logo { padding: 0; } +.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 20px; } +.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } +.header.fancy .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } +.header.fancy .search-cart i.icon:hover { color: #5E9ECA; } +.header.fancy .search .search-btn { color: #323232; } +.header.fancy .search .search-btn:hover { color: #5E9ECA; } +.header.fancy .mega-menu.desktopTopFixed .drop-down.grid-col-5 { width: 21.66666666666667%; } +.header.fancy .search-box { margin-top: -6px; } + +/*fancy without-topbar*/ +.header.fancy.without-topbar .menu { top: 30px; } +.header.burger .menu-icon { font-size: 30px; color: #323232; } +.header.burger .menu-icon:hover { color: #5E9ECA; } +.header.burger { position: absolute; z-index: 999; width: 100%; padding: 30px 30px; } +.header.burger .logo { display: inline-block; } +.header.burger .logo img { height: 50px; } + +/*side-menu-icon*/ +.side-menu-icon { display: inline-block; } +.side-menu-icon .menu-icon { font-size: 16px; color: #ffffff; padding-left: 15px; } +.side-menu-icon .menu-icon:hover { color: #5E9ECA; } + +/************************* + header text-dark +*************************/ +.header.text-dark .topbar ul li { color: #323232; } +.header.text-dark .topbar ul li a { color: #323232; } +.header.text-dark .topbar ul li a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li > a { color: #323232; } +.header.text-dark .mega-menu .menu-links > li > a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active > a { color: #5E9ECA; } +.header.text-dark .topbar { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } +.header.text-dark .search-cart i.icon { color: #323232; } +.header.text-dark .search-cart i.icon:hover { color: #5E9ECA; } +.header.text-dark .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; } +.header.text-dark .search .search-btn { color: #323232; } +.header.text-dark .search .search-btn:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .drop-down-multilevel { background: #323232; } +.header.text-dark .mega-menu .drop-down.menu-bg, .header.text-dark .mega-menu .drop-down-tab-bar { background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png); + background-repeat: no-repeat; background-position: 120% 0; } +.header.text-dark .mega-menu .drop-down, .header.text-dark .mega-menu .drop-down-tab-bar { background: #323232; } +.header.text-dark .mega-menu .drop-down a, .header.text-dark .mega-menu .drop-down-tab-bar a { color: #ffffff; } +.header.text-dark .mega-menu .drop-down i.fa, .header.text-dark .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; } +.header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.text-dark .mega-menu .drop-down-multilevel a { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel li:hover { background: #282828; } +.header.text-dark .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important; background-repeat: no-repeat; background-position: right;} +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; + background: #282828; } +.header.text-dark .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; } +.header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #5E9ECA; } +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #5E9ECA; } +/*dark-dropdown*/ +.header.dark-dropdown .mega-menu .drop-down-multilevel { background: #323232; } +.header.dark-dropdown .mega-menu .drop-down.menu-bg, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png); + background-repeat: no-repeat; background-position: 120% 0; } +.header.dark-dropdown .mega-menu .drop-down, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: #323232; } +.header.dark-dropdown .mega-menu .drop-down a, .header.dark-dropdown .mega-menu .drop-down-tab-bar a { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.dark-dropdown .mega-menu .drop-down-multilevel a { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel li:hover { background: #282828; } +.header.dark-dropdown .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important; background-repeat: no-repeat; background-position: right;} +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; + background: #282828; } +.header.dark-dropdown .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #5E9ECA; } +/*label*/ +.header .label.label-default, .header .label.label-primary, .header .label.label-success, .header .label.label-info, .header .label.label-warning, .header .label.label-danger { color: #fff; padding: 0px 5px; line-height: 14px; display: inline-block; } + + +/************************* + one page +*************************/ +header.one-page { position: absolute; width: 100%; z-index: 999; } +.navbar-inverse { background: transparent; border: 0; } +.navbar-brand { height: auto; padding: 25px 0; } +.navbar .navbar-brand img { height: 40px; } +.navbar { min-height: 80px; } +.navbar-nav { float: right; } +.navbar-inverse .navbar-nav>li { padding: 35px 15px; } +.navbar-inverse .navbar-nav>li>a { color: #ffffff; padding: 0; text-transform: capitalize; } +.navbar-inverse .navbar-nav>li>a:hover { color: #5E9ECA; } +.navbar.affix { width: 100%; background: #323232; } +.navbar.affix { width: 100%; background: #323232; } +.navbar { min-height: inherit !important; } +.navbar.affix .navbar-brand img { height: 30px; } +.navbar.affix .navbar-brand { padding: 15px 0; } +.navbar.affix .navbar-nav>li { padding: 20px 15px; } + .navbar-nav>li>a { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } + +/*vertical-header*/ +.vertical-header .container-fluid { padding: 0 80px; } +.menu-responsive { display: none; } +.vertical-header .navbar { overflow-y: scroll; overflow-x: hidden; height: 100%;} +.vertical-header { padding-left: 260px; } +.header.vertical-menu { position: fixed; left: 0; top: 0; width: 260px; min-height: 100%; background: #212121; z-index: 999; -o-transition: all 1s; -webkit-transition: all 1s; + transition: all 1s; } +.header.vertical-menu .menu-bar { float: none; } +.mega-menu.vertical-left, .mega-menu.vertical-right { float: none; } +.menu-widgets { position: absolute; bottom: 20px; } +.menu-widgets .social-icons.border li a { border:2px solid; line-height: 30px; } +.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #5E9ECA; } +header.one-page.vertical-menu { position: fixed; left: 0; top: 0; height: 100%; background: #212121; width: 260px; padding: 30px; } +header.one-page.vertical-menu .navbar-header { float: none; margin-bottom: 20px; } +header.one-page.vertical-menu .navbar-nav { float: none; } +header.one-page.vertical-menu .navbar-nav>li { display: block; float: none; } +header.one-page.vertical-menu .navbar-inverse .navbar-nav>li { padding: 15px 0px; } +header.one-page.vertical-menu .navbar-collapse { padding: 0; } +header.one-page.vertical-menu .menu-widgets { padding: 0px; } + +header.one-page.light { position: relative; background: #ffffff; } +header.one-page.light .navbar { margin-bottom: 0; } +header.one-page.light .navbar-inverse .navbar-nav>li>a { color: #323232; } +header.one-page.light .navbar-inverse .navbar-nav>li>a:hover { color: #5E9ECA; } +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #5E9ECA; } + +header.one-page.light .navbar-inverse .navbar-collapse, header.one-page.light .navbar-inverse .navbar-form { background: #ffffff; } +header.one-page.light .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a { padding: 5px 10px; -o-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; } +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #5E9ECA; -webkit-box-shadow: inset 178px 0px 0px 0px #5E9ECA; -o-box-shadow: inset 178px 0px 0px 0px #5E9ECA; -ms-box-shadow: inset 178px 0px 0px 0px #5E9ECA; -moz-box-shadow: inset 178px 0px 0px 0px #5E9ECA; color: #fff; transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -moz-transition: all 0.9s ease-in; -ms-transition: all 0.9s ease-in; -o-transition: all 0.9s ease-in; } + +.one-page.nav-center .navbar-collapse.collapse { text-align: center; } +.one-page.nav-center .navbar-nav { float: none; display: inline-block; } +.one-page.transparent { background: rgba(0, 12, 27, 0.5); } +.one-page.transparent .navbar { margin-bottom: 0; } + +/*dark-text*/ +.one-page.dark-text .navbar-inverse .navbar-nav>li>a { color: #323232; } +.one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #d12326; } +.one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover { color: #d12326; } +.one-page.dark-text .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } + +/*mega menu vertical*/ +.vertical-menu .menu .menu-logo { padding: 50px 20px; } +.vertical-menu .menu .mega-menu .menu-links > li > a { padding: 0 23px; } +.vertical-menu .menu-widgets { padding: 20px; } + + @media (min-width: 1101px) { +.mega-menu { min-height: inherit; } +.mega-menu > section.menu-list-items { float: none; } +.mega-menu > section.menu-list-items > .container, +.mega-menu > section.menu-list-items > .container > .row, +.mega-menu > section.menu-list-items > .container > .row > div { height: 100%; } +.mega-menu > section.menu-list-items .menu-bar { height: 100%; } +.mega-menu > section.menu-list-items .menu-bar > ul{ display: table !important; height: 100%; } +.mega-menu > section.menu-list-items .menu-bar > ul > li { display: table-cell; vertical-align: middle; float: none; } +.mega-menu .drop-down, .mega-menu .drop-down-tab-bar, .mega-menu .drop-down-multilevel { top: 100%; } +.mega-menu > section.menu-list-items .search-cart { height: 100%; } +.mega-menu > section.menu-list-items .search-cart .search { vertical-align: middle; display: table; height: 100%; float: left; } +.header .search .search-btn { display: table-cell; vertical-align: middle; position: relative; width: 10px; float: none; clear: both; height: 100%; } +.search .search-btn:before { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } +.search-cart .shpping-cart { display: table; float: left; height: 100%; } +.shpping-cart a { position: relative; display: table-cell; vertical-align: middle; } +.shpping-cart strong.item { display: block; position: absolute; top: 50%; border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); margin-top: -10px; } +.cart { top: 100%; } +.mega-menu > section.menu-list-items > .container-fluid, +.mega-menu > section.menu-list-items > .container-fluid > .row, +.mega-menu > section.menu-list-items > .container-fluid > .row > div { height: 100%; } +.logo-center .mega-menu > section.menu-list-items .menu-bar > ul { height: auto; } +.logo-center .mega-menu > section.menu-list-items .menu-bar > ul > li { display: inline-block; } +.logo-center .mega-menu > section.menu-list-items .search-cart { height: auto; } +.logo-center .mega-menu > section.menu-list-items .menu-bar { height: auto; } +.logo-center .mega-menu .drop-down, .logo-center .mega-menu .drop-down-tab-bar, .logo-center .mega-menu .drop-down-multilevel { top: auto; } +.logo-center .mega-menu .menu-links > li > a { line-height: 72px; } +.logo-center.header .search .search-btn { line-height: 72px; } +.logo-center .search-cart i.icon { line-height: 72px; } +.logo-center .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 60px; } +.logo-center .mega-menu.desktopTopFixed .search .search-btn { line-height: 60px; } +.logo-center .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 60px; } +.logo-center .search .search-btn:before { top: inherit; transform: inherit; } +.logo-center .search-cart .shpping-cart { float: right; } + +.vertical-menu .mega-menu > section.menu-list-items .menu-bar { height: auto; } +.vertical-menu .mega-menu > section.menu-list-items .menu-bar > ul > li { display: block; } +.search-cart .side-menu-icon { display: table; float: left; height: 100%; } +.side-menu-icon .menu-icon { position: relative; display: table-cell; vertical-align: middle; } + +.header.light .mega-menu { min-height: 90px; } + +} + +/************************************* + Slider (all home page main sliders ) + **************************************/ +.rev-slider { overflow: hidden; position: relative; } + + + /*slider 10*/ +#rev_slider_14_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; } + #rev_slider_14_1 .zeus .tp-bullet{box-sizing:content-box; -webkit-box-sizing:content-box; border-radius:60%; background-color:rgba(255,255,255,0.5); -webkit-transition:opacity 0.3s ease; transition:opacity 0.3s ease; width:14px;height:14px; border:0px solid rgb(255,201,4)}#rev_slider_14_1 .zeus .tp-bullet:after{content:""; position:absolute; width:100%; height:100%; left:0; border-radius:60%; background-color:rgb(255,201,4); -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:-webkit-transform 0.3s ease; transition:transform 0.3s ease}#rev_slider_14_1 .zeus .tp-bullet:hover:after,#rev_slider_14_1 .zeus .tp-bullet.selected:after{-webkit-transform:scale(1.2); transform:scale(1.2)}#rev_slider_14_1 .zeus .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{width:135px; height:60px; position:absolute; background:#000; background:rgba(0,0,0,0.5); bottom:13px; margin-bottom:10px; transform:translateX(-50%); -webkit-transform:translateX(-50%); box-sizing:border-box; background-size:cover; background-position:center center; visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; border-radius:4px}#rev_slider_14_1 .zeus .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(-50%); -webkit-transform:translateX(-50%)}#rev_slider_14_1 .zeus .tp-bullet-title{color:rgb(255,255,255); text-align:center; line-height:15px; font-size:13px; font-weight:600; z-index:3; visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; position:absolute; bottom:45px; width:135px; vertical-align:middle}#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-imageoverlay{opacity:1; visibility:visible; -webkit-transform:translateY(0px) translateX(-50%); transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{bottom:auto; margin-right:10px; margin-bottom:0px; right:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title{bottom:auto; right:100%; margin-right:10px}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-imageoverlay{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{bottom:auto; margin-left:10px; margin-bottom:0px; left:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title{bottom:auto; left:100%; margin-left:10px}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{bottom:auto; top:13px; margin-top:10px; margin-bottom:0px; left:0px; transform:translateY(0px) translateX(-50%); -webkit-transform:translateX(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet:hover .tp-bullet-image{transform:scale(1) translateY(0px) translateX(-50%); -webkit-transform:scale(1) translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateY(0px) translateX(-50%); -webkit-transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title{bottom:auto; top:13px; margin-top:20px} +#rev_slider_14_1 .uranus.tparrows{width:50px; height:50px; background:rgba(255,255,255,0)}#rev_slider_14_1 .uranus.tparrows:before{width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s}#rev_slider_14_1 .uranus.tparrows:hover:before{opacity:0.75} + + +/************************************* + slider-parallax one page +**************************************/ +.slider-parallax { height: 86vh; position: relative; } +.slider-content-middle { position: absolute; display: inline-block; width: 100%; top: 50%; left: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); + -ms-transform: translate(0,-50%);-o-transform: translate(0,-50%); transform: translate(0,-50%); } +/*scroll-down*/ +.scroll-down { text-align: center; width: 34px; height: 58px; display: inline-block; border-radius: 20px; border:2px solid #fff; position: absolute; left: 50%; bottom: 60px; +margin-left: -17px; line-height: 50px; } +.scroll-down i { height: 10px; width: 4px; background: #fff; display: inline-block; border-radius: 3px; -webkit-animation-name:fadebounce; -moz-animation-name:fadebounce; -ms-animation-name:fadebounce; -o-animation-name:fadebounce; animation-name:fadebounce; -webkit-animation-duration:3s; -moz-animation-duration:3s; -ms-animation-duration:3s; -o-animation-duration:3s; + animation-duration:3s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; + animation-iteration-count:infinite; } +@-moz-keyframes fadebounce { +0% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; } +50% { -moz-transform:translateY(25px); transform:translateY(25px); opacity:1; } +100% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@-webkit-keyframes fadebounce { +0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } +50% { -webkit-transform:translateY(25px); transform:translateY(25px); opacity:1; } +100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@-o-keyframes fadebounce { +0% { -o-transform:translateY(0); transform:translateY(0); opacity:1; } +50% {-o-transform:translateY(25px);transform:translateY(25px);opacity:1; } +100% {-o-transform:translateY(0);transform:translateY(0);opacity:1; } +} +@-ms-keyframes fadebounce { +0% { -ms-transform:translateY(0); transform:translateY(0); opacity:1; } +50% {-ms-transform:translateY(25px);transform:translateY(25px);opacity:1; } +100% {-ms-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@keyframes fadebounce { +0% { transform:translateY(0); opacity:1; } +50% {transform:translateY(25px);opacity:1; } +100% {transform:translateY(0);opacity:1; } +} + +/*personal-typer-banner*/ + .personal-typer-banner span.sub-text { font-size: 22px; line-height: 22px; margin-bottom: 16px; display: block; } + .personal-typer-banner b { border-bottom: 2px solid #5E9ECA; } + .personal-typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; color: #5E9ECA; } + .personal-typer-banner h1 span { color: #ffffff; font-size: 50px; display: inline-block; transform: rotate(-90deg); line-height: 50px; position: relative; top: -11px; left: -20px; } + .personal-typer-banner h2 { border-left: 3px solid #5E9ECA; padding-left: 10px; margin-top: 20px; } + +/*typer-banner*/ +.typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; } +.typer-banner p { font-size: 22px; line-height: 22px; } +.slider-content .typer { color: #5E9ECA !important; } + +/*popup-video-banner*/ +.popup-video-banner h1 { font-size:60px; line-height:80px; font-weight: 400; } +.popup-video-banner a span{ margin-left: 6px; width: 50px; height: 50px; line-height: 50px; display: inline-block; text-align: center; background: #ffffff; color: #5E9ECA; border-radius: 50%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } +.popup-video-banner a:hover span { background: #5E9ECA; color: #ffffff; } +.popup-video-banner a strong { padding-left:10px; display: inline-block; } + + /*video-background-banner*/ +#video-background.bg-overlay-black-50:before { z-index: 0; } +.video-background-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; text-transform: uppercase; } +.video-background-banner .slider-content { border:20px solid #5E9ECA; width: 50%; margin: 0 auto; padding: 60px 30px; } +.video-background-banner .slider-content span { font-size: 22px; line-height: 22px; color: #ffffff; display: block; margin-bottom: 20px; } +.video-background-banner .slider-content p { font-size: 18px; line-height: 22px; color: #ffffff; margin-top: 20px; } + +/* portfolio-banner*/ +.portfolio-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; } +.portfolio-banner .slider-content { background: #ffffff; width: 50%; margin: 0 auto; padding: 60px 30px; box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.02); } +.portfolio-banner .slider-content span { text-transform: uppercase; letter-spacing: 10px; font-size: 18px; line-height: 18px; display: block; margin-bottom: 20px; font-weight: 600; } +.portfolio-banner .slider-content span i { line-height: 20px; } +.portfolio-banner .slider-content h1 { font-size: 70px; margin-bottom: 0; } + + /************************************* + Background + **************************************/ +/*images background*/ + .white-bg { background: #fff; } + .gray-bg { background: #666; } + .dark-gray-bg { background: #666666; } + .theme-bg { background: #5E9ECA; } + .black-bg { background: #323232; } + .dark-theme-bg { background: #050801; } + + .bg-overlay-black-10:before { background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-20:before { background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-30:before { background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-40:before { background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-50:before { background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-60:before { background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-70:before { background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-80:before { background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-90:before { background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-10:before { background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-20:before { background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-30:before { background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-40:before { background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-50:before { background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-60:before { background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-70:before { background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-80:before { background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-90:before { background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-20:before { background: rgba(132,186,63, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-50:before { background: rgba(132,186,63, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-70:before { background: rgba(132,186,63, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-90:before { background: rgba(132,186,63, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-10, .bg-overlay-black-20, .bg-overlay-black-30, .bg-overlay-black-40, .bg-overlay-black-50, .bg-overlay-black-60, .bg-overlay-black-70, .bg-overlay-black-80, .bg-overlay-black-90, .bg-overlay-white-10, .bg-overlay-white-20, .bg-overlay-white-30, .bg-overlay-white-40, .bg-overlay-white-50, .bg-overlay-white-60, .bg-overlay-white-70, .bg-overlay-white-80, .bg-overlay-white-90, .bg-overlay-theme-20, .bg-overlay-theme-50, .bg-overlay-theme-70, .bg-overlay-theme-90, { position: relative; } + + +/************************************* + home page section + **************************************/ +.our-service-home { padding-bottom: 230px; } +.custom-content { margin-top: -220px; background: #5E9ECA; position: relative; z-index: 9; padding: 50px;} + +/************************************* + decolines + **************************************/ +.decolines { pointer-events: none; position: absolute; width: 100%; height: 100%; top: 0;left: 0; pointer-events: none; } +.decolines--fixed { position: fixed; width: 100vw;height: 100vh; } +.decoline { position: absolute; } + +/************************************* + feature step + **************************************/ +.feature-step h1 { font-size: 60px; } +.feature-step h3 { font-weight: 300; margin: 30px 0px 20px; } +.feature-step a { font-size: 14px; color: #5E9ECA; } +.feature-step a:hover { color: #323232; } + +.feature-step-2-box { padding: 70px 30px; z-index: 99; position: relative; } +.feature-step-2.bg-01 { background: url(../images/blog/05.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-02 { background: url(../images/blog/06.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-03 { background: url(../images/blog/09.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-overlay-black-50:before { z-index: 0; } +.feature-step-2 .feature-step-2-title-left h1 { font-size: 75px; line-height: 60px; color: #ffffff; } +.feature-step-2 h3 { margin-bottom: 0; } +.feature-step-2 h2{font-weight: 200; position: relative; padding-bottom: 10px; font-size: 28px; } +.feature-step-2 img {display: block; width: 100%;} +.feature-step-2 .button { margin-top: 20px; } +.feature-step-2 .feature-step-2-title-left {opacity: 0.5; display: table-cell; padding-right: 26px; } +.feature-step-2-title-2-right { display: table-cell; vertical-align: top; } +.feature-step-2.black-bg .feature-step-2-box, .feature-step-2.theme-bg .feature-step-2-box{position: inherit; top: inherit; transform: inherit; display: inline-block;} +.service-blog { padding-top: 50px; padding-right: 25px; margin-bottom: 100px; } +.service-blog p { position: relative; z-index: 9; margin-top: 20px; margin-bottom: 20px; } +.service-blog b {position: absolute; z-index: 0; top: -35px; font-family: 'Poppins', sans-serif; right: -35px; font-size:300px; color: #dde1eb; line-height: normal; opacity: 0.3;} +.service-blog ul { border-right: 6px solid #5E9ECA; padding-right: 20px; } +.service-blog li { color: #626262; font-size: 16px; line-height: 22px; padding: 2px 0 7px; } +.service-blog.left b{left:-35px; right: inherit;} +.service-blog.left ul{border-left:6px solid #5E9ECA;border-right:0 none;padding-left:20px;padding-right:0;} +/*split-section*/ +.split-section { position: relative; z-index: 10; } +.split-section .img-holder { position: absolute; top: 0; width: 100%; height: 100%; } +.split-section .img-side.img-right { right: 0; } +.split-section .img-side.img-left { left: 0; } +.split-section .img-side { right: 0; padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100; } + .our-awesome-core .img-side { top: 20px; } + + /************************************* + about us + **************************************/ +.who-we-are-left .owl-carousel .owl-dots { bottom: 26px; position: absolute; } +.who-we-are-left .owl-carousel.owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; border-radius: 50%; } + + /************************************* + resume + **************************************/ +.resume-page .container-fluid { padding: 0 70px; } +.resume-block .resume-icon { float: left; margin-right: 30px; } +.resume-block .resume-icon span { font-size: 30px; line-height: 50px; color: #5E9ECA; } +.resume-block .resume-name { display: table-cell; } +.resume-block .resume-name span { color: #9ea8b6; font-size: 16px; } +.resume-contact #map { padding-top: 120%; } +.resume-contact .contact-form-main { padding: 80px 80px; } +.resume-contact .footer-widget-social a i { color: #ffffff; background: rgba(43, 43, 43, 0.12); width: 45px; height: 45px; line-height: 45px; } +.resume-contact .footer-widget-social a i:hover { background: rgba(43, 43, 43, 0.19); } + + /************************************* + portfolio + *************************************/ + .isotope-filters { display: table; margin:0px 0px 30px 0px; text-align: left; } +.isotope-filters.text-left { display: block; margin: 0px 0px 30px 0px; text-align: left; } +.isotope-filters button { margin: 4px; cursor: pointer; padding: 6.5px 16px; font-size: 14px; background: transparent; border-radius: 18px; color: #363636; font-weight: 600; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } +.isotope-filters button:focus { outline: none; outline-style: none; outline-offset:0; } +.isotope-filters button.active, .isotope-filters button:hover { background: #5E9ECA; color: #fff; border-color: #5E9ECA; } +.isotope-filters button+button { margin-left: px; background-color: #fff; } +.isotope, .masonry { margin: 0 -15px 0 0; } +.isotope .grid-item img { width: 100%; } +.isotope.columns-1 .grid-item { width: 100%; padding: 0 15px 15px 0; } +.isotope.columns-2 .grid-item { width: 50%; padding: 0 15px 15px 0; } +.isotope.columns-3 .grid-item { width: 33.33333333%; padding: 0 15px 15px 0; } +.isotope.columns-4 .grid-item { width: 25%; padding: 0 15px 15px 0; } +.isotope.columns-5 .grid-item { width: 20%; padding: 0 15px 15px 0; } +.isotope.no-padding .grid-item { padding: 0 !important; } +.masonry.no-padding .masonry-item { padding: 0 !important; } +.masonry .masonry-item img { width: 100%; } +.masonry.columns-2 .masonry-item { width: 50%; padding: 0 15px 15px 0; } +.masonry.columns-3 .masonry-item { width: 33.33333333%; padding: 0 15px 15px 0; } +.masonry.columns-4 .masonry-item { width: 25%; padding: 0 15px 15px 0; } +.masonry.columns-5 .masonry-item { width: 20%; padding: 0 15px 15px 0; } +.isotope.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.isotope.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } +.isotope.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.isotope.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } +.masonry.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.masonry.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } +.masonry.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.masonry.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } + + /************************************* + portfolio item + **************************************/ +.portfolio-title { padding: 100px 60px 30px; } +.portfolio-title span { display: block; } +.portfolio-item { width: 100%; position: relative; overflow: hidden; color: #fff; border: 0; position: relative; } +.portfolio-item img { width: 100%; -webkit-transition: -ms-transform 0.35s; -o-transform 0.35s; -moz-transform 0.35s; transition: transform 0.35s; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;} +.portfolio-item .portfolio-overlay { width: 100%; background: #5E9ECA; padding: 10px 0px; position: absolute; bottom:-80px; display: block; margin-top: 0; float: left; z-index: 9; text-align: left; padding-left: 20px; left: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item .portfolio-overlay h4 { font-weight: 600; margin-bottom: 5px; } +.portfolio-item .portfolio-overlay a:hover { color: #323232; } +.portfolio-item .portfolio-overlay span { font-weight: 400; font-size: 14px; } +.portfolio-item .portfolio-overlay span a { color: #ffffff; } +.portfolio-item .portfolio-overlay span a:hover { color: #323232; } +.portfolio-item a.popup{position: absolute; right: 20px; top: -20px; color: #fff; z-index: 9; display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 40px; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;} +.portfolio-item a.popup:hover { background: #5E9ECA; color: #ffffff; } +.portfolio-item:hover img { -webkit-transform:scale(1.20); -moz-transform:scale(1.20); -ms-transform:scale(1.20); -o-transform:scale(1.20); transform:scale(1.20); } +.portfolio-item:hover a.popup{ opacity: 1; top: 20px; } +.portfolio-item:before { content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-size: 115%; + -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.7s cubic-bezier(.68,.11,.13,.98); + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.owl-carousel .owl-item .portfolio-item img { width: 100%; } + .portfolio-item.only-popup { width: 100%; text-align: center; } + .portfolio-item.only-popup a.popup { display: inline-block; left: 50%; margin-left: -20px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } +.portfolio-item:hover .portfolio-overlay { bottom: 0; } +/* no-title */ +.no-title .portfolio-item .portfolio-overlay { position: inherit; bottom: inherit; background: #f6f7f8; } +.no-title .portfolio-item .portfolio-overlay a, .no-title .portfolio-item .portfolio-overlay span { color: #323232; } +.no-title .portfolio-item .portfolio-overlay a:hover { color: #5E9ECA; } + /*portfolio pupup*/ + .mfp-bottom-bar { display: none; } +.portfolio-home .isotope { margin-bottom: 0; } + +/************************************* + portfolio-item-2 +**************************************/ +.portfolio-item-2 { width: 100%; overflow: hidden; position: relative; } +.portfolio-item-2:before { background: transparent; } +.portfolio-item-2 .portfolio-hover { padding: 20px; position: absolute; z-index: 99; bottom: 0px; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-name { position: absolute; bottom: -10px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-name span { font-size: 14px; color: #fff; display: block; } +.portfolio-item-2 .portfolio-hover .hover-name a { font-size: 22px; text-transform: uppercase; color: #fff; display: block; margin-top: 5px; } +.portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #5E9ECA; } +.portfolio-item-2 .portfolio-hover .hover-icon { position: absolute; bottom: -10px; right: 30px; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-icon a { color: #fff; } +.portfolio-item-2 .portfolio-hover .hover-icon a:hover { color: #5E9ECA; } +.portfolio-item-2:hover .portfolio-hover { opacity: 1; background: rgba(0, 0, 0, 0.9); } +.portfolio-item-2 img { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } +.portfolio-item-2:hover img { opacity: 0.1; -webkit-transform:scale(1.10); -moz-transform:scale(1.10); -ms-transform:scale(1.10); -o-transform:scale(1.10); transform:scale(1.10); } +.portfolio-item-2:hover .portfolio-hover .hover-name { bottom: 30px; } +.portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: 40px; } +.no-title .portfolio-item-2 { overflow: visible; } +.no-title .portfolio-item-2 .portfolio-hover { position: inherit; border: inherit; opacity: 1; background: #f6f7f8; clear: both; } +.no-title .portfolio-item-2:hover .portfolio-hover { bottom: inherit; background: inherit; background: #f6f7f8; } +.no-title .portfolio-item-2 .portfolio-hover .hover-name { bottom: inherit; position: inherit; display: inline-block; clear: both; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon { bottom: inherit; position: inherit; display: inline-block; float: right; padding-top: 20px; text-align: right;} +.no-title .portfolio-item-2:hover .portfolio-hover .hover-name { bottom: inherit; } +.no-title .portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: inherit; } +.no-title .portfolio-item-2:hover img { opacity: 1; -webkit-transform:inherit; -moz-transform:inherit; -ms-transform:inherit; -o-transform:inherit; transform:inherit; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon a, .no-title .portfolio-item-2 .portfolio-hover .hover-name span, .no-title .portfolio-item-2 .portfolio-hover .hover-name a { color: #323232; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .no-title .portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #5E9ECA; } + + /************************************* + Portfolio single page +**************************************/ + /*tags*/ +.tags h5 { display: inline-block; padding-right: 20px; } +.tags ul { display: inline-block; } +.tags li { display: inline-block; } +.tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } + +/*share*/ +.share .social ul { display: inline-block; } +.share .social ul li { display: inline-block; padding: 0px 6px; } +.share .social ul li a:hover { color: #353535; } + +/*port-meta*/ +.port-meta ul { margin-bottom: 30px; } +.port-meta li { margin-bottom: 20px; font-size: 16px; } +.port-meta li b { color: #5E9ECA; width: 200px; font-weight: 400; width: 100px; display: inline-block; } +.port-meta li span { font-weight: normal; } +.port-info p { margin-bottom: 0px; } + +/*port-navigation*/ +.port-navigation { padding: 20px 0; border-bottom:1px dashed #d0d0d0; border-top: 1px dashed #d0d0d0;} +.port-navigation a { color: #626262; } +.port-arrow { height: 74px; width: 40px; text-align: center; background: #f7f7f7; display: inline-block;} +.port-arrow i { text-align: center; font-size: 25px; line-height: 75px;} +.port-photo { width: 124px; height: 77px; display: inline-block; } +.port-photo img { width: 100%; } + +/*port-post*/ +.port-post { background: #f7f7f7; padding: 15px; } +.port-post-photo { width: 170px; display: inline-block; float: left; margin-right: 20px; } +.port-post-photo img { width: 100%; } + +/*port-post-info*/ +.port-post-info { padding-left: 190px;} +.port-post-info h3 { display: inline-block; font-size: 24px; } +.port-post-info span { color: #626262; } +.port-post-social strong { font-size: 14px; } +.port-post-social a { color: #626262; margin-left: 8px; font-size: 14px; } +.port-post-social a:hover { color: #5E9ECA; } +.port-post-info p { margin-top: 10px; } +.port-singal .owl-carousel .owl-item img { width: 100%; } + +/************************************* + Our Blog + **************************************/ + /*Blog 1*/ +.blog-box { padding: 30px; border:1px solid #ddd; position: relative; z-index: 1; } +.blog-info { position: relative; z-index: 9; } +.blog-info span { color: #626262; font-size: 14px; margin-right: 6px; } +.blog-info h4 { font-weight: 600; font-size: 18px;} +.blog-box .post-format-icon{text-align: right; position: relative; z-index: 9} +.blog-box .post-format-icon i { padding-right: 0; font-size: 35px; color: #e1e1e1; } +.blog-info p { padding: 0px 0 10px; font-size: 14px; } +.blog-box .post-category a { display: inline-block; padding: 5px 15px; font-size: 12px; text-transform: uppercase; font-weight: 700; border-radius: 50em; color:#fff; background-color: #5E9ECA; -webkit-transition: all 0.3s ease; -moz-transition: ll 0.3s ease; transition: all 0.3s ease; margin-bottom: 20px;} +a.blog-btn { text-align: center; font-size: 14px; color: #5E9ECA; display: block; padding-bottom: 12px; position: relative; z-index: 1; } +a.blog-btn i { margin-left: 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-box .border { position: absolute; background: #5E9ECA; height: 0px; bottom: 0; left: 0; z-index: 0; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-box .blog-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background-size: cover; background-position: center center; } +.blog-box:hover .blog-box-img, .blog-box.active .blog-box-img { opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-1:hover h4, .blog-1:hover i, .blog-1:hover span, .blog-1:hover p, .blog-1:hover a.blog-btn, .blog-1.active h4, .blog-1.active i, .blog-1.active span, .blog-1.active p, .blog-1.active a.blog-btn,.blog-1:hover .post-category a,.blog-1:hover .post-format-icon i,.blog-1.active .post-category a,.blog-1.active .post-format-icon i { color: #fff; } +.blog-box:hover .blog-box-img:before, .blog-box.active .blog-box-img:before { background: rgba(0, 0, 0, 0.6); color: #fff; content: ""; display: inline-block; height: 100%; + left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } +.blog-box.blog-2 {padding: 0; position: relative; border:none; transition: all 0.5s ease 0s; height: 100%; } +.blog-box.blog-2 .blog-info{background: #ffffff; padding: 30px;} +.blog-box.blog-2.gray-bg .blog-info {background: #f7f7f7; } +.blog-box.blog-2 .blog-box-img{opacity: 1;} +.blog-box.blog-2 .post-format-icon{position: absolute; right: 30px; top: 30px;} +.blog-box.blog-2 .button.icon-color{text-transform: capitalize; float: right;} +.blog-box.blog-2:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);} +.blog-box.blog-2.gray-bg:hover { box-shadow: none;} +.blog-box.blog-2.transparent .blog-info { background: transparent; padding: 30px 0; } +.blog-box.blog-2.transparent .blog-info span { color: #ffffff; } + + +/*************************** + blog +***************************/ +.blog-entry { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } +.blog-entry:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } +.blog-entry .entry-image img { width: 100%; } +.blog-entry .blog-detail { background: #ffffff; padding: 30px; border-top: 0px; } +.blog-entry .blog-detail .entry-title a { font-size: 22px; font-weight: 600; line-height: 24px; color: #353535; line-height: 28px; } +.blog-entry .blog-detail .entry-title a:hover { color: #5E9ECA; } +.blog-entry .entry-meta ul li { display: inline-block; margin-right: 12px; } +.blog-entry .entry-meta ul li i { color: #5E9ECA; padding-right: 6px; } +.blog-entry .entry-meta ul li a { color: #353535; line-height: 0px; padding-right: 5px; } +.blog-entry .entry-meta ul li a i { padding-right: 6px; color: #5E9ECA; } +.blog-entry .entry-meta ul li a:hover { color: #5E9ECA; } +.blog-entry .social strong { display: inline-block; margin-right: 10px; } +.blog-entry .entry-button { display: inline-block;} +.blog-entry .social ul { display: inline-block; } +.blog-entry .social ul li { display: inline-block; padding: 0px 6px; } +.blog-entry .social ul li a:hover { color: #353535; } +.blog-entry .entry-share { margin-top: 20px; display: block; } + +/*blog-entry blockquote*/ +.blog-entry.blockquote { background: #5E9ECA; border: 0px; padding: 36px 30px; } +.blog-entry.blockquote blockquote { background: #5E9ECA; border-left: 0px; color: #ffffff; padding: 0px; position: relative; margin-top: 0 !important; padding-top: 60px; } +.blog-entry.blockquote blockquote:before { content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #ffffff; position: absolute; left: 0px; top: -20px; } +.blog-entry.blockquote .blog-detail { border: 0px; background: #5E9ECA; padding: 0px; } +.blog-entry.blockquote .blog-detail .entry-title a { color: #ffffff; } +.blog-entry.blockquote .blog-detail .entry-title a:hover { color: #323232; } +.blog-entry.blockquote .social ul li a { color: #ffffff; } +.blog-entry.blockquote .social ul li a:hover { color: #323232; } +.blog-entry.blockquote .entry-meta ul li a { color: #ffffff; } +.blog-entry.blockquote .entry-meta ul li i { color: #ffffff; } +.blog-entry.blockquote .entry-meta ul li a i { color: #ffffff !important; } +.blog-entry.blockquote .entry-meta ul li a:hover { color: #323232; } +.blog-entry.blockquote .button.arrow.white:hover { color: #323232; } + +/*video vimeo and youtube*/ +.js-video { height: 0; padding-top: 25px; padding-bottom: 54%; position: relative; overflow: hidden; } +.js-video.widescreen { padding-bottom: 34.34%; } +.js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: none; } +.js-video.big { padding-top: 30px; } + +.blog-entry .grid-post li { float: left; width: 50%; border-right: 4px solid #fff; border-bottom: 4px solid #fff; list-style: none; } +.blog-entry .grid-post li img { width: 100%; } +.blog-entry .grid-post li .portfolio-item { width: 100%; } + + /*blog-entry-audio*/ + .blog-entry .blog-entry-audio { padding: 136px 20px; background: url(../images/blog/04.jpg) no-repeat; background-position: center center; background-size: cover; } + + /*blog pages*/ + /*blog-grid-3-column*/ + .blog-grid-3-column .blog-entry .blog-entry-audio { padding: 63px 20px; } + .blog-grid-2-sidebar .blog-entry .blog-entry-audio { padding: 96px 20px; } + +/************************************* + our services +**************************************/ +.service-image-holder { position: relative; height: 496px; } +.service-image-holder .section-title-2 { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } +.services-text-box { background:#fff; padding: 10% 15%;} +.services-text-box-black { background:#363636; padding: 80px 50px !important; } +.services-text-box-green { background:#5E9ECA; padding: 80px 50px !important; } + +/************************************* + creativity +**************************************/ +.creativity h1 { line-height: 65px; text-transform: uppercase; font-size: 50px; font-weight: bold; } +.creativity p { font-size: 30px; } +.creativity .button { display: inline-block; float: none; } + .contact-map iframe { width: 100%; height: 100%; } +#formmessage {display: none;} +.contact-form .section-field { position: relative; width: 31.3%; margin-right: 3%; float: left; } +.contact-form .section-field:nth-child(3) { margin-right: 0px; } +.contact-form .section-field:nth-child(6) { margin-right: 0px; } +.contact-box.contact-box-top { margin-top: -1px; position: relative; } +.touch-in .contact-box {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); display: inline-block; margin-bottom: 0; padding: 60px 20px; width: 100%;} +.contact-box i { background: #5E9ECA; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 5px; font-size: 34px; color: #ffffff; display: inline-block;} +.contact-form .form-control {position: relative; width: 100%; margin-bottom: 20px; } +.section-field.textarea{width: 100%;} +.g-recaptcha.section-field {width: 100%; margin-bottom: 20px; } +.contact-form textarea.form-control {width: 100%; } +.contact-box .contact-icon { display: table-cell; padding-right: 20px; } +.contact-box .contact-icon i { background: transparent; line-height: normal; font-size: 34px; height: auto; width: auto;} +.contact-box.theme-bg .contact-icon i{color: #ffffff !important;} +.contact-box .contact-info { display: table-cell; vertical-align: top; padding: 0; background: none;} +.contact-2 .addresss-info p, .contact-2 .addresss-info i, .contact-2 .addresss-info li{color: #ffffff;} +.contact-2 .contact-add{padding: 80px 0} +.contact-2 .contact-add i{font-size: 40px;} +.contact-3 #map { padding-top: 101%; } +.contact-2 #map { padding-top: 100%; } +.map-side { left: 0; overflow: hidden; padding: 0; position: absolute; top: 0; z-index: 9;} +.map-side.map-right {left: auto; right: 0;} +.contact-3 .contact-add{padding: 80px 20px; } +.contact-3 .contact-add i{font-size: 40px; color: #5E9ECA;} +.contact-3 .contact-form .section-field {width: 100%;} +.contact-social ul li { display: inline-block; } +.contact-social ul li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #323232; background: #eceff8; font-size: 14px; border-radius: 3px; margin-right: 5px; } +.contact-social ul li a:hover { background: #353535 !important; color: #fff;} +.contact-3 .theme-bg.contact-add i{color: #ffffff !important;} +.footer #logo-footer { height: 30px; } +.footer-contact .footer-nav ul li a { color: #353535; } +.footer-contact .footer-nav ul li a:hover { color: #2046f2; } +.footer-contact .contact-box .contact-icon i { background: transparent; color: #5E9ECA; margin-bottom: 10px; } +.footer.footer-topbar hr { border-color: #d9d9d9; } +.footer-contact .social ul { background: #f6f7f8; } +.footer-contact .social ul li a i { color: #353535; } +.footer-contact .social ul li a i:hover { color: #2046f2; } +.footer-contact .usefull-link ul li a { color: #353535; } +.footer-contact .usefull-link ul li a:hover { color: #2046f2; } +.footer-contact { box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); margin-bottom: 80px; margin-top: -220px; padding: 60px 0; } +.footer-contact .contact-box { text-align: center; } +.footer-contact .contact-box .contact-icon { display: block; padding-right: 0; color: #2046f2; } +.footer-contact .contact-box .contact-info { display: block; background: none; padding: 0; width: 100%;} +.footer-contact .contact-box .contact-info .section-title { margin-bottom: 0px; } +.footer-contact .contact-box .contact-info h5 { color: #353535; } +.our-clients.theme-bg{padding: 60px 0 170px;} +.footer-Newsletter .form-control::-moz-placeholder { color: rgba(255,255,255,0.5); } +.footer-Newsletter .form-control::-ms-input-placeholder { color: rgba(255,255,255,0.5); } +.footer-Newsletter .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.5); } + +/************************************* + Our History +**************************************/ + .history-main { width: 100%; } + .liner { background: #fff; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: 96%; z-index: 1; position: relative; } + .liner i { position: absolute; right: -2px; top: -9px; color: #fff; } + .history-content { list-style: outside none none; padding: 125px 0; width: auto; } + .history-1 { position: relative; left: 45px; } + .history-2 { position: relative; margin-left: 30%; } + .history-3 { position: relative; margin-left:58%; } + .history-4{ position: relative; margin-left: 95%; } + .history-line { background: #fff; height: 60px; left: 3px; position: absolute; top: -75px; width: 2px; z-index: 9; } + .history-time-lin { position: relative; top: 10px; z-index: 2; } + .history-time-lin:before { bottom: 0; } + .history-time-lin:before { background: #fff; border-radius: 50%; content: ""; height: 20px; left: -5px; position: absolute; width: 20px; z-index: 1; } + .history-time-lin:after { border:2px solid #fff; background: #000; border-radius: 50%; content: ""; height: 30px; left: -5px; position: absolute; width: 30px; } + .history-time-lin:after { left: -10px; top: -25px; } + .history-item { left: -20px; position: absolute; top: -125px; } + .history-item a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } + .history-5 { position: relative; margin-left: 15%; } + .history-6 { position: relative; margin-left: 53%; } + .history-7 { position: relative; margin-left:78%; } + .history-line-2 { background: #fff none repeat scroll 0 0; height: 60px; left: 3px; position: absolute; top: 15px; width: 2px; z-index: 9; } + .history-item-2 { left: -20px; position: absolute; top: 75px; } + .history-item-2 a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } + /*Our History */ +.our-history .timeline { list-style: none; padding: 20px 0 20px; position: relative; } +.our-history .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 2px; background-color: #e6e6e6; left: 50%; margin-left: -0.5px; } +.our-history .timeline > li { margin-bottom: 20px; position: relative; } +.our-history .timeline > li:before, +.our-history .timeline > li:after { content: " "; display: table; } +.our-history .timeline > li:after { clear: both; } +.our-history .timeline > li:before, +.our-history .timeline > li:after { content: " "; display: table; } +.our-history .timeline > li:after { clear: both;} +.our-history .timeline > li > .timeline-panel { width: 46%; float: left; padding: 15px 00px 25px 00px; position: relative; } +.our-history .timeline > li > .timeline-panel:before { position: absolute; top: 23px; right: -25px; display: inline-block; width: 25px; height: 2px; background: #e6e6e6; content: " "; } +.our-history .timeline > li > .timeline-badge { color: #fff; width: 18px; height: 18px; line-height: 10px; font-size: 0.7em; text-align: center; position: absolute; top: 16px; left: 50%; + border:3px solid #5E9ECA; margin-left: -9px; background-color: #fff; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0 0 0 5px #f6f6f6; } +.our-history .timeline > li.timeline-inverted > .timeline-panel { float: right;} +.our-history .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -25px; right: auto; } +.our-history .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } + .our-history .timeline-body > p, +.our-history .timeline-body > ul { margin-bottom: 0; } +.our-history .timeline-body > p + p margin-top: 5px; +.our-history .timeline > li { text-align: right;} +.our-history .timeline > li.timeline-inverted { text-align: left;} +.our-history .timeline .timeline-arrow { position: absolute; width: 100%; left: 0.5px; right: 0; text-align: center; color: #e6e6e6; bottom: -29px; } +.our-history .timeline > li > .timeline-badge p{width: 200px; margin-top: -9px; margin-left: 25px;font-size: 17px; font-weight: bold; text-align: left;} +.our-history .timeline > li.timeline-inverted .timeline-badge p{text-align: right; float: right; margin-right: 25px;} + +/************************************* + our-service objects +**************************************/ +.our-service { position: relative; padding-bottom: 280px; z-index: 1; } +.objects-left { position: absolute; height: 100%; width: 100%; left: 0; top: 80px; z-index: -1; } +.objects-left .objects-1 { position: absolute; left: 50px; top: 0; } +.objects-left .objects-2 { position: absolute; left: 100px; bottom: 170px; } +.objects-left .objects-3 { position: absolute; left: 50%; bottom: 150px; margin-left: -150px; } +.objects-right { position: absolute; height: 100%; width: 100%; right: 0; top:80px; z-index: -1; } +.objects-right .objects-4 { position: absolute; right: 0px; top: 0; } +.objects-right .objects-5 { position: absolute; right: 0px; bottom: 170px; } +.objects-right .objects-bottom { position: absolute; right: 0px; bottom: 0; } + +/************************************* + sidebar +**************************************/ +.sidebar-widget p { margin-bottom: 0px; } +/*.widget-search */ +.widget-search { position: relative; } +.widget-search input { padding-right: 30px; color: #353535; box-shadow: none; background: #f6f7f8; } +.widget-search i { position: absolute; right: 0px; padding: 16px 22px; font-size: 14px; color: #626262; cursor: pointer; } +.widget-search input:focus { border-color: #5E9ECA; } + +/*Recent Posts*/ +.sidebar-widget .recent-post { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding-bottom: 20px; margin-bottom: 20px; } +.sidebar-widget .recent-post .recent-post-image { float: left; margin-right: 15px; } +.sidebar-widget .recent-post .recent-post-image img { width: 50px; height: 50px; border-radius: 50%; } +.sidebar-widget .recent-post .recent-post-info { overflow: hidden; } +.sidebar-widget .recent-post .recent-post-info a { display: block; margin-bottom: 5px; color: #323232; } +.sidebar-widget .recent-post .recent-post-info a:hover { color: #5E9ECA; } +.sidebar-widget .recent-post .recent-post-info span { color: #5E9ECA; font-style: italic; font-size: 14px; } +.sidebar-widget .recent-post .recent-post-info span i { padding-right: 10px; } +.sidebar-widget .recent-post:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } + +/*widget-archives*/ +.sidebar-widget .widget-categories li { display: block; margin-bottom: 6px; } +.sidebar-widget .widget-categories li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } +.sidebar-widget .widget-categories li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 10px; width: 20px; height: 20px; text-align: center; } +.sidebar-widget .widget-categories li a:hover { color: #5E9ECA; } +.sidebar-widget .widget-categories li a:hover i { border-color: #5E9ECA; color: #5E9ECA; } + +/*widget-link*/ +.sidebar-widget .widget-link li { display: block; margin-bottom: 6px; } +.sidebar-widget .widget-link li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } +.sidebar-widget .widget-link li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 20px; width: 20px; height: 20px; text-align: center; } +.sidebar-widget .widget-link li a:hover { color: #5E9ECA; } + +/*tags*/ +.sidebar-widget .widget-tags li { display: inline-block; } +.sidebar-widget .widget-tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.sidebar-widget .widget-tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } + +/*widget-testimonial*/ +.sidebar-widget .testimonial-widget .testimonial-content { background: #f6f7f8; padding: 20px; font-style: italic; border-radius: 5px; position: relative; } +.sidebar-widget .testimonial-widget .testimonial-content:before { position: absolute; content: ""; bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; +border-color: #f6f7f8 transparent transparent transparent; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar { display: table-cell; padding-right: 20px; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar img { width: 50px; height: 50px; border-radius: 50%; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name { display: table-cell; vertical-align: top; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name span { display: block; font-style: italic; font-size: 14px; } +.sidebar-widget .testimonial-widget .testimonial-info:before { display: none; } + +/*widget-gallery*/ +.sidebar-widget .widget-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; } + +/*widget-newsletter*/ +.sidebar-widget .widget-newsletter { background: #f6f7f8; padding: 30px; position: relative; z-index: 9; overflow: hidden; } +.sidebar-widget .widget-newsletter .newsletter-icon { position: absolute; right: 0; top: -16px; } +.sidebar-widget .widget-newsletter .newsletter-icon i { font-size: 100px; z-index: 0; color: rgba(0, 0, 0, 0.05); } +.sidebar-widget .widget-newsletter .form-control { background: #ffffff; box-shadow: none; } + +/*widget-clients*/ +.sidebar-widget .widget-clients .item { background: #f6f7f8; padding: 30px 30px; } + +/*opening-time*/ + .opening-time ul li { font-size: 14px; line-height: 20px; color: rgba(255,255,255,0.5); border-bottom: 1px solid #262626; padding-bottom: 14px; margin-bottom: 14px; } + .opening-time ul li:last-child { border-bottom: 0; } + +/************************************* + About me +**************************************/ +.about-me .custom-content { margin-top: 0px; } +.about-me .maintenance-progress-bar { margin: 0; } +.about-me .maintenance-progress-bar .progress-bar { margin: 0 44px; } +.maintenance-progress-bar .progress-bar .rotate { background: #5E9ECA !important; } +.maintenance-progress-bar .progress-bar .right { background: #5E9ECA !important; } +.about-me .portfolio-item { width: 100%;} +.about-me .contact-me p { color: #363636; margin: 15px 0; display: table; } +.about-me .contact-me i { float: left; color: #5E9ECA; margin-right: 15px; line-height: 23px; width: 20px; } +.about-me .follow-me ul { margin-top: 20px; } +.about-me .follow-me li { display: inline-block; } +.about-me .follow-me li a { background: #e4e4e4; color: #5E9ECA; border-radius: 3px; display: block; width: 35px; height: 35px; line-height: 35px; margin-right: 2px; text-align: center; font-size: 16px; } +.about-me .follow-me li a:hover { background: #5E9ECA; color: #fff; } + +/************************************* + Team 1 page +**************************************/ +/*team-details*/ + .team-details .social{display:table;float:right;} +.team-details .social li a { background:#f7f7f7 none repeat scroll 0 0;border-radius:3px;color:#5E9ECA;display:block;font-size:15px;height:35px;line-height:35px;margin-left:0px;text-align:center;width:35px; } +.team-details .social li a:hover { background: #5E9ECA; color: #ffffff; } +.team-details .info i{color:#f7f7f7;font-size:126px;left:0;position:absolute;z-index:0;} +.team-details .info p{font-size:16px;font-style:italic;line-height:28px;padding-left:64px;position:relative;z-index:9;} + +/************************************* + blog page +**************************************/ + .owl-carousel img { width: 100%; } +/*pagination-nav*/ +.pagination { margin:0px; } +.pagination li a { font-size: 15px; font-weight: 500; margin: 0 5px; color: #626262; border-radius: 50%; } +.pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 50%; } +.pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 50%; } +.pagination>.active>a, .pagination>.active>a:hover { color: #626262; } +.pagination > li > a, .pagination > li > span { width: 44px; height: 44px; line-height: 44px; background: #f6f7f8; border:0px; padding: 0; text-align: center; } +.pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background-color:#5E9ECA; color: #ffffff;} +.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color:#5E9ECA; color: #ffffff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); } +.dataTables_paginate li.paginate_button.previous a, .dataTables_paginate li.paginate_button.next a { width: inherit; height: inherit; background: transparent !important; color: inherit !important; box-shadow: none !important; } + /*timeline blog*/ +.blog .timeline { list-style: none; padding: 20px 0 20px; position: relative; } +.blog .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 4px; background-color: #f7f7f7; left: 50%; margin-left: -1.5px; } +.blog .timeline > li { margin-bottom: 20px; position: relative; width: 46%; float: left; clear: left; } +.blog .timeline > li:before, +.blog .timeline > li:after { content: " "; display: table; } +.blog .timeline > li:after { clear: both; } +.blog .timeline > li:before, +.blog .timeline > li:after { content: " "; display: table; } +.blog .timeline > li:after { clear: both; } +.blog .timeline > li > .timeline-panel { width: 95%; float: left; border: 1px solid #d4d4d4; /*border-radius: 2px;*/ /*padding: 20px;*/ position: relative; border:1px solid #f7f7f7; + padding: 20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } +.blog .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #f7f7f7; + border-right: 0 solid #f7f7f7; border-bottom: 15px solid transparent; content: " "; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } +.blog .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; + border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } +.blog .timeline > li > .timeline-badge { color: #fff; width: 54px; height: 54px; line-height: 18px; padding: 6px; font-size: 22px; border:4px solid #f7f7f7; background: #fff; + border-radius: 50%; text-align: center; font-weight: bold; position: absolute; color: #f7f7f7; top: 16px; right: -73px; /*z-index: 100;*/ } +.blog .timeline > li > .timeline-badge span { font-size: 13px; font-weight: normal; display: block; } +.blog .timeline > li.timeline-inverted > .timeline-panel { float: right; } +.blog .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } +.blog .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } +.blog .timeline-title { margin-top: 0; color: inherit; } +.blog .timeline-body > p, +.blog .timeline-body > ul { padding:20px; margin-bottom: 0; } +.blog .timeline-body > p + p { margin-top: 5px; } +.blog .timeline-footer { padding:20px; background-color:#f4f4f4; } +.blog .timeline-footer > a { cursor: pointer; text-decoration: none; } +.blog .timeline > li.timeline-inverted { float: right; clear: right; margin-top: 30px; margin-bottom: 0px; } +.blog .timeline > li:nth-child(2){ margin-top: 60px; } +.blog .timeline > li:nth-child(3){ margin-top: 60px; } +.blog .timeline .entry-title i { font-size: 24px;} +.blog .timeline-inverted .timeline-badge { margin-top: 70px} +.blog .timeline li.timeline-inverted .timeline-panel:after { top: 98px; } +.blog .timeline li.timeline-inverted .timeline-panel:before { top: 97px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: -73px; } +.blog .timeline li.entry-date { top: 0; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } +.blog .timeline li.entry-date span { background: #f7f7f7; color: #363636; font-size: 16px; font-weight: 400; text-transform: capitalize; padding: 10px 25px;border-radius: 30px;} +.blog .timeline li.entry-date-bottom { bottom: -30px; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } +.blog .timeline li.entry-date-bottom a { background: #f7f7f7; padding: 7px 10px; color: #363636; font-size: 16px; padding: 10px 25px; border-radius: 30px; } +.blog .timeline li.entry-date-bottom a:hover { background: #5E9ECA; color: #fff; } +.blog .timeline li:hover .timeline-panel { border-color: #5E9ECA; } +.blog .timeline li:hover .timeline-badge a { color: #fff; } +.blog .timeline li:hover .timeline-badge{ background: #5E9ECA; border-color: #5E9ECA; } +.blog .timeline li:hover .timeline-panel:before { border-left-color: #5E9ECA; border-right-color: #5E9ECA; } +.blog .blog.timeline .entry-quote p { font-size: 16px; } +/* blog 2 column masonry left sidebar */ +.blog.timeline-sidebar .timeline > li { width: 89%; } +.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 50%;} +.blog.timeline-sidebar .timeline:before { left: 54px; } +.blog.timeline-sidebar .timeline li.entry-date { text-align: left;} +.blog.timeline-sidebar .timeline li.entry-date-bottom { text-align: left;} +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -66px; } +.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 0px; } +.blog.timeline-sidebar .timeline > li:nth-child(3) { margin-top: 30px; } +.blog.timeline-sidebar .timeline li.entry-date { top: 3px; } +.blog.timeline-sidebar .timeline li.entry-date span { font-size: 14px; padding: 10px 25px; } +.blog.timeline-sidebar .timeline li.entry-date-bottom { bottom: -48px; } +.blog.timeline-sidebar .timeline li.entry-date-bottom a { font-size: 14px; padding: 10px 25px; } +.blog.timeline-sidebar .timeline li .share ul li { width: auto; } + +/*blog-single*/ +.blog-single .blog-entry { box-shadow: none; } +.blog-single .blog-entry .blog-detail { padding: 0; margin-top: 20px; } + +.blog-single .blockquote { font-style: italic; line-height: 30px; background: #f6f7f8 !important; } +.blog-single .blog-entry.blockquote blockquote { background: #f6f7f8;color: #626262; } +.blog-single .blog-entry.blockquote blockquote cite { color: #5E9ECA; } +.blog-single .entry-share .tags { display: inline-block; } +.blog-single .blog-entry.blockquote blockquote:before { color: #323232; top: 20px; } + +/*blog-comments*/ +.comments-1 .comments-photo { width: 106px; height: auto; float: left; border:5px solid #f7f7f7; margin-right: 20px; } +.comments-1 .comments-photo img { width: 100%; } +.comments-1 .comments-info { display: table; background: #f7f7f7; padding: 20px; margin-bottom: 20px; } +.comments-1 .comments-info h4 { display: inline-block; } +.comments-1 .comments-info span { font-size: 13px; color: #626262; } +.comments-1 .comments-info a { color: #5E9ECA; } +.comments-1 .comments-info a:hover { color: #363636; } +.comments-1.comments-2 { padding-left: 127px; } +.comments-1.comments-2 .comments-info { background: #fff; margin-bottom: 0px; padding: 20px 20px 10px; } + +/************************************* + error 404 +**************************************/ +.error-block { position: relative; z-index: 9; padding: 20px 0 130px 0px; } +.error-block .error-text { position: absolute; text-align: center; left: 0; right: 0; z-index: -1; } +.error-block .error-text h2 { font-size: 420px; line-height: 300px; color: rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0; } +.error-block .error-text span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 134px; line-height: 100px; color: rgba(0, 0, 0, 0.1); font-weight: bold; } +.error-block h1 { font-size: 87px; padding-top: 110px; } +.error-block p { font-size: 33px; } + +.error-text-02 { position: relative; text-align: center; } +.error-text-02 h2 { font-size: 420px; line-height: 300px; color: rgba(255, 255, 255, 0.2); position: relative; left: -70px; top: 0; } +.error-text-02 span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 117px; line-height: 100px; color: rgba(255, 255, 255, 0.2); font-weight: bold; } +.error-middle { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } + + +/************************************* + coming soon +**************************************/ +.coming-soon { background: transparent; } +.coming-soon-countdown ul.countdown { list-style: none; margin: 75px 0; padding: 0; display: block; text-align: center; } +.coming-soon-countdown ul.countdown li { display: inline-block; width: 24%; } +.coming-soon-countdown ul.countdown li span { font-size: 90px; font-weight: bold; line-height: 80px; color: #5E9ECA; } +.coming-soon-countdown ul.countdown li p { color: #626262; font-size: 20px; text-transform: capitalize; margin-bottom: 30px; } +.coming-soon .coming-soon-form input { color: #626262; } +.coming-soon-form` input { width: 50%; color: #fff; display: block; margin: 0 auto; } +.coming-soon-form.contact-form input { width: 50%; display: block; margin: 0 auto; } +.coming-soon-middle { padding: 100px; display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } + +/************************************* + Register +**************************************/ +.register-form .section-field { display: block; } +.register-form .field-widget { position: relative; } +.register-form .field-widget input { width: 100%; margin-bottom: 20px; padding-left: 30px; } +.register-form .field-widget select { width: 100%; margin-bottom: 20px; padding-left: 15px; } +.register-form .field-widget input.gui-input { padding-left: 140px;} +.register-form .field-widget .button { background: #666; height: 46px; left: 0; margin: 2px; position: absolute; text-align: center; top: 0; width: 115px; border:0; } +.register-form .nice-select { float: none; margin-bottom: 20px; background: #f6f7f8; border:0; } +.remember-checkbox a {color: #5E9ECA; } +.remember-checkbox label { position: relative; padding-left: 30px; font-size: 14px; cursor: pointer;} +.remember-checkbox label:before, label:after { font-family: FontAwesome; font-size: 17px; position: absolute; top: -3px; left: 0; padding-left: 2px; border-radius: 6px; } +.remember-checkbox label:before { border: 2px solid #5E9ECA; content: ""; height: 20px; margin-top: 3px; width: 20px; } +.remember-checkbox label:after { content: '\f00c'; max-width: 0; overflow: hidden; opacity: 0.5; transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; } +.remember-checkbox input[type="checkbox"] { display: none; } +.remember-checkbox input[type="checkbox"]:checked + label:after { max-width: 25px; opacity: 1; } +/*all id*/ +#one+label:before, #one+label:after {color: #5E9ECA;} +#two+label:before, #two+label:after {color: #5E9ECA;} +#three+label:before, #three+label:after {color: hsl(120, 45%, 40%); } +#four+label:before, #four+label:after {color: hsl(180, 45%, 40%); } +#five+label:before, #five+label:after {color: hsl(240, 45%, 40%); } +#six+label:before, #six+label:after {color: hsl(300, 45%, 40%); } + +/************************************* + Login +**************************************/ +.full-height-bg { height: 100vh; } +/*login-2-social*/ +.login-social li { display: inline-block; margin: 2px 0px; } +.login-social li a { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;} +.login-social li a.fb { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #4c70ad; border-radius:30px; } +.login-social li a.twitter { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #25b6e6; border-radius:30px; } +.login-social li a.pinterest { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #dd4b39; border-radius:30px; } +.login-social li i { border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px; } +.login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover { background: #5E9ECA; } + +/*login 02*/ +.section-transparent { background: transparent; } +.login-bg { background: #ffffff; border-radius: 10px; } +.login-bg .login-title { background: #5E9ECA; padding: 30px; border-radius: 10px 10px 0 0; } +.login-bg .login-form { padding: 40px 30px; } +.login-bg .login-social { padding: 30px; background: #f6f7f8; border-radius: 0 0 10px 10px; } + +/*login 02*/ +.register-bg { background: #ffffff; border-radius: 10px; } +.register-bg .register-title { background: #5E9ECA; padding: 30px; border-radius: 10px 10px 0 0; } +.register-bg .register-form { padding: 30px 30px 50px; } + +/************************************* + maintenance +**************************************/ +img.logo-small { height: 40px; margin: 30px 0; position: relative; } +.maintenance-main i { font-size: 100px; margin-bottom: 10px; color: #e4e4e4; } +.maintenance-main h1 { font-size: 62px; text-transform: uppercase; font-weight: bold; } +.maintenance-main p { font-size: 26px; line-height: 35px; margin-bottom: 70px;} +.maintenance-form { width: 76%; margin: 0 auto; } +.maintenance-form p { font-size: 19px; } +.maintenance-form input { width: 50%; margin: 0 auto; } + +/*maintenance 2 */ +.maintenance-main h1 { font-size: 40px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; } +.maintenance-contant p { line-height: 25px; margin-top:20px; font-size: 14px; } +.progress-new { margin-top: 50px; height: 50px; background: #f6f7f8; border-radius: 0; margin-bottom: 50px; margin-left: auto; margin-right: auto; width: 50%; } +.progress-bar-new { line-height: 50px; background-color: #5E9ECA; color: #ffffff; font-size: 20px; padding-left: 20px; } +.progress-bar-new span { position: absolute; right: 30px; color: #323232; font-weight: bold; font-size: 20px; } +.progress-bar-striped, +.progress-striped .progress-bar-new { + background-image: linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); +} + +/************************************* + Our clients +**************************************/ +/*clients-box*/ +.clients-box { background: #f7f7f7; padding: 20px; } +.clients-photo { position: relative; margin-right: 20px; width: 200px; height: 200px; float: left; display: table-cell; text-align: center; vertical-align: middle; background: #fff; } +.clients-photo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } +.clients-info { display: table; } +.clients-info i { padding-right: 10px; } +.clients-info a { font-size: 14px; color: #5E9ECA; } +.clients-info a:hover { color: #626262; } +.clients-info p { margin-top: 10px; } +.happy-clients .tab-content { padding: 0 30px; position: relative; text-align: left; } +.happy-clients .tab-content .quoter-icon { position: absolute; left: 0; top: -10px; font-size: 120px; line-height: 1; color: #5E9ECA;} +.happy-clients .tab-content p{padding-left: 30px; font-size: 18px; padding-top: 10px; font-style: italic; } +.happy-clients .nav-tabs li { overflow: visible; display: inline-block; padding: 0 5px; } +.happy-clients .nav.nav-tabs li a, .happy-clients .nav.nav-tabs li a:hover, .happy-clients .nav.nav-tabs li a:focus { background: none; padding: 0; border:0; outline: none; background: transparent !important;} +.happy-clients .nav-tabs li img {width: 96px; opacity: 0.1; height: 96px; border-radius: 50%; } +.happy-clients .nav-tabs li.active img, .happy-clients .nav-tabs li:focus img { border: 4px solid #fff; opacity: 1; top: -2px; box-shadow: 0 0 40px rgba(0,0,0,.3); } +.happy-clients .testimonial-avatar { position: relative; right: inherit; left: inherit; top: inherit; width: inherit; height: inherit; margin-left: inherit; margin-top: 30px; } +.happy-clients .nav-tabs { border: 0; } + +/*********************************** + process +************************************/ +.process-list .col-sm-12 { padding: 0 50px; } +.process { margin: 0px; border: 2px dashed rgba(0, 0, 0, 0.3); position: relative; width: 100%; float: left; padding-bottom: 50px; padding-top: 50px; min-height: inherit; } +.process.left { border-right: 0; border-top: 0; } +.process.right { border-left: 0; border-top: 0; } +.process .border-area.left-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; left: -2px; z-index: 99; } +.process .border-area.left-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.right-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } +.process .border-area.right-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.right-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } +.process .border-area.right-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.left-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; left: -2px; } +.process .border-area.left-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); } +.process:first-child { padding-top: 0; } +.process.left:first-child .process-step { top: 0; } +.process:last-child { border-bottom: 0; } +.process:last-child .border-area.left-bottom { bottom: 0; } +.process:last-child .border-area.left-bottom:before { border-bottom-left-radius:0; border-bottom: 0; } +.process.left .process-step { position: absolute; top: 50px; left: -35px; z-index: 999; } +.process.right .process-step { position: absolute; top: 50px; right: -35px; z-index: 99; } +.process.left .process-content { padding-left: 80px; } +.process.right .process-content{ padding-right: 80px; } +.process .process-step strong { width: 70px; height: 70px; line-height: 70px; text-align: center; background: #5E9ECA; border-radius: 100%; display: inline-block; + z-index: 99; font-size: 20px; color: #fff; } +.process .process-content { position: relative; z-index: 99; } +.process .process-content span { font-size: 80px; line-height: 80px; color: #5E9ECA; } +.process.left .process-content .process-icon { display: table-cell; padding-right: 30px; } +.process.left .process-content .process-info { display: table-cell; vertical-align: top; } +.process.right .process-content .process-icon { float: right; padding-left: 30px; } +.process.right .process-content .process-info { display: table-cell; vertical-align: top; } + +/************************************* + Careers +**************************************/ +.agency-about { padding-bottom: 100px; } + +/*careers accordion*/ +.careers .acd-des span { display: block; } + +/*careers form*/ +.careers-from .section-field label { margin-bottom: 10px; } + +/************************************* + sitemap +**************************************/ +.sitemap h4 { margin-bottom: 25px; text-transform: capitalize; } +.sitemap h4 i { padding-right: 10px; } +.sitemap ul li { display: block; line-height: 34px; } +.sitemap ul li i { padding-right: 10px; } +.sitemap ul li a { font-size: 14px; color: #626262; text-transform: capitalize; } +.sitemap ul li a:hover { color: #5E9ECA; } + +/************************************* + privacy-policy +**************************************/ +.privacy-policy ul li { font-size: 14px; line-height: 30px; } +.privacy-policy ul li i { padding-right: 10px; } + +/************************************* + page sidebar +**************************************/ +.page-sidebar .page-content ul li { font-size: 14px; line-height: 30px; } +.page-sidebar .page-content ul li i { } + +/************************************* + terms and conditions +**************************************/ +.terms-and-conditions ul li { font-size: 14px; line-height: 30px; } +.terms-and-conditions ul li i { padding-right: 10px; } + + +.special-feature .feature-text {padding:40px;} +.special-feature { padding-bottom:-117px; } +.special-feature .row-eq-height.no-gutter { position:relative; z-index:99; margin-top:-117px; } + +/************************* + BG - Images +*************************/ +.parallax { background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -ms-background-size: cover !important; position: relative; z-index: 0; background-origin: initial; background-position: center bottom !important; background-repeat: no-repeat; } +.gradient-overlay{position:relative;} +.gradient-overlay:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background:url(../images/construction/bg/gradient-overlay1.png) repeat-y left 0;} + +/************************************* + Footer +**************************************/ +.footer.black-bg{background: #1a1a1a;} +.footer.black-bg p { color: rgba(255,255,255,0.5); } +.footer.black-bg .social-icons li a { color: rgba(255,255,255,0.5); } +.footer p{font-size: 14px;} +.footer-logo img { width: 65%; } +.footer h6{font-size: 14px;} +.addresss-info li { font-size: 14px; margin-bottom: 15px; color: rgba(255,255,255,0.5); list-style: none; } +.addresss-info i{ color:rgba(255,255,255,0.5); padding-right: 5px; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 14px; } +.addresss-info p { display: table; color: rgba(255,255,255,0.5); margin-bottom: 0px; } +.addresss-info li a { color: rgba(255,255,255,0.5); } +.footer a{font-size: 14px;} + +/*footer-Newsletter*/ +.footer-Newsletter { display: inline-block; width: 100%;} +.footer-useful-link.footer-hedding ul { margin-top: -6px; } +.footer-Newsletter .form-control { border-left: 0px; height: 50px; border-radius: 30px; font-size: 14px; color: rgba(255,255,255,0.3); border:none; background: #252525; padding: 10px 25px; width: 100%; } +.footer-Newsletter .form-control:focus { border:0; box-shadow: none;} +.footer-Newsletter .button.border{border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.5); padding: 10px 18px; font-size: 12px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.footer-Newsletter .button.border:hover { color: #ffffff; } +.footer-useful-link ul li { list-style: none; margin-bottom: 12px;} +.footer-useful-link ul li:last-child { margin-bottom: 0; } +.footer-useful-link ul li a { color: rgba(255,255,255,0.5); font-size: 14px; vertical-align: top; display: block; line-height: 26px; } +.footer-useful-link ul li a:hover { color: #5E9ECA; } +/*transparent*/ +.footer-Newsletter.transparent .form-control { background: rgba(0, 0, 0, 0.04); } +.footer-Newsletter.transparent .form-control::-moz-placeholder { color: #323232; } +.footer-Newsletter.transparent .form-control::-ms-input-placeholder { color: #323232; } +.footer-Newsletter.transparent .form-control::-webkit-input-placeholder { color: #323232; } + +/*footer-widget*/ +.footer-widget { padding: 20px 0; border-top: 1px solid #262626;} +.footer-widget p{font-size: 14px; color: rgba(255,255,255,0.5); letter-spacing: 0.5px;} +.footer-widget a { color: #5E9ECA; } +.footer-widget a:hover { color: #5E9ECA; } +.footer-widget-social {margin-top: 5px; } +.footer-widget-social li { display: inline-block;} +.footer-widget-social a i { display: inline-block; color: rgba(255,255,255,0.5); background: none; border-radius: 50%; width: 35px; height: 35px; text-align:center; line-height: 37px; font-size: 14px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} +.footer-widget-social a i:hover{background: #5E9ECA;} +.footer .footer-nav ul li { display: inline-block;} +.footer .footer-nav ul li a { margin: 0 5px; color: #323232;} +.footer .footer-nav ul li a:hover { color: #5E9ECA; } +.footer .social ul li {display: inline-block;} +.footer .social ul li a i { font-size: 14px; width: 45px; height: 45px; line-height: 45px; text-align: center; float: none; color: #323232;} +.footer .social ul li a i:hover{color: #5E9ECA;} +.footer .social ul{background: #f6f7f8; display: inline-block; border-radius: 30px; padding: 0px 10px;} +.footer .usefull-link ul li {display: block; border-bottom: 0px; line-height: 24px; padding: 5px 0; } +.footer .usefull-link ul li a{color: #323232;} +.footer .usefull-link ul li a:hover { color: #5E9ECA; } +.footer .copyright { padding: 30px 0 20px;} +.footer .copyright ul li a {color: #323232;} +.footer .copyright ul li a:hover {color: #5E9ECA;} +img#logo-footer{ height: 50px; width: auto; } +.footer.light .footer-nav ul li a{color: #fff;} +.footer.light .footer-nav ul li a:hover { color: #323232; } +.footer.light h6{color: #fff;} +.footer.light .about-content p{color: #fff;} +.footer.light .usefull-link ul li a{color: #fff;} +.footer.light .usefull-link ul li a:hover {color: #323232;} +.footer.light .copyright ul li {color: #fff;} +.footer.light .copyright ul li a {color: #ffffff; font-size: 14px;} +.footer.light .copyright ul li a:hover {color: #323232; } +.footer.light.footer-topbar .copyright ul li { color: #ffffff } +.footer.light .copyright p {color: #fff;} +.footer.light .social ul li a i {color: #5E9ECA;} +.footer.light .social ul li a:hover i {color: #323232;} +.footer .footer-text p{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} +.footer .footer-social ul li a{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} +.footer .footer-social ul li a:hover { color: #5E9ECA !important; } +.footer.footer-topbar .copyright ul li{color:rgba(255, 255, 255, 0.5) !important;} +.footer.footer-one-page .contact-add i { font-size: 20px } +.footer.footer-one-page h5 { color: rgba(255,255,255,0.5); } +.footer.footer-one-page p { color: rgba(255,255,255,0.5); } + +/* footer transparent*/ +.footer.transparent h6, .footer.transparent p, .footer.transparent ul li a, .footer.transparent span { color: #ffffff; } + +/*widget-gallery*/ +.footer .footer-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; } +.footer .footer-tags li { display: inline-block; } +.footer .footer-tags li a { background: transparent; color: #fff; border:1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.footer .footer-tags li a:hover { background: #5E9ECA; } + +/*footer-social-big*/ +.footer-social-big ul li { display: inline-block; padding: 10px; width: 70px; text-align: center; background: rgba(255, 255, 255, 0.1); } +.footer-social-big ul li.facebook { background: #5d82d1; } +.footer-social-big ul li.pinterest { background: #e13138; } +.footer-social-big ul li.linkedin { background: #238cc8; } +.footer-social-big ul li i { color: #ffffff; display: block; width: 30px; height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.2); border-radius: 50%; margin: 0 auto; } +.footer-social-big ul li span { display: block; text-align: center; color: #ffffff; margin-top: 10px; font-size: 11px; } + +/*footer-box*/ +.footer-box { background: rgba(102, 102, 102, 0.2); padding: 30px; clear: both; margin-bottom: 40px; margin-top: 60px; } +.footer-box .box-content { display: table-cell; vertical-align: top; } +.footer-box .box-link { display: table-cell; padding-left: 20px; vertical-align: middle; } +.footer-box .box-link a { display: block; padding: 8px 16px; width: 140px; } + +/*google-map*/ +.google-map { background: #; } +.google-map .row [class*='col-'] { min-height: 0; } +.map-icon { position: relative; z-index: 999; cursor: pointer; } +.google-map .map-icon:before { cursor: pointer; content: "\f041"; font-family: "FontAwesome"; font-size: 30px; font-weight: normal; right: 0; position: absolute; text-indent: 0; top: -32px; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #ffffff; color: #5E9ECA; text-align: center; } +.google-map.google-map-open .map-icon::before { content: "\f00d"; } +.google-map .map-open { height: 0; overflow: hidden; transition: all 900ms ease; } +.google-map .map-open iframe { height: 300px; } +.google-map-open .map-open { height: 300px; } +.pos-r{position: relative;} +.img-side img{max-width: 100%} +.img-side.img-left {left: 0;} +.img-side {padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100;} +.font-bold {font-weight: 600} +.no-gutter{ margin-right:0; margin-left:0;} +.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;} + +/*youtube-video*/ + .popup-video { position: relative; } +.popup-video .play-video { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } +.popup-video .play-video { width: 50px; height: 50px; } +.popup-video .play-video a { width: 50px; height: 50px; } +.popup-video .play-video a i { line-height: 50px; } +.popup-video .play-video:hover { transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); background-color: #ffffff; } +.popup-video .play-video:hover a { color: #5E9ECA; } +.play-video { cursor: pointer; position: relative; width: 100px; height: 100px; margin: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } +.play-video { background-color: #5E9ECA; -webkit-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); -moz-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); } +.play-video a { color: #fff; width: 100px; height: 100px; position: absolute; top: 0; left: 50%; padding-left: 5px; transform: translateX(-50%); } +.play-video a i { line-height: 100px; } +.play-video:hover a { color: #5E9ECA; } +.play-video:after { content: ''; top: 0; left: 0; padding: 0; z-index: -1; opacity: 0; pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); } + +.play-video:hover{background: #ffffff; color: #5E9ECA; border-color:transparent !important;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-box-shadow:2px 6px 18px transparent !important;-moz-box-shadow:2px 6px 18px transparent !important;box-shadow:2px 6px 18px transparent !important} +.play-video:hover:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms; -moz-animation:sonarEffect 1.3s ease-out 75ms; animation:sonarEffect 1.3s ease-out 75ms;} +@-webkit-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-webkit-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}} +@-moz-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-moz-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}} +@keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);transform:scale(1.5);opacity:0; }} +.my-contact .contact-icon{float: left; margin-right: 25px;} +.my-contact .contact-icon span{color: #fff ! important;} + +/************************************* + index portfolio 4 +**************************************/ +.portfolio-item.simple-effect .portfolio-overlay span { color: #363636; } +.portfolio-item.simple-effect .portfolio-overlay span a { color: #363636; } +.portfolio-item.simple-effect .portfolio-overlay a:hover { color: #5E9ECA; } +.portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #5E9ECA; } +.portfolio-item.simple-effect .portfolio-overlay { z-index: 9; opacity: 0; bottom: inherit; background: transparent; top: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: center; } +.portfolio-item.simple-effect:hover:before { position: absolute; width: 100%; height: 100%; content: ""; background: rgba(255, 255, 255, 1); z-index: 1; background-size: 115%; + -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.6s cubic-bezier(.68,.11,.13,.98); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.portfolio-item.simple-effect:hover .portfolio-overlay { top: 50%; opacity: 1; } + +/*footer*/ +.footer .container-fluid { padding: 0 60px; } +#footer-fixed { position: fixed; bottom: 0; width: 100%; z-index: -1; box-shadow: inset 0 27px 60px -25px rgba(0,0,0,0.3); } +.footer.footer-simple ul li a, .footer.footer-simple p, .footer.footer-simple i, .footer.footer-simple li { color: #ffffff; font-weight: bold; font-size: 16px; } +.footer.footer-simple ul li a:hover { color: rgba(255, 255, 255, 0.6); } +.footer.footer-simple .social-icons li a { color: #ffffff; width: 100%; } +.footer.footer-simple .social-icons li a:hover { color: rgba(255, 255, 255, 0.6); } + +/*elements*/ +.full-width { width: 100%; } +.height-100vh { height: 100vh; } +.pos-bot { position: absolute; bottom: 0; width: 100%; } +.vertical-align { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } + +/************************************* + index portfolio 04 about +**************************************/ +.portfolio-03-about { padding-left: 50px; } +.portfolio-03-about p { font-size: 16px; font-weight: 600; } + +/************************************* + index portfolio single +**************************************/ +/*popup-video*/ +.popup-video-image { position: relative; } +.popup-video-image:before { background: rgba(37, 41, 51, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } +.popup-video-image a i { color: #ffffff; text-align: center; line-height: 60px; width: 60px; height: 60px; background: #5E9ECA; display: inline-block; margin: 0 auto; + border-radius: 50%; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); + -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; font-size: 20px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } +.popup-video-image a i:hover { background: #323232; } + +/************************************* + index 11 +**************************************/ + +/*index 11*/ + /*slider-parallax typer-banner business*/ + .slider-parallax.typer-banner.business h1 { font-family: 'Dosis', sans-serif; } + .slider-parallax.typer-banner.business p { padding: 0 200px; line-height: 34px; font-size: 26px; font-weight: 600; display: block; } + + /*play-video*/ +.custom-content-02 .feature-text p { line-height: 28px; } +.play-video-section .play-video { box-shadow: none; background: #ffffff; width: 60px; height: 60px; line-height: 60px; } +.play-video-section .play-video a { color: #5E9ECA; line-height: 60px; } +.play-video-section .play-video a i { line-height: 60px; padding-right: 3px; } +.play-video-section .play-video:after {box-shadow: none; } +.play-video-section .content { padding: 0 100px; } +.play-video-section .content h2 { font-family: 'Dosis', sans-serif; } +.custom-content-03 h2 { font-family: 'Dosis', sans-serif; font-size: 40px; line-height: 50px; } + +/*blockquote-section*/ +.blockquote-section { position: relative; z-index: 9; } +.blockquote-section blockquote { font-size: 50px; font-weight: 600; line-height: 60px; border-left: 0; padding-left: 0; font-family: 'Dosis', sans-serif; } +.blockquote-section blockquote cite { font-size: 16px; font-weight: 600; margin-top: 40px; line-height: 30px; font-family: 'Nanum Gothic', serif; font-style: normal; } +.blockquote-section blockquote cite span { display: block; font-size: 14px; } +.blockquote-section blockquote.quote { padding-top: 100px; } +.blockquote-section blockquote.quote:before { color: #5E9ECA; left: 0; top: 0; font-size: 120px; line-height: 120px; } +.blockquote-section .blockquote-section-left { margin-left: 60px; } +.blockquote-section .blockquote-section-right { margin-left: -120px; position: relative;z-index: -1; } + +/************************************* + footer +**************************************/ +.footer.gray-footer .footer-Newsletter .form-control { background: #ffffff; color: #323232; height: 60px; line-height: 60px; box-shadow: 0 10px 50px rgba(0,0,0,0.1); } +.footer.gray-footer .footer-widget { border-top: none; } +.footer.gray-footer .footer-widget p { color: #323232; } + +.footer.gray-footer .footer-Newsletter .form-control::-moz-placeholder { color: #323232; } +.footer.gray-footer .footer-Newsletter .form-control::-ms-input-placeholder { color: #323232; } +.footer.gray-footer .footer-Newsletter .form-control::-webkit-input-placeholder { color: #323232; } + +/************************************* + portfolio +**************************************/ +.portfolio-item.image-text { position: relative; } +.portfolio-item.image-text .portfolio-overlay { bottom: 30px; background: transparent; } +.portfolio-item.image-text .portfolio-overlay span { display: block; } +.portfolio-item.image-text:before { position: absolute; width: 100%; bottom: 0; content: ""; ackground: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; } +.portfolio-item.image-text .portfolio-overlay a.button { padding: 6px 16px; } +.portfolio-item.image-text .portfolio-overlay a.button span { font-size: 12px; } +.portfolio-item.image-text .portfolio-overlay a.button:hover { color: #ffffff; } + +/************************************* + coming-soon-big +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 120px; line-height: 120px; font-weight: bold; } +.coming-soon-big .countdown.medium p { font-size: 30px; line-height: 30px; font-weight: bold; } +.coming-soon-big .coming-soon-form p { font-weight: bold; } +.coming-soon-big .contact-form.transparent-form .form-control { background: rgba(255, 255, 255, 0.4); } +.coming-soon-big .button { font-weight: bold; } + +/************************************* + inner page +**************************************/ +/* about-05 */ +.about-05-split .shop-split-content { padding: 100px 0; } +/*about-mission*/ +.about-mission .popup-video-image a i { position: relative; top: inherit; left: inherit; bottom: inherit; right: inherit; } +.about-mission .popup-content { position: absolute; bottom: 0; padding: 30px 130px 30px 30px; } +.about-mission-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); } +.about-mission-box .content { padding:24px; } +.about-mission-title { padding-bottom: 250px; } +.about-mission { margin-top: -150px; } +/*faq 03*/ +.faq-page-title .form { position: relative; z-index: 9; } +.faq-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); padding: 40px; border-radius: 10px; background: #ffffff; margin-top: -60px; } +.faq-box span { font-size: 40px; line-height: 40px; margin-bottom: 20px; display: block; } +.faq-box strong { display: block; } +.faq-box a.button { padding: 8px 16px; } + +/*login-fancy*/ +.login-fancy { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); } +.login-fancy-bg { position: relative; z-index: 1; } +.login-fancy h2 { font-size: 70px; line-height: 70px; } +.login-gradient, .login-gradient-02, .login-gradient-03 { position: relative; } +.login-gradient:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9af1e1), color-stop(100%, #4003f6)); background: -webkit-linear-gradient(-315deg, #9af1e1 0%, #4003f6 100%); background: -webkit-linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); background: linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); } +.login-gradient-02:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee38a6), color-stop(100%, #ffc863)); background: -webkit-linear-gradient(-315deg, #ee38a6 0%, #ffc863 100%); background: -webkit-linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); background: linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); } +.login-gradient-03:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcdd2), color-stop(100%, #470df5)); background: -webkit-linear-gradient(-315deg, #ffcdd2 0%, #470df5 100%); background: -webkit-linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); background: linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); } + +/*login-box*/ +.login-box { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); border-radius: 0px 10px 10px 0px; } +.login-box-bg { position: relative; z-index: 1; } +.login-box h2 { font-size: 40px; line-height: 40px; } +.login-box-main { display: table; width: 100%; } +.login-box-main-middle { display: table-cell; vertical-align: middle; } +.login-box-left { box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); height: 100%; border-radius: 10px 0 0px 10px; } +.login-box-left .logo-small { margin-left: 30px; } +.login-box-main .theme-bg { box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.2); position: relative; z-index: 1; } +.login-box-theme { position: relative; } +.login-box-theme:before { position: absolute; content: ""; height: 30px; top: -29px; width: 100%; background: #5E9ECA; left: 0; } +.login-box-theme:after { position: absolute; content: ""; height: 30px; bottom: -29px; width: 100%; background: #5E9ECA; left: 0; } +.login-box-main .nav li a { padding-left: 30px; } +.login-box-main .nav li a { display: block; text-align: left; color: #323232; border-left: 5px solid transparent; background: transparent; } +.login-box-left li.active a, .login-box-left li a:hover { border-left: 5px solid #5E9ECA; color: #5E9ECA; } +.login-box-main .nav li a i { display: inline-block; padding-right: 6px; text-align: left; margin-bottom: 10px; } +.login-box .list-unstyled.list-inline a:hover { color: #323232; } +/*login-box-02*/ +.login-box-02 { padding: 40px; border:1px solid rgba(0, 0, 0, 0.1); height: 100%; } +.login-box-02.white-overlay { background: rgba(255, 255, 255, 0.5); } +.login-signup a.text-black:hover { color: #ffffff; } + +/*login-14*/ +.login-14 { padding: 0 100px; } + +/*login-15*/ +.login-15 { padding: 0 60px; } + +/*login-signup*/ +.login-signup .tab-border .tab-content { padding: 0; } +.login-signup .login-box-02 { border:0; } + +/************************************* + boxed +**************************************/ + +@media (min-width: 1220px) { +body.boxed-layout .wrapper { float: none; width: 1220px; margin: 0 auto; position:relative; background-color: #FFF; box-shadow: 0 0 60px rgba(0,0,0,.1); -moz-box-shadow: 0 0 60px rgba(0,0,0,.1); + -webkit-box-shadow: 0 0 60px rgba(0,0,0,.1); } +/*index 01*/ +body.boxed-layout .wrapper .portfolio-title.section-title p { display: none; } +body.boxed-layout .wrapper .portfolio-title.section-title span { display: none; } + +/*index 02*/ +body.boxed-layout .wrapper .contact-3 #map { padding-top: 140%; } +body.boxed-layout .wrapper .contact-2 #map { padding-top: 90% } +body.boxed-layout .wrapper.vertical-header { width: auto; box-shadow: none; } +body.boxed-layout #footer-fixed { position: inherit !important; width: inherit; bottom: inherit !important; z-index: inherit; } +body.boxed-layout .wrapper { margin-bottom: 0 !important; } +body.boxed-layout .christmas-coming-soon { position: absolute; } + +body.frame-layout .wrapper { margin: 0 auto; margin-top: 1.5%; margin-bottom: 1.5%; width: 97%; position: relative; box-shadow: 0 0 60px rgba(0,0,0,.1); } +body.frame-layout .header.default, body.frame-layout .header.transparent, body.frame-layout header.one-page { left: 0; right: 0; } +body.frame-layout .navbar.affix { top: 0; } +body.frame-layout header.one-page.light .navbar { min-height: 10px !important; } +body.frame-layout #footer-fixed { position: inherit !important; bottom: inherit !important; z-index: inherit; } +body.frame-layout .wrapper { margin-bottom:1.5% !important; } +body.frame-layout .christmas-coming-soon { position: absolute; } + +} + +@media all and (-ms-high-contrast:none) { +.st-menu { position: absolute; } + img.bottom-img { top: 0; } +.search-cart { display: table; } +.search { display: table-cell !important; } +.shpping-cart { display: table-cell !important; } +.search-cart .shpping-cart { float: none !important; } + .mega-menu > section.menu-list-items .search-cart .search { float: none !important; } + .search-cart .shpping-cart { vertical-align: middle; } +} + + +@media (max-width: 1100px) { +.isotope-filters button { margin: 2px; cursor: pointer; padding: 6.5px 13px; font-size: 16px; background: transparent; color: #363636; font-weight: 600; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } +} + + diff --git a/apply/css - 복사본/back/style_org.css b/apply/css - 복사본/back/style_org.css new file mode 100644 index 0000000..973bd5d --- /dev/null +++ b/apply/css - 복사본/back/style_org.css @@ -0,0 +1,1735 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Version: 1.0 +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. + +*/ + + +/*================================================ +[ Table of contents ] +================================================ + :: Header + - topbar + - search + - Cart + - FullWidth + - Light + - Dark + - Left-menu + - Logo-center + - Fancy + - fancy without-topbar + - Side menu icon + - Vertical header + - One page Header + :: Slider (all home page main sliders ) + :: - Slider-parallax one page + :: - Mobile slider + :: Background + :: Home page section + :: Decolines + :: Awesome features + :: Feature Step + :: About Us + :: Resume + :: Portfolio + :: - Portfolio item + :: - Portfolio-item-2 + :: - Portfolio single page + :: Our Blog + :: Our services + :: Creativity + :: Our History + :: Our Service Objects + :: Sidebar + :: About me + :: Team page + :: Error 404 + :: Coming soon + :: Register + :: Login + :: maintenance + :: Our clients + :: Process + :: Careers + :: Sitemap + :: Privacy-policy + :: Page sidebar + :: Terms and conditions + :: Footer + :: Boxed + + v1.2 + :: index portfolio 4 + :: index portfolio 04 about + :: index portfolio single + +====================================== +[ End table content ] +======================================*/ + +/************************* + Header +*************************/ +.default { background: transparent; z-index: 9999; position: absolute; width: 100%; } +/*topbar*/ +.topbar { /*padding: 10px 0;*/ font-size:12px; color:#4a4a4a; } +.topbar ul li { display: inline-block; color: #fff; font-size: 12px; font-weight: normal;} +.topbar ul li:last-child { margin-right: 0px; } +.topbar ul li a { color: #4a4a4a; font-size: 12px; font-weight: normal; font-style: normal; } +.topbar-left { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; letter-spacing: -0.1em;} +.topbar-right { position: relative; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; } +.topbar ul li a:hover { font-weight:600; } +#topbar-nav {list-style:none;} +#topbar-nav li{display:inline-block; position:relative; line-height: 38px; } +#topbar-nav li:first-child > a {border: 0;} +#topbar-nav li > a {border-left: 1px solid #ccc; padding:0px 15px;} + +/*menu*/ +.menu-bar { float: right; } +.mega-menu .menu-links { float: left; } +.search-cart { display: inline-block; } +.search-cart i.icon { color: #ffffff; line-height: 20px; font-size: 14px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } +.search-cart i.icon:hover { color: #5E9ECA; } +.search-cart .search { display: inline-block; padding-right: 15px; padding-left: 10px; } +.search-cart .shpping-cart { display: inline-block; } +.shpping-cart a { position: relative; } +.shpping-cart strong.item { display: block; position: absolute; top: -7px; left: auto; right: -8px; font-size: 10px; color: #ffffff; width: 16px; height: 16px;line-height: 16px; text-align: center; background-color: #5E9ECA; border-radius: 50%; } + + /*search*/ + .search .search-btn { display: block; height: 20px; line-height: 21px; position: relative; text-indent: -9999px; width: 14px; color: #ffffff; -o-transition: color 300ms ease 0s; -moz-transition: color 300ms ease 0s; -ms-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s; transition: color 300ms ease 0s; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } + .search .search-btn:before { content: ""; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; left: 0; position: absolute; text-indent: 0; top: 0; } + .search .search-btn:hover { color: #5E9ECA; } + .search.search-open .search-btn:before { content: ""; } + .search-box { background: #fff; display: block; margin: 0; opacity: 0 !important; padding: 15px; position: absolute; right: 0; top: 100%; transition: visibility 300ms ease 0s, opacity 300ms ease 0s; visibility: hidden; width: 327px; z-index: 888; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; transform-origin: 0 0; transition: all 400ms ease; } + .search.search-open .search-box { opacity: 1 !important;visibility: visible !important; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); box-shadow: 0 0 50px rgba(0,0,0,.1); } + .search .search-box input { background: transparent; border:1px solid #eceff8; padding-left: 15px; border-radius: 3px; } + .search .search-box input:focus { background: transparent; border:1px solid #eceff8; } + .search .search-box i { cursor: pointer; font-size: 15px; position: absolute; right: 27px; top: 31px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } + .search .search-box i:hover { color: #5E9ECA; } + +/*cart*/ +.cart { opacity: 0; visibility: hidden; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,.1); position: absolute; right: 0; margin-top: 0px; right: 0; width: 300px; border: 1px solid #eceff8; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; + transform-origin: 0 0; transition: all 400ms ease;} +.cart.cart-open {-webkit-transform: rotateX(0deg); transform: rotateX(0deg);opacity: 1; visibility: visible; } +.cart:before { bottom: 100%; right: 8px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(194, 225, 245, 0); + border-bottom-color: #fff; border-width: 6px; margin-left: -8px; } +.cart-title { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; } +.cart-item { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; position: relative; } +.cart-item .cart-image { display: table-cell; padding-right: 15px; } +.cart-item .cart-image img { height: 40px; } +.cart-item .cart-name { display: table-cell; vertical-align: top; } +.cart-item .cart-name a { display: block; color: #323232; } +.cart-item .cart-name a:hover { color: #5E9ECA; } +.cart-item .cart-name span { color: #323232; display: inline-block; } +.cart-item .cart-name strong { padding-left: 30px; } +.cart-price del { font-size: 14px; background: transparent; color: #323232; padding-left: 0; } +.cart-price ins { text-decoration: none; color: #5E9ECA; font-size: 16px;font-weight: bold; } +.cart-total { padding: 20px; text-align: center; background: #f7f7f7; } +.cart-total h6 { text-align: center; } +.cart-total a { display: inline-block; margin-top: 20px; padding: 6px 18px; margin: 0; } +.cart-total a.button { display: inline-block; } +.cart-total .button + .button { margin: 0; } +.cart-item .cart-close { position: absolute; right: 20px; top: 20px; } +.cart-item .cart-close a { font-size: 14px; } +.cart-item .cart-close a:hover { color: #323232; } + +/*mega-menu */ +.mega-menu .menu-logo { padding: 25px 0 25px; } +.mega-menu .menu-logo img { height: 40px; } +.mega-menu .drop-down-multilevel.right-menu { right: 0px; } +.mega-menu > section.menu-list-items { padding: 0; } +.mega-menu .menu-links > li > a { text-transform: uppercase; font-size: 16px; font-weight: 600; line-height: 20px; } +.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; } +.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down a { color: #323232; } +.mega-menu .menu-links > li.active .drop-down li.active a { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down a:hover { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down li.active a i { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down a i:hover { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; } +.mega-menu .row { margin-left: 0px; margin-right: 0px; } +.mega-menu .col-md-12 { padding-left: 0px; padding-right: 0px; } +.mega-menu.desktopTopFixed .menu-logo { padding: 0px; } +.mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } +.mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } + +/*fullWidth*/ +.header.fullWidth .container-fluid { padding: 0 60px; } + +/*light*/ +.header.light { background: #ffffff; position: relative; border-bottom: 3px solid #006EBD;} +.header.light .topbar ul li { color: #333; } +.header.light .topbar ul li a { color: #333; } +.header.light .mega-menu .menu-links > li > a { color: #333; } +.header.light .mega-menu .menu-links > li > a:hover { color: #5E9ECA; font-weight: bold;} +.header.light .mega-menu .menu-links > li.active > a { color: #5E9ECA; font-weight: bold;} +.header.light .topbar {/*background-color:#e8e8e8;*/ border-bottom: 1px solid #d1d1d1;} +.header.light .search-cart i.icon { color: #323232; } +.header.light .search-cart i.icon:hover { color: #5E9ECA; } +.header.light .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; border-bottom: 3px solid #006EBD;} +.header.light .search .search-btn { color: #323232; } +.header.light .search .search-btn:hover { color: #5E9ECA; } + +/*dark*/ +.header.dark { background: #323232; position: relative; } +.header.transparent { background: rgba(0, 0, 0, 0.4); position: absolute; width: 100%; z-index: 999; } + +/*left-menu*/ +.header.left-menu .menu-bar { float: none; } +.header.left-menu .menu-links { padding-left: 30px; } +.header.left-menu .search-cart { float: right; } + +/*logo-center*/ +.header.logo-center .mega-menu { min-height: 170px; } +.header.logo-center .menu-logo { float: none; display: block; text-align: center; } +.header.logo-center .mega-menu .menu-logo > li > a { float: none; } +.header.logo-center .mega-menu .menu-logo > li { float: none; } +.header.logo-center .mega-menu img { float: none; margin: 0 auto; } +.header.logo-center .menu-bar { float: none; } +.header.logo-center .search-cart { float: right; } +.header.logo-center .mega-menu.desktopTopFixed .menu-logo { float: left; display: inline-block; } +.header.logo-center .mega-menu.desktopTopFixed .menu-logo > li > a { float: left; } +.header.logo-center .mega-menu.desktopTopFixed img { float: left; margin: 0 auto; } +.header.logo-center .mega-menu.desktopTopFixed .menu-bar { float: right; border-top: 0px solid rgba(0, 0, 0, 0.1); } +.header.logo-center .mega-menu.desktopTopFixed .search-cart { float: right; } + +/*fancy */ + +.header.fancy { background: transparent; position: relative; border-bottom: 0; } +.header.fancy .topbar { background: #5E9ECA; padding: 15px 0px 70px; } +.header.fancy .topbar .topbar-right li a:hover { color: #323232; } +.header.fancy .search-cart i.icon { color: #323232; line-height: 20px; } +.header.fancy .topbar-call ul li i { color: #ffffff; } +.header.fancy .mega-menu .menu-logo { padding: 26px 0px; } +.header.fancy .menu { position: absolute; width: 100%; top: 30px; } +.header.fancy .topbar + .menu { top: 60px; } +.header.fancy .mega-menu > section.menu-list-items { background: #ffffff; padding: 0px 25px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } +.header.fancy .mega-menu.desktopTopFixed > section.menu-list-items { border-bottom: 1px solid #f6f6f6; } +.header.fancy .topbar ul li a:hover { color: #323232;} + +.header.fancy .mega-menu .menu-links > li > a { color: #323232; line-height: 20px; } +.header.fancy .mega-menu .menu-links > li > a:hover { color: #5E9ECA; } +.header.fancy .mega-menu .menu-links > li.active > a { color: #5E9ECA; } +.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #ffffff; } +.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #323232; } +.header.fancy .mega-menu.desktopTopFixed .menu-logo { padding: 0; } +.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 20px; } +.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } +.header.fancy .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } +.header.fancy .search-cart i.icon:hover { color: #5E9ECA; } +.header.fancy .search .search-btn { color: #323232; } +.header.fancy .search .search-btn:hover { color: #5E9ECA; } +.header.fancy .mega-menu.desktopTopFixed .drop-down.grid-col-5 { width: 21.66666666666667%; } +.header.fancy .search-box { margin-top: -6px; } + +/*fancy without-topbar*/ +.header.fancy.without-topbar .menu { top: 30px; } +.header.burger .menu-icon { font-size: 30px; color: #323232; } +.header.burger .menu-icon:hover { color: #5E9ECA; } +.header.burger { position: absolute; z-index: 999; width: 100%; padding: 30px 30px; } +.header.burger .logo { display: inline-block; } +.header.burger .logo img { height: 50px; } + +/*side-menu-icon*/ +.side-menu-icon { display: inline-block; } +.side-menu-icon .menu-icon { font-size: 16px; color: #ffffff; padding-left: 15px; } +.side-menu-icon .menu-icon:hover { color: #5E9ECA; } + +/************************* + header text-dark +*************************/ +.header.text-dark .topbar ul li { color: #323232; } +.header.text-dark .topbar ul li a { color: #323232; } +.header.text-dark .topbar ul li a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li > a { color: #323232; } +.header.text-dark .mega-menu .menu-links > li > a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active > a { color: #5E9ECA; } +.header.text-dark .topbar { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } +.header.text-dark .search-cart i.icon { color: #323232; } +.header.text-dark .search-cart i.icon:hover { color: #5E9ECA; } +.header.text-dark .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; } +.header.text-dark .search .search-btn { color: #323232; } +.header.text-dark .search .search-btn:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .drop-down-multilevel { background: #323232; } +.header.text-dark .mega-menu .drop-down.menu-bg, .header.text-dark .mega-menu .drop-down-tab-bar { background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png); + background-repeat: no-repeat; background-position: 120% 0; } +.header.text-dark .mega-menu .drop-down, .header.text-dark .mega-menu .drop-down-tab-bar { background: #323232; } +.header.text-dark .mega-menu .drop-down a, .header.text-dark .mega-menu .drop-down-tab-bar a { color: #ffffff; } +.header.text-dark .mega-menu .drop-down i.fa, .header.text-dark .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; } +.header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.text-dark .mega-menu .drop-down-multilevel a { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel li:hover { background: #282828; } +.header.text-dark .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important; background-repeat: no-repeat; background-position: right;} +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; + background: #282828; } +.header.text-dark .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; } +.header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #5E9ECA; } +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #5E9ECA; } +/*dark-dropdown*/ +.header.dark-dropdown .mega-menu .drop-down-multilevel { background: #323232; } +.header.dark-dropdown .mega-menu .drop-down.menu-bg, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png); + background-repeat: no-repeat; background-position: 120% 0; } +.header.dark-dropdown .mega-menu .drop-down, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: #323232; } +.header.dark-dropdown .mega-menu .drop-down a, .header.dark-dropdown .mega-menu .drop-down-tab-bar a { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.dark-dropdown .mega-menu .drop-down-multilevel a { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel li:hover { background: #282828; } +.header.dark-dropdown .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important; background-repeat: no-repeat; background-position: right;} +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; + background: #282828; } +.header.dark-dropdown .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #5E9ECA; } +/*label*/ +.header .label.label-default, .header .label.label-primary, .header .label.label-success, .header .label.label-info, .header .label.label-warning, .header .label.label-danger { color: #fff; padding: 0px 5px; line-height: 14px; display: inline-block; } + + +/************************* + one page +*************************/ +header.one-page { position: absolute; width: 100%; z-index: 999; } +.navbar-inverse { background: transparent; border: 0; } +.navbar-brand { height: auto; padding: 25px 0; } +.navbar .navbar-brand img { height: 40px; } +.navbar { min-height: 80px; } +.navbar-nav { float: right; } +.navbar-inverse .navbar-nav>li { padding: 35px 15px; } +.navbar-inverse .navbar-nav>li>a { color: #ffffff; padding: 0; text-transform: capitalize; } +.navbar-inverse .navbar-nav>li>a:hover { color: #5E9ECA; } +.navbar.affix { width: 100%; background: #323232; } +.navbar.affix { width: 100%; background: #323232; } +.navbar { min-height: inherit !important; } +.navbar.affix .navbar-brand img { height: 30px; } +.navbar.affix .navbar-brand { padding: 15px 0; } +.navbar.affix .navbar-nav>li { padding: 20px 15px; } + .navbar-nav>li>a { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } + +/*vertical-header*/ +.vertical-header .container-fluid { padding: 0 80px; } +.menu-responsive { display: none; } +.vertical-header .navbar { overflow-y: scroll; overflow-x: hidden; height: 100%;} +.vertical-header { padding-left: 260px; } +.header.vertical-menu { position: fixed; left: 0; top: 0; width: 260px; min-height: 100%; background: #212121; z-index: 999; -o-transition: all 1s; -webkit-transition: all 1s; + transition: all 1s; } +.header.vertical-menu .menu-bar { float: none; } +.mega-menu.vertical-left, .mega-menu.vertical-right { float: none; } +.menu-widgets { position: absolute; bottom: 20px; } +.menu-widgets .social-icons.border li a { border:2px solid; line-height: 30px; } +.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #5E9ECA; } +header.one-page.vertical-menu { position: fixed; left: 0; top: 0; height: 100%; background: #212121; width: 260px; padding: 30px; } +header.one-page.vertical-menu .navbar-header { float: none; margin-bottom: 20px; } +header.one-page.vertical-menu .navbar-nav { float: none; } +header.one-page.vertical-menu .navbar-nav>li { display: block; float: none; } +header.one-page.vertical-menu .navbar-inverse .navbar-nav>li { padding: 15px 0px; } +header.one-page.vertical-menu .navbar-collapse { padding: 0; } +header.one-page.vertical-menu .menu-widgets { padding: 0px; } + +header.one-page.light { position: relative; background: #ffffff; } +header.one-page.light .navbar { margin-bottom: 0; } +header.one-page.light .navbar-inverse .navbar-nav>li>a { color: #323232; } +header.one-page.light .navbar-inverse .navbar-nav>li>a:hover { color: #5E9ECA; } +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #5E9ECA; } + +header.one-page.light .navbar-inverse .navbar-collapse, header.one-page.light .navbar-inverse .navbar-form { background: #ffffff; } +header.one-page.light .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a { padding: 5px 10px; -o-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; } +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #5E9ECA; -webkit-box-shadow: inset 178px 0px 0px 0px #5E9ECA; -o-box-shadow: inset 178px 0px 0px 0px #5E9ECA; -ms-box-shadow: inset 178px 0px 0px 0px #5E9ECA; -moz-box-shadow: inset 178px 0px 0px 0px #5E9ECA; color: #fff; transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -moz-transition: all 0.9s ease-in; -ms-transition: all 0.9s ease-in; -o-transition: all 0.9s ease-in; } + +.one-page.nav-center .navbar-collapse.collapse { text-align: center; } +.one-page.nav-center .navbar-nav { float: none; display: inline-block; } +.one-page.transparent { background: rgba(0, 12, 27, 0.5); } +.one-page.transparent .navbar { margin-bottom: 0; } + +/*dark-text*/ +.one-page.dark-text .navbar-inverse .navbar-nav>li>a { color: #323232; } +.one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #d12326; } +.one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover { color: #d12326; } +.one-page.dark-text .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } + +/*mega menu vertical*/ +.vertical-menu .menu .menu-logo { padding: 50px 20px; } +.vertical-menu .menu .mega-menu .menu-links > li > a { padding: 0 23px; } +.vertical-menu .menu-widgets { padding: 20px; } + + @media (min-width: 1101px) { +.mega-menu { min-height: inherit; } +.mega-menu > section.menu-list-items { float: none; } +.mega-menu > section.menu-list-items > .container, +.mega-menu > section.menu-list-items > .container > .row, +.mega-menu > section.menu-list-items > .container > .row > div { height: 100%; } +.mega-menu > section.menu-list-items .menu-bar { height: 100%; } +.mega-menu > section.menu-list-items .menu-bar > ul{ display: table !important; height: 100%; } +.mega-menu > section.menu-list-items .menu-bar > ul > li { display: table-cell; vertical-align: middle; float: none; } +.mega-menu .drop-down, .mega-menu .drop-down-tab-bar, .mega-menu .drop-down-multilevel { top: 100%; } +.mega-menu > section.menu-list-items .search-cart { height: 100%; } +.mega-menu > section.menu-list-items .search-cart .search { vertical-align: middle; display: table; height: 100%; float: left; } +.header .search .search-btn { display: table-cell; vertical-align: middle; position: relative; width: 10px; float: none; clear: both; height: 100%; } +.search .search-btn:before { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } +.search-cart .shpping-cart { display: table; float: left; height: 100%; } +.shpping-cart a { position: relative; display: table-cell; vertical-align: middle; } +.shpping-cart strong.item { display: block; position: absolute; top: 50%; border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); margin-top: -10px; } +.cart { top: 100%; } +.mega-menu > section.menu-list-items > .container-fluid, +.mega-menu > section.menu-list-items > .container-fluid > .row, +.mega-menu > section.menu-list-items > .container-fluid > .row > div { height: 100%; } +.logo-center .mega-menu > section.menu-list-items .menu-bar > ul { height: auto; } +.logo-center .mega-menu > section.menu-list-items .menu-bar > ul > li { display: inline-block; } +.logo-center .mega-menu > section.menu-list-items .search-cart { height: auto; } +.logo-center .mega-menu > section.menu-list-items .menu-bar { height: auto; } +.logo-center .mega-menu .drop-down, .logo-center .mega-menu .drop-down-tab-bar, .logo-center .mega-menu .drop-down-multilevel { top: auto; } +.logo-center .mega-menu .menu-links > li > a { line-height: 72px; } +.logo-center.header .search .search-btn { line-height: 72px; } +.logo-center .search-cart i.icon { line-height: 72px; } +.logo-center .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 60px; } +.logo-center .mega-menu.desktopTopFixed .search .search-btn { line-height: 60px; } +.logo-center .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 60px; } +.logo-center .search .search-btn:before { top: inherit; transform: inherit; } +.logo-center .search-cart .shpping-cart { float: right; } + +.vertical-menu .mega-menu > section.menu-list-items .menu-bar { height: auto; } +.vertical-menu .mega-menu > section.menu-list-items .menu-bar > ul > li { display: block; } +.search-cart .side-menu-icon { display: table; float: left; height: 100%; } +.side-menu-icon .menu-icon { position: relative; display: table-cell; vertical-align: middle; } + +.header.light .mega-menu { min-height: 90px; } + +} + +/************************************* + Slider (all home page main sliders ) + **************************************/ +.rev-slider { overflow: hidden; position: relative; } + + + /*slider 10*/ +#rev_slider_14_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; } + #rev_slider_14_1 .zeus .tp-bullet{box-sizing:content-box; -webkit-box-sizing:content-box; border-radius:60%; background-color:rgba(255,255,255,0.5); -webkit-transition:opacity 0.3s ease; transition:opacity 0.3s ease; width:14px;height:14px; border:0px solid rgb(255,201,4)}#rev_slider_14_1 .zeus .tp-bullet:after{content:""; position:absolute; width:100%; height:100%; left:0; border-radius:60%; background-color:rgb(255,201,4); -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:-webkit-transform 0.3s ease; transition:transform 0.3s ease}#rev_slider_14_1 .zeus .tp-bullet:hover:after,#rev_slider_14_1 .zeus .tp-bullet.selected:after{-webkit-transform:scale(1.2); transform:scale(1.2)}#rev_slider_14_1 .zeus .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{width:135px; height:60px; position:absolute; background:#000; background:rgba(0,0,0,0.5); bottom:13px; margin-bottom:10px; transform:translateX(-50%); -webkit-transform:translateX(-50%); box-sizing:border-box; background-size:cover; background-position:center center; visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; border-radius:4px}#rev_slider_14_1 .zeus .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(-50%); -webkit-transform:translateX(-50%)}#rev_slider_14_1 .zeus .tp-bullet-title{color:rgb(255,255,255); text-align:center; line-height:15px; font-size:13px; font-weight:600; z-index:3; visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; position:absolute; bottom:45px; width:135px; vertical-align:middle}#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-imageoverlay{opacity:1; visibility:visible; -webkit-transform:translateY(0px) translateX(-50%); transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{bottom:auto; margin-right:10px; margin-bottom:0px; right:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title{bottom:auto; right:100%; margin-right:10px}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-imageoverlay{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{bottom:auto; margin-left:10px; margin-bottom:0px; left:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title{bottom:auto; left:100%; margin-left:10px}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{bottom:auto; top:13px; margin-top:10px; margin-bottom:0px; left:0px; transform:translateY(0px) translateX(-50%); -webkit-transform:translateX(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet:hover .tp-bullet-image{transform:scale(1) translateY(0px) translateX(-50%); -webkit-transform:scale(1) translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateY(0px) translateX(-50%); -webkit-transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title{bottom:auto; top:13px; margin-top:20px} +#rev_slider_14_1 .uranus.tparrows{width:50px; height:50px; background:rgba(255,255,255,0)}#rev_slider_14_1 .uranus.tparrows:before{width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s}#rev_slider_14_1 .uranus.tparrows:hover:before{opacity:0.75} + + +/************************************* + slider-parallax one page +**************************************/ +.slider-parallax { height: 86vh; position: relative; } +.slider-content-middle { position: absolute; display: inline-block; width: 100%; top: 50%; left: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); + -ms-transform: translate(0,-50%);-o-transform: translate(0,-50%); transform: translate(0,-50%); } +/*scroll-down*/ +.scroll-down { text-align: center; width: 34px; height: 58px; display: inline-block; border-radius: 20px; border:2px solid #fff; position: absolute; left: 50%; bottom: 60px; +margin-left: -17px; line-height: 50px; } +.scroll-down i { height: 10px; width: 4px; background: #fff; display: inline-block; border-radius: 3px; -webkit-animation-name:fadebounce; -moz-animation-name:fadebounce; -ms-animation-name:fadebounce; -o-animation-name:fadebounce; animation-name:fadebounce; -webkit-animation-duration:3s; -moz-animation-duration:3s; -ms-animation-duration:3s; -o-animation-duration:3s; + animation-duration:3s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; + animation-iteration-count:infinite; } +@-moz-keyframes fadebounce { +0% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; } +50% { -moz-transform:translateY(25px); transform:translateY(25px); opacity:1; } +100% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@-webkit-keyframes fadebounce { +0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } +50% { -webkit-transform:translateY(25px); transform:translateY(25px); opacity:1; } +100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@-o-keyframes fadebounce { +0% { -o-transform:translateY(0); transform:translateY(0); opacity:1; } +50% {-o-transform:translateY(25px);transform:translateY(25px);opacity:1; } +100% {-o-transform:translateY(0);transform:translateY(0);opacity:1; } +} +@-ms-keyframes fadebounce { +0% { -ms-transform:translateY(0); transform:translateY(0); opacity:1; } +50% {-ms-transform:translateY(25px);transform:translateY(25px);opacity:1; } +100% {-ms-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@keyframes fadebounce { +0% { transform:translateY(0); opacity:1; } +50% {transform:translateY(25px);opacity:1; } +100% {transform:translateY(0);opacity:1; } +} + +/*personal-typer-banner*/ + .personal-typer-banner span.sub-text { font-size: 22px; line-height: 22px; margin-bottom: 16px; display: block; } + .personal-typer-banner b { border-bottom: 2px solid #5E9ECA; } + .personal-typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; color: #5E9ECA; } + .personal-typer-banner h1 span { color: #ffffff; font-size: 50px; display: inline-block; transform: rotate(-90deg); line-height: 50px; position: relative; top: -11px; left: -20px; } + .personal-typer-banner h2 { border-left: 3px solid #5E9ECA; padding-left: 10px; margin-top: 20px; } + +/*typer-banner*/ +.typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; } +.typer-banner p { font-size: 22px; line-height: 22px; } +.slider-content .typer { color: #5E9ECA !important; } + +/*popup-video-banner*/ +.popup-video-banner h1 { font-size:60px; line-height:80px; font-weight: 400; } +.popup-video-banner a span{ margin-left: 6px; width: 50px; height: 50px; line-height: 50px; display: inline-block; text-align: center; background: #ffffff; color: #5E9ECA; border-radius: 50%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } +.popup-video-banner a:hover span { background: #5E9ECA; color: #ffffff; } +.popup-video-banner a strong { padding-left:10px; display: inline-block; } + + /*video-background-banner*/ +#video-background.bg-overlay-black-50:before { z-index: 0; } +.video-background-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; text-transform: uppercase; } +.video-background-banner .slider-content { border:20px solid #5E9ECA; width: 50%; margin: 0 auto; padding: 60px 30px; } +.video-background-banner .slider-content span { font-size: 22px; line-height: 22px; color: #ffffff; display: block; margin-bottom: 20px; } +.video-background-banner .slider-content p { font-size: 18px; line-height: 22px; color: #ffffff; margin-top: 20px; } + +/* portfolio-banner*/ +.portfolio-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; } +.portfolio-banner .slider-content { background: #ffffff; width: 50%; margin: 0 auto; padding: 60px 30px; box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.02); } +.portfolio-banner .slider-content span { text-transform: uppercase; letter-spacing: 10px; font-size: 18px; line-height: 18px; display: block; margin-bottom: 20px; font-weight: 600; } +.portfolio-banner .slider-content span i { line-height: 20px; } +.portfolio-banner .slider-content h1 { font-size: 70px; margin-bottom: 0; } + + /************************************* + Background + **************************************/ +/*images background*/ + .white-bg { background: #fff; } + .gray-bg { background: #666; } + .dark-gray-bg { background: #666666; } + .theme-bg { background: #5E9ECA; } + .black-bg { background: #323232; } + .dark-theme-bg { background: #050801; } + + .bg-overlay-black-10:before { background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-20:before { background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-30:before { background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-40:before { background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-50:before { background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-60:before { background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-70:before { background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-80:before { background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-90:before { background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-10:before { background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-20:before { background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-30:before { background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-40:before { background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-50:before { background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-60:before { background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-70:before { background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-80:before { background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-90:before { background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-20:before { background: rgba(132,186,63, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-50:before { background: rgba(132,186,63, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-70:before { background: rgba(132,186,63, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-90:before { background: rgba(132,186,63, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-10, .bg-overlay-black-20, .bg-overlay-black-30, .bg-overlay-black-40, .bg-overlay-black-50, .bg-overlay-black-60, .bg-overlay-black-70, .bg-overlay-black-80, .bg-overlay-black-90, .bg-overlay-white-10, .bg-overlay-white-20, .bg-overlay-white-30, .bg-overlay-white-40, .bg-overlay-white-50, .bg-overlay-white-60, .bg-overlay-white-70, .bg-overlay-white-80, .bg-overlay-white-90, .bg-overlay-theme-20, .bg-overlay-theme-50, .bg-overlay-theme-70, .bg-overlay-theme-90, { position: relative; } + + +/************************************* + home page section + **************************************/ +.our-service-home { padding-bottom: 230px; } +.custom-content { margin-top: -220px; background: #5E9ECA; position: relative; z-index: 9; padding: 50px;} + +/************************************* + decolines + **************************************/ +.decolines { pointer-events: none; position: absolute; width: 100%; height: 100%; top: 0;left: 0; pointer-events: none; } +.decolines--fixed { position: fixed; width: 100vw;height: 100vh; } +.decoline { position: absolute; } + +/************************************* + feature step + **************************************/ +.feature-step h1 { font-size: 60px; } +.feature-step h3 { font-weight: 300; margin: 30px 0px 20px; } +.feature-step a { font-size: 14px; color: #5E9ECA; } +.feature-step a:hover { color: #323232; } + +.feature-step-2-box { padding: 70px 30px; z-index: 99; position: relative; } +.feature-step-2.bg-01 { background: url(../images/blog/05.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-02 { background: url(../images/blog/06.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-03 { background: url(../images/blog/09.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-overlay-black-50:before { z-index: 0; } +.feature-step-2 .feature-step-2-title-left h1 { font-size: 75px; line-height: 60px; color: #ffffff; } +.feature-step-2 h3 { margin-bottom: 0; } +.feature-step-2 h2{font-weight: 200; position: relative; padding-bottom: 10px; font-size: 28px; } +.feature-step-2 img {display: block; width: 100%;} +.feature-step-2 .button { margin-top: 20px; } +.feature-step-2 .feature-step-2-title-left {opacity: 0.5; display: table-cell; padding-right: 26px; } +.feature-step-2-title-2-right { display: table-cell; vertical-align: top; } +.feature-step-2.black-bg .feature-step-2-box, .feature-step-2.theme-bg .feature-step-2-box{position: inherit; top: inherit; transform: inherit; display: inline-block;} +.service-blog { padding-top: 50px; padding-right: 25px; margin-bottom: 100px; } +.service-blog p { position: relative; z-index: 9; margin-top: 20px; margin-bottom: 20px; } +.service-blog b {position: absolute; z-index: 0; top: -35px; font-family: 'Poppins', sans-serif; right: -35px; font-size:300px; color: #dde1eb; line-height: normal; opacity: 0.3;} +.service-blog ul { border-right: 6px solid #5E9ECA; padding-right: 20px; } +.service-blog li { color: #626262; font-size: 16px; line-height: 22px; padding: 2px 0 7px; } +.service-blog.left b{left:-35px; right: inherit;} +.service-blog.left ul{border-left:6px solid #5E9ECA;border-right:0 none;padding-left:20px;padding-right:0;} +/*split-section*/ +.split-section { position: relative; z-index: 10; } +.split-section .img-holder { position: absolute; top: 0; width: 100%; height: 100%; } +.split-section .img-side.img-right { right: 0; } +.split-section .img-side.img-left { left: 0; } +.split-section .img-side { right: 0; padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100; } + .our-awesome-core .img-side { top: 20px; } + + /************************************* + about us + **************************************/ +.who-we-are-left .owl-carousel .owl-dots { bottom: 26px; position: absolute; } +.who-we-are-left .owl-carousel.owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; border-radius: 50%; } + + /************************************* + resume + **************************************/ +.resume-page .container-fluid { padding: 0 70px; } +.resume-block .resume-icon { float: left; margin-right: 30px; } +.resume-block .resume-icon span { font-size: 30px; line-height: 50px; color: #5E9ECA; } +.resume-block .resume-name { display: table-cell; } +.resume-block .resume-name span { color: #9ea8b6; font-size: 16px; } +.resume-contact #map { padding-top: 120%; } +.resume-contact .contact-form-main { padding: 80px 80px; } +.resume-contact .footer-widget-social a i { color: #ffffff; background: rgba(43, 43, 43, 0.12); width: 45px; height: 45px; line-height: 45px; } +.resume-contact .footer-widget-social a i:hover { background: rgba(43, 43, 43, 0.19); } + + /************************************* + portfolio + *************************************/ + .isotope-filters { display: table; margin:0px 0px 30px 0px; text-align: left; } +.isotope-filters.text-left { display: block; margin: 0px 0px 30px 0px; text-align: left; } +.isotope-filters button { margin: 4px; cursor: pointer; padding: 6.5px 16px; font-size: 14px; background: transparent; border-radius: 18px; color: #363636; font-weight: 600; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } +.isotope-filters button:focus { outline: none; outline-style: none; outline-offset:0; } +.isotope-filters button.active, .isotope-filters button:hover { background: #5E9ECA; color: #fff; border-color: #5E9ECA; } +.isotope-filters button+button { margin-left: px; background-color: #fff; } +.isotope, .masonry { margin: 0 -15px 0 0; } +.isotope .grid-item img { width: 100%; } +.isotope.columns-1 .grid-item { width: 100%; padding: 0 15px 15px 0; } +.isotope.columns-2 .grid-item { width: 50%; padding: 0 15px 15px 0; } +.isotope.columns-3 .grid-item { width: 33.33333333%; padding: 0 15px 15px 0; } +.isotope.columns-4 .grid-item { width: 25%; padding: 0 15px 15px 0; } +.isotope.columns-5 .grid-item { width: 20%; padding: 0 15px 15px 0; } +.isotope.no-padding .grid-item { padding: 0 !important; } +.masonry.no-padding .masonry-item { padding: 0 !important; } +.masonry .masonry-item img { width: 100%; } +.masonry.columns-2 .masonry-item { width: 50%; padding: 0 15px 15px 0; } +.masonry.columns-3 .masonry-item { width: 33.33333333%; padding: 0 15px 15px 0; } +.masonry.columns-4 .masonry-item { width: 25%; padding: 0 15px 15px 0; } +.masonry.columns-5 .masonry-item { width: 20%; padding: 0 15px 15px 0; } +.isotope.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.isotope.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } +.isotope.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.isotope.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } +.masonry.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.masonry.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } +.masonry.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.masonry.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } + + /************************************* + portfolio item + **************************************/ +.portfolio-title { padding: 100px 60px 30px; } +.portfolio-title span { display: block; } +.portfolio-item { width: 100%; position: relative; overflow: hidden; color: #fff; border: 0; position: relative; } +.portfolio-item img { width: 100%; -webkit-transition: -ms-transform 0.35s; -o-transform 0.35s; -moz-transform 0.35s; transition: transform 0.35s; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;} +.portfolio-item .portfolio-overlay { width: 100%; background: #5E9ECA; padding: 10px 0px; position: absolute; bottom:-80px; display: block; margin-top: 0; float: left; z-index: 9; text-align: left; padding-left: 20px; left: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item .portfolio-overlay h4 { font-weight: 600; margin-bottom: 5px; } +.portfolio-item .portfolio-overlay a:hover { color: #323232; } +.portfolio-item .portfolio-overlay span { font-weight: 400; font-size: 14px; } +.portfolio-item .portfolio-overlay span a { color: #ffffff; } +.portfolio-item .portfolio-overlay span a:hover { color: #323232; } +.portfolio-item a.popup{position: absolute; right: 20px; top: -20px; color: #fff; z-index: 9; display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 40px; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;} +.portfolio-item a.popup:hover { background: #5E9ECA; color: #ffffff; } +.portfolio-item:hover img { -webkit-transform:scale(1.20); -moz-transform:scale(1.20); -ms-transform:scale(1.20); -o-transform:scale(1.20); transform:scale(1.20); } +.portfolio-item:hover a.popup{ opacity: 1; top: 20px; } +.portfolio-item:before { content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-size: 115%; + -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.7s cubic-bezier(.68,.11,.13,.98); + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.owl-carousel .owl-item .portfolio-item img { width: 100%; } + .portfolio-item.only-popup { width: 100%; text-align: center; } + .portfolio-item.only-popup a.popup { display: inline-block; left: 50%; margin-left: -20px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } +.portfolio-item:hover .portfolio-overlay { bottom: 0; } +/* no-title */ +.no-title .portfolio-item .portfolio-overlay { position: inherit; bottom: inherit; background: #f6f7f8; } +.no-title .portfolio-item .portfolio-overlay a, .no-title .portfolio-item .portfolio-overlay span { color: #323232; } +.no-title .portfolio-item .portfolio-overlay a:hover { color: #5E9ECA; } + /*portfolio pupup*/ + .mfp-bottom-bar { display: none; } +.portfolio-home .isotope { margin-bottom: 0; } + +/************************************* + portfolio-item-2 +**************************************/ +.portfolio-item-2 { width: 100%; overflow: hidden; position: relative; } +.portfolio-item-2:before { background: transparent; } +.portfolio-item-2 .portfolio-hover { padding: 20px; position: absolute; z-index: 99; bottom: 0px; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-name { position: absolute; bottom: -10px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-name span { font-size: 14px; color: #fff; display: block; } +.portfolio-item-2 .portfolio-hover .hover-name a { font-size: 22px; text-transform: uppercase; color: #fff; display: block; margin-top: 5px; } +.portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #5E9ECA; } +.portfolio-item-2 .portfolio-hover .hover-icon { position: absolute; bottom: -10px; right: 30px; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-icon a { color: #fff; } +.portfolio-item-2 .portfolio-hover .hover-icon a:hover { color: #5E9ECA; } +.portfolio-item-2:hover .portfolio-hover { opacity: 1; background: rgba(0, 0, 0, 0.9); } +.portfolio-item-2 img { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } +.portfolio-item-2:hover img { opacity: 0.1; -webkit-transform:scale(1.10); -moz-transform:scale(1.10); -ms-transform:scale(1.10); -o-transform:scale(1.10); transform:scale(1.10); } +.portfolio-item-2:hover .portfolio-hover .hover-name { bottom: 30px; } +.portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: 40px; } +.no-title .portfolio-item-2 { overflow: visible; } +.no-title .portfolio-item-2 .portfolio-hover { position: inherit; border: inherit; opacity: 1; background: #f6f7f8; clear: both; } +.no-title .portfolio-item-2:hover .portfolio-hover { bottom: inherit; background: inherit; background: #f6f7f8; } +.no-title .portfolio-item-2 .portfolio-hover .hover-name { bottom: inherit; position: inherit; display: inline-block; clear: both; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon { bottom: inherit; position: inherit; display: inline-block; float: right; padding-top: 20px; text-align: right;} +.no-title .portfolio-item-2:hover .portfolio-hover .hover-name { bottom: inherit; } +.no-title .portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: inherit; } +.no-title .portfolio-item-2:hover img { opacity: 1; -webkit-transform:inherit; -moz-transform:inherit; -ms-transform:inherit; -o-transform:inherit; transform:inherit; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon a, .no-title .portfolio-item-2 .portfolio-hover .hover-name span, .no-title .portfolio-item-2 .portfolio-hover .hover-name a { color: #323232; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .no-title .portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #5E9ECA; } + + /************************************* + Portfolio single page +**************************************/ + /*tags*/ +.tags h5 { display: inline-block; padding-right: 20px; } +.tags ul { display: inline-block; } +.tags li { display: inline-block; } +.tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } + +/*share*/ +.share .social ul { display: inline-block; } +.share .social ul li { display: inline-block; padding: 0px 6px; } +.share .social ul li a:hover { color: #353535; } + +/*port-meta*/ +.port-meta ul { margin-bottom: 30px; } +.port-meta li { margin-bottom: 20px; font-size: 16px; } +.port-meta li b { color: #5E9ECA; width: 200px; font-weight: 400; width: 100px; display: inline-block; } +.port-meta li span { font-weight: normal; } +.port-info p { margin-bottom: 0px; } + +/*port-navigation*/ +.port-navigation { padding: 20px 0; border-bottom:1px dashed #d0d0d0; border-top: 1px dashed #d0d0d0;} +.port-navigation a { color: #626262; } +.port-arrow { height: 74px; width: 40px; text-align: center; background: #f7f7f7; display: inline-block;} +.port-arrow i { text-align: center; font-size: 25px; line-height: 75px;} +.port-photo { width: 124px; height: 77px; display: inline-block; } +.port-photo img { width: 100%; } + +/*port-post*/ +.port-post { background: #f7f7f7; padding: 15px; } +.port-post-photo { width: 170px; display: inline-block; float: left; margin-right: 20px; } +.port-post-photo img { width: 100%; } + +/*port-post-info*/ +.port-post-info { padding-left: 190px;} +.port-post-info h3 { display: inline-block; font-size: 24px; } +.port-post-info span { color: #626262; } +.port-post-social strong { font-size: 14px; } +.port-post-social a { color: #626262; margin-left: 8px; font-size: 14px; } +.port-post-social a:hover { color: #5E9ECA; } +.port-post-info p { margin-top: 10px; } +.port-singal .owl-carousel .owl-item img { width: 100%; } + +/************************************* + Our Blog + **************************************/ + /*Blog 1*/ +.blog-box { padding: 30px; border:1px solid #ddd; position: relative; z-index: 1; } +.blog-info { position: relative; z-index: 9; } +.blog-info span { color: #626262; font-size: 14px; margin-right: 6px; } +.blog-info h4 { font-weight: 600; font-size: 18px;} +.blog-box .post-format-icon{text-align: right; position: relative; z-index: 9} +.blog-box .post-format-icon i { padding-right: 0; font-size: 35px; color: #e1e1e1; } +.blog-info p { padding: 0px 0 10px; font-size: 14px; } +.blog-box .post-category a { display: inline-block; padding: 5px 15px; font-size: 12px; text-transform: uppercase; font-weight: 700; border-radius: 50em; color:#fff; background-color: #5E9ECA; -webkit-transition: all 0.3s ease; -moz-transition: ll 0.3s ease; transition: all 0.3s ease; margin-bottom: 20px;} +a.blog-btn { text-align: center; font-size: 14px; color: #5E9ECA; display: block; padding-bottom: 12px; position: relative; z-index: 1; } +a.blog-btn i { margin-left: 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-box .border { position: absolute; background: #5E9ECA; height: 0px; bottom: 0; left: 0; z-index: 0; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-box .blog-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background-size: cover; background-position: center center; } +.blog-box:hover .blog-box-img, .blog-box.active .blog-box-img { opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-1:hover h4, .blog-1:hover i, .blog-1:hover span, .blog-1:hover p, .blog-1:hover a.blog-btn, .blog-1.active h4, .blog-1.active i, .blog-1.active span, .blog-1.active p, .blog-1.active a.blog-btn,.blog-1:hover .post-category a,.blog-1:hover .post-format-icon i,.blog-1.active .post-category a,.blog-1.active .post-format-icon i { color: #fff; } +.blog-box:hover .blog-box-img:before, .blog-box.active .blog-box-img:before { background: rgba(0, 0, 0, 0.6); color: #fff; content: ""; display: inline-block; height: 100%; + left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } +.blog-box.blog-2 {padding: 0; position: relative; border:none; transition: all 0.5s ease 0s; height: 100%; } +.blog-box.blog-2 .blog-info{background: #ffffff; padding: 30px;} +.blog-box.blog-2.gray-bg .blog-info {background: #f7f7f7; } +.blog-box.blog-2 .blog-box-img{opacity: 1;} +.blog-box.blog-2 .post-format-icon{position: absolute; right: 30px; top: 30px;} +.blog-box.blog-2 .button.icon-color{text-transform: capitalize; float: right;} +.blog-box.blog-2:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);} +.blog-box.blog-2.gray-bg:hover { box-shadow: none;} +.blog-box.blog-2.transparent .blog-info { background: transparent; padding: 30px 0; } +.blog-box.blog-2.transparent .blog-info span { color: #ffffff; } + + +/*************************** + blog +***************************/ +.blog-entry { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } +.blog-entry:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } +.blog-entry .entry-image img { width: 100%; } +.blog-entry .blog-detail { background: #ffffff; padding: 30px; border-top: 0px; } +.blog-entry .blog-detail .entry-title a { font-size: 22px; font-weight: 600; line-height: 24px; color: #353535; line-height: 28px; } +.blog-entry .blog-detail .entry-title a:hover { color: #5E9ECA; } +.blog-entry .entry-meta ul li { display: inline-block; margin-right: 12px; } +.blog-entry .entry-meta ul li i { color: #5E9ECA; padding-right: 6px; } +.blog-entry .entry-meta ul li a { color: #353535; line-height: 0px; padding-right: 5px; } +.blog-entry .entry-meta ul li a i { padding-right: 6px; color: #5E9ECA; } +.blog-entry .entry-meta ul li a:hover { color: #5E9ECA; } +.blog-entry .social strong { display: inline-block; margin-right: 10px; } +.blog-entry .entry-button { display: inline-block;} +.blog-entry .social ul { display: inline-block; } +.blog-entry .social ul li { display: inline-block; padding: 0px 6px; } +.blog-entry .social ul li a:hover { color: #353535; } +.blog-entry .entry-share { margin-top: 20px; display: block; } + +/*blog-entry blockquote*/ +.blog-entry.blockquote { background: #5E9ECA; border: 0px; padding: 36px 30px; } +.blog-entry.blockquote blockquote { background: #5E9ECA; border-left: 0px; color: #ffffff; padding: 0px; position: relative; margin-top: 0 !important; padding-top: 60px; } +.blog-entry.blockquote blockquote:before { content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #ffffff; position: absolute; left: 0px; top: -20px; } +.blog-entry.blockquote .blog-detail { border: 0px; background: #5E9ECA; padding: 0px; } +.blog-entry.blockquote .blog-detail .entry-title a { color: #ffffff; } +.blog-entry.blockquote .blog-detail .entry-title a:hover { color: #323232; } +.blog-entry.blockquote .social ul li a { color: #ffffff; } +.blog-entry.blockquote .social ul li a:hover { color: #323232; } +.blog-entry.blockquote .entry-meta ul li a { color: #ffffff; } +.blog-entry.blockquote .entry-meta ul li i { color: #ffffff; } +.blog-entry.blockquote .entry-meta ul li a i { color: #ffffff !important; } +.blog-entry.blockquote .entry-meta ul li a:hover { color: #323232; } +.blog-entry.blockquote .button.arrow.white:hover { color: #323232; } + +/*video vimeo and youtube*/ +.js-video { height: 0; padding-top: 25px; padding-bottom: 54%; position: relative; overflow: hidden; } +.js-video.widescreen { padding-bottom: 34.34%; } +.js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: none; } +.js-video.big { padding-top: 30px; } + +.blog-entry .grid-post li { float: left; width: 50%; border-right: 4px solid #fff; border-bottom: 4px solid #fff; list-style: none; } +.blog-entry .grid-post li img { width: 100%; } +.blog-entry .grid-post li .portfolio-item { width: 100%; } + + /*blog-entry-audio*/ + .blog-entry .blog-entry-audio { padding: 136px 20px; background: url(../images/blog/04.jpg) no-repeat; background-position: center center; background-size: cover; } + + /*blog pages*/ + /*blog-grid-3-column*/ + .blog-grid-3-column .blog-entry .blog-entry-audio { padding: 63px 20px; } + .blog-grid-2-sidebar .blog-entry .blog-entry-audio { padding: 96px 20px; } + +/************************************* + our services +**************************************/ +.service-image-holder { position: relative; height: 496px; } +.service-image-holder .section-title-2 { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } +.services-text-box { background:#fff; padding: 10% 15%;} +.services-text-box-black { background:#363636; padding: 80px 50px !important; } +.services-text-box-green { background:#5E9ECA; padding: 80px 50px !important; } + +/************************************* + creativity +**************************************/ +.creativity h1 { line-height: 65px; text-transform: uppercase; font-size: 50px; font-weight: bold; } +.creativity p { font-size: 30px; } +.creativity .button { display: inline-block; float: none; } + .contact-map iframe { width: 100%; height: 100%; } +#formmessage {display: none;} +.contact-form .section-field { position: relative; width: 31.3%; margin-right: 3%; float: left; } +.contact-form .section-field:nth-child(3) { margin-right: 0px; } +.contact-form .section-field:nth-child(6) { margin-right: 0px; } +.contact-box.contact-box-top { margin-top: -1px; position: relative; } +.touch-in .contact-box {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); display: inline-block; margin-bottom: 0; padding: 60px 20px; width: 100%;} +.contact-box i { background: #5E9ECA; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 5px; font-size: 34px; color: #ffffff; display: inline-block;} +.contact-form .form-control {position: relative; width: 100%; margin-bottom: 20px; } +.section-field.textarea{width: 100%;} +.g-recaptcha.section-field {width: 100%; margin-bottom: 20px; } +.contact-form textarea.form-control {width: 100%; } +.contact-box .contact-icon { display: table-cell; padding-right: 20px; } +.contact-box .contact-icon i { background: transparent; line-height: normal; font-size: 34px; height: auto; width: auto;} +.contact-box.theme-bg .contact-icon i{color: #ffffff !important;} +.contact-box .contact-info { display: table-cell; vertical-align: top; padding: 0; background: none;} +.contact-2 .addresss-info p, .contact-2 .addresss-info i, .contact-2 .addresss-info li{color: #ffffff;} +.contact-2 .contact-add{padding: 80px 0} +.contact-2 .contact-add i{font-size: 40px;} +.contact-3 #map { padding-top: 101%; } +.contact-2 #map { padding-top: 100%; } +.map-side { left: 0; overflow: hidden; padding: 0; position: absolute; top: 0; z-index: 9;} +.map-side.map-right {left: auto; right: 0;} +.contact-3 .contact-add{padding: 80px 20px; } +.contact-3 .contact-add i{font-size: 40px; color: #5E9ECA;} +.contact-3 .contact-form .section-field {width: 100%;} +.contact-social ul li { display: inline-block; } +.contact-social ul li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #323232; background: #eceff8; font-size: 14px; border-radius: 3px; margin-right: 5px; } +.contact-social ul li a:hover { background: #353535 !important; color: #fff;} +.contact-3 .theme-bg.contact-add i{color: #ffffff !important;} +.footer #logo-footer { height: 30px; } +.footer-contact .footer-nav ul li a { color: #353535; } +.footer-contact .footer-nav ul li a:hover { color: #2046f2; } +.footer-contact .contact-box .contact-icon i { background: transparent; color: #5E9ECA; margin-bottom: 10px; } +.footer.footer-topbar hr { border-color: #d9d9d9; } +.footer-contact .social ul { background: #f6f7f8; } +.footer-contact .social ul li a i { color: #353535; } +.footer-contact .social ul li a i:hover { color: #2046f2; } +.footer-contact .usefull-link ul li a { color: #353535; } +.footer-contact .usefull-link ul li a:hover { color: #2046f2; } +.footer-contact { box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); margin-bottom: 80px; margin-top: -220px; padding: 60px 0; } +.footer-contact .contact-box { text-align: center; } +.footer-contact .contact-box .contact-icon { display: block; padding-right: 0; color: #2046f2; } +.footer-contact .contact-box .contact-info { display: block; background: none; padding: 0; width: 100%;} +.footer-contact .contact-box .contact-info .section-title { margin-bottom: 0px; } +.footer-contact .contact-box .contact-info h5 { color: #353535; } +.our-clients.theme-bg{padding: 60px 0 170px;} +.footer-Newsletter .form-control::-moz-placeholder { color: rgba(255,255,255,0.5); } +.footer-Newsletter .form-control::-ms-input-placeholder { color: rgba(255,255,255,0.5); } +.footer-Newsletter .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.5); } + +/************************************* + Our History +**************************************/ + .history-main { width: 100%; } + .liner { background: #fff; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: 96%; z-index: 1; position: relative; } + .liner i { position: absolute; right: -2px; top: -9px; color: #fff; } + .history-content { list-style: outside none none; padding: 125px 0; width: auto; } + .history-1 { position: relative; left: 45px; } + .history-2 { position: relative; margin-left: 30%; } + .history-3 { position: relative; margin-left:58%; } + .history-4{ position: relative; margin-left: 95%; } + .history-line { background: #fff; height: 60px; left: 3px; position: absolute; top: -75px; width: 2px; z-index: 9; } + .history-time-lin { position: relative; top: 10px; z-index: 2; } + .history-time-lin:before { bottom: 0; } + .history-time-lin:before { background: #fff; border-radius: 50%; content: ""; height: 20px; left: -5px; position: absolute; width: 20px; z-index: 1; } + .history-time-lin:after { border:2px solid #fff; background: #000; border-radius: 50%; content: ""; height: 30px; left: -5px; position: absolute; width: 30px; } + .history-time-lin:after { left: -10px; top: -25px; } + .history-item { left: -20px; position: absolute; top: -125px; } + .history-item a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } + .history-5 { position: relative; margin-left: 15%; } + .history-6 { position: relative; margin-left: 53%; } + .history-7 { position: relative; margin-left:78%; } + .history-line-2 { background: #fff none repeat scroll 0 0; height: 60px; left: 3px; position: absolute; top: 15px; width: 2px; z-index: 9; } + .history-item-2 { left: -20px; position: absolute; top: 75px; } + .history-item-2 a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } + /*Our History */ +.our-history .timeline { list-style: none; padding: 20px 0 20px; position: relative; } +.our-history .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 2px; background-color: #e6e6e6; left: 50%; margin-left: -0.5px; } +.our-history .timeline > li { margin-bottom: 20px; position: relative; } +.our-history .timeline > li:before, +.our-history .timeline > li:after { content: " "; display: table; } +.our-history .timeline > li:after { clear: both; } +.our-history .timeline > li:before, +.our-history .timeline > li:after { content: " "; display: table; } +.our-history .timeline > li:after { clear: both;} +.our-history .timeline > li > .timeline-panel { width: 46%; float: left; padding: 15px 00px 25px 00px; position: relative; } +.our-history .timeline > li > .timeline-panel:before { position: absolute; top: 23px; right: -25px; display: inline-block; width: 25px; height: 2px; background: #e6e6e6; content: " "; } +.our-history .timeline > li > .timeline-badge { color: #fff; width: 18px; height: 18px; line-height: 10px; font-size: 0.7em; text-align: center; position: absolute; top: 16px; left: 50%; + border:3px solid #5E9ECA; margin-left: -9px; background-color: #fff; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0 0 0 5px #f6f6f6; } +.our-history .timeline > li.timeline-inverted > .timeline-panel { float: right;} +.our-history .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -25px; right: auto; } +.our-history .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } + .our-history .timeline-body > p, +.our-history .timeline-body > ul { margin-bottom: 0; } +.our-history .timeline-body > p + p margin-top: 5px; +.our-history .timeline > li { text-align: right;} +.our-history .timeline > li.timeline-inverted { text-align: left;} +.our-history .timeline .timeline-arrow { position: absolute; width: 100%; left: 0.5px; right: 0; text-align: center; color: #e6e6e6; bottom: -29px; } +.our-history .timeline > li > .timeline-badge p{width: 200px; margin-top: -9px; margin-left: 25px;font-size: 17px; font-weight: bold; text-align: left;} +.our-history .timeline > li.timeline-inverted .timeline-badge p{text-align: right; float: right; margin-right: 25px;} + +/************************************* + our-service objects +**************************************/ +.our-service { position: relative; padding-bottom: 280px; z-index: 1; } +.objects-left { position: absolute; height: 100%; width: 100%; left: 0; top: 80px; z-index: -1; } +.objects-left .objects-1 { position: absolute; left: 50px; top: 0; } +.objects-left .objects-2 { position: absolute; left: 100px; bottom: 170px; } +.objects-left .objects-3 { position: absolute; left: 50%; bottom: 150px; margin-left: -150px; } +.objects-right { position: absolute; height: 100%; width: 100%; right: 0; top:80px; z-index: -1; } +.objects-right .objects-4 { position: absolute; right: 0px; top: 0; } +.objects-right .objects-5 { position: absolute; right: 0px; bottom: 170px; } +.objects-right .objects-bottom { position: absolute; right: 0px; bottom: 0; } + +/************************************* + sidebar +**************************************/ +.sidebar-widget p { margin-bottom: 0px; } +/*.widget-search */ +.widget-search { position: relative; } +.widget-search input { padding-right: 30px; color: #353535; box-shadow: none; background: #f6f7f8; } +.widget-search i { position: absolute; right: 0px; padding: 16px 22px; font-size: 14px; color: #626262; cursor: pointer; } +.widget-search input:focus { border-color: #5E9ECA; } + +/*Recent Posts*/ +.sidebar-widget .recent-post { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding-bottom: 20px; margin-bottom: 20px; } +.sidebar-widget .recent-post .recent-post-image { float: left; margin-right: 15px; } +.sidebar-widget .recent-post .recent-post-image img { width: 50px; height: 50px; border-radius: 50%; } +.sidebar-widget .recent-post .recent-post-info { overflow: hidden; } +.sidebar-widget .recent-post .recent-post-info a { display: block; margin-bottom: 5px; color: #323232; } +.sidebar-widget .recent-post .recent-post-info a:hover { color: #5E9ECA; } +.sidebar-widget .recent-post .recent-post-info span { color: #5E9ECA; font-style: italic; font-size: 14px; } +.sidebar-widget .recent-post .recent-post-info span i { padding-right: 10px; } +.sidebar-widget .recent-post:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } + +/*widget-archives*/ +.sidebar-widget .widget-categories li { display: block; margin-bottom: 6px; } +.sidebar-widget .widget-categories li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } +.sidebar-widget .widget-categories li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 10px; width: 20px; height: 20px; text-align: center; } +.sidebar-widget .widget-categories li a:hover { color: #5E9ECA; } +.sidebar-widget .widget-categories li a:hover i { border-color: #5E9ECA; color: #5E9ECA; } + +/*widget-link*/ +.sidebar-widget .widget-link li { display: block; margin-bottom: 6px; } +.sidebar-widget .widget-link li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } +.sidebar-widget .widget-link li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 20px; width: 20px; height: 20px; text-align: center; } +.sidebar-widget .widget-link li a:hover { color: #5E9ECA; } + +/*tags*/ +.sidebar-widget .widget-tags li { display: inline-block; } +.sidebar-widget .widget-tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.sidebar-widget .widget-tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } + +/*widget-testimonial*/ +.sidebar-widget .testimonial-widget .testimonial-content { background: #f6f7f8; padding: 20px; font-style: italic; border-radius: 5px; position: relative; } +.sidebar-widget .testimonial-widget .testimonial-content:before { position: absolute; content: ""; bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; +border-color: #f6f7f8 transparent transparent transparent; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar { display: table-cell; padding-right: 20px; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar img { width: 50px; height: 50px; border-radius: 50%; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name { display: table-cell; vertical-align: top; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name span { display: block; font-style: italic; font-size: 14px; } +.sidebar-widget .testimonial-widget .testimonial-info:before { display: none; } + +/*widget-gallery*/ +.sidebar-widget .widget-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; } + +/*widget-newsletter*/ +.sidebar-widget .widget-newsletter { background: #f6f7f8; padding: 30px; position: relative; z-index: 9; overflow: hidden; } +.sidebar-widget .widget-newsletter .newsletter-icon { position: absolute; right: 0; top: -16px; } +.sidebar-widget .widget-newsletter .newsletter-icon i { font-size: 100px; z-index: 0; color: rgba(0, 0, 0, 0.05); } +.sidebar-widget .widget-newsletter .form-control { background: #ffffff; box-shadow: none; } + +/*widget-clients*/ +.sidebar-widget .widget-clients .item { background: #f6f7f8; padding: 30px 30px; } + +/*opening-time*/ + .opening-time ul li { font-size: 14px; line-height: 20px; color: rgba(255,255,255,0.5); border-bottom: 1px solid #262626; padding-bottom: 14px; margin-bottom: 14px; } + .opening-time ul li:last-child { border-bottom: 0; } + +/************************************* + About me +**************************************/ +.about-me .custom-content { margin-top: 0px; } +.about-me .maintenance-progress-bar { margin: 0; } +.about-me .maintenance-progress-bar .progress-bar { margin: 0 44px; } +.maintenance-progress-bar .progress-bar .rotate { background: #5E9ECA !important; } +.maintenance-progress-bar .progress-bar .right { background: #5E9ECA !important; } +.about-me .portfolio-item { width: 100%;} +.about-me .contact-me p { color: #363636; margin: 15px 0; display: table; } +.about-me .contact-me i { float: left; color: #5E9ECA; margin-right: 15px; line-height: 23px; width: 20px; } +.about-me .follow-me ul { margin-top: 20px; } +.about-me .follow-me li { display: inline-block; } +.about-me .follow-me li a { background: #e4e4e4; color: #5E9ECA; border-radius: 3px; display: block; width: 35px; height: 35px; line-height: 35px; margin-right: 2px; text-align: center; font-size: 16px; } +.about-me .follow-me li a:hover { background: #5E9ECA; color: #fff; } + +/************************************* + Team 1 page +**************************************/ +/*team-details*/ + .team-details .social{display:table;float:right;} +.team-details .social li a { background:#f7f7f7 none repeat scroll 0 0;border-radius:3px;color:#5E9ECA;display:block;font-size:15px;height:35px;line-height:35px;margin-left:0px;text-align:center;width:35px; } +.team-details .social li a:hover { background: #5E9ECA; color: #ffffff; } +.team-details .info i{color:#f7f7f7;font-size:126px;left:0;position:absolute;z-index:0;} +.team-details .info p{font-size:16px;font-style:italic;line-height:28px;padding-left:64px;position:relative;z-index:9;} + +/************************************* + blog page +**************************************/ + .owl-carousel img { width: 100%; } +/*pagination-nav*/ +.pagination { margin:0px; } +.pagination li a { font-size: 15px; font-weight: 500; margin: 0 5px; color: #626262; border-radius: 50%; } +.pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 50%; } +.pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 50%; } +.pagination>.active>a, .pagination>.active>a:hover { color: #626262; } +.pagination > li > a, .pagination > li > span { width: 44px; height: 44px; line-height: 44px; background: #f6f7f8; border:0px; padding: 0; text-align: center; } +.pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background-color:#5E9ECA; color: #ffffff;} +.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color:#5E9ECA; color: #ffffff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); } +.dataTables_paginate li.paginate_button.previous a, .dataTables_paginate li.paginate_button.next a { width: inherit; height: inherit; background: transparent !important; color: inherit !important; box-shadow: none !important; } + /*timeline blog*/ +.blog .timeline { list-style: none; padding: 20px 0 20px; position: relative; } +.blog .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 4px; background-color: #f7f7f7; left: 50%; margin-left: -1.5px; } +.blog .timeline > li { margin-bottom: 20px; position: relative; width: 46%; float: left; clear: left; } +.blog .timeline > li:before, +.blog .timeline > li:after { content: " "; display: table; } +.blog .timeline > li:after { clear: both; } +.blog .timeline > li:before, +.blog .timeline > li:after { content: " "; display: table; } +.blog .timeline > li:after { clear: both; } +.blog .timeline > li > .timeline-panel { width: 95%; float: left; border: 1px solid #d4d4d4; /*border-radius: 2px;*/ /*padding: 20px;*/ position: relative; border:1px solid #f7f7f7; + padding: 20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } +.blog .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #f7f7f7; + border-right: 0 solid #f7f7f7; border-bottom: 15px solid transparent; content: " "; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } +.blog .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; + border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } +.blog .timeline > li > .timeline-badge { color: #fff; width: 54px; height: 54px; line-height: 18px; padding: 6px; font-size: 22px; border:4px solid #f7f7f7; background: #fff; + border-radius: 50%; text-align: center; font-weight: bold; position: absolute; color: #f7f7f7; top: 16px; right: -73px; /*z-index: 100;*/ } +.blog .timeline > li > .timeline-badge span { font-size: 13px; font-weight: normal; display: block; } +.blog .timeline > li.timeline-inverted > .timeline-panel { float: right; } +.blog .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } +.blog .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } +.blog .timeline-title { margin-top: 0; color: inherit; } +.blog .timeline-body > p, +.blog .timeline-body > ul { padding:20px; margin-bottom: 0; } +.blog .timeline-body > p + p { margin-top: 5px; } +.blog .timeline-footer { padding:20px; background-color:#f4f4f4; } +.blog .timeline-footer > a { cursor: pointer; text-decoration: none; } +.blog .timeline > li.timeline-inverted { float: right; clear: right; margin-top: 30px; margin-bottom: 0px; } +.blog .timeline > li:nth-child(2){ margin-top: 60px; } +.blog .timeline > li:nth-child(3){ margin-top: 60px; } +.blog .timeline .entry-title i { font-size: 24px;} +.blog .timeline-inverted .timeline-badge { margin-top: 70px} +.blog .timeline li.timeline-inverted .timeline-panel:after { top: 98px; } +.blog .timeline li.timeline-inverted .timeline-panel:before { top: 97px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: -73px; } +.blog .timeline li.entry-date { top: 0; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } +.blog .timeline li.entry-date span { background: #f7f7f7; color: #363636; font-size: 16px; font-weight: 400; text-transform: capitalize; padding: 10px 25px;border-radius: 30px;} +.blog .timeline li.entry-date-bottom { bottom: -30px; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } +.blog .timeline li.entry-date-bottom a { background: #f7f7f7; padding: 7px 10px; color: #363636; font-size: 16px; padding: 10px 25px; border-radius: 30px; } +.blog .timeline li.entry-date-bottom a:hover { background: #5E9ECA; color: #fff; } +.blog .timeline li:hover .timeline-panel { border-color: #5E9ECA; } +.blog .timeline li:hover .timeline-badge a { color: #fff; } +.blog .timeline li:hover .timeline-badge{ background: #5E9ECA; border-color: #5E9ECA; } +.blog .timeline li:hover .timeline-panel:before { border-left-color: #5E9ECA; border-right-color: #5E9ECA; } +.blog .blog.timeline .entry-quote p { font-size: 16px; } +/* blog 2 column masonry left sidebar */ +.blog.timeline-sidebar .timeline > li { width: 89%; } +.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 50%;} +.blog.timeline-sidebar .timeline:before { left: 54px; } +.blog.timeline-sidebar .timeline li.entry-date { text-align: left;} +.blog.timeline-sidebar .timeline li.entry-date-bottom { text-align: left;} +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -66px; } +.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 0px; } +.blog.timeline-sidebar .timeline > li:nth-child(3) { margin-top: 30px; } +.blog.timeline-sidebar .timeline li.entry-date { top: 3px; } +.blog.timeline-sidebar .timeline li.entry-date span { font-size: 14px; padding: 10px 25px; } +.blog.timeline-sidebar .timeline li.entry-date-bottom { bottom: -48px; } +.blog.timeline-sidebar .timeline li.entry-date-bottom a { font-size: 14px; padding: 10px 25px; } +.blog.timeline-sidebar .timeline li .share ul li { width: auto; } + +/*blog-single*/ +.blog-single .blog-entry { box-shadow: none; } +.blog-single .blog-entry .blog-detail { padding: 0; margin-top: 20px; } + +.blog-single .blockquote { font-style: italic; line-height: 30px; background: #f6f7f8 !important; } +.blog-single .blog-entry.blockquote blockquote { background: #f6f7f8;color: #626262; } +.blog-single .blog-entry.blockquote blockquote cite { color: #5E9ECA; } +.blog-single .entry-share .tags { display: inline-block; } +.blog-single .blog-entry.blockquote blockquote:before { color: #323232; top: 20px; } + +/*blog-comments*/ +.comments-1 .comments-photo { width: 106px; height: auto; float: left; border:5px solid #f7f7f7; margin-right: 20px; } +.comments-1 .comments-photo img { width: 100%; } +.comments-1 .comments-info { display: table; background: #f7f7f7; padding: 20px; margin-bottom: 20px; } +.comments-1 .comments-info h4 { display: inline-block; } +.comments-1 .comments-info span { font-size: 13px; color: #626262; } +.comments-1 .comments-info a { color: #5E9ECA; } +.comments-1 .comments-info a:hover { color: #363636; } +.comments-1.comments-2 { padding-left: 127px; } +.comments-1.comments-2 .comments-info { background: #fff; margin-bottom: 0px; padding: 20px 20px 10px; } + +/************************************* + error 404 +**************************************/ +.error-block { position: relative; z-index: 9; padding: 20px 0 130px 0px; } +.error-block .error-text { position: absolute; text-align: center; left: 0; right: 0; z-index: -1; } +.error-block .error-text h2 { font-size: 420px; line-height: 300px; color: rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0; } +.error-block .error-text span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 134px; line-height: 100px; color: rgba(0, 0, 0, 0.1); font-weight: bold; } +.error-block h1 { font-size: 87px; padding-top: 110px; } +.error-block p { font-size: 33px; } + +.error-text-02 { position: relative; text-align: center; } +.error-text-02 h2 { font-size: 420px; line-height: 300px; color: rgba(255, 255, 255, 0.2); position: relative; left: -70px; top: 0; } +.error-text-02 span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 117px; line-height: 100px; color: rgba(255, 255, 255, 0.2); font-weight: bold; } +.error-middle { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } + + +/************************************* + coming soon +**************************************/ +.coming-soon { background: transparent; } +.coming-soon-countdown ul.countdown { list-style: none; margin: 75px 0; padding: 0; display: block; text-align: center; } +.coming-soon-countdown ul.countdown li { display: inline-block; width: 24%; } +.coming-soon-countdown ul.countdown li span { font-size: 90px; font-weight: bold; line-height: 80px; color: #5E9ECA; } +.coming-soon-countdown ul.countdown li p { color: #626262; font-size: 20px; text-transform: capitalize; margin-bottom: 30px; } +.coming-soon .coming-soon-form input { color: #626262; } +.coming-soon-form` input { width: 50%; color: #fff; display: block; margin: 0 auto; } +.coming-soon-form.contact-form input { width: 50%; display: block; margin: 0 auto; } +.coming-soon-middle { padding: 100px; display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } + +/************************************* + Register +**************************************/ +.register-form .section-field { display: block; } +.register-form .field-widget { position: relative; } +.register-form .field-widget input { width: 100%; margin-bottom: 20px; padding-left: 30px; } +.register-form .field-widget select { width: 100%; margin-bottom: 20px; padding-left: 15px; } +.register-form .field-widget input.gui-input { padding-left: 140px;} +.register-form .field-widget .button { background: #666; height: 46px; left: 0; margin: 2px; position: absolute; text-align: center; top: 0; width: 115px; border:0; } +.register-form .nice-select { float: none; margin-bottom: 20px; background: #f6f7f8; border:0; } +.remember-checkbox a {color: #5E9ECA; } +.remember-checkbox label { position: relative; padding-left: 30px; font-size: 14px; cursor: pointer;} +.remember-checkbox label:before, label:after { font-family: FontAwesome; font-size: 17px; position: absolute; top: -3px; left: 0; padding-left: 2px; border-radius: 6px; } +.remember-checkbox label:before { border: 2px solid #5E9ECA; content: ""; height: 20px; margin-top: 3px; width: 20px; } +.remember-checkbox label:after { content: '\f00c'; max-width: 0; overflow: hidden; opacity: 0.5; transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; } +.remember-checkbox input[type="checkbox"] { display: none; } +.remember-checkbox input[type="checkbox"]:checked + label:after { max-width: 25px; opacity: 1; } +/*all id*/ +#one+label:before, #one+label:after {color: #5E9ECA;} +#two+label:before, #two+label:after {color: #5E9ECA;} +#three+label:before, #three+label:after {color: hsl(120, 45%, 40%); } +#four+label:before, #four+label:after {color: hsl(180, 45%, 40%); } +#five+label:before, #five+label:after {color: hsl(240, 45%, 40%); } +#six+label:before, #six+label:after {color: hsl(300, 45%, 40%); } + +/************************************* + Login +**************************************/ +.full-height-bg { height: 100vh; } +/*login-2-social*/ +.login-social li { display: inline-block; margin: 2px 0px; } +.login-social li a { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;} +.login-social li a.fb { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #4c70ad; border-radius:30px; } +.login-social li a.twitter { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #25b6e6; border-radius:30px; } +.login-social li a.pinterest { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #dd4b39; border-radius:30px; } +.login-social li i { border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px; } +.login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover { background: #5E9ECA; } + +/*login 02*/ +.section-transparent { background: transparent; } +.login-bg { background: #ffffff; border-radius: 10px; } +.login-bg .login-title { background: #5E9ECA; padding: 30px; border-radius: 10px 10px 0 0; } +.login-bg .login-form { padding: 40px 30px; } +.login-bg .login-social { padding: 30px; background: #f6f7f8; border-radius: 0 0 10px 10px; } + +/*login 02*/ +.register-bg { background: #ffffff; border-radius: 10px; } +.register-bg .register-title { background: #5E9ECA; padding: 30px; border-radius: 10px 10px 0 0; } +.register-bg .register-form { padding: 30px 30px 50px; } + +/************************************* + maintenance +**************************************/ +img.logo-small { height: 40px; margin: 30px 0; position: relative; } +.maintenance-main i { font-size: 100px; margin-bottom: 10px; color: #e4e4e4; } +.maintenance-main h1 { font-size: 62px; text-transform: uppercase; font-weight: bold; } +.maintenance-main p { font-size: 26px; line-height: 35px; margin-bottom: 70px;} +.maintenance-form { width: 76%; margin: 0 auto; } +.maintenance-form p { font-size: 19px; } +.maintenance-form input { width: 50%; margin: 0 auto; } + +/*maintenance 2 */ +.maintenance-main h1 { font-size: 40px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; } +.maintenance-contant p { line-height: 25px; margin-top:20px; font-size: 14px; } +.progress-new { margin-top: 50px; height: 50px; background: #f6f7f8; border-radius: 0; margin-bottom: 50px; margin-left: auto; margin-right: auto; width: 50%; } +.progress-bar-new { line-height: 50px; background-color: #5E9ECA; color: #ffffff; font-size: 20px; padding-left: 20px; } +.progress-bar-new span { position: absolute; right: 30px; color: #323232; font-weight: bold; font-size: 20px; } +.progress-bar-striped, +.progress-striped .progress-bar-new { + background-image: linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); +} + +/************************************* + Our clients +**************************************/ +/*clients-box*/ +.clients-box { background: #f7f7f7; padding: 20px; } +.clients-photo { position: relative; margin-right: 20px; width: 200px; height: 200px; float: left; display: table-cell; text-align: center; vertical-align: middle; background: #fff; } +.clients-photo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } +.clients-info { display: table; } +.clients-info i { padding-right: 10px; } +.clients-info a { font-size: 14px; color: #5E9ECA; } +.clients-info a:hover { color: #626262; } +.clients-info p { margin-top: 10px; } +.happy-clients .tab-content { padding: 0 30px; position: relative; text-align: left; } +.happy-clients .tab-content .quoter-icon { position: absolute; left: 0; top: -10px; font-size: 120px; line-height: 1; color: #5E9ECA;} +.happy-clients .tab-content p{padding-left: 30px; font-size: 18px; padding-top: 10px; font-style: italic; } +.happy-clients .nav-tabs li { overflow: visible; display: inline-block; padding: 0 5px; } +.happy-clients .nav.nav-tabs li a, .happy-clients .nav.nav-tabs li a:hover, .happy-clients .nav.nav-tabs li a:focus { background: none; padding: 0; border:0; outline: none; background: transparent !important;} +.happy-clients .nav-tabs li img {width: 96px; opacity: 0.1; height: 96px; border-radius: 50%; } +.happy-clients .nav-tabs li.active img, .happy-clients .nav-tabs li:focus img { border: 4px solid #fff; opacity: 1; top: -2px; box-shadow: 0 0 40px rgba(0,0,0,.3); } +.happy-clients .testimonial-avatar { position: relative; right: inherit; left: inherit; top: inherit; width: inherit; height: inherit; margin-left: inherit; margin-top: 30px; } +.happy-clients .nav-tabs { border: 0; } + +/*********************************** + process +************************************/ +.process-list .col-sm-12 { padding: 0 50px; } +.process { margin: 0px; border: 2px dashed rgba(0, 0, 0, 0.3); position: relative; width: 100%; float: left; padding-bottom: 50px; padding-top: 50px; min-height: inherit; } +.process.left { border-right: 0; border-top: 0; } +.process.right { border-left: 0; border-top: 0; } +.process .border-area.left-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; left: -2px; z-index: 99; } +.process .border-area.left-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.right-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } +.process .border-area.right-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.right-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } +.process .border-area.right-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.left-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; left: -2px; } +.process .border-area.left-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); } +.process:first-child { padding-top: 0; } +.process.left:first-child .process-step { top: 0; } +.process:last-child { border-bottom: 0; } +.process:last-child .border-area.left-bottom { bottom: 0; } +.process:last-child .border-area.left-bottom:before { border-bottom-left-radius:0; border-bottom: 0; } +.process.left .process-step { position: absolute; top: 50px; left: -35px; z-index: 999; } +.process.right .process-step { position: absolute; top: 50px; right: -35px; z-index: 99; } +.process.left .process-content { padding-left: 80px; } +.process.right .process-content{ padding-right: 80px; } +.process .process-step strong { width: 70px; height: 70px; line-height: 70px; text-align: center; background: #5E9ECA; border-radius: 100%; display: inline-block; + z-index: 99; font-size: 20px; color: #fff; } +.process .process-content { position: relative; z-index: 99; } +.process .process-content span { font-size: 80px; line-height: 80px; color: #5E9ECA; } +.process.left .process-content .process-icon { display: table-cell; padding-right: 30px; } +.process.left .process-content .process-info { display: table-cell; vertical-align: top; } +.process.right .process-content .process-icon { float: right; padding-left: 30px; } +.process.right .process-content .process-info { display: table-cell; vertical-align: top; } + +/************************************* + Careers +**************************************/ +.agency-about { padding-bottom: 100px; } + +/*careers accordion*/ +.careers .acd-des span { display: block; } + +/*careers form*/ +.careers-from .section-field label { margin-bottom: 10px; } + +/************************************* + sitemap +**************************************/ +.sitemap h4 { margin-bottom: 25px; text-transform: capitalize; } +.sitemap h4 i { padding-right: 10px; } +.sitemap ul li { display: block; line-height: 34px; } +.sitemap ul li i { padding-right: 10px; } +.sitemap ul li a { font-size: 14px; color: #626262; text-transform: capitalize; } +.sitemap ul li a:hover { color: #5E9ECA; } + +/************************************* + privacy-policy +**************************************/ +.privacy-policy ul li { font-size: 14px; line-height: 30px; } +.privacy-policy ul li i { padding-right: 10px; } + +/************************************* + page sidebar +**************************************/ +.page-sidebar .page-content ul li { font-size: 14px; line-height: 30px; } +.page-sidebar .page-content ul li i { } + +/************************************* + terms and conditions +**************************************/ +.terms-and-conditions ul li { font-size: 14px; line-height: 30px; } +.terms-and-conditions ul li i { padding-right: 10px; } + + +.special-feature .feature-text {padding:40px;} +.special-feature { padding-bottom:-117px; } +.special-feature .row-eq-height.no-gutter { position:relative; z-index:99; margin-top:-117px; } + +/************************* + BG - Images +*************************/ +.parallax { background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -ms-background-size: cover !important; position: relative; z-index: 0; background-origin: initial; background-position: center bottom !important; background-repeat: no-repeat; } +.gradient-overlay{position:relative;} +.gradient-overlay:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background:url(../images/construction/bg/gradient-overlay1.png) repeat-y left 0;} + +/************************************* + Footer +**************************************/ +.footer.black-bg{background: #1a1a1a;} +.footer.black-bg p { color: rgba(255,255,255,0.5); } +.footer.black-bg .social-icons li a { color: rgba(255,255,255,0.5); } +.footer p{font-size: 14px;} +.footer-logo img { width: 65%; } +.footer h6{font-size: 14px;} +.addresss-info li { font-size: 14px; margin-bottom: 15px; color: rgba(255,255,255,0.5); list-style: none; } +.addresss-info i{ color:rgba(255,255,255,0.5); padding-right: 5px; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 14px; } +.addresss-info p { display: table; color: rgba(255,255,255,0.5); margin-bottom: 0px; } +.addresss-info li a { color: rgba(255,255,255,0.5); } +.footer a{font-size: 14px;} + +/*footer-Newsletter*/ +.footer-Newsletter { display: inline-block; width: 100%;} +.footer-useful-link.footer-hedding ul { margin-top: -6px; } +.footer-Newsletter .form-control { border-left: 0px; height: 50px; border-radius: 30px; font-size: 14px; color: rgba(255,255,255,0.3); border:none; background: #252525; padding: 10px 25px; width: 100%; } +.footer-Newsletter .form-control:focus { border:0; box-shadow: none;} +.footer-Newsletter .button.border{border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.5); padding: 10px 18px; font-size: 12px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.footer-Newsletter .button.border:hover { color: #ffffff; } +.footer-useful-link ul li { list-style: none; margin-bottom: 12px;} +.footer-useful-link ul li:last-child { margin-bottom: 0; } +.footer-useful-link ul li a { color: rgba(255,255,255,0.5); font-size: 14px; vertical-align: top; display: block; line-height: 26px; } +.footer-useful-link ul li a:hover { color: #5E9ECA; } +/*transparent*/ +.footer-Newsletter.transparent .form-control { background: rgba(0, 0, 0, 0.04); } +.footer-Newsletter.transparent .form-control::-moz-placeholder { color: #323232; } +.footer-Newsletter.transparent .form-control::-ms-input-placeholder { color: #323232; } +.footer-Newsletter.transparent .form-control::-webkit-input-placeholder { color: #323232; } + +/*footer-widget*/ +.footer-widget { padding: 20px 0; border-top: 1px solid #262626;} +.footer-widget p{font-size: 14px; color: rgba(255,255,255,0.5); letter-spacing: 0.5px;} +.footer-widget a { color: #5E9ECA; } +.footer-widget a:hover { color: #5E9ECA; } +.footer-widget-social {margin-top: 5px; } +.footer-widget-social li { display: inline-block;} +.footer-widget-social a i { display: inline-block; color: rgba(255,255,255,0.5); background: none; border-radius: 50%; width: 35px; height: 35px; text-align:center; line-height: 37px; font-size: 14px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} +.footer-widget-social a i:hover{background: #5E9ECA;} +.footer .footer-nav ul li { display: inline-block;} +.footer .footer-nav ul li a { margin: 0 5px; color: #323232;} +.footer .footer-nav ul li a:hover { color: #5E9ECA; } +.footer .social ul li {display: inline-block;} +.footer .social ul li a i { font-size: 14px; width: 45px; height: 45px; line-height: 45px; text-align: center; float: none; color: #323232;} +.footer .social ul li a i:hover{color: #5E9ECA;} +.footer .social ul{background: #f6f7f8; display: inline-block; border-radius: 30px; padding: 0px 10px;} +.footer .usefull-link ul li {display: block; border-bottom: 0px; line-height: 24px; padding: 5px 0; } +.footer .usefull-link ul li a{color: #323232;} +.footer .usefull-link ul li a:hover { color: #5E9ECA; } +.footer .copyright { padding: 30px 0 20px;} +.footer .copyright ul li a {color: #323232;} +.footer .copyright ul li a:hover {color: #5E9ECA;} +img#logo-footer{ height: 50px; width: auto; } +.footer.light .footer-nav ul li a{color: #fff;} +.footer.light .footer-nav ul li a:hover { color: #323232; } +.footer.light h6{color: #fff;} +.footer.light .about-content p{color: #fff;} +.footer.light .usefull-link ul li a{color: #fff;} +.footer.light .usefull-link ul li a:hover {color: #323232;} +.footer.light .copyright ul li {color: #fff;} +.footer.light .copyright ul li a {color: #ffffff; font-size: 14px;} +.footer.light .copyright ul li a:hover {color: #323232; } +.footer.light.footer-topbar .copyright ul li { color: #ffffff } +.footer.light .copyright p {color: #fff;} +.footer.light .social ul li a i {color: #5E9ECA;} +.footer.light .social ul li a:hover i {color: #323232;} +.footer .footer-text p{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} +.footer .footer-social ul li a{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} +.footer .footer-social ul li a:hover { color: #5E9ECA !important; } +.footer.footer-topbar .copyright ul li{color:rgba(255, 255, 255, 0.5) !important;} +.footer.footer-one-page .contact-add i { font-size: 20px } +.footer.footer-one-page h5 { color: rgba(255,255,255,0.5); } +.footer.footer-one-page p { color: rgba(255,255,255,0.5); } + +/* footer transparent*/ +.footer.transparent h6, .footer.transparent p, .footer.transparent ul li a, .footer.transparent span { color: #ffffff; } + +/*widget-gallery*/ +.footer .footer-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; } +.footer .footer-tags li { display: inline-block; } +.footer .footer-tags li a { background: transparent; color: #fff; border:1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.footer .footer-tags li a:hover { background: #5E9ECA; } + +/*footer-social-big*/ +.footer-social-big ul li { display: inline-block; padding: 10px; width: 70px; text-align: center; background: rgba(255, 255, 255, 0.1); } +.footer-social-big ul li.facebook { background: #5d82d1; } +.footer-social-big ul li.pinterest { background: #e13138; } +.footer-social-big ul li.linkedin { background: #238cc8; } +.footer-social-big ul li i { color: #ffffff; display: block; width: 30px; height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.2); border-radius: 50%; margin: 0 auto; } +.footer-social-big ul li span { display: block; text-align: center; color: #ffffff; margin-top: 10px; font-size: 11px; } + +/*footer-box*/ +.footer-box { background: rgba(102, 102, 102, 0.2); padding: 30px; clear: both; margin-bottom: 40px; margin-top: 60px; } +.footer-box .box-content { display: table-cell; vertical-align: top; } +.footer-box .box-link { display: table-cell; padding-left: 20px; vertical-align: middle; } +.footer-box .box-link a { display: block; padding: 8px 16px; width: 140px; } + +/*google-map*/ +.google-map { background: #; } +.google-map .row [class*='col-'] { min-height: 0; } +.map-icon { position: relative; z-index: 999; cursor: pointer; } +.google-map .map-icon:before { cursor: pointer; content: "\f041"; font-family: "FontAwesome"; font-size: 30px; font-weight: normal; right: 0; position: absolute; text-indent: 0; top: -32px; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #ffffff; color: #5E9ECA; text-align: center; } +.google-map.google-map-open .map-icon::before { content: "\f00d"; } +.google-map .map-open { height: 0; overflow: hidden; transition: all 900ms ease; } +.google-map .map-open iframe { height: 300px; } +.google-map-open .map-open { height: 300px; } +.pos-r{position: relative;} +.img-side img{max-width: 100%} +.img-side.img-left {left: 0;} +.img-side {padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100;} +.font-bold {font-weight: 600} +.no-gutter{ margin-right:0; margin-left:0;} +.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;} + +/*youtube-video*/ + .popup-video { position: relative; } +.popup-video .play-video { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } +.popup-video .play-video { width: 50px; height: 50px; } +.popup-video .play-video a { width: 50px; height: 50px; } +.popup-video .play-video a i { line-height: 50px; } +.popup-video .play-video:hover { transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); background-color: #ffffff; } +.popup-video .play-video:hover a { color: #5E9ECA; } +.play-video { cursor: pointer; position: relative; width: 100px; height: 100px; margin: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } +.play-video { background-color: #5E9ECA; -webkit-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); -moz-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); } +.play-video a { color: #fff; width: 100px; height: 100px; position: absolute; top: 0; left: 50%; padding-left: 5px; transform: translateX(-50%); } +.play-video a i { line-height: 100px; } +.play-video:hover a { color: #5E9ECA; } +.play-video:after { content: ''; top: 0; left: 0; padding: 0; z-index: -1; opacity: 0; pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); } + +.play-video:hover{background: #ffffff; color: #5E9ECA; border-color:transparent !important;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-box-shadow:2px 6px 18px transparent !important;-moz-box-shadow:2px 6px 18px transparent !important;box-shadow:2px 6px 18px transparent !important} +.play-video:hover:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms; -moz-animation:sonarEffect 1.3s ease-out 75ms; animation:sonarEffect 1.3s ease-out 75ms;} +@-webkit-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-webkit-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}} +@-moz-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-moz-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}} +@keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);transform:scale(1.5);opacity:0; }} +.my-contact .contact-icon{float: left; margin-right: 25px;} +.my-contact .contact-icon span{color: #fff ! important;} + +/************************************* + index portfolio 4 +**************************************/ +.portfolio-item.simple-effect .portfolio-overlay span { color: #363636; } +.portfolio-item.simple-effect .portfolio-overlay span a { color: #363636; } +.portfolio-item.simple-effect .portfolio-overlay a:hover { color: #5E9ECA; } +.portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #5E9ECA; } +.portfolio-item.simple-effect .portfolio-overlay { z-index: 9; opacity: 0; bottom: inherit; background: transparent; top: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: center; } +.portfolio-item.simple-effect:hover:before { position: absolute; width: 100%; height: 100%; content: ""; background: rgba(255, 255, 255, 1); z-index: 1; background-size: 115%; + -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.6s cubic-bezier(.68,.11,.13,.98); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.portfolio-item.simple-effect:hover .portfolio-overlay { top: 50%; opacity: 1; } + +/*footer*/ +.footer .container-fluid { padding: 0 60px; } +#footer-fixed { position: fixed; bottom: 0; width: 100%; z-index: -1; box-shadow: inset 0 27px 60px -25px rgba(0,0,0,0.3); } +.footer.footer-simple ul li a, .footer.footer-simple p, .footer.footer-simple i, .footer.footer-simple li { color: #ffffff; font-weight: bold; font-size: 16px; } +.footer.footer-simple ul li a:hover { color: rgba(255, 255, 255, 0.6); } +.footer.footer-simple .social-icons li a { color: #ffffff; width: 100%; } +.footer.footer-simple .social-icons li a:hover { color: rgba(255, 255, 255, 0.6); } + +/*elements*/ +.full-width { width: 100%; } +.height-100vh { height: 100vh; } +.pos-bot { position: absolute; bottom: 0; width: 100%; } +.vertical-align { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } + +/************************************* + index portfolio 04 about +**************************************/ +.portfolio-03-about { padding-left: 50px; } +.portfolio-03-about p { font-size: 16px; font-weight: 600; } + +/************************************* + index portfolio single +**************************************/ +/*popup-video*/ +.popup-video-image { position: relative; } +.popup-video-image:before { background: rgba(37, 41, 51, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } +.popup-video-image a i { color: #ffffff; text-align: center; line-height: 60px; width: 60px; height: 60px; background: #5E9ECA; display: inline-block; margin: 0 auto; + border-radius: 50%; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); + -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; font-size: 20px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } +.popup-video-image a i:hover { background: #323232; } + +/************************************* + index 11 +**************************************/ + +/*index 11*/ + /*slider-parallax typer-banner business*/ + .slider-parallax.typer-banner.business h1 { font-family: 'Dosis', sans-serif; } + .slider-parallax.typer-banner.business p { padding: 0 200px; line-height: 34px; font-size: 26px; font-weight: 600; display: block; } + + /*play-video*/ +.custom-content-02 .feature-text p { line-height: 28px; } +.play-video-section .play-video { box-shadow: none; background: #ffffff; width: 60px; height: 60px; line-height: 60px; } +.play-video-section .play-video a { color: #5E9ECA; line-height: 60px; } +.play-video-section .play-video a i { line-height: 60px; padding-right: 3px; } +.play-video-section .play-video:after {box-shadow: none; } +.play-video-section .content { padding: 0 100px; } +.play-video-section .content h2 { font-family: 'Dosis', sans-serif; } +.custom-content-03 h2 { font-family: 'Dosis', sans-serif; font-size: 40px; line-height: 50px; } + +/*blockquote-section*/ +.blockquote-section { position: relative; z-index: 9; } +.blockquote-section blockquote { font-size: 50px; font-weight: 600; line-height: 60px; border-left: 0; padding-left: 0; font-family: 'Dosis', sans-serif; } +.blockquote-section blockquote cite { font-size: 16px; font-weight: 600; margin-top: 40px; line-height: 30px; font-family: 'Nanum Gothic', serif; font-style: normal; } +.blockquote-section blockquote cite span { display: block; font-size: 14px; } +.blockquote-section blockquote.quote { padding-top: 100px; } +.blockquote-section blockquote.quote:before { color: #5E9ECA; left: 0; top: 0; font-size: 120px; line-height: 120px; } +.blockquote-section .blockquote-section-left { margin-left: 60px; } +.blockquote-section .blockquote-section-right { margin-left: -120px; position: relative;z-index: -1; } + +/************************************* + footer +**************************************/ +.footer.gray-footer .footer-Newsletter .form-control { background: #ffffff; color: #323232; height: 60px; line-height: 60px; box-shadow: 0 10px 50px rgba(0,0,0,0.1); } +.footer.gray-footer .footer-widget { border-top: none; } +.footer.gray-footer .footer-widget p { color: #323232; } + +.footer.gray-footer .footer-Newsletter .form-control::-moz-placeholder { color: #323232; } +.footer.gray-footer .footer-Newsletter .form-control::-ms-input-placeholder { color: #323232; } +.footer.gray-footer .footer-Newsletter .form-control::-webkit-input-placeholder { color: #323232; } + +/************************************* + portfolio +**************************************/ +.portfolio-item.image-text { position: relative; } +.portfolio-item.image-text .portfolio-overlay { bottom: 30px; background: transparent; } +.portfolio-item.image-text .portfolio-overlay span { display: block; } +.portfolio-item.image-text:before { position: absolute; width: 100%; bottom: 0; content: ""; ackground: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; } +.portfolio-item.image-text .portfolio-overlay a.button { padding: 6px 16px; } +.portfolio-item.image-text .portfolio-overlay a.button span { font-size: 12px; } +.portfolio-item.image-text .portfolio-overlay a.button:hover { color: #ffffff; } + +/************************************* + coming-soon-big +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 120px; line-height: 120px; font-weight: bold; } +.coming-soon-big .countdown.medium p { font-size: 30px; line-height: 30px; font-weight: bold; } +.coming-soon-big .coming-soon-form p { font-weight: bold; } +.coming-soon-big .contact-form.transparent-form .form-control { background: rgba(255, 255, 255, 0.4); } +.coming-soon-big .button { font-weight: bold; } + +/************************************* + inner page +**************************************/ +/* about-05 */ +.about-05-split .shop-split-content { padding: 100px 0; } +/*about-mission*/ +.about-mission .popup-video-image a i { position: relative; top: inherit; left: inherit; bottom: inherit; right: inherit; } +.about-mission .popup-content { position: absolute; bottom: 0; padding: 30px 130px 30px 30px; } +.about-mission-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); } +.about-mission-box .content { padding:24px; } +.about-mission-title { padding-bottom: 250px; } +.about-mission { margin-top: -150px; } +/*faq 03*/ +.faq-page-title .form { position: relative; z-index: 9; } +.faq-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); padding: 40px; border-radius: 10px; background: #ffffff; margin-top: -60px; } +.faq-box span { font-size: 40px; line-height: 40px; margin-bottom: 20px; display: block; } +.faq-box strong { display: block; } +.faq-box a.button { padding: 8px 16px; } + +/*login-fancy*/ +.login-fancy { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); } +.login-fancy-bg { position: relative; z-index: 1; } +.login-fancy h2 { font-size: 70px; line-height: 70px; } +.login-gradient, .login-gradient-02, .login-gradient-03 { position: relative; } +.login-gradient:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9af1e1), color-stop(100%, #4003f6)); background: -webkit-linear-gradient(-315deg, #9af1e1 0%, #4003f6 100%); background: -webkit-linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); background: linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); } +.login-gradient-02:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee38a6), color-stop(100%, #ffc863)); background: -webkit-linear-gradient(-315deg, #ee38a6 0%, #ffc863 100%); background: -webkit-linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); background: linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); } +.login-gradient-03:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcdd2), color-stop(100%, #470df5)); background: -webkit-linear-gradient(-315deg, #ffcdd2 0%, #470df5 100%); background: -webkit-linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); background: linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); } + +/*login-box*/ +.login-box { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); border-radius: 0px 10px 10px 0px; } +.login-box-bg { position: relative; z-index: 1; } +.login-box h2 { font-size: 40px; line-height: 40px; } +.login-box-main { display: table; width: 100%; } +.login-box-main-middle { display: table-cell; vertical-align: middle; } +.login-box-left { box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); height: 100%; border-radius: 10px 0 0px 10px; } +.login-box-left .logo-small { margin-left: 30px; } +.login-box-main .theme-bg { box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.2); position: relative; z-index: 1; } +.login-box-theme { position: relative; } +.login-box-theme:before { position: absolute; content: ""; height: 30px; top: -29px; width: 100%; background: #5E9ECA; left: 0; } +.login-box-theme:after { position: absolute; content: ""; height: 30px; bottom: -29px; width: 100%; background: #5E9ECA; left: 0; } +.login-box-main .nav li a { padding-left: 30px; } +.login-box-main .nav li a { display: block; text-align: left; color: #323232; border-left: 5px solid transparent; background: transparent; } +.login-box-left li.active a, .login-box-left li a:hover { border-left: 5px solid #5E9ECA; color: #5E9ECA; } +.login-box-main .nav li a i { display: inline-block; padding-right: 6px; text-align: left; margin-bottom: 10px; } +.login-box .list-unstyled.list-inline a:hover { color: #323232; } +/*login-box-02*/ +.login-box-02 { padding: 40px; border:1px solid rgba(0, 0, 0, 0.1); height: 100%; } +.login-box-02.white-overlay { background: rgba(255, 255, 255, 0.5); } +.login-signup a.text-black:hover { color: #ffffff; } + +/*login-14*/ +.login-14 { padding: 0 100px; } + +/*login-15*/ +.login-15 { padding: 0 60px; } + +/*login-signup*/ +.login-signup .tab-border .tab-content { padding: 0; } +.login-signup .login-box-02 { border:0; } + +/************************************* + boxed +**************************************/ + +@media (min-width: 1220px) { +body.boxed-layout .wrapper { float: none; width: 1220px; margin: 0 auto; position:relative; background-color: #FFF; box-shadow: 0 0 60px rgba(0,0,0,.1); -moz-box-shadow: 0 0 60px rgba(0,0,0,.1); + -webkit-box-shadow: 0 0 60px rgba(0,0,0,.1); } +/*index 01*/ +body.boxed-layout .wrapper .portfolio-title.section-title p { display: none; } +body.boxed-layout .wrapper .portfolio-title.section-title span { display: none; } + +/*index 02*/ +body.boxed-layout .wrapper .contact-3 #map { padding-top: 140%; } +body.boxed-layout .wrapper .contact-2 #map { padding-top: 90% } +body.boxed-layout .wrapper.vertical-header { width: auto; box-shadow: none; } +body.boxed-layout #footer-fixed { position: inherit !important; width: inherit; bottom: inherit !important; z-index: inherit; } +body.boxed-layout .wrapper { margin-bottom: 0 !important; } +body.boxed-layout .christmas-coming-soon { position: absolute; } + +body.frame-layout .wrapper { margin: 0 auto; margin-top: 1.5%; margin-bottom: 1.5%; width: 97%; position: relative; box-shadow: 0 0 60px rgba(0,0,0,.1); } +body.frame-layout .header.default, body.frame-layout .header.transparent, body.frame-layout header.one-page { left: 0; right: 0; } +body.frame-layout .navbar.affix { top: 0; } +body.frame-layout header.one-page.light .navbar { min-height: 10px !important; } +body.frame-layout #footer-fixed { position: inherit !important; bottom: inherit !important; z-index: inherit; } +body.frame-layout .wrapper { margin-bottom:1.5% !important; } +body.frame-layout .christmas-coming-soon { position: absolute; } + +} + +@media all and (-ms-high-contrast:none) { +.st-menu { position: absolute; } + img.bottom-img { top: 0; } +.search-cart { display: table; } +.search { display: table-cell !important; } +.shpping-cart { display: table-cell !important; } +.search-cart .shpping-cart { float: none !important; } + .mega-menu > section.menu-list-items .search-cart .search { float: none !important; } + .search-cart .shpping-cart { vertical-align: middle; } +} + + +@media (max-width: 1100px) { +.isotope-filters button { margin: 2px; cursor: pointer; padding: 6.5px 13px; font-size: 16px; background: transparent; color: #363636; font-weight: 600; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } +} + + diff --git a/apply/css - 복사본/back/typography.css b/apply/css - 복사본/back/typography.css new file mode 100644 index 0000000..21f7c55 --- /dev/null +++ b/apply/css - 복사본/back/typography.css @@ -0,0 +1,332 @@ +/* + +Template: Webster — Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is typography stylesheet of template, This file contains typography of the Template. + +*/ + + +/*================================================ +[ Table of contents ] +================================================ + +:: General +:: Page section margin padding +:: Text color +:: Row eq height And No Gutter +:: Extra class +:: Loading +:: Back to top +:: Basic margin padding + +====================================== +[ End table content ] +======================================*/ +@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); +@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); +@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css"); + + +/************************* + General +*************************/ +body { font-family: '나눔고딕', NanumGothic, 'Nanum Gothic' , 'NotoM', sans-serif ; font-weight: bolder; font-style:normal; font-size: 14px; } +a, .btn { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; + transition: all 0.3s ease-out 0s; } +a:focus { text-decoration: none !important; } +a:focus, a:hover { color: #5E9ECA; text-decoration: none !important; } +a, button, input { outline: medium none !important; color: #5E9ECA; } +.uppercase { text-transform: uppercase; } +h1, h2, h3, h4, h5, h6 { font-family: '나눔고딕', NanumGothic, 'Nanum Gothic' ,'NotoM', sans-serif ; font-weight:bolder; font-style:italic; color: #363636; margin-top: 0px; } +h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } +label { font-weight: normal; } + +h1 { font-size: 36px; font-style: normal; font-weight: 800; line-height: 40px; } +h2 { font-size: 32px; font-style: normal; font-weight: 600; line-height: 38px; } +h3 { font-size: 28px; font-style: normal; font-weight: 600; line-height: 32px; } +h4 { font-size: 22px; font-style: normal; font-weight: 500; line-height: 26px; } +h5 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 18px; } +h6 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 18px; } + + +.fw-1 { font-weight: 100; } +.fw-2 { font-weight: 200; } +.fw-3 { font-weight: 300; } +.fw-4 { font-weight: 400; } +.fw-5 { font-weight: 500; } +.fw-6 { font-weight: 600; } +.fw-7 { font-weight: 700; } +.fw-8 { font-weight: 800; } +.fw-9 { font-weight: 900; } + +ul { margin: 0px; padding: 0px; } +p { font-weight: normal; line-height: 1.5; color: #333; } +hr { margin: 0; padding: 0px; border-bottom:1px dashed #eceff8; border-top: 0px; } + +*::-moz-selection { background: #5E9ECA; color: #fff; text-shadow: none; } +::-moz-selection { background: #5E9ECA; color: #fff; text-shadow: none; } +::selection { background: #5E9ECA; color: #fff; text-shadow: none; } + +/*************************** +Page section margin padding +****************************/ +.page-section-ptb { padding: 50px 0;background-color: #f6f6f6; } +.page-section-pt { padding:50px 0 20px 0; + /*background-color:#f7f7f7;*/ background: url(../images/bg/bg001.gif);} +.page-section-pb { padding: 0 0 80px; } + +.page-section-1-ptb { padding: 120px 0; } +.page-section-1-pt { padding: 120px 0 0; } +.page-section-1-pb { padding: 0 0 120px; } + +/************************* + Text color +*************************/ +.theme-color { color: #5E9ECA; } +.text-white { color: #fff; } +.text-black { color: #000; } +.text-gray { color:#9b9b9b; } +.text-darkgray { color:#9b9b9b; } +.text-orange { color:#f5a623; } +.text-red { color:#D0021B; } + + +img.bottom-img { position: absolute; bottom: 0; left: 0; right: 0; } + +/************************* + Text size +*************************/ +.f10 { font-size:10px; } +.f12 { font-size:12px; } +.f14 { font-size:14px; } +.f16 { font-size:16px; } +.f18 { font-size:18px; } +.f20 { font-size:20px; } +.f22 { font-size:22px; } +.f24 { font-size:24px; } +.f28 { font-size:28px; } +.f30 { font-size:30px; } +.f32 { font-size:32px; } +.f48 { font-size:48px; } + +/******************************************** + Row-eq-height And No Gutter +/*********************************************/ +.no-gutter{ margin-right:0; margin-left:0;} +.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;} +.row-eq-height{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;} +.row-eq-height.full-height > [class*='col-'] > div{height: 100%;} + +/* Vertical Align */ +.valign{display: table;} +.valign > [class*='col-']{display:table-cell; float:none;} +[data-valign-overlay="top"]{vertical-align:top;} +[data-valign-overlay="middle"]{vertical-align:middle;} +[data-valign-overlay="bottom"]{vertical-align:bottom;} + + + /************************* + Extra class +*************************/ +.o-hidden { overflow: hidden; } +.position-re { position: relative; } +.full-width{width: 100% !important;} +section { background: #f6f6f6; } + +/************************* + back to top +*************************/ +#back-to-top .top { z-index: 999; + position: fixed; + margin: 0px; + color: #fff; + transition: all .5s ease-in-out; + position: fixed; + bottom: 55px; + right: 15px; + border-radius: 50px; + z-index: 999; + background: transparent; + font-size: 24px; + background: #5E9ECA; + width: 70px; + height: 70px; + text-align: center; } +#back-to-top i { padding-top: 2px; font-size: 20px; } +#back-to-top span { display: block; line-height: 8px; font-size: 11px; } + + /************************* + Basic margin padding +*************************/ +.m-0 { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; } +.p-0 { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; } + +/************************* + Margin top +*************************/ +.mt-0 { margin-top: 0 !important; } +.mt-10 { margin-top: 10px !important; } +.mt-15 { margin-top: 15px !important; } +.mt-20 { margin-top: 20px !important; } +.mt-30 { margin-top: 30px !important; } +.mt-40 { margin-top: 40px !important; } +.mt-50 { margin-top: 50px !important; } +.mt-60 { margin-top: 60px !important; } +.mt-70 { margin-top: 70px !important; } +.mt-80 { margin-top: 80px !important; } +.mt-90 { margin-top: 90px !important; } +.mt-100 { margin-top: 100px !important; } +.mt-110 { margin-top: 110px !important; } +.mt-120 { margin-top: 120px !important; } +.mt-130 { margin-top: 130px !important; } +.mt-140 { margin-top: 140px !important; } +.mt-150 { margin-top: 150px !important;} + + /************************* + Margin right +*************************/ +.mr-0 { margin-right: 0!important } +.mr-10 { margin-right: 10px !important; } +.mr-15 { margin-right: 15px !important; } +.mr-20 { margin-right: 20px !important; } +.mr-30 { margin-right: 30px !important; } +.mr-40 { margin-right: 40px !important; } +.mr-50 { margin-right: 50px !important; } +.mr-60 { margin-right: 60px !important; } +.mr-70 { margin-right: 70px !important; } +.mr-80 { margin-right: 80px !important; } +.mr-90 { margin-right: 90px !important; } +.mr-100 { margin-right: 100px !important; } +.mr-110 { margin-right: 110px !important; } +.mr-120 { margin-right: 120px !important; } +.mr-130 { margin-right: 130px !important; } +.mr-140 { margin-right: 140px !important; } +.mr-150 { margin-right: 150px !important; } + + /************************* + Margin bottom +*************************/ +.mb-0 { margin-bottom: 0!important } +.mb-10 { margin-bottom: 10px !important; } +.mb-15 { margin-bottom: 15px !important; } +.mb-20 { margin-bottom: 20px !important; } +.mb-30 { margin-bottom: 30px !important; } +.mb-40 { margin-bottom: 40px !important; } +.mb-50 { margin-bottom: 50px !important; } +.mb-60 { margin-bottom: 60px !important; } +.mb-70 { margin-bottom: 70px !important; } +.mb-80 { margin-bottom: 80px !important; } +.mb-90 { margin-bottom: 90px !important; } +.mb-100 { margin-bottom: 100px !important; } +.mb-110 { margin-bottom: 110px !important; } +.mb-120 { margin-bottom: 120px !important; } +.mb-130 { margin-bottom: 130px !important; } +.mb-140 { margin-bottom: 140px !important; } +.mb-150 { margin-bottom: 150px !important; } + +/************************* + Margin left +*************************/ +.ml-0 { margin-left: 0!important } +.ml-10 { margin-left: 10px !important; } +.ml-15 { margin-left: 15px !important; } +.ml-20 { margin-left: 20px !important; } +.ml-30 { margin-left: 30px !important; } +.ml-40 { margin-left: 40px !important; } +.ml-50 { margin-left: 50px !important; } +.ml-60 { margin-left: 60px !important; } +.ml-70 { margin-left: 70px !important; } +.ml-80 { margin-left: 80px !important; } +.ml-90 { margin-left: 90px !important; } +.ml-100 { margin-left: 100px !important; } +.ml-110 { margin-left: 110px !important; } +.ml-120 { margin-left: 120px !important; } +.ml-130 { margin-left: 130px !important; } +.ml-140 { margin-left: 140px !important; } +.ml-150 { margin-left: 150px !important; } + + /************************* + Padding top +*************************/ +.pt-0 { padding-top: 0!important } +.pt-10 { padding-top: 10px !important; } +.pt-15 { padding-top: 15px !important; } +.pt-20 { padding-top: 20px !important; } +.pt-30 { padding-top: 30px !important; } +.pt-40 { padding-top: 40px !important; } +.pt-50 { padding-top: 50px !important; } +.pt-60 { padding-top: 60px !important; } +.pt-70 { padding-top: 70px !important; } +.pt-80 { padding-top: 80px !important; } +.pt-90 { padding-top: 90px !important; } +.pt-100 { padding-top: 100px !important; } +.pt-110 { padding-top: 110px !important; } +.pt-120 { padding-top: 120px !important; } +.pt-130 { padding-top: 130px !important; } +.pt-140 { padding-top: 140px !important; } +.pt-150 { padding-top: 150px !important; } + + /************************* + Padding right +*************************/ +.pr-0 { padding-right: 0!important } +.pr-10 { padding-right: 10px !important; } +.pr-15 { padding-right: 15px !important; } +.pr-20 { padding-right: 20px !important; } +.pr-30 { padding-right: 30px !important; } +.pr-40 { padding-right: 40px !important; } +.pr-50 { padding-right: 50px !important; } +.pr-60 { padding-right: 60px !important; } +.pr-70 { padding-right: 70px !important; } +.pr-80 { padding-right: 80px !important; } +.pr-90 { padding-right: 90px !important; } +.pr-100 { padding-right: 100px !important; } +.pr-110 { padding-right: 110px !important; } +.pr-120 { padding-right: 120px !important; } +.pr-130 { padding-right: 130px !important; } +.pr-140 { padding-right: 140px !important; } + + /************************* + Padding bottom +*************************/ +.pb-0 { padding-bottom: 0!important } +.pb-10 { padding-bottom: 10px !important; } +.pb-15 { padding-bottom: 15px !important; } +.pb-20 { padding-bottom: 20px !important; } +.pb-30 { padding-bottom: 30px !important; } +.pb-40 { padding-bottom: 40px !important; } +.pb-50 { padding-bottom: 50px !important; } +.pb-60 { padding-bottom: 60px !important; } +.pb-70 { padding-bottom: 70px !important; } +.pb-80 { padding-bottom: 80px !important; } +.pb-90 { padding-bottom: 90px !important; } +.pb-100 { padding-bottom: 100px !important; } +.pb-110 { padding-bottom: 110px !important; } +.pb-120 { padding-bottom: 120px !important; } +.pb-130 { padding-bottom: 130px !important; } +.pb-140 { padding-bottom: 140px !important; } +.pb-150 { padding-bottom: 150px !important; } + + /************************* + Padding left +*************************/ +.pl-0 { padding-left: 0!important } +.pl-10 { padding-left: 10px !important; } +.pl-15 { padding-left: 15px !important; } +.pl-20 { padding-left: 20px !important; } +.pl-30 { padding-left: 30px !important; } +.pl-40 { padding-left: 40px !important; } +.pl-50 { padding-left: 50px !important; } +.pl-60 { padding-left: 60px !important; } +.pl-70 { padding-left: 70px !important; } +.pl-80 { padding-left: 80px !important; } +.pl-90 { padding-left: 90px !important; } +.pl-100 { padding-left: 100px !important; } +.pl-110 { padding-left: 110px !important; } +.pl-120 { padding-left: 120px !important; } +.pl-130 { padding-left: 130px !important; } +.pl-140 { padding-left: 140px !important; } +.pl-150 { padding-left: 150px !important; } \ No newline at end of file diff --git a/apply/css - 복사본/custom.css b/apply/css - 복사본/custom.css new file mode 100644 index 0000000..76cfddc --- /dev/null +++ b/apply/css - 복사본/custom.css @@ -0,0 +1,313 @@ +/* Add here all your CSS customizations */ + +/*border*/ +.border-right { border-right:1px solid #FC5C3C; } +.border-bottom { border-bottom:1px solid #979797; } + + +/*bg*/ +.info-bg { + background-image: url(..//images/bg/info-bg.jpg); + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} + + +/*footer-nav */ +#footer-nav {list-style:none; margin-bottom:20px;} +#footer-nav li{display:inline-block; position:relative; line-height: 20px;} + +#footer-nav li:first-child > a {border: 0;} +#footer-nav li > a {border-left: 1px solid #999; padding-left:10px; padding-right:10px} +.nav-item a { color:#fff; text-decoration:none; font-size:14px; font-weight:bold;} +.nav-item a:hover { font-weight:600; } +.nav-item a:visited { text-decoration:none; } +.link-h a { color: #FC5C3C !important; font-size: 20px;} + + + +/* responsive */ +/* @media (max-width: 991px) { + .border-right { border:0; } + .footer-logo { width:30%; } + .btn-dropdown { width:30%; } +}*/ + +.owl-carousel .owl-dots { + position: absolute; + bottom: 15px; +} + + +.sideMenu span { + font-size: 16px !important; + font-weight: bold; +} + +.sideMenu i { + float: right; +} +.sideMenu a{ + border-radius: 50px !important; + color: gray; +} + +.sideMenu .active { + color: #FC5C3C !important; +} + + +.sub-menu { + padding-left: 20px; + margin: 10px 0; +} +.sub-menu span { + font-size: 14px !important; + font-weight: bold; +} +.sub-menu a{ + border-radius: 50px !important; + color: gray; +} + +.maru { + border-radius: 5px; + padding: 4px 8px; + margin-right: 10px; + color: orange; + border: thin solid black; + background-color: white; +} + +.maru-b { + border-radius: 5px; + padding: 4px 8px; + margin-right: 10px; + color: yellow; + background-color: black; +} + +p {font-size:14px !important; font-family: '나눔고딕', NanumGothic, 'Nanum Gothic' , 'NotoM', sans-serif ;} + +.caution { + color: red; + font-weight: bold; +} + +.news-title { + padding: 20px; background-color: #f6f6f6; border-top: #B6B6B6 solid 1px ; border-bottom: #B6B6B6 solid 1px ; font-size: 18px; +} + +.news-col-4 { + text-align: center; + color: gray; + padding: 20px; +} + +.news-contents { + padding: 20px; +} + + +.event_t { + font-size: 1.4em !important; + font-weight: bold; +} + +.event_subt { + font-size: 1.4em !important; + font-weight: bold; + color:#9b9b9b; +} + + +.event-table { + border-collapse: collapse; + text-align: center !important; + border: 1px solid #ccc; + width:100%; +} +.event-table thead { + border-right: 1px solid #ccc; + border-left: 1px solid #ccc; + background: #c6beb1; +} +.event-table thead th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + color: #fff; +} +.event-table tbody th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + background: #ede3df; +} +.event-table td { + padding: 10px; + vertical-align: middle; + border: 1px solid #ccc; + background-color:#fff; +} + +.event-tablelist li{ + padding: 10px; + text-align:left; + color:#000; + list-style:none; + font-weight:600; +} + +.eventbutton { + font-size:11px !important; padding: 0 10px !important; margin: 0 10px !important; +} + + +.in-p { + margin-left: 25px !important; +} + +table.basic-table { + border-collapse: collapse; + text-align: center; + border: 1px solid #ccc; + width:100%; +} +table.basic-table thead { + border-right: 1px solid #ccc; + border-left: 1px solid #ccc; + background: #c6beb1; +} +table.basic-table thead th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + color: #fff; +} +table.basic-table tbody th { + padding: 5px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + background: #ede3df; +} +table.basic-table td { + padding: 10px; + vertical-align: middle; + border: 1px solid #ccc; + background-color:#fff; +} + +.reserve_li li{ margin: 0 20px; line-height: inherit !important; padding: 10px 0;} +.reserve_li span {font-weight: normal; color: gray; font-size: 12px;} +.reserve_li .emp_text { font-size:14px; color:#D0021B; font-weight:bold; } + + + table.info-timetable { + border-collapse: collapse; + text-align: center; + border: 1px solid #ccc; + width:100%; +} +table.info-timetable thead { + border-right: 1px solid #ccc; + border-left: 1px solid #ccc; + background: #c6beb1; +} +table.info-timetable thead th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + color: #fff; + text-align: center; +} +table.info-timetable tbody th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + background: #ede3df; + text-align: center; +} +table.info-timetable td { + padding: 10px; + vertical-align: middle; + border: 1px solid #ccc; +} + +.table-t { + color: #fff !important; +} + + +.table-t i { + vertical-align: bottom; + margin: 0 30px; + font-size: 24px; + font-weight: bold; + color: #fff !important; +} + +.sund { + color: red !important; +} + +.satd { + color: blue !important; +} + +/*cell background */ +.bg-t1 { + background-color:#fbf3c4; +} +.bg-t2 { + background-color:#d5f2f8; +} +.bg-t3 { + background-color:#fcebec; +} + +/* timetable label */ +table.timetable-label { + text-align: center; + width:70%; +} +table.timetable-label td { + padding: 10px; + vertical-align: middle; + font-weight: 600; + font-size:12px; +} + +.form-warning { + font-size: 11px !important; color: red; +} + +.form-tarea { + font-size: 11px !important; color: gray; +} + + +.form-font { + font-size: 11px !important; color: black; +} + +.h-icon { + vertical-align: top; font-size:12px; color:#9b9b9b; +} + +.personal-area { + width:100%; border: none; padding: 10px; font-size: 12px; +} + +.sitemap .title { + font-size:18px !important; color: orange; font-weight: bold; +} + +.sitemap ul li a { font-size:14px !important; padding-left:10px;} \ No newline at end of file diff --git a/apply/css - 복사본/plugins-css.css b/apply/css - 복사본/plugins-css.css new file mode 100644 index 0000000..6d2c424 --- /dev/null +++ b/apply/css - 복사본/plugins-css.css @@ -0,0 +1,22 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file includes all plugins. If you don't want to use any plugins from below. You can simply remove that line from this file. + +*/ + +/*plugins*/ +@import url("plugins/bootstrap.min.css"); +@import url("plugins/mega_menu.css"); +@import url("plugins/animate.css"); +@import url("plugins/font-awesome.min.css"); +@import url("plugins/bootstrap-datetimepicker.min.css"); +@import url("plugins/dataTables.bootstrap.min.css"); +@import url("plugins/magnific-popup.css"); +@import url("plugins/mediaelementplayer.css"); +@import url("plugins/owl.carousel.min.css"); +@import url("plugins/slick-theme.css"); +@import url("plugins/themify-icons.css"); \ No newline at end of file diff --git a/apply/css - 복사본/plugins/_bootstrap.min.css b/apply/css - 복사본/plugins/_bootstrap.min.css new file mode 100644 index 0000000..ed3905e --- /dev/null +++ b/apply/css - 복사본/plugins/_bootstrap.min.css @@ -0,0 +1,6 @@ +/*! + * Bootstrap v3.3.7 (http://getbootstrap.com) + * Copyright 2011-2016 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}} +/*# sourceMappingURL=bootstrap.min.css.map */ \ No newline at end of file diff --git a/apply/css - 복사본/plugins/_mega_menu.css b/apply/css - 복사본/plugins/_mega_menu.css new file mode 100644 index 0000000..9425de1 --- /dev/null +++ b/apply/css - 복사본/plugins/_mega_menu.css @@ -0,0 +1,722 @@ +/* MENU BASIC LAYOUT */ +.mega-menu { margin: 0 auto; padding: 0; display: block; float: none; position: relative; z-index: 999;/* max-width: 1280px; + width: 100%;*/ font-size: 16px; min-height: 100px; clear: both; box-sizing: border-box; } + @media screen and (max-width:992px) { + .mega-menu { /*float: left;*/ + margin: 0; /*min-width: 200px;*/ } + } + .mega-menu * { outline: none; list-style: none; text-decoration: none; box-sizing: border-box !important; font-weight: 400; -webkit-tap-highlight-color: transparent; text-align: left; } + @media screen and (max-width:992px) { + .mega-menu * { word-break: break-all; } + } + .mega-menu i.fa { /*----------------------------- FONT AWESOME ICONS */ + font-family: "FontAwesome"; } + .mega-menu img { /*------------------------------- IMAGE */ + margin: 0; padding: 0; display: block; max-width: 100% !important; float: left; } + .mega-menu .menu-logo img { height: 40px; } + .mega-menu input { /*------------------------------ DEFAULT INPUT */ + border: none; } + .mega-menu > section.menu-list-items { margin: 0; padding: 35px 0; display: block; float: left; width: 100%; background-color: transparent; } + .mega-menu .menu-logo { /*----------------------------------- MENU LOGO */ + margin: 0; padding: 0; display: block; float: left; position: relative; } + @media screen and (min-width:993px) { + .mega-menu .menu-logo.menu-logo-align-right { /*---------------------------------------------- MENU LOGO ALIGN RIGHT */ + float: right; } + } + @media screen and (max-width:992px) { + .mega-menu .menu-logo { width: 100%; } + } + .mega-menu .menu-logo > li { margin: 0; padding: 0; display: block; float: left; font-size: 1em; line-height: 50px; } + @media screen and (max-width:992px) { + .mega-menu .menu-logo > li { width: 100%; line-height: normal; } + } + .mega-menu .menu-logo > li > a { margin: 0; display: inline-block; float: left; width: 100%; color: #ffffff; font-size: 0.7800em; /*padding: 0 20px 0 45px;*/ line-height: 50px; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; } + .mega-menu .menu-logo > li > a:hover { /*-------------------------------------- HOVER MENU LOGO */ + + /*background-color: #5E9ECA;*/ } + @media screen and (max-width:992px) { + .mega-menu .menu-logo > li > a { line-height: normal; padding-top: 16px; padding-bottom: 16px; position: relative; z-index: 10; width: auto; } + } + .mega-menu .menu-logo > li > a i.fa { /*--------------------------------------- LOGO ICON */ + padding: 0; display: inline-block; font-size: 1.25em; position: absolute; top: 0; left: 20px; bottom: 0; margin: auto 0; line-height: 50px; } + .mega-menu .menu-logo > li > a img { /*--------------------------------------- LOGO IMAGE ICON */ + + /* width: 20px; + height: 20px; + position: absolute; + top: 0; + left: 15px; + bottom: 0; + margin: auto 0;*/ } + .mega-menu .menu-links { /*---------------------------------------- MENU LINKS */ + margin: 0; padding: 0; display: block; float: right; } + @media screen and (max-width:992px) { + .mega-menu .menu-links { width: 100%; background: #fff; } + } + @media screen and (min-width:993px) { + .mega-menu .menu-links { display: block !important; max-height: 100% !important; overflow: visible !important; } + .mega-menu .menu-links.menu-links-align-right { /*------------------------------------------ MENU LINKS ALIGN RIGHT */ + float: right; } + } + .mega-menu .menu-links > li { margin: 0; padding: 0; display: block; float: left; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; font-size: 1em; } + @media screen and (max-width:992px) { + .mega-menu .menu-links > li { width: 100%; position: relative; cursor: pointer; line-height: normal; border-bottom: 1px solid #f3f3f3; z-index: 50; } + .mega-menu .menu-links > li.activeTriggerMobile { /*background-color: #5E9ECA;*/ } + } + @media screen and (min-width:993px) { + .mega-menu .menu-links > li.activeTrigger { background-color: #5E9ECA; } + } + .mega-menu .menu-links > li.active a { /*------------------------------------- ACTIVE CLASS MENU LINKS */ + background-color: transparent; color: #5E9ECA; } + .mega-menu .menu-links > li:hover { /*-------------------------------------- HOVER MENU LINKS */ + background-color: transparent; color: #5E9ECA; } + .mega-menu .menu-links > li > a { margin: 0; padding: 0 13px; display: inline-block; float: none; width: 100%; color: #ffffff; font-size: 0.933em; line-height: 64px; position: relative; text-transform: capitalize; } + .mega-menu .menu-links > li > a:hover { color: #5E9ECA; } + @media screen and (max-width:992px) { + .mega-menu .menu-links > li > a { width: auto; line-height: normal; padding-top: 10px; padding-bottom: 10px; position: static; padding-right: 10px; z-index: 20; color: #363636; } + } + .mega-menu .menu-links > li > a i.fa { /*---------------------------------------------------- MENU LINKS ICONS*/ + font-size: 1em; line-height: 0.7800em; padding-right: 2px; } + .mega-menu .menu-links > li > a i.fa.fa-indicator { padding-right: 0; padding-left: 2px; } + @media screen and (max-width:992px) { + .mega-menu .menu-links > li > a i.fa.fa-indicator { float: right; position: absolute; right: 20px; top: 0; bottom: 0; line-height: 40px; height: 50px; z-index: -1; } + } + .mega-menu .menu-social-bar { /*---------------------------------------------- MENU SOCIAL BAR */ + margin: 0; display: block; float: left; padding: 0 10px; } + @media screen and (min-width:993px) { + .mega-menu .menu-social-bar { display: block !important; } + } + @media screen and (min-width:993px) { + .mega-menu .menu-social-bar.menu-social-bar-right { float: right; } + } + @media screen and (max-width:992px) { + .mega-menu .menu-social-bar { width: 100%; text-align: center; } + } + .mega-menu .menu-social-bar > li { margin: 0; padding: 0; display: block; float: left; font-size: 1em; line-height: 50px; } + .mega-menu .menu-social-bar > li[data-color='blue'] > a:hover { background-color: #3b5998; } + .mega-menu .menu-social-bar > li[data-color='sky-blue'] > a:hover { background-color: #2caae1; } + .mega-menu .menu-social-bar > li[data-color='orange'] > a:hover { background-color: #dd4b39; } + .mega-menu .menu-social-bar > li[data-color='red'] > a:hover { background-color: #bd081c; } + @media screen and (max-width:992px) { + .mega-menu .menu-social-bar > li { float: none; display: inline-block; margin-bottom: -5px; } + } + .mega-menu .menu-social-bar > li > a { margin: 0; display: inline-block; float: left; width: 100%; color: #ffffff; font-size: 0.875em; padding: 0 5px; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; line-height: 50px; } + @media screen and (max-width:992px) { + .mega-menu .menu-social-bar > li > a { padding-left: 10px; padding-right: 10px; } + } + .mega-menu .menu-social-bar > li > a i.fa { margin: 0; padding: 0; display: inline-block; float: left; width: 100%; font-size: 1.125em; line-height: 50px; } + .mega-menu .menu-search-bar { /*--------------------------------------------------- MENU SEARCH BAR */ + margin: 0; padding: 0; display: block; float: right; position: relative; height: 50px; } + @media screen and (min-width:993px) { + .mega-menu .menu-search-bar.menu-search-bar-left { float: left; } + } + @media screen and (max-width:992px) { + .mega-menu .menu-search-bar { width: 100%; position: absolute; top: 0; right: 0; } + } + .mega-menu .menu-search-bar li, + .mega-menu .menu-search-bar form, + .mega-menu .menu-search-bar label { margin: 0; padding: 0; display: block; float: left; width: 100%; line-height: 50px; } + .mega-menu .menu-search-bar li:hover i.fa.fa-search { background: #5E9ECA; } + .mega-menu .menu-search-bar input { max-width: 0; width: 100%; margin: 0; padding: 5px 50px 5px 0; font-size: 0.7800em; -webkit-transition: max-width 400ms ease, background 400ms ease, padding-left 400ms ease; transition: max-width 400ms ease, background 400ms ease, padding-left 400ms ease; height: 50px; display: block; background: none; color: #ffffff; font-weight: 400; } + .mega-menu .menu-search-bar input:focus { max-width: 170px; background: #5E9ECA; padding-left: 20px; } + @media screen and (max-width:992px) { + .mega-menu .menu-search-bar input:focus { max-width: 100%; position: relative; z-index: 20; } + } + .mega-menu .menu-search-bar i.fa.fa-search { position: absolute; top: 0; right: 0; bottom: 0; width: 50px; text-align: center; line-height: 50px; color: #ffffff; cursor: text; -webkit-transition: background 200ms ease; transition: background 200ms ease; z-index: 40; } + .mega-menu .menu-search-bar:-moz-placeholder { opacity: 1 !important; color: #ffffff !important; } + .mega-menu .menu-search-bar::-moz-placeholder { opacity: 1 !important; color: #ffffff !important; } + .mega-menu .menu-search-bar:-ms-input-placeholder { opacity: 1 !important; color: #ffffff !important; } + .mega-menu .menu-search-bar::-webkit-input-placeholder { opacity: 1 !important; color: #ffffff !important; } + @media screen and (max-width:992px) { + .mega-menu .menu-search-bar.active input { padding-right: 150px; } + .mega-menu .menu-search-bar.active i.fa.fa-search { right: 70px; } + } + .mega-menu .menu-mobile-collapse-trigger { /*------------------------------------------------------ MOBILE COLLAPSE TRIGGER BUTTON */ + margin: 0; padding: 0; height: 50px; width: 35px; background: transparent; display: none; position: absolute; top: 0; right: 0; z-index: 100; float: right; cursor: pointer; -webkit-transition: background 200ms ease; transition: background 200ms ease; } + .mega-menu .menu-mobile-collapse-trigger:hover { background: transparent; } + .mega-menu .menu-mobile-collapse-trigger:before, + .mega-menu .menu-mobile-collapse-trigger:after, + .mega-menu .menu-mobile-collapse-trigger span { content: ""; display: block; height: 2px; width: 26px; background: #ffffff; position: absolute; top: 13px; border-radius: 3px; left: 0; right: 0; margin: 0 auto; -webkit-transition: -webkit-transform 400ms ease 0s, opacity 400ms ease; transition: transform 400ms ease 0s, opacity 400ms ease; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 0px 50% 0px; -ms-transform-origin: 0px 50% 0px; transform-origin: 0px 50% 0px; } + .home-2 .mega-menu .menu-mobile-collapse-trigger:before, + .home-2 .mega-menu .menu-mobile-collapse-trigger:after, + .home-2 .mega-menu .menu-mobile-collapse-trigger span { background: #323232; } + .mega-menu .menu-mobile-collapse-trigger:after { top: 27px; } + .mega-menu .menu-mobile-collapse-trigger span { top: 20px; } + .mega-menu .menu-mobile-collapse-trigger.active span { opacity: 0; } + .mega-menu .menu-mobile-collapse-trigger.active:before { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } + .mega-menu .menu-mobile-collapse-trigger.active:after { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); } + @media screen and (max-width:992px) { + .mega-menu .menu-mobile-collapse-trigger { display: block; } + } + .mega-menu .drop-down-multilevel { /*-------------------------------------------------- DROP DOWN MULTILEVEL */ + margin: 0; padding: 0; display: block; position: absolute; top: auto; left: auto; right: auto; z-index: 50; width: 100%; background: #ffffff; float: left; max-width: 220px; } + .mega-menu .drop-down-multilevel * { color: #323232; } + @media screen and (min-width:993px) { + .mega-menu .drop-down-multilevel { display: block !important; opacity: 0; visibility: hidden; box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.05); border-bottom: 0px; border-radius: 0px; } + } + @media screen and (max-width:992px) { + .mega-menu .drop-down-multilevel { max-width: 100% !important; position: relative; left: 0; top: 0; padding: 10px; display: none; } + } + .mega-menu .drop-down-multilevel li { margin: 0; padding: 0; display: block; float: left; border-radius: 0px; /*border-bottom: 1px solid #f3f3f3;*/ width: 100%; position: relative; -webkit-transition: background 200ms ease; transition: background 200ms ease; z-index: 50; } + .mega-menu .drop-down-multilevel li:last-child { border-bottom: 0px; } + .mega-menu .drop-down-multilevel li:hover { background: #fafafa; } + .mega-menu .drop-down-multilevel li:hover > a { color: #5E9ECA; } + .mega-menu .drop-down-multilevel li:hover > a i.fa { color: #5E9ECA; } + @media screen and (min-width:993px) { + .mega-menu .drop-down-multilevel li.activeTrigger { background: #5E9ECA; } + .mega-menu .drop-down-multilevel li.activeTrigger > a { color: #ffffff; } + .mega-menu .drop-down-multilevel li.activeTrigger > a i.fa { color: #ffffff; } + } + @media screen and (max-width:992px) { + .mega-menu .drop-down-multilevel li.activeTriggerMobile { background: #5E9ECA; } + .mega-menu .drop-down-multilevel li.activeTriggerMobile > a { color: #ffffff; } + .mega-menu .drop-down-multilevel li.activeTriggerMobile > a i.fa { color: #ffffff; } + .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #ffffff !important; } + } + .mega-menu .menu-links > li.active .drop-down-multilevel a { color: #323232; } + .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #5E9ECA; } + .mega-menu .drop-down-multilevel a { margin: 0; padding: 10px 30px; font-size: 0.7800em; text-transform: capitalize; display: inline-block; float: left; width: 100%; color: #323232; -webkit-transition: color 200ms ease; transition: color 200ms ease; min-height: 40px; } + + .mega-menu .drop-down-multilevel > li:first-child > a { padding-top: 18px; } + .mega-menu .drop-down-multilevel > li:last-child > a { padding-bottom: 18px; } + + @media screen and (max-width:992px) { + + /* .mega-menu .drop-down-multilevel a { + width: auto; + }*/ } + .mega-menu .drop-down-multilevel i.fa { float: left; line-height: 1.375em; font-size: 1em; display: block; padding-right: 10px; -webkit-transition: color 200ms ease; transition: color 200ms ease; } + .mega-menu .drop-down-multilevel i.fa-indicator { float: right; line-height: 19px; font-size: 8px; font-weight: 900; display: block; padding-left: 10px; padding-right: 0; } + @media screen and (max-width:992px) { + .mega-menu .drop-down-multilevel i.fa-indicator { float: right; height: 50px; position: absolute; top: 0; right: 20px; line-height: 50px; z-index: -1; } + } + .mega-menu .drop-down-multilevel .drop-down-multilevel { /*------------------------------------------------------ SECOND LEVEL */ + left: 100%; top: 0; } + @media screen and (min-width:993px) { + .mega-menu .drop-down-multilevel .drop-down-multilevel.left-side { /*--------------------------------------------------- ALIGN SECOND LEVEL DROP DOWN LEFT SIDE */ + left: -100%; } + } + @media screen and (max-width:992px) { + .mega-menu .drop-down-multilevel .drop-down-multilevel { left: 0; border: 1px solid #cccccc; } + } + .mega-menu .drop-down, + .mega-menu .drop-down-tab-bar { /*--------------------------------------------------------- GRID DROP DOWN */ + position: absolute; left: auto; top: auto; right: auto; background: #ffffff; float: left; padding: 10px 20px; z-index: 999; display: block; cursor: default; overflow: hidden; /*-------------------------------------------------------- 12 COLUMNS FLUID GRID WITH NESTED COLUMNS */ } + .mega-menu .drop-down *, + .mega-menu .drop-down-tab-bar * { color: #323232; } + @media screen and (min-width:993px) { + .mega-menu .drop-down.menu-bg, + .mega-menu .drop-down-tab-bar { background: rgba(255, 255, 255, 1); background-repeat: no-repeat; background-position: 120% 0; } + .mega-menu .drop-down.menu-shop-bg, + .mega-menu .drop-down-tab-bar { background: rgba(255, 255, 255, 1) url(../../images/objects/menu-shop-bg.jpg); background-repeat: no-repeat; background-position: right; } + .mega-menu .drop-down.menu-bg [class*="grid-col-"] { padding: 10px 10px 0; } + .mega-menu .rev-slider { background: #fff; padding: 7px 12px; } + .mega-menu .rev-slider p { display: inline-block; padding: 0px 10px; margin-bottom: 0px !important; line-height: 0px !important; } + .mega-menu .rev-slider a { display: inline-block; font-size: 13px !important; color: #01a9da; width: inherit !important; padding: 5px 0px; } + .mega-menu .rev-slider a:hover { color: #323232 !important; } + } + @media screen and (min-width:993px) { + .mega-menu .drop-down, + .mega-menu .drop-down-tab-bar { display: block !important; opacity: 0; visibility: hidden; /*border-top:5px solid #5E9ECA;*/ border-radius: 0px !important; box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.05); } + } + @media screen and (max-width:992px) { + .mega-menu .drop-down, + .mega-menu .drop-down-tab-bar { width: 100% !important; top: 0; left: 0; position: relative; display: none; } + } + .mega-menu .drop-down .grid-row, + .mega-menu .drop-down-tab-bar .grid-row { margin: 0; padding: 0; min-height: 1px; width: 100%; float: left; clear: both; } + .mega-menu .drop-down [class*="grid-col-"], + .mega-menu .drop-down-tab-bar [class*="grid-col-"] { margin: 0; float: left; padding: 10px; position: relative; } + .mega-menu .drop-down .grid-col-1, + .mega-menu .drop-down-tab-bar .grid-col-1 { width: 8.333333333333333%; } + .mega-menu .drop-down .grid-col-2, + .mega-menu .drop-down-tab-bar .grid-col-2 { width: 16.66666666666667%; } + .mega-menu .drop-down .grid-col-3, + .mega-menu .drop-down-tab-bar .grid-col-3 { width: 25%; } + .mega-menu .drop-down .grid-col-4, + .mega-menu .drop-down-tab-bar .grid-col-4 { width: 33.33333333333333%; } + .mega-menu .drop-down .grid-col-5, + .mega-menu .drop-down-tab-bar .grid-col-5 { width: 41.66666666666667%; } + .mega-menu .drop-down .grid-col-6, + .mega-menu .drop-down-tab-bar .grid-col-6 { width: 50%; } + .mega-menu .drop-down .grid-col-7, + .mega-menu .drop-down-tab-bar .grid-col-7 { width: 58.33333333333333%; } + .mega-menu .drop-down .grid-col-8, + .mega-menu .drop-down-tab-bar .grid-col-8 { width: 66.66666666666667%; } + .mega-menu .drop-down .grid-col-9, + .mega-menu .drop-down-tab-bar .grid-col-9 { width: 75%; } + .mega-menu .drop-down .grid-col-10, + .mega-menu .drop-down-tab-bar .grid-col-10 { width: 83.33333333333333%; } + .mega-menu .drop-down .grid-col-11, + .mega-menu .drop-down-tab-bar .grid-col-11 { width: 91.66666666666667%; } + .mega-menu .drop-down .grid-col-12, + .mega-menu .drop-down-tab-bar .grid-col-12 { width: 100%; } + .mega-menu .drop-down.grid-col-1, + .mega-menu .drop-down-tab-bar.grid-col-1 { width: 8.333333333333333%; } + .mega-menu .drop-down.grid-col-2, + .mega-menu .drop-down-tab-bar.grid-col-2 { width: 16.66666666666667%; } + .mega-menu .drop-down.grid-col-3, + .mega-menu .drop-down-tab-bar.grid-col-3 { width: 25%; } + .mega-menu .drop-down.grid-col-4, + .mega-menu .drop-down-tab-bar.grid-col-4 { width: 33.33333333333333%; } + .mega-menu .drop-down.grid-col-5, + .mega-menu .drop-down-tab-bar.grid-col-5 { width: 41.66666666666667%; } + .mega-menu .drop-down.grid-col-6, + .mega-menu .drop-down-tab-bar.grid-col-6 { width: 50%; } + .mega-menu .drop-down.grid-col-7, + .mega-menu .drop-down-tab-bar.grid-col-7 { width: 58.33333333333333%; } + .mega-menu .drop-down.grid-col-8, + .mega-menu .drop-down-tab-bar.grid-col-8 { width: 66.66666666666667%; } + .mega-menu .drop-down.grid-col-9, + .mega-menu .drop-down-tab-bar.grid-col-9 { width: 75%; } + .mega-menu .drop-down.grid-col-10, + .mega-menu .drop-down-tab-bar.grid-col-10 { width: 83.33333333333333%; } + .mega-menu .drop-down.grid-col-11, + .mega-menu .drop-down-tab-bar.grid-col-11 { width: 91.66666666666667%; } + .mega-menu .drop-down.grid-col-12, + .mega-menu .drop-down-tab-bar.grid-col-12 { width: 100%; left: 0; } + @media screen and (max-width:992px) { + .mega-menu .drop-down [class*="grid-col-"], + .mega-menu .drop-down-tab-bar [class*="grid-col-"] { width: 50%; } + } + @media screen and (max-width:992px) { + .mega-menu .drop-down [class*="grid-col-"], + .mega-menu .drop-down-tab-bar [class*="grid-col-"] { width: 100%; } + } + .mega-menu .drop-down.grid-demo span, + .mega-menu .drop-down-tab-bar.grid-demo span { float: left; display: inline-block; width: 100%; padding: 4px 6px; background: #bfbfbf; font-size: 0.75em; color: #323232; } + .mega-menu .drop-down .space-0, + .mega-menu .drop-down-tab-bar .space-0 { /*--------------------------------------------------------- SPACE 0 CLASS */ + padding: 0 !important; margin: 0 !important; } + .mega-menu .drop-down a, + .mega-menu .drop-down-tab-bar a { font-size: 0.7800em; display: inline-block; padding: 8px 0; width: 100%; max-width: 100%; text-transform: capitalize; } + .mega-menu .drop-down h1, + .mega-menu .drop-down h2, + .mega-menu .drop-down h3, + .mega-menu .drop-down h4, + .mega-menu .drop-down h5, + .mega-menu .drop-down h6, + .mega-menu .drop-down-tab-bar h1, + .mega-menu .drop-down-tab-bar h2, + .mega-menu .drop-down-tab-bar h3, + .mega-menu .drop-down-tab-bar h4, + .mega-menu .drop-down-tab-bar h5, + .mega-menu .drop-down-tab-bar h6 { margin-top: 0; font-weight: 700; } + .mega-menu .drop-down h1, + .mega-menu .drop-down-tab-bar h1 { font-size: 1.5em; line-height: 1; padding-top: 0.53em; margin-bottom: 0.5em; } + .mega-menu .drop-down h2, + .mega-menu .drop-down-tab-bar h2 { font-size: 1.375em; padding-top: 0.25em; margin-bottom: 0.5em; } + .mega-menu .drop-down h3, + .mega-menu .drop-down-tab-bar h3 { font-size: 1.125em; line-height: 1; padding-top: 0.35em; margin-bottom: 0.65em; } + .mega-menu .drop-down h4, + .mega-menu .drop-down-tab-bar h4 { font-size: 1em; text-transform: capitalize; line-height: 1.25; padding-top: 0.45em; margin-bottom: 0px; padding-left: 8px; letter-spacing: 0px; } + .mega-menu .drop-down h5, + .mega-menu .drop-down-tab-bar h5 { font-size: 0.875em; font-weight: bold; padding-top: 0.6em; margin-bottom: 0.9em; } + .mega-menu .drop-down h6, + .mega-menu .drop-down-tab-bar h6 { font-size: 0.75em; font-weight: bold; margin-bottom: 0; } + .mega-menu .drop-down figure img, + .mega-menu .drop-down-tab-bar figure img { width: 100%; height: auto; display: block; } + .mega-menu .drop-down figcaption, + .mega-menu .drop-down-tab-bar figcaption { font-size: small; font-style: italic; color: #666666; } + .mega-menu .drop-down ul, + .mega-menu .drop-down ol, + .mega-menu .drop-down dl, + .mega-menu .drop-down-tab-bar ul, + .mega-menu .drop-down-tab-bar ol, + .mega-menu .drop-down-tab-bar dl { padding: 0; margin: 0 0 0px; } + .mega-menu .drop-down form, + .mega-menu .drop-down-tab-bar form { margin-bottom: 1.5em; } + .mega-menu .drop-down form ul, + .mega-menu .drop-down-tab-bar form ul { list-style: none none; margin: 0; padding: 0; } + .mega-menu .drop-down form ul li, + .mega-menu .drop-down-tab-bar form ul li { *zoom: 1; margin-bottom: 1.5em; } + .mega-menu .drop-down form ul li:before, + .mega-menu .drop-down form ul li:after, + .mega-menu .drop-down-tab-bar form ul li:before, + .mega-menu .drop-down-tab-bar form ul li:after { content: ""; display: table; } + .mega-menu .drop-down form ul li:after, + .mega-menu .drop-down-tab-bar form ul li:after { clear: both; } + .mega-menu .drop-down fieldset, + .mega-menu .drop-down-tab-bar fieldset { margin: 0; padding: 1.5em; } + .mega-menu .drop-down label, + .mega-menu .drop-down-tab-bar label { display: block; } + .mega-menu .drop-down label.inline, + .mega-menu .drop-down-tab-bar label.inline { display: inline; padding-right: 24px; } + .mega-menu .drop-down input[type="text"], + .mega-menu .drop-down input[type="url"], + .mega-menu .drop-down input[type="email"], + .mega-menu .drop-down input[type="password"], + .mega-menu .drop-down input[type="search"], + .mega-menu .drop-down input[type="number"], + .mega-menu .drop-down input[type="date"], + .mega-menu .drop-down input[type="month"], + .mega-menu .drop-down input[type="week"], + .mega-menu .drop-down input[type="time"], + .mega-menu .drop-down input[type="datetime"], + .mega-menu .drop-down input[type="datetime-local"], + .mega-menu .drop-down input[type="tel"], + .mega-menu .drop-down textarea, + .mega-menu .drop-down-tab-bar input[type="text"], + .mega-menu .drop-down-tab-bar input[type="url"], + .mega-menu .drop-down-tab-bar input[type="email"], + .mega-menu .drop-down-tab-bar input[type="password"], + .mega-menu .drop-down-tab-bar input[type="search"], + .mega-menu .drop-down-tab-bar input[type="number"], + .mega-menu .drop-down-tab-bar input[type="date"], + .mega-menu .drop-down-tab-bar input[type="month"], + .mega-menu .drop-down-tab-bar input[type="week"], + .mega-menu .drop-down-tab-bar input[type="time"], + .mega-menu .drop-down-tab-bar input[type="datetime"], + .mega-menu .drop-down-tab-bar input[type="datetime-local"], + .mega-menu .drop-down-tab-bar input[type="tel"], + .mega-menu .drop-down-tab-bar textarea { display: block; width: 100%; margin: 0 0 0.75em; padding: 10px; font-size: 0.7800em; border: 1px solid #e8e8e8; line-height: 1.5em; } + .mega-menu .drop-down select, + .mega-menu .drop-down-tab-bar select { width: 100%; height: 2.1em; margin-bottom: 0.9em; border: 1px solid #cccccc; } + .mega-menu .drop-down input[type="range"], + .mega-menu .drop-down input[type="color"], + .mega-menu .drop-down-tab-bar input[type="range"], + .mega-menu .drop-down-tab-bar input[type="color"] { vertical-align: middle; height: 1.5em; width: 100%; } + .mega-menu .drop-down input[type="range"], + .mega-menu .drop-down-tab-bar input[type="range"] { height: 1.4em; } + .mega-menu .drop-down input[type="color"], + .mega-menu .drop-down-tab-bar input[type="color"] { width: 1.5em; } + .mega-menu .drop-down input[type="time"], + .mega-menu .drop-down-tab-bar input[type="time"] { margin: 0 0 0.55em; } + .mega-menu .drop-down progress, + .mega-menu .drop-down meter, + .mega-menu .drop-down-tab-bar progress, + .mega-menu .drop-down-tab-bar meter { display: block; width: 100%; height: 1.5em; } + .mega-menu .drop-down table, + .mega-menu .drop-down-tab-bar table { margin-bottom: 1.4em; width: 100%; border: 1px solid #cccccc; } + .mega-menu .drop-down thead, + .mega-menu .drop-down-tab-bar thead { text-align: left; font-weight: bold; } + .mega-menu .drop-down tbody tr:nth-child(even) td, + .mega-menu .drop-down-tab-bar tbody tr:nth-child(even) td { background: #dddddd; } + .mega-menu .drop-down tfoot, + .mega-menu .drop-down-tab-bar tfoot { font-style: italic; } + .mega-menu .drop-down tfoot td, + .mega-menu .drop-down tfoot th, + .mega-menu .drop-down-tab-bar tfoot td, + .mega-menu .drop-down-tab-bar tfoot th { padding: 0.75em 10px; } + .mega-menu .drop-down th, + .mega-menu .drop-down td, + .mega-menu .drop-down caption, + .mega-menu .drop-down-tab-bar th, + .mega-menu .drop-down-tab-bar td, + .mega-menu .drop-down-tab-bar caption { border: 1px solid #cccccc; } + .mega-menu .drop-down td, + .mega-menu .drop-down th, + .mega-menu .drop-down-tab-bar td, + .mega-menu .drop-down-tab-bar th { padding: 0 10px 0 10px; line-height: 1.45em; } + .mega-menu .drop-down caption, + .mega-menu .drop-down-tab-bar caption { border-bottom: 0; padding: 0.75em 10px; line-height: 1.45em; text-align: left; font-style: italic; } + .mega-menu .drop-down p, + .mega-menu .drop-down-tab-bar p { margin: 0 0 1.5em 0; font-size: 0.7800em; } + .mega-menu .drop-down blockquote, + .mega-menu .drop-down-tab-bar blockquote { margin: 0 1.5em 1.5em; font-style: italic; } + .mega-menu .drop-down mark, + .mega-menu .drop-down-tab-bar mark { line-height: 1.5; background: #78aace; color: #ffffff; } + .mega-menu .drop-down del, + .mega-menu .drop-down-tab-bar del { color: #dddddd; } + .mega-menu .drop-down code, + .mega-menu .drop-down kbd, + .mega-menu .drop-down pre, + .mega-menu .drop-down samp, + .mega-menu .drop-down-tab-bar code, + .mega-menu .drop-down-tab-bar kbd, + .mega-menu .drop-down-tab-bar pre, + .mega-menu .drop-down-tab-bar samp { } + .mega-menu .drop-down ins, + .mega-menu .drop-down small, + .mega-menu .drop-down-tab-bar ins, + .mega-menu .drop-down-tab-bar small { line-height: 1.5; } + .mega-menu .drop-down kbd, + .mega-menu .drop-down samp, + .mega-menu .drop-down-tab-bar kbd, + .mega-menu .drop-down-tab-bar samp { line-height: 1.4; } + .mega-menu .drop-down hr, + .mega-menu .drop-down-tab-bar hr { background: #cccccc; color: #cccccc; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1.4em; border: none; } + .mega-menu .drop-down input[type="submit"], + .mega-menu .drop-down input[type="button"], + .mega-menu .drop-down-tab-bar input[type="submit"], + .mega-menu .drop-down-tab-bar input[type="button"] { background: #5E9ECA; padding: 10px 20px; margin: 5px 10px 0 0; line-height: 1.5em; font-weight: 600; font-size: 0.7800em; color: #ffffff; border-radius: 0; display: block; float: left; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; } + .mega-menu .drop-down input[type="submit"]:hover, + .mega-menu .drop-down input[type="button"]:hover, + .mega-menu .drop-down-tab-bar input[type="submit"]:hover, + .mega-menu .drop-down-tab-bar input[type="button"]:hover { background-color: #333333; } + @media screen and (max-width:992px) { + .mega-menu .drop-down input[type="submit"], + .mega-menu .drop-down input[type="button"], + .mega-menu .drop-down-tab-bar input[type="submit"], + .mega-menu .drop-down-tab-bar input[type="button"] { width: 100%; } + } + .mega-menu .drop-down a, + .mega-menu .drop-down-tab-bar a { -webkit-transition: color 200ms ease; transition: color 200ms ease; } + .mega-menu .drop-down a:hover, + .mega-menu .drop-down-tab-bar a:hover { color: #5E9ECA; } + .mega-menu .drop-down a i, + .mega-menu .drop-down-tab-bar a i { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } + .mega-menu .drop-down a:hover i, + .mega-menu .drop-down-tab-bar a:hover i { color: #5E9ECA; } + @media screen and (max-width:992px) { + .mega-menu .drop-down a, + .mega-menu .drop-down-tab-bar a { width: auto; } + } + + /*.mega-menu .drop-down ::-moz-selection, + .mega-menu .drop-down-tab-bar ::-moz-selection { + background: #ffb9ad; + } + + .mega-menu .drop-down ::selection, + .mega-menu .drop-down-tab-bar ::selection { + background: #ffb9ad; + }*/ + .mega-menu .drop-down .list-description span, + .mega-menu .drop-down-tab-bar .list-description span { color: #aeaeae; display: inline-block; width: 100%; } + .mega-menu .drop-down .image-description, + .mega-menu .drop-down-tab-bar .image-description { position: relative; } + .mega-menu .drop-down .image-description img, + .mega-menu .drop-down-tab-bar .image-description img { display: inline-block; float: left; max-width: 100%; position: absolute; left: 0; right: 0; height: 40px; width: 40px; } + .mega-menu .drop-down .image-description a, + .mega-menu .drop-down-tab-bar .image-description a { padding-left: 50px; } + .mega-menu .drop-down .image-description span, + .mega-menu .drop-down-tab-bar .image-description span { color: #aeaeae; display: inline-block; width: 100%; } + .mega-menu .drop-down i.fa, + .mega-menu .drop-down-tab-bar i.fa { padding-right: 10px; width: 20px; } + .mega-menu .drop-down iframe, + .mega-menu .drop-down-tab-bar iframe { width: 100%; display: block; float: left; margin: 0; padding: 0; border: none; } + @media screen and (min-width:993px) { + .mega-menu .drop-down.offset-1, + .mega-menu .drop-down-tab-bar.offset-1 { /*------------------------------------------- OFFSET CLASSES FOR DROP DOWN */ + margin-left: 100px; } + .mega-menu .drop-down.offset-2, + .mega-menu .drop-down-tab-bar.offset-2 { margin-left: -150px; } + .mega-menu .drop-down.offset-3, + .mega-menu .drop-down-tab-bar.offset-3 { margin-left: -200px; } + .mega-menu .drop-down.offset-4, + .mega-menu .drop-down-tab-bar.offset-4 { margin-left: -250px; } + .mega-menu .drop-down.offset-5, + .mega-menu .drop-down-tab-bar.offset-5 { margin-left: -300px; } + } + .mega-menu .drop-down .menu-contact-form, + .mega-menu .drop-down-tab-bar .menu-contact-form { /*------------------------------------------------------- MENU CONTACT FORM */ + margin: 0; display: block; float: left; width: 100%; background: #f7f7f7; padding: 20px; } + .mega-menu .mobileTriggerButton { /*---------------------------------------------------- MOBILE CLICK TRIGGER JQUERY DIV */ + margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; height: 50px; display: none; z-index: -1; } + @media screen and (max-width:992px) { + .mega-menu .mobileTriggerButton { display: block; } + } + .mega-menu .desktopTriggerButton { /*--------------------------------------------------- DESKTOP CLICK TRIGGER JQUERY DIV */ + margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; display: block; opacity: .2; } + @media screen and (max-width:992px) { + .mega-menu .desktopTriggerButton { display: none; } + } + @media screen and (min-width:993px) { + .mega-menu.desktopTopFixed .menu-list-items { /*--------------------------------------------------------- TOP FIXED FOR DESKTOP */ + position: fixed; top: 0; left: 0; right: 0; max-width: 100%; padding: 0px 10px; background: #323232; box-shadow: 0 0 10px rgba(0, 0, 0, .1); } + .mega-menu.desktopTopFixed .menu-list-items .drop-down.grid-col-12, + .mega-menu.desktopTopFixed .menu-list-items .drop-down-tab-bar.grid-col-12 { width: 100%; margin: 0px; } + .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 40px; padding-top: 0px; margin: 15px 0px; /*width: 75%;*/ } + .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 20px; } + } + @media screen and (max-width:992px) { + .mega-menu.mobileTopFixed .menu-list-items { /*--------------------------------------------------------- TOP FIXED FOR MOBILE */ + position: fixed; top: 0; left: 0; right: 0; max-width: 100%; } + } + .mega-menu .drop-down-tab-bar { /*----------------------------------------------------------- DROP DOWN TAB BAR */ + margin: 0; padding: 10px; float: left; } + .mega-menu .drop-down-tab-bar li { float: left; margin: 0; padding: 0; display: block; } + @media screen and (max-width:992px) { + .mega-menu .drop-down-tab-bar li { width: 100%; position: relative; } + } + .mega-menu .drop-down-tab-bar a { float: left; width: 100%; display: inline-block; padding: 5px 10px; font-size: 0.7800em; } + @media screen and (max-width:992px) { + .mega-menu .drop-down-tab-bar a { width: auto; padding-right: 20px; } + } + .mega-menu .drop-down-tab-bar i.fa { display: inline-block; padding-right: 5px; } + .mega-menu .drop-down-tab-bar i.fa.fa-indicator { padding-right: 0; padding-left: 10px; line-height: 0.7800em; } + @media screen and (max-width:992px) { + .mega-menu .drop-down-tab-bar i.fa.fa-indicator { float: right; position: absolute; right: 12px; top: 0; bottom: 0; line-height: 25px; } + } + @media screen and (min-width:993px) { + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-scale, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-scale, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-scale { /*--------------------------------------------- effect scale */ + -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-top, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-top, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-top { /*--------------------------------------------- effect expand top*/ + -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-bottom, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-bottom, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-bottom { /*--------------------------------------------- effect expand bottom*/ + -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; } + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-left, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-left, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-left { /*--------------------------------------------- effect expand left*/ + -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-right, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-right, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-right { /*--------------------------------------------- effect expand right*/ + -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel, + .mega-menu .menu-links li.ClickTrigger .drop-down.active, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active { -webkit-transition-delay: 200ms !important; transition-delay: 200ms !important; } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-fade, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-fade, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-fade, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-fade, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-fade, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-fade { /*------------------------------------------- DROP DOWN EFFECTS :::: fade-effect */ + opacity: 1; visibility: visible; } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-scale, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-scale, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-scale { /*--------------------------------------------- effect scale */ + opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-top, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-top, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-top { /*--------------------------------------------- effect expand top*/ + opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-bottom, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-bottom, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-bottom { /*--------------------------------------------- effect expand bottom*/ + opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-left, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-left, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-left { /*--------------------------------------------- effect expand left*/ + opacity: 1; visibility: visible; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-right, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-right, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-right { /*--------------------------------------------- effect expand right */ + opacity: 1; visibility: visible; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } + } + @media screen and (max-width:992px) { + .mega-menu .menu-links li .drop-down, + .mega-menu .menu-links li .drop-down-tab-bar, + .mega-menu .menu-links li .drop-down-multilevel { -webkit-transition: none !important; transition: none !important; } + } + @media screen and (min-width:993px) { + .mega-menu.vertical-left, + .mega-menu.vertical-right { /*----------------------------------------------------- VERTICAL LEFT OR VERTICAL RIGHT */ + float: left; width: auto; display: block; /*max-width: 250px;*/ } + .mega-menu.vertical-left .menu-logo, + .mega-menu.vertical-right .menu-logo { clear: both; width: 100%; } + .mega-menu.vertical-left .menu-logo > li, + .mega-menu.vertical-right .menu-logo > li { width: 100%; } + .mega-menu.vertical-left .menu-logo > li > a, + .mega-menu.vertical-right .menu-logo > li > a { width: 100%; } + .mega-menu.vertical-left .menu-links, + .mega-menu.vertical-right .menu-links { clear: both; width: 100%; } + .mega-menu.vertical-left .menu-links > li, + .mega-menu.vertical-right .menu-links > li { clear: both; width: 100%; position: relative; } + .mega-menu.vertical-left .menu-links > li > a, + .mega-menu.vertical-right .menu-links > li > a { width: 100%; position: relative; line-height: 48px; } + .mega-menu.vertical-left .menu-links > li > a i.fa.fa-indicator, + .mega-menu.vertical-right .menu-links > li > a i.fa.fa-indicator { float: right; line-height: 48px; } + .mega-menu.vertical-left .menu-social-bar, + .mega-menu.vertical-right .menu-social-bar { width: 100%; text-align: center; } + .mega-menu.vertical-left .menu-social-bar > li, + .mega-menu.vertical-right .menu-social-bar > li { display: inline-block; float: none; } + .mega-menu.vertical-left .menu-social-bar > li > a, + .mega-menu.vertical-right .menu-social-bar > li > a { padding-left: 10px; padding-right: 10px; } + .mega-menu.vertical-left .drop-down-multilevel, + .mega-menu.vertical-right .drop-down-multilevel { top: 0; left: 100%; } + .mega-menu.vertical-left .drop-down, + .mega-menu.vertical-left .drop-down-tab-bar, + .mega-menu.vertical-right .drop-down, + .mega-menu.vertical-right .drop-down-tab-bar { left: 100%; top: 0; min-width: 600px; } + .mega-menu.vertical-left .drop-down.grid-col-12, + .mega-menu.vertical-left .drop-down-tab-bar.grid-col-12, + .mega-menu.vertical-right .drop-down.grid-col-12, + .mega-menu.vertical-right .drop-down-tab-bar.grid-col-12 { min-width: 1000px; } + .mega-menu.vertical-left .offset-1, + .mega-menu.vertical-left .offset-2, + .mega-menu.vertical-left .offset-3, + .mega-menu.vertical-left .offset-4, + .mega-menu.vertical-left .offset-5, + .mega-menu.vertical-right .offset-1, + .mega-menu.vertical-right .offset-2, + .mega-menu.vertical-right .offset-3, + .mega-menu.vertical-right .offset-4, + .mega-menu.vertical-right .offset-5 { margin-left: 0; } + .mega-menu.vertical-left .offset-1-vertical, + .mega-menu.vertical-right .offset-1-vertical { margin-top: -100px !important; } + .mega-menu.vertical-left .offset-2-vertical, + .mega-menu.vertical-right .offset-2-vertical { margin-top: -150px !important; } + .mega-menu.vertical-left .offset-3-vertical, + .mega-menu.vertical-right .offset-3-vertical { margin-top: -200px !important; } + .mega-menu.vertical-left .offset-4-vertical, + .mega-menu.vertical-right .offset-4-vertical { margin-top: -250px !important; } + .mega-menu.vertical-left .offset-5-vertical, + .mega-menu.vertical-right .offset-5-vertical { margin-top: -300px !important; } + .mega-menu.vertical-left.desktopTopFixed, + .mega-menu.vertical-right.desktopTopFixed { float: left; right: auto; padding: 0; height: 100%; } + .mega-menu.vertical-left.desktopTopFixed .menu-list-items, + .mega-menu.vertical-right.desktopTopFixed .menu-list-items { padding: 0; height: 100%; } + .mega-menu.vertical-left.desktopTopFixed .drop-down, + .mega-menu.vertical-left.desktopTopFixed .drop-down-tab-bar, + .mega-menu.vertical-right.desktopTopFixed .drop-down, + .mega-menu.vertical-right.desktopTopFixed .drop-down-tab-bar { margin: 0; } + .mega-menu.vertical-right { float: right; } + .mega-menu.vertical-right .drop-down-multilevel { left: auto; right: 100%; } + } + @media screen and (min-width:993px) and (min-width:993px) { + .mega-menu.vertical-right .drop-down-multilevel.left-side { left: 100%; } + } + @media screen and (min-width:993px) { + .mega-menu.vertical-right .drop-down, + .mega-menu.vertical-right .drop-down-tab-bar { left: auto; right: 100%; } + .mega-menu.vertical-right.desktopTopFixed { float: right; left: auto; right: 0; padding: 0; height: 100%; } + } + @media screen and (min-width:993px) { + .mega-menu.vertical-left .menu-search-bar, + .mega-menu.vertical-right .menu-search-bar { width: 100%; } + .mega-menu.vertical-left .menu-search-bar input, + .mega-menu.vertical-left .menu-search-bar li, + .mega-menu.vertical-left .menu-search-bar form, + .mega-menu.vertical-left .menu-search-bar label, + .mega-menu.vertical-right .menu-search-bar input, + .mega-menu.vertical-right .menu-search-bar li, + .mega-menu.vertical-right .menu-search-bar form, + .mega-menu.vertical-right .menu-search-bar label { width: 100%; max-width: 100%; background: #5E9ECA; -webkit-transition: none; transition: none; } + .mega-menu.vertical-left .menu-search-bar input, + .mega-menu.vertical-right .menu-search-bar input { padding-left: 20px; } + } + @media screen and (min-width:993px) { + .mega-menu.menuFullWidth { /*--------------------------------------------------- make menu full width */ + max-width: 100%; } + } diff --git a/apply/css - 복사본/plugins/animate.css b/apply/css - 복사본/plugins/animate.css new file mode 100644 index 0000000..8c70723 --- /dev/null +++ b/apply/css - 복사본/plugins/animate.css @@ -0,0 +1,531 @@ +@charset "UTF-8"; + +/*! + * animate.css -http://daneden.me/animate + * Version - 3.5.2 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2017 Daniel Eden + */ +.animated { animation-duration: 1s; animation-fill-mode: both; } +.animated.infinite { animation-iteration-count: infinite; } +.animated.hinge { animation-duration: 2s; } +.animated.flipOutX, +.animated.flipOutY, +.animated.bounceIn, +.animated.bounceOut { animation-duration: .75s; } +@keyframes bounce { + from, + 20%, + 53%, + 80%, + to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0, 0, 0); } + 40%, + 43% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -30px, 0); } + 70% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -15px, 0); } + 90% { transform: translate3d(0, -4px, 0); } +} +.bounce { animation-name: bounce; transform-origin: center bottom; } +@keyframes flash { + from, + 50%, + to { opacity: 1; } + 25%, + 75% { opacity: 0; } +} +.flash { animation-name: flash; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@keyframes pulse { + from { transform: scale3d(1, 1, 1); } + 50% { transform: scale3d(1.05, 1.05, 1.05); } + to { transform: scale3d(1, 1, 1); } +} +.pulse { animation-name: pulse; } +@keyframes rubberBand { + from { transform: scale3d(1, 1, 1); } + 30% { transform: scale3d(1.25, 0.75, 1); } + 40% { transform: scale3d(0.75, 1.25, 1); } + 50% { transform: scale3d(1.15, 0.85, 1); } + 65% { transform: scale3d(.95, 1.05, 1); } + 75% { transform: scale3d(1.05, .95, 1); } + to { transform: scale3d(1, 1, 1); } +} +.rubberBand { animation-name: rubberBand; } +@keyframes shake { + from, + to { transform: translate3d(0, 0, 0); } + 10%, + 30%, + 50%, + 70%, + 90% { transform: translate3d(-10px, 0, 0); } + 20%, + 40%, + 60%, + 80% { transform: translate3d(10px, 0, 0); } +} +.shake { animation-name: shake; } +@keyframes headShake { + 0% { transform: translateX(0); } + 6.5% { transform: translateX(-6px) rotateY(-9deg); } + 18.5% { transform: translateX(5px) rotateY(7deg); } + 31.5% { transform: translateX(-3px) rotateY(-5deg); } + 43.5% { transform: translateX(2px) rotateY(3deg); } + 50% { transform: translateX(0); } +} +.headShake { animation-timing-function: ease-in-out; animation-name: headShake; } +@keyframes swing { + 20% { transform: rotate3d(0, 0, 1, 15deg); } + 40% { transform: rotate3d(0, 0, 1, -10deg); } + 60% { transform: rotate3d(0, 0, 1, 5deg); } + 80% { transform: rotate3d(0, 0, 1, -5deg); } + to { transform: rotate3d(0, 0, 1, 0deg); } +} +.swing { transform-origin: top center; animation-name: swing; } +@keyframes tada { + from { transform: scale3d(1, 1, 1); } + 10%, + 20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } + 30%, + 50%, + 70%, + 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } + 40%, + 60%, + 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } + to { transform: scale3d(1, 1, 1); } +} +.tada { animation-name: tada; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@keyframes wobble { + from { transform: none; } + 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } + 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } + 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } + 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } + 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } + to { transform: none; } +} +.wobble { animation-name: wobble; } +@keyframes jello { + from, + 11.1%, + to { transform: none; } + 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } + 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } + 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } + 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } + 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } + 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } + 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } +} +.jello { animation-name: jello; transform-origin: center; } +@keyframes bounceIn { + from, + 20%, + 40%, + 60%, + 80%, + to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } + 0% { opacity: 0; transform: scale3d(.3, .3, .3); } + 20% { transform: scale3d(1.1, 1.1, 1.1); } + 40% { transform: scale3d(.9, .9, .9); } + 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } + 80% { transform: scale3d(.97, .97, .97); } + to { opacity: 1; transform: scale3d(1, 1, 1); } +} +.bounceIn { animation-name: bounceIn; } +@keyframes bounceInDown { + from, + 60%, + 75%, + 90%, + to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } + 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } + 60% { opacity: 1; transform: translate3d(0, 25px, 0); } + 75% { transform: translate3d(0, -10px, 0); } + 90% { transform: translate3d(0, 5px, 0); } + to { transform: none; } +} +.bounceInDown { animation-name: bounceInDown; } +@keyframes bounceInLeft { + from, + 60%, + 75%, + 90%, + to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } + 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } + 60% { opacity: 1; transform: translate3d(25px, 0, 0); } + 75% { transform: translate3d(-10px, 0, 0); } + 90% { transform: translate3d(5px, 0, 0); } + to { transform: none; } +} +.bounceInLeft { animation-name: bounceInLeft; } +@keyframes bounceInRight { + from, + 60%, + 75%, + 90%, + to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } + from { opacity: 0; transform: translate3d(3000px, 0, 0); } + 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } + 75% { transform: translate3d(10px, 0, 0); } + 90% { transform: translate3d(-5px, 0, 0); } + to { transform: none; } +} +.bounceInRight { animation-name: bounceInRight; } +@keyframes bounceInUp { + from, + 60%, + 75%, + 90%, + to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } + from { opacity: 0; transform: translate3d(0, 3000px, 0); } + 60% { opacity: 1; transform: translate3d(0, -20px, 0); } + 75% { transform: translate3d(0, 10px, 0); } + 90% { transform: translate3d(0, -5px, 0); } + to { transform: translate3d(0, 0, 0); } +} +.bounceInUp { animation-name: bounceInUp; } +@keyframes bounceOut { + 20% { transform: scale3d(.9, .9, .9); } + 50%, + 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } + to { opacity: 0; transform: scale3d(.3, .3, .3); } +} +.bounceOut { animation-name: bounceOut; } +@keyframes bounceOutDown { + 20% { transform: translate3d(0, 10px, 0); } + 40%, + 45% { opacity: 1; transform: translate3d(0, -20px, 0); } + to { opacity: 0; transform: translate3d(0, 2000px, 0); } +} +.bounceOutDown { animation-name: bounceOutDown; } +@keyframes bounceOutLeft { + 20% { opacity: 1; transform: translate3d(20px, 0, 0); } + to { opacity: 0; transform: translate3d(-2000px, 0, 0); } +} +.bounceOutLeft { animation-name: bounceOutLeft; } +@keyframes bounceOutRight { + 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } + to { opacity: 0; transform: translate3d(2000px, 0, 0); } +} +.bounceOutRight { animation-name: bounceOutRight; } +@keyframes bounceOutUp { + 20% { transform: translate3d(0, -10px, 0); } + 40%, + 45% { opacity: 1; transform: translate3d(0, 20px, 0); } + to { opacity: 0; transform: translate3d(0, -2000px, 0); } +} +.bounceOutUp { animation-name: bounceOutUp; } +@keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} +.fadeIn { animation-name: fadeIn; } +@keyframes fadeInDown { + from { opacity: 0; transform: translate3d(0, -100%, 0); } + to { opacity: 1; transform: none; } +} +.fadeInDown { animation-name: fadeInDown; } +@keyframes fadeInDownBig { + from { opacity: 0; transform: translate3d(0, -2000px, 0); } + to { opacity: 1; transform: none; } +} +.fadeInDownBig { animation-name: fadeInDownBig; } +@keyframes fadeInLeft { + from { opacity: 0; transform: translate3d(-100%, 0, 0); } + to { opacity: 1; transform: none; } +} +.fadeInLeft { animation-name: fadeInLeft; } +@keyframes fadeInLeftBig { + from { opacity: 0; transform: translate3d(-2000px, 0, 0); } + to { opacity: 1; transform: none; } +} +.fadeInLeftBig { animation-name: fadeInLeftBig; } +@keyframes fadeInRight { + from { opacity: 0; transform: translate3d(100%, 0, 0); } + to { opacity: 1; transform: none; } +} +.fadeInRight { animation-name: fadeInRight; } +@keyframes fadeInRightBig { + from { opacity: 0; transform: translate3d(2000px, 0, 0); } + to { opacity: 1; transform: none; } +} +.fadeInRightBig { animation-name: fadeInRightBig; } +@keyframes fadeInUp { + from { opacity: 0; transform: translate3d(0, 100%, 0); } + to { opacity: 1; transform: none; } +} +.fadeInUp { animation-name: fadeInUp; } +@keyframes fadeInUpBig { + from { opacity: 0; transform: translate3d(0, 2000px, 0); } + to { opacity: 1; transform: none; } +} +.fadeInUpBig { animation-name: fadeInUpBig; } +@keyframes fadeOut { + from { opacity: 1; } + to { opacity: 0; } +} +.fadeOut { animation-name: fadeOut; } +@keyframes fadeOutDown { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(0, 100%, 0); } +} +.fadeOutDown { animation-name: fadeOutDown; } +@keyframes fadeOutDownBig { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(0, 2000px, 0); } +} +.fadeOutDownBig { animation-name: fadeOutDownBig; } +@keyframes fadeOutLeft { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(-100%, 0, 0); } +} +.fadeOutLeft { animation-name: fadeOutLeft; } +@keyframes fadeOutLeftBig { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(-2000px, 0, 0); } +} +.fadeOutLeftBig { animation-name: fadeOutLeftBig; } +@keyframes fadeOutRight { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(100%, 0, 0); } +} +.fadeOutRight { animation-name: fadeOutRight; } +@keyframes fadeOutRightBig { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(2000px, 0, 0); } +} +.fadeOutRightBig { animation-name: fadeOutRightBig; } +@keyframes fadeOutUp { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(0, -100%, 0); } +} +.fadeOutUp { animation-name: fadeOutUp; } +@keyframes fadeOutUpBig { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(0, -2000px, 0); } +} +.fadeOutUpBig { animation-name: fadeOutUpBig; } +@keyframes flip { + from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } + 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } + 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } + 80% { transform: perspective(400px) scale3d(.95, .95, .95); animation-timing-function: ease-in; } + to { transform: perspective(400px); animation-timing-function: ease-in; } +} +.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } +@keyframes flipInX { + from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } + 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } + 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } + 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } + to { transform: perspective(400px); } +} +.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; } +@keyframes flipInY { + from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } + 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } + 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } + 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } + to { transform: perspective(400px); } +} +.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; } +@keyframes flipOutX { + from { transform: perspective(400px); } + 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } + to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } +} +.flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } +@keyframes flipOutY { + from { transform: perspective(400px); } + 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } + to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } +} +.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; } +@keyframes lightSpeedIn { + from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } + 60% { transform: skewX(20deg); opacity: 1; } + 80% { transform: skewX(-5deg); opacity: 1; } + to { transform: none; opacity: 1; } +} +.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } +@keyframes lightSpeedOut { + from { opacity: 1; } + to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } +} +.lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } +@keyframes rotateIn { + from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } + to { transform-origin: center; transform: none; opacity: 1; } +} +.rotateIn { animation-name: rotateIn; } +@keyframes rotateInDownLeft { + from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } + to { transform-origin: left bottom; transform: none; opacity: 1; } +} +.rotateInDownLeft { animation-name: rotateInDownLeft; } +@keyframes rotateInDownRight { + from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } + to { transform-origin: right bottom; transform: none; opacity: 1; } +} +.rotateInDownRight { animation-name: rotateInDownRight; } +@keyframes rotateInUpLeft { + from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } + to { transform-origin: left bottom; transform: none; opacity: 1; } +} +.rotateInUpLeft { animation-name: rotateInUpLeft; } +@keyframes rotateInUpRight { + from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } + to { transform-origin: right bottom; transform: none; opacity: 1; } +} +.rotateInUpRight { animation-name: rotateInUpRight; } +@keyframes rotateOut { + from { transform-origin: center; opacity: 1; } + to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } +} +.rotateOut { animation-name: rotateOut; } +@keyframes rotateOutDownLeft { + from { transform-origin: left bottom; opacity: 1; } + to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } +} +.rotateOutDownLeft { animation-name: rotateOutDownLeft; } +@keyframes rotateOutDownRight { + from { transform-origin: right bottom; opacity: 1; } + to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } +} +.rotateOutDownRight { animation-name: rotateOutDownRight; } +@keyframes rotateOutUpLeft { + from { transform-origin: left bottom; opacity: 1; } + to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } +} +.rotateOutUpLeft { animation-name: rotateOutUpLeft; } +@keyframes rotateOutUpRight { + from { transform-origin: right bottom; opacity: 1; } + to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } +} +.rotateOutUpRight { animation-name: rotateOutUpRight; } +@keyframes hinge { + 0% { transform-origin: top left; animation-timing-function: ease-in-out; } + 20%, + 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } + 40%, + 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } + to { transform: translate3d(0, 700px, 0); opacity: 0; } +} +.hinge { animation-name: hinge; } +@keyframes jackInTheBox { + from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } + 50% { transform: rotate(-10deg); } + 70% { transform: rotate(3deg); } + to { opacity: 1; transform: scale(1); } +} +.jackInTheBox { animation-name: jackInTheBox; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@keyframes rollIn { + from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } + to { opacity: 1; transform: none; } +} +.rollIn { animation-name: rollIn; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@keyframes rollOut { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } +} +.rollOut { animation-name: rollOut; } +@keyframes zoomIn { + from { opacity: 0; transform: scale3d(.3, .3, .3); } + 50% { opacity: 1; } +} +.zoomIn { animation-name: zoomIn; } +@keyframes zoomInDown { + from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } + 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } +} +.zoomInDown { animation-name: zoomInDown; } +@keyframes zoomInLeft { + from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } + 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } +} +.zoomInLeft { animation-name: zoomInLeft; } +@keyframes zoomInRight { + from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } + 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } +} +.zoomInRight { animation-name: zoomInRight; } +@keyframes zoomInUp { + from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } + 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } +} +.zoomInUp { animation-name: zoomInUp; } +@keyframes zoomOut { + from { opacity: 1; } + 50% { opacity: 0; transform: scale3d(.3, .3, .3); } + to { opacity: 0; } +} +.zoomOut { animation-name: zoomOut; } +@keyframes zoomOutDown { + 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } + to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } +} +.zoomOutDown { animation-name: zoomOutDown; } +@keyframes zoomOutLeft { + 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } + to { opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center; } +} +.zoomOutLeft { animation-name: zoomOutLeft; } +@keyframes zoomOutRight { + 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } + to { opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center; } +} +.zoomOutRight { animation-name: zoomOutRight; } +@keyframes zoomOutUp { + 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } + to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } +} +.zoomOutUp { animation-name: zoomOutUp; } +@keyframes slideInDown { + from { transform: translate3d(0, -100%, 0); visibility: visible; } + to { transform: translate3d(0, 0, 0); } +} +.slideInDown { animation-name: slideInDown; } +@keyframes slideInLeft { + from { transform: translate3d(-100%, 0, 0); visibility: visible; } + to { transform: translate3d(0, 0, 0); } +} +.slideInLeft { animation-name: slideInLeft; } +@keyframes slideInRight { + from { transform: translate3d(100%, 0, 0); visibility: visible; } + to { transform: translate3d(0, 0, 0); } +} +.slideInRight { animation-name: slideInRight; } +@keyframes slideInUp { + from { transform: translate3d(0, 100%, 0); visibility: visible; } + to { transform: translate3d(0, 0, 0); } +} +.slideInUp { animation-name: slideInUp; } +@keyframes slideOutDown { + from { transform: translate3d(0, 0, 0); } + to { visibility: hidden; transform: translate3d(0, 100%, 0); } +} +.slideOutDown { animation-name: slideOutDown; } +@keyframes slideOutLeft { + from { transform: translate3d(0, 0, 0); } + to { visibility: hidden; transform: translate3d(-100%, 0, 0); } +} +.slideOutLeft { animation-name: slideOutLeft; } +@keyframes slideOutRight { + from { transform: translate3d(0, 0, 0); } + to { visibility: hidden; transform: translate3d(100%, 0, 0); } +} +.slideOutRight { animation-name: slideOutRight; } +@keyframes slideOutUp { + from { transform: translate3d(0, 0, 0); } + to { visibility: hidden; transform: translate3d(0, -100%, 0); } +} +.slideOutUp { animation-name: slideOutUp; } diff --git a/apply/css - 복사본/plugins/bootstrap-datetimepicker.min.css b/apply/css - 복사본/plugins/bootstrap-datetimepicker.min.css new file mode 100644 index 0000000..5950ad2 --- /dev/null +++ b/apply/css - 복사본/plugins/bootstrap-datetimepicker.min.css @@ -0,0 +1,5 @@ +/*! + * Datetimepicker for Bootstrap 3 + * version : 4.17.47 + * https://github.com/Eonasdan/bootstrap-datetimepicker/ + */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{display:block;margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0} \ No newline at end of file diff --git a/apply/css - 복사본/plugins/bootstrap.min.css b/apply/css - 복사본/plugins/bootstrap.min.css new file mode 100644 index 0000000..ed3905e --- /dev/null +++ b/apply/css - 복사본/plugins/bootstrap.min.css @@ -0,0 +1,6 @@ +/*! + * Bootstrap v3.3.7 (http://getbootstrap.com) + * Copyright 2011-2016 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}} +/*# sourceMappingURL=bootstrap.min.css.map */ \ No newline at end of file diff --git a/apply/css - 복사본/plugins/dataTables.bootstrap.min.css b/apply/css - 복사본/plugins/dataTables.bootstrap.min.css new file mode 100644 index 0000000..6b26d45 --- /dev/null +++ b/apply/css - 복사본/plugins/dataTables.bootstrap.min.css @@ -0,0 +1 @@ +table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:20px;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:20px 0 0;white-space:nowrap}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:8px;right:8px;display:block;font-family:'FontAwesome';opacity:0.5}table.dataTable thead .sorting:after{opacity:0.2;content:"\f15e"}table.dataTable thead .sorting_asc:after{content:"\f161"}table.dataTable thead .sorting_desc:after{content:"\f15e"}table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{color:#eee}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody>table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody>table>thead .sorting:after,div.dataTables_scrollBody>table>thead .sorting_asc:after,div.dataTables_scrollBody>table>thead .sorting_desc:after{display:none}div.dataTables_scrollBody>table>tbody>tr:first-child>th,div.dataTables_scrollBody>table>tbody>tr:first-child>td{border-top:none}div.dataTables_scrollFoot>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}table.dataTable.table-condensed>thead>tr>th{padding-right:20px}table.dataTable.table-condensed .sorting:after,table.dataTable.table-condensed .sorting_asc:after,table.dataTable.table-condensed .sorting_desc:after{top:6px;right:6px}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:0}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0} diff --git a/apply/css - 복사본/plugins/font-awesome.min.css b/apply/css - 복사본/plugins/font-awesome.min.css new file mode 100644 index 0000000..4d70f96 --- /dev/null +++ b/apply/css - 복사본/plugins/font-awesome.min.css @@ -0,0 +1,4 @@ +/*! + * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */@font-face{font-family:'FontAwesome';src:url('../../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} diff --git a/apply/css - 복사본/plugins/magnific-popup.css b/apply/css - 복사본/plugins/magnific-popup.css new file mode 100644 index 0000000..6aa7bc0 --- /dev/null +++ b/apply/css - 복사본/plugins/magnific-popup.css @@ -0,0 +1,88 @@ +/* Magnific Popup CSS */ +.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } +.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } +.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } +.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } +.mfp-align-top .mfp-container:before { display: none; } +.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } +.mfp-inline-holder .mfp-content, +.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } +.mfp-ajax-cur { cursor: progress; } +.mfp-zoom-out-cur, +.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } +.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } +.mfp-auto-cursor .mfp-content { cursor: auto; } +.mfp-close, +.mfp-arrow, +.mfp-preloader, +.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } +.mfp-loading.mfp-figure { display: none; } +.mfp-hide { display: none !important; } +.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } +.mfp-preloader a { color: #CCC; } +.mfp-preloader a:hover { color: #FFF; } +.mfp-s-ready .mfp-preloader { display: none; } +.mfp-s-error .mfp-content { display: none; } +button.mfp-close, +button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } +button::-moz-focus-inner { padding: 0; border: 0; } +.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } +.mfp-close:hover, +.mfp-close:focus { opacity: 1; } +.mfp-close:active { top: 1px; } +.mfp-close-btn-in .mfp-close { color: #333; } +.mfp-image-holder .mfp-close, +.mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } +.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } +.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } +.mfp-arrow:active { margin-top: -54px; } +.mfp-arrow:hover, +.mfp-arrow:focus { opacity: 1; } +.mfp-arrow:before, +.mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } +.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } +.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } +.mfp-arrow-left { left: 0; } +.mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } +.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } +.mfp-arrow-right { right: 0; } +.mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } +.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } +.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } +.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } +.mfp-iframe-holder .mfp-close { top: -40px; } +.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } +.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } + +/* Main image in popup */ +img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } + +/* The shadow behind the image */ +.mfp-figure { line-height: 0; } +.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } +.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } +.mfp-figure figure { margin: 0; } +.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } +.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } +.mfp-image-holder .mfp-content { max-width: 100%; } +.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } +@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) { + + /** + * Remove all paddings around the image on small screen + */ + .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } + .mfp-img-mobile img.mfp-img { padding: 0; } + .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } + .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } + .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } + .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } + .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } + .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } +} +@media all and (max-width:900px) { + .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } + .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } + .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } + .mfp-container { padding-left: 6px; padding-right: 6px; } +} diff --git a/apply/css - 복사본/plugins/mediaelementplayer.css b/apply/css - 복사본/plugins/mediaelementplayer.css new file mode 100644 index 0000000..c82ff88 --- /dev/null +++ b/apply/css - 복사본/plugins/mediaelementplayer.css @@ -0,0 +1,241 @@ +.mejs-offscreen {/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages). */ +position: absolute !important; top: -10000px; left: -10000px; overflow: hidden; width: 1px; height: 1px; } +.mejs-container { position: relative; background: #000; font-family: Helvetica, Arial; text-align: left; vertical-align: top; text-indent: 0; width: 100% !important; } +.mejs-container:focus { outline: none; } +.me-plugin { position: absolute; } +.mejs-embed, +.mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; } +.mejs-fullscreen { /* set it to not show scroll bars so 100% will work */ +overflow: hidden !important; } +.mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; } +.mejs-container-fullscreen .mejs-mediaelement, +.mejs-container-fullscreen video { width: 100%; height: 100%; } +.mejs-clear { clear: both; } + +/* Start: LAYERS */ +.mejs-background { position: absolute; top: 0; left: 0; } +.mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } +.mejs-poster { position: absolute; top: 0; left: 0; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } +:root .mejs-poster img { display: none; } +.mejs-poster img { border: 0; padding: 0; border: 0; } +.mejs-overlay { position: absolute; top: 0; left: 0; } +.mejs-overlay-play { cursor: pointer; } +.mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url(../../images/bigplay.svg) no-repeat; } +.no-svg .mejs-overlay-button { background-image: url(../../images/bigplay.png); } +.mejs-overlay:hover .mejs-overlay-button { background-position: 0 -100px; } +.mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; /*background: #333; + background: url(../../images/background.png); + background: rgba(0, 0, 0, 0.9); + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9))); + background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); + background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); + background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); + background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); + background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9));*/ } + .mejs-overlay-loading span { display: block; width: 80px; height: 80px; background: transparent url(../../images/loading.gif) 50% 50% no-repeat; } + + /* End: LAYERS */ + + /* Start: CONTROL BAR */ + .mejs-container .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; background: #eceff7; height: 40px; width: 100%; } + .mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; border: 0; margin-top: 6px; } + .mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 15px; border: 0; background: transparent url(../../images/controls.png) no-repeat; } + .no-svg .mejs-controls .mejs-button button { background-image: url(../../images/controls.png); } + + /* :focus for accessibility */ + .mejs-controls .mejs-button button:focus { outline: dotted 1px #999; } + + /* End: CONTROL BAR */ + + /* Start: Time (Current / Duration) */ + .mejs-container .mejs-controls .mejs-time { color: #000; display: block; height: 17px; width: auto; padding: 10px 3px 0 3px; overflow: hidden; text-align: center; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } + .mejs-container .mejs-controls .mejs-time a { color: #fff; font-size: 11px; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; } + + /* End: Time (Current / Duration) */ + + /* Start: Play/Pause/Stop */ + .mejs-controls .mejs-play button { background-position: 4px 0; } + .mejs-controls .mejs-pause button { background-position: 4px -16px; } + .mejs-controls .mejs-stop button { background-position: -112px 0; } + + /* Start: Play/Pause/Stop */ + + /* Start: Progress Bar */ + .mejs-controls div.mejs-time-rail { direction: ltr; width: 200px; padding-top: 5px; } + .mejs-controls .mejs-time-rail span, + .mejs-controls .mejs-time-rail a { display: block; position: absolute; width: 180px; height: 10px; cursor: pointer; } + .mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background: #333; background: #fff; } + .mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; -moz-animation: buffering-stripes 2s linear infinite; -ms-animation: buffering-stripes 2s linear infinite; -o-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; } + @-webkit-keyframes buffering-stripes { + from { background-position: 0 0; } + to { background-position: 30px 0; } + } + @-moz-keyframes buffering-stripes { + from { background-position: 0 0; } + to { background-position: 30px 0; } + } + @-ms-keyframes buffering-stripes { + from { background-position: 0 0; } + to { background-position: 30px 0; } + } + @-o-keyframes buffering-stripes { + from { background-position: 0 0; } + to { background-position: 30px 0; } + } + @keyframes buffering-stripes { + from { background-position: 0 0; } + to { background-position: 30px 0; } + } + .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #FFF; width: 0; } + .mejs-controls .mejs-time-rail .mejs-time-current { background: #fff; background: #5E9ECA; width: 0; } + .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; } + .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: solid 1px #333; top: -26px; margin-left: -18px; text-align: center; color: #111; } + .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; } + .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 15px; left: 13px; } + .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 48px; } + .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 44px; } + .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 18px; } + + /* + .mejs-controls .mejs-time-rail:hover .mejs-time-handle { + visibility:visible; + } + */ + + /* End: Progress Bar */ + + /* Start: Fullscreen */ + .mejs-controls .mejs-fullscreen-button button { background-position: -31px 0; } + .mejs-controls .mejs-unfullscreen button { background-position: -32px -16px; } + + /* End: Fullscreen */ + + /* Start: Mute/Volume */ + .mejs-controls .mejs-volume-button { } + .mejs-controls .mejs-mute button { background-position: -16px -16px; } + .mejs-controls .mejs-unmute button { background-position: -16px 0; } + .mejs-controls .mejs-volume-button { position: relative; } + .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: url(../../images/background.png); background: #5E9ECA; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; } + .mejs-controls .mejs-volume-button:hover { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } + + /* + .mejs-controls .mejs-volume-button:hover .mejs-volume-slider { + display: block; + } + */ + .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.5); margin: 0; } + .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.9); margin: 0; } + .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255, 255, 255, 0.9); cursor: N-resize; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0; } + + /* horizontal version */ + .mejs-controls a.mejs-horizontal-volume-slider { height: 26px; width: 56px; position: relative; display: block; float: left; margin-top: 6px; vertical-align: middle; } + .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; background: #fff; } + .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; background: #5E9ECA; } + .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; } + + /* End: Mute/Volume */ + + /* Start: Track (Captions and Chapters) */ + .mejs-controls .mejs-captions-button { position: relative; } + .mejs-controls .mejs-captions-button button { background-position: -48px 0; } + .mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -51px; width: 85px; height: 100px; background: url(../../images/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px 10px 0 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } + + /* + .mejs-controls .mejs-captions-button:hover .mejs-captions-selector { + visibility: visible; + } + */ + .mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } + .mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } + .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } + .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 55px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } + .mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px 0; } + .mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; z-index: 1; } + .mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000); overflow: hidden; border: 0; } + .mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; } + .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; } + .mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666; background: rgba(102, 102, 102, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6))); background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232); } + .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px; } + .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space: nowrap; text-overflow: ellipsis; } + .mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align: center; line-height: 20px; font-size: 16px; color: #fff; } + .mejs-captions-layer a { color: #fff; text-decoration: underline; } + .mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; } + .mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; } + .mejs-captions-position-hover { bottom: 35px; } + .mejs-captions-text { padding: 3px 5px; background: url(../../images/background.png); background: rgba(20, 20, 20, 0.5); white-space: pre-wrap; } + + /* End: Track (Captions and Chapters) */ + + /* Start: Error */ + .me-cannotplay { } + .me-cannotplay a { color: #fff; font-weight: bold; } + .me-cannotplay span { padding: 15px; display: block; } + + /* End: Error */ + + /* Start: Loop */ + .mejs-controls .mejs-loop-off button { background-position: -64px -16px; } + .mejs-controls .mejs-loop-on button { background-position: -64px 0; } + + /* End: Loop */ + + /* Start: backlight */ + .mejs-controls .mejs-backlight-off button { background-position: -80px -16px; } + .mejs-controls .mejs-backlight-on button { background-position: -80px 0; } + + /* End: backlight */ + + /* Start: Picture Controls */ + .mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; } + + /* End: Picture Controls */ + + /* context menu */ + .mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; /* make sure it shows on fullscreen */ } + .mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; } + .mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica, Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; } + .mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; } + + /* Start: Source Chooser */ + .mejs-controls .mejs-sourcechooser-button { position: relative; } + .mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0; } + .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(../../images/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } + .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } + .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } + .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } + .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } + + /* End: Source Chooser */ + + /* Start: Postroll */ + .mejs-postroll-layer { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../../images/background.png); background: rgba(50, 50, 50, 0.7); z-index: 1000; overflow: hidden; } + .mejs-postroll-layer-content { width: 100%; height: 100%; } + .mejs-postroll-close { position: absolute; right: 0; top: 0; background: url(../../images/background.png); background: rgba(50, 50, 50, 0.7); color: #fff; padding: 4px; z-index: 100; cursor: pointer; } + + /* End: Postroll */ + + /* Start: Speed */ + div.mejs-speed-button { width: 46px !important; position: relative; } + .mejs-controls .mejs-button.mejs-speed-button button { background: transparent; width: 36px; font-size: 11px; line-height: normal; color: #ffffff; } + .mejs-controls .mejs-speed-button .mejs-speed-selector { display: none; position: absolute; top: -100px; left: -10px; width: 60px; height: 100px; background: url(../../images/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 0; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } + .mejs-controls .mejs-speed-button:hover > .mejs-speed-selector { display: block; } + .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected { color: rgba(33, 248, 248, 1); } + .mejs-controls .mejs-speed-button .mejs-speed-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } + .mejs-controls .mejs-speed-button .mejs-speed-selector ul li { margin: 0 0 6px 0; padding: 0 10px; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } + .mejs-controls .mejs-speed-button .mejs-speed-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; display: none; } + .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label { width: 60px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 11.5px; color: white; margin-left: 5px; cursor: pointer; } + .mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover { background-color: rgb(200, 200, 200) !important; background-color: rgba(255, 255, 255, .4) !important; } + + /* End: Speed */ + + /* Start: Jump Forward */ + + .mejs-controls .mejs-button.mejs-jump-forward-button { background: transparent url(../../images/jumpforward.png) no-repeat; background-position: 3px 3px; } + .mejs-controls .mejs-button.mejs-jump-forward-button button { background: transparent; font-size: 9px; line-height: normal; color: #ffffff; } + + /* End: Jump Forward */ + + /* Start: Skip Back */ + + .mejs-controls .mejs-button.mejs-skip-back-button { background: transparent url(../../images/skipback.png) no-repeat; background-position: 3px 3px; } + .mejs-controls .mejs-button.mejs-skip-back-button button { background: transparent; font-size: 9px; line-height: normal; color: #ffffff; } diff --git a/apply/css - 복사본/plugins/mega_menu.css b/apply/css - 복사본/plugins/mega_menu.css new file mode 100644 index 0000000..855dbde --- /dev/null +++ b/apply/css - 복사본/plugins/mega_menu.css @@ -0,0 +1,733 @@ +/* MENU BASIC LAYOUT */ +.mega-menu { margin: 0 auto; padding: 0; display: block; float: none; position: relative; z-index: 999;/* max-width: 1280px; + width: 100%;*/ font-size: 16px; min-height: 100px; clear: both; box-sizing: border-box; } + @media screen and (max-width:1100px) { + .mega-menu { /*float: left;*/ + margin: 0; /*min-width: 200px;*/ } + } + .mega-menu * { outline: none; list-style: none; text-decoration: none; box-sizing: border-box !important; font-weight: 600; -webkit-tap-highlight-color: transparent; text-align: left; } + @media screen and (max-width:1100px) { + .mega-menu * { word-break: break-all; } + } + .mega-menu i.fa { /*----------------------------- FONT AWESOME ICONS */ + font-family: "FontAwesome"; } + .mega-menu img { /*------------------------------- IMAGE */ + margin: 0; padding: 0; display: block; max-width: 100% !important; float: left; } + .mega-menu .menu-logo img { height: 40px; } + .mega-menu input { /*------------------------------ DEFAULT INPUT */ + border: none; } + .mega-menu > section.menu-list-items { margin: 0; padding: 35px 0; display: block; float: left; width: 100%; background-color: transparent; } + .mega-menu .menu-logo { /*----------------------------------- MENU LOGO */ + margin: 0; padding: 0; display: block; float: left; position: relative; } + @media screen and (min-width:1101px) { + .mega-menu .menu-logo.menu-logo-align-right { /*---------------------------------------------- MENU LOGO ALIGN RIGHT */ + float: right; } + } + @media screen and (max-width:1100px) { + .mega-menu .menu-logo { width: 100%; } + } + .mega-menu .menu-logo > li { margin: 0; padding: 0; display: block; float: left; font-size: 1em; line-height: 50px; } + @media screen and (max-width:1100px) { + .mega-menu .menu-logo > li { width: 100%; line-height: normal; } + } + .mega-menu .menu-logo > li > a { margin: 0; display: inline-block; float: left; width: 100%; color: #ffffff; font-size: 0.7800em; /*padding: 0 20px 0 45px;*/ line-height: 50px; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; } + .mega-menu .menu-logo > li > a:hover { /*-------------------------------------- HOVER MENU LOGO */ + + /*background-color: #5E9ECA;*/ } + @media screen and (max-width:1100px) { + .mega-menu .menu-logo > li > a { line-height: normal; padding-top: 16px; padding-bottom: 16px; position: relative; z-index: 10; width: auto; } + } + .mega-menu .menu-logo > li > a i.fa { /*--------------------------------------- LOGO ICON */ + padding: 0; display: inline-block; font-size: 1.25em; position: absolute; top: 0; left: 20px; bottom: 0; margin: auto 0; line-height: 50px; } + .mega-menu .menu-logo > li > a img { /*--------------------------------------- LOGO IMAGE ICON */ + + /* width: 20px; + height: 20px; + position: absolute; + top: 0; + left: 15px; + bottom: 0; + margin: auto 0;*/ } + .mega-menu .menu-links { /*---------------------------------------- MENU LINKS */ + margin: 0; padding: 0; display: block; float: right; } + @media screen and (max-width:1100px) { + .mega-menu .menu-links { width: 100%; background: #fff; } + } + @media screen and (min-width:1101px) { + .mega-menu .menu-links { display: block !important; max-height: 100% !important; overflow: visible !important; } + .mega-menu .menu-links.menu-links-align-right { /*------------------------------------------ MENU LINKS ALIGN RIGHT */ + float: right; } + } + .mega-menu .menu-links > li { margin: 0; padding: 0; display: block; float: left; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; font-size: 1.2em; } + @media screen and (max-width:1100px) { + .mega-menu .menu-links > li { width: 100%; position: relative; cursor: pointer; line-height: normal; border-bottom: 1px solid #f3f3f3; z-index: 50; } + .mega-menu .menu-links > li.activeTriggerMobile { /*background-color: #5E9ECA;*/ } + } + @media screen and (min-width:1101px) { + .mega-menu .menu-links > li.activeTrigger { background-color: #5E9ECA; } + } + .mega-menu .menu-links > li.active a { /*------------------------------------- ACTIVE CLASS MENU LINKS */ + background-color: transparent; color: #5E9ECA; } + .mega-menu .menu-links > li:hover { /*-------------------------------------- HOVER MENU LINKS */ + background-color: transparent; color: #5E9ECA; } + .mega-menu .menu-links > li > a { margin: 0; padding: 15px 24px; display: inline-block; float: none; width: 100%; color: #ffffff; font-size: 0.933em; line-height: 64px; position: relative; text-transform: capitalize; } + .mega-menu .menu-links > li > a:hover { color: #5E9ECA; } + @media screen and (max-width:1100px) { + .mega-menu .menu-links > li > a { /*width: auto;*/ line-height: normal;/* position: static*/; padding-right: 10px; z-index: 20; color: #363636; } + } + .mega-menu .menu-links > li > a i.fa { /*---------------------------------------------------- MENU LINKS ICONS*/ + font-size: 1em; line-height: 0.7800em; padding-right: 2px; } + .mega-menu .menu-links > li > a i.fa.fa-indicator { padding-right: 0; padding-left: 2px; } + @media screen and (max-width:1100px) { + .mega-menu .menu-links > li > a i.fa.fa-indicator { float: right; position: absolute; right: 20px; top: 0; bottom: 0; line-height: 40px; height: 50px; z-index: -1; } + } + .mega-menu .menu-social-bar { /*---------------------------------------------- MENU SOCIAL BAR */ + margin: 0; display: block; float: left; padding: 0 10px; } + @media screen and (min-width:1101px) { + .mega-menu .menu-social-bar { display: block !important; } + } + @media screen and (min-width:1101px) { + .mega-menu .menu-social-bar.menu-social-bar-right { float: right; } + } + @media screen and (max-width:1100px) { + .mega-menu .menu-social-bar { width: 100%; text-align: center; } + } + .mega-menu .menu-social-bar > li { margin: 0; padding: 0; display: block; float: left; font-size: 1em; line-height: 50px; } + .mega-menu .menu-social-bar > li[data-color='blue'] > a:hover { background-color: #3b5998; } + .mega-menu .menu-social-bar > li[data-color='sky-blue'] > a:hover { background-color: #2caae1; } + .mega-menu .menu-social-bar > li[data-color='orange'] > a:hover { background-color: #dd4b39; } + .mega-menu .menu-social-bar > li[data-color='red'] > a:hover { background-color: #bd081c; } + @media screen and (max-width:1100px) { + .mega-menu .menu-social-bar > li { float: none; display: inline-block; margin-bottom: -5px; } + } + .mega-menu .menu-social-bar > li > a { margin: 0; display: inline-block; float: left; width: 100%; color: #ffffff; font-size: 0.875em; padding: 0 5px; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; line-height: 50px; } + @media screen and (max-width:1100px) { + .mega-menu .menu-social-bar > li > a { padding-left: 10px; padding-right: 10px; } + } + .mega-menu .menu-social-bar > li > a i.fa { margin: 0; padding: 0; display: inline-block; float: left; width: 100%; font-size: 1.125em; line-height: 50px; } + .mega-menu .menu-search-bar { /*--------------------------------------------------- MENU SEARCH BAR */ + margin: 0; padding: 0; display: block; float: right; position: relative; height: 50px; } + @media screen and (min-width:1101px) { + .mega-menu .menu-search-bar.menu-search-bar-left { float: left; } + } + @media screen and (max-width:1100px) { + .mega-menu .menu-search-bar { width: 100%; position: absolute; top: 0; right: 0; } + } + .mega-menu .menu-search-bar li, + .mega-menu .menu-search-bar form, + .mega-menu .menu-search-bar label { margin: 0; padding: 0; display: block; float: left; width: 100%; line-height: 50px; } + .mega-menu .menu-search-bar li:hover i.fa.fa-search { background: #5E9ECA; } + .mega-menu .menu-search-bar input { max-width: 0; width: 100%; margin: 0; padding: 5px 50px 5px 0; font-size: 0.7800em; -webkit-transition: max-width 400ms ease, background 400ms ease, padding-left 400ms ease; transition: max-width 400ms ease, background 400ms ease, padding-left 400ms ease; height: 50px; display: block; background: none; color: #ffffff; font-weight: 400; } + .mega-menu .menu-search-bar input:focus { max-width: 170px; background: #5E9ECA; padding-left: 20px; } + @media screen and (max-width:1100px) { + .mega-menu .menu-search-bar input:focus { max-width: 100%; position: relative; z-index: 20; } + } + .mega-menu .menu-search-bar i.fa.fa-search { position: absolute; top: 0; right: 0; bottom: 0; width: 50px; text-align: center; line-height: 50px; color: #ffffff; cursor: text; -webkit-transition: background 200ms ease; transition: background 200ms ease; z-index: 40; } + .mega-menu .menu-search-bar:-moz-placeholder { opacity: 1 !important; color: #ffffff !important; } + .mega-menu .menu-search-bar::-moz-placeholder { opacity: 1 !important; color: #ffffff !important; } + .mega-menu .menu-search-bar:-ms-input-placeholder { opacity: 1 !important; color: #ffffff !important; } + .mega-menu .menu-search-bar::-webkit-input-placeholder { opacity: 1 !important; color: #ffffff !important; } + @media screen and (max-width:1100px) { + .mega-menu .menu-search-bar.active input { padding-right: 150px; } + .mega-menu .menu-search-bar.active i.fa.fa-search { right: 70px; } + } + .mega-menu .menu-mobile-collapse-trigger { /*------------------------------------------------------ MOBILE COLLAPSE TRIGGER BUTTON */ + margin: 0; padding: 0; height: 50px; width: 35px; background: transparent; display: none; position: absolute; top: 0; right: 0; z-index: 100; float: right; cursor: pointer; -webkit-transition: background 200ms ease; transition: background 200ms ease; } + .mega-menu .menu-mobile-collapse-trigger:hover { background: transparent; } + .mega-menu .menu-mobile-collapse-trigger:before, + .mega-menu .menu-mobile-collapse-trigger:after, + .mega-menu .menu-mobile-collapse-trigger span { content: ""; display: block; height: 2px; width: 26px; background: #ffffff; position: absolute; top: 13px; border-radius: 3px; left: 0; right: 0; margin: 0 auto; -webkit-transition: -webkit-transform 400ms ease 0s, opacity 400ms ease; transition: transform 400ms ease 0s, opacity 400ms ease; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 0px 50% 0px; -ms-transform-origin: 0px 50% 0px; transform-origin: 0px 50% 0px; } + .home-2 .mega-menu .menu-mobile-collapse-trigger:before, + .home-2 .mega-menu .menu-mobile-collapse-trigger:after, + .home-2 .mega-menu .menu-mobile-collapse-trigger span { background: #323232; } + .mega-menu .menu-mobile-collapse-trigger:after { top: 27px; } + .mega-menu .menu-mobile-collapse-trigger span { top: 20px; } + .mega-menu .menu-mobile-collapse-trigger.active span { opacity: 0; } + .mega-menu .menu-mobile-collapse-trigger.active:before { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } + .mega-menu .menu-mobile-collapse-trigger.active:after { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); } + @media screen and (max-width:1100px) { + .mega-menu .menu-mobile-collapse-trigger { display: block; } + } + .mega-menu .drop-down-multilevel { /*-------------------------------------------------- DROP DOWN MULTILEVEL */ + margin: 0; padding: 0; display: block; position: absolute; top: auto; left: auto; right: auto; z-index: 50; width: 100%; background: #ffffff; float: left; max-width: 220px; } + .mega-menu .drop-down-multilevel * { color: #323232; } + @media screen and (min-width:1101px) { + .mega-menu .drop-down-multilevel { display: block !important; opacity: 0; visibility: hidden; box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.05); border-bottom: 0px; border-radius: 0px; } + } + @media screen and (max-width:1100px) { + .mega-menu .drop-down-multilevel { max-width: 100% !important; position: relative; left: 0; top: 0; padding: 0 10px 20px 10px; display: none; } + } + .mega-menu .drop-down-multilevel li { margin: 0; padding: 0; display: block; float: left; border-radius: 0px; /*border-bottom: 1px solid #f3f3f3;*/ width: 100%; position: relative; -webkit-transition: background 200ms ease; transition: background 200ms ease; z-index: 50; } + .mega-menu .drop-down-multilevel li:last-child { border-bottom: 0px; } + .mega-menu .drop-down-multilevel li:hover { background: #fafafa; } + .mega-menu .drop-down-multilevel li:hover > a { color: #5E9ECA; } + .mega-menu .drop-down-multilevel li:hover > a i.fa { color: #5E9ECA; } + @media screen and (min-width:1101px) { + .mega-menu .drop-down-multilevel li.activeTrigger { background: #5E9ECA; } + .mega-menu .drop-down-multilevel li.activeTrigger > a { color: #ffffff; } + .mega-menu .drop-down-multilevel li.activeTrigger > a i.fa { color: #ffffff; } + } + @media screen and (max-width:1100px) { + .mega-menu .drop-down-multilevel li.activeTriggerMobile { background: #5E9ECA; } + .mega-menu .drop-down-multilevel li.activeTriggerMobile > a { color: #ffffff; } + .mega-menu .drop-down-multilevel li.activeTriggerMobile > a i.fa { color: #ffffff; } + .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #ffffff !important; } + } + .mega-menu .menu-links > li.active .drop-down-multilevel a { color: #323232; } + .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #5E9ECA; } + .mega-menu .drop-down-multilevel a { margin: 0; + padding: 10px 25px; + font-size: 0.7000em; + text-transform: capitalize; + display: inline-block; + float: left; + width: 100%; + color: #323232; + -webkit-transition: color 200ms ease; + transition: color 200ms ease; + min-height: 40px; + letter-spacing: -0.1em;} + + .mega-menu .drop-down-multilevel > li:first-child > a { padding-top: 18px; } + .mega-menu .drop-down-multilevel > li:last-child > a { padding-bottom: 18px; } + + @media screen and (max-width:1100px) { + + /* .mega-menu .drop-down-multilevel a { + width: auto; + }*/ } + .mega-menu .drop-down-multilevel i.fa { float: left; line-height: 1.375em; font-size: 1em; display: block; padding-right: 10px; -webkit-transition: color 200ms ease; transition: color 200ms ease; } + .mega-menu .drop-down-multilevel i.fa-indicator { float: right; line-height: 19px; font-size: 8px; font-weight: 900; display: block; padding-left: 10px; padding-right: 0; } + @media screen and (max-width:1100px) { + .mega-menu .drop-down-multilevel i.fa-indicator { float: right; height: 50px; position: absolute; top: 0; right: 20px; line-height: 50px; z-index: -1; } + } + .mega-menu .drop-down-multilevel .drop-down-multilevel { /*------------------------------------------------------ SECOND LEVEL */ + left: 100%; top: 0; } + @media screen and (min-width:1101px) { + .mega-menu .drop-down-multilevel .drop-down-multilevel.left-side { /*--------------------------------------------------- ALIGN SECOND LEVEL DROP DOWN LEFT SIDE */ + left: -100%; } + } + @media screen and (max-width:1100px) { + .mega-menu .drop-down-multilevel .drop-down-multilevel { left: 0; border: 1px solid #cccccc; } + } + .mega-menu .drop-down, + .mega-menu .drop-down-tab-bar { /*--------------------------------------------------------- GRID DROP DOWN */ + position: absolute; left: auto; top: auto; right: auto; background: #ffffff; float: left; padding: 10px 20px; z-index: 999; display: block; cursor: default; overflow: hidden; /*-------------------------------------------------------- 12 COLUMNS FLUID GRID WITH NESTED COLUMNS */ } + .mega-menu .drop-down *, + .mega-menu .drop-down-tab-bar * { color: #323232; } + @media screen and (min-width:1101px) { + .mega-menu .drop-down.menu-bg, + .mega-menu .drop-down-tab-bar { background: rgba(255, 255, 255, 1); background-repeat: no-repeat; background-position: 120% 0; } + .mega-menu .drop-down.menu-shop-bg, + .mega-menu .drop-down-tab-bar { background: rgba(255, 255, 255, 1) url(../../images/objects/menu-shop-bg.jpg); background-repeat: no-repeat; background-position: right; } + .mega-menu .drop-down.menu-bg [class*="grid-col-"] { padding: 10px 10px 0; } + .mega-menu .rev-slider { background: #fff; padding: 7px 12px; } + .mega-menu .rev-slider p { display: inline-block; padding: 0px 10px; margin-bottom: 0px !important; line-height: 0px !important; } + .mega-menu .rev-slider a { display: inline-block; font-size: 13px !important; color: #01a9da; width: inherit !important; padding: 5px 0px; } + .mega-menu .rev-slider a:hover { color: #323232 !important; } + } + @media screen and (min-width:1101px) { + .mega-menu .drop-down, + .mega-menu .drop-down-tab-bar { display: block !important; opacity: 0; visibility: hidden; /*border-top:5px solid #5E9ECA;*/ border-radius: 0px !important; box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.05); } + } + @media screen and (max-width:1100px) { + .mega-menu .drop-down, + .mega-menu .drop-down-tab-bar { width: 100% !important; top: 0; left: 0; position: relative; display: none; } + } + .mega-menu .drop-down .grid-row, + .mega-menu .drop-down-tab-bar .grid-row { margin: 0; padding: 0; min-height: 1px; width: 100%; float: left; clear: both; } + .mega-menu .drop-down [class*="grid-col-"], + .mega-menu .drop-down-tab-bar [class*="grid-col-"] { margin: 0; float: left; padding: 10px; position: relative; } + .mega-menu .drop-down .grid-col-1, + .mega-menu .drop-down-tab-bar .grid-col-1 { width: 8.333333333333333%; } + .mega-menu .drop-down .grid-col-2, + .mega-menu .drop-down-tab-bar .grid-col-2 { width: 16.66666666666667%; } + .mega-menu .drop-down .grid-col-3, + .mega-menu .drop-down-tab-bar .grid-col-3 { width: 25%; } + .mega-menu .drop-down .grid-col-4, + .mega-menu .drop-down-tab-bar .grid-col-4 { width: 33.33333333333333%; } + .mega-menu .drop-down .grid-col-5, + .mega-menu .drop-down-tab-bar .grid-col-5 { width: 41.66666666666667%; } + .mega-menu .drop-down .grid-col-6, + .mega-menu .drop-down-tab-bar .grid-col-6 { width: 50%; } + .mega-menu .drop-down .grid-col-7, + .mega-menu .drop-down-tab-bar .grid-col-7 { width: 58.33333333333333%; } + .mega-menu .drop-down .grid-col-8, + .mega-menu .drop-down-tab-bar .grid-col-8 { width: 66.66666666666667%; } + .mega-menu .drop-down .grid-col-9, + .mega-menu .drop-down-tab-bar .grid-col-9 { width: 75%; } + .mega-menu .drop-down .grid-col-10, + .mega-menu .drop-down-tab-bar .grid-col-10 { width: 83.33333333333333%; } + .mega-menu .drop-down .grid-col-11, + .mega-menu .drop-down-tab-bar .grid-col-11 { width: 91.66666666666667%; } + .mega-menu .drop-down .grid-col-12, + .mega-menu .drop-down-tab-bar .grid-col-12 { width: 100%; } + .mega-menu .drop-down.grid-col-1, + .mega-menu .drop-down-tab-bar.grid-col-1 { width: 8.333333333333333%; } + .mega-menu .drop-down.grid-col-2, + .mega-menu .drop-down-tab-bar.grid-col-2 { width: 16.66666666666667%; } + .mega-menu .drop-down.grid-col-3, + .mega-menu .drop-down-tab-bar.grid-col-3 { width: 25%; } + .mega-menu .drop-down.grid-col-4, + .mega-menu .drop-down-tab-bar.grid-col-4 { width: 33.33333333333333%; } + .mega-menu .drop-down.grid-col-5, + .mega-menu .drop-down-tab-bar.grid-col-5 { width: 41.66666666666667%; } + .mega-menu .drop-down.grid-col-6, + .mega-menu .drop-down-tab-bar.grid-col-6 { width: 50%; } + .mega-menu .drop-down.grid-col-7, + .mega-menu .drop-down-tab-bar.grid-col-7 { width: 58.33333333333333%; } + .mega-menu .drop-down.grid-col-8, + .mega-menu .drop-down-tab-bar.grid-col-8 { width: 66.66666666666667%; } + .mega-menu .drop-down.grid-col-9, + .mega-menu .drop-down-tab-bar.grid-col-9 { width: 75%; } + .mega-menu .drop-down.grid-col-10, + .mega-menu .drop-down-tab-bar.grid-col-10 { width: 83.33333333333333%; } + .mega-menu .drop-down.grid-col-11, + .mega-menu .drop-down-tab-bar.grid-col-11 { width: 91.66666666666667%; } + .mega-menu .drop-down.grid-col-12, + .mega-menu .drop-down-tab-bar.grid-col-12 { width: 100%; left: 0; } + @media screen and (max-width:1100px) { + .mega-menu .drop-down [class*="grid-col-"], + .mega-menu .drop-down-tab-bar [class*="grid-col-"] { width: 50%; } + } + @media screen and (max-width:1100px) { + .mega-menu .drop-down [class*="grid-col-"], + .mega-menu .drop-down-tab-bar [class*="grid-col-"] { width: 100%; } + } + .mega-menu .drop-down.grid-demo span, + .mega-menu .drop-down-tab-bar.grid-demo span { float: left; display: inline-block; width: 100%; padding: 4px 6px; background: #bfbfbf; font-size: 0.75em; color: #323232; } + .mega-menu .drop-down .space-0, + .mega-menu .drop-down-tab-bar .space-0 { /*--------------------------------------------------------- SPACE 0 CLASS */ + padding: 0 !important; margin: 0 !important; } + .mega-menu .drop-down a, + .mega-menu .drop-down-tab-bar a { font-size: 0.7800em; display: inline-block; padding: 8px 0; width: 100%; max-width: 100%; text-transform: capitalize; } + .mega-menu .drop-down h1, + .mega-menu .drop-down h2, + .mega-menu .drop-down h3, + .mega-menu .drop-down h4, + .mega-menu .drop-down h5, + .mega-menu .drop-down h6, + .mega-menu .drop-down-tab-bar h1, + .mega-menu .drop-down-tab-bar h2, + .mega-menu .drop-down-tab-bar h3, + .mega-menu .drop-down-tab-bar h4, + .mega-menu .drop-down-tab-bar h5, + .mega-menu .drop-down-tab-bar h6 { margin-top: 0; font-weight: 700; } + .mega-menu .drop-down h1, + .mega-menu .drop-down-tab-bar h1 { font-size: 1.5em; line-height: 1; padding-top: 0.53em; margin-bottom: 0.5em; } + .mega-menu .drop-down h2, + .mega-menu .drop-down-tab-bar h2 { font-size: 1.375em; padding-top: 0.25em; margin-bottom: 0.5em; } + .mega-menu .drop-down h3, + .mega-menu .drop-down-tab-bar h3 { font-size: 1.125em; line-height: 1; padding-top: 0.35em; margin-bottom: 0.65em; } + .mega-menu .drop-down h4, + .mega-menu .drop-down-tab-bar h4 { font-size: 1em; text-transform: capitalize; line-height: 1.25; padding-top: 0.45em; margin-bottom: 0px; padding-left: 8px; letter-spacing: 0px; } + .mega-menu .drop-down h5, + .mega-menu .drop-down-tab-bar h5 { font-size: 0.875em; font-weight: bold; padding-top: 0.6em; margin-bottom: 0.9em; } + .mega-menu .drop-down h6, + .mega-menu .drop-down-tab-bar h6 { font-size: 0.75em; font-weight: bold; margin-bottom: 0; } + .mega-menu .drop-down figure img, + .mega-menu .drop-down-tab-bar figure img { width: 100%; height: auto; display: block; } + .mega-menu .drop-down figcaption, + .mega-menu .drop-down-tab-bar figcaption { font-size: small; font-style: italic; color: #666666; } + .mega-menu .drop-down ul, + .mega-menu .drop-down ol, + .mega-menu .drop-down dl, + .mega-menu .drop-down-tab-bar ul, + .mega-menu .drop-down-tab-bar ol, + .mega-menu .drop-down-tab-bar dl { padding: 0; margin: 0 0 0px; } + .mega-menu .drop-down form, + .mega-menu .drop-down-tab-bar form { margin-bottom: 1.5em; } + .mega-menu .drop-down form ul, + .mega-menu .drop-down-tab-bar form ul { list-style: none none; margin: 0; padding: 0; } + .mega-menu .drop-down form ul li, + .mega-menu .drop-down-tab-bar form ul li { *zoom: 1; margin-bottom: 1.5em; } + .mega-menu .drop-down form ul li:before, + .mega-menu .drop-down form ul li:after, + .mega-menu .drop-down-tab-bar form ul li:before, + .mega-menu .drop-down-tab-bar form ul li:after { content: ""; display: table; } + .mega-menu .drop-down form ul li:after, + .mega-menu .drop-down-tab-bar form ul li:after { clear: both; } + .mega-menu .drop-down fieldset, + .mega-menu .drop-down-tab-bar fieldset { margin: 0; padding: 1.5em; } + .mega-menu .drop-down label, + .mega-menu .drop-down-tab-bar label { display: block; } + .mega-menu .drop-down label.inline, + .mega-menu .drop-down-tab-bar label.inline { display: inline; padding-right: 24px; } + .mega-menu .drop-down input[type="text"], + .mega-menu .drop-down input[type="url"], + .mega-menu .drop-down input[type="email"], + .mega-menu .drop-down input[type="password"], + .mega-menu .drop-down input[type="search"], + .mega-menu .drop-down input[type="number"], + .mega-menu .drop-down input[type="date"], + .mega-menu .drop-down input[type="month"], + .mega-menu .drop-down input[type="week"], + .mega-menu .drop-down input[type="time"], + .mega-menu .drop-down input[type="datetime"], + .mega-menu .drop-down input[type="datetime-local"], + .mega-menu .drop-down input[type="tel"], + .mega-menu .drop-down textarea, + .mega-menu .drop-down-tab-bar input[type="text"], + .mega-menu .drop-down-tab-bar input[type="url"], + .mega-menu .drop-down-tab-bar input[type="email"], + .mega-menu .drop-down-tab-bar input[type="password"], + .mega-menu .drop-down-tab-bar input[type="search"], + .mega-menu .drop-down-tab-bar input[type="number"], + .mega-menu .drop-down-tab-bar input[type="date"], + .mega-menu .drop-down-tab-bar input[type="month"], + .mega-menu .drop-down-tab-bar input[type="week"], + .mega-menu .drop-down-tab-bar input[type="time"], + .mega-menu .drop-down-tab-bar input[type="datetime"], + .mega-menu .drop-down-tab-bar input[type="datetime-local"], + .mega-menu .drop-down-tab-bar input[type="tel"], + .mega-menu .drop-down-tab-bar textarea { display: block; width: 100%; margin: 0 0 0.75em; padding: 10px; font-size: 0.7800em; border: 1px solid #e8e8e8; line-height: 1.5em; } + .mega-menu .drop-down select, + .mega-menu .drop-down-tab-bar select { width: 100%; height: 2.1em; margin-bottom: 0.9em; border: 1px solid #cccccc; } + .mega-menu .drop-down input[type="range"], + .mega-menu .drop-down input[type="color"], + .mega-menu .drop-down-tab-bar input[type="range"], + .mega-menu .drop-down-tab-bar input[type="color"] { vertical-align: middle; height: 1.5em; width: 100%; } + .mega-menu .drop-down input[type="range"], + .mega-menu .drop-down-tab-bar input[type="range"] { height: 1.4em; } + .mega-menu .drop-down input[type="color"], + .mega-menu .drop-down-tab-bar input[type="color"] { width: 1.5em; } + .mega-menu .drop-down input[type="time"], + .mega-menu .drop-down-tab-bar input[type="time"] { margin: 0 0 0.55em; } + .mega-menu .drop-down progress, + .mega-menu .drop-down meter, + .mega-menu .drop-down-tab-bar progress, + .mega-menu .drop-down-tab-bar meter { display: block; width: 100%; height: 1.5em; } + .mega-menu .drop-down table, + .mega-menu .drop-down-tab-bar table { margin-bottom: 1.4em; width: 100%; border: 1px solid #cccccc; } + .mega-menu .drop-down thead, + .mega-menu .drop-down-tab-bar thead { text-align: left; font-weight: bold; } + .mega-menu .drop-down tbody tr:nth-child(even) td, + .mega-menu .drop-down-tab-bar tbody tr:nth-child(even) td { background: #dddddd; } + .mega-menu .drop-down tfoot, + .mega-menu .drop-down-tab-bar tfoot { font-style: italic; } + .mega-menu .drop-down tfoot td, + .mega-menu .drop-down tfoot th, + .mega-menu .drop-down-tab-bar tfoot td, + .mega-menu .drop-down-tab-bar tfoot th { padding: 0.75em 10px; } + .mega-menu .drop-down th, + .mega-menu .drop-down td, + .mega-menu .drop-down caption, + .mega-menu .drop-down-tab-bar th, + .mega-menu .drop-down-tab-bar td, + .mega-menu .drop-down-tab-bar caption { border: 1px solid #cccccc; } + .mega-menu .drop-down td, + .mega-menu .drop-down th, + .mega-menu .drop-down-tab-bar td, + .mega-menu .drop-down-tab-bar th { padding: 0 10px 0 10px; line-height: 1.45em; } + .mega-menu .drop-down caption, + .mega-menu .drop-down-tab-bar caption { border-bottom: 0; padding: 0.75em 10px; line-height: 1.45em; text-align: left; font-style: italic; } + .mega-menu .drop-down p, + .mega-menu .drop-down-tab-bar p { margin: 0 0 1.5em 0; font-size: 0.7800em; } + .mega-menu .drop-down blockquote, + .mega-menu .drop-down-tab-bar blockquote { margin: 0 1.5em 1.5em; font-style: italic; } + .mega-menu .drop-down mark, + .mega-menu .drop-down-tab-bar mark { line-height: 1.5; background: #78aace; color: #ffffff; } + .mega-menu .drop-down del, + .mega-menu .drop-down-tab-bar del { color: #dddddd; } + .mega-menu .drop-down code, + .mega-menu .drop-down kbd, + .mega-menu .drop-down pre, + .mega-menu .drop-down samp, + .mega-menu .drop-down-tab-bar code, + .mega-menu .drop-down-tab-bar kbd, + .mega-menu .drop-down-tab-bar pre, + .mega-menu .drop-down-tab-bar samp { } + .mega-menu .drop-down ins, + .mega-menu .drop-down small, + .mega-menu .drop-down-tab-bar ins, + .mega-menu .drop-down-tab-bar small { line-height: 1.5; } + .mega-menu .drop-down kbd, + .mega-menu .drop-down samp, + .mega-menu .drop-down-tab-bar kbd, + .mega-menu .drop-down-tab-bar samp { line-height: 1.4; } + .mega-menu .drop-down hr, + .mega-menu .drop-down-tab-bar hr { background: #cccccc; color: #cccccc; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1.4em; border: none; } + .mega-menu .drop-down input[type="submit"], + .mega-menu .drop-down input[type="button"], + .mega-menu .drop-down-tab-bar input[type="submit"], + .mega-menu .drop-down-tab-bar input[type="button"] { background: #5E9ECA; padding: 10px 20px; margin: 5px 10px 0 0; line-height: 1.5em; font-weight: 600; font-size: 0.7800em; color: #ffffff; border-radius: 0; display: block; float: left; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; } + .mega-menu .drop-down input[type="submit"]:hover, + .mega-menu .drop-down input[type="button"]:hover, + .mega-menu .drop-down-tab-bar input[type="submit"]:hover, + .mega-menu .drop-down-tab-bar input[type="button"]:hover { background-color: #333333; } + @media screen and (max-width:1100px) { + .mega-menu .drop-down input[type="submit"], + .mega-menu .drop-down input[type="button"], + .mega-menu .drop-down-tab-bar input[type="submit"], + .mega-menu .drop-down-tab-bar input[type="button"] { width: 100%; } + } + .mega-menu .drop-down a, + .mega-menu .drop-down-tab-bar a { -webkit-transition: color 200ms ease; transition: color 200ms ease; } + .mega-menu .drop-down a:hover, + .mega-menu .drop-down-tab-bar a:hover { color: #5E9ECA; } + .mega-menu .drop-down a i, + .mega-menu .drop-down-tab-bar a i { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } + .mega-menu .drop-down a:hover i, + .mega-menu .drop-down-tab-bar a:hover i { color: #5E9ECA; } + @media screen and (max-width:1100px) { + .mega-menu .drop-down a, + .mega-menu .drop-down-tab-bar a { width: auto; } + } + + /*.mega-menu .drop-down ::-moz-selection, + .mega-menu .drop-down-tab-bar ::-moz-selection { + background: #ffb9ad; + } + + .mega-menu .drop-down ::selection, + .mega-menu .drop-down-tab-bar ::selection { + background: #ffb9ad; + }*/ + .mega-menu .drop-down .list-description span, + .mega-menu .drop-down-tab-bar .list-description span { color: #aeaeae; display: inline-block; width: 100%; } + .mega-menu .drop-down .image-description, + .mega-menu .drop-down-tab-bar .image-description { position: relative; } + .mega-menu .drop-down .image-description img, + .mega-menu .drop-down-tab-bar .image-description img { display: inline-block; float: left; max-width: 100%; position: absolute; left: 0; right: 0; height: 40px; width: 40px; } + .mega-menu .drop-down .image-description a, + .mega-menu .drop-down-tab-bar .image-description a { padding-left: 50px; } + .mega-menu .drop-down .image-description span, + .mega-menu .drop-down-tab-bar .image-description span { color: #aeaeae; display: inline-block; width: 100%; } + .mega-menu .drop-down i.fa, + .mega-menu .drop-down-tab-bar i.fa { padding-right: 10px; width: 20px; } + .mega-menu .drop-down iframe, + .mega-menu .drop-down-tab-bar iframe { width: 100%; display: block; float: left; margin: 0; padding: 0; border: none; } + @media screen and (min-width:1101px) { + .mega-menu .drop-down.offset-1, + .mega-menu .drop-down-tab-bar.offset-1 { /*------------------------------------------- OFFSET CLASSES FOR DROP DOWN */ + margin-left: 100px; } + .mega-menu .drop-down.offset-2, + .mega-menu .drop-down-tab-bar.offset-2 { margin-left: -150px; } + .mega-menu .drop-down.offset-3, + .mega-menu .drop-down-tab-bar.offset-3 { margin-left: -200px; } + .mega-menu .drop-down.offset-4, + .mega-menu .drop-down-tab-bar.offset-4 { margin-left: -250px; } + .mega-menu .drop-down.offset-5, + .mega-menu .drop-down-tab-bar.offset-5 { margin-left: -300px; } + } + .mega-menu .drop-down .menu-contact-form, + .mega-menu .drop-down-tab-bar .menu-contact-form { /*------------------------------------------------------- MENU CONTACT FORM */ + margin: 0; display: block; float: left; width: 100%; background: #f7f7f7; padding: 20px; } + .mega-menu .mobileTriggerButton { /*---------------------------------------------------- MOBILE CLICK TRIGGER JQUERY DIV */ + margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; height: 50px; display: none; z-index: -1; } + @media screen and (max-width:1100px) { + .mega-menu .mobileTriggerButton { display: block; } + } + .mega-menu .desktopTriggerButton { /*--------------------------------------------------- DESKTOP CLICK TRIGGER JQUERY DIV */ + margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; display: block; opacity: .2; } + @media screen and (max-width:1100px) { + .mega-menu .desktopTriggerButton { display: none; } + } + @media screen and (min-width:1101px) { + .mega-menu.desktopTopFixed .menu-list-items { /*--------------------------------------------------------- TOP FIXED FOR DESKTOP */ + position: fixed; top: 0; left: 0; right: 0; max-width: 100%; padding: 0px 10px; background: #323232; box-shadow: 0 0 10px rgba(0, 0, 0, .1); } + .mega-menu.desktopTopFixed .menu-list-items .drop-down.grid-col-12, + .mega-menu.desktopTopFixed .menu-list-items .drop-down-tab-bar.grid-col-12 { width: 100%; margin: 0px; } + .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 40px; padding-top: 0px; margin: 15px 0px; /*width: 75%;*/ } + .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 20px; } + } + @media screen and (max-width:1100px) { + .mega-menu.mobileTopFixed .menu-list-items { /*--------------------------------------------------------- TOP FIXED FOR MOBILE */ + position: fixed; top: 0; left: 0; right: 0; max-width: 100%; } + } + .mega-menu .drop-down-tab-bar { /*----------------------------------------------------------- DROP DOWN TAB BAR */ + margin: 0; padding: 10px; float: left; } + .mega-menu .drop-down-tab-bar li { float: left; margin: 0; padding: 0; display: block; } + @media screen and (max-width:1100px) { + .mega-menu .drop-down-tab-bar li { width: 100%; position: relative; } + } + .mega-menu .drop-down-tab-bar a { float: left; width: 100%; display: inline-block; padding: 5px 10px; font-size: 0.7800em; } + @media screen and (max-width:1100px) { + .mega-menu .drop-down-tab-bar a { width: auto; padding-right: 20px; } + } + .mega-menu .drop-down-tab-bar i.fa { display: inline-block; padding-right: 5px; } + .mega-menu .drop-down-tab-bar i.fa.fa-indicator { padding-right: 0; padding-left: 10px; line-height: 0.7800em; } + @media screen and (max-width:1100px) { + .mega-menu .drop-down-tab-bar i.fa.fa-indicator { float: right; position: absolute; right: 12px; top: 0; bottom: 0; line-height: 25px; } + } + @media screen and (min-width:1101px) { + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-scale, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-scale, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-scale { /*--------------------------------------------- effect scale */ + -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-top, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-top, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-top { /*--------------------------------------------- effect expand top*/ + -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-bottom, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-bottom, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-bottom { /*--------------------------------------------- effect expand bottom*/ + -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; } + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-left, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-left, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-left { /*--------------------------------------------- effect expand left*/ + -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-right, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-right, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-right { /*--------------------------------------------- effect expand right*/ + -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel, + .mega-menu .menu-links li.ClickTrigger .drop-down.active, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active { -webkit-transition-delay: 200ms !important; transition-delay: 200ms !important; } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-fade, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-fade, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-fade, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-fade, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-fade, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-fade { /*------------------------------------------- DROP DOWN EFFECTS :::: fade-effect */ + opacity: 1; visibility: visible; } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-scale, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-scale, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-scale { /*--------------------------------------------- effect scale */ + opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-top, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-top, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-top { /*--------------------------------------------- effect expand top*/ + opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-bottom, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-bottom, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-bottom { /*--------------------------------------------- effect expand bottom*/ + opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-left, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-left, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-left { /*--------------------------------------------- effect expand left*/ + opacity: 1; visibility: visible; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-right, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-right, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-right { /*--------------------------------------------- effect expand right */ + opacity: 1; visibility: visible; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } + } + @media screen and (max-width:1100px) { + .mega-menu .menu-links li .drop-down, + .mega-menu .menu-links li .drop-down-tab-bar, + .mega-menu .menu-links li .drop-down-multilevel { -webkit-transition: none !important; transition: none !important; } + } + @media screen and (min-width:1101px) { + .mega-menu.vertical-left, + .mega-menu.vertical-right { /*----------------------------------------------------- VERTICAL LEFT OR VERTICAL RIGHT */ + float: left; width: auto; display: block; /*max-width: 250px;*/ } + .mega-menu.vertical-left .menu-logo, + .mega-menu.vertical-right .menu-logo { clear: both; width: 100%; } + .mega-menu.vertical-left .menu-logo > li, + .mega-menu.vertical-right .menu-logo > li { width: 100%; } + .mega-menu.vertical-left .menu-logo > li > a, + .mega-menu.vertical-right .menu-logo > li > a { width: 100%; } + .mega-menu.vertical-left .menu-links, + .mega-menu.vertical-right .menu-links { clear: both; width: 100%; } + .mega-menu.vertical-left .menu-links > li, + .mega-menu.vertical-right .menu-links > li { clear: both; width: 100%; position: relative; } + .mega-menu.vertical-left .menu-links > li > a, + .mega-menu.vertical-right .menu-links > li > a { width: 100%; position: relative; line-height: 48px; } + .mega-menu.vertical-left .menu-links > li > a i.fa.fa-indicator, + .mega-menu.vertical-right .menu-links > li > a i.fa.fa-indicator { float: right; line-height: 48px; } + .mega-menu.vertical-left .menu-social-bar, + .mega-menu.vertical-right .menu-social-bar { width: 100%; text-align: center; } + .mega-menu.vertical-left .menu-social-bar > li, + .mega-menu.vertical-right .menu-social-bar > li { display: inline-block; float: none; } + .mega-menu.vertical-left .menu-social-bar > li > a, + .mega-menu.vertical-right .menu-social-bar > li > a { padding-left: 10px; padding-right: 10px; } + .mega-menu.vertical-left .drop-down-multilevel, + .mega-menu.vertical-right .drop-down-multilevel { top: 0; left: 100%; } + .mega-menu.vertical-left .drop-down, + .mega-menu.vertical-left .drop-down-tab-bar, + .mega-menu.vertical-right .drop-down, + .mega-menu.vertical-right .drop-down-tab-bar { left: 100%; top: 0; min-width: 600px; } + .mega-menu.vertical-left .drop-down.grid-col-12, + .mega-menu.vertical-left .drop-down-tab-bar.grid-col-12, + .mega-menu.vertical-right .drop-down.grid-col-12, + .mega-menu.vertical-right .drop-down-tab-bar.grid-col-12 { min-width: 1000px; } + .mega-menu.vertical-left .offset-1, + .mega-menu.vertical-left .offset-2, + .mega-menu.vertical-left .offset-3, + .mega-menu.vertical-left .offset-4, + .mega-menu.vertical-left .offset-5, + .mega-menu.vertical-right .offset-1, + .mega-menu.vertical-right .offset-2, + .mega-menu.vertical-right .offset-3, + .mega-menu.vertical-right .offset-4, + .mega-menu.vertical-right .offset-5 { margin-left: 0; } + .mega-menu.vertical-left .offset-1-vertical, + .mega-menu.vertical-right .offset-1-vertical { margin-top: -100px !important; } + .mega-menu.vertical-left .offset-2-vertical, + .mega-menu.vertical-right .offset-2-vertical { margin-top: -150px !important; } + .mega-menu.vertical-left .offset-3-vertical, + .mega-menu.vertical-right .offset-3-vertical { margin-top: -200px !important; } + .mega-menu.vertical-left .offset-4-vertical, + .mega-menu.vertical-right .offset-4-vertical { margin-top: -250px !important; } + .mega-menu.vertical-left .offset-5-vertical, + .mega-menu.vertical-right .offset-5-vertical { margin-top: -300px !important; } + .mega-menu.vertical-left.desktopTopFixed, + .mega-menu.vertical-right.desktopTopFixed { float: left; right: auto; padding: 0; height: 100%; } + .mega-menu.vertical-left.desktopTopFixed .menu-list-items, + .mega-menu.vertical-right.desktopTopFixed .menu-list-items { padding: 0; height: 100%; } + .mega-menu.vertical-left.desktopTopFixed .drop-down, + .mega-menu.vertical-left.desktopTopFixed .drop-down-tab-bar, + .mega-menu.vertical-right.desktopTopFixed .drop-down, + .mega-menu.vertical-right.desktopTopFixed .drop-down-tab-bar { margin: 0; } + .mega-menu.vertical-right { float: right; } + .mega-menu.vertical-right .drop-down-multilevel { left: auto; right: 100%; } + } + @media screen and (min-width:1101px) and (min-width:1101px) { + .mega-menu.vertical-right .drop-down-multilevel.left-side { left: 100%; } + } + @media screen and (min-width:1101px) { + .mega-menu.vertical-right .drop-down, + .mega-menu.vertical-right .drop-down-tab-bar { left: auto; right: 100%; } + .mega-menu.vertical-right.desktopTopFixed { float: right; left: auto; right: 0; padding: 0; height: 100%; } + } + @media screen and (min-width:1101px) { + .mega-menu.vertical-left .menu-search-bar, + .mega-menu.vertical-right .menu-search-bar { width: 100%; } + .mega-menu.vertical-left .menu-search-bar input, + .mega-menu.vertical-left .menu-search-bar li, + .mega-menu.vertical-left .menu-search-bar form, + .mega-menu.vertical-left .menu-search-bar label, + .mega-menu.vertical-right .menu-search-bar input, + .mega-menu.vertical-right .menu-search-bar li, + .mega-menu.vertical-right .menu-search-bar form, + .mega-menu.vertical-right .menu-search-bar label { width: 100%; max-width: 100%; background: #5E9ECA; -webkit-transition: none; transition: none; } + .mega-menu.vertical-left .menu-search-bar input, + .mega-menu.vertical-right .menu-search-bar input { padding-left: 20px; } + } + @media screen and (min-width:1101px) { + .mega-menu.menuFullWidth { /*--------------------------------------------------- make menu full width */ + max-width: 100%; } + } diff --git a/apply/css - 복사본/plugins/owl.carousel.min.css b/apply/css - 복사본/plugins/owl.carousel.min.css new file mode 100644 index 0000000..d8becfa --- /dev/null +++ b/apply/css - 복사본/plugins/owl.carousel.min.css @@ -0,0 +1,47 @@ +/** + * Owl Carousel v2.2.1 + * Copyright 2013-2017 David Deutsch + * Licensed under () + */ +.owl-carousel, +.owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } +.owl-carousel { display: none; width: 100%; z-index: 1 } +.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden } +.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } +.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } +.owl-carousel .owl-item, +.owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } +.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } +.owl-carousel .owl-item img { display: block; width: 100% } +.owl-carousel .owl-dots.disabled, +.owl-carousel .owl-nav.disabled { display: none } +.no-js .owl-carousel, +.owl-carousel.owl-loaded { display: block } +.owl-carousel .owl-dot, +.owl-carousel .owl-nav .owl-next, +.owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } +.owl-carousel.owl-loading { opacity: 0; display: block } +.owl-carousel.owl-hidden { opacity: 0 } +.owl-carousel.owl-refresh .owl-item { visibility: hidden } +.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } +.owl-carousel.owl-grab { cursor: move; cursor: grab } +.owl-carousel.owl-rtl { direction: rtl } +.owl-carousel.owl-rtl .owl-item { float: right } +.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } +.owl-carousel .owl-animated-in { z-index: 0 } +.owl-carousel .owl-animated-out { z-index: 1 } +.owl-carousel .fadeOut { animation-name: fadeOut } +@keyframes fadeOut { + 0% { opacity: 1 } + 100% { opacity: 0 } +} +.owl-height { transition: height .5s ease-in-out } +.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } +.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } +.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } +.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } +.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } +.owl-carousel .owl-video-playing .owl-video-play-icon, +.owl-carousel .owl-video-playing .owl-video-tn { display: none } +.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } +.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } diff --git a/apply/css - 복사본/plugins/slick-theme.css b/apply/css - 복사본/plugins/slick-theme.css new file mode 100644 index 0000000..f7538d1 --- /dev/null +++ b/apply/css - 복사본/plugins/slick-theme.css @@ -0,0 +1,65 @@ +@charset 'UTF-8'; + +/* Slider */ +.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } +.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } +.slick-list:focus { outline: none; } +.slick-list.dragging { cursor: pointer; cursor: hand; } +.slick-slider .slick-track, +.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } +.slick-track { position: relative; top: 0; left: 0; display: block; } +.slick-track:before, +.slick-track:after { display: table; content: ''; } +.slick-track:after { clear: both; } +.slick-loading .slick-track { visibility: hidden; } +.slick-slide { display: none; float: left; height: 100%; min-height: 1px; } +[dir='rtl'] .slick-slide { float: right; } +.slick-slide img { display: block; } +.slick-slide.slick-loading img { display: none; } +.slick-slide.dragging img { pointer-events: none; } +.slick-initialized .slick-slide { display: block; } +.slick-loading .slick-slide { visibility: hidden; } +.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } +.slick-arrow.slick-hidden { display: none; } + +/* Slider */ +.slick-loading .slick-list { background: #fff url('../pre-loader/loader-02.svg') center center no-repeat; } + +/* Icons */ +@font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); } + +/* Arrows */ +.slick-prev, +.slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } +.slick-prev:hover, +.slick-prev:focus, +.slick-next:hover, +.slick-next:focus { color: transparent; outline: none; background: transparent; } +.slick-prev:hover:before, +.slick-prev:focus:before, +.slick-next:hover:before, +.slick-next:focus:before { opacity: 1; } +.slick-prev.slick-disabled:before, +.slick-next.slick-disabled:before { opacity: .25; } +.slick-prev:before, +.slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } +.slick-prev { left: -25px; } +[dir='rtl'] .slick-prev { right: -25px; left: auto; } +.slick-prev:before { content: '←'; } +[dir='rtl'] .slick-prev:before { content: '→'; } +.slick-next { right: -25px; } +[dir='rtl'] .slick-next { right: auto; left: -25px; } +.slick-next:before { content: '→'; } +[dir='rtl'] .slick-next:before { content: '←'; } + +/* Dots */ +.slick-dotted.slick-slider { margin-bottom: 30px; } +.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } +.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } +.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } +.slick-dots li button:hover, +.slick-dots li button:focus { outline: none; } +.slick-dots li button:hover:before, +.slick-dots li button:focus:before { opacity: 1; } +.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } +.slick-dots li.slick-active button:before { opacity: .75; color: black; } \ No newline at end of file diff --git a/apply/css - 복사본/plugins/themify-icons.css b/apply/css - 복사본/plugins/themify-icons.css new file mode 100644 index 0000000..1d106b3 --- /dev/null +++ b/apply/css - 복사본/plugins/themify-icons.css @@ -0,0 +1,1081 @@ +@font-face { + font-family: 'themify'; + src:url('../../fonts/themify.eot?-fvbane'); + src:url('../../fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'), + url('../../fonts/themify.woff?-fvbane') format('woff'), + url('../../fonts/themify.ttf?-fvbane') format('truetype'), + url('../../fonts/themify.svg?-fvbane#themify') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="ti-"], [class*=" ti-"] { + font-family: 'themify'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.ti-wand:before { + content: "\e600"; +} +.ti-volume:before { + content: "\e601"; +} +.ti-user:before { + content: "\e602"; +} +.ti-unlock:before { + content: "\e603"; +} +.ti-unlink:before { + content: "\e604"; +} +.ti-trash:before { + content: "\e605"; +} +.ti-thought:before { + content: "\e606"; +} +.ti-target:before { + content: "\e607"; +} +.ti-tag:before { + content: "\e608"; +} +.ti-tablet:before { + content: "\e609"; +} +.ti-star:before { + content: "\e60a"; +} +.ti-spray:before { + content: "\e60b"; +} +.ti-signal:before { + content: "\e60c"; +} +.ti-shopping-cart:before { + content: "\e60d"; +} +.ti-shopping-cart-full:before { + content: "\e60e"; +} +.ti-settings:before { + content: "\e60f"; +} +.ti-search:before { + content: "\e610"; +} +.ti-zoom-in:before { + content: "\e611"; +} +.ti-zoom-out:before { + content: "\e612"; +} +.ti-cut:before { + content: "\e613"; +} +.ti-ruler:before { + content: "\e614"; +} +.ti-ruler-pencil:before { + content: "\e615"; +} +.ti-ruler-alt:before { + content: "\e616"; +} +.ti-bookmark:before { + content: "\e617"; +} +.ti-bookmark-alt:before { + content: "\e618"; +} +.ti-reload:before { + content: "\e619"; +} +.ti-plus:before { + content: "\e61a"; +} +.ti-pin:before { + content: "\e61b"; +} +.ti-pencil:before { + content: "\e61c"; +} +.ti-pencil-alt:before { + content: "\e61d"; +} +.ti-paint-roller:before { + content: "\e61e"; +} +.ti-paint-bucket:before { + content: "\e61f"; +} +.ti-na:before { + content: "\e620"; +} +.ti-mobile:before { + content: "\e621"; +} +.ti-minus:before { + content: "\e622"; +} +.ti-medall:before { + content: "\e623"; +} +.ti-medall-alt:before { + content: "\e624"; +} +.ti-marker:before { + content: "\e625"; +} +.ti-marker-alt:before { + content: "\e626"; +} +.ti-arrow-up:before { + content: "\e627"; +} +.ti-arrow-right:before { + content: "\e628"; +} +.ti-arrow-left:before { + content: "\e629"; +} +.ti-arrow-down:before { + content: "\e62a"; +} +.ti-lock:before { + content: "\e62b"; +} +.ti-location-arrow:before { + content: "\e62c"; +} +.ti-link:before { + content: "\e62d"; +} +.ti-layout:before { + content: "\e62e"; +} +.ti-layers:before { + content: "\e62f"; +} +.ti-layers-alt:before { + content: "\e630"; +} +.ti-key:before { + content: "\e631"; +} +.ti-import:before { + content: "\e632"; +} +.ti-image:before { + content: "\e633"; +} +.ti-heart:before { + content: "\e634"; +} +.ti-heart-broken:before { + content: "\e635"; +} +.ti-hand-stop:before { + content: "\e636"; +} +.ti-hand-open:before { + content: "\e637"; +} +.ti-hand-drag:before { + content: "\e638"; +} +.ti-folder:before { + content: "\e639"; +} +.ti-flag:before { + content: "\e63a"; +} +.ti-flag-alt:before { + content: "\e63b"; +} +.ti-flag-alt-2:before { + content: "\e63c"; +} +.ti-eye:before { + content: "\e63d"; +} +.ti-export:before { + content: "\e63e"; +} +.ti-exchange-vertical:before { + content: "\e63f"; +} +.ti-desktop:before { + content: "\e640"; +} +.ti-cup:before { + content: "\e641"; +} +.ti-crown:before { + content: "\e642"; +} +.ti-comments:before { + content: "\e643"; +} +.ti-comment:before { + content: "\e644"; +} +.ti-comment-alt:before { + content: "\e645"; +} +.ti-close:before { + content: "\e646"; +} +.ti-clip:before { + content: "\e647"; +} +.ti-angle-up:before { + content: "\e648"; +} +.ti-angle-right:before { + content: "\e649"; +} +.ti-angle-left:before { + content: "\e64a"; +} +.ti-angle-down:before { + content: "\e64b"; +} +.ti-check:before { + content: "\e64c"; +} +.ti-check-box:before { + content: "\e64d"; +} +.ti-camera:before { + content: "\e64e"; +} +.ti-announcement:before { + content: "\e64f"; +} +.ti-brush:before { + content: "\e650"; +} +.ti-briefcase:before { + content: "\e651"; +} +.ti-bolt:before { + content: "\e652"; +} +.ti-bolt-alt:before { + content: "\e653"; +} +.ti-blackboard:before { + content: "\e654"; +} +.ti-bag:before { + content: "\e655"; +} +.ti-move:before { + content: "\e656"; +} +.ti-arrows-vertical:before { + content: "\e657"; +} +.ti-arrows-horizontal:before { + content: "\e658"; +} +.ti-fullscreen:before { + content: "\e659"; +} +.ti-arrow-top-right:before { + content: "\e65a"; +} +.ti-arrow-top-left:before { + content: "\e65b"; +} +.ti-arrow-circle-up:before { + content: "\e65c"; +} +.ti-arrow-circle-right:before { + content: "\e65d"; +} +.ti-arrow-circle-left:before { + content: "\e65e"; +} +.ti-arrow-circle-down:before { + content: "\e65f"; +} +.ti-angle-double-up:before { + content: "\e660"; +} +.ti-angle-double-right:before { + content: "\e661"; +} +.ti-angle-double-left:before { + content: "\e662"; +} +.ti-angle-double-down:before { + content: "\e663"; +} +.ti-zip:before { + content: "\e664"; +} +.ti-world:before { + content: "\e665"; +} +.ti-wheelchair:before { + content: "\e666"; +} +.ti-view-list:before { + content: "\e667"; +} +.ti-view-list-alt:before { + content: "\e668"; +} +.ti-view-grid:before { + content: "\e669"; +} +.ti-uppercase:before { + content: "\e66a"; +} +.ti-upload:before { + content: "\e66b"; +} +.ti-underline:before { + content: "\e66c"; +} +.ti-truck:before { + content: "\e66d"; +} +.ti-timer:before { + content: "\e66e"; +} +.ti-ticket:before { + content: "\e66f"; +} +.ti-thumb-up:before { + content: "\e670"; +} +.ti-thumb-down:before { + content: "\e671"; +} +.ti-text:before { + content: "\e672"; +} +.ti-stats-up:before { + content: "\e673"; +} +.ti-stats-down:before { + content: "\e674"; +} +.ti-split-v:before { + content: "\e675"; +} +.ti-split-h:before { + content: "\e676"; +} +.ti-smallcap:before { + content: "\e677"; +} +.ti-shine:before { + content: "\e678"; +} +.ti-shift-right:before { + content: "\e679"; +} +.ti-shift-left:before { + content: "\e67a"; +} +.ti-shield:before { + content: "\e67b"; +} +.ti-notepad:before { + content: "\e67c"; +} +.ti-server:before { + content: "\e67d"; +} +.ti-quote-right:before { + content: "\e67e"; +} +.ti-quote-left:before { + content: "\e67f"; +} +.ti-pulse:before { + content: "\e680"; +} +.ti-printer:before { + content: "\e681"; +} +.ti-power-off:before { + content: "\e682"; +} +.ti-plug:before { + content: "\e683"; +} +.ti-pie-chart:before { + content: "\e684"; +} +.ti-paragraph:before { + content: "\e685"; +} +.ti-panel:before { + content: "\e686"; +} +.ti-package:before { + content: "\e687"; +} +.ti-music:before { + content: "\e688"; +} +.ti-music-alt:before { + content: "\e689"; +} +.ti-mouse:before { + content: "\e68a"; +} +.ti-mouse-alt:before { + content: "\e68b"; +} +.ti-money:before { + content: "\e68c"; +} +.ti-microphone:before { + content: "\e68d"; +} +.ti-menu:before { + content: "\e68e"; +} +.ti-menu-alt:before { + content: "\e68f"; +} +.ti-map:before { + content: "\e690"; +} +.ti-map-alt:before { + content: "\e691"; +} +.ti-loop:before { + content: "\e692"; +} +.ti-location-pin:before { + content: "\e693"; +} +.ti-list:before { + content: "\e694"; +} +.ti-light-bulb:before { + content: "\e695"; +} +.ti-Italic:before { + content: "\e696"; +} +.ti-info:before { + content: "\e697"; +} +.ti-infinite:before { + content: "\e698"; +} +.ti-id-badge:before { + content: "\e699"; +} +.ti-hummer:before { + content: "\e69a"; +} +.ti-home:before { + content: "\e69b"; +} +.ti-help:before { + content: "\e69c"; +} +.ti-headphone:before { + content: "\e69d"; +} +.ti-harddrives:before { + content: "\e69e"; +} +.ti-harddrive:before { + content: "\e69f"; +} +.ti-gift:before { + content: "\e6a0"; +} +.ti-game:before { + content: "\e6a1"; +} +.ti-filter:before { + content: "\e6a2"; +} +.ti-files:before { + content: "\e6a3"; +} +.ti-file:before { + content: "\e6a4"; +} +.ti-eraser:before { + content: "\e6a5"; +} +.ti-envelope:before { + content: "\e6a6"; +} +.ti-download:before { + content: "\e6a7"; +} +.ti-direction:before { + content: "\e6a8"; +} +.ti-direction-alt:before { + content: "\e6a9"; +} +.ti-dashboard:before { + content: "\e6aa"; +} +.ti-control-stop:before { + content: "\e6ab"; +} +.ti-control-shuffle:before { + content: "\e6ac"; +} +.ti-control-play:before { + content: "\e6ad"; +} +.ti-control-pause:before { + content: "\e6ae"; +} +.ti-control-forward:before { + content: "\e6af"; +} +.ti-control-backward:before { + content: "\e6b0"; +} +.ti-cloud:before { + content: "\e6b1"; +} +.ti-cloud-up:before { + content: "\e6b2"; +} +.ti-cloud-down:before { + content: "\e6b3"; +} +.ti-clipboard:before { + content: "\e6b4"; +} +.ti-car:before { + content: "\e6b5"; +} +.ti-calendar:before { + content: "\e6b6"; +} +.ti-book:before { + content: "\e6b7"; +} +.ti-bell:before { + content: "\e6b8"; +} +.ti-basketball:before { + content: "\e6b9"; +} +.ti-bar-chart:before { + content: "\e6ba"; +} +.ti-bar-chart-alt:before { + content: "\e6bb"; +} +.ti-back-right:before { + content: "\e6bc"; +} +.ti-back-left:before { + content: "\e6bd"; +} +.ti-arrows-corner:before { + content: "\e6be"; +} +.ti-archive:before { + content: "\e6bf"; +} +.ti-anchor:before { + content: "\e6c0"; +} +.ti-align-right:before { + content: "\e6c1"; +} +.ti-align-left:before { + content: "\e6c2"; +} +.ti-align-justify:before { + content: "\e6c3"; +} +.ti-align-center:before { + content: "\e6c4"; +} +.ti-alert:before { + content: "\e6c5"; +} +.ti-alarm-clock:before { + content: "\e6c6"; +} +.ti-agenda:before { + content: "\e6c7"; +} +.ti-write:before { + content: "\e6c8"; +} +.ti-window:before { + content: "\e6c9"; +} +.ti-widgetized:before { + content: "\e6ca"; +} +.ti-widget:before { + content: "\e6cb"; +} +.ti-widget-alt:before { + content: "\e6cc"; +} +.ti-wallet:before { + content: "\e6cd"; +} +.ti-video-clapper:before { + content: "\e6ce"; +} +.ti-video-camera:before { + content: "\e6cf"; +} +.ti-vector:before { + content: "\e6d0"; +} +.ti-themify-logo:before { + content: "\e6d1"; +} +.ti-themify-favicon:before { + content: "\e6d2"; +} +.ti-themify-favicon-alt:before { + content: "\e6d3"; +} +.ti-support:before { + content: "\e6d4"; +} +.ti-stamp:before { + content: "\e6d5"; +} +.ti-split-v-alt:before { + content: "\e6d6"; +} +.ti-slice:before { + content: "\e6d7"; +} +.ti-shortcode:before { + content: "\e6d8"; +} +.ti-shift-right-alt:before { + content: "\e6d9"; +} +.ti-shift-left-alt:before { + content: "\e6da"; +} +.ti-ruler-alt-2:before { + content: "\e6db"; +} +.ti-receipt:before { + content: "\e6dc"; +} +.ti-pin2:before { + content: "\e6dd"; +} +.ti-pin-alt:before { + content: "\e6de"; +} +.ti-pencil-alt2:before { + content: "\e6df"; +} +.ti-palette:before { + content: "\e6e0"; +} +.ti-more:before { + content: "\e6e1"; +} +.ti-more-alt:before { + content: "\e6e2"; +} +.ti-microphone-alt:before { + content: "\e6e3"; +} +.ti-magnet:before { + content: "\e6e4"; +} +.ti-line-double:before { + content: "\e6e5"; +} +.ti-line-dotted:before { + content: "\e6e6"; +} +.ti-line-dashed:before { + content: "\e6e7"; +} +.ti-layout-width-full:before { + content: "\e6e8"; +} +.ti-layout-width-default:before { + content: "\e6e9"; +} +.ti-layout-width-default-alt:before { + content: "\e6ea"; +} +.ti-layout-tab:before { + content: "\e6eb"; +} +.ti-layout-tab-window:before { + content: "\e6ec"; +} +.ti-layout-tab-v:before { + content: "\e6ed"; +} +.ti-layout-tab-min:before { + content: "\e6ee"; +} +.ti-layout-slider:before { + content: "\e6ef"; +} +.ti-layout-slider-alt:before { + content: "\e6f0"; +} +.ti-layout-sidebar-right:before { + content: "\e6f1"; +} +.ti-layout-sidebar-none:before { + content: "\e6f2"; +} +.ti-layout-sidebar-left:before { + content: "\e6f3"; +} +.ti-layout-placeholder:before { + content: "\e6f4"; +} +.ti-layout-menu:before { + content: "\e6f5"; +} +.ti-layout-menu-v:before { + content: "\e6f6"; +} +.ti-layout-menu-separated:before { + content: "\e6f7"; +} +.ti-layout-menu-full:before { + content: "\e6f8"; +} +.ti-layout-media-right-alt:before { + content: "\e6f9"; +} +.ti-layout-media-right:before { + content: "\e6fa"; +} +.ti-layout-media-overlay:before { + content: "\e6fb"; +} +.ti-layout-media-overlay-alt:before { + content: "\e6fc"; +} +.ti-layout-media-overlay-alt-2:before { + content: "\e6fd"; +} +.ti-layout-media-left-alt:before { + content: "\e6fe"; +} +.ti-layout-media-left:before { + content: "\e6ff"; +} +.ti-layout-media-center-alt:before { + content: "\e700"; +} +.ti-layout-media-center:before { + content: "\e701"; +} +.ti-layout-list-thumb:before { + content: "\e702"; +} +.ti-layout-list-thumb-alt:before { + content: "\e703"; +} +.ti-layout-list-post:before { + content: "\e704"; +} +.ti-layout-list-large-image:before { + content: "\e705"; +} +.ti-layout-line-solid:before { + content: "\e706"; +} +.ti-layout-grid4:before { + content: "\e707"; +} +.ti-layout-grid3:before { + content: "\e708"; +} +.ti-layout-grid2:before { + content: "\e709"; +} +.ti-layout-grid2-thumb:before { + content: "\e70a"; +} +.ti-layout-cta-right:before { + content: "\e70b"; +} +.ti-layout-cta-left:before { + content: "\e70c"; +} +.ti-layout-cta-center:before { + content: "\e70d"; +} +.ti-layout-cta-btn-right:before { + content: "\e70e"; +} +.ti-layout-cta-btn-left:before { + content: "\e70f"; +} +.ti-layout-column4:before { + content: "\e710"; +} +.ti-layout-column3:before { + content: "\e711"; +} +.ti-layout-column2:before { + content: "\e712"; +} +.ti-layout-accordion-separated:before { + content: "\e713"; +} +.ti-layout-accordion-merged:before { + content: "\e714"; +} +.ti-layout-accordion-list:before { + content: "\e715"; +} +.ti-ink-pen:before { + content: "\e716"; +} +.ti-info-alt:before { + content: "\e717"; +} +.ti-help-alt:before { + content: "\e718"; +} +.ti-headphone-alt:before { + content: "\e719"; +} +.ti-hand-point-up:before { + content: "\e71a"; +} +.ti-hand-point-right:before { + content: "\e71b"; +} +.ti-hand-point-left:before { + content: "\e71c"; +} +.ti-hand-point-down:before { + content: "\e71d"; +} +.ti-gallery:before { + content: "\e71e"; +} +.ti-face-smile:before { + content: "\e71f"; +} +.ti-face-sad:before { + content: "\e720"; +} +.ti-credit-card:before { + content: "\e721"; +} +.ti-control-skip-forward:before { + content: "\e722"; +} +.ti-control-skip-backward:before { + content: "\e723"; +} +.ti-control-record:before { + content: "\e724"; +} +.ti-control-eject:before { + content: "\e725"; +} +.ti-comments-smiley:before { + content: "\e726"; +} +.ti-brush-alt:before { + content: "\e727"; +} +.ti-youtube:before { + content: "\e728"; +} +.ti-vimeo:before { + content: "\e729"; +} +.ti-twitter:before { + content: "\e72a"; +} +.ti-time:before { + content: "\e72b"; +} +.ti-tumblr:before { + content: "\e72c"; +} +.ti-skype:before { + content: "\e72d"; +} +.ti-share:before { + content: "\e72e"; +} +.ti-share-alt:before { + content: "\e72f"; +} +.ti-rocket:before { + content: "\e730"; +} +.ti-pinterest:before { + content: "\e731"; +} +.ti-new-window:before { + content: "\e732"; +} +.ti-microsoft:before { + content: "\e733"; +} +.ti-list-ol:before { + content: "\e734"; +} +.ti-linkedin:before { + content: "\e735"; +} +.ti-layout-sidebar-2:before { + content: "\e736"; +} +.ti-layout-grid4-alt:before { + content: "\e737"; +} +.ti-layout-grid3-alt:before { + content: "\e738"; +} +.ti-layout-grid2-alt:before { + content: "\e739"; +} +.ti-layout-column4-alt:before { + content: "\e73a"; +} +.ti-layout-column3-alt:before { + content: "\e73b"; +} +.ti-layout-column2-alt:before { + content: "\e73c"; +} +.ti-instagram:before { + content: "\e73d"; +} +.ti-google:before { + content: "\e73e"; +} +.ti-github:before { + content: "\e73f"; +} +.ti-flickr:before { + content: "\e740"; +} +.ti-facebook:before { + content: "\e741"; +} +.ti-dropbox:before { + content: "\e742"; +} +.ti-dribbble:before { + content: "\e743"; +} +.ti-apple:before { + content: "\e744"; +} +.ti-android:before { + content: "\e745"; +} +.ti-save:before { + content: "\e746"; +} +.ti-save-alt:before { + content: "\e747"; +} +.ti-yahoo:before { + content: "\e748"; +} +.ti-wordpress:before { + content: "\e749"; +} +.ti-vimeo-alt:before { + content: "\e74a"; +} +.ti-twitter-alt:before { + content: "\e74b"; +} +.ti-tumblr-alt:before { + content: "\e74c"; +} +.ti-trello:before { + content: "\e74d"; +} +.ti-stack-overflow:before { + content: "\e74e"; +} +.ti-soundcloud:before { + content: "\e74f"; +} +.ti-sharethis:before { + content: "\e750"; +} +.ti-sharethis-alt:before { + content: "\e751"; +} +.ti-reddit:before { + content: "\e752"; +} +.ti-pinterest-alt:before { + content: "\e753"; +} +.ti-microsoft-alt:before { + content: "\e754"; +} +.ti-linux:before { + content: "\e755"; +} +.ti-jsfiddle:before { + content: "\e756"; +} +.ti-joomla:before { + content: "\e757"; +} +.ti-html5:before { + content: "\e758"; +} +.ti-flickr-alt:before { + content: "\e759"; +} +.ti-email:before { + content: "\e75a"; +} +.ti-drupal:before { + content: "\e75b"; +} +.ti-dropbox-alt:before { + content: "\e75c"; +} +.ti-css3:before { + content: "\e75d"; +} +.ti-rss:before { + content: "\e75e"; +} +.ti-rss-alt:before { + content: "\e75f"; +} diff --git a/apply/css - 복사본/responsive.css b/apply/css - 복사본/responsive.css new file mode 100644 index 0000000..2cfd2ad --- /dev/null +++ b/apply/css - 복사본/responsive.css @@ -0,0 +1,1631 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains responsive Media Queries of the Template. You can edit/add anything in this file for responsive related changes! +*/ + + + /***************** +================================================ + ( Media Queries ) +================================================ + *******************/ + + +/************************* + 1700px +*************************/ +@media (max-width: 1700px) { + +.portfolio-title { padding: 60px 60px 30px; } +/*home-4 */ +.our-blog .blog-box-image { max-height: 286px; } +.our-blog .blog-box-info { max-height: 286px; } +/* about-1 */ +.feature-step-2 .feature-step-2-title-left h1 { font-size: 60px; line-height: 50px;} +.objects-left .objects-1 { left: -20px; } +.video-background-banner .slider-content { padding: 20px 30px; } +.scroll-down { bottom: 30px; } +#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } + +} + +@media (max-width: 1500px) { + +.portfolio-home .section-title p { font-size: 16px; } +/*home-4 */ +.our-blog .blog-box-image { max-height: 262px; } +.our-blog .blog-box-info { max-height: 262px; } +.blog-box-image .portfolio-caption .port-tag li a { font-size: 12px; } +.slider-fade-carousel { height: 100%; } +.our-service { padding-bottom: 60px; } +.objects-left, .objects-right { display: none; } +.fullWidth .mega-menu .drop-down.grid-col-5 { width: 51.666667%; } +.fancy .mega-menu .drop-down.grid-col-5 { width: 51.666667%; } +/*home 9*/ +.resume-contact #map { height: 642px; } + #rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } + + +} + +@media (max-width: 1400px) { + +.portfolio-title { padding:40px 40px 0px; } +.portfolio-home .portfolio-title.section-title { margin-bottom: 20px !important; } +.portfolio-home .portfolio-title.section-title .button.mt-30 { margin-top: 10px !important; } +.our-blog .blog-box-image { max-height: 240px; } +.our-blog .blog-box-info { max-height: 240px; } +.our-blog .blog-box-info p.pb-20.pt-30 { padding: 10px 0 !important; } +.custom-content-3.hello-content .custom-content-3-image img { margin-top: 150px; vertical-align: bottom; width: 100%; } +.our-blog .blog-box-info span.text-white { display: none; } +/*contact*/ +.contact-3-info .contact-add { text-align: center; } +.contact-3-info .contact-add i { float: none; text-align: center; display: block; margin: 0 auto; } +.contact-3-info .contact-add p { display: block; margin-top: 15px; } +/*home-9*/ +.image-holder-2-bg { height: 700px; } +.feature-step-2 .feature-step-2-title-2-right h2 { font-size: 24px; line-height: 30px;} +.feature-step-2 .feature-step-2-title-2-right h3 { font-size: 20px; line-height: 24px;} +.feature-step-2-box { padding: 50px 30px;} +.resume-page .container-fluid { padding: 0 30px; } +.resume-contact .contact-form-main { padding: 30px; } +.header.fancy.without-topbar .menu { top: 16px; } +#rev_slider_16_1_forcefullwidth .tp-parallax-wrap { margin-top: 20px; } +.awesome-features .img-side img { top: 20px; } +.video-background-banner .slider-content { padding: 30px 30px; } +.video-background-banner h1 { font-size: 60px; line-height: 60px; } + +/************************************* + v1.0.3 +**************************************/ +.slider-parallax.banner-personal .slider-content h1 { font-size: 110px; line-height: 120px; } +.slider-parallax.banner-personal .slider-content h1 strong { font-size: 132px; } + +/************************************* + v1.0.4 +**************************************/ +.movie-banner .slider-content .banner-popup { width: 72%; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 18px !important; position: relative; bottom: 10px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } + +} + +@media (max-width: 1272px) { +.our-blog .blog-box-image { max-height: 185px; } +.our-blog .blog-box-info { max-height: 185px; } +.our-blog .blog-box-image .portfolio-caption .port-tag li { margin-top: 0px; } +.our-blog .blog-box-image .portfolio-caption .button-border span { margin-top: 10px; padding: 4px 10px; font-size: 11px; } +.our-blog .blog-box-info a.button.button-white span { padding: 6px 16px; } +.our-blog .blog-box-info a.button.button-white i { padding: 11px; } +.our-blog .blog-box-info h1 { font-size: 20px; line-height: 20px; margin-bottom: 0; } +.our-blog .blog-box-info p { font-size: 14px; } +.our-blog .blog-box-info { padding: 15px 20px; } +/*home-5*/ +.team-3 .team-social-icon a i { font-size: 12px; height: 30px; line-height: 31px; width: 30px; } +/*about-1 page*/ +.our-history .history-content { padding: 125px 20px; } +/*about me*/ +.about-me .maintenance-progress-bar .progress-bar { margin: 0 15px; } +/*blog timeline*/ +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -50px; } +/*error*/ +.error-search-box { width: 91%; } +.fullWidth .mega-menu .drop-down.grid-col-5 { width: 61.666667%; } +.fancy .mega-menu .drop-down.grid-col-5 { width: 61.666667%; } +/* about-1 */ +.feature-step-2 .feature-step-2-title-left h1 { font-size: 40px; line-height: 30px;} +.feature-step-2 .feature-step-2-title-2-right h2 { font-size: 22px; line-height: 24px;} +.feature-step-2 .feature-step-2-title-2-right h3 { font-size: 18px; line-height: 20px;} +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 10px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } + +} + +@media (max-width: 1200px) { +.login-2-social li {margin: 0 3px;} +h2 {font-size: 28px;} +h4 {font-size: 18px;} +.title-effect::before { height: 25%; bottom: 4px; } +/*home2*/ +.testimonial-2 .testimonial-center { width: 100%; } +.deal-banner img { width: initial; } +/*home 9*/ +.footer-widget-social.pull-right { float: none !important; } +.blog-info h4 {font-size: 15px;} +.blog-info p {font-size: 16px; padding: 10px 0 20px;} +.blog-box.blog-1 .blog-info p { font-size: 14px; } +.feature-text.box, .feature-text.fill-box {padding: 30px;} +.nav.nav-tabs li a {margin-right: 5px; margin-bottom: 0px;} +.happy-clients .nav-tabs li img {height: 80px; width: 80px;} +.team .team-social-icon ul li a i {height: 35px; line-height: 35px; width: 35px; font-size: 14px;} +.team:hover .team-social-icon {bottom: 27%;} +.feature-info h5{font-size: 15px;} +.contact-3 .map-side {height: 808px;} +.contact-4 .map-side {height: 553px;} +.service-blog {padding-top: 0;} +.portfolio-home .isotope.columns-3 .grid-item { width: 50%; } +.portfolio-title { padding:60px 60px 30px; } +.action-box h3 { font-size: 22px; } +.action-box p { font-size: 15px; } +.vertical-header .container-fluid { padding: 0 30px; } +.team.team-round.full-border .team-description { padding: 30px 0; } +/*medical*/ +.medical-tab .nav.nav-tabs li a { margin-bottom: 0; } +.deal-banner .countdown.small { margin: 0; } +/*404 error*/ +.error-block { padding: 20px 0 70px 0px; } +.error-block .error-text h2 { font-size: 320px; } +.error-block .error-text span { font-size: 104px; right: 0; } +.error-text-02 h2 { font-size: 320px; } +.error-text-02 span { font-size: 104px; right: 0; } +.add-banner-2 .add-banner-content h2 { font-size: 42px; line-height: 42px; } +.pricing-content .pricing-table-list ul li { font-size: 14px; } +.pricing-content .pricing-table-list ul li i { width: 18px; } +.round .nav.nav-tabs li a { padding: 12px 20px; } +#rev_slider_16_1_forcefullwidth .tp-parallax-wrap { margin-top: 50px; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 10px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } +#services .feature-text.left-icon .feature-icon { position: relative; text-align: left; } +#services .feature-text .feature-icon span, #services .feature-text .feature-icon i { padding-left: 0; margin-bottom: 10px; } +#services .feature-text.left-icon .feature-info { padding-left: 0; } +.medical-tab .nav.nav-tabs li a { padding: 12px 20px; } +.login-social li { margin: 3px 0px; } +.blog.blog-grid-3-column .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.blog.blog-grid-2-sidebar .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.blog.masnary-blog-3-columns .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.blog.masonry-main .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.timeline .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.awesome-features .img-side img { top: 10%; } +.footer.footer-topbar .copyright ul li { padding: 0; } +.isotope.columns-4 .grid-item { width: 33.333%; } + + +/************************************* + v1.0.3 +**************************************/ +.blockquote-section blockquote { font-size: 40px; line-height: 40px; } + +/************************************* + v1.0.4 +**************************************/ +.christmas-countdown .countdown { margin: 0px 5px; width: 130px; height: 130px; } +.christmas-countdown .countdown span { font-size: 34px; } + +.conference-about-content-right { padding: 92px 0; } +.conference-about-content-left { padding: 110px 0 80px 0px; } +.timer-banner .slider-content h1 { font-size: 80px; line-height: 80px; } + +/************************************* + v1.0.7 +**************************************/ + .law-timeline .timeline-centered:before { left: 62px; } + +/************************************* + v1.0.8 +**************************************/ + .portfolio-parallax-banner p { padding-right: 400px; } + .portfolio-parallax-banner h2 { font-size: 90px; line-height: 90px; } + +/************************************* + v1.0.9 +**************************************/ + .coming-soon-aerial .coming-soon-form.contact-form input { width: 100%; } + .coming-soon-big { padding: 0; } + .error-05 .error-bottom .tree { left: -120px; } + .error-05 .error-bottom .back-to-home { right: 0; } + .error-05 h3, .error-05 span { font-size: 50px; line-height: 50px; } + .error-05 p { font-size: 22px; } + .error-03 .error-404 h1 { font-size: 100px; line-height: 100px; } + .error-03 .content h1 { font-size: 48px; } + .error-03 .content h2 { font-size: 42px; } + .coming-soon-birds .countdown { margin: 0px 10px; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -30px; } + + +/************************************* + v1.2 +**************************************/ + .about-05-split .shop-split-content { padding: 20px 0; } + .mega-menu .drop-down-multilevel {} + + +} +@media only screen and (min-width: 1100px) and (max-width: 1500px) { +.vertical-header .container { width: auto; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 10px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; } +} +@media only screen and (min-width: 1100px) and (max-width: 1200px) { +.container { width: 94%; } +/* about-1 */ +.feature-step-2 .feature-step-2-title-2-right h2 { padding-bottom: 5px; margin-bottom: 5px; } +.feature-step-2 .feature-step-2-title-2-right h3 { margin-bottom: 5px;} +.feature-step-2 .feature-step-2-title-2-right p{line-height: 20px;} +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; } + + +} + + +@media (max-width: 1025px) { +.mega-menu .menu-links > li > a { padding: 16px 25px; } +.portfolio-title { padding:30px 30px 30px; } + /*error*/ +.error-search-box { width: 100%; text-align: center; } +.clients-logo.line { width: 28.3333%; } +.clients-logo.line img { width: 90%; } +/*blog timeline*/ +.blog .timeline > li > .timeline-badge { right: -66px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: -63px; } +.deal-banner .caption { margin-top: 50px; margin-bottom: 50px; } +/*process*/ +.action-box p { font-size: 13px; } +/*medical*/ +.medical-tab .nav.nav-tabs li a { padding: 12px 10px; } +.membership-pricing-table table tr:first-child th .pricing-plan-price { font-size: 32px; } +.awesome-features .img-side img { top: 13%; } +.footer-social-big ul li { width: 66px; } +.footer .footer-social li, .footer ul.list-inline.text-left li { padding: 0 1px; } +.login-bg .login-social li a.fb { padding: 12px 14px; } +.isotope-filters button+button { margin-left: 3px; } + + +/************************************* + v1.0.2 +**************************************/ +.action-box h3 { padding-right: 230px; } + +/************************************* + v1.0.6 +**************************************/ +.movie-banner .slider-content .banner-popup { width: 100%; } +.movie-banner .countdown.small { margin: 0; } +.movie-banner .countdown.round.small { width: 90px; height: 90px; } +.movie-banner .countdown p { font-size: 13px; } + +/************************************* + v1.0.7 +**************************************/ + .law-timeline .timeline-centered:before { left: 56px; } + +/************************************* + v1.0.8 +**************************************/ + .agency-02-about-content-left { padding: 110px 0 0px 100px; } + +/************************************* + v1.0.9 +**************************************/ + .error-05 .error-bottom .board { left: 264px; } + +/************************************* + v1.2 +**************************************/ +.blockquote-section .action-box h3 { padding: 0; } + +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; } + +} + +@media only screen and (min-width: 768px) and (max-width: 999px) { +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; } +.container{ width:96%; } + + +} + +@media(max-width:1100px) { + +/************************* + Margin top +*************************/ +.sm-mt-0 { margin-top: 0 !important; } +.sm-mt-10 { margin-top: 10px !important; } +.sm-mt-15 { margin-top: 15px !important; } +.sm-mt-20 { margin-top: 20px !important; } +.sm-mt-30 { margin-top: 30px !important; } +.sm-mt-40 { margin-top: 40px !important; } +.sm-mt-50 { margin-top: 50px !important; } + /************************* + Margin right +*************************/ +.sm-mr-0 { margin-right: 0!important } +.sm-mr-10 { margin-right: 10px !important; } +.sm-mr-15 { margin-right: 15px !important; } +.sm-mr-20 { margin-right: 20px !important; } +.sm-mr-30 { margin-right: 30px !important; } +.sm-mr-40 { margin-right: 40px !important; } +.sm-mr-50 { margin-right: 50px !important; } + /************************* + Margin bottom +*************************/ +.sm-mb-0 { margin-bottom: 0!important } +.sm-mb-10 { margin-bottom: 10px !important; } +.sm-mb-15 { margin-bottom: 15px !important; } +.sm-mb-20 { margin-bottom: 20px !important; } +.sm-mb-30 { margin-bottom: 30px !important; } +.sm-mb-40 { margin-bottom: 40px !important; } +.sm-mb-50 { margin-bottom: 50px !important; } +/************************* + Margin left +*************************/ +.sm-ml-0 { margin-left: 0!important } +.sm-ml-10 { margin-left: 10px !important; } +.sm-ml-15 { margin-left: 15px !important; } +.sm-ml-20 { margin-left: 20px !important; } +.sm-ml-30 { margin-left: 30px !important; } +.sm-ml-40 { margin-left: 40px !important; } +.sm-ml-50 { margin-left: 50px !important; } + /************************* + Padding top +*************************/ +.sm-pt-0 { padding-top: 0!important } +.sm-pt-10 { padding-top: 10px !important; } +.sm-pt-15 { padding-top: 15px !important; } +.sm-pt-20 { padding-top: 20px !important; } +.sm-pt-30 { padding-top: 30px !important; } +.sm-pt-40 { padding-top: 40px !important; } +.sm-pt-50 { padding-top: 50px !important; } + /************************* + Padding right +*************************/ +.sm-pr-0 { padding-right: 0!important } +.sm-pr-10 { padding-right: 10px !important; } +.sm-pr-15 { padding-right: 15px !important; } +.sm-pr-20 { padding-right: 20px !important; } +.sm-pr-30 { padding-right: 30px !important; } +.sm-pr-40 { padding-right: 40px !important; } +.sm-pr-50 { padding-right: 50px !important; } + /************************* + Padding bottom +*************************/ +.sm-pb-0 { padding-bottom: 0!important } +.sm-pb-10 { padding-bottom: 10px !important; } +.sm-pb-15 { padding-bottom: 15px !important; } +.sm-pb-20 { padding-bottom: 20px !important; } +.sm-pb-30 { padding-bottom: 30px !important; } +.sm-pb-40 { padding-bottom: 40px !important; } +.sm-pb-50 { padding-bottom: 50px !important; } + /************************* + Padding left +*************************/ +.sm-pl-0 { padding-left: 0!important } +.sm-pl-10 { padding-left: 10px !important; } +.sm-pl-15 { padding-left: 15px !important; } +.sm-pl-20 { padding-left: 20px !important; } +.sm-pl-30 { padding-left: 30px !important; } +.sm-pl-40 { padding-left: 40px !important; } +.sm-pl-50 { padding-left: 50px !important; } +.row-eq-height { display: block;} +h2 {font-size: 25px; line-height: 35px;} +h3 { font-size: 20px; } +h4 {font-size: 17px;} +h5 {font-size: 15px;} +/*home-1*/ +/*header*/ +.default { position: relative; background: #323232; } +/*menu*/ +.mega-menu { min-height: 60px; } +.mega-menu .menu-logo > li > a { padding: 0; } +.mega-menu .menu-logo { padding: 10px 0; } +.search-cart span.icon, .search-cart i.icon { line-height: 50px; } +.fancy .mega-menu > section.menu-list-items .menu-links { float: none; position: absolute; width: 100%; top: 100%; } +.header.fancy .mega-menu > section.menu-list-items { box-shadow: none; } +.mega-menu .menu-logo img { height: 30px; margin: 5px 0; } +.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #323232; } +.mega-menu .drop-down-multilevel li:hover > a i.fa { color: #323232; } +.mega-menu .drop-down-multilevel a { display: block; } +.mega-menu .mobileTriggerButton { z-index: 1; } +.mega-menu .drop-down-multilevel, .mega-menu .drop-down, .mega-menu .drop-down-tab-bar { border-top: 0px !important; } +.header.light .mega-menu .menu-mobile-collapse-trigger:before, .header.light .mega-menu .menu-mobile-collapse-trigger:after, .header.light .mega-menu .menu-mobile-collapse-trigger span { background: #323232; } +.header.logo-center .mega-menu { min-height: 60px; } +/*fancy*/ +.header.fancy .menu { position: relative; top: 0; } +.header.fancy .topbar + .menu { top: 0px; } +.header.fancy .mega-menu .menu-mobile-collapse-trigger:before, .header.fancy .mega-menu .menu-mobile-collapse-trigger:after, .header.fancy .mega-menu .menu-mobile-collapse-trigger span { background: #323232; } +.header.fancy .mega-menu > section.menu-list-items { padding: 0; } +.header.fancy .mega-menu .menu-logo { padding: 16px 0px; } +.header.fancy .search-cart span.icon, .search-cart i.icon { line-height: 60px; } +.header.fancy .mega-menu .menu-links > li > a { line-height: 20px; } +.header.fancy .topbar { padding: 10px 0px 10px; } +.header.fancy .search-cart i.icon { line-height: 74px; } +.header.left-menu .menu-links { padding-left: 0; } +.header.logo-center .menu-bar { border:0px; } +.header.transparent { position: relative; background: #323232; } +/*one page*/ +header.one-page { position: relative; background: #323232; } +.navbar { margin-bottom: 0; } +.navbar-header { float: none; } +.navbar-left,.navbar-right { float: none !important; } +.navbar-toggle { display: block; margin-right: 0; } +.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); padding-left: 22px; } +.navbar-fixed-top { top: 0; border-width: 0 0 1px; } +.navbar-collapse.collapse { display: none!important; } +.navbar-nav { float: none!important; margin-top: 7.5px; } +.navbar-nav>li { float: none; } +.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } +.collapse.in { display:block !important; } +.navbar .navbar-brand { padding:0;} +.navbar .navbar-brand img { height: 28px; } +.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { background: #323232; border:0; position: absolute; width: 100%; left: 0; right: 0; } +.navbar-collapse { box-shadow: none; } +.navbar-inverse .navbar-nav>li { padding: 15px 15px; } +.navbar-nav { float: none; } +.navbar-inverse .navbar-toggle { border:0; } +.navbar-toggle { margin-top: 14px; } +.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background: transparent; } +.header.burger { padding: 10px 10px; } +.header.burger .logo img { height: 30px; margin-top: 10px; } +.vertical-header { padding-left: 0; } +.vertical-header .header { left: inherit; padding-bottom: 150px; } +.vertical-menu .navbar-default .navbar-nav > li > a { padding: 10px 15px 10px 40px; } +.vertical-menu .navbar-nav .open .dropdown-menu { position: relative; background-color: #f4f5f6; } +.vertical-menu .navbar-nav>li>.dropdown-menu { margin-bottom: 10px; } +.vertical-menu .navbar-nav { margin: 0px; } +.vertical-menu .open>.dropdown-menu { display: inline-block; } +.vertical-menu .content-scroller { margin-left: 0px; padding-top: 50px; } +#left-header{position:fixed; left:-230px; top:0; width:230px; height:100%; z-index: 9999; } +.but span {position: absolute; right:15px; top: 20px; font-size: 24px;color: #fff; } +.but span { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition:all 0.5s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; } +.but.active span { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } +.menu-responsive b { color: #FC5C3C; font-size: 18px; text-transform: uppercase; } +.menu-responsive { height:60px; position: fixed; background: #000000; z-index: 9999; width: 100%; padding: 14px 15px; display: block; } +.vertical-menu .navbar-toggle { display: none; } +.vertical-menu .navbar-collapse.collapse { display: block !important; background: transparent; } + /*megamenu*/ +.vertical-menu .menu .mega-menu .menu-links { background: transparent; } +.vertical-menu .menu .mega-menu .menu-links > li > a { padding: 15px 23px; color: #ffffff; } +.vertical-menu .menu .mega-menu .menu-links > li { border-color: rgba(255, 255, 255, 0.2); } +.vertical-menu .mega-menu .menu-links { display: block !important; } +.vertical-menu .mega-menu .menu-mobile-collapse-trigger { display: none; } +.vertical-menu .social-icons li { float: none; display: inline-block; } +.vertical-menu .menu-widgets { bottom: 0; } +.header.fancy.without-topbar .menu { top: 0; } +.mega-menu > section.menu-list-items { height: 60px !important; } +.fancy .mega-menu > section.menu-list-items { height: 70px !important; } +.search .search-btn { line-height: 30px; } +.navbar .navbar-brand { padding: 15px 0; } +.logo-center .mega-menu .menu-logo { padding: 14px 0; } + +/*sticky header */ +.header .mega-menu.mobileTopFixed .menu-list-items { background: #323232; } +.header.light .mega-menu.mobileTopFixed .menu-list-items { background: #ffffff; border-bottom: 1px solid #f9f9f9; } +.header.fancy .mega-menu.mobileTopFixed section.menu-list-items { padding: 0 10px; border-bottom: 1px solid #f9f9f9; } +.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin: 0; } +.header.vertical-menu .mega-menu.mobileTopFixed { display: none;} +/* header */ +.st-effect-3 .header.default.fullWidth .search-cart { right: 50px; top: 3px; } + +/*.page-title*/ +.page-title { padding-top: 100px; text-align: left; } +.page-title .page-breadcrumb { float: none; text-align: left; } +.page-title.right .page-title-name { text-align: right; float: none; width: 100%; } +.page-title.right .page-breadcrumb { float: none; text-align: right; } +.portfolio-title.section-title { margin-bottom: 0; } +.happy-clients { padding-bottom: 60px !important; } +.popup-video { margin-bottom: 30px; } +.custom-content { padding: 30px; } +.custom-content-3-image { display: none; } +.happy-clients .col-md-6.mt-60 { margin-top: 0 !important; } +/*inner-intro*/ +.inner-intro { padding-top: 120px; } +/*page two sidebar*/ +.page-two-sidebar .page-content { margin-top: 40px; } +/*blog*/ +.blog-box { margin: 15px 0; } +/*clients-logo*/ +.clients-logo.line { width: 32.3333%; float: none; display: inline-block; } +.clients-logo.line img { width: 100%; } +/*contact*/ +.contact.contact-2 a.button { margin-bottom: 30px; } +.contact-3 .contact-add { min-height: 310px; } +.contact-3 .contact-3-info { height: auto; } +.contact-3 .contact-map iframe { height: 400px; } +.contact-3 .map-side { height: auto; position:inherit; } +.error-block { background-size: 90%;} +.error-block p { font-size: 26px; } +.error-search-box p { font-size: 19px; line-height: 35px; } +.map-side{position:inherit;} +/*action box*/ +.text-right.action-box-button { text-align: left; } +/*home 6 */ +.our-activities .accordion { margin-top: 60px; } +/*maintenance*/ +.maintenance-main h1.mb-50 { font-size: 34px; margin-bottom: 10px !important; } +.maintenance-main i { font-size: 60px; } +.maintenance-form { width: 100%; } +.maintenance-progress-bar span { font-size: 24px; } +.feature-text.box, .feature-text.fill-box {padding: 20px 10px;} +.feature-text.box p {font-size: 14px;} +.feature-box-content { padding: 20px 15px 0;} +.feature-box a {padding: 0 15px;} +.progress-title {font-size: 15px;} +.counter .timer {font-size: 38px;} +.counter label {font-size: 14px;} +.team-3-box .team-overlay {padding: 30px 15px 0;} +.team-3-box {padding: 10px;} +.menu-bar {float: none;} +.mega-menu .menu-links > li > a{line-height: normal;} +.mega-menu .menu-mobile-collapse-trigger {height: 40px; top: 50%; transform: translateY(-50%); z-index: 9999; } +.search-cart {display: inline-block; position: absolute; right: 60px; top: 0; z-index: 999; } +.search-active .search-cart { left: 0; width: 100%; } +.search .search-input input { width: 100%; } +.search-active .mega-menu .menu-mobile-collapse-trigger { z-index: 9; } +.footer p {font-size: 13px;} +.feature-text p{font-size: 14px;} +.accordion.accordion-2 .acd-group.acd-active .acd-heading {font-size: 22px;} +.split-section .img-side{display: none;} +.our-service { padding-bottom: 60px;} +.testimonial.boxed {padding: 50px 30px 75px;} +.button {font-size: 12px; padding: 12px 15px;} +.feature-step-2 .feature-step-2-title-left h1 {font-size: 80px;} +.services-text-box-blue, .services-text-box-black {padding: 50px 30px;} +.highlights-phone {margin-top: 20px;} +.mobile-slider h5{font-size: 14px;} +.service-blog b{right: 0; font-size: 250px;} +.service-blog.left b{left: 0;} +/*blog pages*/ +.blog.blog-grid-3-column .social.pull-right { float: none; margin-top: 10px; display: block; width: 100%; } +.masonry.columns-3 .masonry-item { width: 50%; } +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -70px; } +/*portfolio*/ + .isotope.columns-3 .grid-item { width: 50%; } +.isotope.columns-4 .grid-item { width: 50%; } +.isotope.columns-5 .grid-item { width: 50%; } +.masonry.columns-3 .masonry-item { width: 50%; } +.masonry.columns-4 .masonry-item { width: 50%; } +.masonry.columns-5 .masonry-item { width: 50%; } +.port-post-social.pull-right { float: none !important; } +/*process*/ +.process.left .process-content { padding-left: 50px; } +/*resume page*/ +img.bottom-img { display: none; } +.resume-contact #map { height: 300px !important; } +.contact-4 .map-side { height: 300px !important; } +/*footer*/ +footer .social-icons { width: 100%; float: left; } +img#logo-footer { height: 30px; } +.bottom-nav .owl-nav .owl-next { right: 44%; } +.bottom-nav .owl-nav .owl-prev { left: 44%; } +/*shortcode*/ +/*blockquote*/ +.blockquote-right { margin: 0; } +/*buttons*/ +.buttons .button { margin-bottom: 10px; } +.buttons button { margin-bottom: 4px; } +.button + .button { margin-left: 3px; } +/*countdown*/ +.countdown { margin: 0px 10px; } +.countdown.medium { margin: 0 15px; } +.countdown.large { margin: 0 10px; } +.countdown.round.medium { width: 140px; height: 140px; } +.countdown.medium span { font-size: 50px; } +.countdown.round.medium span { line-height: 58px; } +.countdown.round.large { width: 150px; height: 150px; } +.countdown.large span { font-size: 60px; } +.countdown.round.large span { line-height: 62px; } +.countdown.large p { font-size: 18px; } +.vertical-menu .social-icons li { margin: 0 3px 8px 0; } +/*actionbox*/ +.action-box a.button { position: relative; top: inherit; margin-top: 20px; } +.action-box.theme-bg a.button, .action-box.black-bg a.button, .action-box.gray-bg a.button { right: inherit; } +.agency-about { padding-bottom: 60px !important; } +.vertical-header .container-fluid { padding: 0 15px; } +.resume-contact .contact-form-main { padding: 30px 15px; } +/*construction*/ +.our-sercive1:before, .our-sercive1:after { display: none; } +.special-feature { top: 60px; margin-bottom: 0px; } +.page-section-1-pt { padding-top: 70px; } +.page-section-1-pb { padding-bottom: 70px; } +.page-section-1-ptb { padding: 70px 0; } +/*gym*/ +.gym-about { background: #ffffff !important; } +/*medical*/ +.appointment a.pull-left { float: none !important; } +.appointment { margin-top: 0px; } +/*one page*/ +.popup-video-banner h1 { font-size: 40px; line-height: 40px; } +.video-background-banner .slider-content { width: 100%; } +.video-background-banner h1 { font-size: 60px; line-height: 60px; } +/*shop*/ +.shop-split.split-section { padding: 0px; } +.shop-split-content { padding: 40px 0; } +.shop-split.split-section .img-side { display: block; } +.shop-split.split-section .img-holder { position: relative; top: inherit; width: inherit; height: inherit; padding: 130px; } +.shop-split.split-section .img-side.img-right { right: inherit; } +.shop-split.split-section .img-side.img-left { left: inherit; } +.shop-split.split-section .img-side { right: inherit; padding: 0; position: relative !important; top: inherit; height: 100%; overflow: hidden; z-index: 100; } +.add-banner-2 .add-banner-content { padding: 60px 20px; } +.add-banner-2 .add-banner-content h2 {font-size: 28px;line-height: 28px; } +.add-banner-2 .add-banner-content h3 {font-size: 26px; line-height: 26px; } +.add-banner-2.text-center .add-banner-content h2 {font-size: 26px;line-height: 29px; } +/*portfolio-banner*/ +.portfolio-banner .slider-content h1 { font-size: 30px; line-height: 30px; } +.personal-typer-banner h1 { font-size: 70px; line-height: 70px; } +.personal-typer-banner h1 span { font-size: 35px; } +.deal-banner.maintenance-progress-bar img { width: 100%; } +/*404 error*/ +.page-section-ptb.mt-150 { margin-top: 0 !important; } +.pricing-content { width: 90%; } +.process-list { padding-left: 30px; padding-right: 30px; } + +.special-feature .row-eq-height.no-gutter { margin-top: 40px; } +.interior-action-box .action-box { margin-top: 20px; } +.appointment .appointment-bg { margin-top: 30px; } + +.process-list .col-sm-12 { padding: 0; } +.pricing-table.active .pricing-top a.button { padding: 12px 40px; font-size: 15px; } +.membership-pricing-table table tr:first-child th .pricing-plan-price { font-size: 22px; } +.membership-pricing-table table tr:first-child th .pricing-plan-name { font-size: 16px; } +.action-box.full-width a.button { right: 0; } +.team.team-round .team-description { padding-bottom: 0; } +.footer .divider { display: none; } +#rev_slider_16_1_forcefullwidth .tp-parallax-wrap { margin-top: 0px; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -60px; } +#rev_slider_14_1 .zeus .tp-bullet {width: 12px; height: 12px;} +.resume-contact #map { padding-top: 40%; } +.blog-box.blog-2 .button.icon-color { margin-top: 10px; float: none !important; } +.special-feature .row-eq-height { display: flex; } +.medical-tab .tab .nav.nav-tabs li a { font-size: 14px; padding: 12px 6px; } +.navbar { border-radius: 0; } +.contact-3 #map { padding-top: 30%; } +.contact-2 #map { padding-top: 30%; } +.error-block .error-text h2 { font-size: 260px; } +.single-portfolio-post .port-information .social.pull-right { flex: none !important; display: inline-block; width: 100%; } +.page-title .page-title-name { width: 100%; } +.page-title .page-breadcrumb { width: 100%; } +.js-video.big { padding-top: 18px; } +.special-feature .feature-text { padding: 30px 20px; } +.special-feature .feature-text .feature-icon span, .special-feature .feature-text .feature-icon i {padding-left: 0; margin-bottom: 10px; } +.typer-banner h1 { font-size: 70px; line-height: 70px; } +ul.page-breadcrumb { padding-top: 10px; } +.service-blog { margin-bottom: 40px; } +.blog .timeline > li > .timeline-badge { right: -56px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: -53px; } +.action-box.border a.button { left: 0; } +.footer #logo-footer { height: 40px; } + +/************************************* + v1.0.2 +**************************************/ +.action-box h3 { padding-right:0px; } +.port-information img { width: 100%; } +.text-left.mt-100 { margin-top: 0 !important; } +.portfolio-03-about { padding-left: 0; } + +/************************************* + v1.0.3 +**************************************/ +.slider-parallax.typer-banner.business p { padding: 0; } +.blockquote-section blockquote.quote { padding-top: 50px; } +.blockquote-section blockquote.quote:before { line-height: 70px; } +.blockquote-section .blockquote-section-left { margin-left: 0; } +.blockquote-section .blockquote-section-right { margin-left: 0; } +.slider-parallax.banner-personal .slider-content span { font-size: 90px; line-height: 90px; } +.slider-parallax.banner-personal .slider-content h1 { font-size: 80px; line-height: 80px; margin-top: -40px; } +.slider-parallax.banner-personal .slider-content h1 strong { font-size: 96px; line-height: 70px; } + +/************************************* + v1.0.4 +**************************************/ + .christmas-team { margin-top: 0 !important; } + .christmas-event .blog-date { text-align: left; } + .christmas-event .button.mt-60 { margin-top: 20px !important; } + .christmas-price .mt-100.mb-100 { margin: 0 !important; } + .christmas .coming-soon h1 { font-size: 30px; line-height: 30px; margin-bottom: 20px; } + + .timer-banner .slider-content-middle { top: 50%; } + .timer-banner .slider-content h1 { font-size: 50px; line-height: 50px; margin-bottom: 20px; } + .conference-about-content-right { margin-left: 0px; padding: 20px 0 0 ; } +.conference-about-content-left { padding: 50px 0 30px 0px; } +.conference-about img { width: 100%; } +.conference-split-content { padding: 0; } +.conference-split.split-section .img-side { display: block; } +.conference-video .mt-100.mb-100 { margin: 0 !important; } + +/************************************* + v1.0.5 +**************************************/ +.one-page.light .navbar-inverse .navbar-toggle .icon-bar { background: #323232; } +.architecture-about h2 { font-size: 30px; line-height: 30px; } +.architecture-portfolio .text-right { text-align: left; margin-bottom: 30px; } +.architecture-portfolio .isotope-filters { text-align: left; } +.architecture-portfolio .mb-40 { margin-bottom: 0px !important; } +.architecture-about .mt-60.mb-60 { margin: 0 !important; } + +/************************************* + v1.0.6 +**************************************/ +.agency-banner .slider-content { padding: 0 0px 0 30px; } +.agency-banner .slider-content h1 { padding: 50px 20px 20px 20px; } +.movie-banner .slider-content-middle { top: 50%; } +.one-page.transparent { background: #323232; } +.one-page .social-icons { padding: 10px 0; right: 60px; } +.one-page.nav-center .navbar-collapse.collapse { text-align: left; } + +/************************************* + v1.0.7 +**************************************/ +.law-banner .slider-content { padding: 0; } +.law-timeline .timeline-centered:before { display: none; } +.law-timeline .timeline-label h3 { line-height: 12px; } +.law-timeline .timeline-centered .timeline-entry:last-child { margin-bottom: 0; } +.law-contact { padding: 0; } + +/************************************* + v1.0.7 +**************************************/ +.one-page.dark-text .navbar-inverse .navbar-nav>li>a { color: #ffffff; } + +/************************************* + v1.0.8 +**************************************/ +.agency-02-about-content-right { margin-left: 0; padding-top: 20px; padding-bottom: 20px; } +.agency-02-about-content-left { padding: 0; padding-bottom: 20px; } +.agency-02-action-box .action-box { margin-top: 40px; } +.agency-feature h3 { line-height: 60px; font-size: 16px; } +.action-box a.popup-youtube { position: relative; top: inherit; margin-top: 20px; right: inherit; } +.agency-02-action-box .action-box.white-bg { padding: 50px 20px } +.agency-02-action-box .popup-video-image a i { position: relative; top: 20px; transform: inherit; } +.agency-02-action-box .popup-video-image:before{ background: transparent; } +.portfolio-parallax-banner p { padding: 0; } +.portfolio-parallax-banner h2 { font-size: 60px; line-height: 60px; } +.agency-02-about h3:before { display: none; background: none } + +/************************************* + v1.0.9 +**************************************/ +.coming-soon-middle { position: inherit; top: inherit; transform: inherit; padding: 50px 20px; } +.coming-soon-aerial .container-fluid { padding: 30px; } +.coming-soon-big .countdown.medium span { font-size: 80px; line-height: 80px; } +.coming-soon-big .countdown.medium p { font-size: 20px; line-height: 20px; } +.error-05 .button-home { display: block; } +.error-05 .back-to-home, .error-05 .penguin { display: none; } +.error-05 .error-bottom .tree { display: none; } +footer.error-03 .social-icons, footer.error-04 .social-icons { float: none; } +footer.error-03 .social-icons ul, footer.error-04 .social-icons ul { display: inline-block; text-align: center; } +.coming-soon-effects .coming-soon h1 { font-size: 40px; } + +/************************************* + v1.0.9 +**************************************/ +.about-05-split.page-section-ptb { padding: 0; } + +/************************************* + v1.2 +**************************************/ +.login-fancy { padding: 40px 30px; } +.login .vertical-align, .login.vertical-align { position: inherit; top: inherit; transform:inherit; } +.login.height-100vh { height: inherit; } +.login .height-100vh { height: inherit; } +.login-box .pos-bot { position: inherit; padding-bottom: 0 !important; } +.login-box-theme:before, .login-box-theme:after { display: none; } +.login-box-left { padding-bottom: 20px; } +.login-14, .login-15 { padding: 30px 40px; } +.login-14 .pb-50, .login-15 .pb-50 { padding-bottom: 0 !important; } +.login-box-left .pos-bot { position: inherit; padding-bottom: 0 !important; margin-top: 20px; } +.blockquote-section .action-box { padding: 40px 20px; } +.about-mission { margin-top: 40px; } +.about-mission-title { padding-bottom: 80px; } + + + +} + +@media(max-width:767px) { +/************************* + Margin top +*************************/ +.xs-mt-0 { margin-top: 0 !important; } +.xs-mt-10 { margin-top: 10px !important; } +.xs-mt-15 { margin-top: 15px !important; } +.xs-mt-20 { margin-top: 20px !important; } +.xs-mt-30 { margin-top: 30px !important; } +.xs-mt-40 { margin-top: 40px !important; } + /************************* + Margin right +*************************/ +.xs-mr-0 { margin-right: 0!important } +.xs-mr-10 { margin-right: 10px !important; } +.xs-mr-15 { margin-right: 15px !important; } +.xs-mr-20 { margin-right: 20px !important; } +.xs-mr-30 { margin-right: 30px !important; } +.xs-mr-40 { margin-right: 40px !important; } + /************************* + Margin bottom +*************************/ +.xs-mb-0 { margin-bottom: 0!important } +.xs-mb-10 { margin-bottom: 10px !important; } +.xs-mb-15 { margin-bottom: 15px !important; } +.xs-mb-20 { margin-bottom: 20px !important; } +.xs-mb-30 { margin-bottom: 30px !important; } +.xs-mb-40 { margin-bottom: 40px !important; } +/************************* + Margin left +*************************/ +.xs-ml-0 { margin-left: 0!important } +.xs-ml-10 { margin-left: 10px !important; } +.xs-ml-15 { margin-left: 15px !important; } +.xs-ml-20 { margin-left: 20px !important; } +.xs-ml-30 { margin-left: 30px !important; } +.xs-ml-40 { margin-left: 40px !important; } + /************************* + Padding top +*************************/ +.xs-pt-0 { padding-top: 0!important } +.xs-pt-10 { padding-top: 10px !important; } +.xs-pt-15 { padding-top: 15px !important; } +.xs-pt-20 { padding-top: 20px !important; } +.xs-pt-30 { padding-top: 30px !important; } +.xs-pt-40 { padding-top: 40px !important; } + /************************* + Padding right +*************************/ +.xs-pr-0 { padding-right: 0!important } +.xs-pr-10 { padding-right: 10px !important; } +.xs-pr-15 { padding-right: 15px !important; } +.xs-pr-20 { padding-right: 20px !important; } +.xs-pr-30 { padding-right: 30px !important; } +.xs-pr-40 { padding-right: 40px !important; } + /************************* + Padding bottom +*************************/ +.xs-pb-0 { padding-bottom: 0!important } +.xs-pb-10 { padding-bottom: 10px !important; } +.xs-pb-15 { padding-bottom: 15px !important; } +.xs-pb-20 { padding-bottom: 20px !important; } +.xs-pb-30 { padding-bottom: 30px !important; } +.xs-pb-40 { padding-bottom: 40px !important; } + /************************* + Padding left +*************************/ +.xs-pl-0 { padding-left: 0!important } +.xs-pl-10 { padding-left: 10px !important; } +.xs-pl-15 { padding-left: 15px !important; } +.xs-pl-20 { padding-left: 20px !important; } +.xs-pl-30 { padding-left: 30px !important; } +.xs-pl-40 { padding-left: 40px !important; } +h1 { font-size: 30px; } +h2 { font-size: 26px; } +.page-section-ptb { padding: 35px 0; } +.page-section-pt { padding: 50px 0 0; } +.page-section-pb { padding: 0 0 50px; } +.page-section-1-ptb { padding: 60px 0; } +.header.fullWidth .container-fluid { padding: 0 20px; } +/*header topbar*/ +.topbar-left.text-left { text-align: center; margin-bottom:10px; display: none;} +.topbar-right.text-right { text-align: center; } +.custom-content { margin-top: 0px; } +/*testimonial*/ +.testimonial-2 { padding-bottom: 80px; } +/*team*/ +.team-3-box img { width: 100%; } +/*accordian*/ +.accordion.accordion-2 .acd-group .acd-heading { padding-left: 0px; padding-right: 0px; } +/*footer*/ +.footer-logo img { height: 60px; width: inherit; } +img#logo-footer { height: 40px; } +.footer .footer-nav.text-right { text-align: left; margin-top: 20px; } +.social.text-right { text-align: left; margin-top: 20px; } +.footer-contact { margin-top: 0; box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1); } +.our-clients.theme-bg { padding-bottom: 60px; } +.footer-contact .contact-box { margin-bottom: 20px; } +.copyright.mt-50 { margin-top: 10px !important; } +.copyright .text-right { text-align: left; margin-top: 15px; } +footer .social-icons.pull-right { float: left !important; width: 100%; } +.footer-widget.mt-60 { margin-top: 0 !important; } +.footer-box { margin-bottom: 20px; margin-top: 30px; } +/* Coming soon page */ +.coming-soon-main { overflow: hidden; } +.coming-soon-main i { font-size: 70px; } +.coming-soon-countdown ul.countdown li span { font-size: 60px; } +.coming-soon-countdown ul.countdown li p { font-size: 16px; } +.coming-soon-main p { font-size: 18px; line-height: 26px; } +.coming-soon-main h1 { font-size: 42px; margin-bottom: 20px; } +/*error*/ +.error-search-box input { width: 73%; } +.error-block p { font-size: 20px; } +.error-block h1 { font-size: 80px; } +.error-404-2 .error-block h1 { font-size: 290px; } +.maintenance-progress-bar .progress-bar { display: block; margin: 0 auto 90px; } +.maintenance-progress-bar { margin: 30px 0 60px; } +.maintenance-main p { margin-bottom: 10px; } +/*portfolio*/ +.isotope.columns-3 .grid-item { width: 50%; } +.isotope.columns-4 .grid-item { width: 50%; } +/*about-1 page*/ +.about .feature-3 { margin-bottom: 30px; } +.feature-text.box, .feature-text.fill-box{ padding: 30px;} +.footer-widget { text-align: left; } +.xs-text-left{text-align: left;} +.xs-text-center{text-align: center;} +.xs-text-right{text-align: right;} +.pricing-table{margin: 0 0 30px;} +.team-3-box, .team{margin-bottom: 30px;} +.lead {font-size: 14px;} +.inner-intro { text-align: center;} +ul.page-breadcrumb { padding-top: 30px;} +.feature-step-2-box {padding: 20px;} +.feature-step-2 .feature-step-2-title-left h1 {font-size: 50px;} +.our-app{background-image: none !important;} +.valign > [class*="col-"] {display: block;} +.highlights-phone {margin: 30px 0;} +/*blog pages*/ +.masonry.columns-2 .masonry-item { width: 100%; } +.masonry.columns-3 .masonry-item { width: 100%; } +/* blog timeline */ +.blog ul.timeline:before { left: 40px; } +.blog ul.timeline > li { margin-bottom: 20px; position: relative; width:100%; float: left; clear: left; } +.blog ul.timeline > li > .timeline-panel { width: calc(100% - 90px); width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); } +.blog ul.timeline > li > .timeline-badge { left: 12px; margin-left: 0; top: 16px; } +.blog ul.timeline > li > .timeline-panel { float: right; } +.blog ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } +.blog ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } +.blog .timeline > li.timeline-inverted { float: left; clear: left; margin-top: 30px; margin-bottom: 30px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: 12px; } +.blog .timeline-panel img { width: 100%; } +.blog .timeline li.entry-date-bottom { text-align: left; } +.blog .timeline li.entry-date-bottom a { font-size: 13px; padding: 8px 10px; } +.blog .timeline li.entry-date { text-align: left; } +.blog .timeline li.entry-date span { font-size: 13px; padding: 8px 10px; } +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: 23px; } +.blog .timeline > li:nth-child(2) { margin-top: 0; } +.blog .timeline > li.timeline-inverted { margin-top: 10px; } +.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 20px; } +.blog.timeline-sidebar .timeline > li.timeline-inverted:nth-child(2) { margin-bottom: 0px; } +.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 100%; } +/*login 2*/ +.login-2-social li { margin-bottom: 10px; } +/*maintenance*/ +.progress-new { width: 100%; } +.maintenance-form input { width: 100%; } +/*portfolio*/ +.isotope.columns-2 .grid-item { width: 100%; } +.isotope.columns-3 .grid-item { width: 100%; } +.isotope.columns-4 .grid-item { width: 100%; } +.isotope.columns-5 .grid-item { width: 100%; } +.masonry.columns-3 .masonry-item { width:100%; } +.masonry.columns-4 .masonry-item { width:100%; } +.masonry.columns-5 .masonry-item { width:100%; } +/*shop*/ +.deal-banner img { width: 100%; } +/*process*/ +.process.left .process-content .process-icon { display: block; margin-bottom: 20px; } +.process.left .process-content { padding-left: 40px; } +.process.right .process-content { padding-right: 40px; } +.process.right .process-content .process-icon { float: none; margin-bottom: 20px; } +.process.left .process-step { top: 30px; } +.process .process-step strong { width: 40px; height: 40px; line-height: 40px; } +.process.left .process-step { left: -20px; } +.process.right .process-step { right: -20px; } +/*resume*/ +.resume-page .container-fluid { padding: 0 15px; } +/*shortcode*/ +.clients-list ul li, .clients-list.column-4 ul li, .clients-list.column-3 ul li { width: 50%; } +/*countdown*/ +.countdown.round { width: 100px; height: 100px; } +.countdown.round span { font-size: 30px; line-height: 30px; } +.countdown.round { padding: 16px; } +.countdown.round.medium { width: 100px; height: 100px; } +.countdown.round.medium span { font-size: 30px; line-height: 30px; } +.countdown.round.medium p { font-size: 14px; } +.countdown.round.large { width: 100px; height: 100px; } +.countdown.round.large span { font-size: 30px; } +.countdown.round.large span { line-height: 30px; } +.countdown.round.large p { font-size: 14px; } +/*datatables*/ +.dataTables_paginate .pagination>li { display: inline-block; text-align: center; } +.datatable-base .table-responsive { border: 0; padding-bottom: 30px; } +/*feature text*/ +.feature-text.left-icon .feature-icon { padding-left: 15px; } +.feature-text.right-icon .feature-icon { padding-right: 15px; } +/*tab*/ +.tab-vertical .nav-tabs { width: 100%; } +.tab-vertical .tab-content { width: 100%; margin-left: 0; } +.feature-text .feature-icon span, .feature-text .feature-icon i { padding-left: 0; } +.bg-top-before { padding-top: 40px !important; } +.bg-top-before:before { display: none; } +.bg-top-before.pb-150 { padding-bottom: 40px !important; } + /*gym*/ +.course { margin-bottom: 20px; } +.medical-tab .tab .nav.nav-tabs li.active a:before { display: none; } +/*one page*/ +/*mobile app*/ +.mobile-app-about h2 { font-size: 40px; line-height: 40px; } +/*product*/ +.product .product-image img { width: 100%; } +/*portfolio-banner*/ +.portfolio-banner .slider-content h1 { font-size: 20px; line-height: 20px; } +.portfolio-banner .slider-content span { font-size: 12px; line-height: 18px; } +/*404 error*/ +.error-block { padding: 0; } +.error-block .error-text { padding: 0; display: none; } +.error-block h1 { padding: 0; } +.error-text-02 { display: none; } +.interior-action-box { margin-top: 30px; } +/*slider */ +#rev_slider_14_1 .rev-btn {padding: 15px 20px !important; font-size: 16px !important; position: relative; bottom: 0px!important;} +#rev_slider_11_1_wrapper strong { font-size: 20px !important; } +#rev_slider_13_1_wrapper i { font-size: 20px !important; } +.process-list { padding-left: 30px; padding-right: 30px; } +.isotope, .masonry { margin: 0; } +.app-home { padding-bottom: 40px; } +.services-text-box-green { padding: 50px 15px !important; } +.services-text-box-blue, .services-text-box-black { padding: 50px 15px !important; } +.bottom-nav .owl-nav { bottom: 20px; } +.blog-box.blog-2 .button.icon-color { margin-top: 0px; float: right !important; } +.team.team-hover.team-border .team-photo img { width: 100%; } +.owl-carousel .owl-dots { bottom: -15px; } +.special-feature .row-eq-height { display: block; } +.course img { width: 100%; } +.footer .footer-social ul.text-right { text-align: left; } +.cafe-counter.mt-60 { margin-top: 0px !important; } +.blog .timeline li.entry-date { top: -20px; } +.blog.timeline-sidebar .timeline li.entry-date { top: -20px; } +.footer .footer-widget .footer-widget-social.text-right { text-align: left; } +.footer.footer-one-page .footer-widget { text-align: center; } +.footer.footer-one-page .footer-widget .footer-widget-social.text-right { text-align: center; } + +/************************************* + v1.0.2 +**************************************/ +.footer .container-fluid { padding: 0 15px; } +.text-left.mt-100 { margin-top: 40px !important; } + +/************************************* + v1.0.3 +**************************************/ +.slider-parallax.typer-banner.business h1 { line-height: 30px; font-size: 40px; } +.play-video-section .content { padding: 0; } +.slider-parallax.banner-personal .slider-content span { font-size: 70px; line-height: 70px; } +.slider-parallax.banner-personal .slider-content h1 { font-size: 60px; line-height: 60px; margin-top: -20px; } +.slider-parallax.banner-personal .slider-content h1 strong { font-size: 72px; line-height: 60px; } + +/************************************* + v1.0.4 +**************************************/ +.countdown p { font-size: 13px; } +.christmas-about .feature-text { margin-bottom: 50px; } +.christmas-form-content h2 { font-size: 40px; line-height: 40px; } +.happy-clients .mb-40 { margin-bottom: 0 !important; } +.christmas-form-content.mt-100 { margin-top: 60px !important; } +.christmas-team .team .team-photo img { width: 100%; } +.timer-banner .slider-content h1 { font-size: 30px; line-height: 30px; } + +/************************************* + v1.0.6 +**************************************/ +.movie-banner .slider-content-middle { padding: 0; } + +/************************************* + v1.0.7 +**************************************/ +.law-banner .slider-content h1 { line-height: 30px; font-size: 30px; } + +/************************************* + v1.0.8 +**************************************/ +.banner-agency-02 h1 { font-size: 30px; line-height: 30px; } +.agency-02-contact .footer-contact { margin-top: -50px; } +.agency-02-contact-title .mb-50 { margin-bottom: 0 !important; } +.agency-02-contact .footer-contact { margin-bottom: 30px; } +.portfolio-parallax-banner h2 { font-size: 50px; line-height: 50px; } + +/************************************* + v1.0.9 +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 40px; line-height: 40px; } +.coming-soon-big .countdown.medium p { font-size: 16px; line-height: 16px; } +.error-05 h1 { font-size: 80px; line-height: 80px; } +.list-unstyled.pl-60 { padding-left: 0 !important;} +.page-title.light-overlay { padding-top: 200px; } +.divider.pt-70, .divider.pt-50 { padding-top: 30px !important; } +.page-title.light-overlay { padding-top: 200px; } +.faq-box { margin-top: 30px; } + .faq-page-title .mt-50 { margin-top: 10px !important; } + +} + +@media(max-width:600px) { +h3 { font-size: 22px; } +.search-box { width: 240px; } +.section-title p { + font-size: 14px; +} +/*cart*/ +.shpping-cart .cart { width: 290px; } +.shpping-cart .cart-total a { margin-bottom: 10px; } +.portfolio-home .isotope.columns-3 .grid-item { width: 100%; } +.portfolio-title { padding: 40px 30px; } +.main-counter .counter-info span.counter { font-size: 40px; } +/*action-box*/ +.action-box { text-align: center; } +.action-box .action-box-button { text-align: center; } + /*skills*/ +.skills-2.col-2 li { width: 100%; margin-bottom: 0; margin-right: 0; float: none; } +.skills-2.col-2.mr-60 { margin-right: 0 !important; } +/*error*/ +.error-block { padding: 30px 0px; } +.error-block h1 { font-size: 70px; } +.error-404-2 .error-block h1 { font-size: 200px; line-height: 200px; } +.error-404-2 .error-block p { font-size: 16px; } +/*maintenance*/ +.maintenance-main h1.mb-50 { font-size: 28px; } +.maintenance-2 .maintenance-main h1 { font-size: 32px; } + /*portfolio*/ +.isotope.columns-3 .grid-item { width: 100%; } +.isotope.columns-4 .grid-item { width: 100%; } +/*============== New ==============*/ +/*about-1 page*/ +.clients-logo.line img{height:65px;} +/*contact us*/ +.contact-form .section-field { width: 100%; } +.touch-in .contact-box { margin: 20px 0; } +/*our-history .timeline*/ +.our-history .timeline > li.timeline-inverted > .timeline-panel::before, +.our-history .timeline > li > .timeline-panel::before { left: 40px;} +.our-history .timeline > li > .timeline-panel { padding: 40px 20px 20px 75px; text-align: left; width: 100%;} +.our-history .timeline > li > .timeline-badge { left: 41px;} +.our-history .timeline > li > .timeline-badge p { margin-left: 40px;} +.our-history .timeline > li.timeline-inverted .timeline-badge p { float: left; margin-right: 0; text-align: left;} +.feature-text .feature-icon {font-size: 38px;} +.skill-bar {margin: 60px 0 20px;} +.feature-text.box {padding: 30px;} +.happy-clients .nav-tabs li img {height: 70px; width: 70px;} +.testimonial-info p {font-size: 15px; margin: 25px 0 0; padding: 0 0 20px;} +.testimonial-2 .testimonial-info p::before {font-size: 100px;} +/*blog pages*/ +.social.pull-right { float: none; margin-top: 10px; display: block; width: 100%; } +.port-post-social.pull-right { float: none !important; } +.port-post-photo { display: block; float: none; } +.port-post-info { padding-left: 0; margin-top: 20px; display: block; } +.comments-1.comments-2 { padding-left: 40px; } +.comments-1 .comments-photo { float: none; } +.comments-1.comments-2 .comments-info { padding: 20px 0px 10px; } + +/*team single*/ +.our-team .team-details .social { float: none !important; width: 100%; margin-bottom: 20px; } +/*shortcode*/ +.countdown.small span { font-size: 30px; } +.countdown span { font-size: 30px; } +.countdown.medium span { font-size: 30px; } +.countdown.medium p { font-size: 14px; } +.countdown.medium { margin: 0 10px; } +.countdown.large span { font-size: 30px; } +.countdown.large p { font-size: 14px; } +.countdown.large { margin: 0 6px; } +.countdown.gray-bg { margin: 0 1px; padding: 8px; } +.countdown.border { padding: 8px; margin: 0 0px; } +.countdown.round { margin-bottom: 10px; } +.countdown.round.small { padding: 16px; } +/*testimonial*/ +.testimonial.bottom_pos .author-info { margin-left: 0; margin-bottom: 30px; } +/*shortcode*/ +.pagination>li { display: inline-block; margin-bottom: 3px; } +/*shortcode*/ +.owl-carousel .owl-dots { bottom: 20px; } +.resume-contact .footer-widget-social a i { margin-bottom: 4px; } +/*popup-video-banner*/ +.popup-video-banner h1 { font-size: 36px; line-height: 40px; } +.kety-perry-list { padding-right: 20px; } +.kety-play-icon { float: none; } +.kety-name { padding-left: 0; } +.kety-play-icon { margin-top: 0; } +/*gym*/ +.team.team-list .team-photo { float: none; width: 100%; margin-bottom: 30px; } +.team.team-list .team-description { padding-left: 0; padding-bottom: 0; } +.tab .nav.nav-tabs li { margin-bottom: 5px; } +/*testimonial*/ +.testimonial.clean { padding: 0 10px 25px 40px; } +.typer-banner h1 { font-size: 50px; line-height: 100px; } +.portfolio-banner .slider-content { width: 100%; } +.personal-typer-banner h1 { font-size: 50px; line-height: 50px; } +.personal-typer-banner h1 span { font-size: 25px; } +.services-text-box-green { padding: 60px 15px !important; } +.services-text-box-black { padding: 60px 15px !important; } + .team.team-list .team-photo img { width: 100%; } + .isotope.columns-3 .grid-item { padding: 0 0px 15px 0; } + .bottom-nav .owl-nav .owl-next { right: 42%; } + .bottom-nav .owl-nav .owl-prev { left: 42%; } + .testimonial.light { padding: 85px 20px 45px 50px; } +.our-history .timeline:before { left: 40px; } +.our-team .team-details .title.pull-left { float: none !important; display: block; } +.our-team .team-details .social-icons.border.pull-right { float: none !important; display: inline-block; margin-bottom: 10px; } +.row.mt-80 { margin-top: 30px !important; } +.happy-clients .tab .nav.nav-tabs { margin-bottom: 0; } +.our-service-home .row.mb-60 { margin-bottom: 10px !important; } +.contact-3 #map { padding-top: 40%; } +.accordion.animated .acd-group.acd-active .acd-heading { font-size: 22px; } +.our-history .timeline .timeline-arrow { left: 34px; text-align: left; } +.our-history { overflow: hidden; } +.progress-new { margin-bottom: 0; } +.comments-1 .comments-photo { margin-bottom: 20px; } +.comments-1.comments-2 .comments-photo { margin-bottom: 0px; } +.isotope.columns-4 .grid-item { padding-right: 0; } +/*.rev-slider #rev_slider_20_1_forcefullwidth .rev-btn { padding: 6px 10px !important; line-height: 0 !important; font-size: 8px !important; }*/ +.shop-single .tab .nav.nav-tabs li a { padding: 12px 20px; } +.shop-single .tab .nav.nav-tabs li { margin-bottom: 0; } + + +/************************************* + v1.0.2 +**************************************/ +.st-menu.big-side { width: 270px; } +.st-menu.big-side .pos-bot { position: relative; } +.st-menu.big-side .slide-footer-content { padding: 0 10px 0px 0; } +.st-menu.big-side .social-icons.width-half ul li { width: inherit; display: block; float: none; } +.st-menu.big-side .copy-right .mb-70 { margin-bottom: 0 !important; } +.st-menu.big-side ul.menu { padding-top: 0; } + +/************************************* + v1.0.3 +**************************************/ +.blockquote-section blockquote { font-size: 30px; line-height: 34px; } +.custom-content-03 h2 { font-size: 30px; line-height: 34px; } + .mt-100.mb-100 { margin: 0px 0 !important; } + .slider-parallax.banner-personal .slider-content { width: 100%; } + + +/************************************* + v1.0.4 +**************************************/ +.christmas-clients .mt-80 { margin-top: 0 !important; } +.countdown.round { display: block; margin: 0 auto; } +.timer-banner .slider-content h1 { font-size: 21px; line-height: 28px; margin-bottom: 10px; } +.conference-video h3 { line-height: 30px; } + +/************************************* + v1.0.5 +**************************************/ +.architecture-about h2 { font-size: 24px; line-height: 30px; } + +/************************************* + v1.0.6 +**************************************/ +.agency-banner .slider-content .agency-banner-right { display: block; } +.agency-banner .slider-content .agency-banner-left { display: block; } +.agency-banner .slider-content span { padding-top: 0; font-size: 30px; line-height: 20px; } +.agency-banner .slider-content h1 { font-size: 30px; padding: 0; border:none; line-height: 20px; } +.slider-parallax.agency-banner { height: 80vh; } +.movie-banner .countdown.round.small { display: inline-block; } + +/************************************* + v1.0.7 +**************************************/ +.law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-year { left: -45px; } +.testimonial.left_pos { padding: 20px 10px 20px 50px; } +.testimonial.left_pos .testimonial-avatar { position: inherit; left: inherit; top: inherit; margin-top: 0 ; margin-bottom: 60px; margin-left: 0px; } + + +/************************************* + v1.0.8 +**************************************/ +.agency-02-contact .pl-50.pr-50 { padding: 15px !important; } +.agency-02-history-who { padding: 30px; } +.banner-agency-02 h1 { font-size: 24px; } +.portfolio-parallax-banner h2 { font-size: 40px; line-height: 40px; } + +/************************************* + v1.0.9 +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 30px; line-height: 30px; } +.coming-soon-big .countdown.medium p { font-size: 16px; line-height: 16px; } +.error-05 h1 { font-size: 60px; line-height: 60px; } +.error-05 h3, .error-05 span { font-size: 40px; } +.error-03 .content h2 { font-size: 32px; line-height: 32px; } +.error-03 .content h1 { font-size: 40px; line-height: 40px; } +.error-03 .error-404 h1 { font-size: 70px; line-height: 70px; } +.error-03 .error-404 h2 { font-size: 50px; line-height: 50px; } +.error-04 h1 { font-size: 160px; line-height: 160px; } +.coming-soon-effects .coming-soon h1 { font-size: 30px; line-height: 30px; } +.coming-soon h1, .coming-soon-effects .coming-soon h1 { font-size: 30px; line-height: 30px; } + +/************************************* + v1.2 +**************************************/ +.login-fancy h2 { font-size: 40px; line-height: 40px; } +.login-box h2 { font-size: 30px; line-height: 30px; } +.login-box-02 { padding: 20px; } +.login-signup .tab .nav.nav-tabs li { margin-bottom: 0; } +.login-signup .login-box-02 { padding: 30px; } +.about-mission .popup-content { padding-right: 20px; width: 100%; } +.about-mission .popup-content br { display: none; } +#rev_slider_14_1 .rev-btn {padding: 15px 20px !important; font-size: 14px !important; position: relative; bottom: 0px!important;} +} + +@media(max-width:479px) { + +/************************* + Margin top +*************************/ +.xx-mt-0 { margin-top: 0 !important; } +.xx-mt-10 { margin-top: 10px !important; } +.xx-mt-15 { margin-top: 15px !important; } +.xx-mt-20 { margin-top: 20px !important; } +.xx-mt-30 { margin-top: 30px !important; } +.xx-mt-40 { margin-top: 40px !important; } +/************************* + Margin right +*************************/ +.xx-mr-0 { margin-right: 0!important } +.xx-mr-10 { margin-right: 10px !important; } +.xx-mr-15 { margin-right: 15px !important; } +.xx-mr-20 { margin-right: 20px !important; } +.xx-mr-30 { margin-right: 30px !important; } +.xx-mr-40 { margin-right: 40px !important; } + /************************* + Margin bottom +*************************/ +.xx-mb-0 { margin-bottom: 0!important } +.xx-mb-10 { margin-bottom: 10px !important; } +.xx-mb-15 { margin-bottom: 15px !important; } +.xx-mb-20 { margin-bottom: 20px !important; } +.xx-mb-30 { margin-bottom: 30px !important; } +.xx-mb-40 { margin-bottom: 40px !important; } +/************************* + Margin left +*************************/ +.xx-ml-0 { margin-left: 0!important } +.xx-ml-10 { margin-left: 10px !important; } +.xx-ml-15 { margin-left: 15px !important; } +.xx-ml-20 { margin-left: 20px !important; } +.xx-ml-30 { margin-left: 30px !important; } +.xx-ml-40 { margin-left: 40px !important; } + /************************* + Padding top +*************************/ +.xx-pt-0 { padding-top: 0!important } +.xx-pt-10 { padding-top: 10px !important; } +.xx-pt-15 { padding-top: 15px !important; } +.xx-pt-20 { padding-top: 20px !important; } +.xx-pt-30 { padding-top: 30px !important; } +.xx-pt-40 { padding-top: 40px !important; } + /************************* + Padding right +*************************/ +.xx-pr-0 { padding-right: 0!important } +.xx-pr-10 { padding-right: 10px !important; } +.xx-pr-15 { padding-right: 15px !important; } +.xx-pr-20 { padding-right: 20px !important; } +.xx-pr-30 { padding-right: 30px !important; } +.xx-pr-40 { padding-right: 40px !important; } + /************************* + Padding bottom +*************************/ +.xx-pb-0 { padding-bottom: 0!important } +.xx-pb-10 { padding-bottom: 10px !important; } +.xx-pb-15 { padding-bottom: 15px !important; } +.xx-pb-20 { padding-bottom: 20px !important; } +.xx-pb-30 { padding-bottom: 30px !important; } +.xx-pb-40 { padding-bottom: 40px !important; } + /************************* + Padding left +*************************/ +.xx-pl-0 { padding-left: 0!important } +.xx-pl-10 { padding-left: 10px !important; } +.xx-pl-15 { padding-left: 15px !important; } +.xx-pl-20 { padding-left: 20px !important; } +.xx-pl-30 { padding-left: 30px !important; } +.xx-pl-40 { padding-left: 40px !important; } +.col-xx-12{width:100% !important;} +.col-xx-6{width:50% !important;} +h2 {font-size: 22px; line-height: 30px;} +.topbar .topbar-call.text-left li { margin-bottom: 5px; } +.clients-logo.line img { width: initial; } +.shpping-cart .cart { width: 240px; } +.cart-item .cart-name a { font-size: 12px; } +.cart-price del { font-size: 12px; } +.cart-price ins { font-size: 14px; } +.cart-item .cart-close { top: 17px; } +/*index*/ +.round .nav.nav-tabs li a { margin-right: 1px; padding: 8px 15px; } +/* header */ +.st-effect-3 .header.default.fullWidth .search-cart { right: 45px; top: 3px; } +.st-effect-3 .header.default.fullWidth .search-cart .search { padding-right: 6px; } + +/*action box*/ +.action-box-button .button.border-white { margin-top: 10px; } +.action-box-button .button.border.icon { margin-left: 0; margin-top: 15px; } +.action-box-button .button.border { margin-left: 0; margin-top: 15px; } +/*coming soon*/ +.coming-soon-main h1 { font-size: 34px; } +.coming-soon-countdown ul.countdown li span { font-size: 32px; } +.coming-soon-countdown ul.countdown li { width: 20%; } +.coming-soon-countdown ul.countdown li p { font-size: 13px; } +.coming-soon-countdown ul.countdown { margin: 20px 0; } +.coming-soon-main p { margin-bottom: 45px; font-size: 16px; } +.coming-soon-form { width: 100%; } +.coming-soon-form input { width: 90%; margin-bottom: 0; } +.coming-soon-form a.button-border span { padding: 11px 8px; } + /*error*/ +.error-block h1 { font-size: 50px; } +.error-block p { font-size: 18px; } +.error-block h1.mb-40 { margin-bottom: 10px !important; } +.error-search-box p { font-size: 16px; line-height: 32px; } +.error-search-box input { width: 60%; } +/*maintenance*/ +.maintenance-2 .maintenance-main h1 { font-size: 22px; margin-bottom: 10px; } +.maintenance-contant.mt-150 { margin-top: 30px !important; } +.maintenance-form.mt-100 { margin-top: 30px !important; } +.clients-logo.line{width:100%; border-left:none;} + .clients-logo.line img{height:auto;} +.clients-logo.line:nth-last-child(-n+3) { border-bottom: 1px solid #dddddd;} +.our-history .timeline > li > .timeline-panel::before { width: 22px; left: 25px; } +.our-history .timeline > li.timeline-inverted > .timeline-panel::before { left: 25px; } +.happy-clients .nav.nav-tabs li { display: inline-block; } +.nav.nav-tabs li { display: block; float: none; margin-bottom: 10px; text-align: center;} +.tab-2 .nav-tabs {float: none; width: 100%;} +.tab-2 .nav-tabs li{margin-bottom: 0;} +.tab-2 .tab-content {margin-left: 0; padding: 30px 20px;} +/*testimonial page*/ +.testimonial-3 .owl-carousel .owl-nav { bottom: -20px; } +.testimonial-3 .owl-carousel .owl-nav .owl-prev {left: 50%; margin-left: -45px;} +.testimonial-3 .owl-carousel .owl-nav .owl-next {right: 50%; margin-right: -45px;} +.testimonial-info p {padding: 0 10px 20px;} +.testimonial.boxed {padding: 30px 30px 75px;} + .feature-step-2-title-2-right {width: 100%;} +.feature-step-2-box {padding:20px 10px;} +.feature-step-2-box p{font-size: 13px;} +.service-blog b {font-size: 220px;} +/*blog*/ +.blog .timeline > li > .timeline-badge { font-size: 15px; height: 44px; line-height: 12px; width: 44px; } +.blog ul.timeline:before { left: 27px; } +.blog ul.timeline > li > .timeline-badge { left: 5px; } +.blog ul.timeline > li > .timeline-panel { width: 100%; } +.blog .timeline li.entry-date span { display: none;} +.blog ul.timeline::before { display: none; } +.blog ul.timeline > li > .timeline-badge { display: none; } +.blog ul.timeline > li > .timeline-panel::before { display: none; } +.blog ul.timeline > li > .timeline-panel::after { display: none; } +.blog .timeline li.timeline-inverted .timeline-panel::after { display: none; } +.blog .timeline li.timeline-inverted .timeline-panel::before { display: none; } +.blog.timeline-sidebar .timeline li { width: 100%; } +/*shop*/ +.offer-banner-1 h1 { font-size: 20px; } +.deal-banner .counter-deal ul li { padding: 7px 10px; margin-right: 2px; } +.deal-banner .caption h2 { font-size: 32px; } +.deal-banner.maintenance-progress-bar { margin: 0; } +.bottom-nav .owl-nav .owl-next { right: 36%; } +.bottom-nav .owl-nav .owl-prev { left: 36%; } +.action-box.pattern { padding: 70px 15px; } +.action-box { padding: 30px 15px; } +.appointment-bg { padding: 40px 15px; } +.appointment a.pull-left { display: block; } +/*mobile app*/ +.mobile-app-about a img { margin-bottom: 10px; } +.mobile-app-about h2 { font-size: 30px; line-height: 30px; } +.phone-holder { width: 260px; } +.highlights-phone.wht .phone-holder #fon { background:transparent; } +.highlights-phone.wht .hgi { top: 0; } +.highlights-phone { height: 550px; } +/*one page*/ +.typer-banner h1 { font-size: 30px; line-height: 30px; } +.popup-video-banner h1 { font-size: 30px; line-height: 40px; } +.video-background-banner h1 { font-size: 30px; line-height: 30px; } +.video-background-banner .slider-content { padding: 30px 15px; } +/*side panel*/ +.slide-footer .social ul li a { padding-right: 15px; } +.st-menu { width: 280px; } +.st-effect-2.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-3.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-4.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-5.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-6.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0) rotateY(-15deg); transform: translate3d(280px, 0, 0) rotateY(-15deg); } +.st-effect-7.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-8.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-9.st-menu-open .st-pusher { -webkit-transform: translate3d(0, 0, -280px); transform: translate3d(0, 0, -280px); } +.st-effect-10.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-10.st-menu { -webkit-transform: translate3d(0, 0, -280px); transform: translate3d(0, 0, -280px); } +.st-effect-13.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-14.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */ +.no-csstransforms3d .st-pusher, +.no-js .st-pusher { padding-left: 280px; } +.personal-typer-banner h1 { font-size: 30px; line-height: 30px; margin-bottom: 0px; } +.personal-typer-banner h1 span { font-size: 20px; left: -10px; top: 0; } +.image-content { width: 100%; margin-right: 0; } +.testimonial.bottom_pos { padding: 60px 20px 40px 46px; } + .owl-carousel .owl-dots { bottom: 12px; } +.kety-name a { font-size: 14px; } +.kety-link a { margin-bottom: 5px; } +.blog.blog-single .port-navigation .port-photo { width: 104px; } +.blog.blog-single .port-navigation .port-arrow { height: 62px; width: 30px; } +.blog.blog-single .port-navigation .port-arrow i { line-height: 62px; } +.single-portfolio-post .port-navigation .port-photo { width: 104px; } +.single-portfolio-post .port-navigation .port-arrow { height: 62px; width: 30px; } +.single-portfolio-post .port-navigation .port-arrow i { line-height: 62px; } +.happy-clients .nav-tabs li { padding: 0; } +.accordion.animated .acd-group.acd-active .acd-heading { font-size: 20px; } +.our-service .section-title { margin-bottom: 10px; } +.team.team-list h5 { font-size: 18px; } +.contact-2 #map { padding-top: 50%; } +.clients-box .clients-photo { margin-bottom: 20px; width: 100%; } +.countdown.round { display: block; margin: 0 auto 20px; } +.coming-soon-form.contact-form input { width: 100%; } +.add-banner-2 .add-banner-content h2 { font-size: 24px; } +.add-banner-2 .add-banner-content h3 { font-size: 20px; line-height: 20px; } +.add-banner-2 .add-banner-content .button.small { padding: 5px 18px; } + +/************************************* + v1.0.3 +**************************************/ + .slider-parallax.typer-banner.business h1 { font-size: 24px; line-height: 28px; } + .slider-parallax.typer-banner.business p { font-size: 18px; line-height: 28px; margin-top: 10px !important; } + .counter.big-counter .timer { font-size: 40px; line-height: 40px; } +.action-box.theme-bg { padding: 30px 0; } + .slider-parallax.banner-personal .slider-content span { font-size: 50px; line-height: 50px; } +.slider-parallax.banner-personal .slider-content h1 { font-size: 40px; line-height: 40px; margin-top: -20px; } +.slider-parallax.banner-personal .slider-content h1 strong { font-size: 48px; line-height: 50px; } + +/************************************* + v1.0.4 +**************************************/ +.christmas-form-content h2 { font-size: 24px; line-height: 24px } +.christmas-event .tab .nav.nav-tabs li a{ font-size: 14px; } +.christmas-event .blog-date span { font-size: 28px; display: inline-block; } +.portfolio-home .portfolio-title.section-title .button.mt-30 { margin-top: 20px !important; } +.countdown.small { margin: 10px 4px 0; } + +/************************************* + v1.0.4 +**************************************/ +.section-title-movie h2 { padding: 10px 30px; } +.movie-story b { font-size: 26px; } +.movie-banner .countdown.round.small { margin-bottom: 5px; } + +/************************************* + v1.0.7 +**************************************/ +.law-banner .slider-content h1 { font-size: 22px; line-height: 22px; } +.law-banner .slider-content p { font-size: 16px; } +.law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-year { left: 0; top: 25px; } + +/************************************* + v1.0.7 +**************************************/ +.portfolio-parallax-banner h2 { font-size: 30px; line-height: 30px; } + +/************************************* + v1.0.9 +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 24px; line-height: 24px; } +.coming-soon-big .countdown.medium p { font-size: 14px; line-height: 14px; } +.error-05 h1 { font-size: 50px; line-height: 50px; } +.error-03 .content h2 { font-size: 28px; line-height: 28px; } +.error-03 .content h1 { font-size: 32px; line-height: 32px; } +.error-03 .content p { font-size: 22px; } +.error-03 .error-404 h1 { font-size: 70px; line-height: 70px; } +.error-03 .error-404 h2 { font-size: 50px; line-height: 50px; } +.error-04 h1, .error-06 h1, .error-07 h1 { font-size: 100px; line-height: 100px; } +.error-04 h2 { font-size: 40px; line-height: 40px; } +.error-04 p { font-size: 18px; } +.error-06 h2 .error-07 h2, .error-09 h2 { font-size: 30px; line-height: 30px; } + +/************************************* + v1.2 +**************************************/ +.login.height-100vh { overflow: hidden; } +.login .remember-checkbox a { display: block; float: inherit !important; margin-top: 10px; } +.about-mission .popup-content { padding: 30px 30px 10px 30px; } +.about-mission .popup-content h2 { font-size: 14px; line-height: 20px; } +.about-mission .popup-video-image a i { width: 40px; height: 40px; top: 10px; line-height: 40px; } + .checkout-page .pl-50.pr-50.pt-50.pb-50 { padding: 20px !important; } + .checkout-page .pl-40 { padding: 0 !important; } +} + + + + +@media (max-width: 360px) { + +.col-xs-offset-1 {margin-left:8.33333333%;} + +} \ No newline at end of file diff --git a/apply/css - 복사본/shop.css b/apply/css - 복사본/shop.css new file mode 100644 index 0000000..f29a588 --- /dev/null +++ b/apply/css - 복사본/shop.css @@ -0,0 +1,163 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains the styling for the Shop Pages. You can edit/add anything in this file! +*/ + + +/******************************** + shop +********************************/ +.product { text-align: center; position: relative; } +.product .product-title a { font-size: 16px; text-transform: uppercase; font-weight: 600; margin: 20px 0px 10px; display: block; } + +.product .product-title a:hover { color: #353535; } +.product .product-price del { background: transparent; color: #323232; font-size: 13px; } +.product .product-price ins { text-decoration: none; color: #FC5C3C; font-size: 16px; font-weight: bold; } +.product .product-rating { margin-bottom: 10px; } +.product .product-rating i { color: #353535; } +.product .product-image { position: relative; } +.product .product-image .product-overlay { opacity: 0; text-align: center; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; margin: 0 auto; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } +.product:hover .product-image .product-overlay { opacity: 1; } +.product .product-image .add-to-cart a { background: #FC5C3C; color: #ffffff; text-transform: uppercase; padding: 10px 20px; border-radius: 30px; } +.product .product-image .add-to-cart a:hover { background: #353535; } + +.top-rated .product.left .product-title a { font-size: 14px; font-weight: 500; } +.shop-split-content .product-price del { background: transparent; color: #323232; } + +/*shop-single*/ +.shop-single .title { padding-top: 40px; } +.shop-single .product-detail .product-detail-price { display: inline-block; } +.shop-single .product-detail .product-detail-price ins { text-decoration: none; color: #FC5C3C; font-size: 16px; font-weight: bold; } +.shop-single .product-detail .product-detail-rating i { color: #353535; } +.shop-single .product-detail .product-detail-rating { display: inline-block; } +.shop-single .product-detail .product-detail-quantity input { box-shadow: none; border:1px solid #e0e0e0; padding: 10px 18px 10px 24px; border-radius: 30px; box-shadow: none; } +.shop-single .product-detail .input-group-btn button { background: transparent; border-color: #e0e0e0; } +.shop-single .product-detail .input-group-btn button:hover { color: #FC5C3C; } +.shop-single .product-detail .input-group { width: 90px; float: left; margin-right: 20px; } +.shop-single .product-detail .product-detail.add-to-cart .button { display: inline-block; font-size: 12px; } +.shop-single .product-detail .input-group-btn:first-child>.btn { border-top-left-radius: 30px; border-bottom-left-radius: 30px; } +.shop-single .product-detail .input-group-btn:last-child>.btn { border-top-right-radius: 30px; border-bottom-right-radius: 30px; } +.shop-single .product-detail .product-detail-price del { background: transparent; color: #333; font-size: 14px; } + +.shop-single .product-detail .product-detail-social { border-top: 1px solid #e0e0e0; padding-top: 20px; margin-top: 20px; } +.shop-single .product-detail .product-detail-social span { display: inline-block; padding-right: 20px; float: left; } +.shop-single .product-detail .product-detail-social ul li { display: inline-block; } +.shop-single .product-detail .product-detail-social ul li a { display: block; color: #aaaaaa; font-size: 14px; padding-right: 5px; } +.shop-single .product-detail .product-detail-social ul li a:hover { color: #FC5C3C; } + +.shop-single .product-detail .product-detail-meta { border-top: 1px solid #e0e0e0; padding-top: 20px; } +.shop-single .product-detail .product-detail-meta span { display: block; margin: 10px 0; } +.shop-single .product-detail .product-detail-meta span a { padding-left: 5px; } + +.slider-slick { overflow: hidden; } + +/*sidebar-widgets-wrap*/ +.sidebar-widgets-wrap .recent-item { margin-bottom: 20px; } +.sidebar-widgets-wrap .recent-item .recent-image { display: table-cell; padding-right: 10px; width: 50px; float: left; } +.sidebar-widgets-wrap .recent-item .recent-info { display: table-cell; vertical-align: top; } +.sidebar-widgets-wrap .recent-item .recent-title a { color: #353535; font-weight: bold; } +.sidebar-widgets-wrap .recent-item .recent-title a:hover { color: #FC5C3C;} +.sidebar-widgets-wrap .recent-item .recent-meta li { display: inline-block; color: #353535; } + +/*product left*/ +.product.left .product-image { float: left; padding-right: 20px; width: 26%; } +.product.left .product-image a {display: block; width: 100%; height: 100%; } +.product.left .product-description { padding-top: 0; display: table-cell; padding-bottom: 0; vertical-align: top; text-align: left; width: 74%; } +.product.left .product-title a { margin-top: 0; } + + +/*deal-banner*/ +.deal-banner{background:#f4f4f2;} +.deal-banner img { width:100%; } +.deal-banner .caption{text-align:center;margin-top:25%;} +.deal-banner .caption span.off{color:#FC5C3C;font-size:24px;font-weight:600;text-transform:uppercase;} +.deal-banner .caption h2{font-size:42px;line-height:42px;color:#494949;font-weight:600;text-transform:uppercase;margin-top:12px;margin-bottom:22px;} +.deal-banner .caption a.viewbt{color:#fff;background:#FC5C3C;padding:10px 22px;text-align:center;display:inline-block;margin-top:26px; border-radius: 30px;} +.deal-banner .caption a.viewbt:hover{background:#494949;} +.deal-banner .counter-deal ul li{background:#fff;display:inline-block;padding:7px 12px;margin-right:17px;} +.deal-banner .counter-deal ul li span.big{font-size:22px;font-weight:700;margin-left:12%;margin-right:12%;} +.deal-banner .counter-deal ul li span.smalltxt{padding-top:0;} + +/************************************* + offer banner +*************************************/ + .line-effect { position:relative; background: transparent; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } + .overlay { position:absolute; width:100%; height:100%; left:0; top:0; } + .overlay { background:none; width:100%; height:100%; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} + .overlay:before{ border-bottom: 1px solid #fff; border-top: 1px solid #fff; -o-transform: scale(0, 1); -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); transform: scale(0, 1); } + .overlay:after { border-left: 1px solid #fff; border-right: 1px solid #fff; -o-transform: scale(1, 0); -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); transform: scale(1, 0); } + .overlay:before, .overlay:after { bottom: 15px; content: ""; left: 15px; opacity: 0; position: absolute; right: 15px; top: 15px; -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; z-index: 1; } + +.offer-banner-1 { position: relative; } +.offer-banner-1 .banner-content { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; z-index: 2; } +.offer-banner-1 .banner-content strong { display: block; color: #fff; margin: 20px 0px; } +.offer-banner-1 .banner-image.bg-overlay-black-50:before { z-index: 1; } +.offer-banner-1:hover .line-effect .overlay:before, .offer-banner-1:hover .line-effect .overlay:after { opacity:1; -o-transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -o-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;-webkit-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; -moz-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;} +.offer-banner-1 .banner-image img { width: 100%; } +.offer-banner-2 { height: 458px; display: block; width: 100%; } +.offer-banner-2 .banner-bg {display: table; height: 100%; position: relative; width: 100%; } +.offer-banner-2 .line-effect { display: table-cell; vertical-align: middle; position: relative; } +.offer-banner-2 .banner-content { position: relative; z-index: 99; } +.offer-banner-2 .banner-content h1 { position: relative; padding-bottom: 10px; } +.offer-banner-2 .banner-content h1:before { position: absolute; content: ""; background: #FC5C3C; width: 60px; bottom: 0px; margin-left: -30px; height: 1px; left: 50%; } +.offer-banner-2 .banner-content strong { display: block; color: #000; margin: 20px 40px; } +.offer-banner-2 .banner-content span { display: block; color: #000; margin: 20px 0px; } + .offer-banner-2 .overlay:before{ border-bottom: 1px solid #000; border-top: 1px solid #000; -o-transform: scale(0, 1); -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); transform: scale(0, 1); } + .offer-banner-2 .overlay:after { border-left: 1px solid #000; border-right: 1px solid #000; -o-transform: scale(1, 0); -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); transform: scale(1, 0); } +.offer-banner-2:hover .line-effect .overlay:before, .offer-banner-2:hover .line-effect .overlay:after { opacity:1; -o-transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -o-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;-webkit-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; -moz-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;} + +/************************************* + add banner +*************************************/ +.add-banner-1 { position: relative; } +.add-banner-1 .add-banner-content { padding: 30px; display: inline-block; left: 0; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; z-index: 99; } +.add-banner-1 .add-section-image.bg-overlay-black-50:before { z-index: 0; } +.add-banner-1 .add-banner-content p { font-size: 14px; color: #fff; line-height: 26px; margin-bottom: 15px; } +.add-banner-1 .add-banner-content h5 { position: relative; padding-bottom:20px; } +.add-banner-1 .add-banner-content h5.border:before { position: absolute; content: ""; width: 60px; height: 1px; background: #FC5C3C; left: 50%; margin-left: -30px; bottom: 0px; } +.add-banner-1 .add-banner-content span { display: block; font-size: 14px; color: #fff; padding: 15px 0px; } +.add-banner-1 .add-banner-content a { font-size: 14px; color: #fff; text-transform: uppercase; } +.add-banner-1 .add-banner-content a:hover { color: #FC5C3C; } +.add-banner-1 .add-banner-content a.button-white-border { padding: 10px 40px; } +.add-banner-1:hover .line-effect .overlay:before, .add-banner-1:hover .line-effect .overlay:after { opacity:1; -o-transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -o-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;-webkit-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; -moz-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; } + +/************************************* + add banner 2 +*************************************/ +.add-banner-2 .add-banner-content { padding: 100px 50px; } +.add-banner-2 .add-banner-content h2 { font-size: 48px; line-height: 48px; font-weight: 400; text-transform: uppercase; margin-bottom: 15px; } +.add-banner-2 .add-banner-content h3 { font-size: 38px; line-height: 38px; font-weight: 400; text-transform: uppercase; margin-bottom: 15px; } + + /************************************* + home 02 +*************************************/ + .shop-split-content { padding: 130px 0; } + .shop-split-content ins { font-size: 30px; font-weight: 600; text-decoration: none; color: #FC5C3C; } + + /************************************* + home 03 +*************************************/ + .shop-blog .blog-box { padding: 220px 30px 40px; } + .shop-blog .blog-box:hover .blog-box-img:before, .shop-blog .blog-box.active .blog-box-img:before { background:linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-webkit-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-o-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-ms-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-moz-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); } + + /************************************* + wishlist page +**************************************/ +.wishlist-page .table tbody { border:0px; border-bottom: 1px solid #f0ede7; } +.wishlist-page .table > tfoot > tr > td { border-top: none; border-bottom: solid 1px #f0ede7; } +.wishlist-page .table > thead > tr > th, +.wishlist-page .table > tbody > tr > th, +.wishlist-page .table > tfoot > tr > th, +.wishlist-page .table > thead > tr > td, +.wishlist-page .table > tbody > tr > td, +.wishlist-page .table > tfoot > tr > td { padding: 20px 20px; vertical-align: middle; text-align: center; } +.wishlist-page .table .image img { width: 50px; } +.wishlist-page .table td.price.price-2 { color: #FC5C3C; } +.wishlist-page .table td.total a { border: 1px solid #f0ede7; font-size: 14px; padding: 3px 6px; } +.wishlist-page .table td.total a:hover { border: 1px solid #FC5C3C; background: #FC5C3C; color: #ffffff; } +.wishlist-page .table .td-quentety input { border: 1px solid #ccc; margin: 15px 0 5px 0; padding: 0px 0px 0 20px; width: 70px; height: 35px; background: transparent; } +.wishlist-page .table .td-quentety input:focus { box-shadow: none; } +.wishlist-page .price:hover { box-shadow: none; } \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/_feature-text.css b/apply/css - 복사본/shortcodes/_feature-text.css new file mode 100644 index 0000000..33ccc29 --- /dev/null +++ b/apply/css - 복사본/shortcodes/_feature-text.css @@ -0,0 +1,66 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Features box CSS. +*/ + +/************************************* + Features all + **************************************/ +.feature-text { text-align: center; } +.feature-text.text-left { text-align: left; } +.feature-text.text-left .feature-icon span, .feature-text.text-left .feature-icon i { padding-left: 0; } +.feature-text.text-right .feature-icon span, .feature-text.text-right .feature-icon i { padding-right: 0; } +.feature-text.text-right { text-align: right; } +.feature-text .feature-icon span, .feature-text .feature-icon i { font-size: 40px; margin-bottom: 30px; display: inline-block; padding-left: 15px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; } +.feature-text.round .feature-icon span, .feature-text.round .feature-icon i { width: 70px; height: 70px; line-height: 70px; display: inline-block; font-size: 26px; border-radius: 50%; padding-left: 0px; } +.feature-text.border .feature-icon span, .feature-text.border .feature-icon i { color: #323232; background: transparent; border:2px solid #323232; padding-left: 0px; } +.feature-text.gray-icon .feature-icon span, .feature-text.gray-icon .feature-icon i { color: #323232; background: #f6f7f8; padding-left: 0px; } +.feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i { color: #ffffff; background: #FC5C3C; padding-left: 0px; } +.feature-text.shadow .feature-icon span, .feature-text.shadow .feature-icon i { color: #323232; background: #ffffff; box-shadow: 0 4px 20px rgba(0,0,0,0.09); padding-left: 0px; } +.feature-text.square .feature-icon span, .feature-text.square .feature-icon i { width: 70px; height: 70px; line-height: 70px; display: inline-block; font-size: 26px; padding-left: 0px;} + +/*left-icon*/ +.feature-text.left-icon .feature-info { text-align: left; padding-left: 60px; } +.feature-text.left-icon .feature-icon { position: absolute; left: 0; } + +/*right-icon*/ +.feature-text.right-icon .feature-info { text-align: right; padding-right: 60px; } +.feature-text.right-icon .feature-icon { position: absolute; right: 0; } + +.feature-text.left-icon.round .feature-info { padding-left: 80px; } +.feature-text.right-icon.round .feature-info { padding-right: 80px; } + + /*box-shadow*/ +.feature-text.box-shadow { box-shadow: 0 0px 30px rgba(0,0,0,0.09); padding: 40px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.feature-text.box-shadow:hover { box-shadow: 0 0px 70px rgba(0,0,0,0.09); } + +/*border-box*/ +.feature-text.border-box { box-shadow: 0 0px 1px rgba(0,0,0,0.5); padding: 40px;} + +/*button*/ +.feature-text .button { margin-top: 10px; } +.feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span { background: #FC5C3C; color: #ffffff; border-color: #FC5C3C; } +.feature-text.theme-icon:hover .feature-icon span, .feature-text.theme-icon:hover .feature-icon i { background: #323232; color: #ffffff; } +.feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span { background: #FC5C3C; color: #ffffff; border-color: #FC5C3C; } +.feature-text.square.theme-icon:hover .feature-icon span, .feature-text.square.theme-icon:hover .feature-icon i { background: #323232; color: #ffffff; } + + /*feature-box*/ + .awesome-features .img-side img { position: absolute; top: -30px; left: 0; } +.feature-box { border:1px solid #e6e6e6; padding: 1px; position: relative; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 1; } +.feature-box-content { position: relative; padding: 30px; padding-bottom: 0; z-index: 9; } +.feature-box i { width: 100%; font-size: 30px; color: #FC5C3C; padding: 0 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} +.feature-box h4 { text-transform: none; padding:30px 0 0px; font-weight: 500; transition: all 0.3s ease-out 0s; } +.feature-box p { transition: all 0.3s ease-out 0s; } +.feature-box a { font-size: 16px; font-weight: 300; color: #808080; margin: 25px 0 10px; padding: 0 30px; display: block; position: relative; z-index: 3; } +.feature-box .feature-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 0; background-size: cover; background-position: center center; } +.feature-box .border { position: absolute; background: #FC5C3C; height: 0px; bottom: 0; left: 0; z-index:2; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.feature-box:hover .feature-box-img, .feature-box.active .feature-box-img { opacity: 1; } +.feature-box:hover .border, .feature-box.active .border { height: 45px; } +.feature-box:hover i, .feature-box.active i { background: rgba(255, 255, 255, 0); color: #fff; } +.feature-box:hover h4, .feature-box.active h4, .feature-box:hover p, .feature-box.active p { color: #fff; } +.feature-box:hover a, .feature-box.active a { color: #fff; } +.feature-box:hover:before, .feature-box.active:before { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; color: #fff; content: ""; display: inline-block; height: 100%; + left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/_nice-select.css b/apply/css - 복사본/shortcodes/_nice-select.css new file mode 100644 index 0000000..8ec578e --- /dev/null +++ b/apply/css - 복사본/shortcodes/_nice-select.css @@ -0,0 +1,38 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains nice select CSS. +*/ + +/************************* + nice-select +*************************/ +.nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 25px; border: solid 1px #d0dae5; box-sizing: border-box; + clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 12px; font-weight: normal; height: 50px; line-height: 47px; outline: none; + padding-left: 30px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; } +.nice-select:hover { border-color: #FC5C3C; } +.nice-select:active, .nice-select.open, .nice-select:focus { border-color: #88bfff; } +.nice-select:after { border-bottom: 2px solid #90a1b5; border-right: 2px solid #90a1b5; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; + position: absolute; right: 22px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; } +.nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } +.nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } +.nice-select.disabled { border-color: #e7ecf2; color: #90a1b5; pointer-events: none; } +.nice-select.disabled:after { border-color: #cdd5de; } +.nice-select.wide { width: 100%; } +.nice-select.wide .list { left: 0 !important; right: 0 !important; } +.nice-select.right { float: right; } +.nice-select.right .list { left: auto; right: 0; } +.nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } +.nice-select.small:after { height: 4px; width: 4px; } +.nice-select.small .option { line-height: 34px; min-height: 34px; } +.nice-select .list { max-height: 300px; overflow-y: scroll; background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } +.nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } +.nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; + -webkit-transition: all 0.2s; transition: all 0.2s; } +.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f7f9; } +.nice-select .option.selected { font-weight: bold; } +.nice-select .option.disabled { background-color: transparent; color: #90a1b5; cursor: not-allowed; } +.nice-select:active, .nice-select.open, .nice-select:focus { border-color: #ffffff !important; } \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/_owl-carousel.css b/apply/css - 복사본/shortcodes/_owl-carousel.css new file mode 100644 index 0000000..9bbda86 --- /dev/null +++ b/apply/css - 복사본/shortcodes/_owl-carousel.css @@ -0,0 +1,31 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Owl Carousel CSS. +*/ + +/*************************** + Owl Carousel +***************************/ +.owl-carousel .owl-item img { width: auto; } +.owl-carousel .owl-nav { display: block; position: absolute; text-indent: inherit; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; z-index: 999;} +.owl-carousel .owl-nav .owl-prev, +.owl-carousel .owl-nav .owl-next{display: block; position: absolute; text-indent: inherit; width: auto; cursor: pointer; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out;} +.owl-carousel .owl-nav .owl-prev{left:0;} +.owl-carousel .owl-nav .owl-next{right:0;} +.owl-carousel .owl-nav i{ font-size: 20px; width:36px; height:36px; line-height:36px; display: inline-block; color:#ffffff; border-radius: 50%; background:#FC5C3C; border:0px solid #3d3d3d; font-weight:normal; text-align: center; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;} +.owl-carousel .owl-nav i:hover{background:#333; color:#ffffff;} +.bottom-nav .owl-nav { bottom: 0; top: inherit; } +.bottom-nav .owl-nav .owl-next { right: 46%; } +.bottom-nav .owl-nav .owl-prev { left: 46%; } + +/* Dots */ +.owl-carousel .owl-controls .owl-dot { margin: 0; display: inline-block; } +.owl-carousel .owl-dots { display: inline-block; /*position: absolute; bottom: -35px; */text-indent: inherit; width: 100%; cursor: pointer; text-align: center; } +.owl-carousel .owl-dots .owl-dot span { background: #ddd; display: inline-block; width: 10px; height: 10px; border-radius: 50%; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; cursor: pointer; } +.owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span { background:#FC5C3C; } +.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { display: inline-block; margin: 14px 2px 0; } +.bottom-left-dots .owl-dots { bottom: 30px !important; position: absolute; } +.bottom-left-dots .owl-dots .owl-dot span { background: #ffffff; } \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/accordion.css b/apply/css - 복사본/shortcodes/accordion.css new file mode 100644 index 0000000..22c624a --- /dev/null +++ b/apply/css - 복사본/shortcodes/accordion.css @@ -0,0 +1,56 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Accordion CSS. +*/ + +/*************************** + Accordion +***************************/ +.accordion .acd-group .acd-heading:before { font-family: fontawesome; } +.accordion .acd-group .acd-heading:before { cursor: pointer; position: absolute; top: 6px; right: 20px; display: block; padding: 3px 6px 2px; content: "\f105"; font-size: 22px; line-height: 38px; } +.accordion .acd-group > .acd-heading > span { margin-right: 15px; } +.accordion .acd-heading { font-weight: 500; position: relative; padding: 20px 0; color: #353535; line-height: normal; cursor: pointer; background-color: transparent; margin-bottom: 0px; display: block; font-family: 'Nanum Gothic', serif; text-transform: uppercase; border-radius: 90px; } +.acd-des { padding: 0 20px 20px 0; } +.accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover { color: #FC5C3C; } +.accordion .acd-group.acd-active .acd-heading:before { content: "\f107"; } +.accordion .acd-group.acd-active .acd-heading span { color: #fff; } + +/*plus-icon*/ +.accordion.plus-icon .acd-group.acd-active .acd-heading:before { content: "\f068"; font-size: 14px; } +.accordion.plus-icon .acd-group .acd-heading:before { content: "\f067"; font-size: 14px; } + +/*plus-icon round*/ +.accordion.plus-icon.round .acd-group.acd-active .acd-heading:before { content: "\f056"; font-size: 14px; } +.accordion.plus-icon.round .acd-group .acd-heading:before { content: "\f055"; font-size: 14px; } + +/*gray*/ +.accordion.gray .acd-heading { background-color: #f7f7f7; } +.accordion.gray .acd-heading { margin-bottom: 20px; padding: 20px 30px; } +.accordion.gray .acd-des { padding: 0 30px 20px; } +.accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover { color: #fff; background: #FC5C3C; } + +/*shadow*/ +.accordion.shadow .acd-heading { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } +.accordion.shadow .acd-heading { margin-bottom: 20px; padding: 20px 30px; } +.accordion.shadow .acd-des { padding: 0 30px 20px; } +.accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover { color: #fff; background: #FC5C3C; } + + +/*border*/ +.accordion.border .acd-heading { background: transparent; border:1px solid #eeeeee; box-shadow: none; } +.accordion.border .acd-heading { margin-bottom: 20px; padding: 20px 30px; } +.accordion.border .acd-des { padding: 0 30px 20px; } +.accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover { color: #fff; background: #FC5C3C; } + +/* Accordion Simple */ +.accordion.animated .acd-group .acd-heading { box-shadow: none; border:none; font-size: 18px; margin-bottom: 0; color:#363636; text-transform: inherit; font-weight: 700; padding: 20px 0px 0; } +.accordion.animated .acd-group.acd-active .acd-heading { font-size: 28px; color: #FC5C3C; margin-bottom: 20px; background: none !important;} +.accordion.animated .acd-group .acd-heading:hover{background: none !important; color: #FC5C3C;} +.accordion.animated .acd-group .acd-heading::before { display: none; } +.accordion.animated .acd-group .acd-des { padding: 0 30px 20px; } + +.accordion.animated.dark-bg .acd-group.acd-active .acd-heading { color: #ffffff; } +.accordion.animated.dark-bg .acd-group .acd-heading:hover { color: #ffffff; } \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/action-box.css b/apply/css - 복사본/shortcodes/action-box.css new file mode 100644 index 0000000..64bc652 --- /dev/null +++ b/apply/css - 복사본/shortcodes/action-box.css @@ -0,0 +1,54 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Action Box CSS. +*/ + +/************************************* + action-box +**************************************/ +.action-box { position: relative; } +.action-box a.button { position: absolute; right: 0; top: 50%; margin-top: -20px; } + +/*border*/ +.action-box.border { padding: 30px; border:1px solid #eeeeee; } +.action-box.border a.button { right: 30px; } + +/*border center*/ +.action-box.center { text-align: center; } +.action-box.center a.button { position: relative; top: inherit; right: inherit; margin-top: 15px; } + +/*theme-bg*/ +.action-box.theme-bg { padding: 30px; } +.action-box.theme-bg a.button { right: 30px; } +.action-box.theme-bg h3, .action-box.theme-bg p { color: #ffffff; } + +/*theme-bg*/ +.action-box.black-bg { padding: 30px; } +.action-box.black-bg a.button { right: 30px; } +.action-box.black-bg h3, .action-box.black-bg p { color: #ffffff; } + +/*gray-bg*/ +.action-box.gray-bg { padding: 30px; } +.action-box.gray-bg a.button { right: 30px; } + +/*white-bg*/ +.action-box.white-bg { padding: 30px; } +.action-box.white-bg a.button { right: 30px; } + +/*gray-bg*/ +.action-box.parallax { padding: 100px 30px; } +.action-box.parallax h3, .action-box.parallax p { color: #ffffff; } + +/*full-width*/ +.action-box.full-width a.button { right: 15px; } + +/*gray-bg*/ +.action-box.pattern { padding: 100px 30px; } + +/*small*/ +.action-box.small { padding: 40px 35px; } +.action-box.small h3, .action-box.small p, .action-box.small .social-icons { position: relative; } +.action-box.small a.button { position: relative; top: inherit; right: inherit; margin-top: 15px; } \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/blockquote.css b/apply/css - 복사본/shortcodes/blockquote.css new file mode 100644 index 0000000..3c2890e --- /dev/null +++ b/apply/css - 복사본/shortcodes/blockquote.css @@ -0,0 +1,31 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains blockquote CSS. +*/ + +/************************* + blockquote +*************************/ +blockquote { position: relative; } +blockquote cite { display: block; font-weight: 600; margin-top: 10px; } + +/*blockquote-right*/ +.blockquote-right { text-align: right; border-right: 5px solid #eee; border-left: 0; margin: 0 20px 0; } + +/*quote*/ +.quote { padding-top: 50px; } +.quote:before { content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #eee; position: absolute; left: 14px;top: -20px; } + +/*quote right*/ +.blockquote-right.quote:before { left: inherit; right: 14px; } + +/*theme-bg*/ +blockquote.theme-bg { border: 0px; color: #ffffff; padding: 70px 30px 30px; border-radius: 6px; } +blockquote.theme-bg:before { left: 24px; top: -10px; } + +/*theme-bg*/ +blockquote.black-bg { border: 0px; color: #ffffff; padding: 70px 30px 30px; border-radius: 6px; } +blockquote.black-bg:before { left: 24px; top: -10px; left: inherit; } \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/bootstrap-typography.css b/apply/css - 복사본/shortcodes/bootstrap-typography.css new file mode 100644 index 0000000..2b93091 --- /dev/null +++ b/apply/css - 복사본/shortcodes/bootstrap-typography.css @@ -0,0 +1,147 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Bootstrap Typography CSS. +*/ + +.pager { margin: 0; } +.affix { left: 0; right: 0; } +.btn-primary { background-color: #FC5C3C; border-color: #FC5C3C; } +.btn-primary:hover { background-color: #323232; border-color: #323232; } +.btn-primary.focus, .btn-primary:focus { background-color: #323232; border-color: #323232; } +.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background-color: #FC5C3C; } +select.input-sm { height: 50px; } +.nice-select:active, .nice-select.open, .nice-select:focus { border-color:#FC5C3C !important; } +.list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge { color: #FC5C3C; } +.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { border-color: #FC5C3C; } +.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { background-color: #FC5C3C; border-color: #FC5C3C } +.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background: #FC5C3C; } +.input-group-addon:last-child { border: 0; } +.input-group-addon { border-left:1px solid #e0e0e0 !important; padding: 6px 26px 6px 22px; background: #f6f7f8; border-radius: 25px; } +.datetimepicker .form-control:focus { box-shadow: none; background-color: #f6f7f8; } +.modal1 .mfp-close { display: none; } +.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0; } +/************************* + Process step +*************************/ +.stepwizard-step p { margin-top: 10px; } +.stepwizard-row { display: table-row;} +.stepwizard { display: table; width: 100%; position: relative; } +.stepwizard-step button[disabled] { opacity: 1 !important; filter: alpha(opacity=100) !important; } +.stepwizard-row:before { top: 24px; bottom: 0; position: absolute; content: " "; width: 100%; height: 1px; background-color: #ccc; z-order: 0; } +.stepwizard-step { display: table-cell; text-align: center; position: relative; } +.btn-circle { width: 50px; height: 50px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 50%; } + +/************************* + responsive-utilities +*************************/ +.responsive-utilities .is-visible { color: #468847; background-color: #dff0d8!important; } +.responsive-utilities .is-hidden { color: #ccc; background-color: #f9f9f9!important; } +.hidden-on .col-6 .visible, .visible-on .col-6 .visible { color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; } + +/************************************* + animations + **************************************/ +.bg { padding: 30px; border-radius: 3px; margin-bottom: 30px; } +.bg-01 { background: #fe80c0; } +.bg-02 { background: #b24a7d; } +.bg-03 { background: #76bcff; } +.bg-04 { background: #8d708e; } +.bg-05 { background: #807fff; } +.bg-06 { background: #e74c3c; } +.bg-07 { background: #16a085; } +.bg-08 { background: #f1c40f; } +.bg-09 { background: #27ae60; } +.bg-10 { background: #1abc9c; } +.bg-11 { background: #9b59b6; } +.bg-12 { background: #3498db; } +.bg-13 { background: #ff6d3a; } +.bg-14 { background: #2ecc71; } +.bg-15 { background: #32cdc7; } +.bg-16 { background: #009a9a; } + +/************************* + columns +*************************/ +.columns .gray-bg { padding: 15px; border-radius: 3px;} +.columns .gray-bg h5 { margin-bottom: 0px; } + +/************************* + Typography +*************************/ +.typography del, s, u { font-size: 14px; } +.typography .mark, mark { background: #FC5C3C; color: #fff; } +del, mark { background: #FC5C3C; color: #ffffff; padding: 0 5px; margin-right: 3px; } + +/************************* + data table +*************************/ +.table { margin-bottom: 0; } +.table-bordered tbody tr td, .table-bordered thead tr th { border-color: #eee; font-size: 14px; padding: 12px 20px; } +.table-1 thead { background: #FC5C3C; color: #fff; text-align: center; } +.table-1 thead tr th { border: medium none; font-weight: normal; text-align: center;} +.table-1 tbody tr td { color: #7e8890; font-size: 14px; padding: 12px 0; text-align: center; } +.table-2.table thead { background: transparent; color: #FC5C3C; font-weight: 600; text-align: center; } +.table-2.table thead tr th { border: 1px solid #FC5C3C !important; text-align: center; } +.table-3.table thead { background: #dfdfdf; color: #323232; font-weight: 600; text-align: center; } +.table-3.table thead tr th { border:none; text-align: center; } + +/************************* + alerts and callouts +*************************/ +.alerts-and-callouts { font-size: 14px; } +.alerts-and-callouts .bs-callout { padding: 20px; margin: 20px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px; } +.alerts-and-callouts .bs-callout h4 { margin-top: 0; margin-bottom: 5px; } +.alerts-and-callouts .bs-callout p:last-child { margin-bottom: 0; } +.alerts-and-callouts .bs-callout code { border-radius: 3px; } +.alerts-and-callouts .bs-callout+.bs-callout { margin-top: -5px; } +.alerts-and-callouts .bs-callout-default { border-left-color: #777; } +.alerts-and-callouts .bs-callout-default h4 { color: #777; } +.alerts-and-callouts .bs-callout-primary { border-left-color: #428bca; } +.alerts-and-callouts .bs-callout-primary h4 { color: #428bca; } +.alerts-and-callouts .bs-callout-success { border-left-color: #5cb85c; } +.alerts-and-callouts .bs-callout-success h4 { color: #5cb85c; } +.alerts-and-callouts .bs-callout-danger { border-left-color: #d9534f; } +.alerts-and-callouts .bs-callout-danger h4 { color: #d9534f; } +.alerts-and-callouts .bs-callout-warning { border-left-color: #f0ad4e; } +.alerts-and-callouts .bs-callout-warning h4 { color: #f0ad4e; } +.alerts-and-callouts .bs-callout-info { border-left-color: #5bc0de; } +.alerts-and-callouts .bs-callout-info h4 { color: #5bc0de; } + +@media screen and (max-width: 767px) { +.animated { margin-top: 30px; } +.data-table .table tbody tr td { padding: 12px 10px; } +.tab-2 #tabs .tabs { width: 100%; } +.nav-tabs li a { font-size: 14px; } +.tab-1 li { margin-right: 2px; } +} + + /************************* + isotope +*************************/ +.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity}.isotope .isotope-item.no-transition,.isotope.no-transition,.isotope.no-transition .isotope-item{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s} + + /************************* + lists panels +*************************/ +.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { background-color: #FC5C3C; border-color: #FC5C3C; } +.panel-primary { border-color: #FC5C3C; } +.panel-primary>.panel-heading { background-color: #FC5C3C; border-color: #FC5C3C; } + + /************************* + lists panels +*************************/ +.modal { z-index: 99999; } +.modal-backdrop { z-index: 9999; } +.modal-dialog { margin: 100px auto; } +.modal-header, .modal-footer { border: 0; } +.modal-header, .modal-body { padding: 30px 30px 0 30px; } +.modal-footer { padding: 30px 30px 30px 30px; text-align: left; } +.modal-header .close { position: relative; z-index: 99; } + + /************************* + extra class +*************************/ +.image-content { float: left; width: 50%; margin: 0 20px 20px 0 ; } \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/button.css b/apply/css - 복사본/shortcodes/button.css new file mode 100644 index 0000000..16b91f9 --- /dev/null +++ b/apply/css - 복사본/shortcodes/button.css @@ -0,0 +1,58 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains button CSS. +*/ + +/*************************** + button +***************************/ +.button { background: #FC5C3C; padding: 12px 20px; font-size: 13px; letter-spacing: 1px; font-family: 'Nanum Gothic', serif; border: 0; color: #ffffff; text-transform: uppercase; font-weight: 400; display: inline-block; border-radius: 30px; text-align: center; border:2px solid #FC5C3C; } +.button + .button {margin-left: 20px;} +.button:hover, .button:focus { background: #353535; color: #ffffff; border-color: #353535; } +button { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } +.button.black { background: #353535; color: #ffffff; border:2px solid #353535;} +.button.black:hover, .button.black.active, .button.black:focus { background: #FC5C3C; color: #ffffff; border-color: #FC5C3C; } +.button.gray { background: #e0e0e0; color: #353535; border:2px solid #e0e0e0; } +.button.gray:hover, .button.gray.active, .button.gray:focus { background: #FC5C3C; color: #ffffff; border-color: #FC5C3C;} +.button.white { background: #fff; color: #FC5C3C; } +.button.white:hover, .button.white:focus { background: #353535; color: #ffffff;} +.button.opacity { background: rgba(245,166,35,0.6); color: #fff; border:0;} +.button.opacity:hover, .button.opacity:focus { background: #FC5C3C; color: #ffffff; border:0;} +.button.border { background: transparent; border: 2px solid #FC5C3C; color: #323232; } +.button.border:hover, .button.border:focus { background: #FC5C3C; color: #ffffff; border-color: #FC5C3C; } +.button.border.gray { background: transparent; border: 2px solid #e0e0e0; color: #aaaaaa; } +.button.border.gray:hover, .button.border.gray:focus { background: #FC5C3C; color: #ffffff; border-color: #FC5C3C; } +.button.border.white { background: transparent; border: 2px solid #fff; color: #fff; } +.button.border.white:hover, .button.border.white:focus { background: #fff; color: #FC5C3C; border-color: #fff; } +.button.border.black { background: transparent; border: 2px solid #353535; color: #353535; } +.button.border.black:hover, .button.border.black:focus { background: #353535; color: #ffffff; border-color: #353535; } +.button.icon i { margin-left: 10px; } +/*button with icon*/ +.button.arrow { background: transparent; border: none; color: #FC5C3C; padding: 0; font-weight: 600; } +.button.arrow i { padding-left: 10px; font-size: 16px; } +.button.arrow:hover { color: #353535; } +.button.arrow.white { color: #ffffff; border: none; } +.button.arrow.white:hover { color: #aaaaaa; background: transparent; } +.button.icon-color{background: none; border: none; color: #FC5C3C; padding: 0} +.button.icon-color:hover{color: #353535; background: transparent; } +.button.icon-color i{border: 1px solid #FC5C3C; border-radius: 50%; height: 22px; width: 22px; line-height: 20px; margin-left: 10px; transform: translateX(0px); transition: all 0.5s cubic-bezier(0.76, 0.46, 0.22, 1) 0s;} +.button.icon-color:hover i{background: #353535; border-color: #353535; color: #ffffff; transform: translateX(3px);} +.button.icon-color.white:hover, .button.icon-color.white:focus{color: #ffffff; border:none; background: none;} +.button.icon-color.white:hover i, .button.icon-color.white:focus i{background: #ffffff; color: #FC5C3C;} +.theme-bg .button.icon-color{color: #ffffff;} +.theme-bg .button.icon-color i {border-color: #ffffff;} +.theme-bg .button.icon-color:hover i { background: #ffffff; color: #FC5C3C; } +.big-button { padding: 28px 30px; font-size: 24px; } +.big-button span { display: block; font-size: 12px; margin-top: 6px;} +.button.x-small { padding: 8px 14px; font-size: 12px; } +.button.small { padding: 10px 18px; font-size: 12px; } +.button.medium { padding: 12px 20px; font-size: 14px; } +.button.large { padding: 14px 20px; font-size: 15px; } +.button.wide { padding: 8px 50px; font-size: 20px; } + +.button + .button.btn-block { margin-left: 0; } +/*button dropdown */ +.btn-dropdown { width:100%; padding:8px; font-size:12px; background-color:#fff; border-radius: 0px; border:1px solid #979797; } \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/clients.css b/apply/css - 복사본/shortcodes/clients.css new file mode 100644 index 0000000..ffaa6fa --- /dev/null +++ b/apply/css - 복사본/shortcodes/clients.css @@ -0,0 +1,28 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Clients logo CSS. +*/ + +/************************* + Clients +*************************/ +.clients-list { overflow: hidden; } +.clients-list ul li { float: left; position: relative; width: 20%; padding: 20px; } +.clients-list.border ul li:before { height: 100%; top: 0; left: -1px; border-left: 1px solid #eee; } +.clients-list.border ul li:after, .clients-list.border ul li:before { content: ''; position: absolute; } +.clients-list.border ul li:after { width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px solid #eee; } + +/*column-4*/ + .clients-list.column-4 ul li { float: left; position: relative; width: 25%; padding: 10px; } + +/*column-3*/ +.clients-list.column-3 ul li { float: left; position: relative; width: 33.333%; padding: 10px; } + +/*column-2*/ +.clients-list.column-2 ul li { float: left; position: relative; width: 50%; padding: 10px; } + +.clients-list.grayscale img { filter: gray; -webkit-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } +.clients-list.grayscale img:hover { -webkit-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); } diff --git a/apply/css - 복사본/shortcodes/contact-form.css b/apply/css - 복사본/shortcodes/contact-form.css new file mode 100644 index 0000000..3a72846 --- /dev/null +++ b/apply/css - 복사본/shortcodes/contact-form.css @@ -0,0 +1,61 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Contact form CSS. +*/ + +/************************* + Contact form +*************************/ +/*form-control*/ +.form-control { border-radius: 30px; height: auto; line-height: 1.33333; padding: 15px 18px 15px 30px; background: #f6f7f8; color: #323232; border: 0px solid transparent; box-shadow: none; } +.form-control:focus { background: #ffffff; border:0px; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; + -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; + border-color: transparent; } +.form-control.input-lg { resize: none; font-size: .9em } +.form-control.rounded { border-radius: 0px; } +.input-group-addon { border: 1px solid #e0e0e0; } +.form-group label { color: #353535; display: inline-block; margin-top: 8px; margin-bottom: 4px; text-transform: uppercase; font-size: 13px; } +.form-inline button { margin: 0px; } +.form-group > label { display: block; } +.form-control::-moz-placeholder { color: #323232; } +.form-control::-ms-input-placeholder { color: #323232; } +.form-control::-webkit-input-placeholder { color: #323232; } +.table-bordeblue>tbody>tr>td, .table-bordeblue>tbody>tr>th, .table-bordeblue>tfoot>tr>td, .table-bordeblue>tfoot>tr>th, .table-bordeblue>thead>tr>td, .table-bordeblue>thead>tr>th { border-color: #e0e0e0; padding: 12px 20px; } +textarea.form-control { resize: vertical; } +.contact-form.border-form .form-control { background: transparent; color: #aaaaaa; border:2px solid #eeeeee; } +.contact-form.border-form .form-control { box-shadow: none; color: #aaaaaa; } +.contact-form.border-form .form-control::-moz-placeholder { color: #aaaaaa; } +.contact-form.border-form .form-control::-ms-input-placeholder { color: #aaaaaa; } +.contact-form.border-form .form-control::-webkit-input-placeholder { color: #aaaaaa; } +.contact-form.border-form .form-control:focus { background: #f6f7f8; } +.contact-form.border-form .nice-select { background: transparent; color: #aaaaaa; border:2px solid #eeeeee; } +.contact-form.border-form .nice-select .option { color: #323232; } +.contact-form.border-form .nice-select:after { border-color: #aaaaaa; } +.contact-form.dark-form .form-control { background: rgba(43, 43, 43, 0.12); color: #ffffff; } +.contact-form.dark-form .form-control { box-shadow: none; color: #ffffff; } +.contact-form.dark-form .form-control::-moz-placeholder { color: #ffffff; } +.contact-form.dark-form .form-control::-ms-input-placeholder { color: #ffffff; } +.contact-form.dark-form .form-control::-webkit-input-placeholder { color: #ffffff; } +.contact-form.dark-form .form-control:focus { background: rgba(43, 43, 43, 0.19); } +.contact-form.dark-form .nice-select { background: rgba(43, 43, 43, 0.12); ; color: #ffffff; border:0; } +.contact-form.dark-form .nice-select .option { color: #323232; } +.contact-form.dark-form .nice-select:after { border-color: #ffffff; } +.contact-form.transparent-form .form-control { background: rgba(255, 255, 255, 0.12); color: #ffffff; } +.contact-form.transparent-form .form-control { box-shadow: none; color: #ffffff; } +.contact-form.transparent-form .form-control::-moz-placeholder { color: #ffffff; } +.contact-form.transparent-form .form-control::-ms-input-placeholder { color: #ffffff; } +.contact-form.transparent-form .form-control::-webkit-input-placeholder { color: #ffffff; } +.contact-form.transparent-form .form-control:focus { background: rgba(255, 255, 255, 0.19); } +.contact-form.transparent-form .nice-select { background: rgba(255, 255, 255, 0.12); color: #ffffff; border:0; } +.contact-form.transparent-form .nice-select .option { color: #323232; } +.contact-form.transparent-form .nice-select:after { border-color: #ffffff; } +.contact-form.full-width .section-field { width: 100%; } +.newsletter.francy { position: relative; } +.newsletter.francy .form-control { padding-right: 200px; } +.newsletter.francy button { position: absolute; top: 0; right: 0; padding: 13px 20px; } +.newsletter-box { padding: 30px; background: #ffffff; border-radius: 3px; } +.newsletter-box.gray-bg .form-control { background: #ffffff; } +.newsletter-box.border { padding: 30px; border:2px solid #eeeeee; border-radius: 3px; } \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/countdown.css b/apply/css - 복사본/shortcodes/countdown.css new file mode 100644 index 0000000..7ab55a7 --- /dev/null +++ b/apply/css - 복사본/shortcodes/countdown.css @@ -0,0 +1,45 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains countdown CSS. +*/ + +/************************* + countdown +*************************/ +.countdown { display: inline-block; text-align: center; margin: 0px 20px; } +.countdown span { font-size: 40px; line-height: 40px; } +.countdown p { font-size: 16px; text-transform: capitalize; margin-bottom: 0; } + +/*small*/ +.countdown.small { display: inline-block; text-align: center; margin: 0px 10px; } +.countdown.small span { font-size: 30px; line-height: 30px; } + +/*medium*/ +.countdown.medium { display: inline-block; text-align: center; margin: 0px 30px; } +.countdown.medium span { font-size: 50px; line-height: 50px; } +.countdown.medium p { font-size: 20px; text-transform: capitalize; } + +/*large*/ +.countdown.large { display: inline-block; text-align: center; margin: 0px 40px; } +.countdown.large span { font-size: 70px; line-height: 70px; } +.countdown.large p { font-size: 24px; text-transform: capitalize; } + +/*gray-bg */ +.countdown.gray-bg { padding: 10px; } + +/*border*/ +.countdown.border { padding: 10px; border:2px solid #eeeeee; } + +/*border*/ +.countdown.round { padding: 30px; border:7px solid #eeeeee; border-radius: 50%; width: 140px; height: 140px; } +.countdown.round.small { width: 100px; height: 100px; padding: 15px 10px; } +.countdown.round.medium { width: 150px; height: 150px; padding: 15px; } +.countdown.round.medium span { line-height: 68px; } +.countdown.round.large { width: 190px; height: 190px; padding: 20px; } +.countdown.round.large span { line-height: 102px; } + +.countdown.text-white p { color: #ffffff; } +.countdown.round.text-white { border-color: rgba(255, 255, 255, 0.3); } \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/counter.css b/apply/css - 복사본/shortcodes/counter.css new file mode 100644 index 0000000..1942e60 --- /dev/null +++ b/apply/css - 복사본/shortcodes/counter.css @@ -0,0 +1,37 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Counter CSS. +*/ + +/************************* + Counter +*************************/ +.counter{ position:relative; color:#353535; min-height:60px; } +.counter .icon { font-size: 40px; } +.counter .timer { display: block; font-size: 44px; font-weight: 600; line-height: 40px; margin: 20px 0 5px; } +.counter label { font-size: 15px; font-weight: 600; margin: 10px 0 0; position: relative; text-transform: uppercase; } +.counter.text-white { color:#ffffff; } +.counter.text-white label { color:#ffffff; } +.counter.text-white span { color:#ffffff; } +.counter.theme-color { color:#FC5C3C; } +.counter.theme-color label { color:#FC5C3C; } +.counter.theme-color span { color:#FC5C3C; } + +/*big-counter*/ +.counter.big-counter .timer { font-size: 70px; font-weight: 600; } +.counter.big-counter label { font-size: 18px; font-weight: 300; margin-top: 20px; } +.counter.big-counter icon { font-size: 50px; line-height: 60px; } + + /*left-icon*/ +.counter.left-icon { position:relative; padding-left:70px; } +.counter.left-icon .icon { font-size:40px; line-height:50px; position:absolute; left:0; bottom:auto; top:0; } +.counter.left-icon span { margin:0; line-height:40px; } + + /*left-icon*/ +.counter.right-icon { position:relative; padding-right:70px; } +.counter.right-icon .icon { font-size:40px; line-height:50px; position:absolute; right:0; bottom:auto; top:0; } +.counter.right-icon span { margin:0; line-height:40px; text-align: right; } +.counter.right-icon label { text-align: right; display: block; } \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/divider.css b/apply/css - 복사본/shortcodes/divider.css new file mode 100644 index 0000000..9c6ab92 --- /dev/null +++ b/apply/css - 복사본/shortcodes/divider.css @@ -0,0 +1,34 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains divider CSS. +*/ + +/************************************* + divider + **************************************/ +.divider { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } +.divider.dotted { border-bottom: 2px dotted rgba(0, 0, 0, 0.1); } +.divider.dashed { border-bottom: 2px dashed rgba(0, 0, 0, 0.1); } +.divider.double { border-bottom: 5px double rgba(0, 0, 0, 0.1); } +.divider.outset { border-bottom: 5px outset rgba(0, 0, 0, 0.1); } + +/*icon*/ +.divider.icon { border: 0; color: #ccc; width: 100%; overflow: hidden; text-align: center; } +.divider.icon:after, .divider.icon:before, .divider.icon:after, .divider.icon:before { border-bottom: 1px solid rgba(0, 0, 0, 0.2); content: ""; display: inline-block; height: 10px; + margin: 0 -4px 0 -100%; vertical-align: top; width: 50%; } +.divider.icon::after, .divider.icon::after { margin: 0 -100% 0 0; } +.divider.icon i, .divider.icon span, .divider.icon i, .divider.icon span { margin: 0 20px 0 24px; } + +/*icon left*/ +.divider.icon.left i, .divider.icon.left span { float: left; margin: 0 40px 0 0; } +.divider.icon.right i, .divider.icon.right span { float: right; margin: 0 0 0 40px; } + +/*medium*/ +.divider.medium { width: 40%; margin: 0 auto; } + +/*small*/ +.divider.small { width: 20%; margin: 0 auto; } +.divider.light { border-color: rgba(255, 255, 255, 0.1); } \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/dropcap.css b/apply/css - 복사본/shortcodes/dropcap.css new file mode 100644 index 0000000..a3fdc1b --- /dev/null +++ b/apply/css - 복사본/shortcodes/dropcap.css @@ -0,0 +1,16 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Dropcap & Highlight CSS. +*/ + +/************************************* + Dropcap & Highlight + **************************************/ + .dropcap { width: 40px; height: 40px; line-height: 40px; float: left; border-radius: 50%; background: #FC5C3C; text-align: center; color: #ffffff; margin-right: 10px; } + .dropcap.border { background: transparent; border:2px solid #FC5C3C; color: #FC5C3C; } + .dropcap.gray { background: #f6f7f8; color: #FC5C3C; } + .dropcap.large { width: 70px; height: 70px; line-height: 70px; font-size: 30px; } + .dropcap.square { border-radius: 3px; } \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/feature-text.css b/apply/css - 복사본/shortcodes/feature-text.css new file mode 100644 index 0000000..593a3b1 --- /dev/null +++ b/apply/css - 복사본/shortcodes/feature-text.css @@ -0,0 +1,66 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Features box CSS. +*/ + +/************************************* + Features all + **************************************/ +.feature-text { text-align: center; } +.feature-text.text-left { text-align: left; } +.feature-text.text-left .feature-icon span, .feature-text.text-left .feature-icon i { padding-left: 0; } +.feature-text.text-right .feature-icon span, .feature-text.text-right .feature-icon i { padding-right: 0; } +.feature-text.text-right { text-align: right; } +.feature-text .feature-icon span, .feature-text .feature-icon i { font-size: 32px; /*margin-bottom: 30px;*/ display: inline-block; /*padding-left: 15px;*/ transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; } +.feature-text.round .feature-icon span, .feature-text.round .feature-icon i { width: 70px; height: 70px; line-height: 70px; display: inline-block; font-size: 26px; border-radius: 50%; padding-left: 0px; } +.feature-text.border .feature-icon span, .feature-text.border .feature-icon i { color: #323232; background: transparent; border:2px solid #323232; padding-left: 0px; } +.feature-text.gray-icon .feature-icon span, .feature-text.gray-icon .feature-icon i { color: #323232; background: #f6f7f8; padding-left: 0px; } +.feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i { color: #ffffff; background: #FC5C3C; padding-left: 0px; } +.feature-text.shadow .feature-icon span, .feature-text.shadow .feature-icon i { color: #323232; background: #ffffff; box-shadow: 0 4px 20px rgba(0,0,0,0.09); padding-left: 0px; } +.feature-text.square .feature-icon span, .feature-text.square .feature-icon i { width: 70px; height: 70px; line-height: 70px; display: inline-block; font-size: 26px; padding-left: 0px;} + +/*left-icon*/ +.feature-text.left-icon .feature-info { text-align: left; padding-left: 60px; } +.feature-text.left-icon .feature-icon { position: absolute; left: 0; } + +/*right-icon*/ +.feature-text.right-icon .feature-info { text-align: right; padding-right: 60px; } +.feature-text.right-icon .feature-icon { position: absolute; right: 0; } + +.feature-text.left-icon.round .feature-info { padding-left: 80px; } +.feature-text.right-icon.round .feature-info { padding-right: 80px; } + + /*box-shadow*/ +.feature-text.box-shadow { box-shadow: 0 0px 30px rgba(0,0,0,0.09); padding: 40px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.feature-text.box-shadow:hover { box-shadow: 0 0px 70px rgba(0,0,0,0.09); } + +/*border-box*/ +.feature-text.border-box { box-shadow: 0 0px 1px rgba(0,0,0,0.5); padding: 40px;} + +/*button*/ +.feature-text .button { margin-top: 10px; } +.feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span { background: #FC5C3C; color: #ffffff; border-color: #FC5C3C; } +.feature-text.theme-icon:hover .feature-icon span, .feature-text.theme-icon:hover .feature-icon i { background: #323232; color: #ffffff; } +.feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span { background: #FC5C3C; color: #ffffff; border-color: #FC5C3C; } +.feature-text.square.theme-icon:hover .feature-icon span, .feature-text.square.theme-icon:hover .feature-icon i { background: #323232; color: #ffffff; } + + /*feature-box*/ + .awesome-features .img-side img { position: absolute; top: -30px; left: 0; } +.feature-box { border:1px solid #e6e6e6; padding: 1px; position: relative; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 1; } +.feature-box-content { position: relative; padding: 30px; padding-bottom: 0; z-index: 9; } +.feature-box i { width: 100%; font-size: 30px; color: #FC5C3C; padding: 0 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} +.feature-box h4 { text-transform: none; padding:30px 0 0px; font-weight: 500; transition: all 0.3s ease-out 0s; } +.feature-box p { transition: all 0.3s ease-out 0s; } +.feature-box a { font-size: 16px; font-weight: 300; color: #808080; margin: 25px 0 10px; padding: 0 30px; display: block; position: relative; z-index: 3; } +.feature-box .feature-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 0; background-size: cover; background-position: center center; } +.feature-box .border { position: absolute; background: #FC5C3C; height: 0px; bottom: 0; left: 0; z-index:2; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.feature-box:hover .feature-box-img, .feature-box.active .feature-box-img { opacity: 1; } +.feature-box:hover .border, .feature-box.active .border { height: 45px; } +.feature-box:hover i, .feature-box.active i { background: rgba(255, 255, 255, 0); color: #fff; } +.feature-box:hover h4, .feature-box.active h4, .feature-box:hover p, .feature-box.active p { color: #fff; } +.feature-box:hover a, .feature-box.active a { color: #fff; } +.feature-box:hover:before, .feature-box.active:before { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; color: #fff; content: ""; display: inline-block; height: 100%; + left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/list-style.css b/apply/css - 복사본/shortcodes/list-style.css new file mode 100644 index 0000000..f61f701 --- /dev/null +++ b/apply/css - 복사본/shortcodes/list-style.css @@ -0,0 +1,37 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains list style CSS. +*/ + +/************************* + list-style +*************************/ +ul.list { padding:0; margin:0; } +ul.list li { margin:5px 0; padding-left:24px; position: relative; line-height: 28px; } +ul.list i { position: absolute; left: 0; top: 5px; } +ul.list.theme-color li i { color: #FC5C3C; } +ul.list.theme-color li { color: #333333; } +ul.list li:after { content:""; font-family: 'FontAwesome'; position:absolute; color:#FC5C3C; left:0; top:0; } + +/* Ul List Mark */ +ul.list-mark{padding:0; margin:0;} +ul.list-mark li{list-style-type:none; padding-left:25px; position:relative;} +ul.list-mark li:after{content:"\f00c";} + +/* Ul List Arrow */ +ul.list-arrow{padding:0; margin:0;} +ul.list-arrow li{list-style-type:none; padding-left:25px; position:relative;} +ul.list-arrow li:after{content:"\f105"; font-size:18px;} + +/* Ul List Hand */ +ul.list-hand{padding:0; margin:0;} +ul.list-hand li{list-style-type:none; padding-left:25px; position:relative;} +ul.list-hand li:after{content:"\f0a4";} + +/* Ul List Edit */ +ul.list-edit{padding:0; margin:0;} +ul.list-edit li{list-style-type:none; padding-left:25px; position:relative;} +ul.list-edit li:after{content:"\f040";} \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/nice-select.css b/apply/css - 복사본/shortcodes/nice-select.css new file mode 100644 index 0000000..20ad13b --- /dev/null +++ b/apply/css - 복사본/shortcodes/nice-select.css @@ -0,0 +1,38 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains nice select CSS. +*/ + +/************************* + nice-select +*************************/ +.nice-select { -webkit-tap-highlight-color: transparent; border: solid 1px #999; box-sizing: border-box;color:#fff; + clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 50px; line-height: 47px; outline: none; + padding-left: 13px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; } +.nice-select:hover { border-color: #FC5C3C; } +.nice-select:active, .nice-select.open, .nice-select:focus { border-color: #88bfff; } +.nice-select:after { border-bottom: 2px solid #90a1b5; border-right: 2px solid #90a1b5; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; + position: absolute; right: 22px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; } +.nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } +.nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } +.nice-select.disabled { border-color: #e7ecf2; color: #90a1b5; pointer-events: none; } +.nice-select.disabled:after { border-color: #cdd5de; } +.nice-select.wide { width: 100%; } +.nice-select.wide .list { left: 0 !important; right: 0 !important; } +.nice-select.right { float: right; } +.nice-select.right .list { left: auto; right: 0; } +.nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } +.nice-select.small:after { height: 4px; width: 4px; } +.nice-select.small .option { line-height: 34px; min-height: 34px; } +.nice-select .list { max-height: 300px; overflow-y: scroll; background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; padding: 0; pointer-events: none; position: absolute; top: -635%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } +.nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } +.nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; + -webkit-transition: all 0.2s; transition: all 0.2s; color: #333; } +.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f7f9; color:#333; } +.nice-select .option.selected { font-weight: bold; } +.nice-select .option.disabled { background-color: transparent; color: #90a1b5; cursor: not-allowed; } +.nice-select:active, .nice-select.open, .nice-select:focus { border-color: #ffffff !important; } \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/onload-modal.css b/apply/css - 복사본/shortcodes/onload-modal.css new file mode 100644 index 0000000..114719a --- /dev/null +++ b/apply/css - 복사본/shortcodes/onload-modal.css @@ -0,0 +1,48 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains onload modal CSS. +*/ + +.mfp-container { cursor: url("../../images/close.png") 25 25, pointer; } + +/*modal-simple-content*/ +.modal-simple-content { background: #ffffff; padding: 50px 30px; border-radius: 3px; margin: 0 auto; max-width: 600px; } + +/*modal-shop*/ +.modal-shop { background: #323232; padding: 50px 60px; border-radius: 3px; margin: 0 auto; max-width: 650px; } +.modal-shop h2 { font-size: 60px; line-height: 60px; color: #ffffff; font-weight: 500; margin-top: 15px; } +.modal-shop span { display: block; } +.modal-shop p { color: rgba(255,255,255,0.5); } + +/*modal-subscribe*/ +.modal-subscribe { background: #ffffff; margin: 0 auto; max-width: 500px; } +.modal-subscribe .subscribe-icon { height: 300px; background: #FC5C3C; display: block; overflow: hidden; } +.modal-subscribe .subscribe-icon i { color: rgba(0, 0, 0, 0.2); font-size: 270px; transform: rotate(-30deg); -o-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -moz-transform: rotate(-30deg); } +.modal-subscribe .subscribe-content { padding: 30px; } +.modal-subscribe .subscribe-content p { color: #323232; } + +/*modal-login*/ +.modal-login { background: #ffffff; border-radius: 3px; margin: 0 auto; max-width: 600px; } +.modal-login .login-bg .login-title { border-radius: 0; } + +/*modal-register*/ +.modal-register { background: #ffffff; border-radius: 3px; margin: 0 auto; max-width: 600px; } +.modal-register .register-title { padding: 40px 30px; text-align: center; } +.modal-register .register-title img { height: 40px; } +.modal-register .register-form { padding: 50px; } + +/*modal-video*/ +.modal-video { background: #ffffff; padding: 50px 30px; border-radius: 3px; margin: 0 auto; max-width: 600px; } +.image-source-link { color: #98C3D1; } + +/*mfp-with-zoom*/ +.mfp-with-zoom .mfp-container, +.mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden;/* ideally, transition speed should match zoom duration */ + -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } +.mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } +.mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } +.mfp-with-zoom.mfp-removing .mfp-container, +.mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/owl-carousel.css b/apply/css - 복사본/shortcodes/owl-carousel.css new file mode 100644 index 0000000..1aef958 --- /dev/null +++ b/apply/css - 복사본/shortcodes/owl-carousel.css @@ -0,0 +1,31 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Owl Carousel CSS. +*/ + +/*************************** + Owl Carousel +***************************/ +.owl-carousel .owl-item img { width: auto; } +.owl-carousel .owl-nav { display: block; position: absolute; text-indent: inherit; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; z-index: 999;} +.owl-carousel .owl-nav .owl-prev, +.owl-carousel .owl-nav .owl-next{display: block; position: absolute; text-indent: inherit; width: auto; cursor: pointer; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out;} +.owl-carousel .owl-nav .owl-prev{left:0;} +.owl-carousel .owl-nav .owl-next{right:0;} +.owl-carousel .owl-nav i{ font-size: 20px; width:36px; height:36px; line-height:36px; display: inline-block; color:#ffffff; border-radius: 50%; background:#FC5C3C; border:0px solid #3d3d3d; font-weight:normal; text-align: center; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;} +.owl-carousel .owl-nav i:hover{background:#333; color:#ffffff;} +.bottom-nav .owl-nav { bottom: 0; top: inherit; } +.bottom-nav .owl-nav .owl-next { right: 46%; } +.bottom-nav .owl-nav .owl-prev { left: 46%; } + +/* Dots */ +.owl-carousel .owl-controls .owl-dot { margin: 0; display: inline-block; } +.owl-carousel .owl-dots { display: inline-block; /*position: absolute; bottom: -35px; */text-indent: inherit; width: 100%; cursor: pointer; text-align: right; padding-right:20px; } +.owl-carousel .owl-dots .owl-dot span { background: #ddd; display: inline-block; width: 10px; height: 10px; border-radius: 50%; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; cursor: pointer; } +.owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span { background:#FC5C3C; } +.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { display: inline-block; margin: 14px 2px 0; } +.bottom-left-dots .owl-dots { bottom: 30px !important; position: absolute; } +.bottom-left-dots .owl-dots .owl-dot span { background: #ffffff; } \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/page-title.css b/apply/css - 복사본/shortcodes/page-title.css new file mode 100644 index 0000000..59323ed --- /dev/null +++ b/apply/css - 복사본/shortcodes/page-title.css @@ -0,0 +1,66 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Page Title CSS. +*/ + +/************************************* + page-title +**************************************/ +.page-title { display: block; padding-top:50px; padding-bottom: 50px; position: relative; } +.page-title.bg-overlay-black-60:before { z-index: 0; } +.page-title .container { height: 100%; position: relative; } +.page-title span { text-transform: capitalize; } +.page-title h1 { text-transform: capitalize; color: #ffffff; font-weight: 600; } +.page-title p { font-size: 18px; text-transform: capitalize; color: #ffffff; } +.page-title .page-title-name { display: inline-block; width: 60%; } +.page-title .page-breadcrumb { float: right; width: 40%; text-align: right; } +ul.page-breadcrumb li span { color: #fff; font-size: 14px; text-transform: capitalize; } +ul.page-breadcrumb { padding-top: 30px; } +ul.page-breadcrumb li { color: #fff; display: inline-block; list-style: none; } +ul.page-breadcrumb li i { font-size: 14px; padding: 0 7px;} +ul.page-breadcrumb li a { color: #fff; font-size: 14px; text-transform: capitalize; } +ul.page-breadcrumb li a:hover { color: #FC5C3C; } +.page-title.gray-bg h1, .page-title.gray-bg p { color: #323232; } +.page-title.gray-bg ul.page-breadcrumb li a { color: #323232; } +.page-title.gray-bg ul.page-breadcrumb li a:hover { color: #FC5C3C; } +.page-title.gray-bg ul.page-breadcrumb li { color: #323232; } +.page-title.gray-bg ul.page-breadcrumb li span { color: #FC5C3C; } + +/*center*/ +.page-title.center { text-align: center; } +.page-title.center .page-title-name { display: block; width: inherit; } +.page-title.center .page-breadcrumb { float: none; width: inherit; text-align: center; } + +/*right*/ +.page-title.right { clear: both; } +.page-title.right .page-title-name { display: inline-block; float: right; text-align: right; } +.page-title.right .page-breadcrumb { float: left; text-align: left; } + +/*small*/ +.page-title.small { padding-top:20px; padding-bottom: 20px; position: relative; } +.page-title.small h1 { font-size: 22px; line-height: 24px; margin-bottom: 0px; margin-top: 8px; } +.page-title.small .page-breadcrumb { padding-top: 10px; } + +/*gray-bg */ +.page-title.pattern h1, .page-title.pattern p { color: #323232; } +.page-title.pattern ul.page-breadcrumb li a { color: #323232; } +.page-title.pattern ul.page-breadcrumb li a:hover { color: #FC5C3C; } +.page-title.pattern ul.page-breadcrumb li { color: #323232; } +.page-title.pattern ul.page-breadcrumb li span { color: #FC5C3C; } + +/*light-overlay*/ +.page-title.light-overlay { position: relative; padding-top: 360px; } +.page-title.light-overlay:before { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; right: 0; content: ""; background: url(../../images/white-overlay.png); background-repeat: repeat-x; background-position: bottom; } +.page-title.light-overlay h1, .page-title.light-overlay p { color: #323232; } +.page-title.light-overlay ul.page-breadcrumb li a { color: #323232; } +.page-title.light-overlay ul.page-breadcrumb li a:hover { color: #FC5C3C; } +.page-title.light-overlay ul.page-breadcrumb li { color: #323232; } +.page-title.light-overlay ul.page-breadcrumb li span { color: #FC5C3C; } + + +/*dark-overlay*/ +.page-title.dark-overlay { position: relative; } +.page-title.dark-overlay:before { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; right: 0; content: ""; background: url(../../images/dark-overlay.png); background-repeat: repeat-x; background-position: bottom; } diff --git a/apply/css - 복사본/shortcodes/pie-chart.css b/apply/css - 복사본/shortcodes/pie-chart.css new file mode 100644 index 0000000..4b88279 --- /dev/null +++ b/apply/css - 복사본/shortcodes/pie-chart.css @@ -0,0 +1,15 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Pie chart CSS. +*/ + + +/*************************** + pie-chart +***************************/ +.round-chart { display: inline-block; position: relative; text-align: center; margin-bottom: 20px; } +.round-chart span, .round-chart i { display: inline-block; font-size: 28px; z-index: 2; font-weight: 600; position: absolute; } +.round-chart.white span, .round-chart.white i { color: #ffffff; } diff --git a/apply/css - 복사본/shortcodes/pricing.css b/apply/css - 복사본/shortcodes/pricing.css new file mode 100644 index 0000000..ef54c3d --- /dev/null +++ b/apply/css - 복사본/shortcodes/pricing.css @@ -0,0 +1,72 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Pricing CSS. +*/ + +/*************************** + Our Pricing +***************************/ +.pricing-top { box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); padding: 30px; border-top: 8px solid #1a1a1a; border-radius: 6px; } +.pricing-prize h2 span { font-size: 18px; } +.pricing-prize { margin: 30px 0; } +.pricing-content { width: 70%; margin: 40px auto 0; } +.pricing-content .pricing-table-list ul li { line-height: 56px; font-weight: 600; } +.pricing-content .pricing-table-list ul li i { width: 25px; display: inline-block; color: #FC5C3C; } +.pricing-content .pricing-table-list ul li i.fa-times { color: red; } +.pricing-content .pricing-table-list ul li span { margin-top: 16px; text-align: center; font-size: 14px; line-height: 24px; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.09); width: 24px; height: 24px; background: transparent; border-radius: 50%; } +.pricing-content .pricing-table-list ul li span i { padding-right: 0; } +.pricing-table.active { margin-top: -7px; } +.pricing-table.active .pricing-top { border-top: 16px solid #FC5C3C; box-shadow: 0 0 50px rgba(0, 0, 0, 0.05); padding-bottom: 30px; } +.pricing-table.active .pricing-top a.button { padding: 12px 60px; font-size: 20px; } +.pricing-table.active .pricing-prize { margin: 30px 0 20px; } + +/*style-2*/ +.pricing-table.boxed { box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); padding: 30px; border-top: 8px solid #1a1a1a; border-radius: 6px; } +.pricing-table.boxed .pricing-top { box-shadow: none; border: 0; padding: inherit; border-radius: inherit; padding: 0; } +.pricing-table.boxed .pricing-content { width: inherit; margin:0 ; margin-top: 20px; } +.pricing-table.active.boxed { border-top: 16px solid #FC5C3C; box-shadow: 0 0 50px rgba(0, 0, 0, 0.05); } + +/*price simple*/ +.price { list-style-type: none; border: 1px solid #eee; margin: 0; padding: 0; -webkit-transition: 0.3s; transition: 0.3s; border:0; } +.price:hover { box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); } +.price .header { background-color: #111; color: #ffffff; font-size: 25px; } +.price li { border-bottom: 1px solid #eee; padding: 20px; text-align: center; } +.price .grey { background-color: #eee; font-size: 20px; } +.price.active .header { background: #FC5C3C; } + +/*membership-pricing*/ +.membership-pricing-table { width: 100%; } +.membership-pricing-table table { width: 100%; } +.membership-pricing-table table .icon-no,.membership-pricing-table table .icon-yes { font-size: 22px; } +.membership-pricing-table table .icon-no { color: #a93717; } +.membership-pricing-table table .icon-yes { color: #209e61; } +.membership-pricing-table table .plan-header { text-align: center; font-size: 48px; border: 1px solid #e2e2e2; padding: 25px 0; } +.membership-pricing-table table .plan-header-free { background-color: #eee; color: #555; } +.membership-pricing-table table .plan-header-blue { color: #fff; background-color: #111; border-color: #000; } +.membership-pricing-table table .plan-header-standard { color: #fff; background-color: #FC5C3C; border-color: #FC5C3C; } +.membership-pricing-table table td { text-align: center; width: 15%; padding: 7px 10px; background-color: #fafafa; font-size: 14px; -webkit-box-shadow: 0 1px 0 #fff inset; + box-shadow: 0 1px 0 #fff inset; } +.membership-pricing-table table,.membership-pricing-table table td { border: 1px solid #ebebeb; } +.membership-pricing-table table tr td:first-child { background-color: transparent; text-align: right; width: 14%; } +.membership-pricing-table table tr td:nth-child(5) { background-color: #FFF; } +.membership-pricing-table table tr:first-child td,.membership-pricing-table table tr:nth-child(2) td { -webkit-box-shadow: none; box-shadow: none; } +.membership-pricing-table table tr:first-child th:first-child { border-top-color: transparent; border-left-color: transparent; border-right-color: #e2e2e2; } +.membership-pricing-table table tr:first-child th .pricing-plan-name { font-size: 22px; } +.membership-pricing-table table tr:first-child th .pricing-plan-price { line-height: 35px; } +.membership-pricing-table table tr:first-child th .pricing-plan-price>sup { font-size: 45%; } +.membership-pricing-table table tr:first-child th .pricing-plan-price>i { font-size: 30%; } +.membership-pricing-table table tr:first-child th .pricing-plan-period { margin-top: 10px; font-size: 25%; } +.membership-pricing-table table .header-plan-inner { position: relative; } +.membership-pricing-table table .recommended-plan-ribbon { box-sizing: content-box; background-color: #ffffff; color: #FC5C3C; position: absolute; + padding: 3px 6px; font-size: 11px!important; font-weight: 500; left: -6px; top: -22px; z-index: 99; width: 100%; -webkit-box-shadow: 0 -1px #c2284c inset; + box-shadow: 0 -1px #ffffff inset; text-shadow: 0 -1px #ffffff; } +.membership-pricing-table table .recommended-plan-ribbon:before { border: solid; border-color: #ffffff transparent; border-width: 6px 0 0 6px; + bottom: -5px; content: ""; left: 0; position: absolute; z-index: 90; } +.membership-pricing-table table .recommended-plan-ribbon:after { border: solid; border-color: #ffffff transparent; border-width: 6px 6px 0 0; + bottom: -5px; content: ""; right: 0; position: absolute; z-index: 90; } +.membership-pricing-table table .plan-head { box-sizing: content-box; background-color: #ff9c00; border: 1px solid #cf7300; position: absolute; top: -33px; + left: -1px; height: 30px; width: 100%; border-bottom: none; } +.membership-pricing-table table td i.fa-times-circle-o { color: red; } \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/progress-bar.css b/apply/css - 복사본/shortcodes/progress-bar.css new file mode 100644 index 0000000..90aab02 --- /dev/null +++ b/apply/css - 복사본/shortcodes/progress-bar.css @@ -0,0 +1,37 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Progress Bar (Skill) CSS. +*/ + +/************************* + skills +*************************/ +.skill-bar{width:100%; height:7px; margin:40px 0 20px 0; background-color:#eceff8; border-radius: 4px;} +.skill-bar:not(:first-child){margin-top:64px;} +.progress-bar{height:100%; border-radius: 4px; padding:0px; background:#FC5C3C; box-shadow:none; transition: width .9s ease; -webkit-transition: width .9s ease; -o-transition: width .9s ease; -ms-transition: width .9s ease; -moz-transition: width .9s ease; } +.progress-title{color:#353535; font-size:18px; font-weight:600; position:absolute; text-align:left; margin-left:0; margin-top:-28px;} +.progress-title > i{margin-right:8px;} +.progress-bar .progress-number, +.progress-bar .progress-type{color:#353535; float:right; margin-top:-18px; position:relative; top:-10px; font-size:15px; font-weight: 600;} + +/* Dark Background */ +.text-white .skill-bar{background:rgba(255,255,255,0.25);} +.text-white .progress-title{color:#ffffff;} +.text-white .progress-bar .progress-number, +.text-white .progress-bar .progress-type{color:#ffffff;} +.theme-bg .progress-bar, .services-text-box-blue .progress-bar{background: #ffffff} + +/* big Skills */ +.skill-bar.skill-big { height:12px; } + +/* Medium Skills */ +.skill-bar.skill-medium { height:8px; } + +/* Small Skills */ +.skill-bar.skill-small { height:3px; } + +/* Dark Skills */ +.skill-bar.skill-dark .progress-bar { background:#353535; } \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/section-title.css b/apply/css - 복사본/shortcodes/section-title.css new file mode 100644 index 0000000..3c4e64f --- /dev/null +++ b/apply/css - 복사본/shortcodes/section-title.css @@ -0,0 +1,52 @@ + +/*Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Section titles CSS.*/ + + +/************************* + Section title 1 +***********************/ +.section-title { margin-bottom: 40px; position: relative; } +.section-title .title { margin-top: 0px; position: relative; } +.section-title .subtitle { font-size: 12px; letter-spacing: 1px; font-weight: 700; margin-bottom: 10px; text-transform: uppercase;} +.section-title p { margin-bottom: 0px; font-size: 14px; font-weight: 400; } + +/*line*/ +.section-title.line .title { padding-bottom: 20px; } +.section-title.line .title:before { position: absolute; left: 0; bottom: 0; width: 80px; height: 3px; background: #FC5C3C; content: ""; } + + /*title center */ +.section-title.center .title:before { left: 50%; margin-left: -35px; } +.section-title.right .title:before { right: 0; left: inherit; margin-left: inherit; } + +/*bg */ +.section-title span.theme-bg { background: #FC5C3C; color: #ffffff; padding: 0 15px; } + +/*dark-bg*/ +.section-title.dark-bg .title { color: #ffffff; } +.section-title.dark-bg .subtitle { color: #ffffff; } +.section-title.dark-bg p { color: #ffffff; } +.section-title.dark-bg.line .title:before { background: #ffffff; } +.section-title.dark-bg span.theme-bg { background: #ffffff; color: #FC5C3C; } + +.title-effect { z-index: 99; position: relative; display: inline-block; transition: transform 0.5s, color 0.5s; transition-timing-function: cubic-bezier(0.2,1,0.3,1); } +.title-effect::before { content: ''; position: absolute; z-index: -1; width: 100%; height: 50%; left: 0; bottom: 0; opacity: 0.2; transform: scale3d(0,1,1); + transform-origin: 0% 50%; transition: transform 0.5s; transition-timing-function: cubic-bezier(0.2,1,0.3,1); } +.section-title:nth-child(odd) .title-effect::before { background: #FC5C3C; } + +section:hover .title-effect::before, section:focus .title-effect::before {transform: scale3d(1,1,1); } +section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even) { color: #FC5C3C; } + + /*dark*/ +section:nth-child(odd) .title-effect.dark::before { background: #ffffff; } +section:hover .title-effect.dark:nth-child(even), section:focus .title-effect.dark:nth-child(even) { color: #ffffff; } + +/*.title-effect:hover:before, .title-effect:focus::before {transform: scale3d(1,1,1); } +.title-effect:hover:nth-child(even), .title-effect:focus:nth-child(even) { color: #FC5C3C; }*/ + + /*dark*/ +/*.title-effect.dark:nth-child(odd):before { background: #ffffff; } +.title-effect.dark:hover:nth-child(even), section .title-effect.dark:focus:nth-child(even) { color: #ffffff; } \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/shortcodes.css b/apply/css - 복사본/shortcodes/shortcodes.css new file mode 100644 index 0000000..d57340d --- /dev/null +++ b/apply/css - 복사본/shortcodes/shortcodes.css @@ -0,0 +1,38 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file includes all shortcode css. If you don't want to use any shortcode from below. You can simply remove that line from this file. + +*/ + +/*shortcode*/ +@import url("accordion.css"); +@import url("action-box.css"); +@import url("blockquote.css"); +@import url("bootstrap-typography.css"); +@import url("button.css"); +@import url("clients.css"); +/*@import url("contact-form.css");*/ +@import url("countdown.css"); +@import url("counter.css"); +@import url("divider.css"); +@import url("dropcap.css"); +@import url("feature-text.css"); +@import url("list-style.css"); +@import url("nice-select.css"); +@import url("owl-carousel.css"); +@import url("page-title.css"); +@import url("pie-chart.css"); +@import url("pricing.css"); +@import url("progress-bar.css"); +@import url("section-title.css"); +@import url("shortcodes.css"); +@import url("social-icons.css"); +@import url("tabs.css"); +@import url("team.css"); +@import url("testimonial.css"); +@import url("side-panel.css"); +@import url("onload-modal.css"); diff --git a/apply/css - 복사본/shortcodes/side-panel.css b/apply/css - 복사본/shortcodes/side-panel.css new file mode 100644 index 0000000..3c5c55c --- /dev/null +++ b/apply/css - 복사본/shortcodes/side-panel.css @@ -0,0 +1,173 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Side panel CSS. +*/ + +html, +body, +.st-container, +.st-pusher, +.st-content { } +.st-content { overflow-y: scroll; } +.st-content, +.st-content-inner { position: relative; } +.st-container { position: relative; overflow-x: hidden; } +.st-pusher { position: relative; left: 0; z-index: 99; height: 100%; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; } +.st-menu .newsletter-box.border { border-left: 0; border-right: 0; } +.st-pusher::after { position: absolute; top: 0; right: 0; width: 0; height: 0; background: rgba(0, 0, 0, 0.6); content: ''; opacity: 0; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -o-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -ms-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -moz-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; } +.st-menu-open .st-pusher::after { width: 100%; height: 100%; opacity: 1; z-index: 9999; -webkit-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; cursor: url("../../images/close.png") 25 25, pointer; } +.st-menu { position: fixed; top: 0; left: 0; z-index: 9999; visibility: hidden; width: 380px; height: 100%; background: #ffffff; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } +.st-menu::after { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); content: ''; opacity: 1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; } +.st-menu-open .st-menu::after { width: 0; height: 0; opacity: 0; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -moz-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -o-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -ms-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; } + + +/* content style */ +.slide-logo { padding: 30px; } +.slide-logo img { height: 50px; } +.st-menu ul.menu { margin: 0; padding: 30px; list-style: none; } +.st-menu ul.menu li { line-height: 60px; } +.st-menu ul.menu li a { font-size: 30px; color: #323232; font-family: 'Nanum Gothic', serif; position: relative; } +.st-menu ul.menu li a:before { opacity: 0; content: ''; position: absolute; left: 0; width: 0; height: 14px; background: rgba(132, 186, 63, 0.4); bottom: 0; transition: 0.3s ease-in-out; } +.st-menu ul.menu li a:hover:before, +.st-menu ul.menu li a.active:before, +.st-menu ul.menu li a.active, +.st-menu ul.menu li a:hover { opacity: 1; width: 100%; color: #FC5C3C; } +.slide-footer { padding: 30px; } +.slide-footer .social ul li { display: inline-block; } +.slide-footer .social ul li a { font-size: 20px; padding-right: 20px; } +.slide-footer .social ul li.facebook a { color: #5d82d1; } +.slide-footer .social ul li.instagram a { color: #521313; } +.slide-footer .social ul li.twitter a { color: #40bff5; } +.slide-footer .social ul li.pinterest a { color: #e13138; } +.slide-footer .social ul li.behance a { color: #1879fd; } +.slide-footer .social ul li.google a { color: #ff0000; } + +/* Individual effects */ + +/* Effect 1: Slide in on top */ +.st-effect-1.st-menu { visibility: visible; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } +.st-effect-1.st-menu-open .st-effect-1.st-menu { visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } +.st-effect-1.st-menu::after { display: none; } + +/* Effect 2: Reveal */ +.st-effect-2.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-2.st-menu { z-index: 1; } +.st-effect-2.st-menu-open .st-effect-2.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -ms-transition: -ms-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; } +.st-effect-2.st-menu::after { display: none; } + +/* Effect 3: Push*/ +.st-effect-3.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-3.st-menu { -webkit-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } +.st-effect-3.st-menu-open .st-effect-3.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; } +.st-effect-3.st-menu::after { display: none; } + +/* Effect 4: Slide along */ +.st-effect-4.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-4.st-menu { z-index: 1; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } +.st-effect-4.st-menu-open .st-effect-4.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } +.st-effect-4.st-menu::after { display: none; } + +/* Effect 5: Reverse slide out */ +.st-effect-5.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-5.st-menu { z-index: 1; -webkit-transform: translate3d(50%, 0, 0); -ms-transform: translate3d(50%, 0, 0); -o-transform: translate3d(50%, 0, 0); -moz-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } +.st-effect-5.st-menu-open .st-effect-5.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -o-transition: -o-transform 0.5s; -ms-transition: -ms-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } + +/* Effect 6: Rotate pusher */ +.st-effect-6.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; } +.st-effect-6 .st-pusher { -webkit-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-6.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0) rotateY(-15deg); -o-transform: translate3d(380px, 0, 0) rotateY(-15deg); -ms-transform: translate3d(380px, 0, 0) rotateY(-15deg); -moz-transform: translate3d(380px, 0, 0) rotateY(-15deg); transform: translate3d(380px, 0, 0) rotateY(-15deg); } +.st-effect-6.st-menu { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-6.st-menu-open .st-effect-6.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(-100%, 0, 0) rotateY(15deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(15deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(15deg); -o-transform: translate3d(-100%, 0, 0) rotateY(15deg); transform: translate3d(-100%, 0, 0) rotateY(15deg); } +.st-effect-6.st-menu::after { display: none; } + +/* Effect 7: 3D rotate in */ +.st-effect-7.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; } +.st-effect-7 .st-pusher { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-7.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-7.st-menu { -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(-90deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(-90deg); -o-transform: translate3d(-100%, 0, 0) rotateY(-90deg); transform: translate3d(-100%, 0, 0) rotateY(-90deg); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-7.st-menu-open .st-effect-7.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -ms-transition: -ms-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg); -o-transform: translate3d(-100%, 0, 0) rotateY(0deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(0deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(0deg); transform: translate3d(-100%, 0, 0) rotateY(0deg); } + +/* Effect 8: 3D rotate out */ +.st-effect-8.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; } +.st-effect-8 .st-pusher { -webkit-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-8.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-8.st-menu { -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg); -o-transform: translate3d(-100%, 0, 0) rotateY(90deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(90deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(90deg); transform: translate3d(-100%, 0, 0) rotateY(90deg); -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-8.st-menu-open .st-effect-8.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(0deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(0deg); -o-transform: translate3d(-100%, 0, 0) rotateY(0deg); transform: translate3d(-100%, 0, 0) rotateY(0deg); } +.st-effect-8.st-menu::after { display: none; } + +/* Effect 9: Scale down pusher */ +.st-effect-9.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; } +.st-effect-9 .st-pusher { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-9.st-menu-open .st-pusher { -webkit-transform: translate3d(0, 0, -380px); -ms-transform: translate3d(0, 0, -380px); -moz-transform: translate3d(0, 0, -380px); -o-transform: translate3d(0, 0, -380px); transform: translate3d(0, 0, -380px); } +.st-effect-9.st-menu { opacity: 1; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } +.st-effect-9.st-menu-open .st-effect-9.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } +.st-effect-9.st-menu::after { display: none; } + +/* Effect 10: Scale up */ +.st-effect-10.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; } +.st-effect-10.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-10.st-menu { z-index: 1; opacity: 1; -webkit-transform: translate3d(0, 0, -380px); -moz-transform: translate3d(0, 0, -380px); -ms-transform: translate3d(0, 0, -380px); -o-transform: translate3d(0, 0, -380px); transform: translate3d(0, 0, -380px); } +.st-effect-10.st-menu-open .st-effect-10.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } + +/* Effect 11: Scale and rotate pusher */ +.st-effect-11.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; } +.st-effect-11 .st-pusher { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-11.st-menu-open .st-pusher { -webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg); -ms-transform: translate3d(100px, 0, -600px) rotateY(-20deg); -moz-transform: translate3d(100px, 0, -600px) rotateY(-20deg); -o-transform: translate3d(100px, 0, -600px) rotateY(-20deg); transform: translate3d(100px, 0, -600px) rotateY(-20deg); } +.st-effect-11.st-menu { opacity: 1; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } +.st-effect-11.st-menu-open .st-effect-11.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; -ms-transition: -ms-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } +.st-effect-11.st-menu::after { display: none; } + +/* Effect 12: Open door */ +.st-effect-12.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; } +.st-effect-12 .st-pusher { -webkit-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-12.st-menu-open .st-pusher { -webkit-transform: rotateY(-10deg); -moz-transform: rotateY(-10deg); -o-transform: rotateY(-10deg); -ms-transform: rotateY(-10deg); transform: rotateY(-10deg); } +.st-effect-12.st-menu { opacity: 1; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } +.st-effect-12.st-menu-open .st-effect-12.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; -ms-transition: -ms-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } +.st-effect-12.st-menu::after { display: none; } + +/* Effect 13: Fall down */ +.st-effect-13.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; } +.st-effect-13.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-13.st-menu { z-index: 1; opacity: 1; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } +.st-effect-13.st-menu-open .st-effect-13.st-menu { visibility: visible; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -ms-transition-property: -ms-transform; -o-transition-property: -o-transform; transition-property: transform; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-speed: 0.2s; -o-transition-speed: 0.2s; -moz-transition-speed: 0.2s; -ms-transition-speed: 0.2s; transition-speed: 0.2s; } + +/* Effect 14: Delayed 3D rotate */ +.st-effect-14.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; -moz-perspective-origin: 0% 50%; -ms-perspective-origin: 0% 50%; -o-perspective-origin: 0% 50%; perspective-origin: 0% 50%; } +.st-effect-14 .st-pusher { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-14.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-14.st-menu { -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(90deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(90deg); -o-transform: translate3d(-100%, 0, 0) rotateY(90deg); transform: translate3d(-100%, 0, 0) rotateY(90deg); -webkit-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-14.st-menu-open .st-effect-14.st-menu { visibility: visible; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-property: -webkit-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(0deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(0deg); -o-transform: translate3d(-100%, 0, 0) rotateY(0deg); transform: translate3d(-100%, 0, 0) rotateY(0deg); } + +/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */ +.no-csstransforms3d .st-pusher, +.no-js .st-pusher { padding-left: 380px; } + +/************************************* + v1.2 +**************************************/ +/*right-side*/ +.st-menu.right-side { right: 0; left: inherit; } + +/* Effect 1: Slide in on top */ +.st-effect-1.st-menu.right-side { background: #ffffff url(../../images/objects/sidemenu_bg.png) no-repeat; visibility: visible; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } +.st-effect-1.st-menu-open.right-side .st-effect-1.st-menu.right-side { visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } +.st-effect-1.right-side.st-menu::after { display: none; } + +/*big-side */ +.st-menu.big-side { width: 550px; } +.st-menu.big-side ul.menu { padding-bottom: 0px; } +.st-menu.big-side ul.menu li a { font-size: 40px; line-height: 40px; font-weight: 500; } + +.st-menu.big-side .right-side-bottom { position: relative; top: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } + +.social-icons.width-half ul { display: inline-block; } +.social-icons.width-half ul li { width: 49%; float: left; margin: 0; } +.social-icons.width-half ul li a { text-align: left; } + +/*slide-footer-content*/ +.slide-footer-content { padding: 30px 30px 30px 0; margin-bottom: 30px; position: relative; } +.slide-footer-content p {font-size: 16px; font-weight: bold; line-height: 30px; font-style: italic; } + \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/social-icons.css b/apply/css - 복사본/shortcodes/social-icons.css new file mode 100644 index 0000000..6325a91 --- /dev/null +++ b/apply/css - 복사본/shortcodes/social-icons.css @@ -0,0 +1,249 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains social icon CSS. +*/ + +/************************* + social-icon +*************************/ +.social-icons ul{padding:0;} +.text-center.social-icons ul{display:inline-block;} +.social-icons li{float:left; list-style:none; padding:0; margin:0 8px 8px 0;} +.social-icons li a { float: left; height: 32px; width: 32px; line-height: 33px; font-size: 16px; text-align: center; margin:0; border-radius: 4px; border: 0; background: transparent; color: #333; overflow: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } + +.text-white .social-icons li a{color:#ffffff;} + +/*Colored*/ +.social-icons.color a, +.social-icons.color-hover a:hover{color:#fff; border:0;} + +.social-icons.color .social-rss a, +.social-icons.color-hover .social-rss a:hover {background-color: #faa33d;} + +.social-icons.color .social-facebook a, +.social-icons.color-hover .social-facebook a:hover{background-color:#5d82d1;} + +.social-icons.color .social-twitter a, +.social-icons.color-hover .social-twitter a:hover{background-color:#40bff5;} + +.social-icons.color .social-vimeo a, +.social-icons.color-hover .social-vimeo a:hover{background-color:#35c6ea;} + +.social-icons.color .social-myspace a, +.social-icons.color-hover .social-myspace a:hover{background-color:#008dde;} + +.social-icons.color .social-youtube a, +.social-icons.color-hover .social-youtube a:hover{background-color:#ef4e41;} + +.social-icons.color .social-instagram a, +.social-icons.color-hover .social-instagram a:hover{background-color:#e1326b;} + +.social-icons.color .social-gplus a, +.social-icons.color-hover .social-gplus a:hover{background-color:#d68400;} + +.social-icons.color .social-stumbleupon a, +.social-icons.color-hover .social-stumbleupon a:hover{background-color:#ff5c30;} + +.social-icons.color .social-lastfm a, +.social-icons.color-hover .social-lastfm a:hover{background-color:#f34320;} + +.social-icons.color .social-pinterest a, +.social-icons.color-hover .social-pinterest a:hover{background-color:#e13138;} + +.social-icons.color .social-google a, +.social-icons.color-hover .social-google a:hover{background-color:#eb5e4c;} + +.social-icons.color .social-evernote a, +.social-icons.color-hover .social-evernote a:hover{background-color:#9acf4f;} + +.social-icons.color .social-dribbble a, +.social-icons.color-hover .social-dribbble a:hover{background-color:#f7659c;} + +.social-icons.color .social-skype a, +.social-icons.color-hover .social-skype a:hover{background-color:#13c1f3;} + +.social-icons.color .social-forrst a, +.social-icons.color-hover .social-forrst a:hover{background-color:#45ad76;} + +.social-icons.color .social-linkedin a, +.social-icons.color-hover .social-linkedin a:hover{background-color:#238cc8;} + +.social-icons.color .social-wordpress a, +.social-icons.color-hover .social-wordpress a:hover{background-color:#2592c3;} + +.social-icons.color .social-grooveshark a, +.social-icons.color-hover .social-grooveshark a:hover{background-color:#ffb21d;} + +.social-icons.color .social-delicious a, +.social-icons.color-hover .social-delicious a:hover{background-color:#377bda;} + +.social-icons.color .social-behance a, +.social-icons.color-hover .social-behance a:hover{background-color:#1879fd;} + +.social-icons.color .social-dropbox a, +.social-icons.color-hover .social-dropbox a:hover{background-color:#17a3eb;} + +.social-icons.color .social-soundcloud a, +.social-icons.color-hover .social-soundcloud a:hover{background-color:#ff7e30;} + +.social-icons.color .social-deviantart a, +.social-icons.color-hover .social-deviantart a:hover{background-color:#6a8a7b;} + +.social-icons.color .social-yahoo a, +.social-icons.color-hover .social-yahoo a:hover{background-color:#ab47ac;} + +.social-icons.color .social-flickr a, +.social-icons.color-hover .social-flickr a:hover{background-color:#ff48a3;} + +.social-icons.color .social-digg a, +.social-icons.color-hover .social-digg a:hover{background-color:#75788d;} + +.social-icons.color .social-blogger a, +.social-icons.color-hover .social-blogger a:hover{background-color:#ff9233;} + +.social-icons.color .social-tumblr a, +.social-icons.color-hover .social-tumblr a:hover{background-color:#426d9b;} + +.social-icons.color .social-quora a, +.social-icons.color-hover .social-quora a:hover{background-color:#ea3d23;} + +.social-icons.color .social-github a, +.social-icons.color-hover .social-github a:hover{background-color:#3f91cb;} + +.social-icons.color .social-amazon a, +.social-icons.color-hover .social-amazon a:hover{background-color:#ff8e2e;} + +.social-icons.color .social-xing a, +.social-icons.color-hover .social-xing a:hover{background-color:#1a8e8c;} + +.social-icons.color .social-wikipedia a, +.social-icons.color-hover .social-wikipedia a:hover{background-color:#b3b5b8;} + +.social-icons.color .social-android a, +.social-icons.color-hover .social-android a:hover{background-color:#A4C639;} + +.social-icons.color .social-apple a, +.social-icons.color-hover .social-apple a:hover{background-color:#999999;} + +/* Border */ +.social-icons.border li a{border:1px solid #eee; background:transparent;} + +/* Dark */ +.social-icons.social-icons-dark li a{background:#888; color:#fff;} + +/* Light */ +.social-icons.light li a{background:#fff; color:#333; border:1px solid #eee;} + +/* Rounded */ +.social-icons.rounded li a{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} + +/* Medium Size */ +.social-icons.medium li a{height:42px; width:42px; line-height:42px; font-size:18px;} + +/* Large Size */ +.social-icons.social-icons-large li a{height:48px; width:48px; line-height:48px; font-size:18px; margin:0 10px 10px 0;} +.social-icons:not(.color):not(.color-hover) li a:hover{background-color: #eee;} +.social-icons li:hover i{-webkit-animation: toTopFromBottom 0.3s forwards; -moz-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards;} + +@-webkit-keyframes toTopFromBottom { + 49% {-webkit-transform: translateY(-100%);} + 50% {opacity: 0; -webkit-transform: translateY(100%);} + 51% {opacity: 1;} +} +@-moz-keyframes toTopFromBottom { + 49% {-moz-transform: translateY(-100%);} + 50% {opacity: 0; -moz-transform: translateY(100%);} + 51% {opacity: 1;} +} +@keyframes toTopFromBottom { + 49% {transform: translateY(-100%);} + 50% {opacity: 0; transform: translateY(100%);} + 51% {opacity: 1;} +} + +.social-icons.big li a { height:62px; width:62px; line-height:62px; font-size:18px; } + + +/*icon */ +.social-icons.color-icon a { #FC5C3C; } + +.social-icons.color-icon .social-rss a { color: #faa33d;} + +.social-icons.color-icon .social-facebook a { color:#5d82d1;} + +.social-icons.color-icon .social-twitter a { color:#40bff5;} + +.social-icons.color-icon .social-vimeo a { color:#35c6ea;} + +.social-icons.color-icon .social-myspace a { color:#008dde;} + +.social-icons.color-icon .social-youtube a { color:#ef4e41;} + +.social-icons.color-icon .social-instagram a { color:#e1326b;} + +.social-icons.color-icon .social-gplus a { color:#d68400;} + +.social-icons.color-icon .social-stumbleupon a { color:#ff5c30;} + +.social-icons.color-icon .social-lastfm a { color:#f34320;} + +.social-icons.color-icon .social-pinterest a { color:#e13138;} + +.social-icons.color-icon .social-google a { color:#eb5e4c;} + +.social-icons.color-icon .social-evernote a { color:#9acf4f;} + +.social-icons.color-icon .social-dribbble a { color:#f7659c;} + +.social-icons.color-icon .social-skype a { color:#13c1f3;} + +.social-icons.color-icon .social-forrst a { color:#45ad76;} + +.social-icons.color-icon .social-linkedin a { color:#238cc8;} + +.social-icons.color-icon .social-wordpress a { color:#2592c3;} + +.social-icons.color-icon .social-grooveshark a { color:#ffb21d;} + +.social-icons.color-icon .social-delicious a { color:#377bda;} + +.social-icons.color-icon .social-behance a { color:#1879fd;} + +.social-icons.color-icon .social-dropbox a { color:#17a3eb;} + +.social-icons.color-icon .social-soundcloud a { color:#ff7e30;} + +.social-icons.color-icon .social-deviantart a { color:#6a8a7b;} + +.social-icons.color-icon .social-yahoo a { color:#ab47ac;} + +.social-icons.color-icon .social-flickr a { color:#ff48a3;} + +.social-icons.color-icon .social-digg a { color:#75788d;} + +.social-icons.color-icon .social-blogger a { color:#ff9233;} + +.social-icons.color-icon .social-tumblr a { color:#426d9b;} + +.social-icons.color-icon .social-quora a { color:#ea3d23;} + +.social-icons.color-icon .social-github a { color:#3f91cb;} + +.social-icons.color-icon .social-amazon a { color:#ff8e2e;} + +.social-icons.color-icon .social-xing a { color:#1a8e8c;} + +.social-icons.color-icon .social-wikipedia a { color:#b3b5b8;} + +.social-icons.color-icon .social-android a { color:#A4C639;} + +.social-icons.color-icon .social-apple a { color:#999999;} + +.social-icons.text-social li a { width: inherit; height: inherit; font-size: 18px; font-weight: bold; } +.social-icons.text-social li a:hover { background: transparent; } +.social-icons:not(.color):not(.color-hover) li a:hover { background: transparent; } + + diff --git a/apply/css - 복사본/shortcodes/tabs.css b/apply/css - 복사본/shortcodes/tabs.css new file mode 100644 index 0000000..6798aab --- /dev/null +++ b/apply/css - 복사본/shortcodes/tabs.css @@ -0,0 +1,53 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains tab CSS. +*/ + +/************************* + tab +*************************/ + /*tab 1*/ +.tab .nav.nav-tabs { border: none; margin-bottom: 30px; } +.tab .nav.nav-tabs li { margin-bottom: 0px; float: none; display: inline-block; } +.tab .nav.nav-tabs li a { border: none; line-height: normal; border-radius: 0px; padding: 12px 30px; background: #f6f7f8; color: #353535; border:1px solid #eeeeee; } +.tab .nav.nav-tabs li a i { padding-right: 15px; } +.tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover { background: #FC5C3C; color: #fff; border-color:#FC5C3C; } + +/*nav-border*/ +.nav-border .nav.nav-tabs li a { margin-right: 0; border:1px solid #eeeeee; background: transparent; } +.nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover { color: #ffffff; background: #FC5C3C; border-color:#FC5C3C; } + +/*tab-border*/ +.tab-border .nav.nav-tabs { margin-bottom: 0; } +.tab-border .tab-content { padding: 20px; border:1px solid #eeeeee; margin-top: -2px; } +.tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover { color: #FC5C3C; background: #ffffff !important; border-color:#eeeeee; border-bottom: 0; } + +/*nav-center*/ +.nav-center .nav.nav-tabs { text-align: center; } + +/*round*/ +.round .nav.nav-tabs li a { border: none; line-height: normal; margin-right: 10px; border-radius: 90px; padding: 12px 30px; background: #f6f7f8; color: #353535; } + +/*shadow*/ +.shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover { color: #FC5C3C; background: #ffffff !important; border-color:#eeeeee; border-bottom: 0; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); } + +/*tab-vertical*/ +.tab-vertical .nav-tabs { float: left; width: 25%; } +.tab-vertical .nav.nav-tabs li { display: block; } +.tab-vertical .nav.nav-tabs li a { border-right: 0; border-top: 0; padding: 14px 30px; } +.tab-vertical .nav.nav-tabs li:first-child a { border-top: 1px solid #eeeeee; } +.tab-vertical .tab-content { background-color: #fff; border: 1px solid #e9e9e9; padding: 40px 30px; margin-left: 24.8%; line-height: 30px; margin-top: 0; } +.tab-vertical .tab-content p { line-height: 30px; } +.tab-vertical .nav.nav-tabs > li.active > a, .tab-vertical .nav.nav-tabs > li.active > a:focus, .tab-vertical .nav.nav-tabs > li.active > a:hover { border-bottom: 1px solid #eeeeee; } + +/*vertical-right*/ +.vertical-right .nav-tabs { float: right; } +.vertical-right .nav.nav-tabs li a { border-right: 1px solid #eeeeee; border-left: 0; } +.vertical-right .tab-content { margin-right: 24.8%; margin-left: inherit; text-align: right; } + +/* dropdown */ +.tab-dropdown .tab-content { margin-top: 30px; } +.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { background: #FC5C3C; color: #ffffff; } \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/team.css b/apply/css - 복사본/shortcodes/team.css new file mode 100644 index 0000000..b445fbd --- /dev/null +++ b/apply/css - 복사본/shortcodes/team.css @@ -0,0 +1,62 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Team CSS. +*/ + +/************************* + team +*************************/ +.team { text-align: center; overflow: hidden; } +.team .team-description { padding: 30px 20px; } +.team .team-info h5 { text-transform: uppercase; } +.team .team-info span { font-size: 14px; text-transform: uppercase;} +.team .social-icons { text-align: center; display: inline-block; margin-top: 20px; } +.team .team-contact span { display: block; font-size: 14px; } +.team .team-contact span.call { font-size: 20px; line-height: 28px; font-weight: 600; margin: 10px 0; color: #FC5C3C; } +.team .team-contact span i { padding-right: 5px; } + +/*team-hover*/ +.team.team-hover .social-icons { position: absolute; top: 0; left: 10px; opacity: 0; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; } +.team.team-hover .social-icons ul { display: block; } +.team.team-hover .social-icons li { display: block; float: none; clear: both; } +.team.team-hover .social-icons li a { margin: 3px 0; border-radius: 50%; } +.team.team-hover:hover .social-icons { opacity: 1; left: 40px; } + +/*team border*/ +.team-border .team-description { border:1px solid #eeeeee; } + +/*team bg*/ +.team-bg .team-description { background: #f6f7f8; } + +/*team shadow*/ +.team-shadow { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } + +/*team round*/ +.team-round .team-photo img { border-radius: 50%; } + +/*team full border*/ +.team-round.full-border { padding: 30px; border:1px solid #eeeeee; } +.team-round.full-border .team-contact span.call { font-size: 16px; line-height: 22px; font-weight: normal; color: #363636; } +.team-round.full-border .team-contact span.email { font-size: 17px; color: #FC5C3C; } +.team-round.full-border .team-description { padding-bottom: 0; } +.team.team-list { clear: both; } +.team.team-list h5 { font-size: 26px; } +.team.team-list .team-info span { font-size: 18px; } +.team.team-list .team-photo { float: left; width: 40%; } +.team.team-list .team-description { position: relative; overflow: hidden; text-align: left; } +.team.team-list .team-description { padding-top: 0; } +.team.team-list.team-hover .social-icons { opacity: 1; left: inherit; top: inherit; margin-top:15px; } +.team.team-list.team-hover .social-icons li { float: left; } +.team.team-list.team-hover .team-description { padding: 30px 20px 50px; } + +/*team-overlay*/ +.team.team-overlay { position: relative; } +.team.team-overlay .team-description { width: 100%; padding: 10px 0px; position: absolute; bottom: 10px; display: block; margin-top: 0; float: left; z-index: 9; padding-left: 20px; left: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.team.team-overlay .team-description span { display: block; } +.team.team-overlay:before { z-index: 1; position: absolute; width: 100%; left: 0; right: 0; bottom: 0; content: ""; ackground: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; } +.team.team-overlay img { transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } +.team.team-overlay:hover img { -webkit-transform:scale(1.20); -moz-transform:scale(1.20); -ms-transform:scale(1.20); -o-transform:scale(1.20); transform:scale(1.20); } +.team.team-overlay.team-hover .social-icons, .team.team-overlay.team-hover .team-contact { display: none; } \ No newline at end of file diff --git a/apply/css - 복사본/shortcodes/testimonial.css b/apply/css - 복사본/shortcodes/testimonial.css new file mode 100644 index 0000000..f125fc7 --- /dev/null +++ b/apply/css - 복사본/shortcodes/testimonial.css @@ -0,0 +1,58 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains testimonial CSS. +*/ + +/************************* + testimonial +*************************/ +.testimonial {position: relative; background:#f9f9f9; padding:85px 50px 45px 70px; margin:0 0px 4px 0; margin-top:45px; color:#656565; font-weight:400; line-height:24px; text-align:center; } +.testimonial-avatar{position: absolute; left: 50%; margin-left:-40px; top:-45px; width:100px; height:100px;} +.testimonial-avatar img{border:4px solid #FC5C3C; max-width:100%; border-radius: 50%;} + +.testimonial-info{position: relative;} +.testimonial-info:before{position:absolute; top:-15px; left:-35px; color:#FC5C3C; content: "\201C"; font-family: Georgia, serif; font-size:100px;} + +.author-info{font-size:16px; color:#032323; text-transform:uppercase; margin-top:20px; position:relative;} +.author-info strong{font-weight:500;} +.author-info span{font-weight: normal; color: #FC5C3C; text-transform:none;} + +/* Light */ +.testimonial.light { background:#fff; } + +/* Text White */ +.text-white .testimonial, .testimonial.text-white { color:#fff; } +.text-white .testimonial .author-info { color:#fff; } + +/* Clean */ +.testimonial.clean { background:none; box-shadow:none; padding-bottom:0; padding:0 50px 25px 70px; margin-top:0; } +.testimonial.clean .testimonial-avatar { position:relative; top:0; margin-bottom:20px; } + +.testimonial.text-white.clean .author-info { color:#FC5C3C; } +.theme-bg .testimonial.clean { padding-bottom:10px; margin-bottom:0;} +.theme-bg .testimonial.clean .author-info { color:#032323; } +.theme-bg .testimonial.clean .testimonial-avatar img { border-color:#ffffff; } +.testimonial.text-white.clean .testimonial-info:before, +.testimonial.text-white.clean .author-info span { color:#ffffff; } +.testimonial.text-white.clean .author-info:before{ background:#ffffff;} + +/* Left Position */ +.testimonial.left_pos { margin-left: 40px; padding:60px 40px 40px 100px; text-align:left; } +.testimonial.left_pos .testimonial-avatar { left:0; margin-top:-50px; top:50%; } +.testimonial.left_pos .author-info:before { margin-left:0; left:0; } + +/* Bottom Position */ +.testimonial.bottom_pos { padding:60px 40px 40px 60px; text-align: left; margin-top:0; margin-bottom:70px; } +.testimonial.bottom_pos .testimonial-avatar { bottom: -50px; top: inherit; left: 0px; margin-left: 50px; } +.testimonial.bottom_pos .author-info { margin-left:125px; } +.testimonial.bottom_pos .author-info:before { margin-left:0; left:0; } + +/* green BG */ +.testimonial.theme-bg { background:#FC5C3C; color:#ffffff; } +.testimonial.theme-bg .testimonial-info:before, +.testimonial.theme-bg .author-info span { color:#ffffff; } +.testimonial.theme-bg .testimonial-avatar img { border-color:#ffffff; color:#ffffff; } +.testimonial.theme-bg .author-info:before { background:#ffffff; } \ No newline at end of file diff --git a/apply/css - 복사본/skins/css - 바로 가기.lnk b/apply/css - 복사본/skins/css - 바로 가기.lnk new file mode 100644 index 0000000..81d579e Binary files /dev/null and b/apply/css - 복사본/skins/css - 바로 가기.lnk differ diff --git a/apply/css - 복사본/skins/skin-blue-gem.css b/apply/css - 복사본/skins/skin-blue-gem.css new file mode 100644 index 0000000..62585b3 --- /dev/null +++ b/apply/css - 복사본/skins/skin-blue-gem.css @@ -0,0 +1,111 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #5713A9; color: #fff; text-shadow: none; } +::-moz-selection { background: #5713A9; color: #fff; text-shadow: none; } +::selection { background: #5713A9; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #5713A9;} + +/*v1.2*/ +.popup-video-image a i { background: #5713A9;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #5713A9;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #5713A9;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #5713A9; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #5713A9; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #5713A9; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #5713A9; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i { color: #5713A9; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #5713A9; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #5713A9; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #5713A9; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #5713A9; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #5713A9; } + +.progress-bar-new { background-color: #5713A9; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #5713A9; border-right-color:#5713A9; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #5713A9; } + +.rev-color { color: #5713A9 !important; } +.rev-button { background: #5713A9 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #5713A9 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #5713A9 !important; } + + .st-menu ul.menu li a:before { background: rgba(87, 19, 169, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #4b0d95; } + + + +.bg-overlay-theme-10:before { background: rgba(87, 19, 169, 0.1); } +.bg-overlay-theme-20:before { background: rgba(87, 19, 169, 0.2); } +.bg-overlay-theme-30:before { background: rgba(87, 19, 169, 0.3); } +.bg-overlay-theme-40:before { background: rgba(87, 19, 169, 0.4); } +.bg-overlay-theme-50:before { background: rgba(87, 19, 169, 0.5); } +.bg-overlay-theme-60:before { background: rgba(87, 19, 169, 0.6); } +.bg-overlay-theme-70:before { background: rgba(87, 19, 169, 0.7); } +.bg-overlay-theme-80:before { background: rgba(87, 19, 169, 0.8); } +.bg-overlay-theme-90:before { background: rgba(87, 19, 169, 0.9); } + + + + + + + + + \ No newline at end of file diff --git a/apply/css - 복사본/skins/skin-blue.css b/apply/css - 복사본/skins/skin-blue.css new file mode 100644 index 0000000..a4c9d93 --- /dev/null +++ b/apply/css - 복사본/skins/skin-blue.css @@ -0,0 +1,110 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #299be8; color: #fff; text-shadow: none; } +::-moz-selection { background: #299be8; color: #fff; text-shadow: none; } +::selection { background: #299be8; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #299be8;} + + +/*v1.2*/ +.popup-video-image a i { background: #299be8;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #299be8;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #299be8;} + + +/************************* + Color +*************************/ + +a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #299be8; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #299be8; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #299be8; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #299be8; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #299be8; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #299be8; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #299be8; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #299be8; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #299be8; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #299be8; } + +.progress-bar-new { background-color: #299be8; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #299be8; border-right-color:#299be8; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #299be8; } + +.rev-color { color: #299be8 !important; } +.rev-button { background: #299be8 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #299be8 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #299be8 !important; } + + .st-menu ul.menu li a:before { background: rgba(41, 155, 232, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #1d7ebf; } + + +.bg-overlay-theme-10:before { background: rgba(41, 155, 232, 0.1); } +.bg-overlay-theme-20:before { background: rgba(41, 155, 232, 0.2); } +.bg-overlay-theme-30:before { background: rgba(41, 155, 232, 0.3); } +.bg-overlay-theme-40:before { background: rgba(41, 155, 232, 0.4); } +.bg-overlay-theme-50:before { background: rgba(41, 155, 232, 0.5); } +.bg-overlay-theme-60:before { background: rgba(41, 155, 232, 0.6); } +.bg-overlay-theme-70:before { background: rgba(41, 155, 232, 0.7); } +.bg-overlay-theme-80:before { background: rgba(41, 155, 232, 0.8); } +.bg-overlay-theme-90:before { background: rgba(41, 155, 232, 0.9); } + + + + + + diff --git a/apply/css - 복사본/skins/skin-brown.css b/apply/css - 복사본/skins/skin-brown.css new file mode 100644 index 0000000..f8ee68c --- /dev/null +++ b/apply/css - 복사본/skins/skin-brown.css @@ -0,0 +1,100 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #885830; color: #fff; text-shadow: none; } +::-moz-selection { background: #885830; color: #fff; text-shadow: none; } +::selection { background: #885830; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #885830;} + +/*v1.2*/ +.popup-video-image a i { background: #5713A9;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .popup-video-image a i, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #885830;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #885830;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #885830; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #5713A9; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #5713A9; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #5713A9; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #885830; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #885830; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #885830; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #885830; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #885830; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #885830; } + +.progress-bar-new { background-color: #885830; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #885830; border-right-color:#885830; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #885830; } + +.rev-color { color: #885830 !important; } +.rev-button { background: #885830 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #885830 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #885830 !important; } + + .st-menu ul.menu li a:before { background: rgba(136, 88, 48, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #784b25; } + +.bg-overlay-theme-10:before { background: rgba(136, 88, 48, 0.1); } +.bg-overlay-theme-20:before { background: rgba(136, 88, 48, 0.2); } +.bg-overlay-theme-30:before { background: rgba(136, 88, 48, 0.3); } +.bg-overlay-theme-40:before { background: rgba(136, 88, 48, 0.4); } +.bg-overlay-theme-50:before { background: rgba(136, 88, 48, 0.5); } +.bg-overlay-theme-60:before { background: rgba(136, 88, 48, 0.6); } +.bg-overlay-theme-70:before { background: rgba(136, 88, 48, 0.7); } +.bg-overlay-theme-80:before { background: rgba(136, 88, 48, 0.8); } +.bg-overlay-theme-90:before { background: rgba(136, 88, 48, 0.9); } \ No newline at end of file diff --git a/apply/css - 복사본/skins/skin-chestnut-rose.css b/apply/css - 복사본/skins/skin-chestnut-rose.css new file mode 100644 index 0000000..90ffc0d --- /dev/null +++ b/apply/css - 복사본/skins/skin-chestnut-rose.css @@ -0,0 +1,101 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #D35665; color: #fff; text-shadow: none; } +::-moz-selection { background: #D35665; color: #fff; text-shadow: none; } +::selection { background: #D35665; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #D35665;} + +/*v1.2*/ +.popup-video-image a i { background: #D35665;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #D35665;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #D35665;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #D35665; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #D35665; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #D35665; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #D35665; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #D35665; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #D35665; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #D35665; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #D35665; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #D35665; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #D35665; } + +.progress-bar-new { background-color: #D35665; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #D35665; border-right-color:#D35665; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #D35665; } + +.rev-color { color: #D35665 !important; } +.rev-button { background: #D35665 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #D35665 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #D35665 !important; } + + .st-menu ul.menu li a:before { background: rgba(211, 86, 101, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #c34857; } + +.bg-overlay-theme-10:before { background: rgba(211, 86, 101, 0.1); } +.bg-overlay-theme-20:before { background: rgba(211, 86, 101, 0.2); } +.bg-overlay-theme-30:before { background: rgba(211, 86, 101, 0.3); } +.bg-overlay-theme-40:before { background: rgba(211, 86, 101, 0.4); } +.bg-overlay-theme-50:before { background: rgba(211, 86, 101, 0.5); } +.bg-overlay-theme-60:before { background: rgba(211, 86, 101, 0.6); } +.bg-overlay-theme-70:before { background: rgba(211, 86, 101, 0.7); } +.bg-overlay-theme-80:before { background: rgba(211, 86, 101, 0.8); } +.bg-overlay-theme-90:before { background: rgba(211, 86, 101, 0.9); } + \ No newline at end of file diff --git a/apply/css - 복사본/skins/skin-cyan.css b/apply/css - 복사본/skins/skin-cyan.css new file mode 100644 index 0000000..2073758 --- /dev/null +++ b/apply/css - 복사본/skins/skin-cyan.css @@ -0,0 +1,103 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #37c5a6; color: #fff; text-shadow: none; } +::-moz-selection { background: #37c5a6; color: #fff; text-shadow: none; } +::selection { background: #37c5a6; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #37c5a6;} + +/*v1.2*/ +.popup-video-image a i { background: #37c5a6;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #37c5a6;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #37c5a6;} + +/************************* + Color +*************************/ + +a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #37c5a6; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #37c5a6; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #37c5a6; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #37c5a6; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #37c5a6; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #37c5a6; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #37c5a6; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #37c5a6; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #37c5a6; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #37c5a6; } + +.progress-bar-new { background-color: #37c5a6; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #37c5a6; border-right-color:#37c5a6; } + + + header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #37c5a6; } + +.rev-color { color: #37c5a6 !important; } +.rev-button { background: #37c5a6 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #37c5a6 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #37c5a6 !important; } + + .st-menu ul.menu li a:before { background: rgba(55, 197, 166, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #29a88c; } + + + .bg-overlay-theme-10:before { background: rgba(55, 197, 166, 0.1); } +.bg-overlay-theme-20:before { background: rgba(55, 197, 166, 0.2); } +.bg-overlay-theme-30:before { background: rgba(55, 197, 166, 0.3); } +.bg-overlay-theme-40:before { background: rgba(55, 197, 166, 0.4); } +.bg-overlay-theme-50:before { background: rgba(55, 197, 166, 0.5); } +.bg-overlay-theme-60:before { background: rgba(55, 197, 166, 0.6); } +.bg-overlay-theme-70:before { background: rgba(55, 197, 166, 0.7); } +.bg-overlay-theme-80:before { background: rgba(55, 197, 166, 0.8); } +.bg-overlay-theme-90:before { background: rgba(55, 197, 166, 0.9); } \ No newline at end of file diff --git a/apply/css - 복사본/skins/skin-dark-pink.css b/apply/css - 복사본/skins/skin-dark-pink.css new file mode 100644 index 0000000..2527a6b --- /dev/null +++ b/apply/css - 복사본/skins/skin-dark-pink.css @@ -0,0 +1,102 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #f41e54; color: #fff; text-shadow: none; } +::-moz-selection { background: #f41e54; color: #fff; text-shadow: none; } +::selection { background: #f41e54; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #f41e54;} + + +/*v1.2*/ +.popup-video-image a i { background: #f41e54;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #f41e54;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #f41e54;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #f41e54; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #f41e54; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #f41e54; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #f41e54; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i { color: #f41e54; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #f41e54; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #f41e54; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #f41e54; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #f41e54; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #f41e54; } + +.progress-bar-new { background-color: #f41e54; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #f41e54; border-right-color:#f41e54; } + + header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #f41e54; } + +.rev-color { color: #f41e54 !important; } +.rev-button { background: #f41e54 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #f41e54 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #f41e54 !important; } + + .st-menu ul.menu li a:before { background: rgba(244, 30, 84, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #dc1547; } + + .bg-overlay-theme-10:before { background: rgba(244, 30, 84, 0.1); } +.bg-overlay-theme-20:before { background: rgba(244, 30, 84, 0.2); } +.bg-overlay-theme-30:before { background: rgba(244, 30, 84, 0.3); } +.bg-overlay-theme-40:before { background: rgba(244, 30, 84, 0.4); } +.bg-overlay-theme-50:before { background: rgba(244, 30, 84, 0.5); } +.bg-overlay-theme-60:before { background: rgba(244, 30, 84, 0.6); } +.bg-overlay-theme-70:before { background: rgba(244, 30, 84, 0.7); } +.bg-overlay-theme-80:before { background: rgba(244, 30, 84, 0.8); } +.bg-overlay-theme-90:before { background: rgba(244, 30, 84, 0.9); } + \ No newline at end of file diff --git a/apply/css - 복사본/skins/skin-default.css b/apply/css - 복사본/skins/skin-default.css new file mode 100644 index 0000000..99fd740 --- /dev/null +++ b/apply/css - 복사본/skins/skin-default.css @@ -0,0 +1,102 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #5E9ECA; color: #fff; text-shadow: none; } +::-moz-selection { background: #5E9ECA; color: #fff; text-shadow: none; } +::selection { background: #5E9ECA; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #5E9ECA;} + +/*v1.2*/ +.popup-video-image a i { background: #5E9ECA;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #5E9ECA;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #5E9ECA;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #5E9ECA; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #5E9ECA; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #5E9ECA; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover, .agency-banner .slider-content h1 { border-color: #5E9ECA; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i { color: #5E9ECA; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #5E9ECA; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #5E9ECA; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #5E9ECA; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover { border-color: #5E9ECA; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #5E9ECA; } + +.progress-bar-new { background-color: #5E9ECA; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #5E9ECA; border-right-color:#5E9ECA; } + + header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #5E9ECA; } + +.rev-color { color: #5E9ECA !important; } +.rev-button { background: #5E9ECA !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #5E9ECA !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #5E9ECA !important; } + + .st-menu ul.menu li a:before { background: rgba(132, 186, 63, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #72a62f; } + + + .bg-overlay-theme-10:before { background: rgba(132, 186, 63, 0.1); } +.bg-overlay-theme-20:before { background: rgba(132, 186, 63, 0.2); } +.bg-overlay-theme-30:before { background: rgba(132, 186, 63, 0.3); } +.bg-overlay-theme-40:before { background: rgba(132, 186, 63, 0.4); } +.bg-overlay-theme-50:before { background: rgba(132, 186, 63, 0.5); } +.bg-overlay-theme-60:before { background: rgba(132, 186, 63, 0.6); } +.bg-overlay-theme-70:before { background: rgba(132, 186, 63, 0.7); } +.bg-overlay-theme-80:before { background: rgba(132, 186, 63, 0.8); } +.bg-overlay-theme-90:before { background: rgba(132, 186, 63, 0.9); } + \ No newline at end of file diff --git a/apply/css - 복사본/skins/skin-gold.css b/apply/css - 복사본/skins/skin-gold.css new file mode 100644 index 0000000..6f248ae --- /dev/null +++ b/apply/css - 복사본/skins/skin-gold.css @@ -0,0 +1,117 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #ba893f; color: #fff; text-shadow: none; } +::-moz-selection { background: #ba893f; color: #fff; text-shadow: none; } +::selection { background: #ba893f; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #ba893f;} + +/*v1.2*/ +.popup-video-image a i { background: #ba893f;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #ba893f;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #ba893f;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #ba893f; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #ba893f; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #ba893f; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #ba893f; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i { color: #ba893f; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #ba893f; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #ba893f; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #ba893f; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #ba893f; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #ba893f; } + +.progress-bar-new { background-color: #ba893f; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #ba893f; border-right-color:#ba893f; } + + header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #ba893f; } + +.rev-color { color: #ba893f !important; } +.rev-button { background: #ba893f !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #ba893f !important; } + + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #ba893f !important; } + + .st-menu ul.menu li a:before { background: rgba(186, 137, 63, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #a67730; } + + .bg-overlay-theme-10:before { background: rgba(186, 137, 63, 0.1); } +.bg-overlay-theme-20:before { background: rgba(186, 137, 63, 0.2); } +.bg-overlay-theme-30:before { background: rgba(186, 137, 63, 0.3); } +.bg-overlay-theme-40:before { background: rgba(186, 137, 63, 0.4); } +.bg-overlay-theme-50:before { background: rgba(186, 137, 63, 0.5); } +.bg-overlay-theme-60:before { background: rgba(186, 137, 63, 0.6); } +.bg-overlay-theme-70:before { background: rgba(186, 137, 63, 0.7); } +.bg-overlay-theme-80:before { background: rgba(186, 137, 63, 0.8); } +.bg-overlay-theme-90:before { background: rgba(186, 137, 63, 0.9); } + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/apply/css - 복사본/skins/skin-gray.css b/apply/css - 복사본/skins/skin-gray.css new file mode 100644 index 0000000..c43cd3c --- /dev/null +++ b/apply/css - 복사본/skins/skin-gray.css @@ -0,0 +1,102 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #9a9a9a; color: #fff; text-shadow: none; } +::-moz-selection { background: #9a9a9a; color: #fff; text-shadow: none; } +::selection { background: #9a9a9a; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #9a9a9a;} + +/*v1.2*/ +.popup-video-image a i { background: #9a9a9a;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #9a9a9a;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #9a9a9a;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #9a9a9a; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #9a9a9a; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #9a9a9a; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #9a9a9a; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #9a9a9a; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #9a9a9a; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #9a9a9a; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #9a9a9a; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #9a9a9a; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #9a9a9a; } + +.progress-bar-new { background-color: #9a9a9a; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #9a9a9a; border-right-color:#9a9a9a; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #9a9a9a; } + +.rev-color { color: #9a9a9a !important; } +.rev-button { background: #9a9a9a !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #9a9a9a !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #9a9a9a !important; } + + .st-menu ul.menu li a:before { background: rgba(154, 154, 154, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #797979; } + + + .bg-overlay-theme-10:before { background: rgba(154, 154, 154, 0.1); } +.bg-overlay-theme-20:before { background: rgba(154, 154, 154, 0.2); } +.bg-overlay-theme-30:before { background: rgba(154, 154, 154, 0.3); } +.bg-overlay-theme-40:before { background: rgba(154, 154, 154, 0.4); } +.bg-overlay-theme-50:before { background: rgba(154, 154, 154, 0.5); } +.bg-overlay-theme-60:before { background: rgba(154, 154, 154, 0.6); } +.bg-overlay-theme-70:before { background: rgba(154, 154, 154, 0.7); } +.bg-overlay-theme-80:before { background: rgba(154, 154, 154, 0.8); } +.bg-overlay-theme-90:before { background: rgba(154, 154, 154, 0.9); } + \ No newline at end of file diff --git a/apply/css - 복사본/skins/skin-green-dark.css b/apply/css - 복사본/skins/skin-green-dark.css new file mode 100644 index 0000000..cd05f10 --- /dev/null +++ b/apply/css - 복사본/skins/skin-green-dark.css @@ -0,0 +1,102 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #005608; color: #fff; text-shadow: none; } +::-moz-selection { background: #005608; color: #fff; text-shadow: none; } +::selection { background: #005608; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #005608;} + +/*v1.2*/ +.popup-video-image a i { background: #005608;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #005608;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #005608;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #005608; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #005608; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #005608; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #005608; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #005608; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #005608; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #005608; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #005608; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #005608; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #005608; } + +.progress-bar-new { background-color: #005608; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #005608; border-right-color:#005608; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #005608; } + +.rev-color { color: #005608 !important; } +.rev-button { background: #005608 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #005608 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #005608 !important; } + + .st-menu ul.menu li a:before { background: rgba(0, 86, 8, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #003905; } + + + .bg-overlay-theme-10:before { background: rgba(0, 86, 8, 0.1); } +.bg-overlay-theme-20:before { background: rgba(0, 86, 8, 0.2); } +.bg-overlay-theme-30:before { background: rgba(0, 86, 8, 0.3); } +.bg-overlay-theme-40:before { background: rgba(0, 86, 8, 0.4); } +.bg-overlay-theme-50:before { background: rgba(0, 86, 8, 0.5); } +.bg-overlay-theme-60:before { background: rgba(0, 86, 8, 0.6); } +.bg-overlay-theme-70:before { background: rgba(0, 86, 8, 0.7); } +.bg-overlay-theme-80:before { background: rgba(0, 86, 8, 0.8); } +.bg-overlay-theme-90:before { background: rgba(0, 86, 8, 0.9); } + \ No newline at end of file diff --git a/apply/css - 복사본/skins/skin-green.css b/apply/css - 복사본/skins/skin-green.css new file mode 100644 index 0000000..7db00cc --- /dev/null +++ b/apply/css - 복사본/skins/skin-green.css @@ -0,0 +1,100 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #00b106; color: #fff; text-shadow: none; } +::-moz-selection { background: #00b106; color: #fff; text-shadow: none; } +::selection { background: #00b106; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #00b106;} + +/*v1.2*/ +.popup-video-image a i { background: #00b106;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #00b106;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #00b106;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #00b106; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #00b106; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #00b106; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #00b106; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #00b106; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #00b106; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #00b106; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #00b106; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #00b106; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #00b106; } + +.progress-bar-new { background-color: #00b106; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #00b106; border-right-color:#00b106; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #00b106; } + +.rev-color { color: #00b106 !important; } +.rev-button { background: #00b106 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #00b106 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #00b106 !important; } + + .st-menu ul.menu li a:before { background: rgba(0, 177, 6, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #038b07; } + + .bg-overlay-theme-10:before { background: rgba(0, 177, 6, 0.1); } +.bg-overlay-theme-20:before { background: rgba(0, 177, 6, 0.2); } +.bg-overlay-theme-30:before { background: rgba(0, 177, 6, 0.3); } +.bg-overlay-theme-40:before { background: rgba(0, 177, 6, 0.4); } +.bg-overlay-theme-50:before { background: rgba(0, 177, 6, 0.5); } +.bg-overlay-theme-60:before { background: rgba(0, 177, 6, 0.6); } +.bg-overlay-theme-70:before { background: rgba(0, 177, 6, 0.7); } +.bg-overlay-theme-80:before { background: rgba(0, 177, 6, 0.8); } +.bg-overlay-theme-90:before { background: rgba(0, 177, 6, 0.9); } \ No newline at end of file diff --git a/apply/css - 복사본/skins/skin-lime.css b/apply/css - 복사본/skins/skin-lime.css new file mode 100644 index 0000000..f108e8e --- /dev/null +++ b/apply/css - 복사본/skins/skin-lime.css @@ -0,0 +1,102 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #b4ef56; color: #fff; text-shadow: none; } +::-moz-selection { background: #b4ef56; color: #fff; text-shadow: none; } +::selection { background: #b4ef56; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #b4ef56;} + +/*v1.2*/ +.popup-video-image a i { background: #b4ef56;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #b4ef56;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #b4ef56;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #b4ef56; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #b4ef56; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #b4ef56; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #b4ef56; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #b4ef56; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #b4ef56; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #b4ef56; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #b4ef56; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #b4ef56; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #b4ef56; } + +.progress-bar-new { background-color: #b4ef56; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #b4ef56; border-right-color:#b4ef56; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #b4ef56; } + +.rev-color { color: #b4ef56 !important; } +.rev-button { background: #b4ef56 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #b4ef56 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #b4ef56 !important; } + + .st-menu ul.menu li a:before { background: rgba(180, 239, 86, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #9ad53c; } + + + .bg-overlay-theme-10:before { background: rgba(180, 239, 86, 0.1); } +.bg-overlay-theme-20:before { background: rgba(180, 239, 86, 0.2); } +.bg-overlay-theme-30:before { background: rgba(180, 239, 86, 0.3); } +.bg-overlay-theme-40:before { background: rgba(180, 239, 86, 0.4); } +.bg-overlay-theme-50:before { background: rgba(180, 239, 86, 0.5); } +.bg-overlay-theme-60:before { background: rgba(180, 239, 86, 0.6); } +.bg-overlay-theme-70:before { background: rgba(180, 239, 86, 0.7); } +.bg-overlay-theme-80:before { background: rgba(180, 239, 86, 0.8); } +.bg-overlay-theme-90:before { background: rgba(180, 239, 86, 0.9); } + \ No newline at end of file diff --git a/apply/css - 복사본/skins/skin-malachite.css b/apply/css - 복사본/skins/skin-malachite.css new file mode 100644 index 0000000..89ff143 --- /dev/null +++ b/apply/css - 복사본/skins/skin-malachite.css @@ -0,0 +1,113 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #51e887; color: #fff; text-shadow: none; } +::-moz-selection { background: #51e887; color: #fff; text-shadow: none; } +::selection { background: #51e887; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #51e887;} + +/*v1.2*/ +.popup-video-image a i { background: #51e887;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #51e887;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #51e887;} + + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #51e887; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #51e887; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #51e887; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #51e887; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #51e887; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #51e887; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #51e887; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #51e887; } +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #51e887; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #51e887; } + +.progress-bar-new { background-color: #51e887; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #51e887; border-right-color:#51e887; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #51e887; } + +.rev-color { color: #51e887 !important; } +.rev-button { background: #51e887 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #51e887 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #51e887 !important; } + + .st-menu ul.menu li a:before { background: rgba(81, 232, 135, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #42d577; } + + + .bg-overlay-theme-10:before { background: rgba(81, 232, 135, 0.1); } +.bg-overlay-theme-20:before { background: rgba(81, 232, 135, 0.2); } +.bg-overlay-theme-30:before { background: rgba(81, 232, 135, 0.3); } +.bg-overlay-theme-40:before { background: rgba(81, 232, 135, 0.4); } +.bg-overlay-theme-50:before { background: rgba(81, 232, 135, 0.5); } +.bg-overlay-theme-60:before { background: rgba(81, 232, 135, 0.6); } +.bg-overlay-theme-70:before { background: rgba(81, 232, 135, 0.7); } +.bg-overlay-theme-80:before { background: rgba(81, 232, 135, 0.8); } +.bg-overlay-theme-90:before { background: rgba(81, 232, 135, 0.9); } + + + + + + + + + + + + \ No newline at end of file diff --git a/apply/css - 복사본/skins/skin-olive.css b/apply/css - 복사본/skins/skin-olive.css new file mode 100644 index 0000000..f61b95f --- /dev/null +++ b/apply/css - 복사본/skins/skin-olive.css @@ -0,0 +1,101 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #8d8f02; color: #fff; text-shadow: none; } +::-moz-selection { background: #8d8f02; color: #fff; text-shadow: none; } +::selection { background: #8d8f02; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #8d8f02;} + +/*v1.2*/ +.popup-video-image a i { background: #8d8f02;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #8d8f02;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #8d8f02;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #8d8f02; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #8d8f02; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #8d8f02; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #8d8f02; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #8d8f02; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #8d8f02; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #8d8f02; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #8d8f02; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #8d8f02; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #8d8f02; } + +.progress-bar-new { background-color: #8d8f02; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #8d8f02; border-right-color:#8d8f02; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #8d8f02; } + +.rev-color { color: #8d8f02 !important; } +.rev-button { background: #8d8f02 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #8d8f02 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #8d8f02 !important; } + + .st-menu ul.menu li a:before { background: rgba(141, 143, 2, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #6e7003; } + + + .bg-overlay-theme-10:before { background: rgba(141, 143, 2, 0.1); } +.bg-overlay-theme-20:before { background: rgba(141, 143, 2, 0.2); } +.bg-overlay-theme-30:before { background: rgba(141, 143, 2, 0.3); } +.bg-overlay-theme-40:before { background: rgba(141, 143, 2, 0.4); } +.bg-overlay-theme-50:before { background: rgba(141, 143, 2, 0.5); } +.bg-overlay-theme-60:before { background: rgba(141, 143, 2, 0.6); } +.bg-overlay-theme-70:before { background: rgba(141, 143, 2, 0.7); } +.bg-overlay-theme-80:before { background: rgba(141, 143, 2, 0.8); } +.bg-overlay-theme-90:before { background: rgba(141, 143, 2, 0.9); } diff --git a/apply/css - 복사본/skins/skin-orange.css b/apply/css - 복사본/skins/skin-orange.css new file mode 100644 index 0000000..24ba92a --- /dev/null +++ b/apply/css - 복사본/skins/skin-orange.css @@ -0,0 +1,101 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #ed5001; color: #fff; text-shadow: none; } +::-moz-selection { background: #ed5001; color: #fff; text-shadow: none; } +::selection { background: #ed5001; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #ed5001;} + +/*v1.2*/ +.popup-video-image a i { background: #ed5001;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #ed5001;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #ed5001;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #ed5001; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #ed5001; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #ed5001; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #ed5001; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #ed5001; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #ed5001; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #ed5001; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #ed5001; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #ed5001; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #ed5001; } + +.progress-bar-new { background-color: #ed5001; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #ed5001; border-right-color:#ed5001; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #ed5001; } + +.rev-color { color: #ed5001 !important; } +.rev-button { background: #ed5001 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #ed5001 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #ed5001 !important; } + + .st-menu ul.menu li a:before { background: rgba(237, 80, 1, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #4a5801; } + + + .bg-overlay-theme-10:before { background: rgba(237, 80, 1, 0.1); } +.bg-overlay-theme-20:before { background: rgba(237, 80, 1, 0.2); } +.bg-overlay-theme-30:before { background: rgba(237, 80, 1, 0.3); } +.bg-overlay-theme-40:before { background: rgba(237, 80, 1, 0.4); } +.bg-overlay-theme-50:before { background: rgba(237, 80, 1, 0.5); } +.bg-overlay-theme-60:before { background: rgba(237, 80, 1, 0.6); } +.bg-overlay-theme-70:before { background: rgba(237, 80, 1, 0.7); } +.bg-overlay-theme-80:before { background: rgba(237, 80, 1, 0.8); } +.bg-overlay-theme-90:before { background: rgba(237, 80, 1, 0.9); } \ No newline at end of file diff --git a/apply/css - 복사본/skins/skin-perfume.css b/apply/css - 복사본/skins/skin-perfume.css new file mode 100644 index 0000000..77aaa1d --- /dev/null +++ b/apply/css - 복사본/skins/skin-perfume.css @@ -0,0 +1,112 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #b3affa; color: #fff; text-shadow: none; } +::-moz-selection { background: #b3affa; color: #fff; text-shadow: none; } +::selection { background: #b3affa; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #b3affa;} + +/*v1.2*/ +.popup-video-image a i { background: #b3affa;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #b3affa;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #b3affa;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #b3affa; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #b3affa; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #b3affa; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #b3affa; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #b3affa; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #b3affa; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #b3affa; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #b3affa; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #b3affa; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #b3affa; } + +.progress-bar-new { background-color: #b3affa; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #b3affa; border-right-color:#b3affa; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #b3affa; } + +.rev-color { color: #b3affa !important; } +.rev-button { background: #b3affa !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #b3affa !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #b3affa !important; } + + .st-menu ul.menu li a:before { background: rgba(179, 175, 250, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #a09ce8; } + + + .bg-overlay-theme-10:before { background: rgba(179, 175, 250, 0.1); } +.bg-overlay-theme-20:before { background: rgba(179, 175, 250, 0.2); } +.bg-overlay-theme-30:before { background: rgba(179, 175, 250, 0.3); } +.bg-overlay-theme-40:before { background: rgba(179, 175, 250, 0.4); } +.bg-overlay-theme-50:before { background: rgba(179, 175, 250, 0.5); } +.bg-overlay-theme-60:before { background: rgba(179, 175, 250, 0.6); } +.bg-overlay-theme-70:before { background: rgba(179, 175, 250, 0.7); } +.bg-overlay-theme-80:before { background: rgba(179, 175, 250, 0.8); } +.bg-overlay-theme-90:before { background: rgba(179, 175, 250, 0.9); } + + + + + + + + + + + \ No newline at end of file diff --git a/apply/css - 복사본/skins/skin-persian-green.css b/apply/css - 복사본/skins/skin-persian-green.css new file mode 100644 index 0000000..b49ac2e --- /dev/null +++ b/apply/css - 복사본/skins/skin-persian-green.css @@ -0,0 +1,100 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #7dcdcd; color: #fff; text-shadow: none; } +::-moz-selection { background: #7dcdcd; color: #fff; text-shadow: none; } +::selection { background: #7dcdcd; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #7dcdcd;} + +/*v1.2*/ +.popup-video-image a i { background: #7dcdcd;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #7dcdcd;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #7dcdcd;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #7dcdcd; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #7dcdcd; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #7dcdcd; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #7dcdcd; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #7dcdcd; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #7dcdcd; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #7dcdcd; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #7dcdcd; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #7dcdcd; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #7dcdcd; } + +.progress-bar-new { background-color: #7dcdcd; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #7dcdcd; border-right-color:#7dcdcd; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #7dcdcd; } + +.rev-color { color: #7dcdcd !important; } +.rev-button { background: #7dcdcd !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #7dcdcd !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #7dcdcd !important; } + + .st-menu ul.menu li a:before { background: rgba(125, 205, 205, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #55a9a9; } + + .bg-overlay-theme-10:before { background: rgba(125, 205, 205, 0.1); } +.bg-overlay-theme-20:before { background: rgba(125, 205, 205, 0.2); } +.bg-overlay-theme-30:before { background: rgba(125, 205, 205, 0.3); } +.bg-overlay-theme-40:before { background: rgba(125, 205, 205, 0.4); } +.bg-overlay-theme-50:before { background: rgba(125, 205, 205, 0.5); } +.bg-overlay-theme-60:before { background: rgba(125, 205, 205, 0.6); } +.bg-overlay-theme-70:before { background: rgba(125, 205, 205, 0.7); } +.bg-overlay-theme-80:before { background: rgba(125, 205, 205, 0.8); } +.bg-overlay-theme-90:before { background: rgba(125, 205, 205, 0.9); } \ No newline at end of file diff --git a/apply/css - 복사본/skins/skin-pink.css b/apply/css - 복사본/skins/skin-pink.css new file mode 100644 index 0000000..5b3d51c --- /dev/null +++ b/apply/css - 복사본/skins/skin-pink.css @@ -0,0 +1,102 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #e9457a; color: #fff; text-shadow: none; } +::-moz-selection { background: #e9457a; color: #fff; text-shadow: none; } +::selection { background: #e9457a; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #e9457a;} + +/*v1.2*/ +.popup-video-image a i { background: #e9457a;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #e9457a;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #e9457a;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #e9457a; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #e9457a; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #e9457a; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #e9457a; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #e9457a; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #e9457a; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #e9457a; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #e9457a; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #e9457a; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #e9457a; } + +.progress-bar-new { background-color: #e9457a; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #e9457a; border-right-color:#e9457a; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #e9457a; } + +.rev-color { color: #e9457a !important; } +.rev-button { background: #e9457a !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #e9457a !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #e9457a !important; } + + .st-menu ul.menu li a:before { background: rgba(233, 69, 122, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #4a5801; } + + + .bg-overlay-theme-10:before { background: rgba(233, 69, 122, 0.1); } +.bg-overlay-theme-20:before { background: rgba(233, 69, 122, 0.2); } +.bg-overlay-theme-30:before { background: rgba(233, 69, 122, 0.3); } +.bg-overlay-theme-40:before { background: rgba(233, 69, 122, 0.4); } +.bg-overlay-theme-50:before { background: rgba(233, 69, 122, 0.5); } +.bg-overlay-theme-60:before { background: rgba(233, 69, 122, 0.6); } +.bg-overlay-theme-70:before { background: rgba(233, 69, 122, 0.7); } +.bg-overlay-theme-80:before { background: rgba(233, 69, 122, 0.8); } +.bg-overlay-theme-90:before { background: rgba(233, 69, 122, 0.9); } + \ No newline at end of file diff --git a/apply/css - 복사본/skins/skin-purple.css b/apply/css - 복사본/skins/skin-purple.css new file mode 100644 index 0000000..2cf6a03 --- /dev/null +++ b/apply/css - 복사본/skins/skin-purple.css @@ -0,0 +1,100 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #c36dff; color: #fff; text-shadow: none; } +::-moz-selection { background: #c36dff; color: #fff; text-shadow: none; } +::selection { background: #c36dff; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #c36dff;} + +/*v1.2*/ +.popup-video-image a i { background: #c36dff;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #c36dff;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #c36dff;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #c36dff; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #c36dff; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #c36dff; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #c36dff; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #c36dff; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #c36dff; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #c36dff; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #c36dff; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #c36dff; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #c36dff; } + +.progress-bar-new { background-color: #c36dff; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #c36dff; border-right-color:#c36dff; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #c36dff; } + +.rev-color { color: #c36dff !important; } +.rev-button { background: #c36dff !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #c36dff !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #c36dff !important; } + + .st-menu ul.menu li a:before { background: rgba(195, 109, 255, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #a351dc; } + + .bg-overlay-theme-10:before { background: rgba(195, 109, 255, 0.1); } +.bg-overlay-theme-20:before { background: rgba(195, 109, 255, 0.2); } +.bg-overlay-theme-30:before { background: rgba(195, 109, 255, 0.3); } +.bg-overlay-theme-40:before { background: rgba(195, 109, 255, 0.4); } +.bg-overlay-theme-50:before { background: rgba(195, 109, 255, 0.5); } +.bg-overlay-theme-60:before { background: rgba(195, 109, 255, 0.6); } +.bg-overlay-theme-70:before { background: rgba(195, 109, 255, 0.7); } +.bg-overlay-theme-80:before { background: rgba(195, 109, 255, 0.8); } +.bg-overlay-theme-90:before { background: rgba(195, 109, 255, 0.9); } \ No newline at end of file diff --git a/apply/css - 복사본/skins/skin-red.css b/apply/css - 복사본/skins/skin-red.css new file mode 100644 index 0000000..9e241de --- /dev/null +++ b/apply/css - 복사본/skins/skin-red.css @@ -0,0 +1,101 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #d12326; color: #fff; text-shadow: none; } +::-moz-selection { background: #d12326; color: #fff; text-shadow: none; } +::selection { background: #d12326; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #d12326;} + +/*v1.2*/ +.popup-video-image a i { background: #d12326;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #d12326;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #d12326;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #d12326; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #d12326; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #d12326; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #d12326; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #d12326; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #d12326; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #d12326; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #d12326; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #d12326; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #d12326; } + +.progress-bar-new { background-color: #d12326; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #d12326; border-right-color:#d12326; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #d12326; } + +.rev-color { color: #d12326 !important; } +.rev-button { background: #d12326 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #d12326 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #d12326 !important; } + + .st-menu ul.menu li a:before { background: rgba(209, 35, 38, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #bc1518; } + + + .bg-overlay-theme-10:before { background: rgba(209, 35, 38, 0.1); } +.bg-overlay-theme-20:before { background: rgba(209, 35, 38, 0.2); } +.bg-overlay-theme-30:before { background: rgba(209, 35, 38, 0.3); } +.bg-overlay-theme-40:before { background: rgba(209, 35, 38, 0.4); } +.bg-overlay-theme-50:before { background: rgba(209, 35, 38, 0.5); } +.bg-overlay-theme-60:before { background: rgba(209, 35, 38, 0.6); } +.bg-overlay-theme-70:before { background: rgba(209, 35, 38, 0.7); } +.bg-overlay-theme-80:before { background: rgba(209, 35, 38, 0.8); } +.bg-overlay-theme-90:before { background: rgba(209, 35, 38, 0.9); } \ No newline at end of file diff --git a/apply/css - 복사본/skins/skin-salmon.css b/apply/css - 복사본/skins/skin-salmon.css new file mode 100644 index 0000000..c58373f --- /dev/null +++ b/apply/css - 복사본/skins/skin-salmon.css @@ -0,0 +1,103 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #ff796c; color: #fff; text-shadow: none; } +::-moz-selection { background: #ff796c; color: #fff; text-shadow: none; } +::selection { background: #ff796c; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #ff796c;} + +/*v1.2*/ +.popup-video-image a i { background: #ff796c;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #ff796c;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #ff796c;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #ff796c; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #ff796c; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #ff796c; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #ff796c; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #ff796c; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #ff796c; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #ff796c; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #ff796c; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #ff796c; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #ff796c; } + +.progress-bar-new { background-color: #ff796c; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #ff796c; border-right-color:#ff796c; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #ff796c; } + +.rev-color { color: #ff796c !important; } +.rev-button { background: #ff796c !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #ff796c !important; } + + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #ff796c !important; } + + .st-menu ul.menu li a:before { background: rgba(255, 121, 108, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #dc5244; } + + + + .bg-overlay-theme-10:before { background: rgba(255, 121, 108, 0.1); } +.bg-overlay-theme-20:before { background: rgba(255, 121, 108, 0.2); } +.bg-overlay-theme-30:before { background: rgba(255, 121, 108, 0.3); } +.bg-overlay-theme-40:before { background: rgba(255, 121, 108, 0.4); } +.bg-overlay-theme-50:before { background: rgba(255, 121, 108, 0.5); } +.bg-overlay-theme-60:before { background: rgba(255, 121, 108, 0.6); } +.bg-overlay-theme-70:before { background: rgba(255, 121, 108, 0.7); } +.bg-overlay-theme-80:before { background: rgba(255, 121, 108, 0.8); } +.bg-overlay-theme-90:before { background: rgba(255, 121, 108, 0.9); } \ No newline at end of file diff --git a/apply/css - 복사본/skins/skin-steelblue.css b/apply/css - 복사본/skins/skin-steelblue.css new file mode 100644 index 0000000..a4f8a3d --- /dev/null +++ b/apply/css - 복사본/skins/skin-steelblue.css @@ -0,0 +1,106 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #354a6b; color: #fff; text-shadow: none; } +::-moz-selection { background: #354a6b; color: #fff; text-shadow: none; } +::selection { background: #354a6b; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #354a6b;} + +/*v1.2*/ +.popup-video-image a i { background: #354a6b;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #354a6b;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #354a6b;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #354a6b; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #354a6b; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #354a6b; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #354a6b; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #354a6b; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #354a6b; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #354a6b; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #354a6b; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #354a6b; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #354a6b; } + +.progress-bar-new { background-color: #354a6b; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #354a6b; border-right-color:#354a6b; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #354a6b; } + +.rev-color { color: #354a6b !important; } +.rev-button { background: #354a6b !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #354a6b !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #354a6b !important; } + + .st-menu ul.menu li a:before { background: rgba(53, 74, 107, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #273a58; } + + + + .bg-overlay-theme-10:before { background: rgba(53, 74, 107, 0.1); } +.bg-overlay-theme-20:before { background: rgba(53, 74, 107, 0.2); } +.bg-overlay-theme-30:before { background: rgba(53, 74, 107, 0.3); } +.bg-overlay-theme-40:before { background: rgba(53, 74, 107, 0.4); } +.bg-overlay-theme-50:before { background: rgba(53, 74, 107, 0.5); } +.bg-overlay-theme-60:before { background: rgba(53, 74, 107, 0.6); } +.bg-overlay-theme-70:before { background: rgba(53, 74, 107, 0.7); } +.bg-overlay-theme-80:before { background: rgba(53, 74, 107, 0.8); } +.bg-overlay-theme-90:before { background: rgba(53, 74, 107, 0.9); } + + + + \ No newline at end of file diff --git a/apply/css - 복사본/skins/skin-water-blue.css b/apply/css - 복사본/skins/skin-water-blue.css new file mode 100644 index 0000000..3216046 --- /dev/null +++ b/apply/css - 복사본/skins/skin-water-blue.css @@ -0,0 +1,103 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #0079fc; color: #fff; text-shadow: none; } +::-moz-selection { background: #0079fc; color: #fff; text-shadow: none; } +::selection { background: #0079fc; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #0079fc;} + +/*v1.2*/ +.popup-video-image a i { background: #0079fc;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #0079fc;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #0079fc;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #0079fc; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #0079fc; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #0079fc; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #0079fc; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #0079fc; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #0079fc; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #0079fc; } + + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #0079fc; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #0079fc; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #0079fc; } + +.progress-bar-new { background-color: #0079fc; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #0079fc; border-right-color:#0079fc; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #0079fc; } + +.rev-color { color: #0079fc !important; } +.rev-button { background: #0079fc !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #0079fc !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #0079fc !important; } + + .st-menu ul.menu li a:before { background: rgba(0, 121, 252, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #0368d5; } + + + .bg-overlay-theme-10:before { background: rgba(0, 121, 252, 0.1); } +.bg-overlay-theme-20:before { background: rgba(0, 121, 252, 0.2); } +.bg-overlay-theme-30:before { background: rgba(0, 121, 252, 0.3); } +.bg-overlay-theme-40:before { background: rgba(0, 121, 252, 0.4); } +.bg-overlay-theme-50:before { background: rgba(0, 121, 252, 0.5); } +.bg-overlay-theme-60:before { background: rgba(0, 121, 252, 0.6); } +.bg-overlay-theme-70:before { background: rgba(0, 121, 252, 0.7); } +.bg-overlay-theme-80:before { background: rgba(0, 121, 252, 0.8); } +.bg-overlay-theme-90:before { background: rgba(0, 121, 252, 0.9); } + \ No newline at end of file diff --git a/apply/css - 복사본/skins/skin-yellow.css b/apply/css - 복사본/skins/skin-yellow.css new file mode 100644 index 0000000..2b9b49a --- /dev/null +++ b/apply/css - 복사본/skins/skin-yellow.css @@ -0,0 +1,111 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #f7c605; color: #fff; text-shadow: none; } +::-moz-selection { background: #f7c605; color: #fff; text-shadow: none; } +::selection { background: #f7c605; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #f7c605;} + +/*v1.2*/ +.popup-video-image a i { background: #f7c605;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #f7c605;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #f7c605;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #f7c605; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #f7c605; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #f7c605; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #f7c605; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #f7c605; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #f7c605; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #f7c605; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #f7c605; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #f7c605; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #f7c605; } + +.progress-bar-new { background-color: #f7c605; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #f7c605; border-right-color:#f7c605; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #f7c605; } + +.rev-color { color: #f7c605 !important; } +.rev-button { background: #f7c605 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #f7c605 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #f7c605 !important; } + + .st-menu ul.menu li a:before { background: rgba(247, 198, 5, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #d4aa07; } + + + + .bg-overlay-theme-10:before { background: rgba(247, 198, 5, 0.1); } +.bg-overlay-theme-20:before { background: rgba(247, 198, 5, 0.2); } +.bg-overlay-theme-30:before { background: rgba(247, 198, 5, 0.3); } +.bg-overlay-theme-40:before { background: rgba(247, 198, 5, 0.4); } +.bg-overlay-theme-50:before { background: rgba(247, 198, 5, 0.5); } +.bg-overlay-theme-60:before { background: rgba(247, 198, 5, 0.6); } +.bg-overlay-theme-70:before { background: rgba(247, 198, 5, 0.7); } +.bg-overlay-theme-80:before { background: rgba(247, 198, 5, 0.8); } +.bg-overlay-theme-90:before { background: rgba(247, 198, 5, 0.9); } + + + + + + + + + \ No newline at end of file diff --git a/apply/css - 복사본/style.css b/apply/css - 복사본/style.css new file mode 100644 index 0000000..a5b4fdb --- /dev/null +++ b/apply/css - 복사본/style.css @@ -0,0 +1,1734 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Version: 1.0 +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. + +*/ + + +/*================================================ +[ Table of contents ] +================================================ + :: Header + - topbar + - search + - Cart + - FullWidth + - Light + - Dark + - Left-menu + - Logo-center + - Fancy + - fancy without-topbar + - Side menu icon + - Vertical header + - One page Header + :: Slider (all home page main sliders ) + :: - Slider-parallax one page + :: - Mobile slider + :: Background + :: Home page section + :: Decolines + :: Awesome features + :: Feature Step + :: About Us + :: Resume + :: Portfolio + :: - Portfolio item + :: - Portfolio-item-2 + :: - Portfolio single page + :: Our Blog + :: Our services + :: Creativity + :: Our History + :: Our Service Objects + :: Sidebar + :: About me + :: Team page + :: Error 404 + :: Coming soon + :: Register + :: Login + :: maintenance + :: Our clients + :: Process + :: Careers + :: Sitemap + :: Privacy-policy + :: Page sidebar + :: Terms and conditions + :: Footer + :: Boxed + + v1.2 + :: index portfolio 4 + :: index portfolio 04 about + :: index portfolio single + +====================================== +[ End table content ] +======================================*/ + +/************************* + Header +*************************/ +.default { background: transparent; z-index: 9999; position: absolute; width: 100%; } +/*topbar*/ +.topbar { /*padding: 10px 0;*/ font-size:12px; color:#4a4a4a; } +.topbar ul li { display: inline-block; color: #fff; font-size: 12px; font-weight: normal;} +.topbar ul li:last-child { margin-right: 0px; } +.topbar ul li a { color: #4a4a4a; font-size: 12px; font-weight: normal; font-style: normal; } +.topbar-left { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; letter-spacing: -0.1em;} +.topbar-right { position: relative; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; } +.topbar ul li a:hover { font-weight:600; } +#topbar-nav {list-style:none;} +#topbar-nav li{display:inline-block; position:relative; line-height: 38px; } +#topbar-nav li:first-child > a {border: 0;} +#topbar-nav li > a {border-left: 1px solid #ccc; padding:0px 15px;} + +/*menu*/ +.menu-bar { float: right; } +.mega-menu .menu-links { float: left; } +.search-cart { display: inline-block; } +.search-cart i.icon { color: #ffffff; line-height: 20px; font-size: 14px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } +.search-cart i.icon:hover { color: #FC5C3C; } +.search-cart .search { display: inline-block; padding-right: 15px; padding-left: 10px; } +.search-cart .shpping-cart { display: inline-block; } +.shpping-cart a { position: relative; } +.shpping-cart strong.item { display: block; position: absolute; top: -7px; left: auto; right: -8px; font-size: 10px; color: #ffffff; width: 16px; height: 16px;line-height: 16px; text-align: center; background-color: #FC5C3C; border-radius: 50%; } + + /*search*/ + .search .search-btn { display: block; height: 20px; line-height: 21px; position: relative; text-indent: -9999px; width: 14px; color: #ffffff; -o-transition: color 300ms ease 0s; -moz-transition: color 300ms ease 0s; -ms-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s; transition: color 300ms ease 0s; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } + .search .search-btn:before { content: ""; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; left: 0; position: absolute; text-indent: 0; top: 0; } + .search .search-btn:hover { color: #FC5C3C; } + .search.search-open .search-btn:before { content: ""; } + .search-box { background: #fff; display: block; margin: 0; opacity: 0 !important; padding: 15px; position: absolute; right: 0; top: 100%; transition: visibility 300ms ease 0s, opacity 300ms ease 0s; visibility: hidden; width: 327px; z-index: 888; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; transform-origin: 0 0; transition: all 400ms ease; } + .search.search-open .search-box { opacity: 1 !important;visibility: visible !important; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); box-shadow: 0 0 50px rgba(0,0,0,.1); } + .search .search-box input { background: transparent; border:1px solid #eceff8; padding-left: 15px; border-radius: 3px; } + .search .search-box input:focus { background: transparent; border:1px solid #eceff8; } + .search .search-box i { cursor: pointer; font-size: 15px; position: absolute; right: 27px; top: 31px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } + .search .search-box i:hover { color: #FC5C3C; } + +/*cart*/ +.cart { opacity: 0; visibility: hidden; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,.1); position: absolute; right: 0; margin-top: 0px; right: 0; width: 300px; border: 1px solid #eceff8; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; + transform-origin: 0 0; transition: all 400ms ease;} +.cart.cart-open {-webkit-transform: rotateX(0deg); transform: rotateX(0deg);opacity: 1; visibility: visible; } +.cart:before { bottom: 100%; right: 8px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(194, 225, 245, 0); + border-bottom-color: #fff; border-width: 6px; margin-left: -8px; } +.cart-title { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; } +.cart-item { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; position: relative; } +.cart-item .cart-image { display: table-cell; padding-right: 15px; } +.cart-item .cart-image img { height: 40px; } +.cart-item .cart-name { display: table-cell; vertical-align: top; } +.cart-item .cart-name a { display: block; color: #323232; } +.cart-item .cart-name a:hover { color: #FC5C3C; } +.cart-item .cart-name span { color: #323232; display: inline-block; } +.cart-item .cart-name strong { padding-left: 30px; } +.cart-price del { font-size: 14px; background: transparent; color: #323232; padding-left: 0; } +.cart-price ins { text-decoration: none; color: #FC5C3C; font-size: 16px;font-weight: bold; } +.cart-total { padding: 20px; text-align: center; background: #f7f7f7; } +.cart-total h6 { text-align: center; } +.cart-total a { display: inline-block; margin-top: 20px; padding: 6px 18px; margin: 0; } +.cart-total a.button { display: inline-block; } +.cart-total .button + .button { margin: 0; } +.cart-item .cart-close { position: absolute; right: 20px; top: 20px; } +.cart-item .cart-close a { font-size: 14px; } +.cart-item .cart-close a:hover { color: #323232; } + +/*mega-menu */ + +.mega-menu .drop-down-multilevel.right-menu { right: 0px; } +.mega-menu > section.menu-list-items { padding: 0; } +.mega-menu .menu-links > li > a { text-transform: uppercase; font-size: 16px; font-weight: 600; line-height: 20px; } +.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; } +.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down a { color: #323232; } +.mega-menu .menu-links > li.active .drop-down li.active a { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down a:hover { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down li.active a i { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down a i:hover { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #FC5C3C; } +.mega-menu .row { margin-left: 0px; margin-right: 0px; } +.mega-menu .col-md-12 { padding-left: 0px; padding-right: 0px; } +.mega-menu.desktopTopFixed .menu-logo { padding: 0px; } +.mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } +.mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } + +/*fullWidth*/ +.header.fullWidth .container-fluid { padding: 0 60px; } + +/*light*/ +.header.light { background: #ffffff; position: relative; border-bottom: 1px solid #D1D1D1;} +.header.light .topbar ul li { color: #333; } +.header.light .topbar ul li a { color: #333; } +.header.light .mega-menu .menu-links > li > a { color: #333; } +.header.light .mega-menu .menu-links > li > a:hover { color: #FC5C3C; font-weight: bold;} +.header.light .mega-menu .menu-links > li.active > a { color: #FC5C3C; font-weight: bold;} +.header.light .topbar {/*background-color:#e8e8e8;*/ border-bottom: 1px solid #d1d1d1;} +.header.light .search-cart i.icon { color: #323232; } +.header.light .search-cart i.icon:hover { color: #FC5C3C; } +.header.light .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; border-bottom: 1px solid #D1D1D1;} +.header.light .search .search-btn { color: #323232; } +.header.light .search .search-btn:hover { color: #FC5C3C; } + +/*dark*/ +.header.dark { background: #323232; position: relative; } +.header.transparent { background: rgba(0, 0, 0, 0.4); position: absolute; width: 100%; z-index: 999; } + +/*left-menu*/ +.header.left-menu .menu-bar { float: none; } +.header.left-menu .menu-links { padding-left: 30px; } +.header.left-menu .search-cart { float: right; } + +/*logo-center*/ +.header.logo-center .mega-menu { min-height: 170px; } +.header.logo-center .menu-logo { float: none; display: block; text-align: center; } +.header.logo-center .mega-menu .menu-logo > li > a { float: none; } +.header.logo-center .mega-menu .menu-logo > li { float: none; } +.header.logo-center .mega-menu img { float: none; margin: 0 auto; } +.header.logo-center .menu-bar { float: none; } +.header.logo-center .search-cart { float: right; } +.header.logo-center .mega-menu.desktopTopFixed .menu-logo { float: left; display: inline-block; } +.header.logo-center .mega-menu.desktopTopFixed .menu-logo > li > a { float: left; } +.header.logo-center .mega-menu.desktopTopFixed img { float: left; margin: 0 auto; } +.header.logo-center .mega-menu.desktopTopFixed .menu-bar { float: right; border-top: 0px solid rgba(0, 0, 0, 0.1); } +.header.logo-center .mega-menu.desktopTopFixed .search-cart { float: right; } + +/*fancy */ + +.header.fancy { background: transparent; position: relative; border-bottom: 0; } +.header.fancy .topbar { background: #FC5C3C; padding: 15px 0px 70px; } +.header.fancy .topbar .topbar-right li a:hover { color: #323232; } +.header.fancy .search-cart i.icon { color: #323232; line-height: 20px; } +.header.fancy .topbar-call ul li i { color: #ffffff; } +.header.fancy .mega-menu .menu-logo { padding: 26px 0px; } +.header.fancy .menu { position: absolute; width: 100%; top: 30px; } +.header.fancy .topbar + .menu { top: 60px; } +.header.fancy .mega-menu > section.menu-list-items { background: #ffffff; padding: 0px 25px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } +.header.fancy .mega-menu.desktopTopFixed > section.menu-list-items { border-bottom: 1px solid #f6f6f6; } +.header.fancy .topbar ul li a:hover { color: #323232;} + +.header.fancy .mega-menu .menu-links > li > a { color: #323232; line-height: 20px; } +.header.fancy .mega-menu .menu-links > li > a:hover { color: #FC5C3C; } +.header.fancy .mega-menu .menu-links > li.active > a { color: #FC5C3C; } +.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #ffffff; } +.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #323232; } +.header.fancy .mega-menu.desktopTopFixed .menu-logo { padding: 0; } +.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 20px; } +.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } +.header.fancy .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } +.header.fancy .search-cart i.icon:hover { color: #FC5C3C; } +.header.fancy .search .search-btn { color: #323232; } +.header.fancy .search .search-btn:hover { color: #FC5C3C; } +.header.fancy .mega-menu.desktopTopFixed .drop-down.grid-col-5 { width: 21.66666666666667%; } +.header.fancy .search-box { margin-top: -6px; } + +/*fancy without-topbar*/ +.header.fancy.without-topbar .menu { top: 30px; } +.header.burger .menu-icon { font-size: 30px; color: #323232; } +.header.burger .menu-icon:hover { color: #FC5C3C; } +.header.burger { position: absolute; z-index: 999; width: 100%; padding: 30px 30px; } +.header.burger .logo { display: inline-block; } +.header.burger .logo img { height: 50px; } + +/*side-menu-icon*/ +.side-menu-icon { display: inline-block; } +.side-menu-icon .menu-icon { font-size: 16px; color: #ffffff; padding-left: 15px; } +.side-menu-icon .menu-icon:hover { color: #FC5C3C; } + +/************************* + header text-dark +*************************/ +.header.text-dark .topbar ul li { color: #323232; } +.header.text-dark .topbar ul li a { color: #323232; } +.header.text-dark .topbar ul li a:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li > a { color: #323232; } +.header.text-dark .mega-menu .menu-links > li > a:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active > a { color: #FC5C3C; } +.header.text-dark .topbar { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } +.header.text-dark .search-cart i.icon { color: #323232; } +.header.text-dark .search-cart i.icon:hover { color: #FC5C3C; } +.header.text-dark .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; } +.header.text-dark .search .search-btn { color: #323232; } +.header.text-dark .search .search-btn:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .drop-down-multilevel { background: #323232; } +.header.text-dark .mega-menu .drop-down.menu-bg, .header.text-dark .mega-menu .drop-down-tab-bar { background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png); + background-repeat: no-repeat; background-position: 120% 0; } +.header.text-dark .mega-menu .drop-down, .header.text-dark .mega-menu .drop-down-tab-bar { background: #323232; } +.header.text-dark .mega-menu .drop-down a, .header.text-dark .mega-menu .drop-down-tab-bar a { color: #ffffff; } +.header.text-dark .mega-menu .drop-down i.fa, .header.text-dark .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; } +.header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.text-dark .mega-menu .drop-down-multilevel a { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel li:hover { background: #282828; } +.header.text-dark .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important; background-repeat: no-repeat; background-position: right;} +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #FC5C3C; + background: #282828; } +.header.text-dark .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; } +.header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #FC5C3C; } +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #FC5C3C; } +/*dark-dropdown*/ +.header.dark-dropdown .mega-menu .drop-down-multilevel { background: #323232; } +.header.dark-dropdown .mega-menu .drop-down.menu-bg, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png); + background-repeat: no-repeat; background-position: 120% 0; } +.header.dark-dropdown .mega-menu .drop-down, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: #323232; } +.header.dark-dropdown .mega-menu .drop-down a, .header.dark-dropdown .mega-menu .drop-down-tab-bar a { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.dark-dropdown .mega-menu .drop-down-multilevel a { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel li:hover { background: #282828; } +.header.dark-dropdown .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important; background-repeat: no-repeat; background-position: right;} +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #FC5C3C; + background: #282828; } +.header.dark-dropdown .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #FC5C3C; } +/*label*/ +.header .label.label-default, .header .label.label-primary, .header .label.label-success, .header .label.label-info, .header .label.label-warning, .header .label.label-danger { color: #fff; padding: 0px 5px; line-height: 14px; display: inline-block; } + + +/************************* + one page +*************************/ +header.one-page { position: absolute; width: 100%; z-index: 999; } +.navbar-inverse { background: transparent; border: 0; } +.navbar-brand { height: auto; padding: 25px 0; } +.navbar .navbar-brand img { height: 40px; } +.navbar { min-height: 80px; } +.navbar-nav { float: right; } +.navbar-inverse .navbar-nav>li { padding: 35px 15px; } +.navbar-inverse .navbar-nav>li>a { color: #ffffff; padding: 0; text-transform: capitalize; } +.navbar-inverse .navbar-nav>li>a:hover { color: #FC5C3C; } +.navbar.affix { width: 100%; background: #323232; } +.navbar.affix { width: 100%; background: #323232; } +.navbar { min-height: inherit !important; } +.navbar.affix .navbar-brand img { height: 30px; } +.navbar.affix .navbar-brand { padding: 15px 0; } +.navbar.affix .navbar-nav>li { padding: 20px 15px; } + .navbar-nav>li>a { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } + +/*vertical-header*/ +.vertical-header .container-fluid { padding: 0 80px; } +.menu-responsive { display: none; } +.vertical-header .navbar { overflow-y: scroll; overflow-x: hidden; height: 100%;} +.vertical-header { padding-left: 260px; } +.header.vertical-menu { position: fixed; left: 0; top: 0; width: 260px; min-height: 100%; background: #212121; z-index: 999; -o-transition: all 1s; -webkit-transition: all 1s; + transition: all 1s; } +.header.vertical-menu .menu-bar { float: none; } +.mega-menu.vertical-left, .mega-menu.vertical-right { float: none; } +.menu-widgets { position: absolute; bottom: 20px; } +.menu-widgets .social-icons.border li a { border:2px solid; line-height: 30px; } +.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #FC5C3C; } +header.one-page.vertical-menu { position: fixed; left: 0; top: 0; height: 100%; background: #212121; width: 260px; padding: 30px; } +header.one-page.vertical-menu .navbar-header { float: none; margin-bottom: 20px; } +header.one-page.vertical-menu .navbar-nav { float: none; } +header.one-page.vertical-menu .navbar-nav>li { display: block; float: none; } +header.one-page.vertical-menu .navbar-inverse .navbar-nav>li { padding: 15px 0px; } +header.one-page.vertical-menu .navbar-collapse { padding: 0; } +header.one-page.vertical-menu .menu-widgets { padding: 0px; } + +header.one-page.light { position: relative; background: #ffffff; } +header.one-page.light .navbar { margin-bottom: 0; } +header.one-page.light .navbar-inverse .navbar-nav>li>a { color: #323232; } +header.one-page.light .navbar-inverse .navbar-nav>li>a:hover { color: #FC5C3C; } +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #FC5C3C; } + +header.one-page.light .navbar-inverse .navbar-collapse, header.one-page.light .navbar-inverse .navbar-form { background: #ffffff; } +header.one-page.light .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a { padding: 5px 10px; -o-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; } +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #FC5C3C; -webkit-box-shadow: inset 178px 0px 0px 0px #FC5C3C; -o-box-shadow: inset 178px 0px 0px 0px #FC5C3C; -ms-box-shadow: inset 178px 0px 0px 0px #FC5C3C; -moz-box-shadow: inset 178px 0px 0px 0px #FC5C3C; color: #fff; transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -moz-transition: all 0.9s ease-in; -ms-transition: all 0.9s ease-in; -o-transition: all 0.9s ease-in; } + +.one-page.nav-center .navbar-collapse.collapse { text-align: center; } +.one-page.nav-center .navbar-nav { float: none; display: inline-block; } +.one-page.transparent { background: rgba(0, 12, 27, 0.5); } +.one-page.transparent .navbar { margin-bottom: 0; } + +/*dark-text*/ +.one-page.dark-text .navbar-inverse .navbar-nav>li>a { color: #323232; } +.one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #d12326; } +.one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover { color: #d12326; } +.one-page.dark-text .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } + +/*mega menu vertical*/ +.vertical-menu .menu .menu-logo { padding: 50px 20px; } +.vertical-menu .menu .mega-menu .menu-links > li > a { padding: 0 23px; } +.vertical-menu .menu-widgets { padding: 20px; } + + @media (min-width: 1101px) { +.mega-menu { min-height: inherit; } +.mega-menu > section.menu-list-items { float: none; } +.mega-menu > section.menu-list-items > .container, +.mega-menu > section.menu-list-items > .container > .row, +.mega-menu > section.menu-list-items > .container > .row > div { height: 100%; } +.mega-menu > section.menu-list-items .menu-bar { height: 100%; } +.mega-menu > section.menu-list-items .menu-bar > ul{ display: table !important; height: 100%; } +.mega-menu > section.menu-list-items .menu-bar > ul > li { display: table-cell; vertical-align: middle; float: none; } +.mega-menu .drop-down, .mega-menu .drop-down-tab-bar, .mega-menu .drop-down-multilevel { top: 100%; } +.mega-menu > section.menu-list-items .search-cart { height: 100%; } +.mega-menu > section.menu-list-items .search-cart .search { vertical-align: middle; display: table; height: 100%; float: left; } +.header .search .search-btn { display: table-cell; vertical-align: middle; position: relative; width: 10px; float: none; clear: both; height: 100%; } +.search .search-btn:before { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } +.search-cart .shpping-cart { display: table; float: left; height: 100%; } +.shpping-cart a { position: relative; display: table-cell; vertical-align: middle; } +.shpping-cart strong.item { display: block; position: absolute; top: 50%; border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); margin-top: -10px; } +.cart { top: 100%; } +.mega-menu > section.menu-list-items > .container-fluid, +.mega-menu > section.menu-list-items > .container-fluid > .row, +.mega-menu > section.menu-list-items > .container-fluid > .row > div { height: 100%; } +.logo-center .mega-menu > section.menu-list-items .menu-bar > ul { height: auto; } +.logo-center .mega-menu > section.menu-list-items .menu-bar > ul > li { display: inline-block; } +.logo-center .mega-menu > section.menu-list-items .search-cart { height: auto; } +.logo-center .mega-menu > section.menu-list-items .menu-bar { height: auto; } +.logo-center .mega-menu .drop-down, .logo-center .mega-menu .drop-down-tab-bar, .logo-center .mega-menu .drop-down-multilevel { top: auto; } +.logo-center .mega-menu .menu-links > li > a { line-height: 72px; } +.logo-center.header .search .search-btn { line-height: 72px; } +.logo-center .search-cart i.icon { line-height: 72px; } +.logo-center .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 60px; } +.logo-center .mega-menu.desktopTopFixed .search .search-btn { line-height: 60px; } +.logo-center .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 60px; } +.logo-center .search .search-btn:before { top: inherit; transform: inherit; } +.logo-center .search-cart .shpping-cart { float: right; } + +.vertical-menu .mega-menu > section.menu-list-items .menu-bar { height: auto; } +.vertical-menu .mega-menu > section.menu-list-items .menu-bar > ul > li { display: block; } +.search-cart .side-menu-icon { display: table; float: left; height: 100%; } +.side-menu-icon .menu-icon { position: relative; display: table-cell; vertical-align: middle; } + +.header.light .mega-menu { min-height: 90px; } + +} + +/************************************* + Slider (all home page main sliders ) + **************************************/ +.rev-slider { overflow: hidden; position: relative; } + + + /*slider 10*/ +#rev_slider_14_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; } + #rev_slider_14_1 .zeus .tp-bullet{box-sizing:content-box; -webkit-box-sizing:content-box; border-radius:60%; background-color:rgba(255,255,255,0.5); -webkit-transition:opacity 0.3s ease; transition:opacity 0.3s ease; width:14px;height:14px; border:0px solid rgb(255,201,4)}#rev_slider_14_1 .zeus .tp-bullet:after{content:""; position:absolute; width:100%; height:100%; left:0; border-radius:60%; background-color:rgb(255,201,4); -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:-webkit-transform 0.3s ease; transition:transform 0.3s ease}#rev_slider_14_1 .zeus .tp-bullet:hover:after,#rev_slider_14_1 .zeus .tp-bullet.selected:after{-webkit-transform:scale(1.2); transform:scale(1.2)}#rev_slider_14_1 .zeus .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{width:135px; height:60px; position:absolute; background:#000; background:rgba(0,0,0,0.5); bottom:13px; margin-bottom:10px; transform:translateX(-50%); -webkit-transform:translateX(-50%); box-sizing:border-box; background-size:cover; background-position:center center; visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; border-radius:4px}#rev_slider_14_1 .zeus .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(-50%); -webkit-transform:translateX(-50%)}#rev_slider_14_1 .zeus .tp-bullet-title{color:rgb(255,255,255); text-align:center; line-height:15px; font-size:13px; font-weight:600; z-index:3; visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; position:absolute; bottom:45px; width:135px; vertical-align:middle}#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-imageoverlay{opacity:1; visibility:visible; -webkit-transform:translateY(0px) translateX(-50%); transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{bottom:auto; margin-right:10px; margin-bottom:0px; right:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title{bottom:auto; right:100%; margin-right:10px}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-imageoverlay{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{bottom:auto; margin-left:10px; margin-bottom:0px; left:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title{bottom:auto; left:100%; margin-left:10px}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{bottom:auto; top:13px; margin-top:10px; margin-bottom:0px; left:0px; transform:translateY(0px) translateX(-50%); -webkit-transform:translateX(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet:hover .tp-bullet-image{transform:scale(1) translateY(0px) translateX(-50%); -webkit-transform:scale(1) translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateY(0px) translateX(-50%); -webkit-transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title{bottom:auto; top:13px; margin-top:20px} +#rev_slider_14_1 .uranus.tparrows{width:50px; height:50px; background:rgba(255,255,255,0)}#rev_slider_14_1 .uranus.tparrows:before{width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s}#rev_slider_14_1 .uranus.tparrows:hover:before{opacity:0.75} + + +/************************************* + slider-parallax one page +**************************************/ +.slider-parallax { height: 86vh; position: relative; } +.slider-content-middle { position: absolute; display: inline-block; width: 100%; top: 50%; left: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); + -ms-transform: translate(0,-50%);-o-transform: translate(0,-50%); transform: translate(0,-50%); } +/*scroll-down*/ +.scroll-down { text-align: center; width: 34px; height: 58px; display: inline-block; border-radius: 20px; border:2px solid #fff; position: absolute; left: 50%; bottom: 60px; +margin-left: -17px; line-height: 50px; } +.scroll-down i { height: 10px; width: 4px; background: #fff; display: inline-block; border-radius: 3px; -webkit-animation-name:fadebounce; -moz-animation-name:fadebounce; -ms-animation-name:fadebounce; -o-animation-name:fadebounce; animation-name:fadebounce; -webkit-animation-duration:3s; -moz-animation-duration:3s; -ms-animation-duration:3s; -o-animation-duration:3s; + animation-duration:3s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; + animation-iteration-count:infinite; } +@-moz-keyframes fadebounce { +0% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; } +50% { -moz-transform:translateY(25px); transform:translateY(25px); opacity:1; } +100% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@-webkit-keyframes fadebounce { +0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } +50% { -webkit-transform:translateY(25px); transform:translateY(25px); opacity:1; } +100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@-o-keyframes fadebounce { +0% { -o-transform:translateY(0); transform:translateY(0); opacity:1; } +50% {-o-transform:translateY(25px);transform:translateY(25px);opacity:1; } +100% {-o-transform:translateY(0);transform:translateY(0);opacity:1; } +} +@-ms-keyframes fadebounce { +0% { -ms-transform:translateY(0); transform:translateY(0); opacity:1; } +50% {-ms-transform:translateY(25px);transform:translateY(25px);opacity:1; } +100% {-ms-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@keyframes fadebounce { +0% { transform:translateY(0); opacity:1; } +50% {transform:translateY(25px);opacity:1; } +100% {transform:translateY(0);opacity:1; } +} + +/*personal-typer-banner*/ + .personal-typer-banner span.sub-text { font-size: 22px; line-height: 22px; margin-bottom: 16px; display: block; } + .personal-typer-banner b { border-bottom: 2px solid #FC5C3C; } + .personal-typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; color: #FC5C3C; } + .personal-typer-banner h1 span { color: #ffffff; font-size: 50px; display: inline-block; transform: rotate(-90deg); line-height: 50px; position: relative; top: -11px; left: -20px; } + .personal-typer-banner h2 { border-left: 3px solid #FC5C3C; padding-left: 10px; margin-top: 20px; } + +/*typer-banner*/ +.typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; } +.typer-banner p { font-size: 22px; line-height: 22px; } +.slider-content .typer { color: #FC5C3C !important; } + +/*popup-video-banner*/ +.popup-video-banner h1 { font-size:60px; line-height:80px; font-weight: 400; } +.popup-video-banner a span{ margin-left: 6px; width: 50px; height: 50px; line-height: 50px; display: inline-block; text-align: center; background: #ffffff; color: #FC5C3C; border-radius: 50%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } +.popup-video-banner a:hover span { background: #FC5C3C; color: #ffffff; } +.popup-video-banner a strong { padding-left:10px; display: inline-block; } + + /*video-background-banner*/ +#video-background.bg-overlay-black-50:before { z-index: 0; } +.video-background-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; text-transform: uppercase; } +.video-background-banner .slider-content { border:20px solid #FC5C3C; width: 50%; margin: 0 auto; padding: 60px 30px; } +.video-background-banner .slider-content span { font-size: 22px; line-height: 22px; color: #ffffff; display: block; margin-bottom: 20px; } +.video-background-banner .slider-content p { font-size: 18px; line-height: 22px; color: #ffffff; margin-top: 20px; } + +/* portfolio-banner*/ +.portfolio-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; } +.portfolio-banner .slider-content { background: #ffffff; width: 50%; margin: 0 auto; padding: 60px 30px; box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.02); } +.portfolio-banner .slider-content span { text-transform: uppercase; letter-spacing: 10px; font-size: 18px; line-height: 18px; display: block; margin-bottom: 20px; font-weight: 600; } +.portfolio-banner .slider-content span i { line-height: 20px; } +.portfolio-banner .slider-content h1 { font-size: 70px; margin-bottom: 0; } + + /************************************* + Background + **************************************/ +/*images background*/ + .white-bg { background: #fff; } + .gray-bg { background: #666; } + .dark-gray-bg { background: #666666; } + .theme-bg { background: #FC5C3C; } + .black-bg { background: #323232; } + .dark-theme-bg { background: #050801; } + + .bg-overlay-black-10:before { background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-20:before { background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-30:before { background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-40:before { background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-50:before { background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-60:before { background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-70:before { background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-80:before { background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-90:before { background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-10:before { background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-20:before { background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-30:before { background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-40:before { background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-50:before { background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-60:before { background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-70:before { background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-80:before { background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-90:before { background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-20:before { background: rgba(132,186,63, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-50:before { background: rgba(132,186,63, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-70:before { background: rgba(132,186,63, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-90:before { background: rgba(132,186,63, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-10, .bg-overlay-black-20, .bg-overlay-black-30, .bg-overlay-black-40, .bg-overlay-black-50, .bg-overlay-black-60, .bg-overlay-black-70, .bg-overlay-black-80, .bg-overlay-black-90, .bg-overlay-white-10, .bg-overlay-white-20, .bg-overlay-white-30, .bg-overlay-white-40, .bg-overlay-white-50, .bg-overlay-white-60, .bg-overlay-white-70, .bg-overlay-white-80, .bg-overlay-white-90, .bg-overlay-theme-20, .bg-overlay-theme-50, .bg-overlay-theme-70, .bg-overlay-theme-90, { position: relative; } + + +/************************************* + home page section + **************************************/ +.our-service-home { padding-bottom: 230px; } +.custom-content { margin-top: -220px; background: #FC5C3C; position: relative; z-index: 9; padding: 50px;} + +/************************************* + decolines + **************************************/ +.decolines { pointer-events: none; position: absolute; width: 100%; height: 100%; top: 0;left: 0; pointer-events: none; } +.decolines--fixed { position: fixed; width: 100vw;height: 100vh; } +.decoline { position: absolute; } + +/************************************* + feature step + **************************************/ +.feature-step h1 { font-size: 60px; } +.feature-step h3 { font-weight: 300; margin: 30px 0px 20px; } +.feature-step a { font-size: 14px; color: #FC5C3C; } +.feature-step a:hover { color: #323232; } + +.feature-step-2-box { padding: 70px 30px; z-index: 99; position: relative; } +.feature-step-2.bg-01 { background: url(../images/blog/05.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-02 { background: url(../images/blog/06.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-03 { background: url(../images/blog/09.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-overlay-black-50:before { z-index: 0; } +.feature-step-2 .feature-step-2-title-left h1 { font-size: 75px; line-height: 60px; color: #ffffff; } +.feature-step-2 h3 { margin-bottom: 0; } +.feature-step-2 h2{font-weight: 200; position: relative; padding-bottom: 10px; font-size: 28px; } +.feature-step-2 img {display: block; width: 100%;} +.feature-step-2 .button { margin-top: 20px; } +.feature-step-2 .feature-step-2-title-left {opacity: 0.5; display: table-cell; padding-right: 26px; } +.feature-step-2-title-2-right { display: table-cell; vertical-align: top; } +.feature-step-2.black-bg .feature-step-2-box, .feature-step-2.theme-bg .feature-step-2-box{position: inherit; top: inherit; transform: inherit; display: inline-block;} +.service-blog { padding-top: 50px; padding-right: 25px; margin-bottom: 100px; } +.service-blog p { position: relative; z-index: 9; margin-top: 20px; margin-bottom: 20px; } +.service-blog b {position: absolute; z-index: 0; top: -35px; font-family: 'Poppins', sans-serif; right: -35px; font-size:300px; color: #dde1eb; line-height: normal; opacity: 0.3;} +.service-blog ul { border-right: 6px solid #FC5C3C; padding-right: 20px; } +.service-blog li { color: #626262; font-size: 16px; line-height: 22px; padding: 2px 0 7px; } +.service-blog.left b{left:-35px; right: inherit;} +.service-blog.left ul{border-left:6px solid #FC5C3C;border-right:0 none;padding-left:20px;padding-right:0;} +/*split-section*/ +.split-section { position: relative; z-index: 10; } +.split-section .img-holder { position: absolute; top: 0; width: 100%; height: 100%; } +.split-section .img-side.img-right { right: 0; } +.split-section .img-side.img-left { left: 0; } +.split-section .img-side { right: 0; padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100; } + .our-awesome-core .img-side { top: 20px; } + + /************************************* + about us + **************************************/ +.who-we-are-left .owl-carousel .owl-dots { bottom: 26px; position: absolute; } +.who-we-are-left .owl-carousel.owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; border-radius: 50%; } + + /************************************* + resume + **************************************/ +.resume-page .container-fluid { padding: 0 70px; } +.resume-block .resume-icon { float: left; margin-right: 30px; } +.resume-block .resume-icon span { font-size: 30px; line-height: 50px; color: #FC5C3C; } +.resume-block .resume-name { display: table-cell; } +.resume-block .resume-name span { color: #9ea8b6; font-size: 16px; } +.resume-contact #map { padding-top: 120%; } +.resume-contact .contact-form-main { padding: 80px 80px; } +.resume-contact .footer-widget-social a i { color: #ffffff; background: rgba(43, 43, 43, 0.12); width: 45px; height: 45px; line-height: 45px; } +.resume-contact .footer-widget-social a i:hover { background: rgba(43, 43, 43, 0.19); } + + /************************************* + portfolio + *************************************/ + .isotope-filters { display: table; margin:0px 0px 30px 0px; text-align: left; } +.isotope-filters.text-left { display: block; margin: 0px 0px 30px 0px; text-align: left; } +.isotope-filters button { margin: 4px; cursor: pointer; padding: 6.5px 16px; font-size: 14px; background: transparent; border-radius: 18px; color: #363636; font-weight: 600; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } +.isotope-filters button:focus { outline: none; outline-style: none; outline-offset:0; } +.isotope-filters button.active, .isotope-filters button:hover { background: #FC5C3C; color: #fff; border-color: #FC5C3C; } +.isotope-filters button+button { margin-left: px; background-color: #fff; } +.isotope, .masonry { margin: 0 -15px 0 0; } +.isotope .grid-item img { width: 100%; } +.isotope.columns-1 .grid-item { width: 100%; padding: 0 15px 15px 0; } +.isotope.columns-2 .grid-item { width: 50%; padding: 0 15px 15px 0; } +.isotope.columns-3 .grid-item { width: 33.33333333%; padding: 0 15px 15px 0; } +.isotope.columns-4 .grid-item { width: 25%; padding: 0 15px 15px 0; } +.isotope.columns-5 .grid-item { width: 20%; padding: 0 15px 15px 0; } +.isotope.no-padding .grid-item { padding: 0 !important; } +.masonry.no-padding .masonry-item { padding: 0 !important; } +.masonry .masonry-item img { width: 100%; } +.masonry.columns-2 .masonry-item { width: 50%; padding: 0 15px 15px 0; } +.masonry.columns-3 .masonry-item { width: 33.33333333%; padding: 0 15px 15px 0; } +.masonry.columns-4 .masonry-item { width: 25%; padding: 0 15px 15px 0; } +.masonry.columns-5 .masonry-item { width: 20%; padding: 0 15px 15px 0; } +.isotope.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.isotope.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } +.isotope.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.isotope.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } +.masonry.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.masonry.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } +.masonry.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.masonry.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } + + /************************************* + portfolio item + **************************************/ +.portfolio-title { padding: 100px 60px 30px; } +.portfolio-title span { display: block; } +.portfolio-item { width: 100%; position: relative; overflow: hidden; color: #fff; border: 0; position: relative; } +.portfolio-item img { width: 100%; -webkit-transition: -ms-transform 0.35s; -o-transform 0.35s; -moz-transform 0.35s; transition: transform 0.35s; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;} +.portfolio-item .portfolio-overlay { width: 100%; background: #FC5C3C; padding: 10px 0px; position: absolute; bottom:-80px; display: block; margin-top: 0; float: left; z-index: 9; text-align: left; padding-left: 20px; left: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item .portfolio-overlay h4 { font-weight: 600; margin-bottom: 5px; } +.portfolio-item .portfolio-overlay a:hover { color: #323232; } +.portfolio-item .portfolio-overlay span { font-weight: 400; font-size: 14px; } +.portfolio-item .portfolio-overlay span a { color: #ffffff; } +.portfolio-item .portfolio-overlay span a:hover { color: #323232; } +.portfolio-item a.popup{position: absolute; right: 20px; top: -20px; color: #fff; z-index: 9; display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 40px; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;} +.portfolio-item a.popup:hover { background: #FC5C3C; color: #ffffff; } +.portfolio-item:hover img { -webkit-transform:scale(1.20); -moz-transform:scale(1.20); -ms-transform:scale(1.20); -o-transform:scale(1.20); transform:scale(1.20); } +.portfolio-item:hover a.popup{ opacity: 1; top: 20px; } +.portfolio-item:before { content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-size: 115%; + -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.7s cubic-bezier(.68,.11,.13,.98); + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.owl-carousel .owl-item .portfolio-item img { width: 100%; } + .portfolio-item.only-popup { width: 100%; text-align: center; } + .portfolio-item.only-popup a.popup { display: inline-block; left: 50%; margin-left: -20px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } +.portfolio-item:hover .portfolio-overlay { bottom: 0; } +/* no-title */ +.no-title .portfolio-item .portfolio-overlay { position: inherit; bottom: inherit; background: #f6f7f8; } +.no-title .portfolio-item .portfolio-overlay a, .no-title .portfolio-item .portfolio-overlay span { color: #323232; } +.no-title .portfolio-item .portfolio-overlay a:hover { color: #FC5C3C; } + /*portfolio pupup*/ + .mfp-bottom-bar { display: none; } +.portfolio-home .isotope { margin-bottom: 0; } + +/************************************* + portfolio-item-2 +**************************************/ +.portfolio-item-2 { width: 100%; overflow: hidden; position: relative; } +.portfolio-item-2:before { background: transparent; } +.portfolio-item-2 .portfolio-hover { padding: 20px; position: absolute; z-index: 99; bottom: 0px; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-name { position: absolute; bottom: -10px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-name span { font-size: 14px; color: #fff; display: block; } +.portfolio-item-2 .portfolio-hover .hover-name a { font-size: 22px; text-transform: uppercase; color: #fff; display: block; margin-top: 5px; } +.portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #FC5C3C; } +.portfolio-item-2 .portfolio-hover .hover-icon { position: absolute; bottom: -10px; right: 30px; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-icon a { color: #fff; } +.portfolio-item-2 .portfolio-hover .hover-icon a:hover { color: #FC5C3C; } +.portfolio-item-2:hover .portfolio-hover { opacity: 1; background: rgba(0, 0, 0, 0.9); } +.portfolio-item-2 img { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } +.portfolio-item-2:hover img { opacity: 0.1; -webkit-transform:scale(1.10); -moz-transform:scale(1.10); -ms-transform:scale(1.10); -o-transform:scale(1.10); transform:scale(1.10); } +.portfolio-item-2:hover .portfolio-hover .hover-name { bottom: 30px; } +.portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: 40px; } +.no-title .portfolio-item-2 { overflow: visible; } +.no-title .portfolio-item-2 .portfolio-hover { position: inherit; border: inherit; opacity: 1; background: #f6f7f8; clear: both; } +.no-title .portfolio-item-2:hover .portfolio-hover { bottom: inherit; background: inherit; background: #f6f7f8; } +.no-title .portfolio-item-2 .portfolio-hover .hover-name { bottom: inherit; position: inherit; display: inline-block; clear: both; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon { bottom: inherit; position: inherit; display: inline-block; float: right; padding-top: 20px; text-align: right;} +.no-title .portfolio-item-2:hover .portfolio-hover .hover-name { bottom: inherit; } +.no-title .portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: inherit; } +.no-title .portfolio-item-2:hover img { opacity: 1; -webkit-transform:inherit; -moz-transform:inherit; -ms-transform:inherit; -o-transform:inherit; transform:inherit; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon a, .no-title .portfolio-item-2 .portfolio-hover .hover-name span, .no-title .portfolio-item-2 .portfolio-hover .hover-name a { color: #323232; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .no-title .portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #FC5C3C; } + + /************************************* + Portfolio single page +**************************************/ + /*tags*/ +.tags h5 { display: inline-block; padding-right: 20px; } +.tags ul { display: inline-block; } +.tags li { display: inline-block; } +.tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } + +/*share*/ +.share .social ul { display: inline-block; } +.share .social ul li { display: inline-block; padding: 0px 6px; } +.share .social ul li a:hover { color: #353535; } + +/*port-meta*/ +.port-meta ul { margin-bottom: 30px; } +.port-meta li { margin-bottom: 20px; font-size: 16px; } +.port-meta li b { color: #FC5C3C; width: 200px; font-weight: 400; width: 100px; display: inline-block; } +.port-meta li span { font-weight: normal; } +.port-info p { margin-bottom: 0px; } + +/*port-navigation*/ +.port-navigation { padding: 20px 0; border-bottom:1px dashed #d0d0d0; border-top: 1px dashed #d0d0d0;} +.port-navigation a { color: #626262; } +.port-arrow { height: 74px; width: 40px; text-align: center; background: #f7f7f7; display: inline-block;} +.port-arrow i { text-align: center; font-size: 25px; line-height: 75px;} +.port-photo { width: 124px; height: 77px; display: inline-block; } +.port-photo img { width: 100%; } + +/*port-post*/ +.port-post { background: #f7f7f7; padding: 15px; } +.port-post-photo { width: 170px; display: inline-block; float: left; margin-right: 20px; } +.port-post-photo img { width: 100%; } + +/*port-post-info*/ +.port-post-info { padding-left: 190px;} +.port-post-info h3 { display: inline-block; font-size: 24px; } +.port-post-info span { color: #626262; } +.port-post-social strong { font-size: 14px; } +.port-post-social a { color: #626262; margin-left: 8px; font-size: 14px; } +.port-post-social a:hover { color: #FC5C3C; } +.port-post-info p { margin-top: 10px; } +.port-singal .owl-carousel .owl-item img { width: 100%; } + +/************************************* + Our Blog + **************************************/ + /*Blog 1*/ +.blog-box { padding: 30px; border:1px solid #ddd; position: relative; z-index: 1; } +.blog-info { position: relative; z-index: 9; } +.blog-info span { color: #626262; font-size: 14px; margin-right: 6px; } +.blog-info h4 { font-weight: 600; font-size: 18px;} +.blog-box .post-format-icon{text-align: right; position: relative; z-index: 9} +.blog-box .post-format-icon i { padding-right: 0; font-size: 35px; color: #e1e1e1; } +.blog-info p { padding: 0px 0 10px; font-size: 14px; } +.blog-box .post-category a { display: inline-block; padding: 5px 15px; font-size: 12px; text-transform: uppercase; font-weight: 700; border-radius: 50em; color:#fff; background-color: #FC5C3C; -webkit-transition: all 0.3s ease; -moz-transition: ll 0.3s ease; transition: all 0.3s ease; margin-bottom: 20px;} +a.blog-btn { text-align: center; font-size: 14px; color: #FC5C3C; display: block; padding-bottom: 12px; position: relative; z-index: 1; } +a.blog-btn i { margin-left: 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-box .border { position: absolute; background: #FC5C3C; height: 0px; bottom: 0; left: 0; z-index: 0; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-box .blog-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background-size: cover; background-position: center center; } +.blog-box:hover .blog-box-img, .blog-box.active .blog-box-img { opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-1:hover h4, .blog-1:hover i, .blog-1:hover span, .blog-1:hover p, .blog-1:hover a.blog-btn, .blog-1.active h4, .blog-1.active i, .blog-1.active span, .blog-1.active p, .blog-1.active a.blog-btn,.blog-1:hover .post-category a,.blog-1:hover .post-format-icon i,.blog-1.active .post-category a,.blog-1.active .post-format-icon i { color: #fff; } +.blog-box:hover .blog-box-img:before, .blog-box.active .blog-box-img:before { background: rgba(0, 0, 0, 0.6); color: #fff; content: ""; display: inline-block; height: 100%; + left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } +.blog-box.blog-2 {padding: 0; position: relative; border:none; transition: all 0.5s ease 0s; height: 100%; } +.blog-box.blog-2 .blog-info{background: #ffffff; padding: 30px;} +.blog-box.blog-2.gray-bg .blog-info {background: #f7f7f7; } +.blog-box.blog-2 .blog-box-img{opacity: 1;} +.blog-box.blog-2 .post-format-icon{position: absolute; right: 30px; top: 30px;} +.blog-box.blog-2 .button.icon-color{text-transform: capitalize; float: right;} +.blog-box.blog-2:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);} +.blog-box.blog-2.gray-bg:hover { box-shadow: none;} +.blog-box.blog-2.transparent .blog-info { background: transparent; padding: 30px 0; } +.blog-box.blog-2.transparent .blog-info span { color: #ffffff; } + + +/*************************** + blog +***************************/ +.blog-entry { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } +.blog-entry:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } +.blog-entry .entry-image img { width: 100%; } +.blog-entry .blog-detail { background: #ffffff; padding: 30px; border-top: 0px; } +.blog-entry .blog-detail .entry-title a { font-size: 22px; font-weight: 600; line-height: 24px; color: #353535; line-height: 28px; } +.blog-entry .blog-detail .entry-title a:hover { color: #FC5C3C; } +.blog-entry .entry-meta ul li { display: inline-block; margin-right: 12px; } +.blog-entry .entry-meta ul li i { color: #FC5C3C; padding-right: 6px; } +.blog-entry .entry-meta ul li a { color: #353535; line-height: 0px; padding-right: 5px; } +.blog-entry .entry-meta ul li a i { padding-right: 6px; color: #FC5C3C; } +.blog-entry .entry-meta ul li a:hover { color: #FC5C3C; } +.blog-entry .social strong { display: inline-block; margin-right: 10px; } +.blog-entry .entry-button { display: inline-block;} +.blog-entry .social ul { display: inline-block; } +.blog-entry .social ul li { display: inline-block; padding: 0px 6px; } +.blog-entry .social ul li a:hover { color: #353535; } +.blog-entry .entry-share { margin-top: 20px; display: block; } + +/*blog-entry blockquote*/ +.blog-entry.blockquote { background: #FC5C3C; border: 0px; padding: 36px 30px; } +.blog-entry.blockquote blockquote { background: #FC5C3C; border-left: 0px; color: #ffffff; padding: 0px; position: relative; margin-top: 0 !important; padding-top: 60px; } +.blog-entry.blockquote blockquote:before { content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #ffffff; position: absolute; left: 0px; top: -20px; } +.blog-entry.blockquote .blog-detail { border: 0px; background: #FC5C3C; padding: 0px; } +.blog-entry.blockquote .blog-detail .entry-title a { color: #ffffff; } +.blog-entry.blockquote .blog-detail .entry-title a:hover { color: #323232; } +.blog-entry.blockquote .social ul li a { color: #ffffff; } +.blog-entry.blockquote .social ul li a:hover { color: #323232; } +.blog-entry.blockquote .entry-meta ul li a { color: #ffffff; } +.blog-entry.blockquote .entry-meta ul li i { color: #ffffff; } +.blog-entry.blockquote .entry-meta ul li a i { color: #ffffff !important; } +.blog-entry.blockquote .entry-meta ul li a:hover { color: #323232; } +.blog-entry.blockquote .button.arrow.white:hover { color: #323232; } + +/*video vimeo and youtube*/ +.js-video { height: 0; padding-top: 25px; padding-bottom: 54%; position: relative; overflow: hidden; } +.js-video.widescreen { padding-bottom: 34.34%; } +.js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: none; } +.js-video.big { padding-top: 30px; } + +.blog-entry .grid-post li { float: left; width: 50%; border-right: 4px solid #fff; border-bottom: 4px solid #fff; list-style: none; } +.blog-entry .grid-post li img { width: 100%; } +.blog-entry .grid-post li .portfolio-item { width: 100%; } + + /*blog-entry-audio*/ + .blog-entry .blog-entry-audio { padding: 136px 20px; background: url(../images/blog/04.jpg) no-repeat; background-position: center center; background-size: cover; } + + /*blog pages*/ + /*blog-grid-3-column*/ + .blog-grid-3-column .blog-entry .blog-entry-audio { padding: 63px 20px; } + .blog-grid-2-sidebar .blog-entry .blog-entry-audio { padding: 96px 20px; } + +/************************************* + our services +**************************************/ +.service-image-holder { position: relative; height: 496px; } +.service-image-holder .section-title-2 { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } +.services-text-box { background:#fff; padding: 10% 15%;} +.services-text-box-black { background:#363636; padding: 80px 50px !important; } +.services-text-box-green { background:#FC5C3C; padding: 80px 50px !important; } + +/************************************* + creativity +**************************************/ +.creativity h1 { line-height: 65px; text-transform: uppercase; font-size: 50px; font-weight: bold; } +.creativity p { font-size: 30px; } +.creativity .button { display: inline-block; float: none; } + .contact-map iframe { width: 100%; height: 100%; } +#formmessage {display: none;} +.contact-form .section-field { position: relative; width: 31.3%; margin-right: 3%; float: left; } +.contact-form .section-field:nth-child(3) { margin-right: 0px; } +.contact-form .section-field:nth-child(6) { margin-right: 0px; } +.contact-box.contact-box-top { margin-top: -1px; position: relative; } +.touch-in .contact-box {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); display: inline-block; margin-bottom: 0; padding: 60px 20px; width: 100%;} +.contact-box i { background: #FC5C3C; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 5px; font-size: 34px; color: #ffffff; display: inline-block;} +.contact-form .form-control {position: relative; width: 100%; margin-bottom: 20px; } +.section-field.textarea{width: 100%;} +.g-recaptcha.section-field {width: 100%; margin-bottom: 20px; } +.contact-form textarea.form-control {width: 100%; } +.contact-box .contact-icon { display: table-cell; padding-right: 20px; } +.contact-box .contact-icon i { background: transparent; line-height: normal; font-size: 34px; height: auto; width: auto;} +.contact-box.theme-bg .contact-icon i{color: #ffffff !important;} +.contact-box .contact-info { display: table-cell; vertical-align: top; padding: 0; background: none;} +.contact-2 .addresss-info p, .contact-2 .addresss-info i, .contact-2 .addresss-info li{color: #ffffff;} +.contact-2 .contact-add{padding: 80px 0} +.contact-2 .contact-add i{font-size: 40px;} +.contact-3 #map { padding-top: 101%; } +.contact-2 #map { padding-top: 100%; } +.map-side { left: 0; overflow: hidden; padding: 0; position: absolute; top: 0; z-index: 9;} +.map-side.map-right {left: auto; right: 0;} +.contact-3 .contact-add{padding: 80px 20px; } +.contact-3 .contact-add i{font-size: 40px; color: #FC5C3C;} +.contact-3 .contact-form .section-field {width: 100%;} +.contact-social ul li { display: inline-block; } +.contact-social ul li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #323232; background: #eceff8; font-size: 14px; border-radius: 3px; margin-right: 5px; } +.contact-social ul li a:hover { background: #353535 !important; color: #fff;} +.contact-3 .theme-bg.contact-add i{color: #ffffff !important;} +.footer #logo-footer { height: 30px; } +.footer-contact .footer-nav ul li a { color: #353535; } +.footer-contact .footer-nav ul li a:hover { color: #2046f2; } +.footer-contact .contact-box .contact-icon i { background: transparent; color: #FC5C3C; margin-bottom: 10px; } +.footer.footer-topbar hr { border-color: #d9d9d9; } +.footer-contact .social ul { background: #f6f7f8; } +.footer-contact .social ul li a i { color: #353535; } +.footer-contact .social ul li a i:hover { color: #2046f2; } +.footer-contact .usefull-link ul li a { color: #353535; } +.footer-contact .usefull-link ul li a:hover { color: #2046f2; } +.footer-contact { box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); margin-bottom: 80px; margin-top: -220px; padding: 60px 0; } +.footer-contact .contact-box { text-align: center; } +.footer-contact .contact-box .contact-icon { display: block; padding-right: 0; color: #2046f2; } +.footer-contact .contact-box .contact-info { display: block; background: none; padding: 0; width: 100%;} +.footer-contact .contact-box .contact-info .section-title { margin-bottom: 0px; } +.footer-contact .contact-box .contact-info h5 { color: #353535; } +.our-clients.theme-bg{padding: 60px 0 170px;} +.footer-Newsletter .form-control::-moz-placeholder { color: rgba(255,255,255,0.5); } +.footer-Newsletter .form-control::-ms-input-placeholder { color: rgba(255,255,255,0.5); } +.footer-Newsletter .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.5); } + +/************************************* + Our History +**************************************/ + .history-main { width: 100%; } + .liner { background: #fff; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: 96%; z-index: 1; position: relative; } + .liner i { position: absolute; right: -2px; top: -9px; color: #fff; } + .history-content { list-style: outside none none; padding: 125px 0; width: auto; } + .history-1 { position: relative; left: 45px; } + .history-2 { position: relative; margin-left: 30%; } + .history-3 { position: relative; margin-left:58%; } + .history-4{ position: relative; margin-left: 95%; } + .history-line { background: #fff; height: 60px; left: 3px; position: absolute; top: -75px; width: 2px; z-index: 9; } + .history-time-lin { position: relative; top: 10px; z-index: 2; } + .history-time-lin:before { bottom: 0; } + .history-time-lin:before { background: #fff; border-radius: 50%; content: ""; height: 20px; left: -5px; position: absolute; width: 20px; z-index: 1; } + .history-time-lin:after { border:2px solid #fff; background: #000; border-radius: 50%; content: ""; height: 30px; left: -5px; position: absolute; width: 30px; } + .history-time-lin:after { left: -10px; top: -25px; } + .history-item { left: -20px; position: absolute; top: -125px; } + .history-item a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } + .history-5 { position: relative; margin-left: 15%; } + .history-6 { position: relative; margin-left: 53%; } + .history-7 { position: relative; margin-left:78%; } + .history-line-2 { background: #fff none repeat scroll 0 0; height: 60px; left: 3px; position: absolute; top: 15px; width: 2px; z-index: 9; } + .history-item-2 { left: -20px; position: absolute; top: 75px; } + .history-item-2 a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } + /*Our History */ +.our-history .timeline { list-style: none; padding: 20px 0 20px; position: relative; } +.our-history .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 2px; background-color: #e6e6e6; left: 50%; margin-left: -0.5px; } +.our-history .timeline > li { margin-bottom: 20px; position: relative; } +.our-history .timeline > li:before, +.our-history .timeline > li:after { content: " "; display: table; } +.our-history .timeline > li:after { clear: both; } +.our-history .timeline > li:before, +.our-history .timeline > li:after { content: " "; display: table; } +.our-history .timeline > li:after { clear: both;} +.our-history .timeline > li > .timeline-panel { width: 46%; float: left; padding: 15px 00px 25px 00px; position: relative; } +.our-history .timeline > li > .timeline-panel:before { position: absolute; top: 23px; right: -25px; display: inline-block; width: 25px; height: 2px; background: #e6e6e6; content: " "; } +.our-history .timeline > li > .timeline-badge { color: #fff; width: 18px; height: 18px; line-height: 10px; font-size: 0.7em; text-align: center; position: absolute; top: 16px; left: 50%; + border:3px solid #FC5C3C; margin-left: -9px; background-color: #fff; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0 0 0 5px #f6f6f6; } +.our-history .timeline > li.timeline-inverted > .timeline-panel { float: right;} +.our-history .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -25px; right: auto; } +.our-history .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } + .our-history .timeline-body > p, +.our-history .timeline-body > ul { margin-bottom: 0; } +.our-history .timeline-body > p + p margin-top: 5px; +.our-history .timeline > li { text-align: right;} +.our-history .timeline > li.timeline-inverted { text-align: left;} +.our-history .timeline .timeline-arrow { position: absolute; width: 100%; left: 0.5px; right: 0; text-align: center; color: #e6e6e6; bottom: -29px; } +.our-history .timeline > li > .timeline-badge p{width: 200px; margin-top: -9px; margin-left: 25px;font-size: 17px; font-weight: bold; text-align: left;} +.our-history .timeline > li.timeline-inverted .timeline-badge p{text-align: right; float: right; margin-right: 25px;} + +/************************************* + our-service objects +**************************************/ +.our-service { position: relative; padding-bottom: 280px; z-index: 1; } +.objects-left { position: absolute; height: 100%; width: 100%; left: 0; top: 80px; z-index: -1; } +.objects-left .objects-1 { position: absolute; left: 50px; top: 0; } +.objects-left .objects-2 { position: absolute; left: 100px; bottom: 170px; } +.objects-left .objects-3 { position: absolute; left: 50%; bottom: 150px; margin-left: -150px; } +.objects-right { position: absolute; height: 100%; width: 100%; right: 0; top:80px; z-index: -1; } +.objects-right .objects-4 { position: absolute; right: 0px; top: 0; } +.objects-right .objects-5 { position: absolute; right: 0px; bottom: 170px; } +.objects-right .objects-bottom { position: absolute; right: 0px; bottom: 0; } + +/************************************* + sidebar +**************************************/ +.sidebar-widget p { margin-bottom: 0px; } +/*.widget-search */ +.widget-search { position: relative; } +.widget-search input { padding-right: 30px; color: #353535; box-shadow: none; background: #f6f7f8; } +.widget-search i { position: absolute; right: 0px; padding: 16px 22px; font-size: 14px; color: #626262; cursor: pointer; } +.widget-search input:focus { border-color: #FC5C3C; } + +/*Recent Posts*/ +.sidebar-widget .recent-post { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding-bottom: 20px; margin-bottom: 20px; } +.sidebar-widget .recent-post .recent-post-image { float: left; margin-right: 15px; } +.sidebar-widget .recent-post .recent-post-image img { width: 50px; height: 50px; border-radius: 50%; } +.sidebar-widget .recent-post .recent-post-info { overflow: hidden; } +.sidebar-widget .recent-post .recent-post-info a { display: block; margin-bottom: 5px; color: #323232; } +.sidebar-widget .recent-post .recent-post-info a:hover { color: #FC5C3C; } +.sidebar-widget .recent-post .recent-post-info span { color: #FC5C3C; font-style: italic; font-size: 14px; } +.sidebar-widget .recent-post .recent-post-info span i { padding-right: 10px; } +.sidebar-widget .recent-post:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } + +/*widget-archives*/ +.sidebar-widget .widget-categories li { display: block; margin-bottom: 6px; } +.sidebar-widget .widget-categories li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } +.sidebar-widget .widget-categories li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 10px; width: 20px; height: 20px; text-align: center; } +.sidebar-widget .widget-categories li a:hover { color: #FC5C3C; } +.sidebar-widget .widget-categories li a:hover i { border-color: #FC5C3C; color: #FC5C3C; } + +/*widget-link*/ +.sidebar-widget .widget-link li { display: block; margin-bottom: 6px; } +.sidebar-widget .widget-link li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } +.sidebar-widget .widget-link li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 20px; width: 20px; height: 20px; text-align: center; } +.sidebar-widget .widget-link li a:hover { color: #FC5C3C; } + +/*tags*/ +.sidebar-widget .widget-tags li { display: inline-block; } +.sidebar-widget .widget-tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.sidebar-widget .widget-tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } + +/*widget-testimonial*/ +.sidebar-widget .testimonial-widget .testimonial-content { background: #f6f7f8; padding: 20px; font-style: italic; border-radius: 5px; position: relative; } +.sidebar-widget .testimonial-widget .testimonial-content:before { position: absolute; content: ""; bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; +border-color: #f6f7f8 transparent transparent transparent; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar { display: table-cell; padding-right: 20px; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar img { width: 50px; height: 50px; border-radius: 50%; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name { display: table-cell; vertical-align: top; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name span { display: block; font-style: italic; font-size: 14px; } +.sidebar-widget .testimonial-widget .testimonial-info:before { display: none; } + +/*widget-gallery*/ +.sidebar-widget .widget-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; } + +/*widget-newsletter*/ +.sidebar-widget .widget-newsletter { background: #f6f7f8; padding: 30px; position: relative; z-index: 9; overflow: hidden; } +.sidebar-widget .widget-newsletter .newsletter-icon { position: absolute; right: 0; top: -16px; } +.sidebar-widget .widget-newsletter .newsletter-icon i { font-size: 100px; z-index: 0; color: rgba(0, 0, 0, 0.05); } +.sidebar-widget .widget-newsletter .form-control { background: #ffffff; box-shadow: none; } + +/*widget-clients*/ +.sidebar-widget .widget-clients .item { background: #f6f7f8; padding: 30px 30px; } + +/*opening-time*/ + .opening-time ul li { font-size: 14px; line-height: 20px; color: rgba(255,255,255,0.5); border-bottom: 1px solid #262626; padding-bottom: 14px; margin-bottom: 14px; } + .opening-time ul li:last-child { border-bottom: 0; } + +/************************************* + About me +**************************************/ +.about-me .custom-content { margin-top: 0px; } +.about-me .maintenance-progress-bar { margin: 0; } +.about-me .maintenance-progress-bar .progress-bar { margin: 0 44px; } +.maintenance-progress-bar .progress-bar .rotate { background: #FC5C3C !important; } +.maintenance-progress-bar .progress-bar .right { background: #FC5C3C !important; } +.about-me .portfolio-item { width: 100%;} +.about-me .contact-me p { color: #363636; margin: 15px 0; display: table; } +.about-me .contact-me i { float: left; color: #FC5C3C; margin-right: 15px; line-height: 23px; width: 20px; } +.about-me .follow-me ul { margin-top: 20px; } +.about-me .follow-me li { display: inline-block; } +.about-me .follow-me li a { background: #e4e4e4; color: #FC5C3C; border-radius: 3px; display: block; width: 35px; height: 35px; line-height: 35px; margin-right: 2px; text-align: center; font-size: 16px; } +.about-me .follow-me li a:hover { background: #FC5C3C; color: #fff; } + +/************************************* + Team 1 page +**************************************/ +/*team-details*/ + .team-details .social{display:table;float:right;} +.team-details .social li a { background:#f7f7f7 none repeat scroll 0 0;border-radius:3px;color:#FC5C3C;display:block;font-size:15px;height:35px;line-height:35px;margin-left:0px;text-align:center;width:35px; } +.team-details .social li a:hover { background: #FC5C3C; color: #ffffff; } +.team-details .info i{color:#f7f7f7;font-size:126px;left:0;position:absolute;z-index:0;} +.team-details .info p{font-size:16px;font-style:italic;line-height:28px;padding-left:64px;position:relative;z-index:9;} + +/************************************* + blog page +**************************************/ + .owl-carousel img { width: 100%; } +/*pagination-nav*/ +.pagination { margin:0px; } +.pagination li a { font-size: 15px; font-weight: 500; margin: 0 5px; color: #626262; border-radius: 50%; } +.pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 50%; } +.pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 50%; } +.pagination>.active>a, .pagination>.active>a:hover { color: #626262; } +.pagination > li > a, .pagination > li > span { width: 44px; height: 44px; line-height: 44px; background: #f6f7f8; border:0px; padding: 0; text-align: center; } +.pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background-color:#FC5C3C; color: #ffffff;} +.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color:#FC5C3C; color: #ffffff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); } +.dataTables_paginate li.paginate_button.previous a, .dataTables_paginate li.paginate_button.next a { width: inherit; height: inherit; background: transparent !important; color: inherit !important; box-shadow: none !important; } + /*timeline blog*/ +.blog .timeline { list-style: none; padding: 20px 0 20px; position: relative; } +.blog .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 4px; background-color: #f7f7f7; left: 50%; margin-left: -1.5px; } +.blog .timeline > li { margin-bottom: 20px; position: relative; width: 46%; float: left; clear: left; } +.blog .timeline > li:before, +.blog .timeline > li:after { content: " "; display: table; } +.blog .timeline > li:after { clear: both; } +.blog .timeline > li:before, +.blog .timeline > li:after { content: " "; display: table; } +.blog .timeline > li:after { clear: both; } +.blog .timeline > li > .timeline-panel { width: 95%; float: left; border: 1px solid #d4d4d4; /*border-radius: 2px;*/ /*padding: 20px;*/ position: relative; border:1px solid #f7f7f7; + padding: 20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } +.blog .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #f7f7f7; + border-right: 0 solid #f7f7f7; border-bottom: 15px solid transparent; content: " "; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } +.blog .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; + border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } +.blog .timeline > li > .timeline-badge { color: #fff; width: 54px; height: 54px; line-height: 18px; padding: 6px; font-size: 22px; border:4px solid #f7f7f7; background: #fff; + border-radius: 50%; text-align: center; font-weight: bold; position: absolute; color: #f7f7f7; top: 16px; right: -73px; /*z-index: 100;*/ } +.blog .timeline > li > .timeline-badge span { font-size: 13px; font-weight: normal; display: block; } +.blog .timeline > li.timeline-inverted > .timeline-panel { float: right; } +.blog .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } +.blog .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } +.blog .timeline-title { margin-top: 0; color: inherit; } +.blog .timeline-body > p, +.blog .timeline-body > ul { padding:20px; margin-bottom: 0; } +.blog .timeline-body > p + p { margin-top: 5px; } +.blog .timeline-footer { padding:20px; background-color:#f4f4f4; } +.blog .timeline-footer > a { cursor: pointer; text-decoration: none; } +.blog .timeline > li.timeline-inverted { float: right; clear: right; margin-top: 30px; margin-bottom: 0px; } +.blog .timeline > li:nth-child(2){ margin-top: 60px; } +.blog .timeline > li:nth-child(3){ margin-top: 60px; } +.blog .timeline .entry-title i { font-size: 24px;} +.blog .timeline-inverted .timeline-badge { margin-top: 70px} +.blog .timeline li.timeline-inverted .timeline-panel:after { top: 98px; } +.blog .timeline li.timeline-inverted .timeline-panel:before { top: 97px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: -73px; } +.blog .timeline li.entry-date { top: 0; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } +.blog .timeline li.entry-date span { background: #f7f7f7; color: #363636; font-size: 16px; font-weight: 400; text-transform: capitalize; padding: 10px 25px;border-radius: 30px;} +.blog .timeline li.entry-date-bottom { bottom: -30px; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } +.blog .timeline li.entry-date-bottom a { background: #f7f7f7; padding: 7px 10px; color: #363636; font-size: 16px; padding: 10px 25px; border-radius: 30px; } +.blog .timeline li.entry-date-bottom a:hover { background: #FC5C3C; color: #fff; } +.blog .timeline li:hover .timeline-panel { border-color: #FC5C3C; } +.blog .timeline li:hover .timeline-badge a { color: #fff; } +.blog .timeline li:hover .timeline-badge{ background: #FC5C3C; border-color: #FC5C3C; } +.blog .timeline li:hover .timeline-panel:before { border-left-color: #FC5C3C; border-right-color: #FC5C3C; } +.blog .blog.timeline .entry-quote p { font-size: 16px; } +/* blog 2 column masonry left sidebar */ +.blog.timeline-sidebar .timeline > li { width: 89%; } +.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 50%;} +.blog.timeline-sidebar .timeline:before { left: 54px; } +.blog.timeline-sidebar .timeline li.entry-date { text-align: left;} +.blog.timeline-sidebar .timeline li.entry-date-bottom { text-align: left;} +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -66px; } +.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 0px; } +.blog.timeline-sidebar .timeline > li:nth-child(3) { margin-top: 30px; } +.blog.timeline-sidebar .timeline li.entry-date { top: 3px; } +.blog.timeline-sidebar .timeline li.entry-date span { font-size: 14px; padding: 10px 25px; } +.blog.timeline-sidebar .timeline li.entry-date-bottom { bottom: -48px; } +.blog.timeline-sidebar .timeline li.entry-date-bottom a { font-size: 14px; padding: 10px 25px; } +.blog.timeline-sidebar .timeline li .share ul li { width: auto; } + +/*blog-single*/ +.blog-single .blog-entry { box-shadow: none; } +.blog-single .blog-entry .blog-detail { padding: 0; margin-top: 20px; } + +.blog-single .blockquote { font-style: italic; line-height: 30px; background: #f6f7f8 !important; } +.blog-single .blog-entry.blockquote blockquote { background: #f6f7f8;color: #626262; } +.blog-single .blog-entry.blockquote blockquote cite { color: #FC5C3C; } +.blog-single .entry-share .tags { display: inline-block; } +.blog-single .blog-entry.blockquote blockquote:before { color: #323232; top: 20px; } + +/*blog-comments*/ +.comments-1 .comments-photo { width: 106px; height: auto; float: left; border:5px solid #f7f7f7; margin-right: 20px; } +.comments-1 .comments-photo img { width: 100%; } +.comments-1 .comments-info { display: table; background: #f7f7f7; padding: 20px; margin-bottom: 20px; } +.comments-1 .comments-info h4 { display: inline-block; } +.comments-1 .comments-info span { font-size: 13px; color: #626262; } +.comments-1 .comments-info a { color: #FC5C3C; } +.comments-1 .comments-info a:hover { color: #363636; } +.comments-1.comments-2 { padding-left: 127px; } +.comments-1.comments-2 .comments-info { background: #fff; margin-bottom: 0px; padding: 20px 20px 10px; } + +/************************************* + error 404 +**************************************/ +.error-block { position: relative; z-index: 9; padding: 20px 0 130px 0px; } +.error-block .error-text { position: absolute; text-align: center; left: 0; right: 0; z-index: -1; } +.error-block .error-text h2 { font-size: 420px; line-height: 300px; color: rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0; } +.error-block .error-text span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 134px; line-height: 100px; color: rgba(0, 0, 0, 0.1); font-weight: bold; } +.error-block h1 { font-size: 87px; padding-top: 110px; } +.error-block p { font-size: 33px; } + +.error-text-02 { position: relative; text-align: center; } +.error-text-02 h2 { font-size: 420px; line-height: 300px; color: rgba(255, 255, 255, 0.2); position: relative; left: -70px; top: 0; } +.error-text-02 span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 117px; line-height: 100px; color: rgba(255, 255, 255, 0.2); font-weight: bold; } +.error-middle { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } + + +/************************************* + coming soon +**************************************/ +.coming-soon { background: transparent; } +.coming-soon-countdown ul.countdown { list-style: none; margin: 75px 0; padding: 0; display: block; text-align: center; } +.coming-soon-countdown ul.countdown li { display: inline-block; width: 24%; } +.coming-soon-countdown ul.countdown li span { font-size: 90px; font-weight: bold; line-height: 80px; color: #FC5C3C; } +.coming-soon-countdown ul.countdown li p { color: #626262; font-size: 20px; text-transform: capitalize; margin-bottom: 30px; } +.coming-soon .coming-soon-form input { color: #626262; } +.coming-soon-form` input { width: 50%; color: #fff; display: block; margin: 0 auto; } +.coming-soon-form.contact-form input { width: 50%; display: block; margin: 0 auto; } +.coming-soon-middle { padding: 100px; display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } + +/************************************* + Register +**************************************/ +.register-form .section-field { display: block; } +.register-form .field-widget { position: relative; } +.register-form .field-widget input { width: 100%; margin-bottom: 20px; padding-left: 30px; } +.register-form .field-widget select { width: 100%; margin-bottom: 20px; padding-left: 15px; } +.register-form .field-widget input.gui-input { padding-left: 140px;} +.register-form .field-widget .button { background: #666; height: 46px; left: 0; margin: 2px; position: absolute; text-align: center; top: 0; width: 115px; border:0; } +.register-form .nice-select { float: none; margin-bottom: 20px; background: #f6f7f8; border:0; } +.remember-checkbox a {color: #FC5C3C; } +.remember-checkbox label { position: relative; padding-left: 30px; font-size: 14px; cursor: pointer;} +.remember-checkbox label:before, label:after { font-family: FontAwesome; font-size: 17px; position: absolute; top: -3px; left: 0; padding-left: 2px; border-radius: 6px; } +.remember-checkbox label:before { border: 2px solid #FC5C3C; content: ""; height: 20px; margin-top: 3px; width: 20px; } +.remember-checkbox label:after { content: '\f00c'; max-width: 0; overflow: hidden; opacity: 0.5; transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; } +.remember-checkbox input[type="checkbox"] { display: none; } +.remember-checkbox input[type="checkbox"]:checked + label:after { max-width: 25px; opacity: 1; } +/*all id*/ +#one+label:before, #one+label:after {color: #FC5C3C;} +#two+label:before, #two+label:after {color: #FC5C3C;} +#three+label:before, #three+label:after {color: hsl(120, 45%, 40%); } +#four+label:before, #four+label:after {color: hsl(180, 45%, 40%); } +#five+label:before, #five+label:after {color: hsl(240, 45%, 40%); } +#six+label:before, #six+label:after {color: hsl(300, 45%, 40%); } + +/************************************* + Login +**************************************/ +.full-height-bg { height: 100vh; } +/*login-2-social*/ +.login-social li { display: inline-block; margin: 2px 0px; } +.login-social li a { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;} +.login-social li a.fb { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #4c70ad; border-radius:30px; } +.login-social li a.twitter { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #25b6e6; border-radius:30px; } +.login-social li a.pinterest { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #dd4b39; border-radius:30px; } +.login-social li i { border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px; } +.login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover { background: #FC5C3C; } + +/*login 02*/ +.section-transparent { background: transparent; } +.login-bg { background: #ffffff; border-radius: 10px; } +.login-bg .login-title { background: #FC5C3C; padding: 30px; border-radius: 10px 10px 0 0; } +.login-bg .login-form { padding: 40px 30px; } +.login-bg .login-social { padding: 30px; background: #f6f7f8; border-radius: 0 0 10px 10px; } + +/*login 02*/ +.register-bg { background: #ffffff; border-radius: 10px; } +.register-bg .register-title { background: #FC5C3C; padding: 30px; border-radius: 10px 10px 0 0; } +.register-bg .register-form { padding: 30px 30px 50px; } + +/************************************* + maintenance +**************************************/ +img.logo-small { height: 40px; margin: 30px 0; position: relative; } +.maintenance-main i { font-size: 100px; margin-bottom: 10px; color: #e4e4e4; } +.maintenance-main h1 { font-size: 62px; text-transform: uppercase; font-weight: bold; } +.maintenance-main p { font-size: 26px; line-height: 35px; margin-bottom: 70px;} +.maintenance-form { width: 76%; margin: 0 auto; } +.maintenance-form p { font-size: 19px; } +.maintenance-form input { width: 50%; margin: 0 auto; } + +/*maintenance 2 */ +.maintenance-main h1 { font-size: 40px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; } +.maintenance-contant p { line-height: 25px; margin-top:20px; font-size: 14px; } +.progress-new { margin-top: 50px; height: 50px; background: #f6f7f8; border-radius: 0; margin-bottom: 50px; margin-left: auto; margin-right: auto; width: 50%; } +.progress-bar-new { line-height: 50px; background-color: #FC5C3C; color: #ffffff; font-size: 20px; padding-left: 20px; } +.progress-bar-new span { position: absolute; right: 30px; color: #323232; font-weight: bold; font-size: 20px; } +.progress-bar-striped, +.progress-striped .progress-bar-new { + background-image: linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); +} + +/************************************* + Our clients +**************************************/ +/*clients-box*/ +.clients-box { background: #f7f7f7; padding: 20px; } +.clients-photo { position: relative; margin-right: 20px; width: 200px; height: 200px; float: left; display: table-cell; text-align: center; vertical-align: middle; background: #fff; } +.clients-photo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } +.clients-info { display: table; } +.clients-info i { padding-right: 10px; } +.clients-info a { font-size: 14px; color: #FC5C3C; } +.clients-info a:hover { color: #626262; } +.clients-info p { margin-top: 10px; } +.happy-clients .tab-content { padding: 0 30px; position: relative; text-align: left; } +.happy-clients .tab-content .quoter-icon { position: absolute; left: 0; top: -10px; font-size: 120px; line-height: 1; color: #FC5C3C;} +.happy-clients .tab-content p{padding-left: 30px; font-size: 18px; padding-top: 10px; font-style: italic; } +.happy-clients .nav-tabs li { overflow: visible; display: inline-block; padding: 0 5px; } +.happy-clients .nav.nav-tabs li a, .happy-clients .nav.nav-tabs li a:hover, .happy-clients .nav.nav-tabs li a:focus { background: none; padding: 0; border:0; outline: none; background: transparent !important;} +.happy-clients .nav-tabs li img {width: 96px; opacity: 0.1; height: 96px; border-radius: 50%; } +.happy-clients .nav-tabs li.active img, .happy-clients .nav-tabs li:focus img { border: 4px solid #fff; opacity: 1; top: -2px; box-shadow: 0 0 40px rgba(0,0,0,.3); } +.happy-clients .testimonial-avatar { position: relative; right: inherit; left: inherit; top: inherit; width: inherit; height: inherit; margin-left: inherit; margin-top: 30px; } +.happy-clients .nav-tabs { border: 0; } + +/*********************************** + process +************************************/ +.process-list .col-sm-12 { padding: 0 50px; } +.process { margin: 0px; border: 2px dashed rgba(0, 0, 0, 0.3); position: relative; width: 100%; float: left; padding-bottom: 50px; padding-top: 50px; min-height: inherit; } +.process.left { border-right: 0; border-top: 0; } +.process.right { border-left: 0; border-top: 0; } +.process .border-area.left-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; left: -2px; z-index: 99; } +.process .border-area.left-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.right-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } +.process .border-area.right-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.right-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } +.process .border-area.right-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.left-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; left: -2px; } +.process .border-area.left-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); } +.process:first-child { padding-top: 0; } +.process.left:first-child .process-step { top: 0; } +.process:last-child { border-bottom: 0; } +.process:last-child .border-area.left-bottom { bottom: 0; } +.process:last-child .border-area.left-bottom:before { border-bottom-left-radius:0; border-bottom: 0; } +.process.left .process-step { position: absolute; top: 50px; left: -35px; z-index: 999; } +.process.right .process-step { position: absolute; top: 50px; right: -35px; z-index: 99; } +.process.left .process-content { padding-left: 80px; } +.process.right .process-content{ padding-right: 80px; } +.process .process-step strong { width: 70px; height: 70px; line-height: 70px; text-align: center; background: #FC5C3C; border-radius: 100%; display: inline-block; + z-index: 99; font-size: 20px; color: #fff; } +.process .process-content { position: relative; z-index: 99; } +.process .process-content span { font-size: 80px; line-height: 80px; color: #FC5C3C; } +.process.left .process-content .process-icon { display: table-cell; padding-right: 30px; } +.process.left .process-content .process-info { display: table-cell; vertical-align: top; } +.process.right .process-content .process-icon { float: right; padding-left: 30px; } +.process.right .process-content .process-info { display: table-cell; vertical-align: top; } + +/************************************* + Careers +**************************************/ +.agency-about { padding-bottom: 100px; } + +/*careers accordion*/ +.careers .acd-des span { display: block; } + +/*careers form*/ +.careers-from .section-field label { margin-bottom: 10px; } + +/************************************* + sitemap +**************************************/ +.sitemap h4 { margin-bottom: 25px; text-transform: capitalize; } +.sitemap h4 i { padding-right: 10px; } +.sitemap ul li { display: block; line-height: 34px; } +.sitemap ul li i { padding-right: 10px; } +.sitemap ul li a { font-size: 14px; color: #626262; text-transform: capitalize; } +.sitemap ul li a:hover { color: #FC5C3C; } + +/************************************* + privacy-policy +**************************************/ +.privacy-policy ul li { font-size: 14px; line-height: 30px; } +.privacy-policy ul li i { padding-right: 10px; } + +/************************************* + page sidebar +**************************************/ +.page-sidebar .page-content ul li { font-size: 14px; line-height: 30px; } +.page-sidebar .page-content ul li i { } + +/************************************* + terms and conditions +**************************************/ +.terms-and-conditions ul li { font-size: 14px; line-height: 30px; } +.terms-and-conditions ul li i { padding-right: 10px; } + + +.special-feature .feature-text {padding:40px;} +.special-feature { padding-bottom:-117px; } +.special-feature .row-eq-height.no-gutter { position:relative; z-index:99; margin-top:-117px; } + +/************************* + BG - Images +*************************/ +.parallax { background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -ms-background-size: cover !important; position: relative; z-index: 0; background-origin: initial; background-position: center bottom !important; background-repeat: no-repeat; } +.gradient-overlay{position:relative;} +.gradient-overlay:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background:url(../images/construction/bg/gradient-overlay1.png) repeat-y left 0;} + +/************************************* + Footer +**************************************/ +.footer.black-bg{background: #1a1a1a;} +.footer.black-bg p { color: rgba(255,255,255,0.5); } +.footer.black-bg .social-icons li a { color: rgba(255,255,255,0.5); } +.footer p{font-size: 14px;} +.footer-logo img { width: 65%; } +.footer h6{font-size: 14px;} +.addresss-info li { font-size: 14px; margin-bottom: 15px; color: rgba(255,255,255,0.5); list-style: none; } +.addresss-info i{ color:rgba(255,255,255,0.5); padding-right: 5px; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 14px; } +.addresss-info p { display: table; color: rgba(255,255,255,0.5); margin-bottom: 0px; } +.addresss-info li a { color: rgba(255,255,255,0.5); } +.footer a{font-size: 14px;} + +/*footer-Newsletter*/ +.footer-Newsletter { display: inline-block; width: 100%;} +.footer-useful-link.footer-hedding ul { margin-top: -6px; } +.footer-Newsletter .form-control { border-left: 0px; height: 50px; border-radius: 30px; font-size: 14px; color: rgba(255,255,255,0.3); border:none; background: #252525; padding: 10px 25px; width: 100%; } +.footer-Newsletter .form-control:focus { border:0; box-shadow: none;} +.footer-Newsletter .button.border{border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.5); padding: 10px 18px; font-size: 12px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.footer-Newsletter .button.border:hover { color: #ffffff; } +.footer-useful-link ul li { list-style: none; margin-bottom: 12px;} +.footer-useful-link ul li:last-child { margin-bottom: 0; } +.footer-useful-link ul li a { color: rgba(255,255,255,0.5); font-size: 14px; vertical-align: top; display: block; line-height: 26px; } +.footer-useful-link ul li a:hover { color: #FC5C3C; } +/*transparent*/ +.footer-Newsletter.transparent .form-control { background: rgba(0, 0, 0, 0.04); } +.footer-Newsletter.transparent .form-control::-moz-placeholder { color: #323232; } +.footer-Newsletter.transparent .form-control::-ms-input-placeholder { color: #323232; } +.footer-Newsletter.transparent .form-control::-webkit-input-placeholder { color: #323232; } + +/*footer-widget*/ +.footer-widget { padding: 20px 0; border-top: 1px solid #262626;} +.footer-widget p{font-size: 14px; color: rgba(255,255,255,0.5); letter-spacing: 0.5px;} +.footer-widget a { color: #FC5C3C; } +.footer-widget a:hover { color: #FC5C3C; } +.footer-widget-social {margin-top: 5px; } +.footer-widget-social li { display: inline-block;} +.footer-widget-social a i { display: inline-block; color: rgba(255,255,255,0.5); background: none; border-radius: 50%; width: 35px; height: 35px; text-align:center; line-height: 37px; font-size: 14px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} +.footer-widget-social a i:hover{background: #FC5C3C;} +.footer .footer-nav ul li { display: inline-block;} +.footer .footer-nav ul li a { margin: 0 5px; color: #323232;} +.footer .footer-nav ul li a:hover { color: #FC5C3C; } +.footer .social ul li {display: inline-block;} +.footer .social ul li a i { font-size: 14px; width: 45px; height: 45px; line-height: 45px; text-align: center; float: none; color: #323232;} +.footer .social ul li a i:hover{color: #FC5C3C;} +.footer .social ul{background: #f6f7f8; display: inline-block; border-radius: 30px; padding: 0px 10px;} +.footer .usefull-link ul li {display: block; border-bottom: 0px; line-height: 24px; padding: 5px 0; } +.footer .usefull-link ul li a{color: #323232;} +.footer .usefull-link ul li a:hover { color: #FC5C3C; } +.footer .copyright { padding: 30px 0 20px;} +.footer .copyright ul li a {color: #323232;} +.footer .copyright ul li a:hover {color: #FC5C3C;} +img#logo-footer{ height: 50px; width: auto; } +.footer.light .footer-nav ul li a{color: #fff;} +.footer.light .footer-nav ul li a:hover { color: #323232; } +.footer.light h6{color: #fff;} +.footer.light .about-content p{color: #fff;} +.footer.light .usefull-link ul li a{color: #fff;} +.footer.light .usefull-link ul li a:hover {color: #323232;} +.footer.light .copyright ul li {color: #fff;} +.footer.light .copyright ul li a {color: #ffffff; font-size: 14px;} +.footer.light .copyright ul li a:hover {color: #323232; } +.footer.light.footer-topbar .copyright ul li { color: #ffffff } +.footer.light .copyright p {color: #fff;} +.footer.light .social ul li a i {color: #FC5C3C;} +.footer.light .social ul li a:hover i {color: #323232;} +.footer .footer-text p{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} +.footer .footer-social ul li a{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} +.footer .footer-social ul li a:hover { color: #FC5C3C !important; } +.footer.footer-topbar .copyright ul li{color:rgba(255, 255, 255, 0.5) !important;} +.footer.footer-one-page .contact-add i { font-size: 20px } +.footer.footer-one-page h5 { color: rgba(255,255,255,0.5); } +.footer.footer-one-page p { color: rgba(255,255,255,0.5); } + +/* footer transparent*/ +.footer.transparent h6, .footer.transparent p, .footer.transparent ul li a, .footer.transparent span { color: #ffffff; } + +/*widget-gallery*/ +.footer .footer-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; } +.footer .footer-tags li { display: inline-block; } +.footer .footer-tags li a { background: transparent; color: #fff; border:1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.footer .footer-tags li a:hover { background: #FC5C3C; } + +/*footer-social-big*/ +.footer-social-big ul li { display: inline-block; padding: 10px; width: 70px; text-align: center; background: rgba(255, 255, 255, 0.1); } +.footer-social-big ul li.facebook { background: #5d82d1; } +.footer-social-big ul li.pinterest { background: #e13138; } +.footer-social-big ul li.linkedin { background: #238cc8; } +.footer-social-big ul li i { color: #ffffff; display: block; width: 30px; height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.2); border-radius: 50%; margin: 0 auto; } +.footer-social-big ul li span { display: block; text-align: center; color: #ffffff; margin-top: 10px; font-size: 11px; } + +/*footer-box*/ +.footer-box { background: rgba(102, 102, 102, 0.2); padding: 30px; clear: both; margin-bottom: 40px; margin-top: 60px; } +.footer-box .box-content { display: table-cell; vertical-align: top; } +.footer-box .box-link { display: table-cell; padding-left: 20px; vertical-align: middle; } +.footer-box .box-link a { display: block; padding: 8px 16px; width: 140px; } + +/*google-map*/ +.google-map { background: #; } +.google-map .row [class*='col-'] { min-height: 0; } +.map-icon { position: relative; z-index: 999; cursor: pointer; } +.google-map .map-icon:before { cursor: pointer; content: "\f041"; font-family: "FontAwesome"; font-size: 30px; font-weight: normal; right: 0; position: absolute; text-indent: 0; top: -32px; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #ffffff; color: #FC5C3C; text-align: center; } +.google-map.google-map-open .map-icon::before { content: "\f00d"; } +.google-map .map-open { height: 0; overflow: hidden; transition: all 900ms ease; } +.google-map .map-open iframe { height: 300px; } +.google-map-open .map-open { height: 300px; } +.pos-r{position: relative;} +.img-side img{max-width: 100%} +.img-side.img-left {left: 0;} +.img-side {padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100;} +.font-bold {font-weight: 600} +.no-gutter{ margin-right:0; margin-left:0;} +.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;} + +/*youtube-video*/ + .popup-video { position: relative; } +.popup-video .play-video { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } +.popup-video .play-video { width: 50px; height: 50px; } +.popup-video .play-video a { width: 50px; height: 50px; } +.popup-video .play-video a i { line-height: 50px; } +.popup-video .play-video:hover { transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); background-color: #ffffff; } +.popup-video .play-video:hover a { color: #FC5C3C; } +.play-video { cursor: pointer; position: relative; width: 100px; height: 100px; margin: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } +.play-video { background-color: #FC5C3C; -webkit-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); -moz-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); } +.play-video a { color: #fff; width: 100px; height: 100px; position: absolute; top: 0; left: 50%; padding-left: 5px; transform: translateX(-50%); } +.play-video a i { line-height: 100px; } +.play-video:hover a { color: #FC5C3C; } +.play-video:after { content: ''; top: 0; left: 0; padding: 0; z-index: -1; opacity: 0; pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); } + +.play-video:hover{background: #ffffff; color: #FC5C3C; border-color:transparent !important;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-box-shadow:2px 6px 18px transparent !important;-moz-box-shadow:2px 6px 18px transparent !important;box-shadow:2px 6px 18px transparent !important} +.play-video:hover:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms; -moz-animation:sonarEffect 1.3s ease-out 75ms; animation:sonarEffect 1.3s ease-out 75ms;} +@-webkit-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-webkit-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}} +@-moz-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-moz-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}} +@keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);transform:scale(1.5);opacity:0; }} +.my-contact .contact-icon{float: left; margin-right: 25px;} +.my-contact .contact-icon span{color: #fff ! important;} + +/************************************* + index portfolio 4 +**************************************/ +.portfolio-item.simple-effect .portfolio-overlay span { color: #363636; } +.portfolio-item.simple-effect .portfolio-overlay span a { color: #363636; } +.portfolio-item.simple-effect .portfolio-overlay a:hover { color: #FC5C3C; } +.portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #FC5C3C; } +.portfolio-item.simple-effect .portfolio-overlay { z-index: 9; opacity: 0; bottom: inherit; background: transparent; top: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: center; } +.portfolio-item.simple-effect:hover:before { position: absolute; width: 100%; height: 100%; content: ""; background: rgba(255, 255, 255, 1); z-index: 1; background-size: 115%; + -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.6s cubic-bezier(.68,.11,.13,.98); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.portfolio-item.simple-effect:hover .portfolio-overlay { top: 50%; opacity: 1; } + +/*footer*/ +.footer .container-fluid { padding: 0 60px; } +#footer-fixed { position: fixed; bottom: 0; width: 100%; z-index: -1; box-shadow: inset 0 27px 60px -25px rgba(0,0,0,0.3); } +.footer.footer-simple ul li a, .footer.footer-simple p, .footer.footer-simple i, .footer.footer-simple li { color: #ffffff; font-weight: bold; font-size: 16px; } +.footer.footer-simple ul li a:hover { color: rgba(255, 255, 255, 0.6); } +.footer.footer-simple .social-icons li a { color: #ffffff; width: 100%; } +.footer.footer-simple .social-icons li a:hover { color: rgba(255, 255, 255, 0.6); } + +/*elements*/ +.full-width { width: 100%; } +.height-100vh { height: 100vh; } +.pos-bot { position: absolute; bottom: 0; width: 100%; } +.vertical-align { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } + +/************************************* + index portfolio 04 about +**************************************/ +.portfolio-03-about { padding-left: 50px; } +.portfolio-03-about p { font-size: 16px; font-weight: 600; } + +/************************************* + index portfolio single +**************************************/ +/*popup-video*/ +.popup-video-image { position: relative; } +.popup-video-image:before { background: rgba(37, 41, 51, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } +.popup-video-image a i { color: #ffffff; text-align: center; line-height: 60px; width: 60px; height: 60px; background: #FC5C3C; display: inline-block; margin: 0 auto; + border-radius: 50%; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); + -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; font-size: 20px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } +.popup-video-image a i:hover { background: #323232; } + +/************************************* + index 11 +**************************************/ + +/*index 11*/ + /*slider-parallax typer-banner business*/ + .slider-parallax.typer-banner.business h1 { font-family: 'Dosis', sans-serif; } + .slider-parallax.typer-banner.business p { padding: 0 200px; line-height: 34px; font-size: 26px; font-weight: 600; display: block; } + + /*play-video*/ +.custom-content-02 .feature-text p { line-height: 28px; } +.play-video-section .play-video { box-shadow: none; background: #ffffff; width: 60px; height: 60px; line-height: 60px; } +.play-video-section .play-video a { color: #FC5C3C; line-height: 60px; } +.play-video-section .play-video a i { line-height: 60px; padding-right: 3px; } +.play-video-section .play-video:after {box-shadow: none; } +.play-video-section .content { padding: 0 100px; } +.play-video-section .content h2 { font-family: 'Dosis', sans-serif; } +.custom-content-03 h2 { font-family: 'Dosis', sans-serif; font-size: 40px; line-height: 50px; } + +/*blockquote-section*/ +.blockquote-section { position: relative; z-index: 9; } +.blockquote-section blockquote { font-size: 50px; font-weight: 600; line-height: 60px; border-left: 0; padding-left: 0; font-family: 'Dosis', sans-serif; } +.blockquote-section blockquote cite { font-size: 16px; font-weight: 600; margin-top: 40px; line-height: 30px; font-family: 'Nanum Gothic', serif; font-style: normal; } +.blockquote-section blockquote cite span { display: block; font-size: 14px; } +.blockquote-section blockquote.quote { padding-top: 100px; } +.blockquote-section blockquote.quote:before { color: #FC5C3C; left: 0; top: 0; font-size: 120px; line-height: 120px; } +.blockquote-section .blockquote-section-left { margin-left: 60px; } +.blockquote-section .blockquote-section-right { margin-left: -120px; position: relative;z-index: -1; } + +/************************************* + footer +**************************************/ +.footer.gray-footer .footer-Newsletter .form-control { background: #ffffff; color: #323232; height: 60px; line-height: 60px; box-shadow: 0 10px 50px rgba(0,0,0,0.1); } +.footer.gray-footer .footer-widget { border-top: none; } +.footer.gray-footer .footer-widget p { color: #323232; } + +.footer.gray-footer .footer-Newsletter .form-control::-moz-placeholder { color: #323232; } +.footer.gray-footer .footer-Newsletter .form-control::-ms-input-placeholder { color: #323232; } +.footer.gray-footer .footer-Newsletter .form-control::-webkit-input-placeholder { color: #323232; } + +/************************************* + portfolio +**************************************/ +.portfolio-item.image-text { position: relative; } +.portfolio-item.image-text .portfolio-overlay { bottom: 30px; background: transparent; } +.portfolio-item.image-text .portfolio-overlay span { display: block; } +.portfolio-item.image-text:before { position: absolute; width: 100%; bottom: 0; content: ""; ackground: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; } +.portfolio-item.image-text .portfolio-overlay a.button { padding: 6px 16px; } +.portfolio-item.image-text .portfolio-overlay a.button span { font-size: 12px; } +.portfolio-item.image-text .portfolio-overlay a.button:hover { color: #ffffff; } + +/************************************* + coming-soon-big +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 120px; line-height: 120px; font-weight: bold; } +.coming-soon-big .countdown.medium p { font-size: 30px; line-height: 30px; font-weight: bold; } +.coming-soon-big .coming-soon-form p { font-weight: bold; } +.coming-soon-big .contact-form.transparent-form .form-control { background: rgba(255, 255, 255, 0.4); } +.coming-soon-big .button { font-weight: bold; } + +/************************************* + inner page +**************************************/ +/* about-05 */ +.about-05-split .shop-split-content { padding: 100px 0; } +/*about-mission*/ +.about-mission .popup-video-image a i { position: relative; top: inherit; left: inherit; bottom: inherit; right: inherit; } +.about-mission .popup-content { position: absolute; bottom: 0; padding: 30px 130px 30px 30px; } +.about-mission-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); } +.about-mission-box .content { padding:24px; } +.about-mission-title { padding-bottom: 250px; } +.about-mission { margin-top: -150px; } +/*faq 03*/ +.faq-page-title .form { position: relative; z-index: 9; } +.faq-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); padding: 40px; border-radius: 10px; background: #ffffff; margin-top: -60px; } +.faq-box span { font-size: 40px; line-height: 40px; margin-bottom: 20px; display: block; } +.faq-box strong { display: block; } +.faq-box a.button { padding: 8px 16px; } + +/*login-fancy*/ +.login-fancy { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); } +.login-fancy-bg { position: relative; z-index: 1; } +.login-fancy h2 { font-size: 70px; line-height: 70px; } +.login-gradient, .login-gradient-02, .login-gradient-03 { position: relative; } +.login-gradient:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9af1e1), color-stop(100%, #4003f6)); background: -webkit-linear-gradient(-315deg, #9af1e1 0%, #4003f6 100%); background: -webkit-linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); background: linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); } +.login-gradient-02:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee38a6), color-stop(100%, #ffc863)); background: -webkit-linear-gradient(-315deg, #ee38a6 0%, #ffc863 100%); background: -webkit-linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); background: linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); } +.login-gradient-03:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcdd2), color-stop(100%, #470df5)); background: -webkit-linear-gradient(-315deg, #ffcdd2 0%, #470df5 100%); background: -webkit-linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); background: linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); } + +/*login-box*/ +.login-box { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); border-radius: 0px 10px 10px 0px; } +.login-box-bg { position: relative; z-index: 1; } +.login-box h2 { font-size: 40px; line-height: 40px; } +.login-box-main { display: table; width: 100%; } +.login-box-main-middle { display: table-cell; vertical-align: middle; } +.login-box-left { box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); height: 100%; border-radius: 10px 0 0px 10px; } +.login-box-left .logo-small { margin-left: 30px; } +.login-box-main .theme-bg { box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.2); position: relative; z-index: 1; } +.login-box-theme { position: relative; } +.login-box-theme:before { position: absolute; content: ""; height: 30px; top: -29px; width: 100%; background: #FC5C3C; left: 0; } +.login-box-theme:after { position: absolute; content: ""; height: 30px; bottom: -29px; width: 100%; background: #FC5C3C; left: 0; } +.login-box-main .nav li a { padding-left: 30px; } +.login-box-main .nav li a { display: block; text-align: left; color: #323232; border-left: 5px solid transparent; background: transparent; } +.login-box-left li.active a, .login-box-left li a:hover { border-left: 5px solid #FC5C3C; color: #FC5C3C; } +.login-box-main .nav li a i { display: inline-block; padding-right: 6px; text-align: left; margin-bottom: 10px; } +.login-box .list-unstyled.list-inline a:hover { color: #323232; } +/*login-box-02*/ +.login-box-02 { padding: 40px; border:1px solid rgba(0, 0, 0, 0.1); height: 100%; } +.login-box-02.white-overlay { background: rgba(255, 255, 255, 0.5); } +.login-signup a.text-black:hover { color: #ffffff; } + +/*login-14*/ +.login-14 { padding: 0 100px; } + +/*login-15*/ +.login-15 { padding: 0 60px; } + +/*login-signup*/ +.login-signup .tab-border .tab-content { padding: 0; } +.login-signup .login-box-02 { border:0; } + +/************************************* + boxed +**************************************/ + +@media (min-width: 1220px) { +body.boxed-layout .wrapper { float: none; width: 1220px; margin: 0 auto; position:relative; background-color: #FFF; box-shadow: 0 0 60px rgba(0,0,0,.1); -moz-box-shadow: 0 0 60px rgba(0,0,0,.1); + -webkit-box-shadow: 0 0 60px rgba(0,0,0,.1); } +/*index 01*/ +body.boxed-layout .wrapper .portfolio-title.section-title p { display: none; } +body.boxed-layout .wrapper .portfolio-title.section-title span { display: none; } + +/*index 02*/ +body.boxed-layout .wrapper .contact-3 #map { padding-top: 140%; } +body.boxed-layout .wrapper .contact-2 #map { padding-top: 90% } +body.boxed-layout .wrapper.vertical-header { width: auto; box-shadow: none; } +body.boxed-layout #footer-fixed { position: inherit !important; width: inherit; bottom: inherit !important; z-index: inherit; } +body.boxed-layout .wrapper { margin-bottom: 0 !important; } +body.boxed-layout .christmas-coming-soon { position: absolute; } + +body.frame-layout .wrapper { margin: 0 auto; margin-top: 1.5%; margin-bottom: 1.5%; width: 97%; position: relative; box-shadow: 0 0 60px rgba(0,0,0,.1); } +body.frame-layout .header.default, body.frame-layout .header.transparent, body.frame-layout header.one-page { left: 0; right: 0; } +body.frame-layout .navbar.affix { top: 0; } +body.frame-layout header.one-page.light .navbar { min-height: 10px !important; } +body.frame-layout #footer-fixed { position: inherit !important; bottom: inherit !important; z-index: inherit; } +body.frame-layout .wrapper { margin-bottom:1.5% !important; } +body.frame-layout .christmas-coming-soon { position: absolute; } + +} + +@media all and (-ms-high-contrast:none) { +.st-menu { position: absolute; } + img.bottom-img { top: 0; } +.search-cart { display: table; } +.search { display: table-cell !important; } +.shpping-cart { display: table-cell !important; } +.search-cart .shpping-cart { float: none !important; } + .mega-menu > section.menu-list-items .search-cart .search { float: none !important; } + .search-cart .shpping-cart { vertical-align: middle; } +} + + +@media (max-width: 1100px) { +.isotope-filters button { margin: 2px; cursor: pointer; padding: 6.5px 13px; font-size: 16px; background: transparent; color: #363636; font-weight: 600; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } +} + + diff --git a/apply/css - 복사본/style_org.css b/apply/css - 복사본/style_org.css new file mode 100644 index 0000000..04b9654 --- /dev/null +++ b/apply/css - 복사본/style_org.css @@ -0,0 +1,1735 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Version: 1.0 +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. + +*/ + + +/*================================================ +[ Table of contents ] +================================================ + :: Header + - topbar + - search + - Cart + - FullWidth + - Light + - Dark + - Left-menu + - Logo-center + - Fancy + - fancy without-topbar + - Side menu icon + - Vertical header + - One page Header + :: Slider (all home page main sliders ) + :: - Slider-parallax one page + :: - Mobile slider + :: Background + :: Home page section + :: Decolines + :: Awesome features + :: Feature Step + :: About Us + :: Resume + :: Portfolio + :: - Portfolio item + :: - Portfolio-item-2 + :: - Portfolio single page + :: Our Blog + :: Our services + :: Creativity + :: Our History + :: Our Service Objects + :: Sidebar + :: About me + :: Team page + :: Error 404 + :: Coming soon + :: Register + :: Login + :: maintenance + :: Our clients + :: Process + :: Careers + :: Sitemap + :: Privacy-policy + :: Page sidebar + :: Terms and conditions + :: Footer + :: Boxed + + v1.2 + :: index portfolio 4 + :: index portfolio 04 about + :: index portfolio single + +====================================== +[ End table content ] +======================================*/ + +/************************* + Header +*************************/ +.default { background: transparent; z-index: 9999; position: absolute; width: 100%; } +/*topbar*/ +.topbar { /*padding: 10px 0;*/ font-size:12px; color:#4a4a4a; } +.topbar ul li { display: inline-block; color: #fff; font-size: 12px; font-weight: normal;} +.topbar ul li:last-child { margin-right: 0px; } +.topbar ul li a { color: #4a4a4a; font-size: 12px; font-weight: normal; font-style: normal; } +.topbar-left { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; letter-spacing: -0.1em;} +.topbar-right { position: relative; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; } +.topbar ul li a:hover { font-weight:600; } +#topbar-nav {list-style:none;} +#topbar-nav li{display:inline-block; position:relative; line-height: 38px; } +#topbar-nav li:first-child > a {border: 0;} +#topbar-nav li > a {border-left: 1px solid #ccc; padding:0px 15px;} + +/*menu*/ +.menu-bar { float: right; } +.mega-menu .menu-links { float: left; } +.search-cart { display: inline-block; } +.search-cart i.icon { color: #ffffff; line-height: 20px; font-size: 14px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } +.search-cart i.icon:hover { color: #FC5C3C; } +.search-cart .search { display: inline-block; padding-right: 15px; padding-left: 10px; } +.search-cart .shpping-cart { display: inline-block; } +.shpping-cart a { position: relative; } +.shpping-cart strong.item { display: block; position: absolute; top: -7px; left: auto; right: -8px; font-size: 10px; color: #ffffff; width: 16px; height: 16px;line-height: 16px; text-align: center; background-color: #FC5C3C; border-radius: 50%; } + + /*search*/ + .search .search-btn { display: block; height: 20px; line-height: 21px; position: relative; text-indent: -9999px; width: 14px; color: #ffffff; -o-transition: color 300ms ease 0s; -moz-transition: color 300ms ease 0s; -ms-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s; transition: color 300ms ease 0s; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } + .search .search-btn:before { content: ""; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; left: 0; position: absolute; text-indent: 0; top: 0; } + .search .search-btn:hover { color: #FC5C3C; } + .search.search-open .search-btn:before { content: ""; } + .search-box { background: #fff; display: block; margin: 0; opacity: 0 !important; padding: 15px; position: absolute; right: 0; top: 100%; transition: visibility 300ms ease 0s, opacity 300ms ease 0s; visibility: hidden; width: 327px; z-index: 888; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; transform-origin: 0 0; transition: all 400ms ease; } + .search.search-open .search-box { opacity: 1 !important;visibility: visible !important; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); box-shadow: 0 0 50px rgba(0,0,0,.1); } + .search .search-box input { background: transparent; border:1px solid #eceff8; padding-left: 15px; border-radius: 3px; } + .search .search-box input:focus { background: transparent; border:1px solid #eceff8; } + .search .search-box i { cursor: pointer; font-size: 15px; position: absolute; right: 27px; top: 31px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } + .search .search-box i:hover { color: #FC5C3C; } + +/*cart*/ +.cart { opacity: 0; visibility: hidden; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,.1); position: absolute; right: 0; margin-top: 0px; right: 0; width: 300px; border: 1px solid #eceff8; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; + transform-origin: 0 0; transition: all 400ms ease;} +.cart.cart-open {-webkit-transform: rotateX(0deg); transform: rotateX(0deg);opacity: 1; visibility: visible; } +.cart:before { bottom: 100%; right: 8px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(194, 225, 245, 0); + border-bottom-color: #fff; border-width: 6px; margin-left: -8px; } +.cart-title { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; } +.cart-item { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; position: relative; } +.cart-item .cart-image { display: table-cell; padding-right: 15px; } +.cart-item .cart-image img { height: 40px; } +.cart-item .cart-name { display: table-cell; vertical-align: top; } +.cart-item .cart-name a { display: block; color: #323232; } +.cart-item .cart-name a:hover { color: #FC5C3C; } +.cart-item .cart-name span { color: #323232; display: inline-block; } +.cart-item .cart-name strong { padding-left: 30px; } +.cart-price del { font-size: 14px; background: transparent; color: #323232; padding-left: 0; } +.cart-price ins { text-decoration: none; color: #FC5C3C; font-size: 16px;font-weight: bold; } +.cart-total { padding: 20px; text-align: center; background: #f7f7f7; } +.cart-total h6 { text-align: center; } +.cart-total a { display: inline-block; margin-top: 20px; padding: 6px 18px; margin: 0; } +.cart-total a.button { display: inline-block; } +.cart-total .button + .button { margin: 0; } +.cart-item .cart-close { position: absolute; right: 20px; top: 20px; } +.cart-item .cart-close a { font-size: 14px; } +.cart-item .cart-close a:hover { color: #323232; } + +/*mega-menu */ +.mega-menu .menu-logo { padding: 25px 0 25px; } +.mega-menu .menu-logo img { height: 40px; } +.mega-menu .drop-down-multilevel.right-menu { right: 0px; } +.mega-menu > section.menu-list-items { padding: 0; } +.mega-menu .menu-links > li > a { text-transform: uppercase; font-size: 16px; font-weight: 600; line-height: 20px; } +.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; } +.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down a { color: #323232; } +.mega-menu .menu-links > li.active .drop-down li.active a { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down a:hover { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down li.active a i { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down a i:hover { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #FC5C3C; } +.mega-menu .row { margin-left: 0px; margin-right: 0px; } +.mega-menu .col-md-12 { padding-left: 0px; padding-right: 0px; } +.mega-menu.desktopTopFixed .menu-logo { padding: 0px; } +.mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } +.mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } + +/*fullWidth*/ +.header.fullWidth .container-fluid { padding: 0 60px; } + +/*light*/ +.header.light { background: #ffffff; position: relative; border-bottom: 3px solid #006EBD;} +.header.light .topbar ul li { color: #333; } +.header.light .topbar ul li a { color: #333; } +.header.light .mega-menu .menu-links > li > a { color: #333; } +.header.light .mega-menu .menu-links > li > a:hover { color: #FC5C3C; font-weight: bold;} +.header.light .mega-menu .menu-links > li.active > a { color: #FC5C3C; font-weight: bold;} +.header.light .topbar {/*background-color:#e8e8e8;*/ border-bottom: 1px solid #d1d1d1;} +.header.light .search-cart i.icon { color: #323232; } +.header.light .search-cart i.icon:hover { color: #FC5C3C; } +.header.light .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; border-bottom: 3px solid #006EBD;} +.header.light .search .search-btn { color: #323232; } +.header.light .search .search-btn:hover { color: #FC5C3C; } + +/*dark*/ +.header.dark { background: #323232; position: relative; } +.header.transparent { background: rgba(0, 0, 0, 0.4); position: absolute; width: 100%; z-index: 999; } + +/*left-menu*/ +.header.left-menu .menu-bar { float: none; } +.header.left-menu .menu-links { padding-left: 30px; } +.header.left-menu .search-cart { float: right; } + +/*logo-center*/ +.header.logo-center .mega-menu { min-height: 170px; } +.header.logo-center .menu-logo { float: none; display: block; text-align: center; } +.header.logo-center .mega-menu .menu-logo > li > a { float: none; } +.header.logo-center .mega-menu .menu-logo > li { float: none; } +.header.logo-center .mega-menu img { float: none; margin: 0 auto; } +.header.logo-center .menu-bar { float: none; } +.header.logo-center .search-cart { float: right; } +.header.logo-center .mega-menu.desktopTopFixed .menu-logo { float: left; display: inline-block; } +.header.logo-center .mega-menu.desktopTopFixed .menu-logo > li > a { float: left; } +.header.logo-center .mega-menu.desktopTopFixed img { float: left; margin: 0 auto; } +.header.logo-center .mega-menu.desktopTopFixed .menu-bar { float: right; border-top: 0px solid rgba(0, 0, 0, 0.1); } +.header.logo-center .mega-menu.desktopTopFixed .search-cart { float: right; } + +/*fancy */ + +.header.fancy { background: transparent; position: relative; border-bottom: 0; } +.header.fancy .topbar { background: #FC5C3C; padding: 15px 0px 70px; } +.header.fancy .topbar .topbar-right li a:hover { color: #323232; } +.header.fancy .search-cart i.icon { color: #323232; line-height: 20px; } +.header.fancy .topbar-call ul li i { color: #ffffff; } +.header.fancy .mega-menu .menu-logo { padding: 26px 0px; } +.header.fancy .menu { position: absolute; width: 100%; top: 30px; } +.header.fancy .topbar + .menu { top: 60px; } +.header.fancy .mega-menu > section.menu-list-items { background: #ffffff; padding: 0px 25px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } +.header.fancy .mega-menu.desktopTopFixed > section.menu-list-items { border-bottom: 1px solid #f6f6f6; } +.header.fancy .topbar ul li a:hover { color: #323232;} + +.header.fancy .mega-menu .menu-links > li > a { color: #323232; line-height: 20px; } +.header.fancy .mega-menu .menu-links > li > a:hover { color: #FC5C3C; } +.header.fancy .mega-menu .menu-links > li.active > a { color: #FC5C3C; } +.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #ffffff; } +.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #323232; } +.header.fancy .mega-menu.desktopTopFixed .menu-logo { padding: 0; } +.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 20px; } +.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } +.header.fancy .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } +.header.fancy .search-cart i.icon:hover { color: #FC5C3C; } +.header.fancy .search .search-btn { color: #323232; } +.header.fancy .search .search-btn:hover { color: #FC5C3C; } +.header.fancy .mega-menu.desktopTopFixed .drop-down.grid-col-5 { width: 21.66666666666667%; } +.header.fancy .search-box { margin-top: -6px; } + +/*fancy without-topbar*/ +.header.fancy.without-topbar .menu { top: 30px; } +.header.burger .menu-icon { font-size: 30px; color: #323232; } +.header.burger .menu-icon:hover { color: #FC5C3C; } +.header.burger { position: absolute; z-index: 999; width: 100%; padding: 30px 30px; } +.header.burger .logo { display: inline-block; } +.header.burger .logo img { height: 50px; } + +/*side-menu-icon*/ +.side-menu-icon { display: inline-block; } +.side-menu-icon .menu-icon { font-size: 16px; color: #ffffff; padding-left: 15px; } +.side-menu-icon .menu-icon:hover { color: #FC5C3C; } + +/************************* + header text-dark +*************************/ +.header.text-dark .topbar ul li { color: #323232; } +.header.text-dark .topbar ul li a { color: #323232; } +.header.text-dark .topbar ul li a:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li > a { color: #323232; } +.header.text-dark .mega-menu .menu-links > li > a:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active > a { color: #FC5C3C; } +.header.text-dark .topbar { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } +.header.text-dark .search-cart i.icon { color: #323232; } +.header.text-dark .search-cart i.icon:hover { color: #FC5C3C; } +.header.text-dark .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; } +.header.text-dark .search .search-btn { color: #323232; } +.header.text-dark .search .search-btn:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .drop-down-multilevel { background: #323232; } +.header.text-dark .mega-menu .drop-down.menu-bg, .header.text-dark .mega-menu .drop-down-tab-bar { background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png); + background-repeat: no-repeat; background-position: 120% 0; } +.header.text-dark .mega-menu .drop-down, .header.text-dark .mega-menu .drop-down-tab-bar { background: #323232; } +.header.text-dark .mega-menu .drop-down a, .header.text-dark .mega-menu .drop-down-tab-bar a { color: #ffffff; } +.header.text-dark .mega-menu .drop-down i.fa, .header.text-dark .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; } +.header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.text-dark .mega-menu .drop-down-multilevel a { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel li:hover { background: #282828; } +.header.text-dark .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important; background-repeat: no-repeat; background-position: right;} +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #FC5C3C; + background: #282828; } +.header.text-dark .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; } +.header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #FC5C3C; } +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #FC5C3C; } +/*dark-dropdown*/ +.header.dark-dropdown .mega-menu .drop-down-multilevel { background: #323232; } +.header.dark-dropdown .mega-menu .drop-down.menu-bg, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png); + background-repeat: no-repeat; background-position: 120% 0; } +.header.dark-dropdown .mega-menu .drop-down, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: #323232; } +.header.dark-dropdown .mega-menu .drop-down a, .header.dark-dropdown .mega-menu .drop-down-tab-bar a { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.dark-dropdown .mega-menu .drop-down-multilevel a { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel li:hover { background: #282828; } +.header.dark-dropdown .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important; background-repeat: no-repeat; background-position: right;} +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #FC5C3C; + background: #282828; } +.header.dark-dropdown .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #FC5C3C; } +/*label*/ +.header .label.label-default, .header .label.label-primary, .header .label.label-success, .header .label.label-info, .header .label.label-warning, .header .label.label-danger { color: #fff; padding: 0px 5px; line-height: 14px; display: inline-block; } + + +/************************* + one page +*************************/ +header.one-page { position: absolute; width: 100%; z-index: 999; } +.navbar-inverse { background: transparent; border: 0; } +.navbar-brand { height: auto; padding: 25px 0; } +.navbar .navbar-brand img { height: 40px; } +.navbar { min-height: 80px; } +.navbar-nav { float: right; } +.navbar-inverse .navbar-nav>li { padding: 35px 15px; } +.navbar-inverse .navbar-nav>li>a { color: #ffffff; padding: 0; text-transform: capitalize; } +.navbar-inverse .navbar-nav>li>a:hover { color: #FC5C3C; } +.navbar.affix { width: 100%; background: #323232; } +.navbar.affix { width: 100%; background: #323232; } +.navbar { min-height: inherit !important; } +.navbar.affix .navbar-brand img { height: 30px; } +.navbar.affix .navbar-brand { padding: 15px 0; } +.navbar.affix .navbar-nav>li { padding: 20px 15px; } + .navbar-nav>li>a { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } + +/*vertical-header*/ +.vertical-header .container-fluid { padding: 0 80px; } +.menu-responsive { display: none; } +.vertical-header .navbar { overflow-y: scroll; overflow-x: hidden; height: 100%;} +.vertical-header { padding-left: 260px; } +.header.vertical-menu { position: fixed; left: 0; top: 0; width: 260px; min-height: 100%; background: #212121; z-index: 999; -o-transition: all 1s; -webkit-transition: all 1s; + transition: all 1s; } +.header.vertical-menu .menu-bar { float: none; } +.mega-menu.vertical-left, .mega-menu.vertical-right { float: none; } +.menu-widgets { position: absolute; bottom: 20px; } +.menu-widgets .social-icons.border li a { border:2px solid; line-height: 30px; } +.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #FC5C3C; } +header.one-page.vertical-menu { position: fixed; left: 0; top: 0; height: 100%; background: #212121; width: 260px; padding: 30px; } +header.one-page.vertical-menu .navbar-header { float: none; margin-bottom: 20px; } +header.one-page.vertical-menu .navbar-nav { float: none; } +header.one-page.vertical-menu .navbar-nav>li { display: block; float: none; } +header.one-page.vertical-menu .navbar-inverse .navbar-nav>li { padding: 15px 0px; } +header.one-page.vertical-menu .navbar-collapse { padding: 0; } +header.one-page.vertical-menu .menu-widgets { padding: 0px; } + +header.one-page.light { position: relative; background: #ffffff; } +header.one-page.light .navbar { margin-bottom: 0; } +header.one-page.light .navbar-inverse .navbar-nav>li>a { color: #323232; } +header.one-page.light .navbar-inverse .navbar-nav>li>a:hover { color: #FC5C3C; } +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #FC5C3C; } + +header.one-page.light .navbar-inverse .navbar-collapse, header.one-page.light .navbar-inverse .navbar-form { background: #ffffff; } +header.one-page.light .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a { padding: 5px 10px; -o-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; } +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #FC5C3C; -webkit-box-shadow: inset 178px 0px 0px 0px #FC5C3C; -o-box-shadow: inset 178px 0px 0px 0px #FC5C3C; -ms-box-shadow: inset 178px 0px 0px 0px #FC5C3C; -moz-box-shadow: inset 178px 0px 0px 0px #FC5C3C; color: #fff; transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -moz-transition: all 0.9s ease-in; -ms-transition: all 0.9s ease-in; -o-transition: all 0.9s ease-in; } + +.one-page.nav-center .navbar-collapse.collapse { text-align: center; } +.one-page.nav-center .navbar-nav { float: none; display: inline-block; } +.one-page.transparent { background: rgba(0, 12, 27, 0.5); } +.one-page.transparent .navbar { margin-bottom: 0; } + +/*dark-text*/ +.one-page.dark-text .navbar-inverse .navbar-nav>li>a { color: #323232; } +.one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #d12326; } +.one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover { color: #d12326; } +.one-page.dark-text .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } + +/*mega menu vertical*/ +.vertical-menu .menu .menu-logo { padding: 50px 20px; } +.vertical-menu .menu .mega-menu .menu-links > li > a { padding: 0 23px; } +.vertical-menu .menu-widgets { padding: 20px; } + + @media (min-width: 1101px) { +.mega-menu { min-height: inherit; } +.mega-menu > section.menu-list-items { float: none; } +.mega-menu > section.menu-list-items > .container, +.mega-menu > section.menu-list-items > .container > .row, +.mega-menu > section.menu-list-items > .container > .row > div { height: 100%; } +.mega-menu > section.menu-list-items .menu-bar { height: 100%; } +.mega-menu > section.menu-list-items .menu-bar > ul{ display: table !important; height: 100%; } +.mega-menu > section.menu-list-items .menu-bar > ul > li { display: table-cell; vertical-align: middle; float: none; } +.mega-menu .drop-down, .mega-menu .drop-down-tab-bar, .mega-menu .drop-down-multilevel { top: 100%; } +.mega-menu > section.menu-list-items .search-cart { height: 100%; } +.mega-menu > section.menu-list-items .search-cart .search { vertical-align: middle; display: table; height: 100%; float: left; } +.header .search .search-btn { display: table-cell; vertical-align: middle; position: relative; width: 10px; float: none; clear: both; height: 100%; } +.search .search-btn:before { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } +.search-cart .shpping-cart { display: table; float: left; height: 100%; } +.shpping-cart a { position: relative; display: table-cell; vertical-align: middle; } +.shpping-cart strong.item { display: block; position: absolute; top: 50%; border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); margin-top: -10px; } +.cart { top: 100%; } +.mega-menu > section.menu-list-items > .container-fluid, +.mega-menu > section.menu-list-items > .container-fluid > .row, +.mega-menu > section.menu-list-items > .container-fluid > .row > div { height: 100%; } +.logo-center .mega-menu > section.menu-list-items .menu-bar > ul { height: auto; } +.logo-center .mega-menu > section.menu-list-items .menu-bar > ul > li { display: inline-block; } +.logo-center .mega-menu > section.menu-list-items .search-cart { height: auto; } +.logo-center .mega-menu > section.menu-list-items .menu-bar { height: auto; } +.logo-center .mega-menu .drop-down, .logo-center .mega-menu .drop-down-tab-bar, .logo-center .mega-menu .drop-down-multilevel { top: auto; } +.logo-center .mega-menu .menu-links > li > a { line-height: 72px; } +.logo-center.header .search .search-btn { line-height: 72px; } +.logo-center .search-cart i.icon { line-height: 72px; } +.logo-center .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 60px; } +.logo-center .mega-menu.desktopTopFixed .search .search-btn { line-height: 60px; } +.logo-center .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 60px; } +.logo-center .search .search-btn:before { top: inherit; transform: inherit; } +.logo-center .search-cart .shpping-cart { float: right; } + +.vertical-menu .mega-menu > section.menu-list-items .menu-bar { height: auto; } +.vertical-menu .mega-menu > section.menu-list-items .menu-bar > ul > li { display: block; } +.search-cart .side-menu-icon { display: table; float: left; height: 100%; } +.side-menu-icon .menu-icon { position: relative; display: table-cell; vertical-align: middle; } + +.header.light .mega-menu { min-height: 90px; } + +} + +/************************************* + Slider (all home page main sliders ) + **************************************/ +.rev-slider { overflow: hidden; position: relative; } + + + /*slider 10*/ +#rev_slider_14_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; } + #rev_slider_14_1 .zeus .tp-bullet{box-sizing:content-box; -webkit-box-sizing:content-box; border-radius:60%; background-color:rgba(255,255,255,0.5); -webkit-transition:opacity 0.3s ease; transition:opacity 0.3s ease; width:14px;height:14px; border:0px solid rgb(255,201,4)}#rev_slider_14_1 .zeus .tp-bullet:after{content:""; position:absolute; width:100%; height:100%; left:0; border-radius:60%; background-color:rgb(255,201,4); -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:-webkit-transform 0.3s ease; transition:transform 0.3s ease}#rev_slider_14_1 .zeus .tp-bullet:hover:after,#rev_slider_14_1 .zeus .tp-bullet.selected:after{-webkit-transform:scale(1.2); transform:scale(1.2)}#rev_slider_14_1 .zeus .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{width:135px; height:60px; position:absolute; background:#000; background:rgba(0,0,0,0.5); bottom:13px; margin-bottom:10px; transform:translateX(-50%); -webkit-transform:translateX(-50%); box-sizing:border-box; background-size:cover; background-position:center center; visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; border-radius:4px}#rev_slider_14_1 .zeus .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(-50%); -webkit-transform:translateX(-50%)}#rev_slider_14_1 .zeus .tp-bullet-title{color:rgb(255,255,255); text-align:center; line-height:15px; font-size:13px; font-weight:600; z-index:3; visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; position:absolute; bottom:45px; width:135px; vertical-align:middle}#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-imageoverlay{opacity:1; visibility:visible; -webkit-transform:translateY(0px) translateX(-50%); transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{bottom:auto; margin-right:10px; margin-bottom:0px; right:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title{bottom:auto; right:100%; margin-right:10px}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-imageoverlay{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{bottom:auto; margin-left:10px; margin-bottom:0px; left:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title{bottom:auto; left:100%; margin-left:10px}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{bottom:auto; top:13px; margin-top:10px; margin-bottom:0px; left:0px; transform:translateY(0px) translateX(-50%); -webkit-transform:translateX(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet:hover .tp-bullet-image{transform:scale(1) translateY(0px) translateX(-50%); -webkit-transform:scale(1) translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateY(0px) translateX(-50%); -webkit-transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title{bottom:auto; top:13px; margin-top:20px} +#rev_slider_14_1 .uranus.tparrows{width:50px; height:50px; background:rgba(255,255,255,0)}#rev_slider_14_1 .uranus.tparrows:before{width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s}#rev_slider_14_1 .uranus.tparrows:hover:before{opacity:0.75} + + +/************************************* + slider-parallax one page +**************************************/ +.slider-parallax { height: 86vh; position: relative; } +.slider-content-middle { position: absolute; display: inline-block; width: 100%; top: 50%; left: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); + -ms-transform: translate(0,-50%);-o-transform: translate(0,-50%); transform: translate(0,-50%); } +/*scroll-down*/ +.scroll-down { text-align: center; width: 34px; height: 58px; display: inline-block; border-radius: 20px; border:2px solid #fff; position: absolute; left: 50%; bottom: 60px; +margin-left: -17px; line-height: 50px; } +.scroll-down i { height: 10px; width: 4px; background: #fff; display: inline-block; border-radius: 3px; -webkit-animation-name:fadebounce; -moz-animation-name:fadebounce; -ms-animation-name:fadebounce; -o-animation-name:fadebounce; animation-name:fadebounce; -webkit-animation-duration:3s; -moz-animation-duration:3s; -ms-animation-duration:3s; -o-animation-duration:3s; + animation-duration:3s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; + animation-iteration-count:infinite; } +@-moz-keyframes fadebounce { +0% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; } +50% { -moz-transform:translateY(25px); transform:translateY(25px); opacity:1; } +100% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@-webkit-keyframes fadebounce { +0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } +50% { -webkit-transform:translateY(25px); transform:translateY(25px); opacity:1; } +100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@-o-keyframes fadebounce { +0% { -o-transform:translateY(0); transform:translateY(0); opacity:1; } +50% {-o-transform:translateY(25px);transform:translateY(25px);opacity:1; } +100% {-o-transform:translateY(0);transform:translateY(0);opacity:1; } +} +@-ms-keyframes fadebounce { +0% { -ms-transform:translateY(0); transform:translateY(0); opacity:1; } +50% {-ms-transform:translateY(25px);transform:translateY(25px);opacity:1; } +100% {-ms-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@keyframes fadebounce { +0% { transform:translateY(0); opacity:1; } +50% {transform:translateY(25px);opacity:1; } +100% {transform:translateY(0);opacity:1; } +} + +/*personal-typer-banner*/ + .personal-typer-banner span.sub-text { font-size: 22px; line-height: 22px; margin-bottom: 16px; display: block; } + .personal-typer-banner b { border-bottom: 2px solid #FC5C3C; } + .personal-typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; color: #FC5C3C; } + .personal-typer-banner h1 span { color: #ffffff; font-size: 50px; display: inline-block; transform: rotate(-90deg); line-height: 50px; position: relative; top: -11px; left: -20px; } + .personal-typer-banner h2 { border-left: 3px solid #FC5C3C; padding-left: 10px; margin-top: 20px; } + +/*typer-banner*/ +.typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; } +.typer-banner p { font-size: 22px; line-height: 22px; } +.slider-content .typer { color: #FC5C3C !important; } + +/*popup-video-banner*/ +.popup-video-banner h1 { font-size:60px; line-height:80px; font-weight: 400; } +.popup-video-banner a span{ margin-left: 6px; width: 50px; height: 50px; line-height: 50px; display: inline-block; text-align: center; background: #ffffff; color: #FC5C3C; border-radius: 50%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } +.popup-video-banner a:hover span { background: #FC5C3C; color: #ffffff; } +.popup-video-banner a strong { padding-left:10px; display: inline-block; } + + /*video-background-banner*/ +#video-background.bg-overlay-black-50:before { z-index: 0; } +.video-background-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; text-transform: uppercase; } +.video-background-banner .slider-content { border:20px solid #FC5C3C; width: 50%; margin: 0 auto; padding: 60px 30px; } +.video-background-banner .slider-content span { font-size: 22px; line-height: 22px; color: #ffffff; display: block; margin-bottom: 20px; } +.video-background-banner .slider-content p { font-size: 18px; line-height: 22px; color: #ffffff; margin-top: 20px; } + +/* portfolio-banner*/ +.portfolio-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; } +.portfolio-banner .slider-content { background: #ffffff; width: 50%; margin: 0 auto; padding: 60px 30px; box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.02); } +.portfolio-banner .slider-content span { text-transform: uppercase; letter-spacing: 10px; font-size: 18px; line-height: 18px; display: block; margin-bottom: 20px; font-weight: 600; } +.portfolio-banner .slider-content span i { line-height: 20px; } +.portfolio-banner .slider-content h1 { font-size: 70px; margin-bottom: 0; } + + /************************************* + Background + **************************************/ +/*images background*/ + .white-bg { background: #fff; } + .gray-bg { background: #666; } + .dark-gray-bg { background: #666666; } + .theme-bg { background: #FC5C3C; } + .black-bg { background: #323232; } + .dark-theme-bg { background: #050801; } + + .bg-overlay-black-10:before { background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-20:before { background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-30:before { background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-40:before { background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-50:before { background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-60:before { background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-70:before { background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-80:before { background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-90:before { background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-10:before { background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-20:before { background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-30:before { background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-40:before { background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-50:before { background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-60:before { background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-70:before { background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-80:before { background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-90:before { background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-20:before { background: rgba(132,186,63, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-50:before { background: rgba(132,186,63, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-70:before { background: rgba(132,186,63, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-90:before { background: rgba(132,186,63, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-10, .bg-overlay-black-20, .bg-overlay-black-30, .bg-overlay-black-40, .bg-overlay-black-50, .bg-overlay-black-60, .bg-overlay-black-70, .bg-overlay-black-80, .bg-overlay-black-90, .bg-overlay-white-10, .bg-overlay-white-20, .bg-overlay-white-30, .bg-overlay-white-40, .bg-overlay-white-50, .bg-overlay-white-60, .bg-overlay-white-70, .bg-overlay-white-80, .bg-overlay-white-90, .bg-overlay-theme-20, .bg-overlay-theme-50, .bg-overlay-theme-70, .bg-overlay-theme-90, { position: relative; } + + +/************************************* + home page section + **************************************/ +.our-service-home { padding-bottom: 230px; } +.custom-content { margin-top: -220px; background: #FC5C3C; position: relative; z-index: 9; padding: 50px;} + +/************************************* + decolines + **************************************/ +.decolines { pointer-events: none; position: absolute; width: 100%; height: 100%; top: 0;left: 0; pointer-events: none; } +.decolines--fixed { position: fixed; width: 100vw;height: 100vh; } +.decoline { position: absolute; } + +/************************************* + feature step + **************************************/ +.feature-step h1 { font-size: 60px; } +.feature-step h3 { font-weight: 300; margin: 30px 0px 20px; } +.feature-step a { font-size: 14px; color: #FC5C3C; } +.feature-step a:hover { color: #323232; } + +.feature-step-2-box { padding: 70px 30px; z-index: 99; position: relative; } +.feature-step-2.bg-01 { background: url(../images/blog/05.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-02 { background: url(../images/blog/06.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-03 { background: url(../images/blog/09.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-overlay-black-50:before { z-index: 0; } +.feature-step-2 .feature-step-2-title-left h1 { font-size: 75px; line-height: 60px; color: #ffffff; } +.feature-step-2 h3 { margin-bottom: 0; } +.feature-step-2 h2{font-weight: 200; position: relative; padding-bottom: 10px; font-size: 28px; } +.feature-step-2 img {display: block; width: 100%;} +.feature-step-2 .button { margin-top: 20px; } +.feature-step-2 .feature-step-2-title-left {opacity: 0.5; display: table-cell; padding-right: 26px; } +.feature-step-2-title-2-right { display: table-cell; vertical-align: top; } +.feature-step-2.black-bg .feature-step-2-box, .feature-step-2.theme-bg .feature-step-2-box{position: inherit; top: inherit; transform: inherit; display: inline-block;} +.service-blog { padding-top: 50px; padding-right: 25px; margin-bottom: 100px; } +.service-blog p { position: relative; z-index: 9; margin-top: 20px; margin-bottom: 20px; } +.service-blog b {position: absolute; z-index: 0; top: -35px; font-family: 'Poppins', sans-serif; right: -35px; font-size:300px; color: #dde1eb; line-height: normal; opacity: 0.3;} +.service-blog ul { border-right: 6px solid #FC5C3C; padding-right: 20px; } +.service-blog li { color: #626262; font-size: 16px; line-height: 22px; padding: 2px 0 7px; } +.service-blog.left b{left:-35px; right: inherit;} +.service-blog.left ul{border-left:6px solid #FC5C3C;border-right:0 none;padding-left:20px;padding-right:0;} +/*split-section*/ +.split-section { position: relative; z-index: 10; } +.split-section .img-holder { position: absolute; top: 0; width: 100%; height: 100%; } +.split-section .img-side.img-right { right: 0; } +.split-section .img-side.img-left { left: 0; } +.split-section .img-side { right: 0; padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100; } + .our-awesome-core .img-side { top: 20px; } + + /************************************* + about us + **************************************/ +.who-we-are-left .owl-carousel .owl-dots { bottom: 26px; position: absolute; } +.who-we-are-left .owl-carousel.owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; border-radius: 50%; } + + /************************************* + resume + **************************************/ +.resume-page .container-fluid { padding: 0 70px; } +.resume-block .resume-icon { float: left; margin-right: 30px; } +.resume-block .resume-icon span { font-size: 30px; line-height: 50px; color: #FC5C3C; } +.resume-block .resume-name { display: table-cell; } +.resume-block .resume-name span { color: #9ea8b6; font-size: 16px; } +.resume-contact #map { padding-top: 120%; } +.resume-contact .contact-form-main { padding: 80px 80px; } +.resume-contact .footer-widget-social a i { color: #ffffff; background: rgba(43, 43, 43, 0.12); width: 45px; height: 45px; line-height: 45px; } +.resume-contact .footer-widget-social a i:hover { background: rgba(43, 43, 43, 0.19); } + + /************************************* + portfolio + *************************************/ + .isotope-filters { display: table; margin:0px 0px 30px 0px; text-align: left; } +.isotope-filters.text-left { display: block; margin: 0px 0px 30px 0px; text-align: left; } +.isotope-filters button { margin: 4px; cursor: pointer; padding: 6.5px 16px; font-size: 14px; background: transparent; border-radius: 18px; color: #363636; font-weight: 600; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } +.isotope-filters button:focus { outline: none; outline-style: none; outline-offset:0; } +.isotope-filters button.active, .isotope-filters button:hover { background: #FC5C3C; color: #fff; border-color: #FC5C3C; } +.isotope-filters button+button { margin-left: px; background-color: #fff; } +.isotope, .masonry { margin: 0 -15px 0 0; } +.isotope .grid-item img { width: 100%; } +.isotope.columns-1 .grid-item { width: 100%; padding: 0 15px 15px 0; } +.isotope.columns-2 .grid-item { width: 50%; padding: 0 15px 15px 0; } +.isotope.columns-3 .grid-item { width: 33.33333333%; padding: 0 15px 15px 0; } +.isotope.columns-4 .grid-item { width: 25%; padding: 0 15px 15px 0; } +.isotope.columns-5 .grid-item { width: 20%; padding: 0 15px 15px 0; } +.isotope.no-padding .grid-item { padding: 0 !important; } +.masonry.no-padding .masonry-item { padding: 0 !important; } +.masonry .masonry-item img { width: 100%; } +.masonry.columns-2 .masonry-item { width: 50%; padding: 0 15px 15px 0; } +.masonry.columns-3 .masonry-item { width: 33.33333333%; padding: 0 15px 15px 0; } +.masonry.columns-4 .masonry-item { width: 25%; padding: 0 15px 15px 0; } +.masonry.columns-5 .masonry-item { width: 20%; padding: 0 15px 15px 0; } +.isotope.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.isotope.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } +.isotope.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.isotope.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } +.masonry.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.masonry.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } +.masonry.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.masonry.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } + + /************************************* + portfolio item + **************************************/ +.portfolio-title { padding: 100px 60px 30px; } +.portfolio-title span { display: block; } +.portfolio-item { width: 100%; position: relative; overflow: hidden; color: #fff; border: 0; position: relative; } +.portfolio-item img { width: 100%; -webkit-transition: -ms-transform 0.35s; -o-transform 0.35s; -moz-transform 0.35s; transition: transform 0.35s; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;} +.portfolio-item .portfolio-overlay { width: 100%; background: #FC5C3C; padding: 10px 0px; position: absolute; bottom:-80px; display: block; margin-top: 0; float: left; z-index: 9; text-align: left; padding-left: 20px; left: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item .portfolio-overlay h4 { font-weight: 600; margin-bottom: 5px; } +.portfolio-item .portfolio-overlay a:hover { color: #323232; } +.portfolio-item .portfolio-overlay span { font-weight: 400; font-size: 14px; } +.portfolio-item .portfolio-overlay span a { color: #ffffff; } +.portfolio-item .portfolio-overlay span a:hover { color: #323232; } +.portfolio-item a.popup{position: absolute; right: 20px; top: -20px; color: #fff; z-index: 9; display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 40px; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;} +.portfolio-item a.popup:hover { background: #FC5C3C; color: #ffffff; } +.portfolio-item:hover img { -webkit-transform:scale(1.20); -moz-transform:scale(1.20); -ms-transform:scale(1.20); -o-transform:scale(1.20); transform:scale(1.20); } +.portfolio-item:hover a.popup{ opacity: 1; top: 20px; } +.portfolio-item:before { content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-size: 115%; + -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.7s cubic-bezier(.68,.11,.13,.98); + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.owl-carousel .owl-item .portfolio-item img { width: 100%; } + .portfolio-item.only-popup { width: 100%; text-align: center; } + .portfolio-item.only-popup a.popup { display: inline-block; left: 50%; margin-left: -20px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } +.portfolio-item:hover .portfolio-overlay { bottom: 0; } +/* no-title */ +.no-title .portfolio-item .portfolio-overlay { position: inherit; bottom: inherit; background: #f6f7f8; } +.no-title .portfolio-item .portfolio-overlay a, .no-title .portfolio-item .portfolio-overlay span { color: #323232; } +.no-title .portfolio-item .portfolio-overlay a:hover { color: #FC5C3C; } + /*portfolio pupup*/ + .mfp-bottom-bar { display: none; } +.portfolio-home .isotope { margin-bottom: 0; } + +/************************************* + portfolio-item-2 +**************************************/ +.portfolio-item-2 { width: 100%; overflow: hidden; position: relative; } +.portfolio-item-2:before { background: transparent; } +.portfolio-item-2 .portfolio-hover { padding: 20px; position: absolute; z-index: 99; bottom: 0px; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-name { position: absolute; bottom: -10px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-name span { font-size: 14px; color: #fff; display: block; } +.portfolio-item-2 .portfolio-hover .hover-name a { font-size: 22px; text-transform: uppercase; color: #fff; display: block; margin-top: 5px; } +.portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #FC5C3C; } +.portfolio-item-2 .portfolio-hover .hover-icon { position: absolute; bottom: -10px; right: 30px; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-icon a { color: #fff; } +.portfolio-item-2 .portfolio-hover .hover-icon a:hover { color: #FC5C3C; } +.portfolio-item-2:hover .portfolio-hover { opacity: 1; background: rgba(0, 0, 0, 0.9); } +.portfolio-item-2 img { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } +.portfolio-item-2:hover img { opacity: 0.1; -webkit-transform:scale(1.10); -moz-transform:scale(1.10); -ms-transform:scale(1.10); -o-transform:scale(1.10); transform:scale(1.10); } +.portfolio-item-2:hover .portfolio-hover .hover-name { bottom: 30px; } +.portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: 40px; } +.no-title .portfolio-item-2 { overflow: visible; } +.no-title .portfolio-item-2 .portfolio-hover { position: inherit; border: inherit; opacity: 1; background: #f6f7f8; clear: both; } +.no-title .portfolio-item-2:hover .portfolio-hover { bottom: inherit; background: inherit; background: #f6f7f8; } +.no-title .portfolio-item-2 .portfolio-hover .hover-name { bottom: inherit; position: inherit; display: inline-block; clear: both; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon { bottom: inherit; position: inherit; display: inline-block; float: right; padding-top: 20px; text-align: right;} +.no-title .portfolio-item-2:hover .portfolio-hover .hover-name { bottom: inherit; } +.no-title .portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: inherit; } +.no-title .portfolio-item-2:hover img { opacity: 1; -webkit-transform:inherit; -moz-transform:inherit; -ms-transform:inherit; -o-transform:inherit; transform:inherit; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon a, .no-title .portfolio-item-2 .portfolio-hover .hover-name span, .no-title .portfolio-item-2 .portfolio-hover .hover-name a { color: #323232; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .no-title .portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #FC5C3C; } + + /************************************* + Portfolio single page +**************************************/ + /*tags*/ +.tags h5 { display: inline-block; padding-right: 20px; } +.tags ul { display: inline-block; } +.tags li { display: inline-block; } +.tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } + +/*share*/ +.share .social ul { display: inline-block; } +.share .social ul li { display: inline-block; padding: 0px 6px; } +.share .social ul li a:hover { color: #353535; } + +/*port-meta*/ +.port-meta ul { margin-bottom: 30px; } +.port-meta li { margin-bottom: 20px; font-size: 16px; } +.port-meta li b { color: #FC5C3C; width: 200px; font-weight: 400; width: 100px; display: inline-block; } +.port-meta li span { font-weight: normal; } +.port-info p { margin-bottom: 0px; } + +/*port-navigation*/ +.port-navigation { padding: 20px 0; border-bottom:1px dashed #d0d0d0; border-top: 1px dashed #d0d0d0;} +.port-navigation a { color: #626262; } +.port-arrow { height: 74px; width: 40px; text-align: center; background: #f7f7f7; display: inline-block;} +.port-arrow i { text-align: center; font-size: 25px; line-height: 75px;} +.port-photo { width: 124px; height: 77px; display: inline-block; } +.port-photo img { width: 100%; } + +/*port-post*/ +.port-post { background: #f7f7f7; padding: 15px; } +.port-post-photo { width: 170px; display: inline-block; float: left; margin-right: 20px; } +.port-post-photo img { width: 100%; } + +/*port-post-info*/ +.port-post-info { padding-left: 190px;} +.port-post-info h3 { display: inline-block; font-size: 24px; } +.port-post-info span { color: #626262; } +.port-post-social strong { font-size: 14px; } +.port-post-social a { color: #626262; margin-left: 8px; font-size: 14px; } +.port-post-social a:hover { color: #FC5C3C; } +.port-post-info p { margin-top: 10px; } +.port-singal .owl-carousel .owl-item img { width: 100%; } + +/************************************* + Our Blog + **************************************/ + /*Blog 1*/ +.blog-box { padding: 30px; border:1px solid #ddd; position: relative; z-index: 1; } +.blog-info { position: relative; z-index: 9; } +.blog-info span { color: #626262; font-size: 14px; margin-right: 6px; } +.blog-info h4 { font-weight: 600; font-size: 18px;} +.blog-box .post-format-icon{text-align: right; position: relative; z-index: 9} +.blog-box .post-format-icon i { padding-right: 0; font-size: 35px; color: #e1e1e1; } +.blog-info p { padding: 0px 0 10px; font-size: 14px; } +.blog-box .post-category a { display: inline-block; padding: 5px 15px; font-size: 12px; text-transform: uppercase; font-weight: 700; border-radius: 50em; color:#fff; background-color: #FC5C3C; -webkit-transition: all 0.3s ease; -moz-transition: ll 0.3s ease; transition: all 0.3s ease; margin-bottom: 20px;} +a.blog-btn { text-align: center; font-size: 14px; color: #FC5C3C; display: block; padding-bottom: 12px; position: relative; z-index: 1; } +a.blog-btn i { margin-left: 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-box .border { position: absolute; background: #FC5C3C; height: 0px; bottom: 0; left: 0; z-index: 0; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-box .blog-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background-size: cover; background-position: center center; } +.blog-box:hover .blog-box-img, .blog-box.active .blog-box-img { opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-1:hover h4, .blog-1:hover i, .blog-1:hover span, .blog-1:hover p, .blog-1:hover a.blog-btn, .blog-1.active h4, .blog-1.active i, .blog-1.active span, .blog-1.active p, .blog-1.active a.blog-btn,.blog-1:hover .post-category a,.blog-1:hover .post-format-icon i,.blog-1.active .post-category a,.blog-1.active .post-format-icon i { color: #fff; } +.blog-box:hover .blog-box-img:before, .blog-box.active .blog-box-img:before { background: rgba(0, 0, 0, 0.6); color: #fff; content: ""; display: inline-block; height: 100%; + left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } +.blog-box.blog-2 {padding: 0; position: relative; border:none; transition: all 0.5s ease 0s; height: 100%; } +.blog-box.blog-2 .blog-info{background: #ffffff; padding: 30px;} +.blog-box.blog-2.gray-bg .blog-info {background: #f7f7f7; } +.blog-box.blog-2 .blog-box-img{opacity: 1;} +.blog-box.blog-2 .post-format-icon{position: absolute; right: 30px; top: 30px;} +.blog-box.blog-2 .button.icon-color{text-transform: capitalize; float: right;} +.blog-box.blog-2:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);} +.blog-box.blog-2.gray-bg:hover { box-shadow: none;} +.blog-box.blog-2.transparent .blog-info { background: transparent; padding: 30px 0; } +.blog-box.blog-2.transparent .blog-info span { color: #ffffff; } + + +/*************************** + blog +***************************/ +.blog-entry { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } +.blog-entry:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } +.blog-entry .entry-image img { width: 100%; } +.blog-entry .blog-detail { background: #ffffff; padding: 30px; border-top: 0px; } +.blog-entry .blog-detail .entry-title a { font-size: 22px; font-weight: 600; line-height: 24px; color: #353535; line-height: 28px; } +.blog-entry .blog-detail .entry-title a:hover { color: #FC5C3C; } +.blog-entry .entry-meta ul li { display: inline-block; margin-right: 12px; } +.blog-entry .entry-meta ul li i { color: #FC5C3C; padding-right: 6px; } +.blog-entry .entry-meta ul li a { color: #353535; line-height: 0px; padding-right: 5px; } +.blog-entry .entry-meta ul li a i { padding-right: 6px; color: #FC5C3C; } +.blog-entry .entry-meta ul li a:hover { color: #FC5C3C; } +.blog-entry .social strong { display: inline-block; margin-right: 10px; } +.blog-entry .entry-button { display: inline-block;} +.blog-entry .social ul { display: inline-block; } +.blog-entry .social ul li { display: inline-block; padding: 0px 6px; } +.blog-entry .social ul li a:hover { color: #353535; } +.blog-entry .entry-share { margin-top: 20px; display: block; } + +/*blog-entry blockquote*/ +.blog-entry.blockquote { background: #FC5C3C; border: 0px; padding: 36px 30px; } +.blog-entry.blockquote blockquote { background: #FC5C3C; border-left: 0px; color: #ffffff; padding: 0px; position: relative; margin-top: 0 !important; padding-top: 60px; } +.blog-entry.blockquote blockquote:before { content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #ffffff; position: absolute; left: 0px; top: -20px; } +.blog-entry.blockquote .blog-detail { border: 0px; background: #FC5C3C; padding: 0px; } +.blog-entry.blockquote .blog-detail .entry-title a { color: #ffffff; } +.blog-entry.blockquote .blog-detail .entry-title a:hover { color: #323232; } +.blog-entry.blockquote .social ul li a { color: #ffffff; } +.blog-entry.blockquote .social ul li a:hover { color: #323232; } +.blog-entry.blockquote .entry-meta ul li a { color: #ffffff; } +.blog-entry.blockquote .entry-meta ul li i { color: #ffffff; } +.blog-entry.blockquote .entry-meta ul li a i { color: #ffffff !important; } +.blog-entry.blockquote .entry-meta ul li a:hover { color: #323232; } +.blog-entry.blockquote .button.arrow.white:hover { color: #323232; } + +/*video vimeo and youtube*/ +.js-video { height: 0; padding-top: 25px; padding-bottom: 54%; position: relative; overflow: hidden; } +.js-video.widescreen { padding-bottom: 34.34%; } +.js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: none; } +.js-video.big { padding-top: 30px; } + +.blog-entry .grid-post li { float: left; width: 50%; border-right: 4px solid #fff; border-bottom: 4px solid #fff; list-style: none; } +.blog-entry .grid-post li img { width: 100%; } +.blog-entry .grid-post li .portfolio-item { width: 100%; } + + /*blog-entry-audio*/ + .blog-entry .blog-entry-audio { padding: 136px 20px; background: url(../images/blog/04.jpg) no-repeat; background-position: center center; background-size: cover; } + + /*blog pages*/ + /*blog-grid-3-column*/ + .blog-grid-3-column .blog-entry .blog-entry-audio { padding: 63px 20px; } + .blog-grid-2-sidebar .blog-entry .blog-entry-audio { padding: 96px 20px; } + +/************************************* + our services +**************************************/ +.service-image-holder { position: relative; height: 496px; } +.service-image-holder .section-title-2 { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } +.services-text-box { background:#fff; padding: 10% 15%;} +.services-text-box-black { background:#363636; padding: 80px 50px !important; } +.services-text-box-green { background:#FC5C3C; padding: 80px 50px !important; } + +/************************************* + creativity +**************************************/ +.creativity h1 { line-height: 65px; text-transform: uppercase; font-size: 50px; font-weight: bold; } +.creativity p { font-size: 30px; } +.creativity .button { display: inline-block; float: none; } + .contact-map iframe { width: 100%; height: 100%; } +#formmessage {display: none;} +.contact-form .section-field { position: relative; width: 31.3%; margin-right: 3%; float: left; } +.contact-form .section-field:nth-child(3) { margin-right: 0px; } +.contact-form .section-field:nth-child(6) { margin-right: 0px; } +.contact-box.contact-box-top { margin-top: -1px; position: relative; } +.touch-in .contact-box {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); display: inline-block; margin-bottom: 0; padding: 60px 20px; width: 100%;} +.contact-box i { background: #FC5C3C; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 5px; font-size: 34px; color: #ffffff; display: inline-block;} +.contact-form .form-control {position: relative; width: 100%; margin-bottom: 20px; } +.section-field.textarea{width: 100%;} +.g-recaptcha.section-field {width: 100%; margin-bottom: 20px; } +.contact-form textarea.form-control {width: 100%; } +.contact-box .contact-icon { display: table-cell; padding-right: 20px; } +.contact-box .contact-icon i { background: transparent; line-height: normal; font-size: 34px; height: auto; width: auto;} +.contact-box.theme-bg .contact-icon i{color: #ffffff !important;} +.contact-box .contact-info { display: table-cell; vertical-align: top; padding: 0; background: none;} +.contact-2 .addresss-info p, .contact-2 .addresss-info i, .contact-2 .addresss-info li{color: #ffffff;} +.contact-2 .contact-add{padding: 80px 0} +.contact-2 .contact-add i{font-size: 40px;} +.contact-3 #map { padding-top: 101%; } +.contact-2 #map { padding-top: 100%; } +.map-side { left: 0; overflow: hidden; padding: 0; position: absolute; top: 0; z-index: 9;} +.map-side.map-right {left: auto; right: 0;} +.contact-3 .contact-add{padding: 80px 20px; } +.contact-3 .contact-add i{font-size: 40px; color: #FC5C3C;} +.contact-3 .contact-form .section-field {width: 100%;} +.contact-social ul li { display: inline-block; } +.contact-social ul li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #323232; background: #eceff8; font-size: 14px; border-radius: 3px; margin-right: 5px; } +.contact-social ul li a:hover { background: #353535 !important; color: #fff;} +.contact-3 .theme-bg.contact-add i{color: #ffffff !important;} +.footer #logo-footer { height: 30px; } +.footer-contact .footer-nav ul li a { color: #353535; } +.footer-contact .footer-nav ul li a:hover { color: #2046f2; } +.footer-contact .contact-box .contact-icon i { background: transparent; color: #FC5C3C; margin-bottom: 10px; } +.footer.footer-topbar hr { border-color: #d9d9d9; } +.footer-contact .social ul { background: #f6f7f8; } +.footer-contact .social ul li a i { color: #353535; } +.footer-contact .social ul li a i:hover { color: #2046f2; } +.footer-contact .usefull-link ul li a { color: #353535; } +.footer-contact .usefull-link ul li a:hover { color: #2046f2; } +.footer-contact { box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); margin-bottom: 80px; margin-top: -220px; padding: 60px 0; } +.footer-contact .contact-box { text-align: center; } +.footer-contact .contact-box .contact-icon { display: block; padding-right: 0; color: #2046f2; } +.footer-contact .contact-box .contact-info { display: block; background: none; padding: 0; width: 100%;} +.footer-contact .contact-box .contact-info .section-title { margin-bottom: 0px; } +.footer-contact .contact-box .contact-info h5 { color: #353535; } +.our-clients.theme-bg{padding: 60px 0 170px;} +.footer-Newsletter .form-control::-moz-placeholder { color: rgba(255,255,255,0.5); } +.footer-Newsletter .form-control::-ms-input-placeholder { color: rgba(255,255,255,0.5); } +.footer-Newsletter .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.5); } + +/************************************* + Our History +**************************************/ + .history-main { width: 100%; } + .liner { background: #fff; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: 96%; z-index: 1; position: relative; } + .liner i { position: absolute; right: -2px; top: -9px; color: #fff; } + .history-content { list-style: outside none none; padding: 125px 0; width: auto; } + .history-1 { position: relative; left: 45px; } + .history-2 { position: relative; margin-left: 30%; } + .history-3 { position: relative; margin-left:58%; } + .history-4{ position: relative; margin-left: 95%; } + .history-line { background: #fff; height: 60px; left: 3px; position: absolute; top: -75px; width: 2px; z-index: 9; } + .history-time-lin { position: relative; top: 10px; z-index: 2; } + .history-time-lin:before { bottom: 0; } + .history-time-lin:before { background: #fff; border-radius: 50%; content: ""; height: 20px; left: -5px; position: absolute; width: 20px; z-index: 1; } + .history-time-lin:after { border:2px solid #fff; background: #000; border-radius: 50%; content: ""; height: 30px; left: -5px; position: absolute; width: 30px; } + .history-time-lin:after { left: -10px; top: -25px; } + .history-item { left: -20px; position: absolute; top: -125px; } + .history-item a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } + .history-5 { position: relative; margin-left: 15%; } + .history-6 { position: relative; margin-left: 53%; } + .history-7 { position: relative; margin-left:78%; } + .history-line-2 { background: #fff none repeat scroll 0 0; height: 60px; left: 3px; position: absolute; top: 15px; width: 2px; z-index: 9; } + .history-item-2 { left: -20px; position: absolute; top: 75px; } + .history-item-2 a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } + /*Our History */ +.our-history .timeline { list-style: none; padding: 20px 0 20px; position: relative; } +.our-history .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 2px; background-color: #e6e6e6; left: 50%; margin-left: -0.5px; } +.our-history .timeline > li { margin-bottom: 20px; position: relative; } +.our-history .timeline > li:before, +.our-history .timeline > li:after { content: " "; display: table; } +.our-history .timeline > li:after { clear: both; } +.our-history .timeline > li:before, +.our-history .timeline > li:after { content: " "; display: table; } +.our-history .timeline > li:after { clear: both;} +.our-history .timeline > li > .timeline-panel { width: 46%; float: left; padding: 15px 00px 25px 00px; position: relative; } +.our-history .timeline > li > .timeline-panel:before { position: absolute; top: 23px; right: -25px; display: inline-block; width: 25px; height: 2px; background: #e6e6e6; content: " "; } +.our-history .timeline > li > .timeline-badge { color: #fff; width: 18px; height: 18px; line-height: 10px; font-size: 0.7em; text-align: center; position: absolute; top: 16px; left: 50%; + border:3px solid #FC5C3C; margin-left: -9px; background-color: #fff; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0 0 0 5px #f6f6f6; } +.our-history .timeline > li.timeline-inverted > .timeline-panel { float: right;} +.our-history .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -25px; right: auto; } +.our-history .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } + .our-history .timeline-body > p, +.our-history .timeline-body > ul { margin-bottom: 0; } +.our-history .timeline-body > p + p margin-top: 5px; +.our-history .timeline > li { text-align: right;} +.our-history .timeline > li.timeline-inverted { text-align: left;} +.our-history .timeline .timeline-arrow { position: absolute; width: 100%; left: 0.5px; right: 0; text-align: center; color: #e6e6e6; bottom: -29px; } +.our-history .timeline > li > .timeline-badge p{width: 200px; margin-top: -9px; margin-left: 25px;font-size: 17px; font-weight: bold; text-align: left;} +.our-history .timeline > li.timeline-inverted .timeline-badge p{text-align: right; float: right; margin-right: 25px;} + +/************************************* + our-service objects +**************************************/ +.our-service { position: relative; padding-bottom: 280px; z-index: 1; } +.objects-left { position: absolute; height: 100%; width: 100%; left: 0; top: 80px; z-index: -1; } +.objects-left .objects-1 { position: absolute; left: 50px; top: 0; } +.objects-left .objects-2 { position: absolute; left: 100px; bottom: 170px; } +.objects-left .objects-3 { position: absolute; left: 50%; bottom: 150px; margin-left: -150px; } +.objects-right { position: absolute; height: 100%; width: 100%; right: 0; top:80px; z-index: -1; } +.objects-right .objects-4 { position: absolute; right: 0px; top: 0; } +.objects-right .objects-5 { position: absolute; right: 0px; bottom: 170px; } +.objects-right .objects-bottom { position: absolute; right: 0px; bottom: 0; } + +/************************************* + sidebar +**************************************/ +.sidebar-widget p { margin-bottom: 0px; } +/*.widget-search */ +.widget-search { position: relative; } +.widget-search input { padding-right: 30px; color: #353535; box-shadow: none; background: #f6f7f8; } +.widget-search i { position: absolute; right: 0px; padding: 16px 22px; font-size: 14px; color: #626262; cursor: pointer; } +.widget-search input:focus { border-color: #FC5C3C; } + +/*Recent Posts*/ +.sidebar-widget .recent-post { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding-bottom: 20px; margin-bottom: 20px; } +.sidebar-widget .recent-post .recent-post-image { float: left; margin-right: 15px; } +.sidebar-widget .recent-post .recent-post-image img { width: 50px; height: 50px; border-radius: 50%; } +.sidebar-widget .recent-post .recent-post-info { overflow: hidden; } +.sidebar-widget .recent-post .recent-post-info a { display: block; margin-bottom: 5px; color: #323232; } +.sidebar-widget .recent-post .recent-post-info a:hover { color: #FC5C3C; } +.sidebar-widget .recent-post .recent-post-info span { color: #FC5C3C; font-style: italic; font-size: 14px; } +.sidebar-widget .recent-post .recent-post-info span i { padding-right: 10px; } +.sidebar-widget .recent-post:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } + +/*widget-archives*/ +.sidebar-widget .widget-categories li { display: block; margin-bottom: 6px; } +.sidebar-widget .widget-categories li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } +.sidebar-widget .widget-categories li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 10px; width: 20px; height: 20px; text-align: center; } +.sidebar-widget .widget-categories li a:hover { color: #FC5C3C; } +.sidebar-widget .widget-categories li a:hover i { border-color: #FC5C3C; color: #FC5C3C; } + +/*widget-link*/ +.sidebar-widget .widget-link li { display: block; margin-bottom: 6px; } +.sidebar-widget .widget-link li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } +.sidebar-widget .widget-link li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 20px; width: 20px; height: 20px; text-align: center; } +.sidebar-widget .widget-link li a:hover { color: #FC5C3C; } + +/*tags*/ +.sidebar-widget .widget-tags li { display: inline-block; } +.sidebar-widget .widget-tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.sidebar-widget .widget-tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } + +/*widget-testimonial*/ +.sidebar-widget .testimonial-widget .testimonial-content { background: #f6f7f8; padding: 20px; font-style: italic; border-radius: 5px; position: relative; } +.sidebar-widget .testimonial-widget .testimonial-content:before { position: absolute; content: ""; bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; +border-color: #f6f7f8 transparent transparent transparent; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar { display: table-cell; padding-right: 20px; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar img { width: 50px; height: 50px; border-radius: 50%; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name { display: table-cell; vertical-align: top; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name span { display: block; font-style: italic; font-size: 14px; } +.sidebar-widget .testimonial-widget .testimonial-info:before { display: none; } + +/*widget-gallery*/ +.sidebar-widget .widget-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; } + +/*widget-newsletter*/ +.sidebar-widget .widget-newsletter { background: #f6f7f8; padding: 30px; position: relative; z-index: 9; overflow: hidden; } +.sidebar-widget .widget-newsletter .newsletter-icon { position: absolute; right: 0; top: -16px; } +.sidebar-widget .widget-newsletter .newsletter-icon i { font-size: 100px; z-index: 0; color: rgba(0, 0, 0, 0.05); } +.sidebar-widget .widget-newsletter .form-control { background: #ffffff; box-shadow: none; } + +/*widget-clients*/ +.sidebar-widget .widget-clients .item { background: #f6f7f8; padding: 30px 30px; } + +/*opening-time*/ + .opening-time ul li { font-size: 14px; line-height: 20px; color: rgba(255,255,255,0.5); border-bottom: 1px solid #262626; padding-bottom: 14px; margin-bottom: 14px; } + .opening-time ul li:last-child { border-bottom: 0; } + +/************************************* + About me +**************************************/ +.about-me .custom-content { margin-top: 0px; } +.about-me .maintenance-progress-bar { margin: 0; } +.about-me .maintenance-progress-bar .progress-bar { margin: 0 44px; } +.maintenance-progress-bar .progress-bar .rotate { background: #FC5C3C !important; } +.maintenance-progress-bar .progress-bar .right { background: #FC5C3C !important; } +.about-me .portfolio-item { width: 100%;} +.about-me .contact-me p { color: #363636; margin: 15px 0; display: table; } +.about-me .contact-me i { float: left; color: #FC5C3C; margin-right: 15px; line-height: 23px; width: 20px; } +.about-me .follow-me ul { margin-top: 20px; } +.about-me .follow-me li { display: inline-block; } +.about-me .follow-me li a { background: #e4e4e4; color: #FC5C3C; border-radius: 3px; display: block; width: 35px; height: 35px; line-height: 35px; margin-right: 2px; text-align: center; font-size: 16px; } +.about-me .follow-me li a:hover { background: #FC5C3C; color: #fff; } + +/************************************* + Team 1 page +**************************************/ +/*team-details*/ + .team-details .social{display:table;float:right;} +.team-details .social li a { background:#f7f7f7 none repeat scroll 0 0;border-radius:3px;color:#FC5C3C;display:block;font-size:15px;height:35px;line-height:35px;margin-left:0px;text-align:center;width:35px; } +.team-details .social li a:hover { background: #FC5C3C; color: #ffffff; } +.team-details .info i{color:#f7f7f7;font-size:126px;left:0;position:absolute;z-index:0;} +.team-details .info p{font-size:16px;font-style:italic;line-height:28px;padding-left:64px;position:relative;z-index:9;} + +/************************************* + blog page +**************************************/ + .owl-carousel img { width: 100%; } +/*pagination-nav*/ +.pagination { margin:0px; } +.pagination li a { font-size: 15px; font-weight: 500; margin: 0 5px; color: #626262; border-radius: 50%; } +.pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 50%; } +.pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 50%; } +.pagination>.active>a, .pagination>.active>a:hover { color: #626262; } +.pagination > li > a, .pagination > li > span { width: 44px; height: 44px; line-height: 44px; background: #f6f7f8; border:0px; padding: 0; text-align: center; } +.pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background-color:#FC5C3C; color: #ffffff;} +.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color:#FC5C3C; color: #ffffff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); } +.dataTables_paginate li.paginate_button.previous a, .dataTables_paginate li.paginate_button.next a { width: inherit; height: inherit; background: transparent !important; color: inherit !important; box-shadow: none !important; } + /*timeline blog*/ +.blog .timeline { list-style: none; padding: 20px 0 20px; position: relative; } +.blog .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 4px; background-color: #f7f7f7; left: 50%; margin-left: -1.5px; } +.blog .timeline > li { margin-bottom: 20px; position: relative; width: 46%; float: left; clear: left; } +.blog .timeline > li:before, +.blog .timeline > li:after { content: " "; display: table; } +.blog .timeline > li:after { clear: both; } +.blog .timeline > li:before, +.blog .timeline > li:after { content: " "; display: table; } +.blog .timeline > li:after { clear: both; } +.blog .timeline > li > .timeline-panel { width: 95%; float: left; border: 1px solid #d4d4d4; /*border-radius: 2px;*/ /*padding: 20px;*/ position: relative; border:1px solid #f7f7f7; + padding: 20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } +.blog .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #f7f7f7; + border-right: 0 solid #f7f7f7; border-bottom: 15px solid transparent; content: " "; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } +.blog .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; + border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } +.blog .timeline > li > .timeline-badge { color: #fff; width: 54px; height: 54px; line-height: 18px; padding: 6px; font-size: 22px; border:4px solid #f7f7f7; background: #fff; + border-radius: 50%; text-align: center; font-weight: bold; position: absolute; color: #f7f7f7; top: 16px; right: -73px; /*z-index: 100;*/ } +.blog .timeline > li > .timeline-badge span { font-size: 13px; font-weight: normal; display: block; } +.blog .timeline > li.timeline-inverted > .timeline-panel { float: right; } +.blog .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } +.blog .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } +.blog .timeline-title { margin-top: 0; color: inherit; } +.blog .timeline-body > p, +.blog .timeline-body > ul { padding:20px; margin-bottom: 0; } +.blog .timeline-body > p + p { margin-top: 5px; } +.blog .timeline-footer { padding:20px; background-color:#f4f4f4; } +.blog .timeline-footer > a { cursor: pointer; text-decoration: none; } +.blog .timeline > li.timeline-inverted { float: right; clear: right; margin-top: 30px; margin-bottom: 0px; } +.blog .timeline > li:nth-child(2){ margin-top: 60px; } +.blog .timeline > li:nth-child(3){ margin-top: 60px; } +.blog .timeline .entry-title i { font-size: 24px;} +.blog .timeline-inverted .timeline-badge { margin-top: 70px} +.blog .timeline li.timeline-inverted .timeline-panel:after { top: 98px; } +.blog .timeline li.timeline-inverted .timeline-panel:before { top: 97px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: -73px; } +.blog .timeline li.entry-date { top: 0; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } +.blog .timeline li.entry-date span { background: #f7f7f7; color: #363636; font-size: 16px; font-weight: 400; text-transform: capitalize; padding: 10px 25px;border-radius: 30px;} +.blog .timeline li.entry-date-bottom { bottom: -30px; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } +.blog .timeline li.entry-date-bottom a { background: #f7f7f7; padding: 7px 10px; color: #363636; font-size: 16px; padding: 10px 25px; border-radius: 30px; } +.blog .timeline li.entry-date-bottom a:hover { background: #FC5C3C; color: #fff; } +.blog .timeline li:hover .timeline-panel { border-color: #FC5C3C; } +.blog .timeline li:hover .timeline-badge a { color: #fff; } +.blog .timeline li:hover .timeline-badge{ background: #FC5C3C; border-color: #FC5C3C; } +.blog .timeline li:hover .timeline-panel:before { border-left-color: #FC5C3C; border-right-color: #FC5C3C; } +.blog .blog.timeline .entry-quote p { font-size: 16px; } +/* blog 2 column masonry left sidebar */ +.blog.timeline-sidebar .timeline > li { width: 89%; } +.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 50%;} +.blog.timeline-sidebar .timeline:before { left: 54px; } +.blog.timeline-sidebar .timeline li.entry-date { text-align: left;} +.blog.timeline-sidebar .timeline li.entry-date-bottom { text-align: left;} +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -66px; } +.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 0px; } +.blog.timeline-sidebar .timeline > li:nth-child(3) { margin-top: 30px; } +.blog.timeline-sidebar .timeline li.entry-date { top: 3px; } +.blog.timeline-sidebar .timeline li.entry-date span { font-size: 14px; padding: 10px 25px; } +.blog.timeline-sidebar .timeline li.entry-date-bottom { bottom: -48px; } +.blog.timeline-sidebar .timeline li.entry-date-bottom a { font-size: 14px; padding: 10px 25px; } +.blog.timeline-sidebar .timeline li .share ul li { width: auto; } + +/*blog-single*/ +.blog-single .blog-entry { box-shadow: none; } +.blog-single .blog-entry .blog-detail { padding: 0; margin-top: 20px; } + +.blog-single .blockquote { font-style: italic; line-height: 30px; background: #f6f7f8 !important; } +.blog-single .blog-entry.blockquote blockquote { background: #f6f7f8;color: #626262; } +.blog-single .blog-entry.blockquote blockquote cite { color: #FC5C3C; } +.blog-single .entry-share .tags { display: inline-block; } +.blog-single .blog-entry.blockquote blockquote:before { color: #323232; top: 20px; } + +/*blog-comments*/ +.comments-1 .comments-photo { width: 106px; height: auto; float: left; border:5px solid #f7f7f7; margin-right: 20px; } +.comments-1 .comments-photo img { width: 100%; } +.comments-1 .comments-info { display: table; background: #f7f7f7; padding: 20px; margin-bottom: 20px; } +.comments-1 .comments-info h4 { display: inline-block; } +.comments-1 .comments-info span { font-size: 13px; color: #626262; } +.comments-1 .comments-info a { color: #FC5C3C; } +.comments-1 .comments-info a:hover { color: #363636; } +.comments-1.comments-2 { padding-left: 127px; } +.comments-1.comments-2 .comments-info { background: #fff; margin-bottom: 0px; padding: 20px 20px 10px; } + +/************************************* + error 404 +**************************************/ +.error-block { position: relative; z-index: 9; padding: 20px 0 130px 0px; } +.error-block .error-text { position: absolute; text-align: center; left: 0; right: 0; z-index: -1; } +.error-block .error-text h2 { font-size: 420px; line-height: 300px; color: rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0; } +.error-block .error-text span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 134px; line-height: 100px; color: rgba(0, 0, 0, 0.1); font-weight: bold; } +.error-block h1 { font-size: 87px; padding-top: 110px; } +.error-block p { font-size: 33px; } + +.error-text-02 { position: relative; text-align: center; } +.error-text-02 h2 { font-size: 420px; line-height: 300px; color: rgba(255, 255, 255, 0.2); position: relative; left: -70px; top: 0; } +.error-text-02 span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 117px; line-height: 100px; color: rgba(255, 255, 255, 0.2); font-weight: bold; } +.error-middle { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } + + +/************************************* + coming soon +**************************************/ +.coming-soon { background: transparent; } +.coming-soon-countdown ul.countdown { list-style: none; margin: 75px 0; padding: 0; display: block; text-align: center; } +.coming-soon-countdown ul.countdown li { display: inline-block; width: 24%; } +.coming-soon-countdown ul.countdown li span { font-size: 90px; font-weight: bold; line-height: 80px; color: #FC5C3C; } +.coming-soon-countdown ul.countdown li p { color: #626262; font-size: 20px; text-transform: capitalize; margin-bottom: 30px; } +.coming-soon .coming-soon-form input { color: #626262; } +.coming-soon-form` input { width: 50%; color: #fff; display: block; margin: 0 auto; } +.coming-soon-form.contact-form input { width: 50%; display: block; margin: 0 auto; } +.coming-soon-middle { padding: 100px; display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } + +/************************************* + Register +**************************************/ +.register-form .section-field { display: block; } +.register-form .field-widget { position: relative; } +.register-form .field-widget input { width: 100%; margin-bottom: 20px; padding-left: 30px; } +.register-form .field-widget select { width: 100%; margin-bottom: 20px; padding-left: 15px; } +.register-form .field-widget input.gui-input { padding-left: 140px;} +.register-form .field-widget .button { background: #666; height: 46px; left: 0; margin: 2px; position: absolute; text-align: center; top: 0; width: 115px; border:0; } +.register-form .nice-select { float: none; margin-bottom: 20px; background: #f6f7f8; border:0; } +.remember-checkbox a {color: #FC5C3C; } +.remember-checkbox label { position: relative; padding-left: 30px; font-size: 14px; cursor: pointer;} +.remember-checkbox label:before, label:after { font-family: FontAwesome; font-size: 17px; position: absolute; top: -3px; left: 0; padding-left: 2px; border-radius: 6px; } +.remember-checkbox label:before { border: 2px solid #FC5C3C; content: ""; height: 20px; margin-top: 3px; width: 20px; } +.remember-checkbox label:after { content: '\f00c'; max-width: 0; overflow: hidden; opacity: 0.5; transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; } +.remember-checkbox input[type="checkbox"] { display: none; } +.remember-checkbox input[type="checkbox"]:checked + label:after { max-width: 25px; opacity: 1; } +/*all id*/ +#one+label:before, #one+label:after {color: #FC5C3C;} +#two+label:before, #two+label:after {color: #FC5C3C;} +#three+label:before, #three+label:after {color: hsl(120, 45%, 40%); } +#four+label:before, #four+label:after {color: hsl(180, 45%, 40%); } +#five+label:before, #five+label:after {color: hsl(240, 45%, 40%); } +#six+label:before, #six+label:after {color: hsl(300, 45%, 40%); } + +/************************************* + Login +**************************************/ +.full-height-bg { height: 100vh; } +/*login-2-social*/ +.login-social li { display: inline-block; margin: 2px 0px; } +.login-social li a { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;} +.login-social li a.fb { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #4c70ad; border-radius:30px; } +.login-social li a.twitter { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #25b6e6; border-radius:30px; } +.login-social li a.pinterest { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #dd4b39; border-radius:30px; } +.login-social li i { border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px; } +.login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover { background: #FC5C3C; } + +/*login 02*/ +.section-transparent { background: transparent; } +.login-bg { background: #ffffff; border-radius: 10px; } +.login-bg .login-title { background: #FC5C3C; padding: 30px; border-radius: 10px 10px 0 0; } +.login-bg .login-form { padding: 40px 30px; } +.login-bg .login-social { padding: 30px; background: #f6f7f8; border-radius: 0 0 10px 10px; } + +/*login 02*/ +.register-bg { background: #ffffff; border-radius: 10px; } +.register-bg .register-title { background: #FC5C3C; padding: 30px; border-radius: 10px 10px 0 0; } +.register-bg .register-form { padding: 30px 30px 50px; } + +/************************************* + maintenance +**************************************/ +img.logo-small { height: 40px; margin: 30px 0; position: relative; } +.maintenance-main i { font-size: 100px; margin-bottom: 10px; color: #e4e4e4; } +.maintenance-main h1 { font-size: 62px; text-transform: uppercase; font-weight: bold; } +.maintenance-main p { font-size: 26px; line-height: 35px; margin-bottom: 70px;} +.maintenance-form { width: 76%; margin: 0 auto; } +.maintenance-form p { font-size: 19px; } +.maintenance-form input { width: 50%; margin: 0 auto; } + +/*maintenance 2 */ +.maintenance-main h1 { font-size: 40px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; } +.maintenance-contant p { line-height: 25px; margin-top:20px; font-size: 14px; } +.progress-new { margin-top: 50px; height: 50px; background: #f6f7f8; border-radius: 0; margin-bottom: 50px; margin-left: auto; margin-right: auto; width: 50%; } +.progress-bar-new { line-height: 50px; background-color: #FC5C3C; color: #ffffff; font-size: 20px; padding-left: 20px; } +.progress-bar-new span { position: absolute; right: 30px; color: #323232; font-weight: bold; font-size: 20px; } +.progress-bar-striped, +.progress-striped .progress-bar-new { + background-image: linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); +} + +/************************************* + Our clients +**************************************/ +/*clients-box*/ +.clients-box { background: #f7f7f7; padding: 20px; } +.clients-photo { position: relative; margin-right: 20px; width: 200px; height: 200px; float: left; display: table-cell; text-align: center; vertical-align: middle; background: #fff; } +.clients-photo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } +.clients-info { display: table; } +.clients-info i { padding-right: 10px; } +.clients-info a { font-size: 14px; color: #FC5C3C; } +.clients-info a:hover { color: #626262; } +.clients-info p { margin-top: 10px; } +.happy-clients .tab-content { padding: 0 30px; position: relative; text-align: left; } +.happy-clients .tab-content .quoter-icon { position: absolute; left: 0; top: -10px; font-size: 120px; line-height: 1; color: #FC5C3C;} +.happy-clients .tab-content p{padding-left: 30px; font-size: 18px; padding-top: 10px; font-style: italic; } +.happy-clients .nav-tabs li { overflow: visible; display: inline-block; padding: 0 5px; } +.happy-clients .nav.nav-tabs li a, .happy-clients .nav.nav-tabs li a:hover, .happy-clients .nav.nav-tabs li a:focus { background: none; padding: 0; border:0; outline: none; background: transparent !important;} +.happy-clients .nav-tabs li img {width: 96px; opacity: 0.1; height: 96px; border-radius: 50%; } +.happy-clients .nav-tabs li.active img, .happy-clients .nav-tabs li:focus img { border: 4px solid #fff; opacity: 1; top: -2px; box-shadow: 0 0 40px rgba(0,0,0,.3); } +.happy-clients .testimonial-avatar { position: relative; right: inherit; left: inherit; top: inherit; width: inherit; height: inherit; margin-left: inherit; margin-top: 30px; } +.happy-clients .nav-tabs { border: 0; } + +/*********************************** + process +************************************/ +.process-list .col-sm-12 { padding: 0 50px; } +.process { margin: 0px; border: 2px dashed rgba(0, 0, 0, 0.3); position: relative; width: 100%; float: left; padding-bottom: 50px; padding-top: 50px; min-height: inherit; } +.process.left { border-right: 0; border-top: 0; } +.process.right { border-left: 0; border-top: 0; } +.process .border-area.left-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; left: -2px; z-index: 99; } +.process .border-area.left-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.right-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } +.process .border-area.right-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.right-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } +.process .border-area.right-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.left-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; left: -2px; } +.process .border-area.left-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); } +.process:first-child { padding-top: 0; } +.process.left:first-child .process-step { top: 0; } +.process:last-child { border-bottom: 0; } +.process:last-child .border-area.left-bottom { bottom: 0; } +.process:last-child .border-area.left-bottom:before { border-bottom-left-radius:0; border-bottom: 0; } +.process.left .process-step { position: absolute; top: 50px; left: -35px; z-index: 999; } +.process.right .process-step { position: absolute; top: 50px; right: -35px; z-index: 99; } +.process.left .process-content { padding-left: 80px; } +.process.right .process-content{ padding-right: 80px; } +.process .process-step strong { width: 70px; height: 70px; line-height: 70px; text-align: center; background: #FC5C3C; border-radius: 100%; display: inline-block; + z-index: 99; font-size: 20px; color: #fff; } +.process .process-content { position: relative; z-index: 99; } +.process .process-content span { font-size: 80px; line-height: 80px; color: #FC5C3C; } +.process.left .process-content .process-icon { display: table-cell; padding-right: 30px; } +.process.left .process-content .process-info { display: table-cell; vertical-align: top; } +.process.right .process-content .process-icon { float: right; padding-left: 30px; } +.process.right .process-content .process-info { display: table-cell; vertical-align: top; } + +/************************************* + Careers +**************************************/ +.agency-about { padding-bottom: 100px; } + +/*careers accordion*/ +.careers .acd-des span { display: block; } + +/*careers form*/ +.careers-from .section-field label { margin-bottom: 10px; } + +/************************************* + sitemap +**************************************/ +.sitemap h4 { margin-bottom: 25px; text-transform: capitalize; } +.sitemap h4 i { padding-right: 10px; } +.sitemap ul li { display: block; line-height: 34px; } +.sitemap ul li i { padding-right: 10px; } +.sitemap ul li a { font-size: 14px; color: #626262; text-transform: capitalize; } +.sitemap ul li a:hover { color: #FC5C3C; } + +/************************************* + privacy-policy +**************************************/ +.privacy-policy ul li { font-size: 14px; line-height: 30px; } +.privacy-policy ul li i { padding-right: 10px; } + +/************************************* + page sidebar +**************************************/ +.page-sidebar .page-content ul li { font-size: 14px; line-height: 30px; } +.page-sidebar .page-content ul li i { } + +/************************************* + terms and conditions +**************************************/ +.terms-and-conditions ul li { font-size: 14px; line-height: 30px; } +.terms-and-conditions ul li i { padding-right: 10px; } + + +.special-feature .feature-text {padding:40px;} +.special-feature { padding-bottom:-117px; } +.special-feature .row-eq-height.no-gutter { position:relative; z-index:99; margin-top:-117px; } + +/************************* + BG - Images +*************************/ +.parallax { background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -ms-background-size: cover !important; position: relative; z-index: 0; background-origin: initial; background-position: center bottom !important; background-repeat: no-repeat; } +.gradient-overlay{position:relative;} +.gradient-overlay:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background:url(../images/construction/bg/gradient-overlay1.png) repeat-y left 0;} + +/************************************* + Footer +**************************************/ +.footer.black-bg{background: #1a1a1a;} +.footer.black-bg p { color: rgba(255,255,255,0.5); } +.footer.black-bg .social-icons li a { color: rgba(255,255,255,0.5); } +.footer p{font-size: 14px;} +.footer-logo img { width: 65%; } +.footer h6{font-size: 14px;} +.addresss-info li { font-size: 14px; margin-bottom: 15px; color: rgba(255,255,255,0.5); list-style: none; } +.addresss-info i{ color:rgba(255,255,255,0.5); padding-right: 5px; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 14px; } +.addresss-info p { display: table; color: rgba(255,255,255,0.5); margin-bottom: 0px; } +.addresss-info li a { color: rgba(255,255,255,0.5); } +.footer a{font-size: 14px;} + +/*footer-Newsletter*/ +.footer-Newsletter { display: inline-block; width: 100%;} +.footer-useful-link.footer-hedding ul { margin-top: -6px; } +.footer-Newsletter .form-control { border-left: 0px; height: 50px; border-radius: 30px; font-size: 14px; color: rgba(255,255,255,0.3); border:none; background: #252525; padding: 10px 25px; width: 100%; } +.footer-Newsletter .form-control:focus { border:0; box-shadow: none;} +.footer-Newsletter .button.border{border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.5); padding: 10px 18px; font-size: 12px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.footer-Newsletter .button.border:hover { color: #ffffff; } +.footer-useful-link ul li { list-style: none; margin-bottom: 12px;} +.footer-useful-link ul li:last-child { margin-bottom: 0; } +.footer-useful-link ul li a { color: rgba(255,255,255,0.5); font-size: 14px; vertical-align: top; display: block; line-height: 26px; } +.footer-useful-link ul li a:hover { color: #FC5C3C; } +/*transparent*/ +.footer-Newsletter.transparent .form-control { background: rgba(0, 0, 0, 0.04); } +.footer-Newsletter.transparent .form-control::-moz-placeholder { color: #323232; } +.footer-Newsletter.transparent .form-control::-ms-input-placeholder { color: #323232; } +.footer-Newsletter.transparent .form-control::-webkit-input-placeholder { color: #323232; } + +/*footer-widget*/ +.footer-widget { padding: 20px 0; border-top: 1px solid #262626;} +.footer-widget p{font-size: 14px; color: rgba(255,255,255,0.5); letter-spacing: 0.5px;} +.footer-widget a { color: #FC5C3C; } +.footer-widget a:hover { color: #FC5C3C; } +.footer-widget-social {margin-top: 5px; } +.footer-widget-social li { display: inline-block;} +.footer-widget-social a i { display: inline-block; color: rgba(255,255,255,0.5); background: none; border-radius: 50%; width: 35px; height: 35px; text-align:center; line-height: 37px; font-size: 14px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} +.footer-widget-social a i:hover{background: #FC5C3C;} +.footer .footer-nav ul li { display: inline-block;} +.footer .footer-nav ul li a { margin: 0 5px; color: #323232;} +.footer .footer-nav ul li a:hover { color: #FC5C3C; } +.footer .social ul li {display: inline-block;} +.footer .social ul li a i { font-size: 14px; width: 45px; height: 45px; line-height: 45px; text-align: center; float: none; color: #323232;} +.footer .social ul li a i:hover{color: #FC5C3C;} +.footer .social ul{background: #f6f7f8; display: inline-block; border-radius: 30px; padding: 0px 10px;} +.footer .usefull-link ul li {display: block; border-bottom: 0px; line-height: 24px; padding: 5px 0; } +.footer .usefull-link ul li a{color: #323232;} +.footer .usefull-link ul li a:hover { color: #FC5C3C; } +.footer .copyright { padding: 30px 0 20px;} +.footer .copyright ul li a {color: #323232;} +.footer .copyright ul li a:hover {color: #FC5C3C;} +img#logo-footer{ height: 50px; width: auto; } +.footer.light .footer-nav ul li a{color: #fff;} +.footer.light .footer-nav ul li a:hover { color: #323232; } +.footer.light h6{color: #fff;} +.footer.light .about-content p{color: #fff;} +.footer.light .usefull-link ul li a{color: #fff;} +.footer.light .usefull-link ul li a:hover {color: #323232;} +.footer.light .copyright ul li {color: #fff;} +.footer.light .copyright ul li a {color: #ffffff; font-size: 14px;} +.footer.light .copyright ul li a:hover {color: #323232; } +.footer.light.footer-topbar .copyright ul li { color: #ffffff } +.footer.light .copyright p {color: #fff;} +.footer.light .social ul li a i {color: #FC5C3C;} +.footer.light .social ul li a:hover i {color: #323232;} +.footer .footer-text p{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} +.footer .footer-social ul li a{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} +.footer .footer-social ul li a:hover { color: #FC5C3C !important; } +.footer.footer-topbar .copyright ul li{color:rgba(255, 255, 255, 0.5) !important;} +.footer.footer-one-page .contact-add i { font-size: 20px } +.footer.footer-one-page h5 { color: rgba(255,255,255,0.5); } +.footer.footer-one-page p { color: rgba(255,255,255,0.5); } + +/* footer transparent*/ +.footer.transparent h6, .footer.transparent p, .footer.transparent ul li a, .footer.transparent span { color: #ffffff; } + +/*widget-gallery*/ +.footer .footer-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; } +.footer .footer-tags li { display: inline-block; } +.footer .footer-tags li a { background: transparent; color: #fff; border:1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.footer .footer-tags li a:hover { background: #FC5C3C; } + +/*footer-social-big*/ +.footer-social-big ul li { display: inline-block; padding: 10px; width: 70px; text-align: center; background: rgba(255, 255, 255, 0.1); } +.footer-social-big ul li.facebook { background: #5d82d1; } +.footer-social-big ul li.pinterest { background: #e13138; } +.footer-social-big ul li.linkedin { background: #238cc8; } +.footer-social-big ul li i { color: #ffffff; display: block; width: 30px; height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.2); border-radius: 50%; margin: 0 auto; } +.footer-social-big ul li span { display: block; text-align: center; color: #ffffff; margin-top: 10px; font-size: 11px; } + +/*footer-box*/ +.footer-box { background: rgba(102, 102, 102, 0.2); padding: 30px; clear: both; margin-bottom: 40px; margin-top: 60px; } +.footer-box .box-content { display: table-cell; vertical-align: top; } +.footer-box .box-link { display: table-cell; padding-left: 20px; vertical-align: middle; } +.footer-box .box-link a { display: block; padding: 8px 16px; width: 140px; } + +/*google-map*/ +.google-map { background: #; } +.google-map .row [class*='col-'] { min-height: 0; } +.map-icon { position: relative; z-index: 999; cursor: pointer; } +.google-map .map-icon:before { cursor: pointer; content: "\f041"; font-family: "FontAwesome"; font-size: 30px; font-weight: normal; right: 0; position: absolute; text-indent: 0; top: -32px; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #ffffff; color: #FC5C3C; text-align: center; } +.google-map.google-map-open .map-icon::before { content: "\f00d"; } +.google-map .map-open { height: 0; overflow: hidden; transition: all 900ms ease; } +.google-map .map-open iframe { height: 300px; } +.google-map-open .map-open { height: 300px; } +.pos-r{position: relative;} +.img-side img{max-width: 100%} +.img-side.img-left {left: 0;} +.img-side {padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100;} +.font-bold {font-weight: 600} +.no-gutter{ margin-right:0; margin-left:0;} +.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;} + +/*youtube-video*/ + .popup-video { position: relative; } +.popup-video .play-video { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } +.popup-video .play-video { width: 50px; height: 50px; } +.popup-video .play-video a { width: 50px; height: 50px; } +.popup-video .play-video a i { line-height: 50px; } +.popup-video .play-video:hover { transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); background-color: #ffffff; } +.popup-video .play-video:hover a { color: #FC5C3C; } +.play-video { cursor: pointer; position: relative; width: 100px; height: 100px; margin: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } +.play-video { background-color: #FC5C3C; -webkit-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); -moz-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); } +.play-video a { color: #fff; width: 100px; height: 100px; position: absolute; top: 0; left: 50%; padding-left: 5px; transform: translateX(-50%); } +.play-video a i { line-height: 100px; } +.play-video:hover a { color: #FC5C3C; } +.play-video:after { content: ''; top: 0; left: 0; padding: 0; z-index: -1; opacity: 0; pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); } + +.play-video:hover{background: #ffffff; color: #FC5C3C; border-color:transparent !important;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-box-shadow:2px 6px 18px transparent !important;-moz-box-shadow:2px 6px 18px transparent !important;box-shadow:2px 6px 18px transparent !important} +.play-video:hover:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms; -moz-animation:sonarEffect 1.3s ease-out 75ms; animation:sonarEffect 1.3s ease-out 75ms;} +@-webkit-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-webkit-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}} +@-moz-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-moz-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}} +@keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);transform:scale(1.5);opacity:0; }} +.my-contact .contact-icon{float: left; margin-right: 25px;} +.my-contact .contact-icon span{color: #fff ! important;} + +/************************************* + index portfolio 4 +**************************************/ +.portfolio-item.simple-effect .portfolio-overlay span { color: #363636; } +.portfolio-item.simple-effect .portfolio-overlay span a { color: #363636; } +.portfolio-item.simple-effect .portfolio-overlay a:hover { color: #FC5C3C; } +.portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #FC5C3C; } +.portfolio-item.simple-effect .portfolio-overlay { z-index: 9; opacity: 0; bottom: inherit; background: transparent; top: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: center; } +.portfolio-item.simple-effect:hover:before { position: absolute; width: 100%; height: 100%; content: ""; background: rgba(255, 255, 255, 1); z-index: 1; background-size: 115%; + -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.6s cubic-bezier(.68,.11,.13,.98); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.portfolio-item.simple-effect:hover .portfolio-overlay { top: 50%; opacity: 1; } + +/*footer*/ +.footer .container-fluid { padding: 0 60px; } +#footer-fixed { position: fixed; bottom: 0; width: 100%; z-index: -1; box-shadow: inset 0 27px 60px -25px rgba(0,0,0,0.3); } +.footer.footer-simple ul li a, .footer.footer-simple p, .footer.footer-simple i, .footer.footer-simple li { color: #ffffff; font-weight: bold; font-size: 16px; } +.footer.footer-simple ul li a:hover { color: rgba(255, 255, 255, 0.6); } +.footer.footer-simple .social-icons li a { color: #ffffff; width: 100%; } +.footer.footer-simple .social-icons li a:hover { color: rgba(255, 255, 255, 0.6); } + +/*elements*/ +.full-width { width: 100%; } +.height-100vh { height: 100vh; } +.pos-bot { position: absolute; bottom: 0; width: 100%; } +.vertical-align { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } + +/************************************* + index portfolio 04 about +**************************************/ +.portfolio-03-about { padding-left: 50px; } +.portfolio-03-about p { font-size: 16px; font-weight: 600; } + +/************************************* + index portfolio single +**************************************/ +/*popup-video*/ +.popup-video-image { position: relative; } +.popup-video-image:before { background: rgba(37, 41, 51, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } +.popup-video-image a i { color: #ffffff; text-align: center; line-height: 60px; width: 60px; height: 60px; background: #FC5C3C; display: inline-block; margin: 0 auto; + border-radius: 50%; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); + -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; font-size: 20px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } +.popup-video-image a i:hover { background: #323232; } + +/************************************* + index 11 +**************************************/ + +/*index 11*/ + /*slider-parallax typer-banner business*/ + .slider-parallax.typer-banner.business h1 { font-family: 'Dosis', sans-serif; } + .slider-parallax.typer-banner.business p { padding: 0 200px; line-height: 34px; font-size: 26px; font-weight: 600; display: block; } + + /*play-video*/ +.custom-content-02 .feature-text p { line-height: 28px; } +.play-video-section .play-video { box-shadow: none; background: #ffffff; width: 60px; height: 60px; line-height: 60px; } +.play-video-section .play-video a { color: #FC5C3C; line-height: 60px; } +.play-video-section .play-video a i { line-height: 60px; padding-right: 3px; } +.play-video-section .play-video:after {box-shadow: none; } +.play-video-section .content { padding: 0 100px; } +.play-video-section .content h2 { font-family: 'Dosis', sans-serif; } +.custom-content-03 h2 { font-family: 'Dosis', sans-serif; font-size: 40px; line-height: 50px; } + +/*blockquote-section*/ +.blockquote-section { position: relative; z-index: 9; } +.blockquote-section blockquote { font-size: 50px; font-weight: 600; line-height: 60px; border-left: 0; padding-left: 0; font-family: 'Dosis', sans-serif; } +.blockquote-section blockquote cite { font-size: 16px; font-weight: 600; margin-top: 40px; line-height: 30px; font-family: 'Nanum Gothic', serif; font-style: normal; } +.blockquote-section blockquote cite span { display: block; font-size: 14px; } +.blockquote-section blockquote.quote { padding-top: 100px; } +.blockquote-section blockquote.quote:before { color: #FC5C3C; left: 0; top: 0; font-size: 120px; line-height: 120px; } +.blockquote-section .blockquote-section-left { margin-left: 60px; } +.blockquote-section .blockquote-section-right { margin-left: -120px; position: relative;z-index: -1; } + +/************************************* + footer +**************************************/ +.footer.gray-footer .footer-Newsletter .form-control { background: #ffffff; color: #323232; height: 60px; line-height: 60px; box-shadow: 0 10px 50px rgba(0,0,0,0.1); } +.footer.gray-footer .footer-widget { border-top: none; } +.footer.gray-footer .footer-widget p { color: #323232; } + +.footer.gray-footer .footer-Newsletter .form-control::-moz-placeholder { color: #323232; } +.footer.gray-footer .footer-Newsletter .form-control::-ms-input-placeholder { color: #323232; } +.footer.gray-footer .footer-Newsletter .form-control::-webkit-input-placeholder { color: #323232; } + +/************************************* + portfolio +**************************************/ +.portfolio-item.image-text { position: relative; } +.portfolio-item.image-text .portfolio-overlay { bottom: 30px; background: transparent; } +.portfolio-item.image-text .portfolio-overlay span { display: block; } +.portfolio-item.image-text:before { position: absolute; width: 100%; bottom: 0; content: ""; ackground: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; } +.portfolio-item.image-text .portfolio-overlay a.button { padding: 6px 16px; } +.portfolio-item.image-text .portfolio-overlay a.button span { font-size: 12px; } +.portfolio-item.image-text .portfolio-overlay a.button:hover { color: #ffffff; } + +/************************************* + coming-soon-big +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 120px; line-height: 120px; font-weight: bold; } +.coming-soon-big .countdown.medium p { font-size: 30px; line-height: 30px; font-weight: bold; } +.coming-soon-big .coming-soon-form p { font-weight: bold; } +.coming-soon-big .contact-form.transparent-form .form-control { background: rgba(255, 255, 255, 0.4); } +.coming-soon-big .button { font-weight: bold; } + +/************************************* + inner page +**************************************/ +/* about-05 */ +.about-05-split .shop-split-content { padding: 100px 0; } +/*about-mission*/ +.about-mission .popup-video-image a i { position: relative; top: inherit; left: inherit; bottom: inherit; right: inherit; } +.about-mission .popup-content { position: absolute; bottom: 0; padding: 30px 130px 30px 30px; } +.about-mission-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); } +.about-mission-box .content { padding:24px; } +.about-mission-title { padding-bottom: 250px; } +.about-mission { margin-top: -150px; } +/*faq 03*/ +.faq-page-title .form { position: relative; z-index: 9; } +.faq-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); padding: 40px; border-radius: 10px; background: #ffffff; margin-top: -60px; } +.faq-box span { font-size: 40px; line-height: 40px; margin-bottom: 20px; display: block; } +.faq-box strong { display: block; } +.faq-box a.button { padding: 8px 16px; } + +/*login-fancy*/ +.login-fancy { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); } +.login-fancy-bg { position: relative; z-index: 1; } +.login-fancy h2 { font-size: 70px; line-height: 70px; } +.login-gradient, .login-gradient-02, .login-gradient-03 { position: relative; } +.login-gradient:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9af1e1), color-stop(100%, #4003f6)); background: -webkit-linear-gradient(-315deg, #9af1e1 0%, #4003f6 100%); background: -webkit-linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); background: linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); } +.login-gradient-02:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee38a6), color-stop(100%, #ffc863)); background: -webkit-linear-gradient(-315deg, #ee38a6 0%, #ffc863 100%); background: -webkit-linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); background: linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); } +.login-gradient-03:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcdd2), color-stop(100%, #470df5)); background: -webkit-linear-gradient(-315deg, #ffcdd2 0%, #470df5 100%); background: -webkit-linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); background: linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); } + +/*login-box*/ +.login-box { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); border-radius: 0px 10px 10px 0px; } +.login-box-bg { position: relative; z-index: 1; } +.login-box h2 { font-size: 40px; line-height: 40px; } +.login-box-main { display: table; width: 100%; } +.login-box-main-middle { display: table-cell; vertical-align: middle; } +.login-box-left { box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); height: 100%; border-radius: 10px 0 0px 10px; } +.login-box-left .logo-small { margin-left: 30px; } +.login-box-main .theme-bg { box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.2); position: relative; z-index: 1; } +.login-box-theme { position: relative; } +.login-box-theme:before { position: absolute; content: ""; height: 30px; top: -29px; width: 100%; background: #FC5C3C; left: 0; } +.login-box-theme:after { position: absolute; content: ""; height: 30px; bottom: -29px; width: 100%; background: #FC5C3C; left: 0; } +.login-box-main .nav li a { padding-left: 30px; } +.login-box-main .nav li a { display: block; text-align: left; color: #323232; border-left: 5px solid transparent; background: transparent; } +.login-box-left li.active a, .login-box-left li a:hover { border-left: 5px solid #FC5C3C; color: #FC5C3C; } +.login-box-main .nav li a i { display: inline-block; padding-right: 6px; text-align: left; margin-bottom: 10px; } +.login-box .list-unstyled.list-inline a:hover { color: #323232; } +/*login-box-02*/ +.login-box-02 { padding: 40px; border:1px solid rgba(0, 0, 0, 0.1); height: 100%; } +.login-box-02.white-overlay { background: rgba(255, 255, 255, 0.5); } +.login-signup a.text-black:hover { color: #ffffff; } + +/*login-14*/ +.login-14 { padding: 0 100px; } + +/*login-15*/ +.login-15 { padding: 0 60px; } + +/*login-signup*/ +.login-signup .tab-border .tab-content { padding: 0; } +.login-signup .login-box-02 { border:0; } + +/************************************* + boxed +**************************************/ + +@media (min-width: 1220px) { +body.boxed-layout .wrapper { float: none; width: 1220px; margin: 0 auto; position:relative; background-color: #FFF; box-shadow: 0 0 60px rgba(0,0,0,.1); -moz-box-shadow: 0 0 60px rgba(0,0,0,.1); + -webkit-box-shadow: 0 0 60px rgba(0,0,0,.1); } +/*index 01*/ +body.boxed-layout .wrapper .portfolio-title.section-title p { display: none; } +body.boxed-layout .wrapper .portfolio-title.section-title span { display: none; } + +/*index 02*/ +body.boxed-layout .wrapper .contact-3 #map { padding-top: 140%; } +body.boxed-layout .wrapper .contact-2 #map { padding-top: 90% } +body.boxed-layout .wrapper.vertical-header { width: auto; box-shadow: none; } +body.boxed-layout #footer-fixed { position: inherit !important; width: inherit; bottom: inherit !important; z-index: inherit; } +body.boxed-layout .wrapper { margin-bottom: 0 !important; } +body.boxed-layout .christmas-coming-soon { position: absolute; } + +body.frame-layout .wrapper { margin: 0 auto; margin-top: 1.5%; margin-bottom: 1.5%; width: 97%; position: relative; box-shadow: 0 0 60px rgba(0,0,0,.1); } +body.frame-layout .header.default, body.frame-layout .header.transparent, body.frame-layout header.one-page { left: 0; right: 0; } +body.frame-layout .navbar.affix { top: 0; } +body.frame-layout header.one-page.light .navbar { min-height: 10px !important; } +body.frame-layout #footer-fixed { position: inherit !important; bottom: inherit !important; z-index: inherit; } +body.frame-layout .wrapper { margin-bottom:1.5% !important; } +body.frame-layout .christmas-coming-soon { position: absolute; } + +} + +@media all and (-ms-high-contrast:none) { +.st-menu { position: absolute; } + img.bottom-img { top: 0; } +.search-cart { display: table; } +.search { display: table-cell !important; } +.shpping-cart { display: table-cell !important; } +.search-cart .shpping-cart { float: none !important; } + .mega-menu > section.menu-list-items .search-cart .search { float: none !important; } + .search-cart .shpping-cart { vertical-align: middle; } +} + + +@media (max-width: 1100px) { +.isotope-filters button { margin: 2px; cursor: pointer; padding: 6.5px 13px; font-size: 16px; background: transparent; color: #363636; font-weight: 600; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } +} + + diff --git a/apply/css - 복사본/typography.css b/apply/css - 복사본/typography.css new file mode 100644 index 0000000..d7bd66f --- /dev/null +++ b/apply/css - 복사본/typography.css @@ -0,0 +1,332 @@ +/* + +Template: Webster — Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is typography stylesheet of template, This file contains typography of the Template. + +*/ + + +/*================================================ +[ Table of contents ] +================================================ + +:: General +:: Page section margin padding +:: Text color +:: Row eq height And No Gutter +:: Extra class +:: Loading +:: Back to top +:: Basic margin padding + +====================================== +[ End table content ] +======================================*/ +@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); +@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); +@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css"); + + +/************************* + General +*************************/ +body { font-family: '나눔고딕', NanumGothic, 'Nanum Gothic' , 'NotoM', sans-serif ; font-weight: normal; font-style:normal; font-size: 12px; } +a, .btn { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; + transition: all 0.3s ease-out 0s; } +a:focus { text-decoration: none !important; } +a:focus, a:hover { color: #FC5C3C; text-decoration: none !important; } +a, button, input { outline: medium none !important; color: #343434; } +.uppercase { text-transform: uppercase; } +h1, h2, h3, h4, h5, h6 { font-family: '나눔고딕', NanumGothic, 'Nanum Gothic' ,'NotoM', sans-serif ; font-weight:bolder; font-style:italic; color: #363636; margin-top: 0px; } +h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } +label { font-weight: normal; } + +h1 { font-size: 36px; font-style: normal; font-weight: 800; line-height: 40px; } +h2 { font-size: 32px; font-style: normal; font-weight: 600; line-height: 38px; } +h3 { font-size: 28px; font-style: normal; font-weight: 600; line-height: 32px; } +h4 { font-size: 22px; font-style: normal; font-weight: 500; line-height: 26px; } +h5 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 18px; } +h6 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 18px; } + + +.fw-1 { font-weight: 100; } +.fw-2 { font-weight: 200; } +.fw-3 { font-weight: 300; } +.fw-4 { font-weight: 400; } +.fw-5 { font-weight: 500; } +.fw-6 { font-weight: 600; } +.fw-7 { font-weight: 700; } +.fw-8 { font-weight: 800; } +.fw-9 { font-weight: 900; } + +ul { margin: 0px; padding: 0px; } +p { font-weight: normal; line-height: 1.5; color: #333; } +hr { margin: 0; padding: 0px; border-bottom:1px dashed #eceff8; border-top: 0px; } + +*::-moz-selection { background: #FC5C3C; color: #fff; text-shadow: none; } +::-moz-selection { background: #FC5C3C; color: #fff; text-shadow: none; } +::selection { background: #FC5C3C; color: #fff; text-shadow: none; } + +/*************************** +Page section margin padding +****************************/ +.page-section-ptb { padding: 50px 0;background-color: #f6f6f6; } +.page-section-pt { padding:50px 0 20px 0; + /*background-color:#f7f7f7;*/ background: url(../images/bg/bg001.gif);} +.page-section-pb { padding: 0 0 80px; } + +.page-section-1-ptb { padding: 120px 0; } +.page-section-1-pt { padding: 120px 0 0; } +.page-section-1-pb { padding: 0 0 120px; } + +/************************* + Text color +*************************/ +.theme-color { color: #FC5C3C; } +.text-white { color: #fff; } +.text-black { color: #000; } +.text-gray { color:#9b9b9b; } +.text-darkgray { color:#9b9b9b; } +.text-orange { color:#FC5C3C; } +.text-red { color:#D0021B; } + + +img.bottom-img { position: absolute; bottom: 0; left: 0; right: 0; } + +/************************* + Text size +*************************/ +.f10 { font-size:10px; } +.f12 { font-size:12px; } +.f14 { font-size:14px; } +.f16 { font-size:16px; } +.f18 { font-size:18px; } +.f20 { font-size:20px; } +.f22 { font-size:22px; } +.f24 { font-size:24px; } +.f28 { font-size:28px; } +.f30 { font-size:30px; } +.f32 { font-size:32px; } +.f48 { font-size:48px; } + +/******************************************** + Row-eq-height And No Gutter +/*********************************************/ +.no-gutter{ margin-right:0; margin-left:0;} +.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;} +.row-eq-height{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;} +.row-eq-height.full-height > [class*='col-'] > div{height: 100%;} + +/* Vertical Align */ +.valign{display: table;} +.valign > [class*='col-']{display:table-cell; float:none;} +[data-valign-overlay="top"]{vertical-align:top;} +[data-valign-overlay="middle"]{vertical-align:middle;} +[data-valign-overlay="bottom"]{vertical-align:bottom;} + + + /************************* + Extra class +*************************/ +.o-hidden { overflow: hidden; } +.position-re { position: relative; } +.full-width{width: 100% !important;} +section { background: #f6f6f6; } + +/************************* + back to top +*************************/ +#back-to-top .top { z-index: 999; + position: fixed; + margin: 0px; + color: #fff; + transition: all .5s ease-in-out; + position: fixed; + bottom: 55px; + right: 15px; + border-radius: 50px; + z-index: 999; + background: transparent; + font-size: 24px; + background: #FC5C3C; + width: 70px; + height: 70px; + text-align: center; } +#back-to-top i { padding-top: 2px; font-size: 20px; } +#back-to-top span { display: block; line-height: 8px; font-size: 11px; } + + /************************* + Basic margin padding +*************************/ +.m-0 { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; } +.p-0 { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; } + +/************************* + Margin top +*************************/ +.mt-0 { margin-top: 0 !important; } +.mt-10 { margin-top: 10px !important; } +.mt-15 { margin-top: 15px !important; } +.mt-20 { margin-top: 20px !important; } +.mt-30 { margin-top: 30px !important; } +.mt-40 { margin-top: 40px !important; } +.mt-50 { margin-top: 50px !important; } +.mt-60 { margin-top: 60px !important; } +.mt-70 { margin-top: 70px !important; } +.mt-80 { margin-top: 80px !important; } +.mt-90 { margin-top: 90px !important; } +.mt-100 { margin-top: 100px !important; } +.mt-110 { margin-top: 110px !important; } +.mt-120 { margin-top: 120px !important; } +.mt-130 { margin-top: 130px !important; } +.mt-140 { margin-top: 140px !important; } +.mt-150 { margin-top: 150px !important;} + + /************************* + Margin right +*************************/ +.mr-0 { margin-right: 0!important } +.mr-10 { margin-right: 10px !important; } +.mr-15 { margin-right: 15px !important; } +.mr-20 { margin-right: 20px !important; } +.mr-30 { margin-right: 30px !important; } +.mr-40 { margin-right: 40px !important; } +.mr-50 { margin-right: 50px !important; } +.mr-60 { margin-right: 60px !important; } +.mr-70 { margin-right: 70px !important; } +.mr-80 { margin-right: 80px !important; } +.mr-90 { margin-right: 90px !important; } +.mr-100 { margin-right: 100px !important; } +.mr-110 { margin-right: 110px !important; } +.mr-120 { margin-right: 120px !important; } +.mr-130 { margin-right: 130px !important; } +.mr-140 { margin-right: 140px !important; } +.mr-150 { margin-right: 150px !important; } + + /************************* + Margin bottom +*************************/ +.mb-0 { margin-bottom: 0!important } +.mb-10 { margin-bottom: 10px !important; } +.mb-15 { margin-bottom: 15px !important; } +.mb-20 { margin-bottom: 20px !important; } +.mb-30 { margin-bottom: 30px !important; } +.mb-40 { margin-bottom: 40px !important; } +.mb-50 { margin-bottom: 50px !important; } +.mb-60 { margin-bottom: 60px !important; } +.mb-70 { margin-bottom: 70px !important; } +.mb-80 { margin-bottom: 80px !important; } +.mb-90 { margin-bottom: 90px !important; } +.mb-100 { margin-bottom: 100px !important; } +.mb-110 { margin-bottom: 110px !important; } +.mb-120 { margin-bottom: 120px !important; } +.mb-130 { margin-bottom: 130px !important; } +.mb-140 { margin-bottom: 140px !important; } +.mb-150 { margin-bottom: 150px !important; } + +/************************* + Margin left +*************************/ +.ml-0 { margin-left: 0!important } +.ml-10 { margin-left: 10px !important; } +.ml-15 { margin-left: 15px !important; } +.ml-20 { margin-left: 20px !important; } +.ml-30 { margin-left: 30px !important; } +.ml-40 { margin-left: 40px !important; } +.ml-50 { margin-left: 50px !important; } +.ml-60 { margin-left: 60px !important; } +.ml-70 { margin-left: 70px !important; } +.ml-80 { margin-left: 80px !important; } +.ml-90 { margin-left: 90px !important; } +.ml-100 { margin-left: 100px !important; } +.ml-110 { margin-left: 110px !important; } +.ml-120 { margin-left: 120px !important; } +.ml-130 { margin-left: 130px !important; } +.ml-140 { margin-left: 140px !important; } +.ml-150 { margin-left: 150px !important; } + + /************************* + Padding top +*************************/ +.pt-0 { padding-top: 0!important } +.pt-10 { padding-top: 10px !important; } +.pt-15 { padding-top: 15px !important; } +.pt-20 { padding-top: 20px !important; } +.pt-30 { padding-top: 30px !important; } +.pt-40 { padding-top: 40px !important; } +.pt-50 { padding-top: 50px !important; } +.pt-60 { padding-top: 60px !important; } +.pt-70 { padding-top: 70px !important; } +.pt-80 { padding-top: 80px !important; } +.pt-90 { padding-top: 90px !important; } +.pt-100 { padding-top: 100px !important; } +.pt-110 { padding-top: 110px !important; } +.pt-120 { padding-top: 120px !important; } +.pt-130 { padding-top: 130px !important; } +.pt-140 { padding-top: 140px !important; } +.pt-150 { padding-top: 150px !important; } + + /************************* + Padding right +*************************/ +.pr-0 { padding-right: 0!important } +.pr-10 { padding-right: 10px !important; } +.pr-15 { padding-right: 15px !important; } +.pr-20 { padding-right: 20px !important; } +.pr-30 { padding-right: 30px !important; } +.pr-40 { padding-right: 40px !important; } +.pr-50 { padding-right: 50px !important; } +.pr-60 { padding-right: 60px !important; } +.pr-70 { padding-right: 70px !important; } +.pr-80 { padding-right: 80px !important; } +.pr-90 { padding-right: 90px !important; } +.pr-100 { padding-right: 100px !important; } +.pr-110 { padding-right: 110px !important; } +.pr-120 { padding-right: 120px !important; } +.pr-130 { padding-right: 130px !important; } +.pr-140 { padding-right: 140px !important; } + + /************************* + Padding bottom +*************************/ +.pb-0 { padding-bottom: 0!important } +.pb-10 { padding-bottom: 10px !important; } +.pb-15 { padding-bottom: 15px !important; } +.pb-20 { padding-bottom: 20px !important; } +.pb-30 { padding-bottom: 30px !important; } +.pb-40 { padding-bottom: 40px !important; } +.pb-50 { padding-bottom: 50px !important; } +.pb-60 { padding-bottom: 60px !important; } +.pb-70 { padding-bottom: 70px !important; } +.pb-80 { padding-bottom: 80px !important; } +.pb-90 { padding-bottom: 90px !important; } +.pb-100 { padding-bottom: 100px !important; } +.pb-110 { padding-bottom: 110px !important; } +.pb-120 { padding-bottom: 120px !important; } +.pb-130 { padding-bottom: 130px !important; } +.pb-140 { padding-bottom: 140px !important; } +.pb-150 { padding-bottom: 150px !important; } + + /************************* + Padding left +*************************/ +.pl-0 { padding-left: 0!important } +.pl-10 { padding-left: 10px !important; } +.pl-15 { padding-left: 15px !important; } +.pl-20 { padding-left: 20px !important; } +.pl-30 { padding-left: 30px !important; } +.pl-40 { padding-left: 40px !important; } +.pl-50 { padding-left: 50px !important; } +.pl-60 { padding-left: 60px !important; } +.pl-70 { padding-left: 70px !important; } +.pl-80 { padding-left: 80px !important; } +.pl-90 { padding-left: 90px !important; } +.pl-100 { padding-left: 100px !important; } +.pl-110 { padding-left: 110px !important; } +.pl-120 { padding-left: 120px !important; } +.pl-130 { padding-left: 130px !important; } +.pl-140 { padding-left: 140px !important; } +.pl-150 { padding-left: 150px !important; } \ No newline at end of file diff --git a/apply/css/.DS_Store b/apply/css/.DS_Store new file mode 100644 index 0000000..07feb51 Binary files /dev/null and b/apply/css/.DS_Store differ diff --git a/apply/css/back/custom.css b/apply/css/back/custom.css new file mode 100644 index 0000000..77d0872 --- /dev/null +++ b/apply/css/back/custom.css @@ -0,0 +1,313 @@ +/* Add here all your CSS customizations */ + +/*border*/ +.border-right { border-right:1px solid #F5A623; } +.border-bottom { border-bottom:1px solid #979797; } + + +/*bg*/ +.info-bg { + background-image: url(..//images/bg/info-bg.jpg); + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} + + +/*footer-nav */ +#footer-nav {list-style:none; margin-bottom:20px;} +#footer-nav li{display:inline-block; position:relative; line-height: 20px;} + +#footer-nav li:first-child > a {border: 0;} +#footer-nav li > a {border-left: 1px solid #999; padding-left:10px; padding-right:10px} +.nav-item a { color:#fff; text-decoration:none; font-size:14px; font-weight:bold;} +.nav-item a:hover { font-weight:600; } +.nav-item a:visited { text-decoration:none; } +.link-h a { color: #F5A623 !important; font-size: 20px;} + + + +/* responsive */ +/* @media (max-width: 991px) { + .border-right { border:0; } + .footer-logo { width:30%; } + .btn-dropdown { width:30%; } +}*/ + +.owl-carousel .owl-dots { + position: absolute; + bottom: 15px; +} + + +.sideMenu span { + font-size: 16px !important; + font-weight: bold; +} + +.sideMenu i { + float: right; +} +.sideMenu a{ + border-radius: 50px !important; + color: gray; +} + +.sideMenu .active { + color: #F5A623 !important; +} + + +.sub-menu { + padding-left: 20px; + margin: 10px 0; +} +.sub-menu span { + font-size: 14px !important; + font-weight: bold; +} +.sub-menu a{ + border-radius: 50px !important; + color: gray; +} + +.maru { + border-radius: 5px; + padding: 4px 8px; + margin-right: 10px; + color: orange; + border: thin solid black; + background-color: white; +} + +.maru-b { + border-radius: 5px; + padding: 4px 8px; + margin-right: 10px; + color: yellow; + background-color: black; +} + +p {font-size:14px !important; font-family: '나눔고딕', NanumGothic, 'Nanum Gothic' , 'NotoM', sans-serif ;} + +.caution { + color: red; + font-weight: bold; +} + +.news-title { + padding: 20px; background-color: #f6f6f6; border-top: #B6B6B6 solid 1px ; border-bottom: #B6B6B6 solid 1px ; font-size: 18px; +} + +.news-col-4 { + text-align: center; + color: gray; + padding: 20px; +} + +.news-contents { + padding: 20px; +} + + +.event_t { + font-size: 1.4em !important; + font-weight: bold; +} + +.event_subt { + font-size: 1.4em !important; + font-weight: bold; + color:#9b9b9b; +} + + +.event-table { + border-collapse: collapse; + text-align: center !important; + border: 1px solid #ccc; + width:100%; +} +.event-table thead { + border-right: 1px solid #ccc; + border-left: 1px solid #ccc; + background: #c6beb1; +} +.event-table thead th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + color: #fff; +} +.event-table tbody th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + background: #ede3df; +} +.event-table td { + padding: 10px; + vertical-align: middle; + border: 1px solid #ccc; + background-color:#fff; +} + +.event-tablelist li{ + padding: 10px; + text-align:left; + color:#000; + list-style:none; + font-weight:600; +} + +.eventbutton { + font-size:11px !important; padding: 0 10px !important; margin: 0 10px !important; +} + + +.in-p { + margin-left: 25px !important; +} + +table.basic-table { + border-collapse: collapse; + text-align: center; + border: 1px solid #ccc; + width:100%; +} +table.basic-table thead { + border-right: 1px solid #ccc; + border-left: 1px solid #ccc; + background: #c6beb1; +} +table.basic-table thead th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + color: #fff; +} +table.basic-table tbody th { + padding: 5px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + background: #ede3df; +} +table.basic-table td { + padding: 10px; + vertical-align: middle; + border: 1px solid #ccc; + background-color:#fff; +} + +.reserve_li li{ margin: 0 20px; line-height: inherit !important; padding: 10px 0;} +.reserve_li span {font-weight: normal; color: gray; font-size: 12px;} +.reserve_li .emp_text { font-size:14px; color:#D0021B; font-weight:bold; } + + + table.info-timetable { + border-collapse: collapse; + text-align: center; + border: 1px solid #ccc; + width:100%; +} +table.info-timetable thead { + border-right: 1px solid #ccc; + border-left: 1px solid #ccc; + background: #c6beb1; +} +table.info-timetable thead th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + color: #fff; + text-align: center; +} +table.info-timetable tbody th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + background: #ede3df; + text-align: center; +} +table.info-timetable td { + padding: 10px; + vertical-align: middle; + border: 1px solid #ccc; +} + +.table-t { + color: #fff !important; +} + + +.table-t i { + vertical-align: bottom; + margin: 0 30px; + font-size: 24px; + font-weight: bold; + color: #fff !important; +} + +.sund { + color: red !important; +} + +.satd { + color: blue !important; +} + +/*cell background */ +.bg-t1 { + background-color:#fbf3c4; +} +.bg-t2 { + background-color:#d5f2f8; +} +.bg-t3 { + background-color:#fcebec; +} + +/* timetable label */ +table.timetable-label { + text-align: center; + width:70%; +} +table.timetable-label td { + padding: 10px; + vertical-align: middle; + font-weight: 600; + font-size:12px; +} + +.form-warning { + font-size: 11px !important; color: red; +} + +.form-tarea { + font-size: 11px !important; color: gray; +} + + +.form-font { + font-size: 11px !important; color: black; +} + +.h-icon { + vertical-align: top; font-size:12px; color:#9b9b9b; +} + +.personal-area { + width:100%; border: none; padding: 10px; font-size: 12px; +} + +.sitemap .title { + font-size:18px !important; color: orange; font-weight: bold; +} + +.sitemap ul li a { font-size:14px !important; padding-left:10px;} \ No newline at end of file diff --git a/apply/css/back/plugins-css.css b/apply/css/back/plugins-css.css new file mode 100644 index 0000000..6d2c424 --- /dev/null +++ b/apply/css/back/plugins-css.css @@ -0,0 +1,22 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file includes all plugins. If you don't want to use any plugins from below. You can simply remove that line from this file. + +*/ + +/*plugins*/ +@import url("plugins/bootstrap.min.css"); +@import url("plugins/mega_menu.css"); +@import url("plugins/animate.css"); +@import url("plugins/font-awesome.min.css"); +@import url("plugins/bootstrap-datetimepicker.min.css"); +@import url("plugins/dataTables.bootstrap.min.css"); +@import url("plugins/magnific-popup.css"); +@import url("plugins/mediaelementplayer.css"); +@import url("plugins/owl.carousel.min.css"); +@import url("plugins/slick-theme.css"); +@import url("plugins/themify-icons.css"); \ No newline at end of file diff --git a/apply/css/back/responsive.css b/apply/css/back/responsive.css new file mode 100644 index 0000000..21b2456 --- /dev/null +++ b/apply/css/back/responsive.css @@ -0,0 +1,1631 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains responsive Media Queries of the Template. You can edit/add anything in this file for responsive related changes! +*/ + + + /***************** +================================================ + ( Media Queries ) +================================================ + *******************/ + + +/************************* + 1700px +*************************/ +@media (max-width: 1700px) { + +.portfolio-title { padding: 60px 60px 30px; } +/*home-4 */ +.our-blog .blog-box-image { max-height: 286px; } +.our-blog .blog-box-info { max-height: 286px; } +/* about-1 */ +.feature-step-2 .feature-step-2-title-left h1 { font-size: 60px; line-height: 50px;} +.objects-left .objects-1 { left: -20px; } +.video-background-banner .slider-content { padding: 20px 30px; } +.scroll-down { bottom: 30px; } +#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } + +} + +@media (max-width: 1500px) { + +.portfolio-home .section-title p { font-size: 16px; } +/*home-4 */ +.our-blog .blog-box-image { max-height: 262px; } +.our-blog .blog-box-info { max-height: 262px; } +.blog-box-image .portfolio-caption .port-tag li a { font-size: 12px; } +.slider-fade-carousel { height: 100%; } +.our-service { padding-bottom: 60px; } +.objects-left, .objects-right { display: none; } +.fullWidth .mega-menu .drop-down.grid-col-5 { width: 51.666667%; } +.fancy .mega-menu .drop-down.grid-col-5 { width: 51.666667%; } +/*home 9*/ +.resume-contact #map { height: 642px; } + #rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } + + +} + +@media (max-width: 1400px) { + +.portfolio-title { padding:40px 40px 0px; } +.portfolio-home .portfolio-title.section-title { margin-bottom: 20px !important; } +.portfolio-home .portfolio-title.section-title .button.mt-30 { margin-top: 10px !important; } +.our-blog .blog-box-image { max-height: 240px; } +.our-blog .blog-box-info { max-height: 240px; } +.our-blog .blog-box-info p.pb-20.pt-30 { padding: 10px 0 !important; } +.custom-content-3.hello-content .custom-content-3-image img { margin-top: 150px; vertical-align: bottom; width: 100%; } +.our-blog .blog-box-info span.text-white { display: none; } +/*contact*/ +.contact-3-info .contact-add { text-align: center; } +.contact-3-info .contact-add i { float: none; text-align: center; display: block; margin: 0 auto; } +.contact-3-info .contact-add p { display: block; margin-top: 15px; } +/*home-9*/ +.image-holder-2-bg { height: 700px; } +.feature-step-2 .feature-step-2-title-2-right h2 { font-size: 24px; line-height: 30px;} +.feature-step-2 .feature-step-2-title-2-right h3 { font-size: 20px; line-height: 24px;} +.feature-step-2-box { padding: 50px 30px;} +.resume-page .container-fluid { padding: 0 30px; } +.resume-contact .contact-form-main { padding: 30px; } +.header.fancy.without-topbar .menu { top: 16px; } +#rev_slider_16_1_forcefullwidth .tp-parallax-wrap { margin-top: 20px; } +.awesome-features .img-side img { top: 20px; } +.video-background-banner .slider-content { padding: 30px 30px; } +.video-background-banner h1 { font-size: 60px; line-height: 60px; } + +/************************************* + v1.0.3 +**************************************/ +.slider-parallax.banner-personal .slider-content h1 { font-size: 110px; line-height: 120px; } +.slider-parallax.banner-personal .slider-content h1 strong { font-size: 132px; } + +/************************************* + v1.0.4 +**************************************/ +.movie-banner .slider-content .banner-popup { width: 72%; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 18px !important; position: relative; bottom: 10px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } + +} + +@media (max-width: 1272px) { +.our-blog .blog-box-image { max-height: 185px; } +.our-blog .blog-box-info { max-height: 185px; } +.our-blog .blog-box-image .portfolio-caption .port-tag li { margin-top: 0px; } +.our-blog .blog-box-image .portfolio-caption .button-border span { margin-top: 10px; padding: 4px 10px; font-size: 11px; } +.our-blog .blog-box-info a.button.button-white span { padding: 6px 16px; } +.our-blog .blog-box-info a.button.button-white i { padding: 11px; } +.our-blog .blog-box-info h1 { font-size: 20px; line-height: 20px; margin-bottom: 0; } +.our-blog .blog-box-info p { font-size: 14px; } +.our-blog .blog-box-info { padding: 15px 20px; } +/*home-5*/ +.team-3 .team-social-icon a i { font-size: 12px; height: 30px; line-height: 31px; width: 30px; } +/*about-1 page*/ +.our-history .history-content { padding: 125px 20px; } +/*about me*/ +.about-me .maintenance-progress-bar .progress-bar { margin: 0 15px; } +/*blog timeline*/ +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -50px; } +/*error*/ +.error-search-box { width: 91%; } +.fullWidth .mega-menu .drop-down.grid-col-5 { width: 61.666667%; } +.fancy .mega-menu .drop-down.grid-col-5 { width: 61.666667%; } +/* about-1 */ +.feature-step-2 .feature-step-2-title-left h1 { font-size: 40px; line-height: 30px;} +.feature-step-2 .feature-step-2-title-2-right h2 { font-size: 22px; line-height: 24px;} +.feature-step-2 .feature-step-2-title-2-right h3 { font-size: 18px; line-height: 20px;} +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 10px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } + +} + +@media (max-width: 1200px) { +.login-2-social li {margin: 0 3px;} +h2 {font-size: 28px;} +h4 {font-size: 18px;} +.title-effect::before { height: 25%; bottom: 4px; } +/*home2*/ +.testimonial-2 .testimonial-center { width: 100%; } +.deal-banner img { width: initial; } +/*home 9*/ +.footer-widget-social.pull-right { float: none !important; } +.blog-info h4 {font-size: 15px;} +.blog-info p {font-size: 16px; padding: 10px 0 20px;} +.blog-box.blog-1 .blog-info p { font-size: 14px; } +.feature-text.box, .feature-text.fill-box {padding: 30px;} +.nav.nav-tabs li a {margin-right: 5px; margin-bottom: 0px;} +.happy-clients .nav-tabs li img {height: 80px; width: 80px;} +.team .team-social-icon ul li a i {height: 35px; line-height: 35px; width: 35px; font-size: 14px;} +.team:hover .team-social-icon {bottom: 27%;} +.feature-info h5{font-size: 15px;} +.contact-3 .map-side {height: 808px;} +.contact-4 .map-side {height: 553px;} +.service-blog {padding-top: 0;} +.portfolio-home .isotope.columns-3 .grid-item { width: 50%; } +.portfolio-title { padding:60px 60px 30px; } +.action-box h3 { font-size: 22px; } +.action-box p { font-size: 15px; } +.vertical-header .container-fluid { padding: 0 30px; } +.team.team-round.full-border .team-description { padding: 30px 0; } +/*medical*/ +.medical-tab .nav.nav-tabs li a { margin-bottom: 0; } +.deal-banner .countdown.small { margin: 0; } +/*404 error*/ +.error-block { padding: 20px 0 70px 0px; } +.error-block .error-text h2 { font-size: 320px; } +.error-block .error-text span { font-size: 104px; right: 0; } +.error-text-02 h2 { font-size: 320px; } +.error-text-02 span { font-size: 104px; right: 0; } +.add-banner-2 .add-banner-content h2 { font-size: 42px; line-height: 42px; } +.pricing-content .pricing-table-list ul li { font-size: 14px; } +.pricing-content .pricing-table-list ul li i { width: 18px; } +.round .nav.nav-tabs li a { padding: 12px 20px; } +#rev_slider_16_1_forcefullwidth .tp-parallax-wrap { margin-top: 50px; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 10px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } +#services .feature-text.left-icon .feature-icon { position: relative; text-align: left; } +#services .feature-text .feature-icon span, #services .feature-text .feature-icon i { padding-left: 0; margin-bottom: 10px; } +#services .feature-text.left-icon .feature-info { padding-left: 0; } +.medical-tab .nav.nav-tabs li a { padding: 12px 20px; } +.login-social li { margin: 3px 0px; } +.blog.blog-grid-3-column .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.blog.blog-grid-2-sidebar .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.blog.masnary-blog-3-columns .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.blog.masonry-main .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.timeline .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.awesome-features .img-side img { top: 10%; } +.footer.footer-topbar .copyright ul li { padding: 0; } +.isotope.columns-4 .grid-item { width: 33.333%; } + + +/************************************* + v1.0.3 +**************************************/ +.blockquote-section blockquote { font-size: 40px; line-height: 40px; } + +/************************************* + v1.0.4 +**************************************/ +.christmas-countdown .countdown { margin: 0px 5px; width: 130px; height: 130px; } +.christmas-countdown .countdown span { font-size: 34px; } + +.conference-about-content-right { padding: 92px 0; } +.conference-about-content-left { padding: 110px 0 80px 0px; } +.timer-banner .slider-content h1 { font-size: 80px; line-height: 80px; } + +/************************************* + v1.0.7 +**************************************/ + .law-timeline .timeline-centered:before { left: 62px; } + +/************************************* + v1.0.8 +**************************************/ + .portfolio-parallax-banner p { padding-right: 400px; } + .portfolio-parallax-banner h2 { font-size: 90px; line-height: 90px; } + +/************************************* + v1.0.9 +**************************************/ + .coming-soon-aerial .coming-soon-form.contact-form input { width: 100%; } + .coming-soon-big { padding: 0; } + .error-05 .error-bottom .tree { left: -120px; } + .error-05 .error-bottom .back-to-home { right: 0; } + .error-05 h3, .error-05 span { font-size: 50px; line-height: 50px; } + .error-05 p { font-size: 22px; } + .error-03 .error-404 h1 { font-size: 100px; line-height: 100px; } + .error-03 .content h1 { font-size: 48px; } + .error-03 .content h2 { font-size: 42px; } + .coming-soon-birds .countdown { margin: 0px 10px; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -30px; } + + +/************************************* + v1.2 +**************************************/ + .about-05-split .shop-split-content { padding: 20px 0; } + .mega-menu .drop-down-multilevel {} + + +} +@media only screen and (min-width: 1100px) and (max-width: 1500px) { +.vertical-header .container { width: auto; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 10px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; } +} +@media only screen and (min-width: 1100px) and (max-width: 1200px) { +.container { width: 94%; } +/* about-1 */ +.feature-step-2 .feature-step-2-title-2-right h2 { padding-bottom: 5px; margin-bottom: 5px; } +.feature-step-2 .feature-step-2-title-2-right h3 { margin-bottom: 5px;} +.feature-step-2 .feature-step-2-title-2-right p{line-height: 20px;} +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; } + + +} + + +@media (max-width: 1025px) { +.mega-menu .menu-links > li > a { padding: 16px 25px; } +.portfolio-title { padding:30px 30px 30px; } + /*error*/ +.error-search-box { width: 100%; text-align: center; } +.clients-logo.line { width: 28.3333%; } +.clients-logo.line img { width: 90%; } +/*blog timeline*/ +.blog .timeline > li > .timeline-badge { right: -66px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: -63px; } +.deal-banner .caption { margin-top: 50px; margin-bottom: 50px; } +/*process*/ +.action-box p { font-size: 13px; } +/*medical*/ +.medical-tab .nav.nav-tabs li a { padding: 12px 10px; } +.membership-pricing-table table tr:first-child th .pricing-plan-price { font-size: 32px; } +.awesome-features .img-side img { top: 13%; } +.footer-social-big ul li { width: 66px; } +.footer .footer-social li, .footer ul.list-inline.text-left li { padding: 0 1px; } +.login-bg .login-social li a.fb { padding: 12px 14px; } +.isotope-filters button+button { margin-left: 3px; } + + +/************************************* + v1.0.2 +**************************************/ +.action-box h3 { padding-right: 230px; } + +/************************************* + v1.0.6 +**************************************/ +.movie-banner .slider-content .banner-popup { width: 100%; } +.movie-banner .countdown.small { margin: 0; } +.movie-banner .countdown.round.small { width: 90px; height: 90px; } +.movie-banner .countdown p { font-size: 13px; } + +/************************************* + v1.0.7 +**************************************/ + .law-timeline .timeline-centered:before { left: 56px; } + +/************************************* + v1.0.8 +**************************************/ + .agency-02-about-content-left { padding: 110px 0 0px 100px; } + +/************************************* + v1.0.9 +**************************************/ + .error-05 .error-bottom .board { left: 264px; } + +/************************************* + v1.2 +**************************************/ +.blockquote-section .action-box h3 { padding: 0; } + +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; } + +} + +@media only screen and (min-width: 768px) and (max-width: 999px) { +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; } +.container{ width:96%; } + + +} + +@media(max-width:1100px) { + +/************************* + Margin top +*************************/ +.sm-mt-0 { margin-top: 0 !important; } +.sm-mt-10 { margin-top: 10px !important; } +.sm-mt-15 { margin-top: 15px !important; } +.sm-mt-20 { margin-top: 20px !important; } +.sm-mt-30 { margin-top: 30px !important; } +.sm-mt-40 { margin-top: 40px !important; } +.sm-mt-50 { margin-top: 50px !important; } + /************************* + Margin right +*************************/ +.sm-mr-0 { margin-right: 0!important } +.sm-mr-10 { margin-right: 10px !important; } +.sm-mr-15 { margin-right: 15px !important; } +.sm-mr-20 { margin-right: 20px !important; } +.sm-mr-30 { margin-right: 30px !important; } +.sm-mr-40 { margin-right: 40px !important; } +.sm-mr-50 { margin-right: 50px !important; } + /************************* + Margin bottom +*************************/ +.sm-mb-0 { margin-bottom: 0!important } +.sm-mb-10 { margin-bottom: 10px !important; } +.sm-mb-15 { margin-bottom: 15px !important; } +.sm-mb-20 { margin-bottom: 20px !important; } +.sm-mb-30 { margin-bottom: 30px !important; } +.sm-mb-40 { margin-bottom: 40px !important; } +.sm-mb-50 { margin-bottom: 50px !important; } +/************************* + Margin left +*************************/ +.sm-ml-0 { margin-left: 0!important } +.sm-ml-10 { margin-left: 10px !important; } +.sm-ml-15 { margin-left: 15px !important; } +.sm-ml-20 { margin-left: 20px !important; } +.sm-ml-30 { margin-left: 30px !important; } +.sm-ml-40 { margin-left: 40px !important; } +.sm-ml-50 { margin-left: 50px !important; } + /************************* + Padding top +*************************/ +.sm-pt-0 { padding-top: 0!important } +.sm-pt-10 { padding-top: 10px !important; } +.sm-pt-15 { padding-top: 15px !important; } +.sm-pt-20 { padding-top: 20px !important; } +.sm-pt-30 { padding-top: 30px !important; } +.sm-pt-40 { padding-top: 40px !important; } +.sm-pt-50 { padding-top: 50px !important; } + /************************* + Padding right +*************************/ +.sm-pr-0 { padding-right: 0!important } +.sm-pr-10 { padding-right: 10px !important; } +.sm-pr-15 { padding-right: 15px !important; } +.sm-pr-20 { padding-right: 20px !important; } +.sm-pr-30 { padding-right: 30px !important; } +.sm-pr-40 { padding-right: 40px !important; } +.sm-pr-50 { padding-right: 50px !important; } + /************************* + Padding bottom +*************************/ +.sm-pb-0 { padding-bottom: 0!important } +.sm-pb-10 { padding-bottom: 10px !important; } +.sm-pb-15 { padding-bottom: 15px !important; } +.sm-pb-20 { padding-bottom: 20px !important; } +.sm-pb-30 { padding-bottom: 30px !important; } +.sm-pb-40 { padding-bottom: 40px !important; } +.sm-pb-50 { padding-bottom: 50px !important; } + /************************* + Padding left +*************************/ +.sm-pl-0 { padding-left: 0!important } +.sm-pl-10 { padding-left: 10px !important; } +.sm-pl-15 { padding-left: 15px !important; } +.sm-pl-20 { padding-left: 20px !important; } +.sm-pl-30 { padding-left: 30px !important; } +.sm-pl-40 { padding-left: 40px !important; } +.sm-pl-50 { padding-left: 50px !important; } +.row-eq-height { display: block;} +h2 {font-size: 25px; line-height: 35px;} +h3 { font-size: 20px; } +h4 {font-size: 17px;} +h5 {font-size: 15px;} +/*home-1*/ +/*header*/ +.default { position: relative; background: #323232; } +/*menu*/ +.mega-menu { min-height: 60px; } +.mega-menu .menu-logo > li > a { padding: 0; } +.mega-menu .menu-logo { padding: 10px 0; } +.search-cart span.icon, .search-cart i.icon { line-height: 50px; } +.fancy .mega-menu > section.menu-list-items .menu-links { float: none; position: absolute; width: 100%; top: 100%; } +.header.fancy .mega-menu > section.menu-list-items { box-shadow: none; } +.mega-menu .menu-logo img { height: 30px; margin: 5px 0; } +.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #323232; } +.mega-menu .drop-down-multilevel li:hover > a i.fa { color: #323232; } +.mega-menu .drop-down-multilevel a { display: block; } +.mega-menu .mobileTriggerButton { z-index: 1; } +.mega-menu .drop-down-multilevel, .mega-menu .drop-down, .mega-menu .drop-down-tab-bar { border-top: 0px !important; } +.header.light .mega-menu .menu-mobile-collapse-trigger:before, .header.light .mega-menu .menu-mobile-collapse-trigger:after, .header.light .mega-menu .menu-mobile-collapse-trigger span { background: #323232; } +.header.logo-center .mega-menu { min-height: 60px; } +/*fancy*/ +.header.fancy .menu { position: relative; top: 0; } +.header.fancy .topbar + .menu { top: 0px; } +.header.fancy .mega-menu .menu-mobile-collapse-trigger:before, .header.fancy .mega-menu .menu-mobile-collapse-trigger:after, .header.fancy .mega-menu .menu-mobile-collapse-trigger span { background: #323232; } +.header.fancy .mega-menu > section.menu-list-items { padding: 0; } +.header.fancy .mega-menu .menu-logo { padding: 16px 0px; } +.header.fancy .search-cart span.icon, .search-cart i.icon { line-height: 60px; } +.header.fancy .mega-menu .menu-links > li > a { line-height: 20px; } +.header.fancy .topbar { padding: 10px 0px 10px; } +.header.fancy .search-cart i.icon { line-height: 74px; } +.header.left-menu .menu-links { padding-left: 0; } +.header.logo-center .menu-bar { border:0px; } +.header.transparent { position: relative; background: #323232; } +/*one page*/ +header.one-page { position: relative; background: #323232; } +.navbar { margin-bottom: 0; } +.navbar-header { float: none; } +.navbar-left,.navbar-right { float: none !important; } +.navbar-toggle { display: block; margin-right: 0; } +.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); padding-left: 22px; } +.navbar-fixed-top { top: 0; border-width: 0 0 1px; } +.navbar-collapse.collapse { display: none!important; } +.navbar-nav { float: none!important; margin-top: 7.5px; } +.navbar-nav>li { float: none; } +.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } +.collapse.in { display:block !important; } +.navbar .navbar-brand { padding:0;} +.navbar .navbar-brand img { height: 28px; } +.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { background: #323232; border:0; position: absolute; width: 100%; left: 0; right: 0; } +.navbar-collapse { box-shadow: none; } +.navbar-inverse .navbar-nav>li { padding: 15px 15px; } +.navbar-nav { float: none; } +.navbar-inverse .navbar-toggle { border:0; } +.navbar-toggle { margin-top: 14px; } +.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background: transparent; } +.header.burger { padding: 10px 10px; } +.header.burger .logo img { height: 30px; margin-top: 10px; } +.vertical-header { padding-left: 0; } +.vertical-header .header { left: inherit; padding-bottom: 150px; } +.vertical-menu .navbar-default .navbar-nav > li > a { padding: 10px 15px 10px 40px; } +.vertical-menu .navbar-nav .open .dropdown-menu { position: relative; background-color: #f4f5f6; } +.vertical-menu .navbar-nav>li>.dropdown-menu { margin-bottom: 10px; } +.vertical-menu .navbar-nav { margin: 0px; } +.vertical-menu .open>.dropdown-menu { display: inline-block; } +.vertical-menu .content-scroller { margin-left: 0px; padding-top: 50px; } +#left-header{position:fixed; left:-230px; top:0; width:230px; height:100%; z-index: 9999; } +.but span {position: absolute; right:15px; top: 20px; font-size: 24px;color: #fff; } +.but span { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition:all 0.5s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; } +.but.active span { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } +.menu-responsive b { color: #F5A623; font-size: 18px; text-transform: uppercase; } +.menu-responsive { height:60px; position: fixed; background: #000000; z-index: 9999; width: 100%; padding: 14px 15px; display: block; } +.vertical-menu .navbar-toggle { display: none; } +.vertical-menu .navbar-collapse.collapse { display: block !important; background: transparent; } + /*megamenu*/ +.vertical-menu .menu .mega-menu .menu-links { background: transparent; } +.vertical-menu .menu .mega-menu .menu-links > li > a { padding: 15px 23px; color: #ffffff; } +.vertical-menu .menu .mega-menu .menu-links > li { border-color: rgba(255, 255, 255, 0.2); } +.vertical-menu .mega-menu .menu-links { display: block !important; } +.vertical-menu .mega-menu .menu-mobile-collapse-trigger { display: none; } +.vertical-menu .social-icons li { float: none; display: inline-block; } +.vertical-menu .menu-widgets { bottom: 0; } +.header.fancy.without-topbar .menu { top: 0; } +.mega-menu > section.menu-list-items { height: 60px !important; } +.fancy .mega-menu > section.menu-list-items { height: 70px !important; } +.search .search-btn { line-height: 30px; } +.navbar .navbar-brand { padding: 15px 0; } +.logo-center .mega-menu .menu-logo { padding: 14px 0; } + +/*sticky header */ +.header .mega-menu.mobileTopFixed .menu-list-items { background: #323232; } +.header.light .mega-menu.mobileTopFixed .menu-list-items { background: #ffffff; border-bottom: 1px solid #f9f9f9; } +.header.fancy .mega-menu.mobileTopFixed section.menu-list-items { padding: 0 10px; border-bottom: 1px solid #f9f9f9; } +.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin: 0; } +.header.vertical-menu .mega-menu.mobileTopFixed { display: none;} +/* header */ +.st-effect-3 .header.default.fullWidth .search-cart { right: 50px; top: 3px; } + +/*.page-title*/ +.page-title { padding-top: 100px; text-align: left; } +.page-title .page-breadcrumb { float: none; text-align: left; } +.page-title.right .page-title-name { text-align: right; float: none; width: 100%; } +.page-title.right .page-breadcrumb { float: none; text-align: right; } +.portfolio-title.section-title { margin-bottom: 0; } +.happy-clients { padding-bottom: 60px !important; } +.popup-video { margin-bottom: 30px; } +.custom-content { padding: 30px; } +.custom-content-3-image { display: none; } +.happy-clients .col-md-6.mt-60 { margin-top: 0 !important; } +/*inner-intro*/ +.inner-intro { padding-top: 120px; } +/*page two sidebar*/ +.page-two-sidebar .page-content { margin-top: 40px; } +/*blog*/ +.blog-box { margin: 15px 0; } +/*clients-logo*/ +.clients-logo.line { width: 32.3333%; float: none; display: inline-block; } +.clients-logo.line img { width: 100%; } +/*contact*/ +.contact.contact-2 a.button { margin-bottom: 30px; } +.contact-3 .contact-add { min-height: 310px; } +.contact-3 .contact-3-info { height: auto; } +.contact-3 .contact-map iframe { height: 400px; } +.contact-3 .map-side { height: auto; position:inherit; } +.error-block { background-size: 90%;} +.error-block p { font-size: 26px; } +.error-search-box p { font-size: 19px; line-height: 35px; } +.map-side{position:inherit;} +/*action box*/ +.text-right.action-box-button { text-align: left; } +/*home 6 */ +.our-activities .accordion { margin-top: 60px; } +/*maintenance*/ +.maintenance-main h1.mb-50 { font-size: 34px; margin-bottom: 10px !important; } +.maintenance-main i { font-size: 60px; } +.maintenance-form { width: 100%; } +.maintenance-progress-bar span { font-size: 24px; } +.feature-text.box, .feature-text.fill-box {padding: 20px 10px;} +.feature-text.box p {font-size: 14px;} +.feature-box-content { padding: 20px 15px 0;} +.feature-box a {padding: 0 15px;} +.progress-title {font-size: 15px;} +.counter .timer {font-size: 38px;} +.counter label {font-size: 14px;} +.team-3-box .team-overlay {padding: 30px 15px 0;} +.team-3-box {padding: 10px;} +.menu-bar {float: none;} +.mega-menu .menu-links > li > a{line-height: normal;} +.mega-menu .menu-mobile-collapse-trigger {height: 40px; top: 50%; transform: translateY(-50%); z-index: 9999; } +.search-cart {display: inline-block; position: absolute; right: 60px; top: 0; z-index: 999; } +.search-active .search-cart { left: 0; width: 100%; } +.search .search-input input { width: 100%; } +.search-active .mega-menu .menu-mobile-collapse-trigger { z-index: 9; } +.footer p {font-size: 13px;} +.feature-text p{font-size: 14px;} +.accordion.accordion-2 .acd-group.acd-active .acd-heading {font-size: 22px;} +.split-section .img-side{display: none;} +.our-service { padding-bottom: 60px;} +.testimonial.boxed {padding: 50px 30px 75px;} +.button {font-size: 12px; padding: 12px 15px;} +.feature-step-2 .feature-step-2-title-left h1 {font-size: 80px;} +.services-text-box-blue, .services-text-box-black {padding: 50px 30px;} +.highlights-phone {margin-top: 20px;} +.mobile-slider h5{font-size: 14px;} +.service-blog b{right: 0; font-size: 250px;} +.service-blog.left b{left: 0;} +/*blog pages*/ +.blog.blog-grid-3-column .social.pull-right { float: none; margin-top: 10px; display: block; width: 100%; } +.masonry.columns-3 .masonry-item { width: 50%; } +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -70px; } +/*portfolio*/ + .isotope.columns-3 .grid-item { width: 50%; } +.isotope.columns-4 .grid-item { width: 50%; } +.isotope.columns-5 .grid-item { width: 50%; } +.masonry.columns-3 .masonry-item { width: 50%; } +.masonry.columns-4 .masonry-item { width: 50%; } +.masonry.columns-5 .masonry-item { width: 50%; } +.port-post-social.pull-right { float: none !important; } +/*process*/ +.process.left .process-content { padding-left: 50px; } +/*resume page*/ +img.bottom-img { display: none; } +.resume-contact #map { height: 300px !important; } +.contact-4 .map-side { height: 300px !important; } +/*footer*/ +footer .social-icons { width: 100%; float: left; } +img#logo-footer { height: 30px; } +.bottom-nav .owl-nav .owl-next { right: 44%; } +.bottom-nav .owl-nav .owl-prev { left: 44%; } +/*shortcode*/ +/*blockquote*/ +.blockquote-right { margin: 0; } +/*buttons*/ +.buttons .button { margin-bottom: 10px; } +.buttons button { margin-bottom: 4px; } +.button + .button { margin-left: 3px; } +/*countdown*/ +.countdown { margin: 0px 10px; } +.countdown.medium { margin: 0 15px; } +.countdown.large { margin: 0 10px; } +.countdown.round.medium { width: 140px; height: 140px; } +.countdown.medium span { font-size: 50px; } +.countdown.round.medium span { line-height: 58px; } +.countdown.round.large { width: 150px; height: 150px; } +.countdown.large span { font-size: 60px; } +.countdown.round.large span { line-height: 62px; } +.countdown.large p { font-size: 18px; } +.vertical-menu .social-icons li { margin: 0 3px 8px 0; } +/*actionbox*/ +.action-box a.button { position: relative; top: inherit; margin-top: 20px; } +.action-box.theme-bg a.button, .action-box.black-bg a.button, .action-box.gray-bg a.button { right: inherit; } +.agency-about { padding-bottom: 60px !important; } +.vertical-header .container-fluid { padding: 0 15px; } +.resume-contact .contact-form-main { padding: 30px 15px; } +/*construction*/ +.our-sercive1:before, .our-sercive1:after { display: none; } +.special-feature { top: 60px; margin-bottom: 0px; } +.page-section-1-pt { padding-top: 70px; } +.page-section-1-pb { padding-bottom: 70px; } +.page-section-1-ptb { padding: 70px 0; } +/*gym*/ +.gym-about { background: #ffffff !important; } +/*medical*/ +.appointment a.pull-left { float: none !important; } +.appointment { margin-top: 0px; } +/*one page*/ +.popup-video-banner h1 { font-size: 40px; line-height: 40px; } +.video-background-banner .slider-content { width: 100%; } +.video-background-banner h1 { font-size: 60px; line-height: 60px; } +/*shop*/ +.shop-split.split-section { padding: 0px; } +.shop-split-content { padding: 40px 0; } +.shop-split.split-section .img-side { display: block; } +.shop-split.split-section .img-holder { position: relative; top: inherit; width: inherit; height: inherit; padding: 130px; } +.shop-split.split-section .img-side.img-right { right: inherit; } +.shop-split.split-section .img-side.img-left { left: inherit; } +.shop-split.split-section .img-side { right: inherit; padding: 0; position: relative !important; top: inherit; height: 100%; overflow: hidden; z-index: 100; } +.add-banner-2 .add-banner-content { padding: 60px 20px; } +.add-banner-2 .add-banner-content h2 {font-size: 28px;line-height: 28px; } +.add-banner-2 .add-banner-content h3 {font-size: 26px; line-height: 26px; } +.add-banner-2.text-center .add-banner-content h2 {font-size: 26px;line-height: 29px; } +/*portfolio-banner*/ +.portfolio-banner .slider-content h1 { font-size: 30px; line-height: 30px; } +.personal-typer-banner h1 { font-size: 70px; line-height: 70px; } +.personal-typer-banner h1 span { font-size: 35px; } +.deal-banner.maintenance-progress-bar img { width: 100%; } +/*404 error*/ +.page-section-ptb.mt-150 { margin-top: 0 !important; } +.pricing-content { width: 90%; } +.process-list { padding-left: 30px; padding-right: 30px; } + +.special-feature .row-eq-height.no-gutter { margin-top: 40px; } +.interior-action-box .action-box { margin-top: 20px; } +.appointment .appointment-bg { margin-top: 30px; } + +.process-list .col-sm-12 { padding: 0; } +.pricing-table.active .pricing-top a.button { padding: 12px 40px; font-size: 15px; } +.membership-pricing-table table tr:first-child th .pricing-plan-price { font-size: 22px; } +.membership-pricing-table table tr:first-child th .pricing-plan-name { font-size: 16px; } +.action-box.full-width a.button { right: 0; } +.team.team-round .team-description { padding-bottom: 0; } +.footer .divider { display: none; } +#rev_slider_16_1_forcefullwidth .tp-parallax-wrap { margin-top: 0px; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -60px; } +#rev_slider_14_1 .zeus .tp-bullet {width: 12px; height: 12px;} +.resume-contact #map { padding-top: 40%; } +.blog-box.blog-2 .button.icon-color { margin-top: 10px; float: none !important; } +.special-feature .row-eq-height { display: flex; } +.medical-tab .tab .nav.nav-tabs li a { font-size: 14px; padding: 12px 6px; } +.navbar { border-radius: 0; } +.contact-3 #map { padding-top: 30%; } +.contact-2 #map { padding-top: 30%; } +.error-block .error-text h2 { font-size: 260px; } +.single-portfolio-post .port-information .social.pull-right { flex: none !important; display: inline-block; width: 100%; } +.page-title .page-title-name { width: 100%; } +.page-title .page-breadcrumb { width: 100%; } +.js-video.big { padding-top: 18px; } +.special-feature .feature-text { padding: 30px 20px; } +.special-feature .feature-text .feature-icon span, .special-feature .feature-text .feature-icon i {padding-left: 0; margin-bottom: 10px; } +.typer-banner h1 { font-size: 70px; line-height: 70px; } +ul.page-breadcrumb { padding-top: 10px; } +.service-blog { margin-bottom: 40px; } +.blog .timeline > li > .timeline-badge { right: -56px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: -53px; } +.action-box.border a.button { left: 0; } +.footer #logo-footer { height: 40px; } + +/************************************* + v1.0.2 +**************************************/ +.action-box h3 { padding-right:0px; } +.port-information img { width: 100%; } +.text-left.mt-100 { margin-top: 0 !important; } +.portfolio-03-about { padding-left: 0; } + +/************************************* + v1.0.3 +**************************************/ +.slider-parallax.typer-banner.business p { padding: 0; } +.blockquote-section blockquote.quote { padding-top: 50px; } +.blockquote-section blockquote.quote:before { line-height: 70px; } +.blockquote-section .blockquote-section-left { margin-left: 0; } +.blockquote-section .blockquote-section-right { margin-left: 0; } +.slider-parallax.banner-personal .slider-content span { font-size: 90px; line-height: 90px; } +.slider-parallax.banner-personal .slider-content h1 { font-size: 80px; line-height: 80px; margin-top: -40px; } +.slider-parallax.banner-personal .slider-content h1 strong { font-size: 96px; line-height: 70px; } + +/************************************* + v1.0.4 +**************************************/ + .christmas-team { margin-top: 0 !important; } + .christmas-event .blog-date { text-align: left; } + .christmas-event .button.mt-60 { margin-top: 20px !important; } + .christmas-price .mt-100.mb-100 { margin: 0 !important; } + .christmas .coming-soon h1 { font-size: 30px; line-height: 30px; margin-bottom: 20px; } + + .timer-banner .slider-content-middle { top: 50%; } + .timer-banner .slider-content h1 { font-size: 50px; line-height: 50px; margin-bottom: 20px; } + .conference-about-content-right { margin-left: 0px; padding: 20px 0 0 ; } +.conference-about-content-left { padding: 50px 0 30px 0px; } +.conference-about img { width: 100%; } +.conference-split-content { padding: 0; } +.conference-split.split-section .img-side { display: block; } +.conference-video .mt-100.mb-100 { margin: 0 !important; } + +/************************************* + v1.0.5 +**************************************/ +.one-page.light .navbar-inverse .navbar-toggle .icon-bar { background: #323232; } +.architecture-about h2 { font-size: 30px; line-height: 30px; } +.architecture-portfolio .text-right { text-align: left; margin-bottom: 30px; } +.architecture-portfolio .isotope-filters { text-align: left; } +.architecture-portfolio .mb-40 { margin-bottom: 0px !important; } +.architecture-about .mt-60.mb-60 { margin: 0 !important; } + +/************************************* + v1.0.6 +**************************************/ +.agency-banner .slider-content { padding: 0 0px 0 30px; } +.agency-banner .slider-content h1 { padding: 50px 20px 20px 20px; } +.movie-banner .slider-content-middle { top: 50%; } +.one-page.transparent { background: #323232; } +.one-page .social-icons { padding: 10px 0; right: 60px; } +.one-page.nav-center .navbar-collapse.collapse { text-align: left; } + +/************************************* + v1.0.7 +**************************************/ +.law-banner .slider-content { padding: 0; } +.law-timeline .timeline-centered:before { display: none; } +.law-timeline .timeline-label h3 { line-height: 12px; } +.law-timeline .timeline-centered .timeline-entry:last-child { margin-bottom: 0; } +.law-contact { padding: 0; } + +/************************************* + v1.0.7 +**************************************/ +.one-page.dark-text .navbar-inverse .navbar-nav>li>a { color: #ffffff; } + +/************************************* + v1.0.8 +**************************************/ +.agency-02-about-content-right { margin-left: 0; padding-top: 20px; padding-bottom: 20px; } +.agency-02-about-content-left { padding: 0; padding-bottom: 20px; } +.agency-02-action-box .action-box { margin-top: 40px; } +.agency-feature h3 { line-height: 60px; font-size: 16px; } +.action-box a.popup-youtube { position: relative; top: inherit; margin-top: 20px; right: inherit; } +.agency-02-action-box .action-box.white-bg { padding: 50px 20px } +.agency-02-action-box .popup-video-image a i { position: relative; top: 20px; transform: inherit; } +.agency-02-action-box .popup-video-image:before{ background: transparent; } +.portfolio-parallax-banner p { padding: 0; } +.portfolio-parallax-banner h2 { font-size: 60px; line-height: 60px; } +.agency-02-about h3:before { display: none; background: none } + +/************************************* + v1.0.9 +**************************************/ +.coming-soon-middle { position: inherit; top: inherit; transform: inherit; padding: 50px 20px; } +.coming-soon-aerial .container-fluid { padding: 30px; } +.coming-soon-big .countdown.medium span { font-size: 80px; line-height: 80px; } +.coming-soon-big .countdown.medium p { font-size: 20px; line-height: 20px; } +.error-05 .button-home { display: block; } +.error-05 .back-to-home, .error-05 .penguin { display: none; } +.error-05 .error-bottom .tree { display: none; } +footer.error-03 .social-icons, footer.error-04 .social-icons { float: none; } +footer.error-03 .social-icons ul, footer.error-04 .social-icons ul { display: inline-block; text-align: center; } +.coming-soon-effects .coming-soon h1 { font-size: 40px; } + +/************************************* + v1.0.9 +**************************************/ +.about-05-split.page-section-ptb { padding: 0; } + +/************************************* + v1.2 +**************************************/ +.login-fancy { padding: 40px 30px; } +.login .vertical-align, .login.vertical-align { position: inherit; top: inherit; transform:inherit; } +.login.height-100vh { height: inherit; } +.login .height-100vh { height: inherit; } +.login-box .pos-bot { position: inherit; padding-bottom: 0 !important; } +.login-box-theme:before, .login-box-theme:after { display: none; } +.login-box-left { padding-bottom: 20px; } +.login-14, .login-15 { padding: 30px 40px; } +.login-14 .pb-50, .login-15 .pb-50 { padding-bottom: 0 !important; } +.login-box-left .pos-bot { position: inherit; padding-bottom: 0 !important; margin-top: 20px; } +.blockquote-section .action-box { padding: 40px 20px; } +.about-mission { margin-top: 40px; } +.about-mission-title { padding-bottom: 80px; } + + + +} + +@media(max-width:767px) { +/************************* + Margin top +*************************/ +.xs-mt-0 { margin-top: 0 !important; } +.xs-mt-10 { margin-top: 10px !important; } +.xs-mt-15 { margin-top: 15px !important; } +.xs-mt-20 { margin-top: 20px !important; } +.xs-mt-30 { margin-top: 30px !important; } +.xs-mt-40 { margin-top: 40px !important; } + /************************* + Margin right +*************************/ +.xs-mr-0 { margin-right: 0!important } +.xs-mr-10 { margin-right: 10px !important; } +.xs-mr-15 { margin-right: 15px !important; } +.xs-mr-20 { margin-right: 20px !important; } +.xs-mr-30 { margin-right: 30px !important; } +.xs-mr-40 { margin-right: 40px !important; } + /************************* + Margin bottom +*************************/ +.xs-mb-0 { margin-bottom: 0!important } +.xs-mb-10 { margin-bottom: 10px !important; } +.xs-mb-15 { margin-bottom: 15px !important; } +.xs-mb-20 { margin-bottom: 20px !important; } +.xs-mb-30 { margin-bottom: 30px !important; } +.xs-mb-40 { margin-bottom: 40px !important; } +/************************* + Margin left +*************************/ +.xs-ml-0 { margin-left: 0!important } +.xs-ml-10 { margin-left: 10px !important; } +.xs-ml-15 { margin-left: 15px !important; } +.xs-ml-20 { margin-left: 20px !important; } +.xs-ml-30 { margin-left: 30px !important; } +.xs-ml-40 { margin-left: 40px !important; } + /************************* + Padding top +*************************/ +.xs-pt-0 { padding-top: 0!important } +.xs-pt-10 { padding-top: 10px !important; } +.xs-pt-15 { padding-top: 15px !important; } +.xs-pt-20 { padding-top: 20px !important; } +.xs-pt-30 { padding-top: 30px !important; } +.xs-pt-40 { padding-top: 40px !important; } + /************************* + Padding right +*************************/ +.xs-pr-0 { padding-right: 0!important } +.xs-pr-10 { padding-right: 10px !important; } +.xs-pr-15 { padding-right: 15px !important; } +.xs-pr-20 { padding-right: 20px !important; } +.xs-pr-30 { padding-right: 30px !important; } +.xs-pr-40 { padding-right: 40px !important; } + /************************* + Padding bottom +*************************/ +.xs-pb-0 { padding-bottom: 0!important } +.xs-pb-10 { padding-bottom: 10px !important; } +.xs-pb-15 { padding-bottom: 15px !important; } +.xs-pb-20 { padding-bottom: 20px !important; } +.xs-pb-30 { padding-bottom: 30px !important; } +.xs-pb-40 { padding-bottom: 40px !important; } + /************************* + Padding left +*************************/ +.xs-pl-0 { padding-left: 0!important } +.xs-pl-10 { padding-left: 10px !important; } +.xs-pl-15 { padding-left: 15px !important; } +.xs-pl-20 { padding-left: 20px !important; } +.xs-pl-30 { padding-left: 30px !important; } +.xs-pl-40 { padding-left: 40px !important; } +h1 { font-size: 30px; } +h2 { font-size: 26px; } +.page-section-ptb { padding: 35px 0; } +.page-section-pt { padding: 50px 0 0; } +.page-section-pb { padding: 0 0 50px; } +.page-section-1-ptb { padding: 60px 0; } +.header.fullWidth .container-fluid { padding: 0 20px; } +/*header topbar*/ +.topbar-left.text-left { text-align: center; margin-bottom:10px; display: none;} +.topbar-right.text-right { text-align: center; } +.custom-content { margin-top: 0px; } +/*testimonial*/ +.testimonial-2 { padding-bottom: 80px; } +/*team*/ +.team-3-box img { width: 100%; } +/*accordian*/ +.accordion.accordion-2 .acd-group .acd-heading { padding-left: 0px; padding-right: 0px; } +/*footer*/ +.footer-logo img { height: 60px; width: inherit; } +img#logo-footer { height: 40px; } +.footer .footer-nav.text-right { text-align: left; margin-top: 20px; } +.social.text-right { text-align: left; margin-top: 20px; } +.footer-contact { margin-top: 0; box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1); } +.our-clients.theme-bg { padding-bottom: 60px; } +.footer-contact .contact-box { margin-bottom: 20px; } +.copyright.mt-50 { margin-top: 10px !important; } +.copyright .text-right { text-align: left; margin-top: 15px; } +footer .social-icons.pull-right { float: left !important; width: 100%; } +.footer-widget.mt-60 { margin-top: 0 !important; } +.footer-box { margin-bottom: 20px; margin-top: 30px; } +/* Coming soon page */ +.coming-soon-main { overflow: hidden; } +.coming-soon-main i { font-size: 70px; } +.coming-soon-countdown ul.countdown li span { font-size: 60px; } +.coming-soon-countdown ul.countdown li p { font-size: 16px; } +.coming-soon-main p { font-size: 18px; line-height: 26px; } +.coming-soon-main h1 { font-size: 42px; margin-bottom: 20px; } +/*error*/ +.error-search-box input { width: 73%; } +.error-block p { font-size: 20px; } +.error-block h1 { font-size: 80px; } +.error-404-2 .error-block h1 { font-size: 290px; } +.maintenance-progress-bar .progress-bar { display: block; margin: 0 auto 90px; } +.maintenance-progress-bar { margin: 30px 0 60px; } +.maintenance-main p { margin-bottom: 10px; } +/*portfolio*/ +.isotope.columns-3 .grid-item { width: 50%; } +.isotope.columns-4 .grid-item { width: 50%; } +/*about-1 page*/ +.about .feature-3 { margin-bottom: 30px; } +.feature-text.box, .feature-text.fill-box{ padding: 30px;} +.footer-widget { text-align: left; } +.xs-text-left{text-align: left;} +.xs-text-center{text-align: center;} +.xs-text-right{text-align: right;} +.pricing-table{margin: 0 0 30px;} +.team-3-box, .team{margin-bottom: 30px;} +.lead {font-size: 14px;} +.inner-intro { text-align: center;} +ul.page-breadcrumb { padding-top: 30px;} +.feature-step-2-box {padding: 20px;} +.feature-step-2 .feature-step-2-title-left h1 {font-size: 50px;} +.our-app{background-image: none !important;} +.valign > [class*="col-"] {display: block;} +.highlights-phone {margin: 30px 0;} +/*blog pages*/ +.masonry.columns-2 .masonry-item { width: 100%; } +.masonry.columns-3 .masonry-item { width: 100%; } +/* blog timeline */ +.blog ul.timeline:before { left: 40px; } +.blog ul.timeline > li { margin-bottom: 20px; position: relative; width:100%; float: left; clear: left; } +.blog ul.timeline > li > .timeline-panel { width: calc(100% - 90px); width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); } +.blog ul.timeline > li > .timeline-badge { left: 12px; margin-left: 0; top: 16px; } +.blog ul.timeline > li > .timeline-panel { float: right; } +.blog ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } +.blog ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } +.blog .timeline > li.timeline-inverted { float: left; clear: left; margin-top: 30px; margin-bottom: 30px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: 12px; } +.blog .timeline-panel img { width: 100%; } +.blog .timeline li.entry-date-bottom { text-align: left; } +.blog .timeline li.entry-date-bottom a { font-size: 13px; padding: 8px 10px; } +.blog .timeline li.entry-date { text-align: left; } +.blog .timeline li.entry-date span { font-size: 13px; padding: 8px 10px; } +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: 23px; } +.blog .timeline > li:nth-child(2) { margin-top: 0; } +.blog .timeline > li.timeline-inverted { margin-top: 10px; } +.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 20px; } +.blog.timeline-sidebar .timeline > li.timeline-inverted:nth-child(2) { margin-bottom: 0px; } +.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 100%; } +/*login 2*/ +.login-2-social li { margin-bottom: 10px; } +/*maintenance*/ +.progress-new { width: 100%; } +.maintenance-form input { width: 100%; } +/*portfolio*/ +.isotope.columns-2 .grid-item { width: 100%; } +.isotope.columns-3 .grid-item { width: 100%; } +.isotope.columns-4 .grid-item { width: 100%; } +.isotope.columns-5 .grid-item { width: 100%; } +.masonry.columns-3 .masonry-item { width:100%; } +.masonry.columns-4 .masonry-item { width:100%; } +.masonry.columns-5 .masonry-item { width:100%; } +/*shop*/ +.deal-banner img { width: 100%; } +/*process*/ +.process.left .process-content .process-icon { display: block; margin-bottom: 20px; } +.process.left .process-content { padding-left: 40px; } +.process.right .process-content { padding-right: 40px; } +.process.right .process-content .process-icon { float: none; margin-bottom: 20px; } +.process.left .process-step { top: 30px; } +.process .process-step strong { width: 40px; height: 40px; line-height: 40px; } +.process.left .process-step { left: -20px; } +.process.right .process-step { right: -20px; } +/*resume*/ +.resume-page .container-fluid { padding: 0 15px; } +/*shortcode*/ +.clients-list ul li, .clients-list.column-4 ul li, .clients-list.column-3 ul li { width: 50%; } +/*countdown*/ +.countdown.round { width: 100px; height: 100px; } +.countdown.round span { font-size: 30px; line-height: 30px; } +.countdown.round { padding: 16px; } +.countdown.round.medium { width: 100px; height: 100px; } +.countdown.round.medium span { font-size: 30px; line-height: 30px; } +.countdown.round.medium p { font-size: 14px; } +.countdown.round.large { width: 100px; height: 100px; } +.countdown.round.large span { font-size: 30px; } +.countdown.round.large span { line-height: 30px; } +.countdown.round.large p { font-size: 14px; } +/*datatables*/ +.dataTables_paginate .pagination>li { display: inline-block; text-align: center; } +.datatable-base .table-responsive { border: 0; padding-bottom: 30px; } +/*feature text*/ +.feature-text.left-icon .feature-icon { padding-left: 15px; } +.feature-text.right-icon .feature-icon { padding-right: 15px; } +/*tab*/ +.tab-vertical .nav-tabs { width: 100%; } +.tab-vertical .tab-content { width: 100%; margin-left: 0; } +.feature-text .feature-icon span, .feature-text .feature-icon i { padding-left: 0; } +.bg-top-before { padding-top: 40px !important; } +.bg-top-before:before { display: none; } +.bg-top-before.pb-150 { padding-bottom: 40px !important; } + /*gym*/ +.course { margin-bottom: 20px; } +.medical-tab .tab .nav.nav-tabs li.active a:before { display: none; } +/*one page*/ +/*mobile app*/ +.mobile-app-about h2 { font-size: 40px; line-height: 40px; } +/*product*/ +.product .product-image img { width: 100%; } +/*portfolio-banner*/ +.portfolio-banner .slider-content h1 { font-size: 20px; line-height: 20px; } +.portfolio-banner .slider-content span { font-size: 12px; line-height: 18px; } +/*404 error*/ +.error-block { padding: 0; } +.error-block .error-text { padding: 0; display: none; } +.error-block h1 { padding: 0; } +.error-text-02 { display: none; } +.interior-action-box { margin-top: 30px; } +/*slider */ +#rev_slider_14_1 .rev-btn {padding: 15px 20px !important; font-size: 16px !important; position: relative; bottom: 0px!important;} +#rev_slider_11_1_wrapper strong { font-size: 20px !important; } +#rev_slider_13_1_wrapper i { font-size: 20px !important; } +.process-list { padding-left: 30px; padding-right: 30px; } +.isotope, .masonry { margin: 0; } +.app-home { padding-bottom: 40px; } +.services-text-box-green { padding: 50px 15px !important; } +.services-text-box-blue, .services-text-box-black { padding: 50px 15px !important; } +.bottom-nav .owl-nav { bottom: 20px; } +.blog-box.blog-2 .button.icon-color { margin-top: 0px; float: right !important; } +.team.team-hover.team-border .team-photo img { width: 100%; } +.owl-carousel .owl-dots { bottom: -15px; } +.special-feature .row-eq-height { display: block; } +.course img { width: 100%; } +.footer .footer-social ul.text-right { text-align: left; } +.cafe-counter.mt-60 { margin-top: 0px !important; } +.blog .timeline li.entry-date { top: -20px; } +.blog.timeline-sidebar .timeline li.entry-date { top: -20px; } +.footer .footer-widget .footer-widget-social.text-right { text-align: left; } +.footer.footer-one-page .footer-widget { text-align: center; } +.footer.footer-one-page .footer-widget .footer-widget-social.text-right { text-align: center; } + +/************************************* + v1.0.2 +**************************************/ +.footer .container-fluid { padding: 0 15px; } +.text-left.mt-100 { margin-top: 40px !important; } + +/************************************* + v1.0.3 +**************************************/ +.slider-parallax.typer-banner.business h1 { line-height: 30px; font-size: 40px; } +.play-video-section .content { padding: 0; } +.slider-parallax.banner-personal .slider-content span { font-size: 70px; line-height: 70px; } +.slider-parallax.banner-personal .slider-content h1 { font-size: 60px; line-height: 60px; margin-top: -20px; } +.slider-parallax.banner-personal .slider-content h1 strong { font-size: 72px; line-height: 60px; } + +/************************************* + v1.0.4 +**************************************/ +.countdown p { font-size: 13px; } +.christmas-about .feature-text { margin-bottom: 50px; } +.christmas-form-content h2 { font-size: 40px; line-height: 40px; } +.happy-clients .mb-40 { margin-bottom: 0 !important; } +.christmas-form-content.mt-100 { margin-top: 60px !important; } +.christmas-team .team .team-photo img { width: 100%; } +.timer-banner .slider-content h1 { font-size: 30px; line-height: 30px; } + +/************************************* + v1.0.6 +**************************************/ +.movie-banner .slider-content-middle { padding: 0; } + +/************************************* + v1.0.7 +**************************************/ +.law-banner .slider-content h1 { line-height: 30px; font-size: 30px; } + +/************************************* + v1.0.8 +**************************************/ +.banner-agency-02 h1 { font-size: 30px; line-height: 30px; } +.agency-02-contact .footer-contact { margin-top: -50px; } +.agency-02-contact-title .mb-50 { margin-bottom: 0 !important; } +.agency-02-contact .footer-contact { margin-bottom: 30px; } +.portfolio-parallax-banner h2 { font-size: 50px; line-height: 50px; } + +/************************************* + v1.0.9 +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 40px; line-height: 40px; } +.coming-soon-big .countdown.medium p { font-size: 16px; line-height: 16px; } +.error-05 h1 { font-size: 80px; line-height: 80px; } +.list-unstyled.pl-60 { padding-left: 0 !important;} +.page-title.light-overlay { padding-top: 200px; } +.divider.pt-70, .divider.pt-50 { padding-top: 30px !important; } +.page-title.light-overlay { padding-top: 200px; } +.faq-box { margin-top: 30px; } + .faq-page-title .mt-50 { margin-top: 10px !important; } + +} + +@media(max-width:600px) { +h3 { font-size: 22px; } +.search-box { width: 240px; } +.section-title p { + font-size: 14px; +} +/*cart*/ +.shpping-cart .cart { width: 290px; } +.shpping-cart .cart-total a { margin-bottom: 10px; } +.portfolio-home .isotope.columns-3 .grid-item { width: 100%; } +.portfolio-title { padding: 40px 30px; } +.main-counter .counter-info span.counter { font-size: 40px; } +/*action-box*/ +.action-box { text-align: center; } +.action-box .action-box-button { text-align: center; } + /*skills*/ +.skills-2.col-2 li { width: 100%; margin-bottom: 0; margin-right: 0; float: none; } +.skills-2.col-2.mr-60 { margin-right: 0 !important; } +/*error*/ +.error-block { padding: 30px 0px; } +.error-block h1 { font-size: 70px; } +.error-404-2 .error-block h1 { font-size: 200px; line-height: 200px; } +.error-404-2 .error-block p { font-size: 16px; } +/*maintenance*/ +.maintenance-main h1.mb-50 { font-size: 28px; } +.maintenance-2 .maintenance-main h1 { font-size: 32px; } + /*portfolio*/ +.isotope.columns-3 .grid-item { width: 100%; } +.isotope.columns-4 .grid-item { width: 100%; } +/*============== New ==============*/ +/*about-1 page*/ +.clients-logo.line img{height:65px;} +/*contact us*/ +.contact-form .section-field { width: 100%; } +.touch-in .contact-box { margin: 20px 0; } +/*our-history .timeline*/ +.our-history .timeline > li.timeline-inverted > .timeline-panel::before, +.our-history .timeline > li > .timeline-panel::before { left: 40px;} +.our-history .timeline > li > .timeline-panel { padding: 40px 20px 20px 75px; text-align: left; width: 100%;} +.our-history .timeline > li > .timeline-badge { left: 41px;} +.our-history .timeline > li > .timeline-badge p { margin-left: 40px;} +.our-history .timeline > li.timeline-inverted .timeline-badge p { float: left; margin-right: 0; text-align: left;} +.feature-text .feature-icon {font-size: 38px;} +.skill-bar {margin: 60px 0 20px;} +.feature-text.box {padding: 30px;} +.happy-clients .nav-tabs li img {height: 70px; width: 70px;} +.testimonial-info p {font-size: 15px; margin: 25px 0 0; padding: 0 0 20px;} +.testimonial-2 .testimonial-info p::before {font-size: 100px;} +/*blog pages*/ +.social.pull-right { float: none; margin-top: 10px; display: block; width: 100%; } +.port-post-social.pull-right { float: none !important; } +.port-post-photo { display: block; float: none; } +.port-post-info { padding-left: 0; margin-top: 20px; display: block; } +.comments-1.comments-2 { padding-left: 40px; } +.comments-1 .comments-photo { float: none; } +.comments-1.comments-2 .comments-info { padding: 20px 0px 10px; } + +/*team single*/ +.our-team .team-details .social { float: none !important; width: 100%; margin-bottom: 20px; } +/*shortcode*/ +.countdown.small span { font-size: 30px; } +.countdown span { font-size: 30px; } +.countdown.medium span { font-size: 30px; } +.countdown.medium p { font-size: 14px; } +.countdown.medium { margin: 0 10px; } +.countdown.large span { font-size: 30px; } +.countdown.large p { font-size: 14px; } +.countdown.large { margin: 0 6px; } +.countdown.gray-bg { margin: 0 1px; padding: 8px; } +.countdown.border { padding: 8px; margin: 0 0px; } +.countdown.round { margin-bottom: 10px; } +.countdown.round.small { padding: 16px; } +/*testimonial*/ +.testimonial.bottom_pos .author-info { margin-left: 0; margin-bottom: 30px; } +/*shortcode*/ +.pagination>li { display: inline-block; margin-bottom: 3px; } +/*shortcode*/ +.owl-carousel .owl-dots { bottom: 20px; } +.resume-contact .footer-widget-social a i { margin-bottom: 4px; } +/*popup-video-banner*/ +.popup-video-banner h1 { font-size: 36px; line-height: 40px; } +.kety-perry-list { padding-right: 20px; } +.kety-play-icon { float: none; } +.kety-name { padding-left: 0; } +.kety-play-icon { margin-top: 0; } +/*gym*/ +.team.team-list .team-photo { float: none; width: 100%; margin-bottom: 30px; } +.team.team-list .team-description { padding-left: 0; padding-bottom: 0; } +.tab .nav.nav-tabs li { margin-bottom: 5px; } +/*testimonial*/ +.testimonial.clean { padding: 0 10px 25px 40px; } +.typer-banner h1 { font-size: 50px; line-height: 100px; } +.portfolio-banner .slider-content { width: 100%; } +.personal-typer-banner h1 { font-size: 50px; line-height: 50px; } +.personal-typer-banner h1 span { font-size: 25px; } +.services-text-box-green { padding: 60px 15px !important; } +.services-text-box-black { padding: 60px 15px !important; } + .team.team-list .team-photo img { width: 100%; } + .isotope.columns-3 .grid-item { padding: 0 0px 15px 0; } + .bottom-nav .owl-nav .owl-next { right: 42%; } + .bottom-nav .owl-nav .owl-prev { left: 42%; } + .testimonial.light { padding: 85px 20px 45px 50px; } +.our-history .timeline:before { left: 40px; } +.our-team .team-details .title.pull-left { float: none !important; display: block; } +.our-team .team-details .social-icons.border.pull-right { float: none !important; display: inline-block; margin-bottom: 10px; } +.row.mt-80 { margin-top: 30px !important; } +.happy-clients .tab .nav.nav-tabs { margin-bottom: 0; } +.our-service-home .row.mb-60 { margin-bottom: 10px !important; } +.contact-3 #map { padding-top: 40%; } +.accordion.animated .acd-group.acd-active .acd-heading { font-size: 22px; } +.our-history .timeline .timeline-arrow { left: 34px; text-align: left; } +.our-history { overflow: hidden; } +.progress-new { margin-bottom: 0; } +.comments-1 .comments-photo { margin-bottom: 20px; } +.comments-1.comments-2 .comments-photo { margin-bottom: 0px; } +.isotope.columns-4 .grid-item { padding-right: 0; } +/*.rev-slider #rev_slider_20_1_forcefullwidth .rev-btn { padding: 6px 10px !important; line-height: 0 !important; font-size: 8px !important; }*/ +.shop-single .tab .nav.nav-tabs li a { padding: 12px 20px; } +.shop-single .tab .nav.nav-tabs li { margin-bottom: 0; } + + +/************************************* + v1.0.2 +**************************************/ +.st-menu.big-side { width: 270px; } +.st-menu.big-side .pos-bot { position: relative; } +.st-menu.big-side .slide-footer-content { padding: 0 10px 0px 0; } +.st-menu.big-side .social-icons.width-half ul li { width: inherit; display: block; float: none; } +.st-menu.big-side .copy-right .mb-70 { margin-bottom: 0 !important; } +.st-menu.big-side ul.menu { padding-top: 0; } + +/************************************* + v1.0.3 +**************************************/ +.blockquote-section blockquote { font-size: 30px; line-height: 34px; } +.custom-content-03 h2 { font-size: 30px; line-height: 34px; } + .mt-100.mb-100 { margin: 0px 0 !important; } + .slider-parallax.banner-personal .slider-content { width: 100%; } + + +/************************************* + v1.0.4 +**************************************/ +.christmas-clients .mt-80 { margin-top: 0 !important; } +.countdown.round { display: block; margin: 0 auto; } +.timer-banner .slider-content h1 { font-size: 21px; line-height: 28px; margin-bottom: 10px; } +.conference-video h3 { line-height: 30px; } + +/************************************* + v1.0.5 +**************************************/ +.architecture-about h2 { font-size: 24px; line-height: 30px; } + +/************************************* + v1.0.6 +**************************************/ +.agency-banner .slider-content .agency-banner-right { display: block; } +.agency-banner .slider-content .agency-banner-left { display: block; } +.agency-banner .slider-content span { padding-top: 0; font-size: 30px; line-height: 20px; } +.agency-banner .slider-content h1 { font-size: 30px; padding: 0; border:none; line-height: 20px; } +.slider-parallax.agency-banner { height: 80vh; } +.movie-banner .countdown.round.small { display: inline-block; } + +/************************************* + v1.0.7 +**************************************/ +.law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-year { left: -45px; } +.testimonial.left_pos { padding: 20px 10px 20px 50px; } +.testimonial.left_pos .testimonial-avatar { position: inherit; left: inherit; top: inherit; margin-top: 0 ; margin-bottom: 60px; margin-left: 0px; } + + +/************************************* + v1.0.8 +**************************************/ +.agency-02-contact .pl-50.pr-50 { padding: 15px !important; } +.agency-02-history-who { padding: 30px; } +.banner-agency-02 h1 { font-size: 24px; } +.portfolio-parallax-banner h2 { font-size: 40px; line-height: 40px; } + +/************************************* + v1.0.9 +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 30px; line-height: 30px; } +.coming-soon-big .countdown.medium p { font-size: 16px; line-height: 16px; } +.error-05 h1 { font-size: 60px; line-height: 60px; } +.error-05 h3, .error-05 span { font-size: 40px; } +.error-03 .content h2 { font-size: 32px; line-height: 32px; } +.error-03 .content h1 { font-size: 40px; line-height: 40px; } +.error-03 .error-404 h1 { font-size: 70px; line-height: 70px; } +.error-03 .error-404 h2 { font-size: 50px; line-height: 50px; } +.error-04 h1 { font-size: 160px; line-height: 160px; } +.coming-soon-effects .coming-soon h1 { font-size: 30px; line-height: 30px; } +.coming-soon h1, .coming-soon-effects .coming-soon h1 { font-size: 30px; line-height: 30px; } + +/************************************* + v1.2 +**************************************/ +.login-fancy h2 { font-size: 40px; line-height: 40px; } +.login-box h2 { font-size: 30px; line-height: 30px; } +.login-box-02 { padding: 20px; } +.login-signup .tab .nav.nav-tabs li { margin-bottom: 0; } +.login-signup .login-box-02 { padding: 30px; } +.about-mission .popup-content { padding-right: 20px; width: 100%; } +.about-mission .popup-content br { display: none; } +#rev_slider_14_1 .rev-btn {padding: 15px 20px !important; font-size: 14px !important; position: relative; bottom: 0px!important;} +} + +@media(max-width:479px) { + +/************************* + Margin top +*************************/ +.xx-mt-0 { margin-top: 0 !important; } +.xx-mt-10 { margin-top: 10px !important; } +.xx-mt-15 { margin-top: 15px !important; } +.xx-mt-20 { margin-top: 20px !important; } +.xx-mt-30 { margin-top: 30px !important; } +.xx-mt-40 { margin-top: 40px !important; } +/************************* + Margin right +*************************/ +.xx-mr-0 { margin-right: 0!important } +.xx-mr-10 { margin-right: 10px !important; } +.xx-mr-15 { margin-right: 15px !important; } +.xx-mr-20 { margin-right: 20px !important; } +.xx-mr-30 { margin-right: 30px !important; } +.xx-mr-40 { margin-right: 40px !important; } + /************************* + Margin bottom +*************************/ +.xx-mb-0 { margin-bottom: 0!important } +.xx-mb-10 { margin-bottom: 10px !important; } +.xx-mb-15 { margin-bottom: 15px !important; } +.xx-mb-20 { margin-bottom: 20px !important; } +.xx-mb-30 { margin-bottom: 30px !important; } +.xx-mb-40 { margin-bottom: 40px !important; } +/************************* + Margin left +*************************/ +.xx-ml-0 { margin-left: 0!important } +.xx-ml-10 { margin-left: 10px !important; } +.xx-ml-15 { margin-left: 15px !important; } +.xx-ml-20 { margin-left: 20px !important; } +.xx-ml-30 { margin-left: 30px !important; } +.xx-ml-40 { margin-left: 40px !important; } + /************************* + Padding top +*************************/ +.xx-pt-0 { padding-top: 0!important } +.xx-pt-10 { padding-top: 10px !important; } +.xx-pt-15 { padding-top: 15px !important; } +.xx-pt-20 { padding-top: 20px !important; } +.xx-pt-30 { padding-top: 30px !important; } +.xx-pt-40 { padding-top: 40px !important; } + /************************* + Padding right +*************************/ +.xx-pr-0 { padding-right: 0!important } +.xx-pr-10 { padding-right: 10px !important; } +.xx-pr-15 { padding-right: 15px !important; } +.xx-pr-20 { padding-right: 20px !important; } +.xx-pr-30 { padding-right: 30px !important; } +.xx-pr-40 { padding-right: 40px !important; } + /************************* + Padding bottom +*************************/ +.xx-pb-0 { padding-bottom: 0!important } +.xx-pb-10 { padding-bottom: 10px !important; } +.xx-pb-15 { padding-bottom: 15px !important; } +.xx-pb-20 { padding-bottom: 20px !important; } +.xx-pb-30 { padding-bottom: 30px !important; } +.xx-pb-40 { padding-bottom: 40px !important; } + /************************* + Padding left +*************************/ +.xx-pl-0 { padding-left: 0!important } +.xx-pl-10 { padding-left: 10px !important; } +.xx-pl-15 { padding-left: 15px !important; } +.xx-pl-20 { padding-left: 20px !important; } +.xx-pl-30 { padding-left: 30px !important; } +.xx-pl-40 { padding-left: 40px !important; } +.col-xx-12{width:100% !important;} +.col-xx-6{width:50% !important;} +h2 {font-size: 22px; line-height: 30px;} +.topbar .topbar-call.text-left li { margin-bottom: 5px; } +.clients-logo.line img { width: initial; } +.shpping-cart .cart { width: 240px; } +.cart-item .cart-name a { font-size: 12px; } +.cart-price del { font-size: 12px; } +.cart-price ins { font-size: 14px; } +.cart-item .cart-close { top: 17px; } +/*index*/ +.round .nav.nav-tabs li a { margin-right: 1px; padding: 8px 15px; } +/* header */ +.st-effect-3 .header.default.fullWidth .search-cart { right: 45px; top: 3px; } +.st-effect-3 .header.default.fullWidth .search-cart .search { padding-right: 6px; } + +/*action box*/ +.action-box-button .button.border-white { margin-top: 10px; } +.action-box-button .button.border.icon { margin-left: 0; margin-top: 15px; } +.action-box-button .button.border { margin-left: 0; margin-top: 15px; } +/*coming soon*/ +.coming-soon-main h1 { font-size: 34px; } +.coming-soon-countdown ul.countdown li span { font-size: 32px; } +.coming-soon-countdown ul.countdown li { width: 20%; } +.coming-soon-countdown ul.countdown li p { font-size: 13px; } +.coming-soon-countdown ul.countdown { margin: 20px 0; } +.coming-soon-main p { margin-bottom: 45px; font-size: 16px; } +.coming-soon-form { width: 100%; } +.coming-soon-form input { width: 90%; margin-bottom: 0; } +.coming-soon-form a.button-border span { padding: 11px 8px; } + /*error*/ +.error-block h1 { font-size: 50px; } +.error-block p { font-size: 18px; } +.error-block h1.mb-40 { margin-bottom: 10px !important; } +.error-search-box p { font-size: 16px; line-height: 32px; } +.error-search-box input { width: 60%; } +/*maintenance*/ +.maintenance-2 .maintenance-main h1 { font-size: 22px; margin-bottom: 10px; } +.maintenance-contant.mt-150 { margin-top: 30px !important; } +.maintenance-form.mt-100 { margin-top: 30px !important; } +.clients-logo.line{width:100%; border-left:none;} + .clients-logo.line img{height:auto;} +.clients-logo.line:nth-last-child(-n+3) { border-bottom: 1px solid #dddddd;} +.our-history .timeline > li > .timeline-panel::before { width: 22px; left: 25px; } +.our-history .timeline > li.timeline-inverted > .timeline-panel::before { left: 25px; } +.happy-clients .nav.nav-tabs li { display: inline-block; } +.nav.nav-tabs li { display: block; float: none; margin-bottom: 10px; text-align: center;} +.tab-2 .nav-tabs {float: none; width: 100%;} +.tab-2 .nav-tabs li{margin-bottom: 0;} +.tab-2 .tab-content {margin-left: 0; padding: 30px 20px;} +/*testimonial page*/ +.testimonial-3 .owl-carousel .owl-nav { bottom: -20px; } +.testimonial-3 .owl-carousel .owl-nav .owl-prev {left: 50%; margin-left: -45px;} +.testimonial-3 .owl-carousel .owl-nav .owl-next {right: 50%; margin-right: -45px;} +.testimonial-info p {padding: 0 10px 20px;} +.testimonial.boxed {padding: 30px 30px 75px;} + .feature-step-2-title-2-right {width: 100%;} +.feature-step-2-box {padding:20px 10px;} +.feature-step-2-box p{font-size: 13px;} +.service-blog b {font-size: 220px;} +/*blog*/ +.blog .timeline > li > .timeline-badge { font-size: 15px; height: 44px; line-height: 12px; width: 44px; } +.blog ul.timeline:before { left: 27px; } +.blog ul.timeline > li > .timeline-badge { left: 5px; } +.blog ul.timeline > li > .timeline-panel { width: 100%; } +.blog .timeline li.entry-date span { display: none;} +.blog ul.timeline::before { display: none; } +.blog ul.timeline > li > .timeline-badge { display: none; } +.blog ul.timeline > li > .timeline-panel::before { display: none; } +.blog ul.timeline > li > .timeline-panel::after { display: none; } +.blog .timeline li.timeline-inverted .timeline-panel::after { display: none; } +.blog .timeline li.timeline-inverted .timeline-panel::before { display: none; } +.blog.timeline-sidebar .timeline li { width: 100%; } +/*shop*/ +.offer-banner-1 h1 { font-size: 20px; } +.deal-banner .counter-deal ul li { padding: 7px 10px; margin-right: 2px; } +.deal-banner .caption h2 { font-size: 32px; } +.deal-banner.maintenance-progress-bar { margin: 0; } +.bottom-nav .owl-nav .owl-next { right: 36%; } +.bottom-nav .owl-nav .owl-prev { left: 36%; } +.action-box.pattern { padding: 70px 15px; } +.action-box { padding: 30px 15px; } +.appointment-bg { padding: 40px 15px; } +.appointment a.pull-left { display: block; } +/*mobile app*/ +.mobile-app-about a img { margin-bottom: 10px; } +.mobile-app-about h2 { font-size: 30px; line-height: 30px; } +.phone-holder { width: 260px; } +.highlights-phone.wht .phone-holder #fon { background:transparent; } +.highlights-phone.wht .hgi { top: 0; } +.highlights-phone { height: 550px; } +/*one page*/ +.typer-banner h1 { font-size: 30px; line-height: 30px; } +.popup-video-banner h1 { font-size: 30px; line-height: 40px; } +.video-background-banner h1 { font-size: 30px; line-height: 30px; } +.video-background-banner .slider-content { padding: 30px 15px; } +/*side panel*/ +.slide-footer .social ul li a { padding-right: 15px; } +.st-menu { width: 280px; } +.st-effect-2.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-3.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-4.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-5.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-6.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0) rotateY(-15deg); transform: translate3d(280px, 0, 0) rotateY(-15deg); } +.st-effect-7.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-8.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-9.st-menu-open .st-pusher { -webkit-transform: translate3d(0, 0, -280px); transform: translate3d(0, 0, -280px); } +.st-effect-10.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-10.st-menu { -webkit-transform: translate3d(0, 0, -280px); transform: translate3d(0, 0, -280px); } +.st-effect-13.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-14.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */ +.no-csstransforms3d .st-pusher, +.no-js .st-pusher { padding-left: 280px; } +.personal-typer-banner h1 { font-size: 30px; line-height: 30px; margin-bottom: 0px; } +.personal-typer-banner h1 span { font-size: 20px; left: -10px; top: 0; } +.image-content { width: 100%; margin-right: 0; } +.testimonial.bottom_pos { padding: 60px 20px 40px 46px; } + .owl-carousel .owl-dots { bottom: 12px; } +.kety-name a { font-size: 14px; } +.kety-link a { margin-bottom: 5px; } +.blog.blog-single .port-navigation .port-photo { width: 104px; } +.blog.blog-single .port-navigation .port-arrow { height: 62px; width: 30px; } +.blog.blog-single .port-navigation .port-arrow i { line-height: 62px; } +.single-portfolio-post .port-navigation .port-photo { width: 104px; } +.single-portfolio-post .port-navigation .port-arrow { height: 62px; width: 30px; } +.single-portfolio-post .port-navigation .port-arrow i { line-height: 62px; } +.happy-clients .nav-tabs li { padding: 0; } +.accordion.animated .acd-group.acd-active .acd-heading { font-size: 20px; } +.our-service .section-title { margin-bottom: 10px; } +.team.team-list h5 { font-size: 18px; } +.contact-2 #map { padding-top: 50%; } +.clients-box .clients-photo { margin-bottom: 20px; width: 100%; } +.countdown.round { display: block; margin: 0 auto 20px; } +.coming-soon-form.contact-form input { width: 100%; } +.add-banner-2 .add-banner-content h2 { font-size: 24px; } +.add-banner-2 .add-banner-content h3 { font-size: 20px; line-height: 20px; } +.add-banner-2 .add-banner-content .button.small { padding: 5px 18px; } + +/************************************* + v1.0.3 +**************************************/ + .slider-parallax.typer-banner.business h1 { font-size: 24px; line-height: 28px; } + .slider-parallax.typer-banner.business p { font-size: 18px; line-height: 28px; margin-top: 10px !important; } + .counter.big-counter .timer { font-size: 40px; line-height: 40px; } +.action-box.theme-bg { padding: 30px 0; } + .slider-parallax.banner-personal .slider-content span { font-size: 50px; line-height: 50px; } +.slider-parallax.banner-personal .slider-content h1 { font-size: 40px; line-height: 40px; margin-top: -20px; } +.slider-parallax.banner-personal .slider-content h1 strong { font-size: 48px; line-height: 50px; } + +/************************************* + v1.0.4 +**************************************/ +.christmas-form-content h2 { font-size: 24px; line-height: 24px } +.christmas-event .tab .nav.nav-tabs li a{ font-size: 14px; } +.christmas-event .blog-date span { font-size: 28px; display: inline-block; } +.portfolio-home .portfolio-title.section-title .button.mt-30 { margin-top: 20px !important; } +.countdown.small { margin: 10px 4px 0; } + +/************************************* + v1.0.4 +**************************************/ +.section-title-movie h2 { padding: 10px 30px; } +.movie-story b { font-size: 26px; } +.movie-banner .countdown.round.small { margin-bottom: 5px; } + +/************************************* + v1.0.7 +**************************************/ +.law-banner .slider-content h1 { font-size: 22px; line-height: 22px; } +.law-banner .slider-content p { font-size: 16px; } +.law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-year { left: 0; top: 25px; } + +/************************************* + v1.0.7 +**************************************/ +.portfolio-parallax-banner h2 { font-size: 30px; line-height: 30px; } + +/************************************* + v1.0.9 +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 24px; line-height: 24px; } +.coming-soon-big .countdown.medium p { font-size: 14px; line-height: 14px; } +.error-05 h1 { font-size: 50px; line-height: 50px; } +.error-03 .content h2 { font-size: 28px; line-height: 28px; } +.error-03 .content h1 { font-size: 32px; line-height: 32px; } +.error-03 .content p { font-size: 22px; } +.error-03 .error-404 h1 { font-size: 70px; line-height: 70px; } +.error-03 .error-404 h2 { font-size: 50px; line-height: 50px; } +.error-04 h1, .error-06 h1, .error-07 h1 { font-size: 100px; line-height: 100px; } +.error-04 h2 { font-size: 40px; line-height: 40px; } +.error-04 p { font-size: 18px; } +.error-06 h2 .error-07 h2, .error-09 h2 { font-size: 30px; line-height: 30px; } + +/************************************* + v1.2 +**************************************/ +.login.height-100vh { overflow: hidden; } +.login .remember-checkbox a { display: block; float: inherit !important; margin-top: 10px; } +.about-mission .popup-content { padding: 30px 30px 10px 30px; } +.about-mission .popup-content h2 { font-size: 14px; line-height: 20px; } +.about-mission .popup-video-image a i { width: 40px; height: 40px; top: 10px; line-height: 40px; } + .checkout-page .pl-50.pr-50.pt-50.pb-50 { padding: 20px !important; } + .checkout-page .pl-40 { padding: 0 !important; } +} + + + + +@media (max-width: 360px) { + +.col-xs-offset-1 {margin-left:8.33333333%;} + +} \ No newline at end of file diff --git a/apply/css/back/shop.css b/apply/css/back/shop.css new file mode 100644 index 0000000..a17a364 --- /dev/null +++ b/apply/css/back/shop.css @@ -0,0 +1,163 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains the styling for the Shop Pages. You can edit/add anything in this file! +*/ + + +/******************************** + shop +********************************/ +.product { text-align: center; position: relative; } +.product .product-title a { font-size: 16px; text-transform: uppercase; font-weight: 600; margin: 20px 0px 10px; display: block; } + +.product .product-title a:hover { color: #353535; } +.product .product-price del { background: transparent; color: #323232; font-size: 13px; } +.product .product-price ins { text-decoration: none; color: #F5A623; font-size: 16px; font-weight: bold; } +.product .product-rating { margin-bottom: 10px; } +.product .product-rating i { color: #353535; } +.product .product-image { position: relative; } +.product .product-image .product-overlay { opacity: 0; text-align: center; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; margin: 0 auto; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } +.product:hover .product-image .product-overlay { opacity: 1; } +.product .product-image .add-to-cart a { background: #F5A623; color: #ffffff; text-transform: uppercase; padding: 10px 20px; border-radius: 30px; } +.product .product-image .add-to-cart a:hover { background: #353535; } + +.top-rated .product.left .product-title a { font-size: 14px; font-weight: 500; } +.shop-split-content .product-price del { background: transparent; color: #323232; } + +/*shop-single*/ +.shop-single .title { padding-top: 40px; } +.shop-single .product-detail .product-detail-price { display: inline-block; } +.shop-single .product-detail .product-detail-price ins { text-decoration: none; color: #F5A623; font-size: 16px; font-weight: bold; } +.shop-single .product-detail .product-detail-rating i { color: #353535; } +.shop-single .product-detail .product-detail-rating { display: inline-block; } +.shop-single .product-detail .product-detail-quantity input { box-shadow: none; border:1px solid #e0e0e0; padding: 10px 18px 10px 24px; border-radius: 30px; box-shadow: none; } +.shop-single .product-detail .input-group-btn button { background: transparent; border-color: #e0e0e0; } +.shop-single .product-detail .input-group-btn button:hover { color: #F5A623; } +.shop-single .product-detail .input-group { width: 90px; float: left; margin-right: 20px; } +.shop-single .product-detail .product-detail.add-to-cart .button { display: inline-block; font-size: 12px; } +.shop-single .product-detail .input-group-btn:first-child>.btn { border-top-left-radius: 30px; border-bottom-left-radius: 30px; } +.shop-single .product-detail .input-group-btn:last-child>.btn { border-top-right-radius: 30px; border-bottom-right-radius: 30px; } +.shop-single .product-detail .product-detail-price del { background: transparent; color: #333; font-size: 14px; } + +.shop-single .product-detail .product-detail-social { border-top: 1px solid #e0e0e0; padding-top: 20px; margin-top: 20px; } +.shop-single .product-detail .product-detail-social span { display: inline-block; padding-right: 20px; float: left; } +.shop-single .product-detail .product-detail-social ul li { display: inline-block; } +.shop-single .product-detail .product-detail-social ul li a { display: block; color: #aaaaaa; font-size: 14px; padding-right: 5px; } +.shop-single .product-detail .product-detail-social ul li a:hover { color: #F5A623; } + +.shop-single .product-detail .product-detail-meta { border-top: 1px solid #e0e0e0; padding-top: 20px; } +.shop-single .product-detail .product-detail-meta span { display: block; margin: 10px 0; } +.shop-single .product-detail .product-detail-meta span a { padding-left: 5px; } + +.slider-slick { overflow: hidden; } + +/*sidebar-widgets-wrap*/ +.sidebar-widgets-wrap .recent-item { margin-bottom: 20px; } +.sidebar-widgets-wrap .recent-item .recent-image { display: table-cell; padding-right: 10px; width: 50px; float: left; } +.sidebar-widgets-wrap .recent-item .recent-info { display: table-cell; vertical-align: top; } +.sidebar-widgets-wrap .recent-item .recent-title a { color: #353535; font-weight: bold; } +.sidebar-widgets-wrap .recent-item .recent-title a:hover { color: #F5A623;} +.sidebar-widgets-wrap .recent-item .recent-meta li { display: inline-block; color: #353535; } + +/*product left*/ +.product.left .product-image { float: left; padding-right: 20px; width: 26%; } +.product.left .product-image a {display: block; width: 100%; height: 100%; } +.product.left .product-description { padding-top: 0; display: table-cell; padding-bottom: 0; vertical-align: top; text-align: left; width: 74%; } +.product.left .product-title a { margin-top: 0; } + + +/*deal-banner*/ +.deal-banner{background:#f4f4f2;} +.deal-banner img { width:100%; } +.deal-banner .caption{text-align:center;margin-top:25%;} +.deal-banner .caption span.off{color:#F5A623;font-size:24px;font-weight:600;text-transform:uppercase;} +.deal-banner .caption h2{font-size:42px;line-height:42px;color:#494949;font-weight:600;text-transform:uppercase;margin-top:12px;margin-bottom:22px;} +.deal-banner .caption a.viewbt{color:#fff;background:#F5A623;padding:10px 22px;text-align:center;display:inline-block;margin-top:26px; border-radius: 30px;} +.deal-banner .caption a.viewbt:hover{background:#494949;} +.deal-banner .counter-deal ul li{background:#fff;display:inline-block;padding:7px 12px;margin-right:17px;} +.deal-banner .counter-deal ul li span.big{font-size:22px;font-weight:700;margin-left:12%;margin-right:12%;} +.deal-banner .counter-deal ul li span.smalltxt{padding-top:0;} + +/************************************* + offer banner +*************************************/ + .line-effect { position:relative; background: transparent; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } + .overlay { position:absolute; width:100%; height:100%; left:0; top:0; } + .overlay { background:none; width:100%; height:100%; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} + .overlay:before{ border-bottom: 1px solid #fff; border-top: 1px solid #fff; -o-transform: scale(0, 1); -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); transform: scale(0, 1); } + .overlay:after { border-left: 1px solid #fff; border-right: 1px solid #fff; -o-transform: scale(1, 0); -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); transform: scale(1, 0); } + .overlay:before, .overlay:after { bottom: 15px; content: ""; left: 15px; opacity: 0; position: absolute; right: 15px; top: 15px; -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; z-index: 1; } + +.offer-banner-1 { position: relative; } +.offer-banner-1 .banner-content { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; z-index: 2; } +.offer-banner-1 .banner-content strong { display: block; color: #fff; margin: 20px 0px; } +.offer-banner-1 .banner-image.bg-overlay-black-50:before { z-index: 1; } +.offer-banner-1:hover .line-effect .overlay:before, .offer-banner-1:hover .line-effect .overlay:after { opacity:1; -o-transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -o-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;-webkit-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; -moz-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;} +.offer-banner-1 .banner-image img { width: 100%; } +.offer-banner-2 { height: 458px; display: block; width: 100%; } +.offer-banner-2 .banner-bg {display: table; height: 100%; position: relative; width: 100%; } +.offer-banner-2 .line-effect { display: table-cell; vertical-align: middle; position: relative; } +.offer-banner-2 .banner-content { position: relative; z-index: 99; } +.offer-banner-2 .banner-content h1 { position: relative; padding-bottom: 10px; } +.offer-banner-2 .banner-content h1:before { position: absolute; content: ""; background: #F5A623; width: 60px; bottom: 0px; margin-left: -30px; height: 1px; left: 50%; } +.offer-banner-2 .banner-content strong { display: block; color: #000; margin: 20px 40px; } +.offer-banner-2 .banner-content span { display: block; color: #000; margin: 20px 0px; } + .offer-banner-2 .overlay:before{ border-bottom: 1px solid #000; border-top: 1px solid #000; -o-transform: scale(0, 1); -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); transform: scale(0, 1); } + .offer-banner-2 .overlay:after { border-left: 1px solid #000; border-right: 1px solid #000; -o-transform: scale(1, 0); -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); transform: scale(1, 0); } +.offer-banner-2:hover .line-effect .overlay:before, .offer-banner-2:hover .line-effect .overlay:after { opacity:1; -o-transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -o-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;-webkit-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; -moz-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;} + +/************************************* + add banner +*************************************/ +.add-banner-1 { position: relative; } +.add-banner-1 .add-banner-content { padding: 30px; display: inline-block; left: 0; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; z-index: 99; } +.add-banner-1 .add-section-image.bg-overlay-black-50:before { z-index: 0; } +.add-banner-1 .add-banner-content p { font-size: 14px; color: #fff; line-height: 26px; margin-bottom: 15px; } +.add-banner-1 .add-banner-content h5 { position: relative; padding-bottom:20px; } +.add-banner-1 .add-banner-content h5.border:before { position: absolute; content: ""; width: 60px; height: 1px; background: #F5A623; left: 50%; margin-left: -30px; bottom: 0px; } +.add-banner-1 .add-banner-content span { display: block; font-size: 14px; color: #fff; padding: 15px 0px; } +.add-banner-1 .add-banner-content a { font-size: 14px; color: #fff; text-transform: uppercase; } +.add-banner-1 .add-banner-content a:hover { color: #F5A623; } +.add-banner-1 .add-banner-content a.button-white-border { padding: 10px 40px; } +.add-banner-1:hover .line-effect .overlay:before, .add-banner-1:hover .line-effect .overlay:after { opacity:1; -o-transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -o-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;-webkit-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; -moz-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; } + +/************************************* + add banner 2 +*************************************/ +.add-banner-2 .add-banner-content { padding: 100px 50px; } +.add-banner-2 .add-banner-content h2 { font-size: 48px; line-height: 48px; font-weight: 400; text-transform: uppercase; margin-bottom: 15px; } +.add-banner-2 .add-banner-content h3 { font-size: 38px; line-height: 38px; font-weight: 400; text-transform: uppercase; margin-bottom: 15px; } + + /************************************* + home 02 +*************************************/ + .shop-split-content { padding: 130px 0; } + .shop-split-content ins { font-size: 30px; font-weight: 600; text-decoration: none; color: #F5A623; } + + /************************************* + home 03 +*************************************/ + .shop-blog .blog-box { padding: 220px 30px 40px; } + .shop-blog .blog-box:hover .blog-box-img:before, .shop-blog .blog-box.active .blog-box-img:before { background:linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-webkit-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-o-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-ms-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-moz-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); } + + /************************************* + wishlist page +**************************************/ +.wishlist-page .table tbody { border:0px; border-bottom: 1px solid #f0ede7; } +.wishlist-page .table > tfoot > tr > td { border-top: none; border-bottom: solid 1px #f0ede7; } +.wishlist-page .table > thead > tr > th, +.wishlist-page .table > tbody > tr > th, +.wishlist-page .table > tfoot > tr > th, +.wishlist-page .table > thead > tr > td, +.wishlist-page .table > tbody > tr > td, +.wishlist-page .table > tfoot > tr > td { padding: 20px 20px; vertical-align: middle; text-align: center; } +.wishlist-page .table .image img { width: 50px; } +.wishlist-page .table td.price.price-2 { color: #F5A623; } +.wishlist-page .table td.total a { border: 1px solid #f0ede7; font-size: 14px; padding: 3px 6px; } +.wishlist-page .table td.total a:hover { border: 1px solid #F5A623; background: #F5A623; color: #ffffff; } +.wishlist-page .table .td-quentety input { border: 1px solid #ccc; margin: 15px 0 5px 0; padding: 0px 0px 0 20px; width: 70px; height: 35px; background: transparent; } +.wishlist-page .table .td-quentety input:focus { box-shadow: none; } +.wishlist-page .price:hover { box-shadow: none; } \ No newline at end of file diff --git a/apply/css/back/style.css b/apply/css/back/style.css new file mode 100644 index 0000000..434f9c1 --- /dev/null +++ b/apply/css/back/style.css @@ -0,0 +1,1735 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Version: 1.0 +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. + +*/ + + +/*================================================ +[ Table of contents ] +================================================ + :: Header + - topbar + - search + - Cart + - FullWidth + - Light + - Dark + - Left-menu + - Logo-center + - Fancy + - fancy without-topbar + - Side menu icon + - Vertical header + - One page Header + :: Slider (all home page main sliders ) + :: - Slider-parallax one page + :: - Mobile slider + :: Background + :: Home page section + :: Decolines + :: Awesome features + :: Feature Step + :: About Us + :: Resume + :: Portfolio + :: - Portfolio item + :: - Portfolio-item-2 + :: - Portfolio single page + :: Our Blog + :: Our services + :: Creativity + :: Our History + :: Our Service Objects + :: Sidebar + :: About me + :: Team page + :: Error 404 + :: Coming soon + :: Register + :: Login + :: maintenance + :: Our clients + :: Process + :: Careers + :: Sitemap + :: Privacy-policy + :: Page sidebar + :: Terms and conditions + :: Footer + :: Boxed + + v1.2 + :: index portfolio 4 + :: index portfolio 04 about + :: index portfolio single + +====================================== +[ End table content ] +======================================*/ + +/************************* + Header +*************************/ +.default { background: transparent; z-index: 9999; position: absolute; width: 100%; } +/*topbar*/ +.topbar { /*padding: 10px 0;*/ font-size:12px; color:#4a4a4a; } +.topbar ul li { display: inline-block; color: #fff; font-size: 12px; font-weight: normal;} +.topbar ul li:last-child { margin-right: 0px; } +.topbar ul li a { color: #4a4a4a; font-size: 12px; font-weight: normal; font-style: normal; } +.topbar-left { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; letter-spacing: -0.1em;} +.topbar-right { position: relative; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; } +.topbar ul li a:hover { font-weight:600; } +#topbar-nav {list-style:none;} +#topbar-nav li{display:inline-block; position:relative; line-height: 38px; } +#topbar-nav li:first-child > a {border: 0;} +#topbar-nav li > a {border-left: 1px solid #ccc; padding:0px 15px;} + +/*menu*/ +.menu-bar { float: right; } +.mega-menu .menu-links { float: left; } +.search-cart { display: inline-block; } +.search-cart i.icon { color: #ffffff; line-height: 20px; font-size: 14px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } +.search-cart i.icon:hover { color: #F5A623; } +.search-cart .search { display: inline-block; padding-right: 15px; padding-left: 10px; } +.search-cart .shpping-cart { display: inline-block; } +.shpping-cart a { position: relative; } +.shpping-cart strong.item { display: block; position: absolute; top: -7px; left: auto; right: -8px; font-size: 10px; color: #ffffff; width: 16px; height: 16px;line-height: 16px; text-align: center; background-color: #F5A623; border-radius: 50%; } + + /*search*/ + .search .search-btn { display: block; height: 20px; line-height: 21px; position: relative; text-indent: -9999px; width: 14px; color: #ffffff; -o-transition: color 300ms ease 0s; -moz-transition: color 300ms ease 0s; -ms-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s; transition: color 300ms ease 0s; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } + .search .search-btn:before { content: ""; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; left: 0; position: absolute; text-indent: 0; top: 0; } + .search .search-btn:hover { color: #F5A623; } + .search.search-open .search-btn:before { content: ""; } + .search-box { background: #fff; display: block; margin: 0; opacity: 0 !important; padding: 15px; position: absolute; right: 0; top: 100%; transition: visibility 300ms ease 0s, opacity 300ms ease 0s; visibility: hidden; width: 327px; z-index: 888; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; transform-origin: 0 0; transition: all 400ms ease; } + .search.search-open .search-box { opacity: 1 !important;visibility: visible !important; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); box-shadow: 0 0 50px rgba(0,0,0,.1); } + .search .search-box input { background: transparent; border:1px solid #eceff8; padding-left: 15px; border-radius: 3px; } + .search .search-box input:focus { background: transparent; border:1px solid #eceff8; } + .search .search-box i { cursor: pointer; font-size: 15px; position: absolute; right: 27px; top: 31px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } + .search .search-box i:hover { color: #F5A623; } + +/*cart*/ +.cart { opacity: 0; visibility: hidden; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,.1); position: absolute; right: 0; margin-top: 0px; right: 0; width: 300px; border: 1px solid #eceff8; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; + transform-origin: 0 0; transition: all 400ms ease;} +.cart.cart-open {-webkit-transform: rotateX(0deg); transform: rotateX(0deg);opacity: 1; visibility: visible; } +.cart:before { bottom: 100%; right: 8px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(194, 225, 245, 0); + border-bottom-color: #fff; border-width: 6px; margin-left: -8px; } +.cart-title { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; } +.cart-item { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; position: relative; } +.cart-item .cart-image { display: table-cell; padding-right: 15px; } +.cart-item .cart-image img { height: 40px; } +.cart-item .cart-name { display: table-cell; vertical-align: top; } +.cart-item .cart-name a { display: block; color: #323232; } +.cart-item .cart-name a:hover { color: #F5A623; } +.cart-item .cart-name span { color: #323232; display: inline-block; } +.cart-item .cart-name strong { padding-left: 30px; } +.cart-price del { font-size: 14px; background: transparent; color: #323232; padding-left: 0; } +.cart-price ins { text-decoration: none; color: #F5A623; font-size: 16px;font-weight: bold; } +.cart-total { padding: 20px; text-align: center; background: #f7f7f7; } +.cart-total h6 { text-align: center; } +.cart-total a { display: inline-block; margin-top: 20px; padding: 6px 18px; margin: 0; } +.cart-total a.button { display: inline-block; } +.cart-total .button + .button { margin: 0; } +.cart-item .cart-close { position: absolute; right: 20px; top: 20px; } +.cart-item .cart-close a { font-size: 14px; } +.cart-item .cart-close a:hover { color: #323232; } + +/*mega-menu */ +.mega-menu .menu-logo { padding: 25px 0 25px; } +.mega-menu .menu-logo img { height: 40px; } +.mega-menu .drop-down-multilevel.right-menu { right: 0px; } +.mega-menu > section.menu-list-items { padding: 0; } +.mega-menu .menu-links > li > a { text-transform: uppercase; font-size: 16px; font-weight: 600; line-height: 20px; } +.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; } +.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down a { color: #323232; } +.mega-menu .menu-links > li.active .drop-down li.active a { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down a:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down li.active a i { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down a i:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #F5A623; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.mega-menu .row { margin-left: 0px; margin-right: 0px; } +.mega-menu .col-md-12 { padding-left: 0px; padding-right: 0px; } +.mega-menu.desktopTopFixed .menu-logo { padding: 0px; } +.mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } +.mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } + +/*fullWidth*/ +.header.fullWidth .container-fluid { padding: 0 60px; } + +/*light*/ +.header.light { background: #ffffff; position: relative; border-bottom: 3px solid #006EBD;} +.header.light .topbar ul li { color: #333; } +.header.light .topbar ul li a { color: #333; } +.header.light .mega-menu .menu-links > li > a { color: #333; } +.header.light .mega-menu .menu-links > li > a:hover { color: #F5A623; font-weight: bold;} +.header.light .mega-menu .menu-links > li.active > a { color: #F5A623; font-weight: bold;} +.header.light .topbar {/*background-color:#e8e8e8;*/ border-bottom: 1px solid #d1d1d1;} +.header.light .search-cart i.icon { color: #323232; } +.header.light .search-cart i.icon:hover { color: #F5A623; } +.header.light .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; border-bottom: 3px solid #006EBD;} +.header.light .search .search-btn { color: #323232; } +.header.light .search .search-btn:hover { color: #F5A623; } + +/*dark*/ +.header.dark { background: #323232; position: relative; } +.header.transparent { background: rgba(0, 0, 0, 0.4); position: absolute; width: 100%; z-index: 999; } + +/*left-menu*/ +.header.left-menu .menu-bar { float: none; } +.header.left-menu .menu-links { padding-left: 30px; } +.header.left-menu .search-cart { float: right; } + +/*logo-center*/ +.header.logo-center .mega-menu { min-height: 170px; } +.header.logo-center .menu-logo { float: none; display: block; text-align: center; } +.header.logo-center .mega-menu .menu-logo > li > a { float: none; } +.header.logo-center .mega-menu .menu-logo > li { float: none; } +.header.logo-center .mega-menu img { float: none; margin: 0 auto; } +.header.logo-center .menu-bar { float: none; } +.header.logo-center .search-cart { float: right; } +.header.logo-center .mega-menu.desktopTopFixed .menu-logo { float: left; display: inline-block; } +.header.logo-center .mega-menu.desktopTopFixed .menu-logo > li > a { float: left; } +.header.logo-center .mega-menu.desktopTopFixed img { float: left; margin: 0 auto; } +.header.logo-center .mega-menu.desktopTopFixed .menu-bar { float: right; border-top: 0px solid rgba(0, 0, 0, 0.1); } +.header.logo-center .mega-menu.desktopTopFixed .search-cart { float: right; } + +/*fancy */ + +.header.fancy { background: transparent; position: relative; border-bottom: 0; } +.header.fancy .topbar { background: #F5A623; padding: 15px 0px 70px; } +.header.fancy .topbar .topbar-right li a:hover { color: #323232; } +.header.fancy .search-cart i.icon { color: #323232; line-height: 20px; } +.header.fancy .topbar-call ul li i { color: #ffffff; } +.header.fancy .mega-menu .menu-logo { padding: 26px 0px; } +.header.fancy .menu { position: absolute; width: 100%; top: 30px; } +.header.fancy .topbar + .menu { top: 60px; } +.header.fancy .mega-menu > section.menu-list-items { background: #ffffff; padding: 0px 25px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } +.header.fancy .mega-menu.desktopTopFixed > section.menu-list-items { border-bottom: 1px solid #f6f6f6; } +.header.fancy .topbar ul li a:hover { color: #323232;} + +.header.fancy .mega-menu .menu-links > li > a { color: #323232; line-height: 20px; } +.header.fancy .mega-menu .menu-links > li > a:hover { color: #F5A623; } +.header.fancy .mega-menu .menu-links > li.active > a { color: #F5A623; } +.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #ffffff; } +.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #323232; } +.header.fancy .mega-menu.desktopTopFixed .menu-logo { padding: 0; } +.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 20px; } +.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } +.header.fancy .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } +.header.fancy .search-cart i.icon:hover { color: #F5A623; } +.header.fancy .search .search-btn { color: #323232; } +.header.fancy .search .search-btn:hover { color: #F5A623; } +.header.fancy .mega-menu.desktopTopFixed .drop-down.grid-col-5 { width: 21.66666666666667%; } +.header.fancy .search-box { margin-top: -6px; } + +/*fancy without-topbar*/ +.header.fancy.without-topbar .menu { top: 30px; } +.header.burger .menu-icon { font-size: 30px; color: #323232; } +.header.burger .menu-icon:hover { color: #F5A623; } +.header.burger { position: absolute; z-index: 999; width: 100%; padding: 30px 30px; } +.header.burger .logo { display: inline-block; } +.header.burger .logo img { height: 50px; } + +/*side-menu-icon*/ +.side-menu-icon { display: inline-block; } +.side-menu-icon .menu-icon { font-size: 16px; color: #ffffff; padding-left: 15px; } +.side-menu-icon .menu-icon:hover { color: #F5A623; } + +/************************* + header text-dark +*************************/ +.header.text-dark .topbar ul li { color: #323232; } +.header.text-dark .topbar ul li a { color: #323232; } +.header.text-dark .topbar ul li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li > a { color: #323232; } +.header.text-dark .mega-menu .menu-links > li > a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active > a { color: #F5A623; } +.header.text-dark .topbar { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } +.header.text-dark .search-cart i.icon { color: #323232; } +.header.text-dark .search-cart i.icon:hover { color: #F5A623; } +.header.text-dark .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; } +.header.text-dark .search .search-btn { color: #323232; } +.header.text-dark .search .search-btn:hover { color: #F5A623; } +.header.text-dark .mega-menu .drop-down-multilevel { background: #323232; } +.header.text-dark .mega-menu .drop-down.menu-bg, .header.text-dark .mega-menu .drop-down-tab-bar { background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png); + background-repeat: no-repeat; background-position: 120% 0; } +.header.text-dark .mega-menu .drop-down, .header.text-dark .mega-menu .drop-down-tab-bar { background: #323232; } +.header.text-dark .mega-menu .drop-down a, .header.text-dark .mega-menu .drop-down-tab-bar a { color: #ffffff; } +.header.text-dark .mega-menu .drop-down i.fa, .header.text-dark .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; } +.header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.text-dark .mega-menu .drop-down-multilevel a { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel li:hover { background: #282828; } +.header.text-dark .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important; background-repeat: no-repeat; background-position: right;} +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; + background: #282828; } +.header.text-dark .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; } +.header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #F5A623; } +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #F5A623; } +/*dark-dropdown*/ +.header.dark-dropdown .mega-menu .drop-down-multilevel { background: #323232; } +.header.dark-dropdown .mega-menu .drop-down.menu-bg, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png); + background-repeat: no-repeat; background-position: 120% 0; } +.header.dark-dropdown .mega-menu .drop-down, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: #323232; } +.header.dark-dropdown .mega-menu .drop-down a, .header.dark-dropdown .mega-menu .drop-down-tab-bar a { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.dark-dropdown .mega-menu .drop-down-multilevel a { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel li:hover { background: #282828; } +.header.dark-dropdown .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important; background-repeat: no-repeat; background-position: right;} +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; + background: #282828; } +.header.dark-dropdown .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #F5A623; } +.header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #F5A623; } +/*label*/ +.header .label.label-default, .header .label.label-primary, .header .label.label-success, .header .label.label-info, .header .label.label-warning, .header .label.label-danger { color: #fff; padding: 0px 5px; line-height: 14px; display: inline-block; } + + +/************************* + one page +*************************/ +header.one-page { position: absolute; width: 100%; z-index: 999; } +.navbar-inverse { background: transparent; border: 0; } +.navbar-brand { height: auto; padding: 25px 0; } +.navbar .navbar-brand img { height: 40px; } +.navbar { min-height: 80px; } +.navbar-nav { float: right; } +.navbar-inverse .navbar-nav>li { padding: 35px 15px; } +.navbar-inverse .navbar-nav>li>a { color: #ffffff; padding: 0; text-transform: capitalize; } +.navbar-inverse .navbar-nav>li>a:hover { color: #F5A623; } +.navbar.affix { width: 100%; background: #323232; } +.navbar.affix { width: 100%; background: #323232; } +.navbar { min-height: inherit !important; } +.navbar.affix .navbar-brand img { height: 30px; } +.navbar.affix .navbar-brand { padding: 15px 0; } +.navbar.affix .navbar-nav>li { padding: 20px 15px; } + .navbar-nav>li>a { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } + +/*vertical-header*/ +.vertical-header .container-fluid { padding: 0 80px; } +.menu-responsive { display: none; } +.vertical-header .navbar { overflow-y: scroll; overflow-x: hidden; height: 100%;} +.vertical-header { padding-left: 260px; } +.header.vertical-menu { position: fixed; left: 0; top: 0; width: 260px; min-height: 100%; background: #212121; z-index: 999; -o-transition: all 1s; -webkit-transition: all 1s; + transition: all 1s; } +.header.vertical-menu .menu-bar { float: none; } +.mega-menu.vertical-left, .mega-menu.vertical-right { float: none; } +.menu-widgets { position: absolute; bottom: 20px; } +.menu-widgets .social-icons.border li a { border:2px solid; line-height: 30px; } +.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #F5A623; } +header.one-page.vertical-menu { position: fixed; left: 0; top: 0; height: 100%; background: #212121; width: 260px; padding: 30px; } +header.one-page.vertical-menu .navbar-header { float: none; margin-bottom: 20px; } +header.one-page.vertical-menu .navbar-nav { float: none; } +header.one-page.vertical-menu .navbar-nav>li { display: block; float: none; } +header.one-page.vertical-menu .navbar-inverse .navbar-nav>li { padding: 15px 0px; } +header.one-page.vertical-menu .navbar-collapse { padding: 0; } +header.one-page.vertical-menu .menu-widgets { padding: 0px; } + +header.one-page.light { position: relative; background: #ffffff; } +header.one-page.light .navbar { margin-bottom: 0; } +header.one-page.light .navbar-inverse .navbar-nav>li>a { color: #323232; } +header.one-page.light .navbar-inverse .navbar-nav>li>a:hover { color: #F5A623; } +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #F5A623; } + +header.one-page.light .navbar-inverse .navbar-collapse, header.one-page.light .navbar-inverse .navbar-form { background: #ffffff; } +header.one-page.light .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a { padding: 5px 10px; -o-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; } +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #F5A623; -webkit-box-shadow: inset 178px 0px 0px 0px #F5A623; -o-box-shadow: inset 178px 0px 0px 0px #F5A623; -ms-box-shadow: inset 178px 0px 0px 0px #F5A623; -moz-box-shadow: inset 178px 0px 0px 0px #F5A623; color: #fff; transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -moz-transition: all 0.9s ease-in; -ms-transition: all 0.9s ease-in; -o-transition: all 0.9s ease-in; } + +.one-page.nav-center .navbar-collapse.collapse { text-align: center; } +.one-page.nav-center .navbar-nav { float: none; display: inline-block; } +.one-page.transparent { background: rgba(0, 12, 27, 0.5); } +.one-page.transparent .navbar { margin-bottom: 0; } + +/*dark-text*/ +.one-page.dark-text .navbar-inverse .navbar-nav>li>a { color: #323232; } +.one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #d12326; } +.one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover { color: #d12326; } +.one-page.dark-text .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } + +/*mega menu vertical*/ +.vertical-menu .menu .menu-logo { padding: 50px 20px; } +.vertical-menu .menu .mega-menu .menu-links > li > a { padding: 0 23px; } +.vertical-menu .menu-widgets { padding: 20px; } + + @media (min-width: 1101px) { +.mega-menu { min-height: inherit; } +.mega-menu > section.menu-list-items { float: none; } +.mega-menu > section.menu-list-items > .container, +.mega-menu > section.menu-list-items > .container > .row, +.mega-menu > section.menu-list-items > .container > .row > div { height: 100%; } +.mega-menu > section.menu-list-items .menu-bar { height: 100%; } +.mega-menu > section.menu-list-items .menu-bar > ul{ display: table !important; height: 100%; } +.mega-menu > section.menu-list-items .menu-bar > ul > li { display: table-cell; vertical-align: middle; float: none; } +.mega-menu .drop-down, .mega-menu .drop-down-tab-bar, .mega-menu .drop-down-multilevel { top: 100%; } +.mega-menu > section.menu-list-items .search-cart { height: 100%; } +.mega-menu > section.menu-list-items .search-cart .search { vertical-align: middle; display: table; height: 100%; float: left; } +.header .search .search-btn { display: table-cell; vertical-align: middle; position: relative; width: 10px; float: none; clear: both; height: 100%; } +.search .search-btn:before { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } +.search-cart .shpping-cart { display: table; float: left; height: 100%; } +.shpping-cart a { position: relative; display: table-cell; vertical-align: middle; } +.shpping-cart strong.item { display: block; position: absolute; top: 50%; border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); margin-top: -10px; } +.cart { top: 100%; } +.mega-menu > section.menu-list-items > .container-fluid, +.mega-menu > section.menu-list-items > .container-fluid > .row, +.mega-menu > section.menu-list-items > .container-fluid > .row > div { height: 100%; } +.logo-center .mega-menu > section.menu-list-items .menu-bar > ul { height: auto; } +.logo-center .mega-menu > section.menu-list-items .menu-bar > ul > li { display: inline-block; } +.logo-center .mega-menu > section.menu-list-items .search-cart { height: auto; } +.logo-center .mega-menu > section.menu-list-items .menu-bar { height: auto; } +.logo-center .mega-menu .drop-down, .logo-center .mega-menu .drop-down-tab-bar, .logo-center .mega-menu .drop-down-multilevel { top: auto; } +.logo-center .mega-menu .menu-links > li > a { line-height: 72px; } +.logo-center.header .search .search-btn { line-height: 72px; } +.logo-center .search-cart i.icon { line-height: 72px; } +.logo-center .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 60px; } +.logo-center .mega-menu.desktopTopFixed .search .search-btn { line-height: 60px; } +.logo-center .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 60px; } +.logo-center .search .search-btn:before { top: inherit; transform: inherit; } +.logo-center .search-cart .shpping-cart { float: right; } + +.vertical-menu .mega-menu > section.menu-list-items .menu-bar { height: auto; } +.vertical-menu .mega-menu > section.menu-list-items .menu-bar > ul > li { display: block; } +.search-cart .side-menu-icon { display: table; float: left; height: 100%; } +.side-menu-icon .menu-icon { position: relative; display: table-cell; vertical-align: middle; } + +.header.light .mega-menu { min-height: 90px; } + +} + +/************************************* + Slider (all home page main sliders ) + **************************************/ +.rev-slider { overflow: hidden; position: relative; } + + + /*slider 10*/ +#rev_slider_14_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; } + #rev_slider_14_1 .zeus .tp-bullet{box-sizing:content-box; -webkit-box-sizing:content-box; border-radius:60%; background-color:rgba(255,255,255,0.5); -webkit-transition:opacity 0.3s ease; transition:opacity 0.3s ease; width:14px;height:14px; border:0px solid rgb(255,201,4)}#rev_slider_14_1 .zeus .tp-bullet:after{content:""; position:absolute; width:100%; height:100%; left:0; border-radius:60%; background-color:rgb(255,201,4); -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:-webkit-transform 0.3s ease; transition:transform 0.3s ease}#rev_slider_14_1 .zeus .tp-bullet:hover:after,#rev_slider_14_1 .zeus .tp-bullet.selected:after{-webkit-transform:scale(1.2); transform:scale(1.2)}#rev_slider_14_1 .zeus .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{width:135px; height:60px; position:absolute; background:#000; background:rgba(0,0,0,0.5); bottom:13px; margin-bottom:10px; transform:translateX(-50%); -webkit-transform:translateX(-50%); box-sizing:border-box; background-size:cover; background-position:center center; visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; border-radius:4px}#rev_slider_14_1 .zeus .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(-50%); -webkit-transform:translateX(-50%)}#rev_slider_14_1 .zeus .tp-bullet-title{color:rgb(255,255,255); text-align:center; line-height:15px; font-size:13px; font-weight:600; z-index:3; visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; position:absolute; bottom:45px; width:135px; vertical-align:middle}#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-imageoverlay{opacity:1; visibility:visible; -webkit-transform:translateY(0px) translateX(-50%); transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{bottom:auto; margin-right:10px; margin-bottom:0px; right:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title{bottom:auto; right:100%; margin-right:10px}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-imageoverlay{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{bottom:auto; margin-left:10px; margin-bottom:0px; left:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title{bottom:auto; left:100%; margin-left:10px}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{bottom:auto; top:13px; margin-top:10px; margin-bottom:0px; left:0px; transform:translateY(0px) translateX(-50%); -webkit-transform:translateX(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet:hover .tp-bullet-image{transform:scale(1) translateY(0px) translateX(-50%); -webkit-transform:scale(1) translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateY(0px) translateX(-50%); -webkit-transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title{bottom:auto; top:13px; margin-top:20px} +#rev_slider_14_1 .uranus.tparrows{width:50px; height:50px; background:rgba(255,255,255,0)}#rev_slider_14_1 .uranus.tparrows:before{width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s}#rev_slider_14_1 .uranus.tparrows:hover:before{opacity:0.75} + + +/************************************* + slider-parallax one page +**************************************/ +.slider-parallax { height: 86vh; position: relative; } +.slider-content-middle { position: absolute; display: inline-block; width: 100%; top: 50%; left: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); + -ms-transform: translate(0,-50%);-o-transform: translate(0,-50%); transform: translate(0,-50%); } +/*scroll-down*/ +.scroll-down { text-align: center; width: 34px; height: 58px; display: inline-block; border-radius: 20px; border:2px solid #fff; position: absolute; left: 50%; bottom: 60px; +margin-left: -17px; line-height: 50px; } +.scroll-down i { height: 10px; width: 4px; background: #fff; display: inline-block; border-radius: 3px; -webkit-animation-name:fadebounce; -moz-animation-name:fadebounce; -ms-animation-name:fadebounce; -o-animation-name:fadebounce; animation-name:fadebounce; -webkit-animation-duration:3s; -moz-animation-duration:3s; -ms-animation-duration:3s; -o-animation-duration:3s; + animation-duration:3s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; + animation-iteration-count:infinite; } +@-moz-keyframes fadebounce { +0% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; } +50% { -moz-transform:translateY(25px); transform:translateY(25px); opacity:1; } +100% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@-webkit-keyframes fadebounce { +0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } +50% { -webkit-transform:translateY(25px); transform:translateY(25px); opacity:1; } +100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@-o-keyframes fadebounce { +0% { -o-transform:translateY(0); transform:translateY(0); opacity:1; } +50% {-o-transform:translateY(25px);transform:translateY(25px);opacity:1; } +100% {-o-transform:translateY(0);transform:translateY(0);opacity:1; } +} +@-ms-keyframes fadebounce { +0% { -ms-transform:translateY(0); transform:translateY(0); opacity:1; } +50% {-ms-transform:translateY(25px);transform:translateY(25px);opacity:1; } +100% {-ms-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@keyframes fadebounce { +0% { transform:translateY(0); opacity:1; } +50% {transform:translateY(25px);opacity:1; } +100% {transform:translateY(0);opacity:1; } +} + +/*personal-typer-banner*/ + .personal-typer-banner span.sub-text { font-size: 22px; line-height: 22px; margin-bottom: 16px; display: block; } + .personal-typer-banner b { border-bottom: 2px solid #F5A623; } + .personal-typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; color: #F5A623; } + .personal-typer-banner h1 span { color: #ffffff; font-size: 50px; display: inline-block; transform: rotate(-90deg); line-height: 50px; position: relative; top: -11px; left: -20px; } + .personal-typer-banner h2 { border-left: 3px solid #F5A623; padding-left: 10px; margin-top: 20px; } + +/*typer-banner*/ +.typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; } +.typer-banner p { font-size: 22px; line-height: 22px; } +.slider-content .typer { color: #F5A623 !important; } + +/*popup-video-banner*/ +.popup-video-banner h1 { font-size:60px; line-height:80px; font-weight: 400; } +.popup-video-banner a span{ margin-left: 6px; width: 50px; height: 50px; line-height: 50px; display: inline-block; text-align: center; background: #ffffff; color: #F5A623; border-radius: 50%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } +.popup-video-banner a:hover span { background: #F5A623; color: #ffffff; } +.popup-video-banner a strong { padding-left:10px; display: inline-block; } + + /*video-background-banner*/ +#video-background.bg-overlay-black-50:before { z-index: 0; } +.video-background-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; text-transform: uppercase; } +.video-background-banner .slider-content { border:20px solid #F5A623; width: 50%; margin: 0 auto; padding: 60px 30px; } +.video-background-banner .slider-content span { font-size: 22px; line-height: 22px; color: #ffffff; display: block; margin-bottom: 20px; } +.video-background-banner .slider-content p { font-size: 18px; line-height: 22px; color: #ffffff; margin-top: 20px; } + +/* portfolio-banner*/ +.portfolio-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; } +.portfolio-banner .slider-content { background: #ffffff; width: 50%; margin: 0 auto; padding: 60px 30px; box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.02); } +.portfolio-banner .slider-content span { text-transform: uppercase; letter-spacing: 10px; font-size: 18px; line-height: 18px; display: block; margin-bottom: 20px; font-weight: 600; } +.portfolio-banner .slider-content span i { line-height: 20px; } +.portfolio-banner .slider-content h1 { font-size: 70px; margin-bottom: 0; } + + /************************************* + Background + **************************************/ +/*images background*/ + .white-bg { background: #fff; } + .gray-bg { background: #666; } + .dark-gray-bg { background: #666666; } + .theme-bg { background: #F5A623; } + .black-bg { background: #323232; } + .dark-theme-bg { background: #050801; } + + .bg-overlay-black-10:before { background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-20:before { background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-30:before { background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-40:before { background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-50:before { background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-60:before { background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-70:before { background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-80:before { background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-90:before { background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-10:before { background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-20:before { background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-30:before { background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-40:before { background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-50:before { background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-60:before { background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-70:before { background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-80:before { background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-90:before { background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-20:before { background: rgba(132,186,63, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-50:before { background: rgba(132,186,63, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-70:before { background: rgba(132,186,63, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-90:before { background: rgba(132,186,63, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-10, .bg-overlay-black-20, .bg-overlay-black-30, .bg-overlay-black-40, .bg-overlay-black-50, .bg-overlay-black-60, .bg-overlay-black-70, .bg-overlay-black-80, .bg-overlay-black-90, .bg-overlay-white-10, .bg-overlay-white-20, .bg-overlay-white-30, .bg-overlay-white-40, .bg-overlay-white-50, .bg-overlay-white-60, .bg-overlay-white-70, .bg-overlay-white-80, .bg-overlay-white-90, .bg-overlay-theme-20, .bg-overlay-theme-50, .bg-overlay-theme-70, .bg-overlay-theme-90, { position: relative; } + + +/************************************* + home page section + **************************************/ +.our-service-home { padding-bottom: 230px; } +.custom-content { margin-top: -220px; background: #F5A623; position: relative; z-index: 9; padding: 50px;} + +/************************************* + decolines + **************************************/ +.decolines { pointer-events: none; position: absolute; width: 100%; height: 100%; top: 0;left: 0; pointer-events: none; } +.decolines--fixed { position: fixed; width: 100vw;height: 100vh; } +.decoline { position: absolute; } + +/************************************* + feature step + **************************************/ +.feature-step h1 { font-size: 60px; } +.feature-step h3 { font-weight: 300; margin: 30px 0px 20px; } +.feature-step a { font-size: 14px; color: #F5A623; } +.feature-step a:hover { color: #323232; } + +.feature-step-2-box { padding: 70px 30px; z-index: 99; position: relative; } +.feature-step-2.bg-01 { background: url(../images/blog/05.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-02 { background: url(../images/blog/06.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-03 { background: url(../images/blog/09.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-overlay-black-50:before { z-index: 0; } +.feature-step-2 .feature-step-2-title-left h1 { font-size: 75px; line-height: 60px; color: #ffffff; } +.feature-step-2 h3 { margin-bottom: 0; } +.feature-step-2 h2{font-weight: 200; position: relative; padding-bottom: 10px; font-size: 28px; } +.feature-step-2 img {display: block; width: 100%;} +.feature-step-2 .button { margin-top: 20px; } +.feature-step-2 .feature-step-2-title-left {opacity: 0.5; display: table-cell; padding-right: 26px; } +.feature-step-2-title-2-right { display: table-cell; vertical-align: top; } +.feature-step-2.black-bg .feature-step-2-box, .feature-step-2.theme-bg .feature-step-2-box{position: inherit; top: inherit; transform: inherit; display: inline-block;} +.service-blog { padding-top: 50px; padding-right: 25px; margin-bottom: 100px; } +.service-blog p { position: relative; z-index: 9; margin-top: 20px; margin-bottom: 20px; } +.service-blog b {position: absolute; z-index: 0; top: -35px; font-family: 'Poppins', sans-serif; right: -35px; font-size:300px; color: #dde1eb; line-height: normal; opacity: 0.3;} +.service-blog ul { border-right: 6px solid #F5A623; padding-right: 20px; } +.service-blog li { color: #626262; font-size: 16px; line-height: 22px; padding: 2px 0 7px; } +.service-blog.left b{left:-35px; right: inherit;} +.service-blog.left ul{border-left:6px solid #F5A623;border-right:0 none;padding-left:20px;padding-right:0;} +/*split-section*/ +.split-section { position: relative; z-index: 10; } +.split-section .img-holder { position: absolute; top: 0; width: 100%; height: 100%; } +.split-section .img-side.img-right { right: 0; } +.split-section .img-side.img-left { left: 0; } +.split-section .img-side { right: 0; padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100; } + .our-awesome-core .img-side { top: 20px; } + + /************************************* + about us + **************************************/ +.who-we-are-left .owl-carousel .owl-dots { bottom: 26px; position: absolute; } +.who-we-are-left .owl-carousel.owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; border-radius: 50%; } + + /************************************* + resume + **************************************/ +.resume-page .container-fluid { padding: 0 70px; } +.resume-block .resume-icon { float: left; margin-right: 30px; } +.resume-block .resume-icon span { font-size: 30px; line-height: 50px; color: #F5A623; } +.resume-block .resume-name { display: table-cell; } +.resume-block .resume-name span { color: #9ea8b6; font-size: 16px; } +.resume-contact #map { padding-top: 120%; } +.resume-contact .contact-form-main { padding: 80px 80px; } +.resume-contact .footer-widget-social a i { color: #ffffff; background: rgba(43, 43, 43, 0.12); width: 45px; height: 45px; line-height: 45px; } +.resume-contact .footer-widget-social a i:hover { background: rgba(43, 43, 43, 0.19); } + + /************************************* + portfolio + *************************************/ + .isotope-filters { display: table; margin:0px 0px 30px 0px; text-align: left; } +.isotope-filters.text-left { display: block; margin: 0px 0px 30px 0px; text-align: left; } +.isotope-filters button { margin: 4px; cursor: pointer; padding: 6.5px 16px; font-size: 14px; background: transparent; border-radius: 18px; color: #363636; font-weight: 600; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } +.isotope-filters button:focus { outline: none; outline-style: none; outline-offset:0; } +.isotope-filters button.active, .isotope-filters button:hover { background: #F5A623; color: #fff; border-color: #F5A623; } +.isotope-filters button+button { margin-left: px; background-color: #fff; } +.isotope, .masonry { margin: 0 -15px 0 0; } +.isotope .grid-item img { width: 100%; } +.isotope.columns-1 .grid-item { width: 100%; padding: 0 15px 15px 0; } +.isotope.columns-2 .grid-item { width: 50%; padding: 0 15px 15px 0; } +.isotope.columns-3 .grid-item { width: 33.33333333%; padding: 0 15px 15px 0; } +.isotope.columns-4 .grid-item { width: 25%; padding: 0 15px 15px 0; } +.isotope.columns-5 .grid-item { width: 20%; padding: 0 15px 15px 0; } +.isotope.no-padding .grid-item { padding: 0 !important; } +.masonry.no-padding .masonry-item { padding: 0 !important; } +.masonry .masonry-item img { width: 100%; } +.masonry.columns-2 .masonry-item { width: 50%; padding: 0 15px 15px 0; } +.masonry.columns-3 .masonry-item { width: 33.33333333%; padding: 0 15px 15px 0; } +.masonry.columns-4 .masonry-item { width: 25%; padding: 0 15px 15px 0; } +.masonry.columns-5 .masonry-item { width: 20%; padding: 0 15px 15px 0; } +.isotope.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.isotope.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } +.isotope.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.isotope.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } +.masonry.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.masonry.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } +.masonry.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.masonry.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } + + /************************************* + portfolio item + **************************************/ +.portfolio-title { padding: 100px 60px 30px; } +.portfolio-title span { display: block; } +.portfolio-item { width: 100%; position: relative; overflow: hidden; color: #fff; border: 0; position: relative; } +.portfolio-item img { width: 100%; -webkit-transition: -ms-transform 0.35s; -o-transform 0.35s; -moz-transform 0.35s; transition: transform 0.35s; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;} +.portfolio-item .portfolio-overlay { width: 100%; background: #F5A623; padding: 10px 0px; position: absolute; bottom:-80px; display: block; margin-top: 0; float: left; z-index: 9; text-align: left; padding-left: 20px; left: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item .portfolio-overlay h4 { font-weight: 600; margin-bottom: 5px; } +.portfolio-item .portfolio-overlay a:hover { color: #323232; } +.portfolio-item .portfolio-overlay span { font-weight: 400; font-size: 14px; } +.portfolio-item .portfolio-overlay span a { color: #ffffff; } +.portfolio-item .portfolio-overlay span a:hover { color: #323232; } +.portfolio-item a.popup{position: absolute; right: 20px; top: -20px; color: #fff; z-index: 9; display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 40px; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;} +.portfolio-item a.popup:hover { background: #F5A623; color: #ffffff; } +.portfolio-item:hover img { -webkit-transform:scale(1.20); -moz-transform:scale(1.20); -ms-transform:scale(1.20); -o-transform:scale(1.20); transform:scale(1.20); } +.portfolio-item:hover a.popup{ opacity: 1; top: 20px; } +.portfolio-item:before { content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-size: 115%; + -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.7s cubic-bezier(.68,.11,.13,.98); + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.owl-carousel .owl-item .portfolio-item img { width: 100%; } + .portfolio-item.only-popup { width: 100%; text-align: center; } + .portfolio-item.only-popup a.popup { display: inline-block; left: 50%; margin-left: -20px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } +.portfolio-item:hover .portfolio-overlay { bottom: 0; } +/* no-title */ +.no-title .portfolio-item .portfolio-overlay { position: inherit; bottom: inherit; background: #f6f7f8; } +.no-title .portfolio-item .portfolio-overlay a, .no-title .portfolio-item .portfolio-overlay span { color: #323232; } +.no-title .portfolio-item .portfolio-overlay a:hover { color: #F5A623; } + /*portfolio pupup*/ + .mfp-bottom-bar { display: none; } +.portfolio-home .isotope { margin-bottom: 0; } + +/************************************* + portfolio-item-2 +**************************************/ +.portfolio-item-2 { width: 100%; overflow: hidden; position: relative; } +.portfolio-item-2:before { background: transparent; } +.portfolio-item-2 .portfolio-hover { padding: 20px; position: absolute; z-index: 99; bottom: 0px; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-name { position: absolute; bottom: -10px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-name span { font-size: 14px; color: #fff; display: block; } +.portfolio-item-2 .portfolio-hover .hover-name a { font-size: 22px; text-transform: uppercase; color: #fff; display: block; margin-top: 5px; } +.portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #F5A623; } +.portfolio-item-2 .portfolio-hover .hover-icon { position: absolute; bottom: -10px; right: 30px; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-icon a { color: #fff; } +.portfolio-item-2 .portfolio-hover .hover-icon a:hover { color: #F5A623; } +.portfolio-item-2:hover .portfolio-hover { opacity: 1; background: rgba(0, 0, 0, 0.9); } +.portfolio-item-2 img { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } +.portfolio-item-2:hover img { opacity: 0.1; -webkit-transform:scale(1.10); -moz-transform:scale(1.10); -ms-transform:scale(1.10); -o-transform:scale(1.10); transform:scale(1.10); } +.portfolio-item-2:hover .portfolio-hover .hover-name { bottom: 30px; } +.portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: 40px; } +.no-title .portfolio-item-2 { overflow: visible; } +.no-title .portfolio-item-2 .portfolio-hover { position: inherit; border: inherit; opacity: 1; background: #f6f7f8; clear: both; } +.no-title .portfolio-item-2:hover .portfolio-hover { bottom: inherit; background: inherit; background: #f6f7f8; } +.no-title .portfolio-item-2 .portfolio-hover .hover-name { bottom: inherit; position: inherit; display: inline-block; clear: both; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon { bottom: inherit; position: inherit; display: inline-block; float: right; padding-top: 20px; text-align: right;} +.no-title .portfolio-item-2:hover .portfolio-hover .hover-name { bottom: inherit; } +.no-title .portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: inherit; } +.no-title .portfolio-item-2:hover img { opacity: 1; -webkit-transform:inherit; -moz-transform:inherit; -ms-transform:inherit; -o-transform:inherit; transform:inherit; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon a, .no-title .portfolio-item-2 .portfolio-hover .hover-name span, .no-title .portfolio-item-2 .portfolio-hover .hover-name a { color: #323232; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .no-title .portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #F5A623; } + + /************************************* + Portfolio single page +**************************************/ + /*tags*/ +.tags h5 { display: inline-block; padding-right: 20px; } +.tags ul { display: inline-block; } +.tags li { display: inline-block; } +.tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } + +/*share*/ +.share .social ul { display: inline-block; } +.share .social ul li { display: inline-block; padding: 0px 6px; } +.share .social ul li a:hover { color: #353535; } + +/*port-meta*/ +.port-meta ul { margin-bottom: 30px; } +.port-meta li { margin-bottom: 20px; font-size: 16px; } +.port-meta li b { color: #F5A623; width: 200px; font-weight: 400; width: 100px; display: inline-block; } +.port-meta li span { font-weight: normal; } +.port-info p { margin-bottom: 0px; } + +/*port-navigation*/ +.port-navigation { padding: 20px 0; border-bottom:1px dashed #d0d0d0; border-top: 1px dashed #d0d0d0;} +.port-navigation a { color: #626262; } +.port-arrow { height: 74px; width: 40px; text-align: center; background: #f7f7f7; display: inline-block;} +.port-arrow i { text-align: center; font-size: 25px; line-height: 75px;} +.port-photo { width: 124px; height: 77px; display: inline-block; } +.port-photo img { width: 100%; } + +/*port-post*/ +.port-post { background: #f7f7f7; padding: 15px; } +.port-post-photo { width: 170px; display: inline-block; float: left; margin-right: 20px; } +.port-post-photo img { width: 100%; } + +/*port-post-info*/ +.port-post-info { padding-left: 190px;} +.port-post-info h3 { display: inline-block; font-size: 24px; } +.port-post-info span { color: #626262; } +.port-post-social strong { font-size: 14px; } +.port-post-social a { color: #626262; margin-left: 8px; font-size: 14px; } +.port-post-social a:hover { color: #F5A623; } +.port-post-info p { margin-top: 10px; } +.port-singal .owl-carousel .owl-item img { width: 100%; } + +/************************************* + Our Blog + **************************************/ + /*Blog 1*/ +.blog-box { padding: 30px; border:1px solid #ddd; position: relative; z-index: 1; } +.blog-info { position: relative; z-index: 9; } +.blog-info span { color: #626262; font-size: 14px; margin-right: 6px; } +.blog-info h4 { font-weight: 600; font-size: 18px;} +.blog-box .post-format-icon{text-align: right; position: relative; z-index: 9} +.blog-box .post-format-icon i { padding-right: 0; font-size: 35px; color: #e1e1e1; } +.blog-info p { padding: 0px 0 10px; font-size: 14px; } +.blog-box .post-category a { display: inline-block; padding: 5px 15px; font-size: 12px; text-transform: uppercase; font-weight: 700; border-radius: 50em; color:#fff; background-color: #F5A623; -webkit-transition: all 0.3s ease; -moz-transition: ll 0.3s ease; transition: all 0.3s ease; margin-bottom: 20px;} +a.blog-btn { text-align: center; font-size: 14px; color: #F5A623; display: block; padding-bottom: 12px; position: relative; z-index: 1; } +a.blog-btn i { margin-left: 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-box .border { position: absolute; background: #F5A623; height: 0px; bottom: 0; left: 0; z-index: 0; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-box .blog-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background-size: cover; background-position: center center; } +.blog-box:hover .blog-box-img, .blog-box.active .blog-box-img { opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-1:hover h4, .blog-1:hover i, .blog-1:hover span, .blog-1:hover p, .blog-1:hover a.blog-btn, .blog-1.active h4, .blog-1.active i, .blog-1.active span, .blog-1.active p, .blog-1.active a.blog-btn,.blog-1:hover .post-category a,.blog-1:hover .post-format-icon i,.blog-1.active .post-category a,.blog-1.active .post-format-icon i { color: #fff; } +.blog-box:hover .blog-box-img:before, .blog-box.active .blog-box-img:before { background: rgba(0, 0, 0, 0.6); color: #fff; content: ""; display: inline-block; height: 100%; + left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } +.blog-box.blog-2 {padding: 0; position: relative; border:none; transition: all 0.5s ease 0s; height: 100%; } +.blog-box.blog-2 .blog-info{background: #ffffff; padding: 30px;} +.blog-box.blog-2.gray-bg .blog-info {background: #f7f7f7; } +.blog-box.blog-2 .blog-box-img{opacity: 1;} +.blog-box.blog-2 .post-format-icon{position: absolute; right: 30px; top: 30px;} +.blog-box.blog-2 .button.icon-color{text-transform: capitalize; float: right;} +.blog-box.blog-2:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);} +.blog-box.blog-2.gray-bg:hover { box-shadow: none;} +.blog-box.blog-2.transparent .blog-info { background: transparent; padding: 30px 0; } +.blog-box.blog-2.transparent .blog-info span { color: #ffffff; } + + +/*************************** + blog +***************************/ +.blog-entry { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } +.blog-entry:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } +.blog-entry .entry-image img { width: 100%; } +.blog-entry .blog-detail { background: #ffffff; padding: 30px; border-top: 0px; } +.blog-entry .blog-detail .entry-title a { font-size: 22px; font-weight: 600; line-height: 24px; color: #353535; line-height: 28px; } +.blog-entry .blog-detail .entry-title a:hover { color: #F5A623; } +.blog-entry .entry-meta ul li { display: inline-block; margin-right: 12px; } +.blog-entry .entry-meta ul li i { color: #F5A623; padding-right: 6px; } +.blog-entry .entry-meta ul li a { color: #353535; line-height: 0px; padding-right: 5px; } +.blog-entry .entry-meta ul li a i { padding-right: 6px; color: #F5A623; } +.blog-entry .entry-meta ul li a:hover { color: #F5A623; } +.blog-entry .social strong { display: inline-block; margin-right: 10px; } +.blog-entry .entry-button { display: inline-block;} +.blog-entry .social ul { display: inline-block; } +.blog-entry .social ul li { display: inline-block; padding: 0px 6px; } +.blog-entry .social ul li a:hover { color: #353535; } +.blog-entry .entry-share { margin-top: 20px; display: block; } + +/*blog-entry blockquote*/ +.blog-entry.blockquote { background: #F5A623; border: 0px; padding: 36px 30px; } +.blog-entry.blockquote blockquote { background: #F5A623; border-left: 0px; color: #ffffff; padding: 0px; position: relative; margin-top: 0 !important; padding-top: 60px; } +.blog-entry.blockquote blockquote:before { content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #ffffff; position: absolute; left: 0px; top: -20px; } +.blog-entry.blockquote .blog-detail { border: 0px; background: #F5A623; padding: 0px; } +.blog-entry.blockquote .blog-detail .entry-title a { color: #ffffff; } +.blog-entry.blockquote .blog-detail .entry-title a:hover { color: #323232; } +.blog-entry.blockquote .social ul li a { color: #ffffff; } +.blog-entry.blockquote .social ul li a:hover { color: #323232; } +.blog-entry.blockquote .entry-meta ul li a { color: #ffffff; } +.blog-entry.blockquote .entry-meta ul li i { color: #ffffff; } +.blog-entry.blockquote .entry-meta ul li a i { color: #ffffff !important; } +.blog-entry.blockquote .entry-meta ul li a:hover { color: #323232; } +.blog-entry.blockquote .button.arrow.white:hover { color: #323232; } + +/*video vimeo and youtube*/ +.js-video { height: 0; padding-top: 25px; padding-bottom: 54%; position: relative; overflow: hidden; } +.js-video.widescreen { padding-bottom: 34.34%; } +.js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: none; } +.js-video.big { padding-top: 30px; } + +.blog-entry .grid-post li { float: left; width: 50%; border-right: 4px solid #fff; border-bottom: 4px solid #fff; list-style: none; } +.blog-entry .grid-post li img { width: 100%; } +.blog-entry .grid-post li .portfolio-item { width: 100%; } + + /*blog-entry-audio*/ + .blog-entry .blog-entry-audio { padding: 136px 20px; background: url(../images/blog/04.jpg) no-repeat; background-position: center center; background-size: cover; } + + /*blog pages*/ + /*blog-grid-3-column*/ + .blog-grid-3-column .blog-entry .blog-entry-audio { padding: 63px 20px; } + .blog-grid-2-sidebar .blog-entry .blog-entry-audio { padding: 96px 20px; } + +/************************************* + our services +**************************************/ +.service-image-holder { position: relative; height: 496px; } +.service-image-holder .section-title-2 { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } +.services-text-box { background:#fff; padding: 10% 15%;} +.services-text-box-black { background:#363636; padding: 80px 50px !important; } +.services-text-box-green { background:#F5A623; padding: 80px 50px !important; } + +/************************************* + creativity +**************************************/ +.creativity h1 { line-height: 65px; text-transform: uppercase; font-size: 50px; font-weight: bold; } +.creativity p { font-size: 30px; } +.creativity .button { display: inline-block; float: none; } + .contact-map iframe { width: 100%; height: 100%; } +#formmessage {display: none;} +.contact-form .section-field { position: relative; width: 31.3%; margin-right: 3%; float: left; } +.contact-form .section-field:nth-child(3) { margin-right: 0px; } +.contact-form .section-field:nth-child(6) { margin-right: 0px; } +.contact-box.contact-box-top { margin-top: -1px; position: relative; } +.touch-in .contact-box {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); display: inline-block; margin-bottom: 0; padding: 60px 20px; width: 100%;} +.contact-box i { background: #F5A623; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 5px; font-size: 34px; color: #ffffff; display: inline-block;} +.contact-form .form-control {position: relative; width: 100%; margin-bottom: 20px; } +.section-field.textarea{width: 100%;} +.g-recaptcha.section-field {width: 100%; margin-bottom: 20px; } +.contact-form textarea.form-control {width: 100%; } +.contact-box .contact-icon { display: table-cell; padding-right: 20px; } +.contact-box .contact-icon i { background: transparent; line-height: normal; font-size: 34px; height: auto; width: auto;} +.contact-box.theme-bg .contact-icon i{color: #ffffff !important;} +.contact-box .contact-info { display: table-cell; vertical-align: top; padding: 0; background: none;} +.contact-2 .addresss-info p, .contact-2 .addresss-info i, .contact-2 .addresss-info li{color: #ffffff;} +.contact-2 .contact-add{padding: 80px 0} +.contact-2 .contact-add i{font-size: 40px;} +.contact-3 #map { padding-top: 101%; } +.contact-2 #map { padding-top: 100%; } +.map-side { left: 0; overflow: hidden; padding: 0; position: absolute; top: 0; z-index: 9;} +.map-side.map-right {left: auto; right: 0;} +.contact-3 .contact-add{padding: 80px 20px; } +.contact-3 .contact-add i{font-size: 40px; color: #F5A623;} +.contact-3 .contact-form .section-field {width: 100%;} +.contact-social ul li { display: inline-block; } +.contact-social ul li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #323232; background: #eceff8; font-size: 14px; border-radius: 3px; margin-right: 5px; } +.contact-social ul li a:hover { background: #353535 !important; color: #fff;} +.contact-3 .theme-bg.contact-add i{color: #ffffff !important;} +.footer #logo-footer { height: 30px; } +.footer-contact .footer-nav ul li a { color: #353535; } +.footer-contact .footer-nav ul li a:hover { color: #2046f2; } +.footer-contact .contact-box .contact-icon i { background: transparent; color: #F5A623; margin-bottom: 10px; } +.footer.footer-topbar hr { border-color: #d9d9d9; } +.footer-contact .social ul { background: #f6f7f8; } +.footer-contact .social ul li a i { color: #353535; } +.footer-contact .social ul li a i:hover { color: #2046f2; } +.footer-contact .usefull-link ul li a { color: #353535; } +.footer-contact .usefull-link ul li a:hover { color: #2046f2; } +.footer-contact { box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); margin-bottom: 80px; margin-top: -220px; padding: 60px 0; } +.footer-contact .contact-box { text-align: center; } +.footer-contact .contact-box .contact-icon { display: block; padding-right: 0; color: #2046f2; } +.footer-contact .contact-box .contact-info { display: block; background: none; padding: 0; width: 100%;} +.footer-contact .contact-box .contact-info .section-title { margin-bottom: 0px; } +.footer-contact .contact-box .contact-info h5 { color: #353535; } +.our-clients.theme-bg{padding: 60px 0 170px;} +.footer-Newsletter .form-control::-moz-placeholder { color: rgba(255,255,255,0.5); } +.footer-Newsletter .form-control::-ms-input-placeholder { color: rgba(255,255,255,0.5); } +.footer-Newsletter .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.5); } + +/************************************* + Our History +**************************************/ + .history-main { width: 100%; } + .liner { background: #fff; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: 96%; z-index: 1; position: relative; } + .liner i { position: absolute; right: -2px; top: -9px; color: #fff; } + .history-content { list-style: outside none none; padding: 125px 0; width: auto; } + .history-1 { position: relative; left: 45px; } + .history-2 { position: relative; margin-left: 30%; } + .history-3 { position: relative; margin-left:58%; } + .history-4{ position: relative; margin-left: 95%; } + .history-line { background: #fff; height: 60px; left: 3px; position: absolute; top: -75px; width: 2px; z-index: 9; } + .history-time-lin { position: relative; top: 10px; z-index: 2; } + .history-time-lin:before { bottom: 0; } + .history-time-lin:before { background: #fff; border-radius: 50%; content: ""; height: 20px; left: -5px; position: absolute; width: 20px; z-index: 1; } + .history-time-lin:after { border:2px solid #fff; background: #000; border-radius: 50%; content: ""; height: 30px; left: -5px; position: absolute; width: 30px; } + .history-time-lin:after { left: -10px; top: -25px; } + .history-item { left: -20px; position: absolute; top: -125px; } + .history-item a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } + .history-5 { position: relative; margin-left: 15%; } + .history-6 { position: relative; margin-left: 53%; } + .history-7 { position: relative; margin-left:78%; } + .history-line-2 { background: #fff none repeat scroll 0 0; height: 60px; left: 3px; position: absolute; top: 15px; width: 2px; z-index: 9; } + .history-item-2 { left: -20px; position: absolute; top: 75px; } + .history-item-2 a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } + /*Our History */ +.our-history .timeline { list-style: none; padding: 20px 0 20px; position: relative; } +.our-history .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 2px; background-color: #e6e6e6; left: 50%; margin-left: -0.5px; } +.our-history .timeline > li { margin-bottom: 20px; position: relative; } +.our-history .timeline > li:before, +.our-history .timeline > li:after { content: " "; display: table; } +.our-history .timeline > li:after { clear: both; } +.our-history .timeline > li:before, +.our-history .timeline > li:after { content: " "; display: table; } +.our-history .timeline > li:after { clear: both;} +.our-history .timeline > li > .timeline-panel { width: 46%; float: left; padding: 15px 00px 25px 00px; position: relative; } +.our-history .timeline > li > .timeline-panel:before { position: absolute; top: 23px; right: -25px; display: inline-block; width: 25px; height: 2px; background: #e6e6e6; content: " "; } +.our-history .timeline > li > .timeline-badge { color: #fff; width: 18px; height: 18px; line-height: 10px; font-size: 0.7em; text-align: center; position: absolute; top: 16px; left: 50%; + border:3px solid #F5A623; margin-left: -9px; background-color: #fff; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0 0 0 5px #f6f6f6; } +.our-history .timeline > li.timeline-inverted > .timeline-panel { float: right;} +.our-history .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -25px; right: auto; } +.our-history .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } + .our-history .timeline-body > p, +.our-history .timeline-body > ul { margin-bottom: 0; } +.our-history .timeline-body > p + p margin-top: 5px; +.our-history .timeline > li { text-align: right;} +.our-history .timeline > li.timeline-inverted { text-align: left;} +.our-history .timeline .timeline-arrow { position: absolute; width: 100%; left: 0.5px; right: 0; text-align: center; color: #e6e6e6; bottom: -29px; } +.our-history .timeline > li > .timeline-badge p{width: 200px; margin-top: -9px; margin-left: 25px;font-size: 17px; font-weight: bold; text-align: left;} +.our-history .timeline > li.timeline-inverted .timeline-badge p{text-align: right; float: right; margin-right: 25px;} + +/************************************* + our-service objects +**************************************/ +.our-service { position: relative; padding-bottom: 280px; z-index: 1; } +.objects-left { position: absolute; height: 100%; width: 100%; left: 0; top: 80px; z-index: -1; } +.objects-left .objects-1 { position: absolute; left: 50px; top: 0; } +.objects-left .objects-2 { position: absolute; left: 100px; bottom: 170px; } +.objects-left .objects-3 { position: absolute; left: 50%; bottom: 150px; margin-left: -150px; } +.objects-right { position: absolute; height: 100%; width: 100%; right: 0; top:80px; z-index: -1; } +.objects-right .objects-4 { position: absolute; right: 0px; top: 0; } +.objects-right .objects-5 { position: absolute; right: 0px; bottom: 170px; } +.objects-right .objects-bottom { position: absolute; right: 0px; bottom: 0; } + +/************************************* + sidebar +**************************************/ +.sidebar-widget p { margin-bottom: 0px; } +/*.widget-search */ +.widget-search { position: relative; } +.widget-search input { padding-right: 30px; color: #353535; box-shadow: none; background: #f6f7f8; } +.widget-search i { position: absolute; right: 0px; padding: 16px 22px; font-size: 14px; color: #626262; cursor: pointer; } +.widget-search input:focus { border-color: #F5A623; } + +/*Recent Posts*/ +.sidebar-widget .recent-post { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding-bottom: 20px; margin-bottom: 20px; } +.sidebar-widget .recent-post .recent-post-image { float: left; margin-right: 15px; } +.sidebar-widget .recent-post .recent-post-image img { width: 50px; height: 50px; border-radius: 50%; } +.sidebar-widget .recent-post .recent-post-info { overflow: hidden; } +.sidebar-widget .recent-post .recent-post-info a { display: block; margin-bottom: 5px; color: #323232; } +.sidebar-widget .recent-post .recent-post-info a:hover { color: #F5A623; } +.sidebar-widget .recent-post .recent-post-info span { color: #F5A623; font-style: italic; font-size: 14px; } +.sidebar-widget .recent-post .recent-post-info span i { padding-right: 10px; } +.sidebar-widget .recent-post:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } + +/*widget-archives*/ +.sidebar-widget .widget-categories li { display: block; margin-bottom: 6px; } +.sidebar-widget .widget-categories li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } +.sidebar-widget .widget-categories li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 10px; width: 20px; height: 20px; text-align: center; } +.sidebar-widget .widget-categories li a:hover { color: #F5A623; } +.sidebar-widget .widget-categories li a:hover i { border-color: #F5A623; color: #F5A623; } + +/*widget-link*/ +.sidebar-widget .widget-link li { display: block; margin-bottom: 6px; } +.sidebar-widget .widget-link li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } +.sidebar-widget .widget-link li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 20px; width: 20px; height: 20px; text-align: center; } +.sidebar-widget .widget-link li a:hover { color: #F5A623; } + +/*tags*/ +.sidebar-widget .widget-tags li { display: inline-block; } +.sidebar-widget .widget-tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.sidebar-widget .widget-tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } + +/*widget-testimonial*/ +.sidebar-widget .testimonial-widget .testimonial-content { background: #f6f7f8; padding: 20px; font-style: italic; border-radius: 5px; position: relative; } +.sidebar-widget .testimonial-widget .testimonial-content:before { position: absolute; content: ""; bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; +border-color: #f6f7f8 transparent transparent transparent; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar { display: table-cell; padding-right: 20px; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar img { width: 50px; height: 50px; border-radius: 50%; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name { display: table-cell; vertical-align: top; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name span { display: block; font-style: italic; font-size: 14px; } +.sidebar-widget .testimonial-widget .testimonial-info:before { display: none; } + +/*widget-gallery*/ +.sidebar-widget .widget-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; } + +/*widget-newsletter*/ +.sidebar-widget .widget-newsletter { background: #f6f7f8; padding: 30px; position: relative; z-index: 9; overflow: hidden; } +.sidebar-widget .widget-newsletter .newsletter-icon { position: absolute; right: 0; top: -16px; } +.sidebar-widget .widget-newsletter .newsletter-icon i { font-size: 100px; z-index: 0; color: rgba(0, 0, 0, 0.05); } +.sidebar-widget .widget-newsletter .form-control { background: #ffffff; box-shadow: none; } + +/*widget-clients*/ +.sidebar-widget .widget-clients .item { background: #f6f7f8; padding: 30px 30px; } + +/*opening-time*/ + .opening-time ul li { font-size: 14px; line-height: 20px; color: rgba(255,255,255,0.5); border-bottom: 1px solid #262626; padding-bottom: 14px; margin-bottom: 14px; } + .opening-time ul li:last-child { border-bottom: 0; } + +/************************************* + About me +**************************************/ +.about-me .custom-content { margin-top: 0px; } +.about-me .maintenance-progress-bar { margin: 0; } +.about-me .maintenance-progress-bar .progress-bar { margin: 0 44px; } +.maintenance-progress-bar .progress-bar .rotate { background: #F5A623 !important; } +.maintenance-progress-bar .progress-bar .right { background: #F5A623 !important; } +.about-me .portfolio-item { width: 100%;} +.about-me .contact-me p { color: #363636; margin: 15px 0; display: table; } +.about-me .contact-me i { float: left; color: #F5A623; margin-right: 15px; line-height: 23px; width: 20px; } +.about-me .follow-me ul { margin-top: 20px; } +.about-me .follow-me li { display: inline-block; } +.about-me .follow-me li a { background: #e4e4e4; color: #F5A623; border-radius: 3px; display: block; width: 35px; height: 35px; line-height: 35px; margin-right: 2px; text-align: center; font-size: 16px; } +.about-me .follow-me li a:hover { background: #F5A623; color: #fff; } + +/************************************* + Team 1 page +**************************************/ +/*team-details*/ + .team-details .social{display:table;float:right;} +.team-details .social li a { background:#f7f7f7 none repeat scroll 0 0;border-radius:3px;color:#F5A623;display:block;font-size:15px;height:35px;line-height:35px;margin-left:0px;text-align:center;width:35px; } +.team-details .social li a:hover { background: #F5A623; color: #ffffff; } +.team-details .info i{color:#f7f7f7;font-size:126px;left:0;position:absolute;z-index:0;} +.team-details .info p{font-size:16px;font-style:italic;line-height:28px;padding-left:64px;position:relative;z-index:9;} + +/************************************* + blog page +**************************************/ + .owl-carousel img { width: 100%; } +/*pagination-nav*/ +.pagination { margin:0px; } +.pagination li a { font-size: 15px; font-weight: 500; margin: 0 5px; color: #626262; border-radius: 50%; } +.pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 50%; } +.pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 50%; } +.pagination>.active>a, .pagination>.active>a:hover { color: #626262; } +.pagination > li > a, .pagination > li > span { width: 44px; height: 44px; line-height: 44px; background: #f6f7f8; border:0px; padding: 0; text-align: center; } +.pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background-color:#F5A623; color: #ffffff;} +.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color:#F5A623; color: #ffffff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); } +.dataTables_paginate li.paginate_button.previous a, .dataTables_paginate li.paginate_button.next a { width: inherit; height: inherit; background: transparent !important; color: inherit !important; box-shadow: none !important; } + /*timeline blog*/ +.blog .timeline { list-style: none; padding: 20px 0 20px; position: relative; } +.blog .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 4px; background-color: #f7f7f7; left: 50%; margin-left: -1.5px; } +.blog .timeline > li { margin-bottom: 20px; position: relative; width: 46%; float: left; clear: left; } +.blog .timeline > li:before, +.blog .timeline > li:after { content: " "; display: table; } +.blog .timeline > li:after { clear: both; } +.blog .timeline > li:before, +.blog .timeline > li:after { content: " "; display: table; } +.blog .timeline > li:after { clear: both; } +.blog .timeline > li > .timeline-panel { width: 95%; float: left; border: 1px solid #d4d4d4; /*border-radius: 2px;*/ /*padding: 20px;*/ position: relative; border:1px solid #f7f7f7; + padding: 20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } +.blog .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #f7f7f7; + border-right: 0 solid #f7f7f7; border-bottom: 15px solid transparent; content: " "; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } +.blog .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; + border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } +.blog .timeline > li > .timeline-badge { color: #fff; width: 54px; height: 54px; line-height: 18px; padding: 6px; font-size: 22px; border:4px solid #f7f7f7; background: #fff; + border-radius: 50%; text-align: center; font-weight: bold; position: absolute; color: #f7f7f7; top: 16px; right: -73px; /*z-index: 100;*/ } +.blog .timeline > li > .timeline-badge span { font-size: 13px; font-weight: normal; display: block; } +.blog .timeline > li.timeline-inverted > .timeline-panel { float: right; } +.blog .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } +.blog .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } +.blog .timeline-title { margin-top: 0; color: inherit; } +.blog .timeline-body > p, +.blog .timeline-body > ul { padding:20px; margin-bottom: 0; } +.blog .timeline-body > p + p { margin-top: 5px; } +.blog .timeline-footer { padding:20px; background-color:#f4f4f4; } +.blog .timeline-footer > a { cursor: pointer; text-decoration: none; } +.blog .timeline > li.timeline-inverted { float: right; clear: right; margin-top: 30px; margin-bottom: 0px; } +.blog .timeline > li:nth-child(2){ margin-top: 60px; } +.blog .timeline > li:nth-child(3){ margin-top: 60px; } +.blog .timeline .entry-title i { font-size: 24px;} +.blog .timeline-inverted .timeline-badge { margin-top: 70px} +.blog .timeline li.timeline-inverted .timeline-panel:after { top: 98px; } +.blog .timeline li.timeline-inverted .timeline-panel:before { top: 97px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: -73px; } +.blog .timeline li.entry-date { top: 0; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } +.blog .timeline li.entry-date span { background: #f7f7f7; color: #363636; font-size: 16px; font-weight: 400; text-transform: capitalize; padding: 10px 25px;border-radius: 30px;} +.blog .timeline li.entry-date-bottom { bottom: -30px; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } +.blog .timeline li.entry-date-bottom a { background: #f7f7f7; padding: 7px 10px; color: #363636; font-size: 16px; padding: 10px 25px; border-radius: 30px; } +.blog .timeline li.entry-date-bottom a:hover { background: #F5A623; color: #fff; } +.blog .timeline li:hover .timeline-panel { border-color: #F5A623; } +.blog .timeline li:hover .timeline-badge a { color: #fff; } +.blog .timeline li:hover .timeline-badge{ background: #F5A623; border-color: #F5A623; } +.blog .timeline li:hover .timeline-panel:before { border-left-color: #F5A623; border-right-color: #F5A623; } +.blog .blog.timeline .entry-quote p { font-size: 16px; } +/* blog 2 column masonry left sidebar */ +.blog.timeline-sidebar .timeline > li { width: 89%; } +.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 50%;} +.blog.timeline-sidebar .timeline:before { left: 54px; } +.blog.timeline-sidebar .timeline li.entry-date { text-align: left;} +.blog.timeline-sidebar .timeline li.entry-date-bottom { text-align: left;} +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -66px; } +.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 0px; } +.blog.timeline-sidebar .timeline > li:nth-child(3) { margin-top: 30px; } +.blog.timeline-sidebar .timeline li.entry-date { top: 3px; } +.blog.timeline-sidebar .timeline li.entry-date span { font-size: 14px; padding: 10px 25px; } +.blog.timeline-sidebar .timeline li.entry-date-bottom { bottom: -48px; } +.blog.timeline-sidebar .timeline li.entry-date-bottom a { font-size: 14px; padding: 10px 25px; } +.blog.timeline-sidebar .timeline li .share ul li { width: auto; } + +/*blog-single*/ +.blog-single .blog-entry { box-shadow: none; } +.blog-single .blog-entry .blog-detail { padding: 0; margin-top: 20px; } + +.blog-single .blockquote { font-style: italic; line-height: 30px; background: #f6f7f8 !important; } +.blog-single .blog-entry.blockquote blockquote { background: #f6f7f8;color: #626262; } +.blog-single .blog-entry.blockquote blockquote cite { color: #F5A623; } +.blog-single .entry-share .tags { display: inline-block; } +.blog-single .blog-entry.blockquote blockquote:before { color: #323232; top: 20px; } + +/*blog-comments*/ +.comments-1 .comments-photo { width: 106px; height: auto; float: left; border:5px solid #f7f7f7; margin-right: 20px; } +.comments-1 .comments-photo img { width: 100%; } +.comments-1 .comments-info { display: table; background: #f7f7f7; padding: 20px; margin-bottom: 20px; } +.comments-1 .comments-info h4 { display: inline-block; } +.comments-1 .comments-info span { font-size: 13px; color: #626262; } +.comments-1 .comments-info a { color: #F5A623; } +.comments-1 .comments-info a:hover { color: #363636; } +.comments-1.comments-2 { padding-left: 127px; } +.comments-1.comments-2 .comments-info { background: #fff; margin-bottom: 0px; padding: 20px 20px 10px; } + +/************************************* + error 404 +**************************************/ +.error-block { position: relative; z-index: 9; padding: 20px 0 130px 0px; } +.error-block .error-text { position: absolute; text-align: center; left: 0; right: 0; z-index: -1; } +.error-block .error-text h2 { font-size: 420px; line-height: 300px; color: rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0; } +.error-block .error-text span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 134px; line-height: 100px; color: rgba(0, 0, 0, 0.1); font-weight: bold; } +.error-block h1 { font-size: 87px; padding-top: 110px; } +.error-block p { font-size: 33px; } + +.error-text-02 { position: relative; text-align: center; } +.error-text-02 h2 { font-size: 420px; line-height: 300px; color: rgba(255, 255, 255, 0.2); position: relative; left: -70px; top: 0; } +.error-text-02 span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 117px; line-height: 100px; color: rgba(255, 255, 255, 0.2); font-weight: bold; } +.error-middle { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } + + +/************************************* + coming soon +**************************************/ +.coming-soon { background: transparent; } +.coming-soon-countdown ul.countdown { list-style: none; margin: 75px 0; padding: 0; display: block; text-align: center; } +.coming-soon-countdown ul.countdown li { display: inline-block; width: 24%; } +.coming-soon-countdown ul.countdown li span { font-size: 90px; font-weight: bold; line-height: 80px; color: #F5A623; } +.coming-soon-countdown ul.countdown li p { color: #626262; font-size: 20px; text-transform: capitalize; margin-bottom: 30px; } +.coming-soon .coming-soon-form input { color: #626262; } +.coming-soon-form` input { width: 50%; color: #fff; display: block; margin: 0 auto; } +.coming-soon-form.contact-form input { width: 50%; display: block; margin: 0 auto; } +.coming-soon-middle { padding: 100px; display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } + +/************************************* + Register +**************************************/ +.register-form .section-field { display: block; } +.register-form .field-widget { position: relative; } +.register-form .field-widget input { width: 100%; margin-bottom: 20px; padding-left: 30px; } +.register-form .field-widget select { width: 100%; margin-bottom: 20px; padding-left: 15px; } +.register-form .field-widget input.gui-input { padding-left: 140px;} +.register-form .field-widget .button { background: #666; height: 46px; left: 0; margin: 2px; position: absolute; text-align: center; top: 0; width: 115px; border:0; } +.register-form .nice-select { float: none; margin-bottom: 20px; background: #f6f7f8; border:0; } +.remember-checkbox a {color: #F5A623; } +.remember-checkbox label { position: relative; padding-left: 30px; font-size: 14px; cursor: pointer;} +.remember-checkbox label:before, label:after { font-family: FontAwesome; font-size: 17px; position: absolute; top: -3px; left: 0; padding-left: 2px; border-radius: 6px; } +.remember-checkbox label:before { border: 2px solid #F5A623; content: ""; height: 20px; margin-top: 3px; width: 20px; } +.remember-checkbox label:after { content: '\f00c'; max-width: 0; overflow: hidden; opacity: 0.5; transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; } +.remember-checkbox input[type="checkbox"] { display: none; } +.remember-checkbox input[type="checkbox"]:checked + label:after { max-width: 25px; opacity: 1; } +/*all id*/ +#one+label:before, #one+label:after {color: #F5A623;} +#two+label:before, #two+label:after {color: #F5A623;} +#three+label:before, #three+label:after {color: hsl(120, 45%, 40%); } +#four+label:before, #four+label:after {color: hsl(180, 45%, 40%); } +#five+label:before, #five+label:after {color: hsl(240, 45%, 40%); } +#six+label:before, #six+label:after {color: hsl(300, 45%, 40%); } + +/************************************* + Login +**************************************/ +.full-height-bg { height: 100vh; } +/*login-2-social*/ +.login-social li { display: inline-block; margin: 2px 0px; } +.login-social li a { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;} +.login-social li a.fb { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #4c70ad; border-radius:30px; } +.login-social li a.twitter { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #25b6e6; border-radius:30px; } +.login-social li a.pinterest { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #dd4b39; border-radius:30px; } +.login-social li i { border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px; } +.login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover { background: #F5A623; } + +/*login 02*/ +.section-transparent { background: transparent; } +.login-bg { background: #ffffff; border-radius: 10px; } +.login-bg .login-title { background: #F5A623; padding: 30px; border-radius: 10px 10px 0 0; } +.login-bg .login-form { padding: 40px 30px; } +.login-bg .login-social { padding: 30px; background: #f6f7f8; border-radius: 0 0 10px 10px; } + +/*login 02*/ +.register-bg { background: #ffffff; border-radius: 10px; } +.register-bg .register-title { background: #F5A623; padding: 30px; border-radius: 10px 10px 0 0; } +.register-bg .register-form { padding: 30px 30px 50px; } + +/************************************* + maintenance +**************************************/ +img.logo-small { height: 40px; margin: 30px 0; position: relative; } +.maintenance-main i { font-size: 100px; margin-bottom: 10px; color: #e4e4e4; } +.maintenance-main h1 { font-size: 62px; text-transform: uppercase; font-weight: bold; } +.maintenance-main p { font-size: 26px; line-height: 35px; margin-bottom: 70px;} +.maintenance-form { width: 76%; margin: 0 auto; } +.maintenance-form p { font-size: 19px; } +.maintenance-form input { width: 50%; margin: 0 auto; } + +/*maintenance 2 */ +.maintenance-main h1 { font-size: 40px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; } +.maintenance-contant p { line-height: 25px; margin-top:20px; font-size: 14px; } +.progress-new { margin-top: 50px; height: 50px; background: #f6f7f8; border-radius: 0; margin-bottom: 50px; margin-left: auto; margin-right: auto; width: 50%; } +.progress-bar-new { line-height: 50px; background-color: #F5A623; color: #ffffff; font-size: 20px; padding-left: 20px; } +.progress-bar-new span { position: absolute; right: 30px; color: #323232; font-weight: bold; font-size: 20px; } +.progress-bar-striped, +.progress-striped .progress-bar-new { + background-image: linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); +} + +/************************************* + Our clients +**************************************/ +/*clients-box*/ +.clients-box { background: #f7f7f7; padding: 20px; } +.clients-photo { position: relative; margin-right: 20px; width: 200px; height: 200px; float: left; display: table-cell; text-align: center; vertical-align: middle; background: #fff; } +.clients-photo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } +.clients-info { display: table; } +.clients-info i { padding-right: 10px; } +.clients-info a { font-size: 14px; color: #F5A623; } +.clients-info a:hover { color: #626262; } +.clients-info p { margin-top: 10px; } +.happy-clients .tab-content { padding: 0 30px; position: relative; text-align: left; } +.happy-clients .tab-content .quoter-icon { position: absolute; left: 0; top: -10px; font-size: 120px; line-height: 1; color: #F5A623;} +.happy-clients .tab-content p{padding-left: 30px; font-size: 18px; padding-top: 10px; font-style: italic; } +.happy-clients .nav-tabs li { overflow: visible; display: inline-block; padding: 0 5px; } +.happy-clients .nav.nav-tabs li a, .happy-clients .nav.nav-tabs li a:hover, .happy-clients .nav.nav-tabs li a:focus { background: none; padding: 0; border:0; outline: none; background: transparent !important;} +.happy-clients .nav-tabs li img {width: 96px; opacity: 0.1; height: 96px; border-radius: 50%; } +.happy-clients .nav-tabs li.active img, .happy-clients .nav-tabs li:focus img { border: 4px solid #fff; opacity: 1; top: -2px; box-shadow: 0 0 40px rgba(0,0,0,.3); } +.happy-clients .testimonial-avatar { position: relative; right: inherit; left: inherit; top: inherit; width: inherit; height: inherit; margin-left: inherit; margin-top: 30px; } +.happy-clients .nav-tabs { border: 0; } + +/*********************************** + process +************************************/ +.process-list .col-sm-12 { padding: 0 50px; } +.process { margin: 0px; border: 2px dashed rgba(0, 0, 0, 0.3); position: relative; width: 100%; float: left; padding-bottom: 50px; padding-top: 50px; min-height: inherit; } +.process.left { border-right: 0; border-top: 0; } +.process.right { border-left: 0; border-top: 0; } +.process .border-area.left-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; left: -2px; z-index: 99; } +.process .border-area.left-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.right-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } +.process .border-area.right-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.right-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } +.process .border-area.right-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.left-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; left: -2px; } +.process .border-area.left-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); } +.process:first-child { padding-top: 0; } +.process.left:first-child .process-step { top: 0; } +.process:last-child { border-bottom: 0; } +.process:last-child .border-area.left-bottom { bottom: 0; } +.process:last-child .border-area.left-bottom:before { border-bottom-left-radius:0; border-bottom: 0; } +.process.left .process-step { position: absolute; top: 50px; left: -35px; z-index: 999; } +.process.right .process-step { position: absolute; top: 50px; right: -35px; z-index: 99; } +.process.left .process-content { padding-left: 80px; } +.process.right .process-content{ padding-right: 80px; } +.process .process-step strong { width: 70px; height: 70px; line-height: 70px; text-align: center; background: #F5A623; border-radius: 100%; display: inline-block; + z-index: 99; font-size: 20px; color: #fff; } +.process .process-content { position: relative; z-index: 99; } +.process .process-content span { font-size: 80px; line-height: 80px; color: #F5A623; } +.process.left .process-content .process-icon { display: table-cell; padding-right: 30px; } +.process.left .process-content .process-info { display: table-cell; vertical-align: top; } +.process.right .process-content .process-icon { float: right; padding-left: 30px; } +.process.right .process-content .process-info { display: table-cell; vertical-align: top; } + +/************************************* + Careers +**************************************/ +.agency-about { padding-bottom: 100px; } + +/*careers accordion*/ +.careers .acd-des span { display: block; } + +/*careers form*/ +.careers-from .section-field label { margin-bottom: 10px; } + +/************************************* + sitemap +**************************************/ +.sitemap h4 { margin-bottom: 25px; text-transform: capitalize; } +.sitemap h4 i { padding-right: 10px; } +.sitemap ul li { display: block; line-height: 34px; } +.sitemap ul li i { padding-right: 10px; } +.sitemap ul li a { font-size: 14px; color: #626262; text-transform: capitalize; } +.sitemap ul li a:hover { color: #F5A623; } + +/************************************* + privacy-policy +**************************************/ +.privacy-policy ul li { font-size: 14px; line-height: 30px; } +.privacy-policy ul li i { padding-right: 10px; } + +/************************************* + page sidebar +**************************************/ +.page-sidebar .page-content ul li { font-size: 14px; line-height: 30px; } +.page-sidebar .page-content ul li i { } + +/************************************* + terms and conditions +**************************************/ +.terms-and-conditions ul li { font-size: 14px; line-height: 30px; } +.terms-and-conditions ul li i { padding-right: 10px; } + + +.special-feature .feature-text {padding:40px;} +.special-feature { padding-bottom:-117px; } +.special-feature .row-eq-height.no-gutter { position:relative; z-index:99; margin-top:-117px; } + +/************************* + BG - Images +*************************/ +.parallax { background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -ms-background-size: cover !important; position: relative; z-index: 0; background-origin: initial; background-position: center bottom !important; background-repeat: no-repeat; } +.gradient-overlay{position:relative;} +.gradient-overlay:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background:url(../images/construction/bg/gradient-overlay1.png) repeat-y left 0;} + +/************************************* + Footer +**************************************/ +.footer.black-bg{background: #1a1a1a;} +.footer.black-bg p { color: rgba(255,255,255,0.5); } +.footer.black-bg .social-icons li a { color: rgba(255,255,255,0.5); } +.footer p{font-size: 14px;} +.footer-logo img { width: 65%; } +.footer h6{font-size: 14px;} +.addresss-info li { font-size: 14px; margin-bottom: 15px; color: rgba(255,255,255,0.5); list-style: none; } +.addresss-info i{ color:rgba(255,255,255,0.5); padding-right: 5px; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 14px; } +.addresss-info p { display: table; color: rgba(255,255,255,0.5); margin-bottom: 0px; } +.addresss-info li a { color: rgba(255,255,255,0.5); } +.footer a{font-size: 14px;} + +/*footer-Newsletter*/ +.footer-Newsletter { display: inline-block; width: 100%;} +.footer-useful-link.footer-hedding ul { margin-top: -6px; } +.footer-Newsletter .form-control { border-left: 0px; height: 50px; border-radius: 30px; font-size: 14px; color: rgba(255,255,255,0.3); border:none; background: #252525; padding: 10px 25px; width: 100%; } +.footer-Newsletter .form-control:focus { border:0; box-shadow: none;} +.footer-Newsletter .button.border{border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.5); padding: 10px 18px; font-size: 12px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.footer-Newsletter .button.border:hover { color: #ffffff; } +.footer-useful-link ul li { list-style: none; margin-bottom: 12px;} +.footer-useful-link ul li:last-child { margin-bottom: 0; } +.footer-useful-link ul li a { color: rgba(255,255,255,0.5); font-size: 14px; vertical-align: top; display: block; line-height: 26px; } +.footer-useful-link ul li a:hover { color: #F5A623; } +/*transparent*/ +.footer-Newsletter.transparent .form-control { background: rgba(0, 0, 0, 0.04); } +.footer-Newsletter.transparent .form-control::-moz-placeholder { color: #323232; } +.footer-Newsletter.transparent .form-control::-ms-input-placeholder { color: #323232; } +.footer-Newsletter.transparent .form-control::-webkit-input-placeholder { color: #323232; } + +/*footer-widget*/ +.footer-widget { padding: 20px 0; border-top: 1px solid #262626;} +.footer-widget p{font-size: 14px; color: rgba(255,255,255,0.5); letter-spacing: 0.5px;} +.footer-widget a { color: #F5A623; } +.footer-widget a:hover { color: #F5A623; } +.footer-widget-social {margin-top: 5px; } +.footer-widget-social li { display: inline-block;} +.footer-widget-social a i { display: inline-block; color: rgba(255,255,255,0.5); background: none; border-radius: 50%; width: 35px; height: 35px; text-align:center; line-height: 37px; font-size: 14px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} +.footer-widget-social a i:hover{background: #F5A623;} +.footer .footer-nav ul li { display: inline-block;} +.footer .footer-nav ul li a { margin: 0 5px; color: #323232;} +.footer .footer-nav ul li a:hover { color: #F5A623; } +.footer .social ul li {display: inline-block;} +.footer .social ul li a i { font-size: 14px; width: 45px; height: 45px; line-height: 45px; text-align: center; float: none; color: #323232;} +.footer .social ul li a i:hover{color: #F5A623;} +.footer .social ul{background: #f6f7f8; display: inline-block; border-radius: 30px; padding: 0px 10px;} +.footer .usefull-link ul li {display: block; border-bottom: 0px; line-height: 24px; padding: 5px 0; } +.footer .usefull-link ul li a{color: #323232;} +.footer .usefull-link ul li a:hover { color: #F5A623; } +.footer .copyright { padding: 30px 0 20px;} +.footer .copyright ul li a {color: #323232;} +.footer .copyright ul li a:hover {color: #F5A623;} +img#logo-footer{ height: 50px; width: auto; } +.footer.light .footer-nav ul li a{color: #fff;} +.footer.light .footer-nav ul li a:hover { color: #323232; } +.footer.light h6{color: #fff;} +.footer.light .about-content p{color: #fff;} +.footer.light .usefull-link ul li a{color: #fff;} +.footer.light .usefull-link ul li a:hover {color: #323232;} +.footer.light .copyright ul li {color: #fff;} +.footer.light .copyright ul li a {color: #ffffff; font-size: 14px;} +.footer.light .copyright ul li a:hover {color: #323232; } +.footer.light.footer-topbar .copyright ul li { color: #ffffff } +.footer.light .copyright p {color: #fff;} +.footer.light .social ul li a i {color: #F5A623;} +.footer.light .social ul li a:hover i {color: #323232;} +.footer .footer-text p{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} +.footer .footer-social ul li a{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} +.footer .footer-social ul li a:hover { color: #F5A623 !important; } +.footer.footer-topbar .copyright ul li{color:rgba(255, 255, 255, 0.5) !important;} +.footer.footer-one-page .contact-add i { font-size: 20px } +.footer.footer-one-page h5 { color: rgba(255,255,255,0.5); } +.footer.footer-one-page p { color: rgba(255,255,255,0.5); } + +/* footer transparent*/ +.footer.transparent h6, .footer.transparent p, .footer.transparent ul li a, .footer.transparent span { color: #ffffff; } + +/*widget-gallery*/ +.footer .footer-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; } +.footer .footer-tags li { display: inline-block; } +.footer .footer-tags li a { background: transparent; color: #fff; border:1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.footer .footer-tags li a:hover { background: #F5A623; } + +/*footer-social-big*/ +.footer-social-big ul li { display: inline-block; padding: 10px; width: 70px; text-align: center; background: rgba(255, 255, 255, 0.1); } +.footer-social-big ul li.facebook { background: #5d82d1; } +.footer-social-big ul li.pinterest { background: #e13138; } +.footer-social-big ul li.linkedin { background: #238cc8; } +.footer-social-big ul li i { color: #ffffff; display: block; width: 30px; height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.2); border-radius: 50%; margin: 0 auto; } +.footer-social-big ul li span { display: block; text-align: center; color: #ffffff; margin-top: 10px; font-size: 11px; } + +/*footer-box*/ +.footer-box { background: rgba(102, 102, 102, 0.2); padding: 30px; clear: both; margin-bottom: 40px; margin-top: 60px; } +.footer-box .box-content { display: table-cell; vertical-align: top; } +.footer-box .box-link { display: table-cell; padding-left: 20px; vertical-align: middle; } +.footer-box .box-link a { display: block; padding: 8px 16px; width: 140px; } + +/*google-map*/ +.google-map { background: #; } +.google-map .row [class*='col-'] { min-height: 0; } +.map-icon { position: relative; z-index: 999; cursor: pointer; } +.google-map .map-icon:before { cursor: pointer; content: "\f041"; font-family: "FontAwesome"; font-size: 30px; font-weight: normal; right: 0; position: absolute; text-indent: 0; top: -32px; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #ffffff; color: #F5A623; text-align: center; } +.google-map.google-map-open .map-icon::before { content: "\f00d"; } +.google-map .map-open { height: 0; overflow: hidden; transition: all 900ms ease; } +.google-map .map-open iframe { height: 300px; } +.google-map-open .map-open { height: 300px; } +.pos-r{position: relative;} +.img-side img{max-width: 100%} +.img-side.img-left {left: 0;} +.img-side {padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100;} +.font-bold {font-weight: 600} +.no-gutter{ margin-right:0; margin-left:0;} +.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;} + +/*youtube-video*/ + .popup-video { position: relative; } +.popup-video .play-video { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } +.popup-video .play-video { width: 50px; height: 50px; } +.popup-video .play-video a { width: 50px; height: 50px; } +.popup-video .play-video a i { line-height: 50px; } +.popup-video .play-video:hover { transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); background-color: #ffffff; } +.popup-video .play-video:hover a { color: #F5A623; } +.play-video { cursor: pointer; position: relative; width: 100px; height: 100px; margin: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } +.play-video { background-color: #F5A623; -webkit-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); -moz-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); } +.play-video a { color: #fff; width: 100px; height: 100px; position: absolute; top: 0; left: 50%; padding-left: 5px; transform: translateX(-50%); } +.play-video a i { line-height: 100px; } +.play-video:hover a { color: #F5A623; } +.play-video:after { content: ''; top: 0; left: 0; padding: 0; z-index: -1; opacity: 0; pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); } + +.play-video:hover{background: #ffffff; color: #F5A623; border-color:transparent !important;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-box-shadow:2px 6px 18px transparent !important;-moz-box-shadow:2px 6px 18px transparent !important;box-shadow:2px 6px 18px transparent !important} +.play-video:hover:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms; -moz-animation:sonarEffect 1.3s ease-out 75ms; animation:sonarEffect 1.3s ease-out 75ms;} +@-webkit-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-webkit-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}} +@-moz-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-moz-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}} +@keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);transform:scale(1.5);opacity:0; }} +.my-contact .contact-icon{float: left; margin-right: 25px;} +.my-contact .contact-icon span{color: #fff ! important;} + +/************************************* + index portfolio 4 +**************************************/ +.portfolio-item.simple-effect .portfolio-overlay span { color: #363636; } +.portfolio-item.simple-effect .portfolio-overlay span a { color: #363636; } +.portfolio-item.simple-effect .portfolio-overlay a:hover { color: #F5A623; } +.portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #F5A623; } +.portfolio-item.simple-effect .portfolio-overlay { z-index: 9; opacity: 0; bottom: inherit; background: transparent; top: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: center; } +.portfolio-item.simple-effect:hover:before { position: absolute; width: 100%; height: 100%; content: ""; background: rgba(255, 255, 255, 1); z-index: 1; background-size: 115%; + -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.6s cubic-bezier(.68,.11,.13,.98); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.portfolio-item.simple-effect:hover .portfolio-overlay { top: 50%; opacity: 1; } + +/*footer*/ +.footer .container-fluid { padding: 0 60px; } +#footer-fixed { position: fixed; bottom: 0; width: 100%; z-index: -1; box-shadow: inset 0 27px 60px -25px rgba(0,0,0,0.3); } +.footer.footer-simple ul li a, .footer.footer-simple p, .footer.footer-simple i, .footer.footer-simple li { color: #ffffff; font-weight: bold; font-size: 16px; } +.footer.footer-simple ul li a:hover { color: rgba(255, 255, 255, 0.6); } +.footer.footer-simple .social-icons li a { color: #ffffff; width: 100%; } +.footer.footer-simple .social-icons li a:hover { color: rgba(255, 255, 255, 0.6); } + +/*elements*/ +.full-width { width: 100%; } +.height-100vh { height: 100vh; } +.pos-bot { position: absolute; bottom: 0; width: 100%; } +.vertical-align { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } + +/************************************* + index portfolio 04 about +**************************************/ +.portfolio-03-about { padding-left: 50px; } +.portfolio-03-about p { font-size: 16px; font-weight: 600; } + +/************************************* + index portfolio single +**************************************/ +/*popup-video*/ +.popup-video-image { position: relative; } +.popup-video-image:before { background: rgba(37, 41, 51, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } +.popup-video-image a i { color: #ffffff; text-align: center; line-height: 60px; width: 60px; height: 60px; background: #F5A623; display: inline-block; margin: 0 auto; + border-radius: 50%; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); + -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; font-size: 20px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } +.popup-video-image a i:hover { background: #323232; } + +/************************************* + index 11 +**************************************/ + +/*index 11*/ + /*slider-parallax typer-banner business*/ + .slider-parallax.typer-banner.business h1 { font-family: 'Dosis', sans-serif; } + .slider-parallax.typer-banner.business p { padding: 0 200px; line-height: 34px; font-size: 26px; font-weight: 600; display: block; } + + /*play-video*/ +.custom-content-02 .feature-text p { line-height: 28px; } +.play-video-section .play-video { box-shadow: none; background: #ffffff; width: 60px; height: 60px; line-height: 60px; } +.play-video-section .play-video a { color: #F5A623; line-height: 60px; } +.play-video-section .play-video a i { line-height: 60px; padding-right: 3px; } +.play-video-section .play-video:after {box-shadow: none; } +.play-video-section .content { padding: 0 100px; } +.play-video-section .content h2 { font-family: 'Dosis', sans-serif; } +.custom-content-03 h2 { font-family: 'Dosis', sans-serif; font-size: 40px; line-height: 50px; } + +/*blockquote-section*/ +.blockquote-section { position: relative; z-index: 9; } +.blockquote-section blockquote { font-size: 50px; font-weight: 600; line-height: 60px; border-left: 0; padding-left: 0; font-family: 'Dosis', sans-serif; } +.blockquote-section blockquote cite { font-size: 16px; font-weight: 600; margin-top: 40px; line-height: 30px; font-family: 'Nanum Gothic', serif; font-style: normal; } +.blockquote-section blockquote cite span { display: block; font-size: 14px; } +.blockquote-section blockquote.quote { padding-top: 100px; } +.blockquote-section blockquote.quote:before { color: #F5A623; left: 0; top: 0; font-size: 120px; line-height: 120px; } +.blockquote-section .blockquote-section-left { margin-left: 60px; } +.blockquote-section .blockquote-section-right { margin-left: -120px; position: relative;z-index: -1; } + +/************************************* + footer +**************************************/ +.footer.gray-footer .footer-Newsletter .form-control { background: #ffffff; color: #323232; height: 60px; line-height: 60px; box-shadow: 0 10px 50px rgba(0,0,0,0.1); } +.footer.gray-footer .footer-widget { border-top: none; } +.footer.gray-footer .footer-widget p { color: #323232; } + +.footer.gray-footer .footer-Newsletter .form-control::-moz-placeholder { color: #323232; } +.footer.gray-footer .footer-Newsletter .form-control::-ms-input-placeholder { color: #323232; } +.footer.gray-footer .footer-Newsletter .form-control::-webkit-input-placeholder { color: #323232; } + +/************************************* + portfolio +**************************************/ +.portfolio-item.image-text { position: relative; } +.portfolio-item.image-text .portfolio-overlay { bottom: 30px; background: transparent; } +.portfolio-item.image-text .portfolio-overlay span { display: block; } +.portfolio-item.image-text:before { position: absolute; width: 100%; bottom: 0; content: ""; ackground: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; } +.portfolio-item.image-text .portfolio-overlay a.button { padding: 6px 16px; } +.portfolio-item.image-text .portfolio-overlay a.button span { font-size: 12px; } +.portfolio-item.image-text .portfolio-overlay a.button:hover { color: #ffffff; } + +/************************************* + coming-soon-big +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 120px; line-height: 120px; font-weight: bold; } +.coming-soon-big .countdown.medium p { font-size: 30px; line-height: 30px; font-weight: bold; } +.coming-soon-big .coming-soon-form p { font-weight: bold; } +.coming-soon-big .contact-form.transparent-form .form-control { background: rgba(255, 255, 255, 0.4); } +.coming-soon-big .button { font-weight: bold; } + +/************************************* + inner page +**************************************/ +/* about-05 */ +.about-05-split .shop-split-content { padding: 100px 0; } +/*about-mission*/ +.about-mission .popup-video-image a i { position: relative; top: inherit; left: inherit; bottom: inherit; right: inherit; } +.about-mission .popup-content { position: absolute; bottom: 0; padding: 30px 130px 30px 30px; } +.about-mission-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); } +.about-mission-box .content { padding:24px; } +.about-mission-title { padding-bottom: 250px; } +.about-mission { margin-top: -150px; } +/*faq 03*/ +.faq-page-title .form { position: relative; z-index: 9; } +.faq-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); padding: 40px; border-radius: 10px; background: #ffffff; margin-top: -60px; } +.faq-box span { font-size: 40px; line-height: 40px; margin-bottom: 20px; display: block; } +.faq-box strong { display: block; } +.faq-box a.button { padding: 8px 16px; } + +/*login-fancy*/ +.login-fancy { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); } +.login-fancy-bg { position: relative; z-index: 1; } +.login-fancy h2 { font-size: 70px; line-height: 70px; } +.login-gradient, .login-gradient-02, .login-gradient-03 { position: relative; } +.login-gradient:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9af1e1), color-stop(100%, #4003f6)); background: -webkit-linear-gradient(-315deg, #9af1e1 0%, #4003f6 100%); background: -webkit-linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); background: linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); } +.login-gradient-02:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee38a6), color-stop(100%, #ffc863)); background: -webkit-linear-gradient(-315deg, #ee38a6 0%, #ffc863 100%); background: -webkit-linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); background: linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); } +.login-gradient-03:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcdd2), color-stop(100%, #470df5)); background: -webkit-linear-gradient(-315deg, #ffcdd2 0%, #470df5 100%); background: -webkit-linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); background: linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); } + +/*login-box*/ +.login-box { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); border-radius: 0px 10px 10px 0px; } +.login-box-bg { position: relative; z-index: 1; } +.login-box h2 { font-size: 40px; line-height: 40px; } +.login-box-main { display: table; width: 100%; } +.login-box-main-middle { display: table-cell; vertical-align: middle; } +.login-box-left { box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); height: 100%; border-radius: 10px 0 0px 10px; } +.login-box-left .logo-small { margin-left: 30px; } +.login-box-main .theme-bg { box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.2); position: relative; z-index: 1; } +.login-box-theme { position: relative; } +.login-box-theme:before { position: absolute; content: ""; height: 30px; top: -29px; width: 100%; background: #F5A623; left: 0; } +.login-box-theme:after { position: absolute; content: ""; height: 30px; bottom: -29px; width: 100%; background: #F5A623; left: 0; } +.login-box-main .nav li a { padding-left: 30px; } +.login-box-main .nav li a { display: block; text-align: left; color: #323232; border-left: 5px solid transparent; background: transparent; } +.login-box-left li.active a, .login-box-left li a:hover { border-left: 5px solid #F5A623; color: #F5A623; } +.login-box-main .nav li a i { display: inline-block; padding-right: 6px; text-align: left; margin-bottom: 10px; } +.login-box .list-unstyled.list-inline a:hover { color: #323232; } +/*login-box-02*/ +.login-box-02 { padding: 40px; border:1px solid rgba(0, 0, 0, 0.1); height: 100%; } +.login-box-02.white-overlay { background: rgba(255, 255, 255, 0.5); } +.login-signup a.text-black:hover { color: #ffffff; } + +/*login-14*/ +.login-14 { padding: 0 100px; } + +/*login-15*/ +.login-15 { padding: 0 60px; } + +/*login-signup*/ +.login-signup .tab-border .tab-content { padding: 0; } +.login-signup .login-box-02 { border:0; } + +/************************************* + boxed +**************************************/ + +@media (min-width: 1220px) { +body.boxed-layout .wrapper { float: none; width: 1220px; margin: 0 auto; position:relative; background-color: #FFF; box-shadow: 0 0 60px rgba(0,0,0,.1); -moz-box-shadow: 0 0 60px rgba(0,0,0,.1); + -webkit-box-shadow: 0 0 60px rgba(0,0,0,.1); } +/*index 01*/ +body.boxed-layout .wrapper .portfolio-title.section-title p { display: none; } +body.boxed-layout .wrapper .portfolio-title.section-title span { display: none; } + +/*index 02*/ +body.boxed-layout .wrapper .contact-3 #map { padding-top: 140%; } +body.boxed-layout .wrapper .contact-2 #map { padding-top: 90% } +body.boxed-layout .wrapper.vertical-header { width: auto; box-shadow: none; } +body.boxed-layout #footer-fixed { position: inherit !important; width: inherit; bottom: inherit !important; z-index: inherit; } +body.boxed-layout .wrapper { margin-bottom: 0 !important; } +body.boxed-layout .christmas-coming-soon { position: absolute; } + +body.frame-layout .wrapper { margin: 0 auto; margin-top: 1.5%; margin-bottom: 1.5%; width: 97%; position: relative; box-shadow: 0 0 60px rgba(0,0,0,.1); } +body.frame-layout .header.default, body.frame-layout .header.transparent, body.frame-layout header.one-page { left: 0; right: 0; } +body.frame-layout .navbar.affix { top: 0; } +body.frame-layout header.one-page.light .navbar { min-height: 10px !important; } +body.frame-layout #footer-fixed { position: inherit !important; bottom: inherit !important; z-index: inherit; } +body.frame-layout .wrapper { margin-bottom:1.5% !important; } +body.frame-layout .christmas-coming-soon { position: absolute; } + +} + +@media all and (-ms-high-contrast:none) { +.st-menu { position: absolute; } + img.bottom-img { top: 0; } +.search-cart { display: table; } +.search { display: table-cell !important; } +.shpping-cart { display: table-cell !important; } +.search-cart .shpping-cart { float: none !important; } + .mega-menu > section.menu-list-items .search-cart .search { float: none !important; } + .search-cart .shpping-cart { vertical-align: middle; } +} + + +@media (max-width: 1100px) { +.isotope-filters button { margin: 2px; cursor: pointer; padding: 6.5px 13px; font-size: 16px; background: transparent; color: #363636; font-weight: 600; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } +} + + diff --git a/apply/css/back/style_org.css b/apply/css/back/style_org.css new file mode 100644 index 0000000..434f9c1 --- /dev/null +++ b/apply/css/back/style_org.css @@ -0,0 +1,1735 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Version: 1.0 +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. + +*/ + + +/*================================================ +[ Table of contents ] +================================================ + :: Header + - topbar + - search + - Cart + - FullWidth + - Light + - Dark + - Left-menu + - Logo-center + - Fancy + - fancy without-topbar + - Side menu icon + - Vertical header + - One page Header + :: Slider (all home page main sliders ) + :: - Slider-parallax one page + :: - Mobile slider + :: Background + :: Home page section + :: Decolines + :: Awesome features + :: Feature Step + :: About Us + :: Resume + :: Portfolio + :: - Portfolio item + :: - Portfolio-item-2 + :: - Portfolio single page + :: Our Blog + :: Our services + :: Creativity + :: Our History + :: Our Service Objects + :: Sidebar + :: About me + :: Team page + :: Error 404 + :: Coming soon + :: Register + :: Login + :: maintenance + :: Our clients + :: Process + :: Careers + :: Sitemap + :: Privacy-policy + :: Page sidebar + :: Terms and conditions + :: Footer + :: Boxed + + v1.2 + :: index portfolio 4 + :: index portfolio 04 about + :: index portfolio single + +====================================== +[ End table content ] +======================================*/ + +/************************* + Header +*************************/ +.default { background: transparent; z-index: 9999; position: absolute; width: 100%; } +/*topbar*/ +.topbar { /*padding: 10px 0;*/ font-size:12px; color:#4a4a4a; } +.topbar ul li { display: inline-block; color: #fff; font-size: 12px; font-weight: normal;} +.topbar ul li:last-child { margin-right: 0px; } +.topbar ul li a { color: #4a4a4a; font-size: 12px; font-weight: normal; font-style: normal; } +.topbar-left { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; letter-spacing: -0.1em;} +.topbar-right { position: relative; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; } +.topbar ul li a:hover { font-weight:600; } +#topbar-nav {list-style:none;} +#topbar-nav li{display:inline-block; position:relative; line-height: 38px; } +#topbar-nav li:first-child > a {border: 0;} +#topbar-nav li > a {border-left: 1px solid #ccc; padding:0px 15px;} + +/*menu*/ +.menu-bar { float: right; } +.mega-menu .menu-links { float: left; } +.search-cart { display: inline-block; } +.search-cart i.icon { color: #ffffff; line-height: 20px; font-size: 14px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } +.search-cart i.icon:hover { color: #F5A623; } +.search-cart .search { display: inline-block; padding-right: 15px; padding-left: 10px; } +.search-cart .shpping-cart { display: inline-block; } +.shpping-cart a { position: relative; } +.shpping-cart strong.item { display: block; position: absolute; top: -7px; left: auto; right: -8px; font-size: 10px; color: #ffffff; width: 16px; height: 16px;line-height: 16px; text-align: center; background-color: #F5A623; border-radius: 50%; } + + /*search*/ + .search .search-btn { display: block; height: 20px; line-height: 21px; position: relative; text-indent: -9999px; width: 14px; color: #ffffff; -o-transition: color 300ms ease 0s; -moz-transition: color 300ms ease 0s; -ms-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s; transition: color 300ms ease 0s; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } + .search .search-btn:before { content: ""; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; left: 0; position: absolute; text-indent: 0; top: 0; } + .search .search-btn:hover { color: #F5A623; } + .search.search-open .search-btn:before { content: ""; } + .search-box { background: #fff; display: block; margin: 0; opacity: 0 !important; padding: 15px; position: absolute; right: 0; top: 100%; transition: visibility 300ms ease 0s, opacity 300ms ease 0s; visibility: hidden; width: 327px; z-index: 888; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; transform-origin: 0 0; transition: all 400ms ease; } + .search.search-open .search-box { opacity: 1 !important;visibility: visible !important; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); box-shadow: 0 0 50px rgba(0,0,0,.1); } + .search .search-box input { background: transparent; border:1px solid #eceff8; padding-left: 15px; border-radius: 3px; } + .search .search-box input:focus { background: transparent; border:1px solid #eceff8; } + .search .search-box i { cursor: pointer; font-size: 15px; position: absolute; right: 27px; top: 31px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } + .search .search-box i:hover { color: #F5A623; } + +/*cart*/ +.cart { opacity: 0; visibility: hidden; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,.1); position: absolute; right: 0; margin-top: 0px; right: 0; width: 300px; border: 1px solid #eceff8; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; + transform-origin: 0 0; transition: all 400ms ease;} +.cart.cart-open {-webkit-transform: rotateX(0deg); transform: rotateX(0deg);opacity: 1; visibility: visible; } +.cart:before { bottom: 100%; right: 8px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(194, 225, 245, 0); + border-bottom-color: #fff; border-width: 6px; margin-left: -8px; } +.cart-title { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; } +.cart-item { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; position: relative; } +.cart-item .cart-image { display: table-cell; padding-right: 15px; } +.cart-item .cart-image img { height: 40px; } +.cart-item .cart-name { display: table-cell; vertical-align: top; } +.cart-item .cart-name a { display: block; color: #323232; } +.cart-item .cart-name a:hover { color: #F5A623; } +.cart-item .cart-name span { color: #323232; display: inline-block; } +.cart-item .cart-name strong { padding-left: 30px; } +.cart-price del { font-size: 14px; background: transparent; color: #323232; padding-left: 0; } +.cart-price ins { text-decoration: none; color: #F5A623; font-size: 16px;font-weight: bold; } +.cart-total { padding: 20px; text-align: center; background: #f7f7f7; } +.cart-total h6 { text-align: center; } +.cart-total a { display: inline-block; margin-top: 20px; padding: 6px 18px; margin: 0; } +.cart-total a.button { display: inline-block; } +.cart-total .button + .button { margin: 0; } +.cart-item .cart-close { position: absolute; right: 20px; top: 20px; } +.cart-item .cart-close a { font-size: 14px; } +.cart-item .cart-close a:hover { color: #323232; } + +/*mega-menu */ +.mega-menu .menu-logo { padding: 25px 0 25px; } +.mega-menu .menu-logo img { height: 40px; } +.mega-menu .drop-down-multilevel.right-menu { right: 0px; } +.mega-menu > section.menu-list-items { padding: 0; } +.mega-menu .menu-links > li > a { text-transform: uppercase; font-size: 16px; font-weight: 600; line-height: 20px; } +.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; } +.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down a { color: #323232; } +.mega-menu .menu-links > li.active .drop-down li.active a { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down a:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down li.active a i { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down a i:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #F5A623; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.mega-menu .row { margin-left: 0px; margin-right: 0px; } +.mega-menu .col-md-12 { padding-left: 0px; padding-right: 0px; } +.mega-menu.desktopTopFixed .menu-logo { padding: 0px; } +.mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } +.mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } + +/*fullWidth*/ +.header.fullWidth .container-fluid { padding: 0 60px; } + +/*light*/ +.header.light { background: #ffffff; position: relative; border-bottom: 3px solid #006EBD;} +.header.light .topbar ul li { color: #333; } +.header.light .topbar ul li a { color: #333; } +.header.light .mega-menu .menu-links > li > a { color: #333; } +.header.light .mega-menu .menu-links > li > a:hover { color: #F5A623; font-weight: bold;} +.header.light .mega-menu .menu-links > li.active > a { color: #F5A623; font-weight: bold;} +.header.light .topbar {/*background-color:#e8e8e8;*/ border-bottom: 1px solid #d1d1d1;} +.header.light .search-cart i.icon { color: #323232; } +.header.light .search-cart i.icon:hover { color: #F5A623; } +.header.light .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; border-bottom: 3px solid #006EBD;} +.header.light .search .search-btn { color: #323232; } +.header.light .search .search-btn:hover { color: #F5A623; } + +/*dark*/ +.header.dark { background: #323232; position: relative; } +.header.transparent { background: rgba(0, 0, 0, 0.4); position: absolute; width: 100%; z-index: 999; } + +/*left-menu*/ +.header.left-menu .menu-bar { float: none; } +.header.left-menu .menu-links { padding-left: 30px; } +.header.left-menu .search-cart { float: right; } + +/*logo-center*/ +.header.logo-center .mega-menu { min-height: 170px; } +.header.logo-center .menu-logo { float: none; display: block; text-align: center; } +.header.logo-center .mega-menu .menu-logo > li > a { float: none; } +.header.logo-center .mega-menu .menu-logo > li { float: none; } +.header.logo-center .mega-menu img { float: none; margin: 0 auto; } +.header.logo-center .menu-bar { float: none; } +.header.logo-center .search-cart { float: right; } +.header.logo-center .mega-menu.desktopTopFixed .menu-logo { float: left; display: inline-block; } +.header.logo-center .mega-menu.desktopTopFixed .menu-logo > li > a { float: left; } +.header.logo-center .mega-menu.desktopTopFixed img { float: left; margin: 0 auto; } +.header.logo-center .mega-menu.desktopTopFixed .menu-bar { float: right; border-top: 0px solid rgba(0, 0, 0, 0.1); } +.header.logo-center .mega-menu.desktopTopFixed .search-cart { float: right; } + +/*fancy */ + +.header.fancy { background: transparent; position: relative; border-bottom: 0; } +.header.fancy .topbar { background: #F5A623; padding: 15px 0px 70px; } +.header.fancy .topbar .topbar-right li a:hover { color: #323232; } +.header.fancy .search-cart i.icon { color: #323232; line-height: 20px; } +.header.fancy .topbar-call ul li i { color: #ffffff; } +.header.fancy .mega-menu .menu-logo { padding: 26px 0px; } +.header.fancy .menu { position: absolute; width: 100%; top: 30px; } +.header.fancy .topbar + .menu { top: 60px; } +.header.fancy .mega-menu > section.menu-list-items { background: #ffffff; padding: 0px 25px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } +.header.fancy .mega-menu.desktopTopFixed > section.menu-list-items { border-bottom: 1px solid #f6f6f6; } +.header.fancy .topbar ul li a:hover { color: #323232;} + +.header.fancy .mega-menu .menu-links > li > a { color: #323232; line-height: 20px; } +.header.fancy .mega-menu .menu-links > li > a:hover { color: #F5A623; } +.header.fancy .mega-menu .menu-links > li.active > a { color: #F5A623; } +.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #ffffff; } +.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #323232; } +.header.fancy .mega-menu.desktopTopFixed .menu-logo { padding: 0; } +.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 20px; } +.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } +.header.fancy .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } +.header.fancy .search-cart i.icon:hover { color: #F5A623; } +.header.fancy .search .search-btn { color: #323232; } +.header.fancy .search .search-btn:hover { color: #F5A623; } +.header.fancy .mega-menu.desktopTopFixed .drop-down.grid-col-5 { width: 21.66666666666667%; } +.header.fancy .search-box { margin-top: -6px; } + +/*fancy without-topbar*/ +.header.fancy.without-topbar .menu { top: 30px; } +.header.burger .menu-icon { font-size: 30px; color: #323232; } +.header.burger .menu-icon:hover { color: #F5A623; } +.header.burger { position: absolute; z-index: 999; width: 100%; padding: 30px 30px; } +.header.burger .logo { display: inline-block; } +.header.burger .logo img { height: 50px; } + +/*side-menu-icon*/ +.side-menu-icon { display: inline-block; } +.side-menu-icon .menu-icon { font-size: 16px; color: #ffffff; padding-left: 15px; } +.side-menu-icon .menu-icon:hover { color: #F5A623; } + +/************************* + header text-dark +*************************/ +.header.text-dark .topbar ul li { color: #323232; } +.header.text-dark .topbar ul li a { color: #323232; } +.header.text-dark .topbar ul li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li > a { color: #323232; } +.header.text-dark .mega-menu .menu-links > li > a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active > a { color: #F5A623; } +.header.text-dark .topbar { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } +.header.text-dark .search-cart i.icon { color: #323232; } +.header.text-dark .search-cart i.icon:hover { color: #F5A623; } +.header.text-dark .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; } +.header.text-dark .search .search-btn { color: #323232; } +.header.text-dark .search .search-btn:hover { color: #F5A623; } +.header.text-dark .mega-menu .drop-down-multilevel { background: #323232; } +.header.text-dark .mega-menu .drop-down.menu-bg, .header.text-dark .mega-menu .drop-down-tab-bar { background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png); + background-repeat: no-repeat; background-position: 120% 0; } +.header.text-dark .mega-menu .drop-down, .header.text-dark .mega-menu .drop-down-tab-bar { background: #323232; } +.header.text-dark .mega-menu .drop-down a, .header.text-dark .mega-menu .drop-down-tab-bar a { color: #ffffff; } +.header.text-dark .mega-menu .drop-down i.fa, .header.text-dark .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; } +.header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.text-dark .mega-menu .drop-down-multilevel a { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel li:hover { background: #282828; } +.header.text-dark .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important; background-repeat: no-repeat; background-position: right;} +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; + background: #282828; } +.header.text-dark .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; } +.header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #F5A623; } +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #F5A623; } +/*dark-dropdown*/ +.header.dark-dropdown .mega-menu .drop-down-multilevel { background: #323232; } +.header.dark-dropdown .mega-menu .drop-down.menu-bg, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png); + background-repeat: no-repeat; background-position: 120% 0; } +.header.dark-dropdown .mega-menu .drop-down, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: #323232; } +.header.dark-dropdown .mega-menu .drop-down a, .header.dark-dropdown .mega-menu .drop-down-tab-bar a { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.dark-dropdown .mega-menu .drop-down-multilevel a { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel li:hover { background: #282828; } +.header.dark-dropdown .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important; background-repeat: no-repeat; background-position: right;} +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; + background: #282828; } +.header.dark-dropdown .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #F5A623; } +.header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #F5A623; } +/*label*/ +.header .label.label-default, .header .label.label-primary, .header .label.label-success, .header .label.label-info, .header .label.label-warning, .header .label.label-danger { color: #fff; padding: 0px 5px; line-height: 14px; display: inline-block; } + + +/************************* + one page +*************************/ +header.one-page { position: absolute; width: 100%; z-index: 999; } +.navbar-inverse { background: transparent; border: 0; } +.navbar-brand { height: auto; padding: 25px 0; } +.navbar .navbar-brand img { height: 40px; } +.navbar { min-height: 80px; } +.navbar-nav { float: right; } +.navbar-inverse .navbar-nav>li { padding: 35px 15px; } +.navbar-inverse .navbar-nav>li>a { color: #ffffff; padding: 0; text-transform: capitalize; } +.navbar-inverse .navbar-nav>li>a:hover { color: #F5A623; } +.navbar.affix { width: 100%; background: #323232; } +.navbar.affix { width: 100%; background: #323232; } +.navbar { min-height: inherit !important; } +.navbar.affix .navbar-brand img { height: 30px; } +.navbar.affix .navbar-brand { padding: 15px 0; } +.navbar.affix .navbar-nav>li { padding: 20px 15px; } + .navbar-nav>li>a { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } + +/*vertical-header*/ +.vertical-header .container-fluid { padding: 0 80px; } +.menu-responsive { display: none; } +.vertical-header .navbar { overflow-y: scroll; overflow-x: hidden; height: 100%;} +.vertical-header { padding-left: 260px; } +.header.vertical-menu { position: fixed; left: 0; top: 0; width: 260px; min-height: 100%; background: #212121; z-index: 999; -o-transition: all 1s; -webkit-transition: all 1s; + transition: all 1s; } +.header.vertical-menu .menu-bar { float: none; } +.mega-menu.vertical-left, .mega-menu.vertical-right { float: none; } +.menu-widgets { position: absolute; bottom: 20px; } +.menu-widgets .social-icons.border li a { border:2px solid; line-height: 30px; } +.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #F5A623; } +header.one-page.vertical-menu { position: fixed; left: 0; top: 0; height: 100%; background: #212121; width: 260px; padding: 30px; } +header.one-page.vertical-menu .navbar-header { float: none; margin-bottom: 20px; } +header.one-page.vertical-menu .navbar-nav { float: none; } +header.one-page.vertical-menu .navbar-nav>li { display: block; float: none; } +header.one-page.vertical-menu .navbar-inverse .navbar-nav>li { padding: 15px 0px; } +header.one-page.vertical-menu .navbar-collapse { padding: 0; } +header.one-page.vertical-menu .menu-widgets { padding: 0px; } + +header.one-page.light { position: relative; background: #ffffff; } +header.one-page.light .navbar { margin-bottom: 0; } +header.one-page.light .navbar-inverse .navbar-nav>li>a { color: #323232; } +header.one-page.light .navbar-inverse .navbar-nav>li>a:hover { color: #F5A623; } +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #F5A623; } + +header.one-page.light .navbar-inverse .navbar-collapse, header.one-page.light .navbar-inverse .navbar-form { background: #ffffff; } +header.one-page.light .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a { padding: 5px 10px; -o-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; } +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #F5A623; -webkit-box-shadow: inset 178px 0px 0px 0px #F5A623; -o-box-shadow: inset 178px 0px 0px 0px #F5A623; -ms-box-shadow: inset 178px 0px 0px 0px #F5A623; -moz-box-shadow: inset 178px 0px 0px 0px #F5A623; color: #fff; transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -moz-transition: all 0.9s ease-in; -ms-transition: all 0.9s ease-in; -o-transition: all 0.9s ease-in; } + +.one-page.nav-center .navbar-collapse.collapse { text-align: center; } +.one-page.nav-center .navbar-nav { float: none; display: inline-block; } +.one-page.transparent { background: rgba(0, 12, 27, 0.5); } +.one-page.transparent .navbar { margin-bottom: 0; } + +/*dark-text*/ +.one-page.dark-text .navbar-inverse .navbar-nav>li>a { color: #323232; } +.one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #d12326; } +.one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover { color: #d12326; } +.one-page.dark-text .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } + +/*mega menu vertical*/ +.vertical-menu .menu .menu-logo { padding: 50px 20px; } +.vertical-menu .menu .mega-menu .menu-links > li > a { padding: 0 23px; } +.vertical-menu .menu-widgets { padding: 20px; } + + @media (min-width: 1101px) { +.mega-menu { min-height: inherit; } +.mega-menu > section.menu-list-items { float: none; } +.mega-menu > section.menu-list-items > .container, +.mega-menu > section.menu-list-items > .container > .row, +.mega-menu > section.menu-list-items > .container > .row > div { height: 100%; } +.mega-menu > section.menu-list-items .menu-bar { height: 100%; } +.mega-menu > section.menu-list-items .menu-bar > ul{ display: table !important; height: 100%; } +.mega-menu > section.menu-list-items .menu-bar > ul > li { display: table-cell; vertical-align: middle; float: none; } +.mega-menu .drop-down, .mega-menu .drop-down-tab-bar, .mega-menu .drop-down-multilevel { top: 100%; } +.mega-menu > section.menu-list-items .search-cart { height: 100%; } +.mega-menu > section.menu-list-items .search-cart .search { vertical-align: middle; display: table; height: 100%; float: left; } +.header .search .search-btn { display: table-cell; vertical-align: middle; position: relative; width: 10px; float: none; clear: both; height: 100%; } +.search .search-btn:before { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } +.search-cart .shpping-cart { display: table; float: left; height: 100%; } +.shpping-cart a { position: relative; display: table-cell; vertical-align: middle; } +.shpping-cart strong.item { display: block; position: absolute; top: 50%; border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); margin-top: -10px; } +.cart { top: 100%; } +.mega-menu > section.menu-list-items > .container-fluid, +.mega-menu > section.menu-list-items > .container-fluid > .row, +.mega-menu > section.menu-list-items > .container-fluid > .row > div { height: 100%; } +.logo-center .mega-menu > section.menu-list-items .menu-bar > ul { height: auto; } +.logo-center .mega-menu > section.menu-list-items .menu-bar > ul > li { display: inline-block; } +.logo-center .mega-menu > section.menu-list-items .search-cart { height: auto; } +.logo-center .mega-menu > section.menu-list-items .menu-bar { height: auto; } +.logo-center .mega-menu .drop-down, .logo-center .mega-menu .drop-down-tab-bar, .logo-center .mega-menu .drop-down-multilevel { top: auto; } +.logo-center .mega-menu .menu-links > li > a { line-height: 72px; } +.logo-center.header .search .search-btn { line-height: 72px; } +.logo-center .search-cart i.icon { line-height: 72px; } +.logo-center .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 60px; } +.logo-center .mega-menu.desktopTopFixed .search .search-btn { line-height: 60px; } +.logo-center .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 60px; } +.logo-center .search .search-btn:before { top: inherit; transform: inherit; } +.logo-center .search-cart .shpping-cart { float: right; } + +.vertical-menu .mega-menu > section.menu-list-items .menu-bar { height: auto; } +.vertical-menu .mega-menu > section.menu-list-items .menu-bar > ul > li { display: block; } +.search-cart .side-menu-icon { display: table; float: left; height: 100%; } +.side-menu-icon .menu-icon { position: relative; display: table-cell; vertical-align: middle; } + +.header.light .mega-menu { min-height: 90px; } + +} + +/************************************* + Slider (all home page main sliders ) + **************************************/ +.rev-slider { overflow: hidden; position: relative; } + + + /*slider 10*/ +#rev_slider_14_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; } + #rev_slider_14_1 .zeus .tp-bullet{box-sizing:content-box; -webkit-box-sizing:content-box; border-radius:60%; background-color:rgba(255,255,255,0.5); -webkit-transition:opacity 0.3s ease; transition:opacity 0.3s ease; width:14px;height:14px; border:0px solid rgb(255,201,4)}#rev_slider_14_1 .zeus .tp-bullet:after{content:""; position:absolute; width:100%; height:100%; left:0; border-radius:60%; background-color:rgb(255,201,4); -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:-webkit-transform 0.3s ease; transition:transform 0.3s ease}#rev_slider_14_1 .zeus .tp-bullet:hover:after,#rev_slider_14_1 .zeus .tp-bullet.selected:after{-webkit-transform:scale(1.2); transform:scale(1.2)}#rev_slider_14_1 .zeus .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{width:135px; height:60px; position:absolute; background:#000; background:rgba(0,0,0,0.5); bottom:13px; margin-bottom:10px; transform:translateX(-50%); -webkit-transform:translateX(-50%); box-sizing:border-box; background-size:cover; background-position:center center; visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; border-radius:4px}#rev_slider_14_1 .zeus .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(-50%); -webkit-transform:translateX(-50%)}#rev_slider_14_1 .zeus .tp-bullet-title{color:rgb(255,255,255); text-align:center; line-height:15px; font-size:13px; font-weight:600; z-index:3; visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; position:absolute; bottom:45px; width:135px; vertical-align:middle}#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-imageoverlay{opacity:1; visibility:visible; -webkit-transform:translateY(0px) translateX(-50%); transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{bottom:auto; margin-right:10px; margin-bottom:0px; right:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title{bottom:auto; right:100%; margin-right:10px}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-imageoverlay{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{bottom:auto; margin-left:10px; margin-bottom:0px; left:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title{bottom:auto; left:100%; margin-left:10px}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{bottom:auto; top:13px; margin-top:10px; margin-bottom:0px; left:0px; transform:translateY(0px) translateX(-50%); -webkit-transform:translateX(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet:hover .tp-bullet-image{transform:scale(1) translateY(0px) translateX(-50%); -webkit-transform:scale(1) translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateY(0px) translateX(-50%); -webkit-transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title{bottom:auto; top:13px; margin-top:20px} +#rev_slider_14_1 .uranus.tparrows{width:50px; height:50px; background:rgba(255,255,255,0)}#rev_slider_14_1 .uranus.tparrows:before{width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s}#rev_slider_14_1 .uranus.tparrows:hover:before{opacity:0.75} + + +/************************************* + slider-parallax one page +**************************************/ +.slider-parallax { height: 86vh; position: relative; } +.slider-content-middle { position: absolute; display: inline-block; width: 100%; top: 50%; left: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); + -ms-transform: translate(0,-50%);-o-transform: translate(0,-50%); transform: translate(0,-50%); } +/*scroll-down*/ +.scroll-down { text-align: center; width: 34px; height: 58px; display: inline-block; border-radius: 20px; border:2px solid #fff; position: absolute; left: 50%; bottom: 60px; +margin-left: -17px; line-height: 50px; } +.scroll-down i { height: 10px; width: 4px; background: #fff; display: inline-block; border-radius: 3px; -webkit-animation-name:fadebounce; -moz-animation-name:fadebounce; -ms-animation-name:fadebounce; -o-animation-name:fadebounce; animation-name:fadebounce; -webkit-animation-duration:3s; -moz-animation-duration:3s; -ms-animation-duration:3s; -o-animation-duration:3s; + animation-duration:3s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; + animation-iteration-count:infinite; } +@-moz-keyframes fadebounce { +0% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; } +50% { -moz-transform:translateY(25px); transform:translateY(25px); opacity:1; } +100% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@-webkit-keyframes fadebounce { +0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } +50% { -webkit-transform:translateY(25px); transform:translateY(25px); opacity:1; } +100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@-o-keyframes fadebounce { +0% { -o-transform:translateY(0); transform:translateY(0); opacity:1; } +50% {-o-transform:translateY(25px);transform:translateY(25px);opacity:1; } +100% {-o-transform:translateY(0);transform:translateY(0);opacity:1; } +} +@-ms-keyframes fadebounce { +0% { -ms-transform:translateY(0); transform:translateY(0); opacity:1; } +50% {-ms-transform:translateY(25px);transform:translateY(25px);opacity:1; } +100% {-ms-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@keyframes fadebounce { +0% { transform:translateY(0); opacity:1; } +50% {transform:translateY(25px);opacity:1; } +100% {transform:translateY(0);opacity:1; } +} + +/*personal-typer-banner*/ + .personal-typer-banner span.sub-text { font-size: 22px; line-height: 22px; margin-bottom: 16px; display: block; } + .personal-typer-banner b { border-bottom: 2px solid #F5A623; } + .personal-typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; color: #F5A623; } + .personal-typer-banner h1 span { color: #ffffff; font-size: 50px; display: inline-block; transform: rotate(-90deg); line-height: 50px; position: relative; top: -11px; left: -20px; } + .personal-typer-banner h2 { border-left: 3px solid #F5A623; padding-left: 10px; margin-top: 20px; } + +/*typer-banner*/ +.typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; } +.typer-banner p { font-size: 22px; line-height: 22px; } +.slider-content .typer { color: #F5A623 !important; } + +/*popup-video-banner*/ +.popup-video-banner h1 { font-size:60px; line-height:80px; font-weight: 400; } +.popup-video-banner a span{ margin-left: 6px; width: 50px; height: 50px; line-height: 50px; display: inline-block; text-align: center; background: #ffffff; color: #F5A623; border-radius: 50%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } +.popup-video-banner a:hover span { background: #F5A623; color: #ffffff; } +.popup-video-banner a strong { padding-left:10px; display: inline-block; } + + /*video-background-banner*/ +#video-background.bg-overlay-black-50:before { z-index: 0; } +.video-background-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; text-transform: uppercase; } +.video-background-banner .slider-content { border:20px solid #F5A623; width: 50%; margin: 0 auto; padding: 60px 30px; } +.video-background-banner .slider-content span { font-size: 22px; line-height: 22px; color: #ffffff; display: block; margin-bottom: 20px; } +.video-background-banner .slider-content p { font-size: 18px; line-height: 22px; color: #ffffff; margin-top: 20px; } + +/* portfolio-banner*/ +.portfolio-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; } +.portfolio-banner .slider-content { background: #ffffff; width: 50%; margin: 0 auto; padding: 60px 30px; box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.02); } +.portfolio-banner .slider-content span { text-transform: uppercase; letter-spacing: 10px; font-size: 18px; line-height: 18px; display: block; margin-bottom: 20px; font-weight: 600; } +.portfolio-banner .slider-content span i { line-height: 20px; } +.portfolio-banner .slider-content h1 { font-size: 70px; margin-bottom: 0; } + + /************************************* + Background + **************************************/ +/*images background*/ + .white-bg { background: #fff; } + .gray-bg { background: #666; } + .dark-gray-bg { background: #666666; } + .theme-bg { background: #F5A623; } + .black-bg { background: #323232; } + .dark-theme-bg { background: #050801; } + + .bg-overlay-black-10:before { background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-20:before { background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-30:before { background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-40:before { background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-50:before { background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-60:before { background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-70:before { background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-80:before { background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-90:before { background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-10:before { background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-20:before { background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-30:before { background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-40:before { background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-50:before { background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-60:before { background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-70:before { background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-80:before { background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-90:before { background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-20:before { background: rgba(132,186,63, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-50:before { background: rgba(132,186,63, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-70:before { background: rgba(132,186,63, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-90:before { background: rgba(132,186,63, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-10, .bg-overlay-black-20, .bg-overlay-black-30, .bg-overlay-black-40, .bg-overlay-black-50, .bg-overlay-black-60, .bg-overlay-black-70, .bg-overlay-black-80, .bg-overlay-black-90, .bg-overlay-white-10, .bg-overlay-white-20, .bg-overlay-white-30, .bg-overlay-white-40, .bg-overlay-white-50, .bg-overlay-white-60, .bg-overlay-white-70, .bg-overlay-white-80, .bg-overlay-white-90, .bg-overlay-theme-20, .bg-overlay-theme-50, .bg-overlay-theme-70, .bg-overlay-theme-90, { position: relative; } + + +/************************************* + home page section + **************************************/ +.our-service-home { padding-bottom: 230px; } +.custom-content { margin-top: -220px; background: #F5A623; position: relative; z-index: 9; padding: 50px;} + +/************************************* + decolines + **************************************/ +.decolines { pointer-events: none; position: absolute; width: 100%; height: 100%; top: 0;left: 0; pointer-events: none; } +.decolines--fixed { position: fixed; width: 100vw;height: 100vh; } +.decoline { position: absolute; } + +/************************************* + feature step + **************************************/ +.feature-step h1 { font-size: 60px; } +.feature-step h3 { font-weight: 300; margin: 30px 0px 20px; } +.feature-step a { font-size: 14px; color: #F5A623; } +.feature-step a:hover { color: #323232; } + +.feature-step-2-box { padding: 70px 30px; z-index: 99; position: relative; } +.feature-step-2.bg-01 { background: url(../images/blog/05.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-02 { background: url(../images/blog/06.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-03 { background: url(../images/blog/09.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-overlay-black-50:before { z-index: 0; } +.feature-step-2 .feature-step-2-title-left h1 { font-size: 75px; line-height: 60px; color: #ffffff; } +.feature-step-2 h3 { margin-bottom: 0; } +.feature-step-2 h2{font-weight: 200; position: relative; padding-bottom: 10px; font-size: 28px; } +.feature-step-2 img {display: block; width: 100%;} +.feature-step-2 .button { margin-top: 20px; } +.feature-step-2 .feature-step-2-title-left {opacity: 0.5; display: table-cell; padding-right: 26px; } +.feature-step-2-title-2-right { display: table-cell; vertical-align: top; } +.feature-step-2.black-bg .feature-step-2-box, .feature-step-2.theme-bg .feature-step-2-box{position: inherit; top: inherit; transform: inherit; display: inline-block;} +.service-blog { padding-top: 50px; padding-right: 25px; margin-bottom: 100px; } +.service-blog p { position: relative; z-index: 9; margin-top: 20px; margin-bottom: 20px; } +.service-blog b {position: absolute; z-index: 0; top: -35px; font-family: 'Poppins', sans-serif; right: -35px; font-size:300px; color: #dde1eb; line-height: normal; opacity: 0.3;} +.service-blog ul { border-right: 6px solid #F5A623; padding-right: 20px; } +.service-blog li { color: #626262; font-size: 16px; line-height: 22px; padding: 2px 0 7px; } +.service-blog.left b{left:-35px; right: inherit;} +.service-blog.left ul{border-left:6px solid #F5A623;border-right:0 none;padding-left:20px;padding-right:0;} +/*split-section*/ +.split-section { position: relative; z-index: 10; } +.split-section .img-holder { position: absolute; top: 0; width: 100%; height: 100%; } +.split-section .img-side.img-right { right: 0; } +.split-section .img-side.img-left { left: 0; } +.split-section .img-side { right: 0; padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100; } + .our-awesome-core .img-side { top: 20px; } + + /************************************* + about us + **************************************/ +.who-we-are-left .owl-carousel .owl-dots { bottom: 26px; position: absolute; } +.who-we-are-left .owl-carousel.owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; border-radius: 50%; } + + /************************************* + resume + **************************************/ +.resume-page .container-fluid { padding: 0 70px; } +.resume-block .resume-icon { float: left; margin-right: 30px; } +.resume-block .resume-icon span { font-size: 30px; line-height: 50px; color: #F5A623; } +.resume-block .resume-name { display: table-cell; } +.resume-block .resume-name span { color: #9ea8b6; font-size: 16px; } +.resume-contact #map { padding-top: 120%; } +.resume-contact .contact-form-main { padding: 80px 80px; } +.resume-contact .footer-widget-social a i { color: #ffffff; background: rgba(43, 43, 43, 0.12); width: 45px; height: 45px; line-height: 45px; } +.resume-contact .footer-widget-social a i:hover { background: rgba(43, 43, 43, 0.19); } + + /************************************* + portfolio + *************************************/ + .isotope-filters { display: table; margin:0px 0px 30px 0px; text-align: left; } +.isotope-filters.text-left { display: block; margin: 0px 0px 30px 0px; text-align: left; } +.isotope-filters button { margin: 4px; cursor: pointer; padding: 6.5px 16px; font-size: 14px; background: transparent; border-radius: 18px; color: #363636; font-weight: 600; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } +.isotope-filters button:focus { outline: none; outline-style: none; outline-offset:0; } +.isotope-filters button.active, .isotope-filters button:hover { background: #F5A623; color: #fff; border-color: #F5A623; } +.isotope-filters button+button { margin-left: px; background-color: #fff; } +.isotope, .masonry { margin: 0 -15px 0 0; } +.isotope .grid-item img { width: 100%; } +.isotope.columns-1 .grid-item { width: 100%; padding: 0 15px 15px 0; } +.isotope.columns-2 .grid-item { width: 50%; padding: 0 15px 15px 0; } +.isotope.columns-3 .grid-item { width: 33.33333333%; padding: 0 15px 15px 0; } +.isotope.columns-4 .grid-item { width: 25%; padding: 0 15px 15px 0; } +.isotope.columns-5 .grid-item { width: 20%; padding: 0 15px 15px 0; } +.isotope.no-padding .grid-item { padding: 0 !important; } +.masonry.no-padding .masonry-item { padding: 0 !important; } +.masonry .masonry-item img { width: 100%; } +.masonry.columns-2 .masonry-item { width: 50%; padding: 0 15px 15px 0; } +.masonry.columns-3 .masonry-item { width: 33.33333333%; padding: 0 15px 15px 0; } +.masonry.columns-4 .masonry-item { width: 25%; padding: 0 15px 15px 0; } +.masonry.columns-5 .masonry-item { width: 20%; padding: 0 15px 15px 0; } +.isotope.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.isotope.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } +.isotope.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.isotope.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } +.masonry.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.masonry.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } +.masonry.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.masonry.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } + + /************************************* + portfolio item + **************************************/ +.portfolio-title { padding: 100px 60px 30px; } +.portfolio-title span { display: block; } +.portfolio-item { width: 100%; position: relative; overflow: hidden; color: #fff; border: 0; position: relative; } +.portfolio-item img { width: 100%; -webkit-transition: -ms-transform 0.35s; -o-transform 0.35s; -moz-transform 0.35s; transition: transform 0.35s; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;} +.portfolio-item .portfolio-overlay { width: 100%; background: #F5A623; padding: 10px 0px; position: absolute; bottom:-80px; display: block; margin-top: 0; float: left; z-index: 9; text-align: left; padding-left: 20px; left: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item .portfolio-overlay h4 { font-weight: 600; margin-bottom: 5px; } +.portfolio-item .portfolio-overlay a:hover { color: #323232; } +.portfolio-item .portfolio-overlay span { font-weight: 400; font-size: 14px; } +.portfolio-item .portfolio-overlay span a { color: #ffffff; } +.portfolio-item .portfolio-overlay span a:hover { color: #323232; } +.portfolio-item a.popup{position: absolute; right: 20px; top: -20px; color: #fff; z-index: 9; display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 40px; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;} +.portfolio-item a.popup:hover { background: #F5A623; color: #ffffff; } +.portfolio-item:hover img { -webkit-transform:scale(1.20); -moz-transform:scale(1.20); -ms-transform:scale(1.20); -o-transform:scale(1.20); transform:scale(1.20); } +.portfolio-item:hover a.popup{ opacity: 1; top: 20px; } +.portfolio-item:before { content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-size: 115%; + -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.7s cubic-bezier(.68,.11,.13,.98); + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.owl-carousel .owl-item .portfolio-item img { width: 100%; } + .portfolio-item.only-popup { width: 100%; text-align: center; } + .portfolio-item.only-popup a.popup { display: inline-block; left: 50%; margin-left: -20px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } +.portfolio-item:hover .portfolio-overlay { bottom: 0; } +/* no-title */ +.no-title .portfolio-item .portfolio-overlay { position: inherit; bottom: inherit; background: #f6f7f8; } +.no-title .portfolio-item .portfolio-overlay a, .no-title .portfolio-item .portfolio-overlay span { color: #323232; } +.no-title .portfolio-item .portfolio-overlay a:hover { color: #F5A623; } + /*portfolio pupup*/ + .mfp-bottom-bar { display: none; } +.portfolio-home .isotope { margin-bottom: 0; } + +/************************************* + portfolio-item-2 +**************************************/ +.portfolio-item-2 { width: 100%; overflow: hidden; position: relative; } +.portfolio-item-2:before { background: transparent; } +.portfolio-item-2 .portfolio-hover { padding: 20px; position: absolute; z-index: 99; bottom: 0px; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-name { position: absolute; bottom: -10px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-name span { font-size: 14px; color: #fff; display: block; } +.portfolio-item-2 .portfolio-hover .hover-name a { font-size: 22px; text-transform: uppercase; color: #fff; display: block; margin-top: 5px; } +.portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #F5A623; } +.portfolio-item-2 .portfolio-hover .hover-icon { position: absolute; bottom: -10px; right: 30px; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-icon a { color: #fff; } +.portfolio-item-2 .portfolio-hover .hover-icon a:hover { color: #F5A623; } +.portfolio-item-2:hover .portfolio-hover { opacity: 1; background: rgba(0, 0, 0, 0.9); } +.portfolio-item-2 img { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } +.portfolio-item-2:hover img { opacity: 0.1; -webkit-transform:scale(1.10); -moz-transform:scale(1.10); -ms-transform:scale(1.10); -o-transform:scale(1.10); transform:scale(1.10); } +.portfolio-item-2:hover .portfolio-hover .hover-name { bottom: 30px; } +.portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: 40px; } +.no-title .portfolio-item-2 { overflow: visible; } +.no-title .portfolio-item-2 .portfolio-hover { position: inherit; border: inherit; opacity: 1; background: #f6f7f8; clear: both; } +.no-title .portfolio-item-2:hover .portfolio-hover { bottom: inherit; background: inherit; background: #f6f7f8; } +.no-title .portfolio-item-2 .portfolio-hover .hover-name { bottom: inherit; position: inherit; display: inline-block; clear: both; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon { bottom: inherit; position: inherit; display: inline-block; float: right; padding-top: 20px; text-align: right;} +.no-title .portfolio-item-2:hover .portfolio-hover .hover-name { bottom: inherit; } +.no-title .portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: inherit; } +.no-title .portfolio-item-2:hover img { opacity: 1; -webkit-transform:inherit; -moz-transform:inherit; -ms-transform:inherit; -o-transform:inherit; transform:inherit; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon a, .no-title .portfolio-item-2 .portfolio-hover .hover-name span, .no-title .portfolio-item-2 .portfolio-hover .hover-name a { color: #323232; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .no-title .portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #F5A623; } + + /************************************* + Portfolio single page +**************************************/ + /*tags*/ +.tags h5 { display: inline-block; padding-right: 20px; } +.tags ul { display: inline-block; } +.tags li { display: inline-block; } +.tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } + +/*share*/ +.share .social ul { display: inline-block; } +.share .social ul li { display: inline-block; padding: 0px 6px; } +.share .social ul li a:hover { color: #353535; } + +/*port-meta*/ +.port-meta ul { margin-bottom: 30px; } +.port-meta li { margin-bottom: 20px; font-size: 16px; } +.port-meta li b { color: #F5A623; width: 200px; font-weight: 400; width: 100px; display: inline-block; } +.port-meta li span { font-weight: normal; } +.port-info p { margin-bottom: 0px; } + +/*port-navigation*/ +.port-navigation { padding: 20px 0; border-bottom:1px dashed #d0d0d0; border-top: 1px dashed #d0d0d0;} +.port-navigation a { color: #626262; } +.port-arrow { height: 74px; width: 40px; text-align: center; background: #f7f7f7; display: inline-block;} +.port-arrow i { text-align: center; font-size: 25px; line-height: 75px;} +.port-photo { width: 124px; height: 77px; display: inline-block; } +.port-photo img { width: 100%; } + +/*port-post*/ +.port-post { background: #f7f7f7; padding: 15px; } +.port-post-photo { width: 170px; display: inline-block; float: left; margin-right: 20px; } +.port-post-photo img { width: 100%; } + +/*port-post-info*/ +.port-post-info { padding-left: 190px;} +.port-post-info h3 { display: inline-block; font-size: 24px; } +.port-post-info span { color: #626262; } +.port-post-social strong { font-size: 14px; } +.port-post-social a { color: #626262; margin-left: 8px; font-size: 14px; } +.port-post-social a:hover { color: #F5A623; } +.port-post-info p { margin-top: 10px; } +.port-singal .owl-carousel .owl-item img { width: 100%; } + +/************************************* + Our Blog + **************************************/ + /*Blog 1*/ +.blog-box { padding: 30px; border:1px solid #ddd; position: relative; z-index: 1; } +.blog-info { position: relative; z-index: 9; } +.blog-info span { color: #626262; font-size: 14px; margin-right: 6px; } +.blog-info h4 { font-weight: 600; font-size: 18px;} +.blog-box .post-format-icon{text-align: right; position: relative; z-index: 9} +.blog-box .post-format-icon i { padding-right: 0; font-size: 35px; color: #e1e1e1; } +.blog-info p { padding: 0px 0 10px; font-size: 14px; } +.blog-box .post-category a { display: inline-block; padding: 5px 15px; font-size: 12px; text-transform: uppercase; font-weight: 700; border-radius: 50em; color:#fff; background-color: #F5A623; -webkit-transition: all 0.3s ease; -moz-transition: ll 0.3s ease; transition: all 0.3s ease; margin-bottom: 20px;} +a.blog-btn { text-align: center; font-size: 14px; color: #F5A623; display: block; padding-bottom: 12px; position: relative; z-index: 1; } +a.blog-btn i { margin-left: 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-box .border { position: absolute; background: #F5A623; height: 0px; bottom: 0; left: 0; z-index: 0; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-box .blog-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background-size: cover; background-position: center center; } +.blog-box:hover .blog-box-img, .blog-box.active .blog-box-img { opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-1:hover h4, .blog-1:hover i, .blog-1:hover span, .blog-1:hover p, .blog-1:hover a.blog-btn, .blog-1.active h4, .blog-1.active i, .blog-1.active span, .blog-1.active p, .blog-1.active a.blog-btn,.blog-1:hover .post-category a,.blog-1:hover .post-format-icon i,.blog-1.active .post-category a,.blog-1.active .post-format-icon i { color: #fff; } +.blog-box:hover .blog-box-img:before, .blog-box.active .blog-box-img:before { background: rgba(0, 0, 0, 0.6); color: #fff; content: ""; display: inline-block; height: 100%; + left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } +.blog-box.blog-2 {padding: 0; position: relative; border:none; transition: all 0.5s ease 0s; height: 100%; } +.blog-box.blog-2 .blog-info{background: #ffffff; padding: 30px;} +.blog-box.blog-2.gray-bg .blog-info {background: #f7f7f7; } +.blog-box.blog-2 .blog-box-img{opacity: 1;} +.blog-box.blog-2 .post-format-icon{position: absolute; right: 30px; top: 30px;} +.blog-box.blog-2 .button.icon-color{text-transform: capitalize; float: right;} +.blog-box.blog-2:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);} +.blog-box.blog-2.gray-bg:hover { box-shadow: none;} +.blog-box.blog-2.transparent .blog-info { background: transparent; padding: 30px 0; } +.blog-box.blog-2.transparent .blog-info span { color: #ffffff; } + + +/*************************** + blog +***************************/ +.blog-entry { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } +.blog-entry:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } +.blog-entry .entry-image img { width: 100%; } +.blog-entry .blog-detail { background: #ffffff; padding: 30px; border-top: 0px; } +.blog-entry .blog-detail .entry-title a { font-size: 22px; font-weight: 600; line-height: 24px; color: #353535; line-height: 28px; } +.blog-entry .blog-detail .entry-title a:hover { color: #F5A623; } +.blog-entry .entry-meta ul li { display: inline-block; margin-right: 12px; } +.blog-entry .entry-meta ul li i { color: #F5A623; padding-right: 6px; } +.blog-entry .entry-meta ul li a { color: #353535; line-height: 0px; padding-right: 5px; } +.blog-entry .entry-meta ul li a i { padding-right: 6px; color: #F5A623; } +.blog-entry .entry-meta ul li a:hover { color: #F5A623; } +.blog-entry .social strong { display: inline-block; margin-right: 10px; } +.blog-entry .entry-button { display: inline-block;} +.blog-entry .social ul { display: inline-block; } +.blog-entry .social ul li { display: inline-block; padding: 0px 6px; } +.blog-entry .social ul li a:hover { color: #353535; } +.blog-entry .entry-share { margin-top: 20px; display: block; } + +/*blog-entry blockquote*/ +.blog-entry.blockquote { background: #F5A623; border: 0px; padding: 36px 30px; } +.blog-entry.blockquote blockquote { background: #F5A623; border-left: 0px; color: #ffffff; padding: 0px; position: relative; margin-top: 0 !important; padding-top: 60px; } +.blog-entry.blockquote blockquote:before { content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #ffffff; position: absolute; left: 0px; top: -20px; } +.blog-entry.blockquote .blog-detail { border: 0px; background: #F5A623; padding: 0px; } +.blog-entry.blockquote .blog-detail .entry-title a { color: #ffffff; } +.blog-entry.blockquote .blog-detail .entry-title a:hover { color: #323232; } +.blog-entry.blockquote .social ul li a { color: #ffffff; } +.blog-entry.blockquote .social ul li a:hover { color: #323232; } +.blog-entry.blockquote .entry-meta ul li a { color: #ffffff; } +.blog-entry.blockquote .entry-meta ul li i { color: #ffffff; } +.blog-entry.blockquote .entry-meta ul li a i { color: #ffffff !important; } +.blog-entry.blockquote .entry-meta ul li a:hover { color: #323232; } +.blog-entry.blockquote .button.arrow.white:hover { color: #323232; } + +/*video vimeo and youtube*/ +.js-video { height: 0; padding-top: 25px; padding-bottom: 54%; position: relative; overflow: hidden; } +.js-video.widescreen { padding-bottom: 34.34%; } +.js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: none; } +.js-video.big { padding-top: 30px; } + +.blog-entry .grid-post li { float: left; width: 50%; border-right: 4px solid #fff; border-bottom: 4px solid #fff; list-style: none; } +.blog-entry .grid-post li img { width: 100%; } +.blog-entry .grid-post li .portfolio-item { width: 100%; } + + /*blog-entry-audio*/ + .blog-entry .blog-entry-audio { padding: 136px 20px; background: url(../images/blog/04.jpg) no-repeat; background-position: center center; background-size: cover; } + + /*blog pages*/ + /*blog-grid-3-column*/ + .blog-grid-3-column .blog-entry .blog-entry-audio { padding: 63px 20px; } + .blog-grid-2-sidebar .blog-entry .blog-entry-audio { padding: 96px 20px; } + +/************************************* + our services +**************************************/ +.service-image-holder { position: relative; height: 496px; } +.service-image-holder .section-title-2 { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } +.services-text-box { background:#fff; padding: 10% 15%;} +.services-text-box-black { background:#363636; padding: 80px 50px !important; } +.services-text-box-green { background:#F5A623; padding: 80px 50px !important; } + +/************************************* + creativity +**************************************/ +.creativity h1 { line-height: 65px; text-transform: uppercase; font-size: 50px; font-weight: bold; } +.creativity p { font-size: 30px; } +.creativity .button { display: inline-block; float: none; } + .contact-map iframe { width: 100%; height: 100%; } +#formmessage {display: none;} +.contact-form .section-field { position: relative; width: 31.3%; margin-right: 3%; float: left; } +.contact-form .section-field:nth-child(3) { margin-right: 0px; } +.contact-form .section-field:nth-child(6) { margin-right: 0px; } +.contact-box.contact-box-top { margin-top: -1px; position: relative; } +.touch-in .contact-box {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); display: inline-block; margin-bottom: 0; padding: 60px 20px; width: 100%;} +.contact-box i { background: #F5A623; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 5px; font-size: 34px; color: #ffffff; display: inline-block;} +.contact-form .form-control {position: relative; width: 100%; margin-bottom: 20px; } +.section-field.textarea{width: 100%;} +.g-recaptcha.section-field {width: 100%; margin-bottom: 20px; } +.contact-form textarea.form-control {width: 100%; } +.contact-box .contact-icon { display: table-cell; padding-right: 20px; } +.contact-box .contact-icon i { background: transparent; line-height: normal; font-size: 34px; height: auto; width: auto;} +.contact-box.theme-bg .contact-icon i{color: #ffffff !important;} +.contact-box .contact-info { display: table-cell; vertical-align: top; padding: 0; background: none;} +.contact-2 .addresss-info p, .contact-2 .addresss-info i, .contact-2 .addresss-info li{color: #ffffff;} +.contact-2 .contact-add{padding: 80px 0} +.contact-2 .contact-add i{font-size: 40px;} +.contact-3 #map { padding-top: 101%; } +.contact-2 #map { padding-top: 100%; } +.map-side { left: 0; overflow: hidden; padding: 0; position: absolute; top: 0; z-index: 9;} +.map-side.map-right {left: auto; right: 0;} +.contact-3 .contact-add{padding: 80px 20px; } +.contact-3 .contact-add i{font-size: 40px; color: #F5A623;} +.contact-3 .contact-form .section-field {width: 100%;} +.contact-social ul li { display: inline-block; } +.contact-social ul li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #323232; background: #eceff8; font-size: 14px; border-radius: 3px; margin-right: 5px; } +.contact-social ul li a:hover { background: #353535 !important; color: #fff;} +.contact-3 .theme-bg.contact-add i{color: #ffffff !important;} +.footer #logo-footer { height: 30px; } +.footer-contact .footer-nav ul li a { color: #353535; } +.footer-contact .footer-nav ul li a:hover { color: #2046f2; } +.footer-contact .contact-box .contact-icon i { background: transparent; color: #F5A623; margin-bottom: 10px; } +.footer.footer-topbar hr { border-color: #d9d9d9; } +.footer-contact .social ul { background: #f6f7f8; } +.footer-contact .social ul li a i { color: #353535; } +.footer-contact .social ul li a i:hover { color: #2046f2; } +.footer-contact .usefull-link ul li a { color: #353535; } +.footer-contact .usefull-link ul li a:hover { color: #2046f2; } +.footer-contact { box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); margin-bottom: 80px; margin-top: -220px; padding: 60px 0; } +.footer-contact .contact-box { text-align: center; } +.footer-contact .contact-box .contact-icon { display: block; padding-right: 0; color: #2046f2; } +.footer-contact .contact-box .contact-info { display: block; background: none; padding: 0; width: 100%;} +.footer-contact .contact-box .contact-info .section-title { margin-bottom: 0px; } +.footer-contact .contact-box .contact-info h5 { color: #353535; } +.our-clients.theme-bg{padding: 60px 0 170px;} +.footer-Newsletter .form-control::-moz-placeholder { color: rgba(255,255,255,0.5); } +.footer-Newsletter .form-control::-ms-input-placeholder { color: rgba(255,255,255,0.5); } +.footer-Newsletter .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.5); } + +/************************************* + Our History +**************************************/ + .history-main { width: 100%; } + .liner { background: #fff; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: 96%; z-index: 1; position: relative; } + .liner i { position: absolute; right: -2px; top: -9px; color: #fff; } + .history-content { list-style: outside none none; padding: 125px 0; width: auto; } + .history-1 { position: relative; left: 45px; } + .history-2 { position: relative; margin-left: 30%; } + .history-3 { position: relative; margin-left:58%; } + .history-4{ position: relative; margin-left: 95%; } + .history-line { background: #fff; height: 60px; left: 3px; position: absolute; top: -75px; width: 2px; z-index: 9; } + .history-time-lin { position: relative; top: 10px; z-index: 2; } + .history-time-lin:before { bottom: 0; } + .history-time-lin:before { background: #fff; border-radius: 50%; content: ""; height: 20px; left: -5px; position: absolute; width: 20px; z-index: 1; } + .history-time-lin:after { border:2px solid #fff; background: #000; border-radius: 50%; content: ""; height: 30px; left: -5px; position: absolute; width: 30px; } + .history-time-lin:after { left: -10px; top: -25px; } + .history-item { left: -20px; position: absolute; top: -125px; } + .history-item a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } + .history-5 { position: relative; margin-left: 15%; } + .history-6 { position: relative; margin-left: 53%; } + .history-7 { position: relative; margin-left:78%; } + .history-line-2 { background: #fff none repeat scroll 0 0; height: 60px; left: 3px; position: absolute; top: 15px; width: 2px; z-index: 9; } + .history-item-2 { left: -20px; position: absolute; top: 75px; } + .history-item-2 a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } + /*Our History */ +.our-history .timeline { list-style: none; padding: 20px 0 20px; position: relative; } +.our-history .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 2px; background-color: #e6e6e6; left: 50%; margin-left: -0.5px; } +.our-history .timeline > li { margin-bottom: 20px; position: relative; } +.our-history .timeline > li:before, +.our-history .timeline > li:after { content: " "; display: table; } +.our-history .timeline > li:after { clear: both; } +.our-history .timeline > li:before, +.our-history .timeline > li:after { content: " "; display: table; } +.our-history .timeline > li:after { clear: both;} +.our-history .timeline > li > .timeline-panel { width: 46%; float: left; padding: 15px 00px 25px 00px; position: relative; } +.our-history .timeline > li > .timeline-panel:before { position: absolute; top: 23px; right: -25px; display: inline-block; width: 25px; height: 2px; background: #e6e6e6; content: " "; } +.our-history .timeline > li > .timeline-badge { color: #fff; width: 18px; height: 18px; line-height: 10px; font-size: 0.7em; text-align: center; position: absolute; top: 16px; left: 50%; + border:3px solid #F5A623; margin-left: -9px; background-color: #fff; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0 0 0 5px #f6f6f6; } +.our-history .timeline > li.timeline-inverted > .timeline-panel { float: right;} +.our-history .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -25px; right: auto; } +.our-history .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } + .our-history .timeline-body > p, +.our-history .timeline-body > ul { margin-bottom: 0; } +.our-history .timeline-body > p + p margin-top: 5px; +.our-history .timeline > li { text-align: right;} +.our-history .timeline > li.timeline-inverted { text-align: left;} +.our-history .timeline .timeline-arrow { position: absolute; width: 100%; left: 0.5px; right: 0; text-align: center; color: #e6e6e6; bottom: -29px; } +.our-history .timeline > li > .timeline-badge p{width: 200px; margin-top: -9px; margin-left: 25px;font-size: 17px; font-weight: bold; text-align: left;} +.our-history .timeline > li.timeline-inverted .timeline-badge p{text-align: right; float: right; margin-right: 25px;} + +/************************************* + our-service objects +**************************************/ +.our-service { position: relative; padding-bottom: 280px; z-index: 1; } +.objects-left { position: absolute; height: 100%; width: 100%; left: 0; top: 80px; z-index: -1; } +.objects-left .objects-1 { position: absolute; left: 50px; top: 0; } +.objects-left .objects-2 { position: absolute; left: 100px; bottom: 170px; } +.objects-left .objects-3 { position: absolute; left: 50%; bottom: 150px; margin-left: -150px; } +.objects-right { position: absolute; height: 100%; width: 100%; right: 0; top:80px; z-index: -1; } +.objects-right .objects-4 { position: absolute; right: 0px; top: 0; } +.objects-right .objects-5 { position: absolute; right: 0px; bottom: 170px; } +.objects-right .objects-bottom { position: absolute; right: 0px; bottom: 0; } + +/************************************* + sidebar +**************************************/ +.sidebar-widget p { margin-bottom: 0px; } +/*.widget-search */ +.widget-search { position: relative; } +.widget-search input { padding-right: 30px; color: #353535; box-shadow: none; background: #f6f7f8; } +.widget-search i { position: absolute; right: 0px; padding: 16px 22px; font-size: 14px; color: #626262; cursor: pointer; } +.widget-search input:focus { border-color: #F5A623; } + +/*Recent Posts*/ +.sidebar-widget .recent-post { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding-bottom: 20px; margin-bottom: 20px; } +.sidebar-widget .recent-post .recent-post-image { float: left; margin-right: 15px; } +.sidebar-widget .recent-post .recent-post-image img { width: 50px; height: 50px; border-radius: 50%; } +.sidebar-widget .recent-post .recent-post-info { overflow: hidden; } +.sidebar-widget .recent-post .recent-post-info a { display: block; margin-bottom: 5px; color: #323232; } +.sidebar-widget .recent-post .recent-post-info a:hover { color: #F5A623; } +.sidebar-widget .recent-post .recent-post-info span { color: #F5A623; font-style: italic; font-size: 14px; } +.sidebar-widget .recent-post .recent-post-info span i { padding-right: 10px; } +.sidebar-widget .recent-post:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } + +/*widget-archives*/ +.sidebar-widget .widget-categories li { display: block; margin-bottom: 6px; } +.sidebar-widget .widget-categories li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } +.sidebar-widget .widget-categories li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 10px; width: 20px; height: 20px; text-align: center; } +.sidebar-widget .widget-categories li a:hover { color: #F5A623; } +.sidebar-widget .widget-categories li a:hover i { border-color: #F5A623; color: #F5A623; } + +/*widget-link*/ +.sidebar-widget .widget-link li { display: block; margin-bottom: 6px; } +.sidebar-widget .widget-link li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } +.sidebar-widget .widget-link li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 20px; width: 20px; height: 20px; text-align: center; } +.sidebar-widget .widget-link li a:hover { color: #F5A623; } + +/*tags*/ +.sidebar-widget .widget-tags li { display: inline-block; } +.sidebar-widget .widget-tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.sidebar-widget .widget-tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } + +/*widget-testimonial*/ +.sidebar-widget .testimonial-widget .testimonial-content { background: #f6f7f8; padding: 20px; font-style: italic; border-radius: 5px; position: relative; } +.sidebar-widget .testimonial-widget .testimonial-content:before { position: absolute; content: ""; bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; +border-color: #f6f7f8 transparent transparent transparent; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar { display: table-cell; padding-right: 20px; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar img { width: 50px; height: 50px; border-radius: 50%; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name { display: table-cell; vertical-align: top; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name span { display: block; font-style: italic; font-size: 14px; } +.sidebar-widget .testimonial-widget .testimonial-info:before { display: none; } + +/*widget-gallery*/ +.sidebar-widget .widget-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; } + +/*widget-newsletter*/ +.sidebar-widget .widget-newsletter { background: #f6f7f8; padding: 30px; position: relative; z-index: 9; overflow: hidden; } +.sidebar-widget .widget-newsletter .newsletter-icon { position: absolute; right: 0; top: -16px; } +.sidebar-widget .widget-newsletter .newsletter-icon i { font-size: 100px; z-index: 0; color: rgba(0, 0, 0, 0.05); } +.sidebar-widget .widget-newsletter .form-control { background: #ffffff; box-shadow: none; } + +/*widget-clients*/ +.sidebar-widget .widget-clients .item { background: #f6f7f8; padding: 30px 30px; } + +/*opening-time*/ + .opening-time ul li { font-size: 14px; line-height: 20px; color: rgba(255,255,255,0.5); border-bottom: 1px solid #262626; padding-bottom: 14px; margin-bottom: 14px; } + .opening-time ul li:last-child { border-bottom: 0; } + +/************************************* + About me +**************************************/ +.about-me .custom-content { margin-top: 0px; } +.about-me .maintenance-progress-bar { margin: 0; } +.about-me .maintenance-progress-bar .progress-bar { margin: 0 44px; } +.maintenance-progress-bar .progress-bar .rotate { background: #F5A623 !important; } +.maintenance-progress-bar .progress-bar .right { background: #F5A623 !important; } +.about-me .portfolio-item { width: 100%;} +.about-me .contact-me p { color: #363636; margin: 15px 0; display: table; } +.about-me .contact-me i { float: left; color: #F5A623; margin-right: 15px; line-height: 23px; width: 20px; } +.about-me .follow-me ul { margin-top: 20px; } +.about-me .follow-me li { display: inline-block; } +.about-me .follow-me li a { background: #e4e4e4; color: #F5A623; border-radius: 3px; display: block; width: 35px; height: 35px; line-height: 35px; margin-right: 2px; text-align: center; font-size: 16px; } +.about-me .follow-me li a:hover { background: #F5A623; color: #fff; } + +/************************************* + Team 1 page +**************************************/ +/*team-details*/ + .team-details .social{display:table;float:right;} +.team-details .social li a { background:#f7f7f7 none repeat scroll 0 0;border-radius:3px;color:#F5A623;display:block;font-size:15px;height:35px;line-height:35px;margin-left:0px;text-align:center;width:35px; } +.team-details .social li a:hover { background: #F5A623; color: #ffffff; } +.team-details .info i{color:#f7f7f7;font-size:126px;left:0;position:absolute;z-index:0;} +.team-details .info p{font-size:16px;font-style:italic;line-height:28px;padding-left:64px;position:relative;z-index:9;} + +/************************************* + blog page +**************************************/ + .owl-carousel img { width: 100%; } +/*pagination-nav*/ +.pagination { margin:0px; } +.pagination li a { font-size: 15px; font-weight: 500; margin: 0 5px; color: #626262; border-radius: 50%; } +.pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 50%; } +.pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 50%; } +.pagination>.active>a, .pagination>.active>a:hover { color: #626262; } +.pagination > li > a, .pagination > li > span { width: 44px; height: 44px; line-height: 44px; background: #f6f7f8; border:0px; padding: 0; text-align: center; } +.pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background-color:#F5A623; color: #ffffff;} +.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color:#F5A623; color: #ffffff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); } +.dataTables_paginate li.paginate_button.previous a, .dataTables_paginate li.paginate_button.next a { width: inherit; height: inherit; background: transparent !important; color: inherit !important; box-shadow: none !important; } + /*timeline blog*/ +.blog .timeline { list-style: none; padding: 20px 0 20px; position: relative; } +.blog .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 4px; background-color: #f7f7f7; left: 50%; margin-left: -1.5px; } +.blog .timeline > li { margin-bottom: 20px; position: relative; width: 46%; float: left; clear: left; } +.blog .timeline > li:before, +.blog .timeline > li:after { content: " "; display: table; } +.blog .timeline > li:after { clear: both; } +.blog .timeline > li:before, +.blog .timeline > li:after { content: " "; display: table; } +.blog .timeline > li:after { clear: both; } +.blog .timeline > li > .timeline-panel { width: 95%; float: left; border: 1px solid #d4d4d4; /*border-radius: 2px;*/ /*padding: 20px;*/ position: relative; border:1px solid #f7f7f7; + padding: 20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } +.blog .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #f7f7f7; + border-right: 0 solid #f7f7f7; border-bottom: 15px solid transparent; content: " "; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } +.blog .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; + border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } +.blog .timeline > li > .timeline-badge { color: #fff; width: 54px; height: 54px; line-height: 18px; padding: 6px; font-size: 22px; border:4px solid #f7f7f7; background: #fff; + border-radius: 50%; text-align: center; font-weight: bold; position: absolute; color: #f7f7f7; top: 16px; right: -73px; /*z-index: 100;*/ } +.blog .timeline > li > .timeline-badge span { font-size: 13px; font-weight: normal; display: block; } +.blog .timeline > li.timeline-inverted > .timeline-panel { float: right; } +.blog .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } +.blog .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } +.blog .timeline-title { margin-top: 0; color: inherit; } +.blog .timeline-body > p, +.blog .timeline-body > ul { padding:20px; margin-bottom: 0; } +.blog .timeline-body > p + p { margin-top: 5px; } +.blog .timeline-footer { padding:20px; background-color:#f4f4f4; } +.blog .timeline-footer > a { cursor: pointer; text-decoration: none; } +.blog .timeline > li.timeline-inverted { float: right; clear: right; margin-top: 30px; margin-bottom: 0px; } +.blog .timeline > li:nth-child(2){ margin-top: 60px; } +.blog .timeline > li:nth-child(3){ margin-top: 60px; } +.blog .timeline .entry-title i { font-size: 24px;} +.blog .timeline-inverted .timeline-badge { margin-top: 70px} +.blog .timeline li.timeline-inverted .timeline-panel:after { top: 98px; } +.blog .timeline li.timeline-inverted .timeline-panel:before { top: 97px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: -73px; } +.blog .timeline li.entry-date { top: 0; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } +.blog .timeline li.entry-date span { background: #f7f7f7; color: #363636; font-size: 16px; font-weight: 400; text-transform: capitalize; padding: 10px 25px;border-radius: 30px;} +.blog .timeline li.entry-date-bottom { bottom: -30px; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } +.blog .timeline li.entry-date-bottom a { background: #f7f7f7; padding: 7px 10px; color: #363636; font-size: 16px; padding: 10px 25px; border-radius: 30px; } +.blog .timeline li.entry-date-bottom a:hover { background: #F5A623; color: #fff; } +.blog .timeline li:hover .timeline-panel { border-color: #F5A623; } +.blog .timeline li:hover .timeline-badge a { color: #fff; } +.blog .timeline li:hover .timeline-badge{ background: #F5A623; border-color: #F5A623; } +.blog .timeline li:hover .timeline-panel:before { border-left-color: #F5A623; border-right-color: #F5A623; } +.blog .blog.timeline .entry-quote p { font-size: 16px; } +/* blog 2 column masonry left sidebar */ +.blog.timeline-sidebar .timeline > li { width: 89%; } +.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 50%;} +.blog.timeline-sidebar .timeline:before { left: 54px; } +.blog.timeline-sidebar .timeline li.entry-date { text-align: left;} +.blog.timeline-sidebar .timeline li.entry-date-bottom { text-align: left;} +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -66px; } +.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 0px; } +.blog.timeline-sidebar .timeline > li:nth-child(3) { margin-top: 30px; } +.blog.timeline-sidebar .timeline li.entry-date { top: 3px; } +.blog.timeline-sidebar .timeline li.entry-date span { font-size: 14px; padding: 10px 25px; } +.blog.timeline-sidebar .timeline li.entry-date-bottom { bottom: -48px; } +.blog.timeline-sidebar .timeline li.entry-date-bottom a { font-size: 14px; padding: 10px 25px; } +.blog.timeline-sidebar .timeline li .share ul li { width: auto; } + +/*blog-single*/ +.blog-single .blog-entry { box-shadow: none; } +.blog-single .blog-entry .blog-detail { padding: 0; margin-top: 20px; } + +.blog-single .blockquote { font-style: italic; line-height: 30px; background: #f6f7f8 !important; } +.blog-single .blog-entry.blockquote blockquote { background: #f6f7f8;color: #626262; } +.blog-single .blog-entry.blockquote blockquote cite { color: #F5A623; } +.blog-single .entry-share .tags { display: inline-block; } +.blog-single .blog-entry.blockquote blockquote:before { color: #323232; top: 20px; } + +/*blog-comments*/ +.comments-1 .comments-photo { width: 106px; height: auto; float: left; border:5px solid #f7f7f7; margin-right: 20px; } +.comments-1 .comments-photo img { width: 100%; } +.comments-1 .comments-info { display: table; background: #f7f7f7; padding: 20px; margin-bottom: 20px; } +.comments-1 .comments-info h4 { display: inline-block; } +.comments-1 .comments-info span { font-size: 13px; color: #626262; } +.comments-1 .comments-info a { color: #F5A623; } +.comments-1 .comments-info a:hover { color: #363636; } +.comments-1.comments-2 { padding-left: 127px; } +.comments-1.comments-2 .comments-info { background: #fff; margin-bottom: 0px; padding: 20px 20px 10px; } + +/************************************* + error 404 +**************************************/ +.error-block { position: relative; z-index: 9; padding: 20px 0 130px 0px; } +.error-block .error-text { position: absolute; text-align: center; left: 0; right: 0; z-index: -1; } +.error-block .error-text h2 { font-size: 420px; line-height: 300px; color: rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0; } +.error-block .error-text span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 134px; line-height: 100px; color: rgba(0, 0, 0, 0.1); font-weight: bold; } +.error-block h1 { font-size: 87px; padding-top: 110px; } +.error-block p { font-size: 33px; } + +.error-text-02 { position: relative; text-align: center; } +.error-text-02 h2 { font-size: 420px; line-height: 300px; color: rgba(255, 255, 255, 0.2); position: relative; left: -70px; top: 0; } +.error-text-02 span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 117px; line-height: 100px; color: rgba(255, 255, 255, 0.2); font-weight: bold; } +.error-middle { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } + + +/************************************* + coming soon +**************************************/ +.coming-soon { background: transparent; } +.coming-soon-countdown ul.countdown { list-style: none; margin: 75px 0; padding: 0; display: block; text-align: center; } +.coming-soon-countdown ul.countdown li { display: inline-block; width: 24%; } +.coming-soon-countdown ul.countdown li span { font-size: 90px; font-weight: bold; line-height: 80px; color: #F5A623; } +.coming-soon-countdown ul.countdown li p { color: #626262; font-size: 20px; text-transform: capitalize; margin-bottom: 30px; } +.coming-soon .coming-soon-form input { color: #626262; } +.coming-soon-form` input { width: 50%; color: #fff; display: block; margin: 0 auto; } +.coming-soon-form.contact-form input { width: 50%; display: block; margin: 0 auto; } +.coming-soon-middle { padding: 100px; display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } + +/************************************* + Register +**************************************/ +.register-form .section-field { display: block; } +.register-form .field-widget { position: relative; } +.register-form .field-widget input { width: 100%; margin-bottom: 20px; padding-left: 30px; } +.register-form .field-widget select { width: 100%; margin-bottom: 20px; padding-left: 15px; } +.register-form .field-widget input.gui-input { padding-left: 140px;} +.register-form .field-widget .button { background: #666; height: 46px; left: 0; margin: 2px; position: absolute; text-align: center; top: 0; width: 115px; border:0; } +.register-form .nice-select { float: none; margin-bottom: 20px; background: #f6f7f8; border:0; } +.remember-checkbox a {color: #F5A623; } +.remember-checkbox label { position: relative; padding-left: 30px; font-size: 14px; cursor: pointer;} +.remember-checkbox label:before, label:after { font-family: FontAwesome; font-size: 17px; position: absolute; top: -3px; left: 0; padding-left: 2px; border-radius: 6px; } +.remember-checkbox label:before { border: 2px solid #F5A623; content: ""; height: 20px; margin-top: 3px; width: 20px; } +.remember-checkbox label:after { content: '\f00c'; max-width: 0; overflow: hidden; opacity: 0.5; transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; } +.remember-checkbox input[type="checkbox"] { display: none; } +.remember-checkbox input[type="checkbox"]:checked + label:after { max-width: 25px; opacity: 1; } +/*all id*/ +#one+label:before, #one+label:after {color: #F5A623;} +#two+label:before, #two+label:after {color: #F5A623;} +#three+label:before, #three+label:after {color: hsl(120, 45%, 40%); } +#four+label:before, #four+label:after {color: hsl(180, 45%, 40%); } +#five+label:before, #five+label:after {color: hsl(240, 45%, 40%); } +#six+label:before, #six+label:after {color: hsl(300, 45%, 40%); } + +/************************************* + Login +**************************************/ +.full-height-bg { height: 100vh; } +/*login-2-social*/ +.login-social li { display: inline-block; margin: 2px 0px; } +.login-social li a { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;} +.login-social li a.fb { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #4c70ad; border-radius:30px; } +.login-social li a.twitter { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #25b6e6; border-radius:30px; } +.login-social li a.pinterest { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #dd4b39; border-radius:30px; } +.login-social li i { border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px; } +.login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover { background: #F5A623; } + +/*login 02*/ +.section-transparent { background: transparent; } +.login-bg { background: #ffffff; border-radius: 10px; } +.login-bg .login-title { background: #F5A623; padding: 30px; border-radius: 10px 10px 0 0; } +.login-bg .login-form { padding: 40px 30px; } +.login-bg .login-social { padding: 30px; background: #f6f7f8; border-radius: 0 0 10px 10px; } + +/*login 02*/ +.register-bg { background: #ffffff; border-radius: 10px; } +.register-bg .register-title { background: #F5A623; padding: 30px; border-radius: 10px 10px 0 0; } +.register-bg .register-form { padding: 30px 30px 50px; } + +/************************************* + maintenance +**************************************/ +img.logo-small { height: 40px; margin: 30px 0; position: relative; } +.maintenance-main i { font-size: 100px; margin-bottom: 10px; color: #e4e4e4; } +.maintenance-main h1 { font-size: 62px; text-transform: uppercase; font-weight: bold; } +.maintenance-main p { font-size: 26px; line-height: 35px; margin-bottom: 70px;} +.maintenance-form { width: 76%; margin: 0 auto; } +.maintenance-form p { font-size: 19px; } +.maintenance-form input { width: 50%; margin: 0 auto; } + +/*maintenance 2 */ +.maintenance-main h1 { font-size: 40px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; } +.maintenance-contant p { line-height: 25px; margin-top:20px; font-size: 14px; } +.progress-new { margin-top: 50px; height: 50px; background: #f6f7f8; border-radius: 0; margin-bottom: 50px; margin-left: auto; margin-right: auto; width: 50%; } +.progress-bar-new { line-height: 50px; background-color: #F5A623; color: #ffffff; font-size: 20px; padding-left: 20px; } +.progress-bar-new span { position: absolute; right: 30px; color: #323232; font-weight: bold; font-size: 20px; } +.progress-bar-striped, +.progress-striped .progress-bar-new { + background-image: linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); +} + +/************************************* + Our clients +**************************************/ +/*clients-box*/ +.clients-box { background: #f7f7f7; padding: 20px; } +.clients-photo { position: relative; margin-right: 20px; width: 200px; height: 200px; float: left; display: table-cell; text-align: center; vertical-align: middle; background: #fff; } +.clients-photo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } +.clients-info { display: table; } +.clients-info i { padding-right: 10px; } +.clients-info a { font-size: 14px; color: #F5A623; } +.clients-info a:hover { color: #626262; } +.clients-info p { margin-top: 10px; } +.happy-clients .tab-content { padding: 0 30px; position: relative; text-align: left; } +.happy-clients .tab-content .quoter-icon { position: absolute; left: 0; top: -10px; font-size: 120px; line-height: 1; color: #F5A623;} +.happy-clients .tab-content p{padding-left: 30px; font-size: 18px; padding-top: 10px; font-style: italic; } +.happy-clients .nav-tabs li { overflow: visible; display: inline-block; padding: 0 5px; } +.happy-clients .nav.nav-tabs li a, .happy-clients .nav.nav-tabs li a:hover, .happy-clients .nav.nav-tabs li a:focus { background: none; padding: 0; border:0; outline: none; background: transparent !important;} +.happy-clients .nav-tabs li img {width: 96px; opacity: 0.1; height: 96px; border-radius: 50%; } +.happy-clients .nav-tabs li.active img, .happy-clients .nav-tabs li:focus img { border: 4px solid #fff; opacity: 1; top: -2px; box-shadow: 0 0 40px rgba(0,0,0,.3); } +.happy-clients .testimonial-avatar { position: relative; right: inherit; left: inherit; top: inherit; width: inherit; height: inherit; margin-left: inherit; margin-top: 30px; } +.happy-clients .nav-tabs { border: 0; } + +/*********************************** + process +************************************/ +.process-list .col-sm-12 { padding: 0 50px; } +.process { margin: 0px; border: 2px dashed rgba(0, 0, 0, 0.3); position: relative; width: 100%; float: left; padding-bottom: 50px; padding-top: 50px; min-height: inherit; } +.process.left { border-right: 0; border-top: 0; } +.process.right { border-left: 0; border-top: 0; } +.process .border-area.left-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; left: -2px; z-index: 99; } +.process .border-area.left-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.right-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } +.process .border-area.right-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.right-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } +.process .border-area.right-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.left-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; left: -2px; } +.process .border-area.left-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); } +.process:first-child { padding-top: 0; } +.process.left:first-child .process-step { top: 0; } +.process:last-child { border-bottom: 0; } +.process:last-child .border-area.left-bottom { bottom: 0; } +.process:last-child .border-area.left-bottom:before { border-bottom-left-radius:0; border-bottom: 0; } +.process.left .process-step { position: absolute; top: 50px; left: -35px; z-index: 999; } +.process.right .process-step { position: absolute; top: 50px; right: -35px; z-index: 99; } +.process.left .process-content { padding-left: 80px; } +.process.right .process-content{ padding-right: 80px; } +.process .process-step strong { width: 70px; height: 70px; line-height: 70px; text-align: center; background: #F5A623; border-radius: 100%; display: inline-block; + z-index: 99; font-size: 20px; color: #fff; } +.process .process-content { position: relative; z-index: 99; } +.process .process-content span { font-size: 80px; line-height: 80px; color: #F5A623; } +.process.left .process-content .process-icon { display: table-cell; padding-right: 30px; } +.process.left .process-content .process-info { display: table-cell; vertical-align: top; } +.process.right .process-content .process-icon { float: right; padding-left: 30px; } +.process.right .process-content .process-info { display: table-cell; vertical-align: top; } + +/************************************* + Careers +**************************************/ +.agency-about { padding-bottom: 100px; } + +/*careers accordion*/ +.careers .acd-des span { display: block; } + +/*careers form*/ +.careers-from .section-field label { margin-bottom: 10px; } + +/************************************* + sitemap +**************************************/ +.sitemap h4 { margin-bottom: 25px; text-transform: capitalize; } +.sitemap h4 i { padding-right: 10px; } +.sitemap ul li { display: block; line-height: 34px; } +.sitemap ul li i { padding-right: 10px; } +.sitemap ul li a { font-size: 14px; color: #626262; text-transform: capitalize; } +.sitemap ul li a:hover { color: #F5A623; } + +/************************************* + privacy-policy +**************************************/ +.privacy-policy ul li { font-size: 14px; line-height: 30px; } +.privacy-policy ul li i { padding-right: 10px; } + +/************************************* + page sidebar +**************************************/ +.page-sidebar .page-content ul li { font-size: 14px; line-height: 30px; } +.page-sidebar .page-content ul li i { } + +/************************************* + terms and conditions +**************************************/ +.terms-and-conditions ul li { font-size: 14px; line-height: 30px; } +.terms-and-conditions ul li i { padding-right: 10px; } + + +.special-feature .feature-text {padding:40px;} +.special-feature { padding-bottom:-117px; } +.special-feature .row-eq-height.no-gutter { position:relative; z-index:99; margin-top:-117px; } + +/************************* + BG - Images +*************************/ +.parallax { background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -ms-background-size: cover !important; position: relative; z-index: 0; background-origin: initial; background-position: center bottom !important; background-repeat: no-repeat; } +.gradient-overlay{position:relative;} +.gradient-overlay:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background:url(../images/construction/bg/gradient-overlay1.png) repeat-y left 0;} + +/************************************* + Footer +**************************************/ +.footer.black-bg{background: #1a1a1a;} +.footer.black-bg p { color: rgba(255,255,255,0.5); } +.footer.black-bg .social-icons li a { color: rgba(255,255,255,0.5); } +.footer p{font-size: 14px;} +.footer-logo img { width: 65%; } +.footer h6{font-size: 14px;} +.addresss-info li { font-size: 14px; margin-bottom: 15px; color: rgba(255,255,255,0.5); list-style: none; } +.addresss-info i{ color:rgba(255,255,255,0.5); padding-right: 5px; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 14px; } +.addresss-info p { display: table; color: rgba(255,255,255,0.5); margin-bottom: 0px; } +.addresss-info li a { color: rgba(255,255,255,0.5); } +.footer a{font-size: 14px;} + +/*footer-Newsletter*/ +.footer-Newsletter { display: inline-block; width: 100%;} +.footer-useful-link.footer-hedding ul { margin-top: -6px; } +.footer-Newsletter .form-control { border-left: 0px; height: 50px; border-radius: 30px; font-size: 14px; color: rgba(255,255,255,0.3); border:none; background: #252525; padding: 10px 25px; width: 100%; } +.footer-Newsletter .form-control:focus { border:0; box-shadow: none;} +.footer-Newsletter .button.border{border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.5); padding: 10px 18px; font-size: 12px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.footer-Newsletter .button.border:hover { color: #ffffff; } +.footer-useful-link ul li { list-style: none; margin-bottom: 12px;} +.footer-useful-link ul li:last-child { margin-bottom: 0; } +.footer-useful-link ul li a { color: rgba(255,255,255,0.5); font-size: 14px; vertical-align: top; display: block; line-height: 26px; } +.footer-useful-link ul li a:hover { color: #F5A623; } +/*transparent*/ +.footer-Newsletter.transparent .form-control { background: rgba(0, 0, 0, 0.04); } +.footer-Newsletter.transparent .form-control::-moz-placeholder { color: #323232; } +.footer-Newsletter.transparent .form-control::-ms-input-placeholder { color: #323232; } +.footer-Newsletter.transparent .form-control::-webkit-input-placeholder { color: #323232; } + +/*footer-widget*/ +.footer-widget { padding: 20px 0; border-top: 1px solid #262626;} +.footer-widget p{font-size: 14px; color: rgba(255,255,255,0.5); letter-spacing: 0.5px;} +.footer-widget a { color: #F5A623; } +.footer-widget a:hover { color: #F5A623; } +.footer-widget-social {margin-top: 5px; } +.footer-widget-social li { display: inline-block;} +.footer-widget-social a i { display: inline-block; color: rgba(255,255,255,0.5); background: none; border-radius: 50%; width: 35px; height: 35px; text-align:center; line-height: 37px; font-size: 14px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} +.footer-widget-social a i:hover{background: #F5A623;} +.footer .footer-nav ul li { display: inline-block;} +.footer .footer-nav ul li a { margin: 0 5px; color: #323232;} +.footer .footer-nav ul li a:hover { color: #F5A623; } +.footer .social ul li {display: inline-block;} +.footer .social ul li a i { font-size: 14px; width: 45px; height: 45px; line-height: 45px; text-align: center; float: none; color: #323232;} +.footer .social ul li a i:hover{color: #F5A623;} +.footer .social ul{background: #f6f7f8; display: inline-block; border-radius: 30px; padding: 0px 10px;} +.footer .usefull-link ul li {display: block; border-bottom: 0px; line-height: 24px; padding: 5px 0; } +.footer .usefull-link ul li a{color: #323232;} +.footer .usefull-link ul li a:hover { color: #F5A623; } +.footer .copyright { padding: 30px 0 20px;} +.footer .copyright ul li a {color: #323232;} +.footer .copyright ul li a:hover {color: #F5A623;} +img#logo-footer{ height: 50px; width: auto; } +.footer.light .footer-nav ul li a{color: #fff;} +.footer.light .footer-nav ul li a:hover { color: #323232; } +.footer.light h6{color: #fff;} +.footer.light .about-content p{color: #fff;} +.footer.light .usefull-link ul li a{color: #fff;} +.footer.light .usefull-link ul li a:hover {color: #323232;} +.footer.light .copyright ul li {color: #fff;} +.footer.light .copyright ul li a {color: #ffffff; font-size: 14px;} +.footer.light .copyright ul li a:hover {color: #323232; } +.footer.light.footer-topbar .copyright ul li { color: #ffffff } +.footer.light .copyright p {color: #fff;} +.footer.light .social ul li a i {color: #F5A623;} +.footer.light .social ul li a:hover i {color: #323232;} +.footer .footer-text p{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} +.footer .footer-social ul li a{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} +.footer .footer-social ul li a:hover { color: #F5A623 !important; } +.footer.footer-topbar .copyright ul li{color:rgba(255, 255, 255, 0.5) !important;} +.footer.footer-one-page .contact-add i { font-size: 20px } +.footer.footer-one-page h5 { color: rgba(255,255,255,0.5); } +.footer.footer-one-page p { color: rgba(255,255,255,0.5); } + +/* footer transparent*/ +.footer.transparent h6, .footer.transparent p, .footer.transparent ul li a, .footer.transparent span { color: #ffffff; } + +/*widget-gallery*/ +.footer .footer-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; } +.footer .footer-tags li { display: inline-block; } +.footer .footer-tags li a { background: transparent; color: #fff; border:1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.footer .footer-tags li a:hover { background: #F5A623; } + +/*footer-social-big*/ +.footer-social-big ul li { display: inline-block; padding: 10px; width: 70px; text-align: center; background: rgba(255, 255, 255, 0.1); } +.footer-social-big ul li.facebook { background: #5d82d1; } +.footer-social-big ul li.pinterest { background: #e13138; } +.footer-social-big ul li.linkedin { background: #238cc8; } +.footer-social-big ul li i { color: #ffffff; display: block; width: 30px; height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.2); border-radius: 50%; margin: 0 auto; } +.footer-social-big ul li span { display: block; text-align: center; color: #ffffff; margin-top: 10px; font-size: 11px; } + +/*footer-box*/ +.footer-box { background: rgba(102, 102, 102, 0.2); padding: 30px; clear: both; margin-bottom: 40px; margin-top: 60px; } +.footer-box .box-content { display: table-cell; vertical-align: top; } +.footer-box .box-link { display: table-cell; padding-left: 20px; vertical-align: middle; } +.footer-box .box-link a { display: block; padding: 8px 16px; width: 140px; } + +/*google-map*/ +.google-map { background: #; } +.google-map .row [class*='col-'] { min-height: 0; } +.map-icon { position: relative; z-index: 999; cursor: pointer; } +.google-map .map-icon:before { cursor: pointer; content: "\f041"; font-family: "FontAwesome"; font-size: 30px; font-weight: normal; right: 0; position: absolute; text-indent: 0; top: -32px; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #ffffff; color: #F5A623; text-align: center; } +.google-map.google-map-open .map-icon::before { content: "\f00d"; } +.google-map .map-open { height: 0; overflow: hidden; transition: all 900ms ease; } +.google-map .map-open iframe { height: 300px; } +.google-map-open .map-open { height: 300px; } +.pos-r{position: relative;} +.img-side img{max-width: 100%} +.img-side.img-left {left: 0;} +.img-side {padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100;} +.font-bold {font-weight: 600} +.no-gutter{ margin-right:0; margin-left:0;} +.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;} + +/*youtube-video*/ + .popup-video { position: relative; } +.popup-video .play-video { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } +.popup-video .play-video { width: 50px; height: 50px; } +.popup-video .play-video a { width: 50px; height: 50px; } +.popup-video .play-video a i { line-height: 50px; } +.popup-video .play-video:hover { transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); background-color: #ffffff; } +.popup-video .play-video:hover a { color: #F5A623; } +.play-video { cursor: pointer; position: relative; width: 100px; height: 100px; margin: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } +.play-video { background-color: #F5A623; -webkit-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); -moz-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); } +.play-video a { color: #fff; width: 100px; height: 100px; position: absolute; top: 0; left: 50%; padding-left: 5px; transform: translateX(-50%); } +.play-video a i { line-height: 100px; } +.play-video:hover a { color: #F5A623; } +.play-video:after { content: ''; top: 0; left: 0; padding: 0; z-index: -1; opacity: 0; pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); } + +.play-video:hover{background: #ffffff; color: #F5A623; border-color:transparent !important;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-box-shadow:2px 6px 18px transparent !important;-moz-box-shadow:2px 6px 18px transparent !important;box-shadow:2px 6px 18px transparent !important} +.play-video:hover:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms; -moz-animation:sonarEffect 1.3s ease-out 75ms; animation:sonarEffect 1.3s ease-out 75ms;} +@-webkit-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-webkit-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}} +@-moz-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-moz-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}} +@keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);transform:scale(1.5);opacity:0; }} +.my-contact .contact-icon{float: left; margin-right: 25px;} +.my-contact .contact-icon span{color: #fff ! important;} + +/************************************* + index portfolio 4 +**************************************/ +.portfolio-item.simple-effect .portfolio-overlay span { color: #363636; } +.portfolio-item.simple-effect .portfolio-overlay span a { color: #363636; } +.portfolio-item.simple-effect .portfolio-overlay a:hover { color: #F5A623; } +.portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #F5A623; } +.portfolio-item.simple-effect .portfolio-overlay { z-index: 9; opacity: 0; bottom: inherit; background: transparent; top: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: center; } +.portfolio-item.simple-effect:hover:before { position: absolute; width: 100%; height: 100%; content: ""; background: rgba(255, 255, 255, 1); z-index: 1; background-size: 115%; + -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.6s cubic-bezier(.68,.11,.13,.98); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.portfolio-item.simple-effect:hover .portfolio-overlay { top: 50%; opacity: 1; } + +/*footer*/ +.footer .container-fluid { padding: 0 60px; } +#footer-fixed { position: fixed; bottom: 0; width: 100%; z-index: -1; box-shadow: inset 0 27px 60px -25px rgba(0,0,0,0.3); } +.footer.footer-simple ul li a, .footer.footer-simple p, .footer.footer-simple i, .footer.footer-simple li { color: #ffffff; font-weight: bold; font-size: 16px; } +.footer.footer-simple ul li a:hover { color: rgba(255, 255, 255, 0.6); } +.footer.footer-simple .social-icons li a { color: #ffffff; width: 100%; } +.footer.footer-simple .social-icons li a:hover { color: rgba(255, 255, 255, 0.6); } + +/*elements*/ +.full-width { width: 100%; } +.height-100vh { height: 100vh; } +.pos-bot { position: absolute; bottom: 0; width: 100%; } +.vertical-align { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } + +/************************************* + index portfolio 04 about +**************************************/ +.portfolio-03-about { padding-left: 50px; } +.portfolio-03-about p { font-size: 16px; font-weight: 600; } + +/************************************* + index portfolio single +**************************************/ +/*popup-video*/ +.popup-video-image { position: relative; } +.popup-video-image:before { background: rgba(37, 41, 51, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } +.popup-video-image a i { color: #ffffff; text-align: center; line-height: 60px; width: 60px; height: 60px; background: #F5A623; display: inline-block; margin: 0 auto; + border-radius: 50%; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); + -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; font-size: 20px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } +.popup-video-image a i:hover { background: #323232; } + +/************************************* + index 11 +**************************************/ + +/*index 11*/ + /*slider-parallax typer-banner business*/ + .slider-parallax.typer-banner.business h1 { font-family: 'Dosis', sans-serif; } + .slider-parallax.typer-banner.business p { padding: 0 200px; line-height: 34px; font-size: 26px; font-weight: 600; display: block; } + + /*play-video*/ +.custom-content-02 .feature-text p { line-height: 28px; } +.play-video-section .play-video { box-shadow: none; background: #ffffff; width: 60px; height: 60px; line-height: 60px; } +.play-video-section .play-video a { color: #F5A623; line-height: 60px; } +.play-video-section .play-video a i { line-height: 60px; padding-right: 3px; } +.play-video-section .play-video:after {box-shadow: none; } +.play-video-section .content { padding: 0 100px; } +.play-video-section .content h2 { font-family: 'Dosis', sans-serif; } +.custom-content-03 h2 { font-family: 'Dosis', sans-serif; font-size: 40px; line-height: 50px; } + +/*blockquote-section*/ +.blockquote-section { position: relative; z-index: 9; } +.blockquote-section blockquote { font-size: 50px; font-weight: 600; line-height: 60px; border-left: 0; padding-left: 0; font-family: 'Dosis', sans-serif; } +.blockquote-section blockquote cite { font-size: 16px; font-weight: 600; margin-top: 40px; line-height: 30px; font-family: 'Nanum Gothic', serif; font-style: normal; } +.blockquote-section blockquote cite span { display: block; font-size: 14px; } +.blockquote-section blockquote.quote { padding-top: 100px; } +.blockquote-section blockquote.quote:before { color: #F5A623; left: 0; top: 0; font-size: 120px; line-height: 120px; } +.blockquote-section .blockquote-section-left { margin-left: 60px; } +.blockquote-section .blockquote-section-right { margin-left: -120px; position: relative;z-index: -1; } + +/************************************* + footer +**************************************/ +.footer.gray-footer .footer-Newsletter .form-control { background: #ffffff; color: #323232; height: 60px; line-height: 60px; box-shadow: 0 10px 50px rgba(0,0,0,0.1); } +.footer.gray-footer .footer-widget { border-top: none; } +.footer.gray-footer .footer-widget p { color: #323232; } + +.footer.gray-footer .footer-Newsletter .form-control::-moz-placeholder { color: #323232; } +.footer.gray-footer .footer-Newsletter .form-control::-ms-input-placeholder { color: #323232; } +.footer.gray-footer .footer-Newsletter .form-control::-webkit-input-placeholder { color: #323232; } + +/************************************* + portfolio +**************************************/ +.portfolio-item.image-text { position: relative; } +.portfolio-item.image-text .portfolio-overlay { bottom: 30px; background: transparent; } +.portfolio-item.image-text .portfolio-overlay span { display: block; } +.portfolio-item.image-text:before { position: absolute; width: 100%; bottom: 0; content: ""; ackground: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; } +.portfolio-item.image-text .portfolio-overlay a.button { padding: 6px 16px; } +.portfolio-item.image-text .portfolio-overlay a.button span { font-size: 12px; } +.portfolio-item.image-text .portfolio-overlay a.button:hover { color: #ffffff; } + +/************************************* + coming-soon-big +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 120px; line-height: 120px; font-weight: bold; } +.coming-soon-big .countdown.medium p { font-size: 30px; line-height: 30px; font-weight: bold; } +.coming-soon-big .coming-soon-form p { font-weight: bold; } +.coming-soon-big .contact-form.transparent-form .form-control { background: rgba(255, 255, 255, 0.4); } +.coming-soon-big .button { font-weight: bold; } + +/************************************* + inner page +**************************************/ +/* about-05 */ +.about-05-split .shop-split-content { padding: 100px 0; } +/*about-mission*/ +.about-mission .popup-video-image a i { position: relative; top: inherit; left: inherit; bottom: inherit; right: inherit; } +.about-mission .popup-content { position: absolute; bottom: 0; padding: 30px 130px 30px 30px; } +.about-mission-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); } +.about-mission-box .content { padding:24px; } +.about-mission-title { padding-bottom: 250px; } +.about-mission { margin-top: -150px; } +/*faq 03*/ +.faq-page-title .form { position: relative; z-index: 9; } +.faq-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); padding: 40px; border-radius: 10px; background: #ffffff; margin-top: -60px; } +.faq-box span { font-size: 40px; line-height: 40px; margin-bottom: 20px; display: block; } +.faq-box strong { display: block; } +.faq-box a.button { padding: 8px 16px; } + +/*login-fancy*/ +.login-fancy { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); } +.login-fancy-bg { position: relative; z-index: 1; } +.login-fancy h2 { font-size: 70px; line-height: 70px; } +.login-gradient, .login-gradient-02, .login-gradient-03 { position: relative; } +.login-gradient:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9af1e1), color-stop(100%, #4003f6)); background: -webkit-linear-gradient(-315deg, #9af1e1 0%, #4003f6 100%); background: -webkit-linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); background: linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); } +.login-gradient-02:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee38a6), color-stop(100%, #ffc863)); background: -webkit-linear-gradient(-315deg, #ee38a6 0%, #ffc863 100%); background: -webkit-linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); background: linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); } +.login-gradient-03:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcdd2), color-stop(100%, #470df5)); background: -webkit-linear-gradient(-315deg, #ffcdd2 0%, #470df5 100%); background: -webkit-linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); background: linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); } + +/*login-box*/ +.login-box { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); border-radius: 0px 10px 10px 0px; } +.login-box-bg { position: relative; z-index: 1; } +.login-box h2 { font-size: 40px; line-height: 40px; } +.login-box-main { display: table; width: 100%; } +.login-box-main-middle { display: table-cell; vertical-align: middle; } +.login-box-left { box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); height: 100%; border-radius: 10px 0 0px 10px; } +.login-box-left .logo-small { margin-left: 30px; } +.login-box-main .theme-bg { box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.2); position: relative; z-index: 1; } +.login-box-theme { position: relative; } +.login-box-theme:before { position: absolute; content: ""; height: 30px; top: -29px; width: 100%; background: #F5A623; left: 0; } +.login-box-theme:after { position: absolute; content: ""; height: 30px; bottom: -29px; width: 100%; background: #F5A623; left: 0; } +.login-box-main .nav li a { padding-left: 30px; } +.login-box-main .nav li a { display: block; text-align: left; color: #323232; border-left: 5px solid transparent; background: transparent; } +.login-box-left li.active a, .login-box-left li a:hover { border-left: 5px solid #F5A623; color: #F5A623; } +.login-box-main .nav li a i { display: inline-block; padding-right: 6px; text-align: left; margin-bottom: 10px; } +.login-box .list-unstyled.list-inline a:hover { color: #323232; } +/*login-box-02*/ +.login-box-02 { padding: 40px; border:1px solid rgba(0, 0, 0, 0.1); height: 100%; } +.login-box-02.white-overlay { background: rgba(255, 255, 255, 0.5); } +.login-signup a.text-black:hover { color: #ffffff; } + +/*login-14*/ +.login-14 { padding: 0 100px; } + +/*login-15*/ +.login-15 { padding: 0 60px; } + +/*login-signup*/ +.login-signup .tab-border .tab-content { padding: 0; } +.login-signup .login-box-02 { border:0; } + +/************************************* + boxed +**************************************/ + +@media (min-width: 1220px) { +body.boxed-layout .wrapper { float: none; width: 1220px; margin: 0 auto; position:relative; background-color: #FFF; box-shadow: 0 0 60px rgba(0,0,0,.1); -moz-box-shadow: 0 0 60px rgba(0,0,0,.1); + -webkit-box-shadow: 0 0 60px rgba(0,0,0,.1); } +/*index 01*/ +body.boxed-layout .wrapper .portfolio-title.section-title p { display: none; } +body.boxed-layout .wrapper .portfolio-title.section-title span { display: none; } + +/*index 02*/ +body.boxed-layout .wrapper .contact-3 #map { padding-top: 140%; } +body.boxed-layout .wrapper .contact-2 #map { padding-top: 90% } +body.boxed-layout .wrapper.vertical-header { width: auto; box-shadow: none; } +body.boxed-layout #footer-fixed { position: inherit !important; width: inherit; bottom: inherit !important; z-index: inherit; } +body.boxed-layout .wrapper { margin-bottom: 0 !important; } +body.boxed-layout .christmas-coming-soon { position: absolute; } + +body.frame-layout .wrapper { margin: 0 auto; margin-top: 1.5%; margin-bottom: 1.5%; width: 97%; position: relative; box-shadow: 0 0 60px rgba(0,0,0,.1); } +body.frame-layout .header.default, body.frame-layout .header.transparent, body.frame-layout header.one-page { left: 0; right: 0; } +body.frame-layout .navbar.affix { top: 0; } +body.frame-layout header.one-page.light .navbar { min-height: 10px !important; } +body.frame-layout #footer-fixed { position: inherit !important; bottom: inherit !important; z-index: inherit; } +body.frame-layout .wrapper { margin-bottom:1.5% !important; } +body.frame-layout .christmas-coming-soon { position: absolute; } + +} + +@media all and (-ms-high-contrast:none) { +.st-menu { position: absolute; } + img.bottom-img { top: 0; } +.search-cart { display: table; } +.search { display: table-cell !important; } +.shpping-cart { display: table-cell !important; } +.search-cart .shpping-cart { float: none !important; } + .mega-menu > section.menu-list-items .search-cart .search { float: none !important; } + .search-cart .shpping-cart { vertical-align: middle; } +} + + +@media (max-width: 1100px) { +.isotope-filters button { margin: 2px; cursor: pointer; padding: 6.5px 13px; font-size: 16px; background: transparent; color: #363636; font-weight: 600; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } +} + + diff --git a/apply/css/back/typography.css b/apply/css/back/typography.css new file mode 100644 index 0000000..5606ced --- /dev/null +++ b/apply/css/back/typography.css @@ -0,0 +1,332 @@ +/* + +Template: Webster — Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is typography stylesheet of template, This file contains typography of the Template. + +*/ + + +/*================================================ +[ Table of contents ] +================================================ + +:: General +:: Page section margin padding +:: Text color +:: Row eq height And No Gutter +:: Extra class +:: Loading +:: Back to top +:: Basic margin padding + +====================================== +[ End table content ] +======================================*/ +@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); +@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); +@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css"); + + +/************************* + General +*************************/ +body { font-family: '나눔고딕', NanumGothic, 'Nanum Gothic' , 'NotoM', sans-serif ; font-weight: bolder; font-style:normal; font-size: 14px; } +a, .btn { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; + transition: all 0.3s ease-out 0s; } +a:focus { text-decoration: none !important; } +a:focus, a:hover { color: #F5A623; text-decoration: none !important; } +a, button, input { outline: medium none !important; color: #F5A623; } +.uppercase { text-transform: uppercase; } +h1, h2, h3, h4, h5, h6 { font-family: '나눔고딕', NanumGothic, 'Nanum Gothic' ,'NotoM', sans-serif ; font-weight:bolder; font-style:italic; color: #363636; margin-top: 0px; } +h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } +label { font-weight: normal; } + +h1 { font-size: 36px; font-style: normal; font-weight: 800; line-height: 40px; } +h2 { font-size: 32px; font-style: normal; font-weight: 600; line-height: 38px; } +h3 { font-size: 28px; font-style: normal; font-weight: 600; line-height: 32px; } +h4 { font-size: 22px; font-style: normal; font-weight: 500; line-height: 26px; } +h5 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 18px; } +h6 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 18px; } + + +.fw-1 { font-weight: 100; } +.fw-2 { font-weight: 200; } +.fw-3 { font-weight: 300; } +.fw-4 { font-weight: 400; } +.fw-5 { font-weight: 500; } +.fw-6 { font-weight: 600; } +.fw-7 { font-weight: 700; } +.fw-8 { font-weight: 800; } +.fw-9 { font-weight: 900; } + +ul { margin: 0px; padding: 0px; } +p { font-weight: normal; line-height: 1.5; color: #333; } +hr { margin: 0; padding: 0px; border-bottom:1px dashed #eceff8; border-top: 0px; } + +*::-moz-selection { background: #F5A623; color: #fff; text-shadow: none; } +::-moz-selection { background: #F5A623; color: #fff; text-shadow: none; } +::selection { background: #F5A623; color: #fff; text-shadow: none; } + +/*************************** +Page section margin padding +****************************/ +.page-section-ptb { padding: 50px 0;background-color: #f6f6f6; } +.page-section-pt { padding:50px 0 20px 0; + /*background-color:#f7f7f7;*/ background: url(../images/bg/bg001.gif);} +.page-section-pb { padding: 0 0 80px; } + +.page-section-1-ptb { padding: 120px 0; } +.page-section-1-pt { padding: 120px 0 0; } +.page-section-1-pb { padding: 0 0 120px; } + +/************************* + Text color +*************************/ +.theme-color { color: #F5A623; } +.text-white { color: #fff; } +.text-black { color: #000; } +.text-gray { color:#9b9b9b; } +.text-darkgray { color:#9b9b9b; } +.text-orange { color:#f5a623; } +.text-red { color:#D0021B; } + + +img.bottom-img { position: absolute; bottom: 0; left: 0; right: 0; } + +/************************* + Text size +*************************/ +.f10 { font-size:10px; } +.f12 { font-size:12px; } +.f14 { font-size:14px; } +.f16 { font-size:16px; } +.f18 { font-size:18px; } +.f20 { font-size:20px; } +.f22 { font-size:22px; } +.f24 { font-size:24px; } +.f28 { font-size:28px; } +.f30 { font-size:30px; } +.f32 { font-size:32px; } +.f48 { font-size:48px; } + +/******************************************** + Row-eq-height And No Gutter +/*********************************************/ +.no-gutter{ margin-right:0; margin-left:0;} +.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;} +.row-eq-height{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;} +.row-eq-height.full-height > [class*='col-'] > div{height: 100%;} + +/* Vertical Align */ +.valign{display: table;} +.valign > [class*='col-']{display:table-cell; float:none;} +[data-valign-overlay="top"]{vertical-align:top;} +[data-valign-overlay="middle"]{vertical-align:middle;} +[data-valign-overlay="bottom"]{vertical-align:bottom;} + + + /************************* + Extra class +*************************/ +.o-hidden { overflow: hidden; } +.position-re { position: relative; } +.full-width{width: 100% !important;} +section { background: #f6f6f6; } + +/************************* + back to top +*************************/ +#back-to-top .top { z-index: 999; + position: fixed; + margin: 0px; + color: #fff; + transition: all .5s ease-in-out; + position: fixed; + bottom: 55px; + right: 15px; + border-radius: 50px; + z-index: 999; + background: transparent; + font-size: 24px; + background: #F5A623; + width: 70px; + height: 70px; + text-align: center; } +#back-to-top i { padding-top: 2px; font-size: 20px; } +#back-to-top span { display: block; line-height: 8px; font-size: 11px; } + + /************************* + Basic margin padding +*************************/ +.m-0 { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; } +.p-0 { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; } + +/************************* + Margin top +*************************/ +.mt-0 { margin-top: 0 !important; } +.mt-10 { margin-top: 10px !important; } +.mt-15 { margin-top: 15px !important; } +.mt-20 { margin-top: 20px !important; } +.mt-30 { margin-top: 30px !important; } +.mt-40 { margin-top: 40px !important; } +.mt-50 { margin-top: 50px !important; } +.mt-60 { margin-top: 60px !important; } +.mt-70 { margin-top: 70px !important; } +.mt-80 { margin-top: 80px !important; } +.mt-90 { margin-top: 90px !important; } +.mt-100 { margin-top: 100px !important; } +.mt-110 { margin-top: 110px !important; } +.mt-120 { margin-top: 120px !important; } +.mt-130 { margin-top: 130px !important; } +.mt-140 { margin-top: 140px !important; } +.mt-150 { margin-top: 150px !important;} + + /************************* + Margin right +*************************/ +.mr-0 { margin-right: 0!important } +.mr-10 { margin-right: 10px !important; } +.mr-15 { margin-right: 15px !important; } +.mr-20 { margin-right: 20px !important; } +.mr-30 { margin-right: 30px !important; } +.mr-40 { margin-right: 40px !important; } +.mr-50 { margin-right: 50px !important; } +.mr-60 { margin-right: 60px !important; } +.mr-70 { margin-right: 70px !important; } +.mr-80 { margin-right: 80px !important; } +.mr-90 { margin-right: 90px !important; } +.mr-100 { margin-right: 100px !important; } +.mr-110 { margin-right: 110px !important; } +.mr-120 { margin-right: 120px !important; } +.mr-130 { margin-right: 130px !important; } +.mr-140 { margin-right: 140px !important; } +.mr-150 { margin-right: 150px !important; } + + /************************* + Margin bottom +*************************/ +.mb-0 { margin-bottom: 0!important } +.mb-10 { margin-bottom: 10px !important; } +.mb-15 { margin-bottom: 15px !important; } +.mb-20 { margin-bottom: 20px !important; } +.mb-30 { margin-bottom: 30px !important; } +.mb-40 { margin-bottom: 40px !important; } +.mb-50 { margin-bottom: 50px !important; } +.mb-60 { margin-bottom: 60px !important; } +.mb-70 { margin-bottom: 70px !important; } +.mb-80 { margin-bottom: 80px !important; } +.mb-90 { margin-bottom: 90px !important; } +.mb-100 { margin-bottom: 100px !important; } +.mb-110 { margin-bottom: 110px !important; } +.mb-120 { margin-bottom: 120px !important; } +.mb-130 { margin-bottom: 130px !important; } +.mb-140 { margin-bottom: 140px !important; } +.mb-150 { margin-bottom: 150px !important; } + +/************************* + Margin left +*************************/ +.ml-0 { margin-left: 0!important } +.ml-10 { margin-left: 10px !important; } +.ml-15 { margin-left: 15px !important; } +.ml-20 { margin-left: 20px !important; } +.ml-30 { margin-left: 30px !important; } +.ml-40 { margin-left: 40px !important; } +.ml-50 { margin-left: 50px !important; } +.ml-60 { margin-left: 60px !important; } +.ml-70 { margin-left: 70px !important; } +.ml-80 { margin-left: 80px !important; } +.ml-90 { margin-left: 90px !important; } +.ml-100 { margin-left: 100px !important; } +.ml-110 { margin-left: 110px !important; } +.ml-120 { margin-left: 120px !important; } +.ml-130 { margin-left: 130px !important; } +.ml-140 { margin-left: 140px !important; } +.ml-150 { margin-left: 150px !important; } + + /************************* + Padding top +*************************/ +.pt-0 { padding-top: 0!important } +.pt-10 { padding-top: 10px !important; } +.pt-15 { padding-top: 15px !important; } +.pt-20 { padding-top: 20px !important; } +.pt-30 { padding-top: 30px !important; } +.pt-40 { padding-top: 40px !important; } +.pt-50 { padding-top: 50px !important; } +.pt-60 { padding-top: 60px !important; } +.pt-70 { padding-top: 70px !important; } +.pt-80 { padding-top: 80px !important; } +.pt-90 { padding-top: 90px !important; } +.pt-100 { padding-top: 100px !important; } +.pt-110 { padding-top: 110px !important; } +.pt-120 { padding-top: 120px !important; } +.pt-130 { padding-top: 130px !important; } +.pt-140 { padding-top: 140px !important; } +.pt-150 { padding-top: 150px !important; } + + /************************* + Padding right +*************************/ +.pr-0 { padding-right: 0!important } +.pr-10 { padding-right: 10px !important; } +.pr-15 { padding-right: 15px !important; } +.pr-20 { padding-right: 20px !important; } +.pr-30 { padding-right: 30px !important; } +.pr-40 { padding-right: 40px !important; } +.pr-50 { padding-right: 50px !important; } +.pr-60 { padding-right: 60px !important; } +.pr-70 { padding-right: 70px !important; } +.pr-80 { padding-right: 80px !important; } +.pr-90 { padding-right: 90px !important; } +.pr-100 { padding-right: 100px !important; } +.pr-110 { padding-right: 110px !important; } +.pr-120 { padding-right: 120px !important; } +.pr-130 { padding-right: 130px !important; } +.pr-140 { padding-right: 140px !important; } + + /************************* + Padding bottom +*************************/ +.pb-0 { padding-bottom: 0!important } +.pb-10 { padding-bottom: 10px !important; } +.pb-15 { padding-bottom: 15px !important; } +.pb-20 { padding-bottom: 20px !important; } +.pb-30 { padding-bottom: 30px !important; } +.pb-40 { padding-bottom: 40px !important; } +.pb-50 { padding-bottom: 50px !important; } +.pb-60 { padding-bottom: 60px !important; } +.pb-70 { padding-bottom: 70px !important; } +.pb-80 { padding-bottom: 80px !important; } +.pb-90 { padding-bottom: 90px !important; } +.pb-100 { padding-bottom: 100px !important; } +.pb-110 { padding-bottom: 110px !important; } +.pb-120 { padding-bottom: 120px !important; } +.pb-130 { padding-bottom: 130px !important; } +.pb-140 { padding-bottom: 140px !important; } +.pb-150 { padding-bottom: 150px !important; } + + /************************* + Padding left +*************************/ +.pl-0 { padding-left: 0!important } +.pl-10 { padding-left: 10px !important; } +.pl-15 { padding-left: 15px !important; } +.pl-20 { padding-left: 20px !important; } +.pl-30 { padding-left: 30px !important; } +.pl-40 { padding-left: 40px !important; } +.pl-50 { padding-left: 50px !important; } +.pl-60 { padding-left: 60px !important; } +.pl-70 { padding-left: 70px !important; } +.pl-80 { padding-left: 80px !important; } +.pl-90 { padding-left: 90px !important; } +.pl-100 { padding-left: 100px !important; } +.pl-110 { padding-left: 110px !important; } +.pl-120 { padding-left: 120px !important; } +.pl-130 { padding-left: 130px !important; } +.pl-140 { padding-left: 140px !important; } +.pl-150 { padding-left: 150px !important; } \ No newline at end of file diff --git a/apply/css/custom.css b/apply/css/custom.css new file mode 100644 index 0000000..9c5256c --- /dev/null +++ b/apply/css/custom.css @@ -0,0 +1,313 @@ +/* Add here all your CSS customizations */ + +/*border*/ +.border-right { border-right:1px solid #F5A623; } +.border-bottom { border-bottom:1px solid #979797; } + + +/*bg*/ +.info-bg { + background-image: url(..//images/bg/info-bg.jpg); + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} + + +/*footer-nav */ +#footer-nav {list-style:none; margin-bottom:20px;} +#footer-nav li{display:inline-block; position:relative; line-height: 20px;} + +#footer-nav li:first-child > a {border: 0;} +#footer-nav li > a {border-left: 1px solid #999; padding-left:10px; padding-right:10px} +.nav-item a { color:#fff; text-decoration:none; font-size:14px; ;} +.nav-item a:hover { font-weight:300; } +.nav-item a:visited { text-decoration:none; } +.link-h a { color: #F5A623 !important; font-size: 20px;} + + + +/* responsive */ +/* @media (max-width: 991px) { + .border-right { border:0; } + .footer-logo { width:30%; } + .btn-dropdown { width:30%; } +}*/ + +.owl-carousel .owl-dots { + position: absolute; + bottom: 15px; +} + + +.sideMenu span { + font-size: 16px !important; + font-weight: bold; +} + +.sideMenu i { + float: right; +} +.sideMenu a{ + border-radius: 50px !important; + color: gray; +} + +.sideMenu .active { + color: #F5A623 !important; +} + + +.sub-menu { + padding-left: 20px; + margin: 10px 0; +} +.sub-menu span { + font-size: 14px !important; + font-weight: bold; +} +.sub-menu a{ + border-radius: 50px !important; + color: gray; +} + +.maru { + border-radius: 5px; + padding: 4px 8px; + margin-right: 10px; + color: orange; + border: thin solid black; + background-color: white; +} + +.maru-b { + border-radius: 5px; + padding: 4px 8px; + margin-right: 10px; + color: yellow; + background-color: black; +} + +p {font-size:14px !important; font-family: '나눔고딕', NanumGothic, 'Nanum Gothic' , 'NotoM', sans-serif ;} + +.caution { + color: red; + font-weight: bold; +} + +.news-title { + padding: 20px; background-color: #f6f6f6; border-top: #B6B6B6 solid 1px ; border-bottom: #B6B6B6 solid 1px ; font-size: 18px; +} + +.news-col-4 { + text-align: center; + color: gray; + padding: 20px; +} + +.news-contents { + padding: 20px; +} + + +.event_t { + font-size: 1.4em !important; + font-weight: bold; +} + +.event_subt { + font-size: 1.4em !important; + font-weight: bold; + color:#9b9b9b; +} + + +.event-table { + border-collapse: collapse; + text-align: center !important; + border: 1px solid #ccc; + width:100%; +} +.event-table thead { + border-right: 1px solid #ccc; + border-left: 1px solid #ccc; + background: #c6beb1; +} +.event-table thead th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + color: #fff; +} +.event-table tbody th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + background: #ede3df; +} +.event-table td { + padding: 10px; + vertical-align: middle; + border: 1px solid #ccc; + background-color:#fff; +} + +.event-tablelist li{ + padding: 10px; + text-align:left; + color:#000; + list-style:none; + font-weight:600; +} + +.eventbutton { + font-size:11px !important; padding: 0 10px !important; margin: 0 10px !important; +} + + +.in-p { + margin-left: 25px !important; +} + +table.basic-table { + border-collapse: collapse; + text-align: center; + border: 1px solid #ccc; + width:100%; +} +table.basic-table thead { + border-right: 1px solid #ccc; + border-left: 1px solid #ccc; + background: #c6beb1; +} +table.basic-table thead th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + color: #fff; +} +table.basic-table tbody th { + padding: 5px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + background: #ede3df; +} +table.basic-table td { + padding: 10px; + vertical-align: middle; + border: 1px solid #ccc; + background-color:#fff; +} + +.reserve_li li{ margin: 0 20px; line-height: inherit !important; padding: 10px 0;} +.reserve_li span {font-weight: normal; color: gray; font-size: 12px;} +.reserve_li .emp_text { font-size:14px; color:#D0021B; font-weight:bold; } + + + table.info-timetable { + border-collapse: collapse; + text-align: center; + border: 1px solid #ccc; + width:100%; +} +table.info-timetable thead { + border-right: 1px solid #ccc; + border-left: 1px solid #ccc; + background: #c6beb1; +} +table.info-timetable thead th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + color: #fff; + text-align: center; +} +table.info-timetable tbody th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + background: #ede3df; + text-align: center; +} +table.info-timetable td { + padding: 10px; + vertical-align: middle; + border: 1px solid #ccc; +} + +.table-t { + color: #fff !important; +} + + +.table-t i { + vertical-align: bottom; + margin: 0 30px; + font-size: 24px; + font-weight: bold; + color: #fff !important; +} + +.sund { + color: red !important; +} + +.satd { + color: blue !important; +} + +/*cell background */ +.bg-t1 { + background-color:#fbf3c4; +} +.bg-t2 { + background-color:#d5f2f8; +} +.bg-t3 { + background-color:#fcebec; +} + +/* timetable label */ +table.timetable-label { + text-align: center; + width:70%; +} +table.timetable-label td { + padding: 10px; + vertical-align: middle; + font-weight: 600; + font-size:12px; +} + +.form-warning { + font-size: 11px !important; color: red; +} + +.form-tarea { + font-size: 11px !important; color: gray; +} + + +.form-font { + font-size: 11px !important; color: black; +} + +.h-icon { + vertical-align: top; font-size:12px; color:#9b9b9b; +} + +.personal-area { + width:100%; border: none; padding: 10px; font-size: 12px; +} + +.sitemap .title { + font-size:18px !important; color: orange; font-weight: bold; +} + +.sitemap ul li a { font-size:14px !important; padding-left:10px;} \ No newline at end of file diff --git a/apply/css/plugins-css.css b/apply/css/plugins-css.css new file mode 100644 index 0000000..6d2c424 --- /dev/null +++ b/apply/css/plugins-css.css @@ -0,0 +1,22 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file includes all plugins. If you don't want to use any plugins from below. You can simply remove that line from this file. + +*/ + +/*plugins*/ +@import url("plugins/bootstrap.min.css"); +@import url("plugins/mega_menu.css"); +@import url("plugins/animate.css"); +@import url("plugins/font-awesome.min.css"); +@import url("plugins/bootstrap-datetimepicker.min.css"); +@import url("plugins/dataTables.bootstrap.min.css"); +@import url("plugins/magnific-popup.css"); +@import url("plugins/mediaelementplayer.css"); +@import url("plugins/owl.carousel.min.css"); +@import url("plugins/slick-theme.css"); +@import url("plugins/themify-icons.css"); \ No newline at end of file diff --git a/apply/css/plugins/_bootstrap.min.css b/apply/css/plugins/_bootstrap.min.css new file mode 100644 index 0000000..ed3905e --- /dev/null +++ b/apply/css/plugins/_bootstrap.min.css @@ -0,0 +1,6 @@ +/*! + * Bootstrap v3.3.7 (http://getbootstrap.com) + * Copyright 2011-2016 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}} +/*# sourceMappingURL=bootstrap.min.css.map */ \ No newline at end of file diff --git a/apply/css/plugins/_mega_menu.css b/apply/css/plugins/_mega_menu.css new file mode 100644 index 0000000..804e905 --- /dev/null +++ b/apply/css/plugins/_mega_menu.css @@ -0,0 +1,722 @@ +/* MENU BASIC LAYOUT */ +.mega-menu { margin: 0 auto; padding: 0; display: block; float: none; position: relative; z-index: 999;/* max-width: 1280px; + width: 100%;*/ font-size: 16px; min-height: 100px; clear: both; box-sizing: border-box; } + @media screen and (max-width:992px) { + .mega-menu { /*float: left;*/ + margin: 0; /*min-width: 200px;*/ } + } + .mega-menu * { outline: none; list-style: none; text-decoration: none; box-sizing: border-box !important; font-weight: 400; -webkit-tap-highlight-color: transparent; text-align: left; } + @media screen and (max-width:992px) { + .mega-menu * { word-break: break-all; } + } + .mega-menu i.fa { /*----------------------------- FONT AWESOME ICONS */ + font-family: "FontAwesome"; } + .mega-menu img { /*------------------------------- IMAGE */ + margin: 0; padding: 0; display: block; max-width: 100% !important; float: left; } + .mega-menu .menu-logo img { height: 40px; } + .mega-menu input { /*------------------------------ DEFAULT INPUT */ + border: none; } + .mega-menu > section.menu-list-items { margin: 0; padding: 35px 0; display: block; float: left; width: 100%; background-color: transparent; } + .mega-menu .menu-logo { /*----------------------------------- MENU LOGO */ + margin: 0; padding: 0; display: block; float: left; position: relative; } + @media screen and (min-width:993px) { + .mega-menu .menu-logo.menu-logo-align-right { /*---------------------------------------------- MENU LOGO ALIGN RIGHT */ + float: right; } + } + @media screen and (max-width:992px) { + .mega-menu .menu-logo { width: 100%; } + } + .mega-menu .menu-logo > li { margin: 0; padding: 0; display: block; float: left; font-size: 1em; line-height: 50px; } + @media screen and (max-width:992px) { + .mega-menu .menu-logo > li { width: 100%; line-height: normal; } + } + .mega-menu .menu-logo > li > a { margin: 0; display: inline-block; float: left; width: 100%; color: #ffffff; font-size: 0.7800em; /*padding: 0 20px 0 45px;*/ line-height: 50px; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; } + .mega-menu .menu-logo > li > a:hover { /*-------------------------------------- HOVER MENU LOGO */ + + /*background-color: #F5A623;*/ } + @media screen and (max-width:992px) { + .mega-menu .menu-logo > li > a { line-height: normal; padding-top: 16px; padding-bottom: 16px; position: relative; z-index: 10; width: auto; } + } + .mega-menu .menu-logo > li > a i.fa { /*--------------------------------------- LOGO ICON */ + padding: 0; display: inline-block; font-size: 1.25em; position: absolute; top: 0; left: 20px; bottom: 0; margin: auto 0; line-height: 50px; } + .mega-menu .menu-logo > li > a img { /*--------------------------------------- LOGO IMAGE ICON */ + + /* width: 20px; + height: 20px; + position: absolute; + top: 0; + left: 15px; + bottom: 0; + margin: auto 0;*/ } + .mega-menu .menu-links { /*---------------------------------------- MENU LINKS */ + margin: 0; padding: 0; display: block; float: right; } + @media screen and (max-width:992px) { + .mega-menu .menu-links { width: 100%; background: #fff; } + } + @media screen and (min-width:993px) { + .mega-menu .menu-links { display: block !important; max-height: 100% !important; overflow: visible !important; } + .mega-menu .menu-links.menu-links-align-right { /*------------------------------------------ MENU LINKS ALIGN RIGHT */ + float: right; } + } + .mega-menu .menu-links > li { margin: 0; padding: 0; display: block; float: left; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; font-size: 1em; } + @media screen and (max-width:992px) { + .mega-menu .menu-links > li { width: 100%; position: relative; cursor: pointer; line-height: normal; border-bottom: 1px solid #f3f3f3; z-index: 50; } + .mega-menu .menu-links > li.activeTriggerMobile { /*background-color: #F5A623;*/ } + } + @media screen and (min-width:993px) { + .mega-menu .menu-links > li.activeTrigger { background-color: #F5A623; } + } + .mega-menu .menu-links > li.active a { /*------------------------------------- ACTIVE CLASS MENU LINKS */ + background-color: transparent; color: #F5A623; } + .mega-menu .menu-links > li:hover { /*-------------------------------------- HOVER MENU LINKS */ + background-color: transparent; color: #F5A623; } + .mega-menu .menu-links > li > a { margin: 0; padding: 0 13px; display: inline-block; float: none; width: 100%; color: #ffffff; font-size: 0.933em; line-height: 64px; position: relative; text-transform: capitalize; } + .mega-menu .menu-links > li > a:hover { color: #F5A623; } + @media screen and (max-width:992px) { + .mega-menu .menu-links > li > a { width: auto; line-height: normal; padding-top: 10px; padding-bottom: 10px; position: static; padding-right: 10px; z-index: 20; color: #363636; } + } + .mega-menu .menu-links > li > a i.fa { /*---------------------------------------------------- MENU LINKS ICONS*/ + font-size: 1em; line-height: 0.7800em; padding-right: 2px; } + .mega-menu .menu-links > li > a i.fa.fa-indicator { padding-right: 0; padding-left: 2px; } + @media screen and (max-width:992px) { + .mega-menu .menu-links > li > a i.fa.fa-indicator { float: right; position: absolute; right: 20px; top: 0; bottom: 0; line-height: 40px; height: 50px; z-index: -1; } + } + .mega-menu .menu-social-bar { /*---------------------------------------------- MENU SOCIAL BAR */ + margin: 0; display: block; float: left; padding: 0 10px; } + @media screen and (min-width:993px) { + .mega-menu .menu-social-bar { display: block !important; } + } + @media screen and (min-width:993px) { + .mega-menu .menu-social-bar.menu-social-bar-right { float: right; } + } + @media screen and (max-width:992px) { + .mega-menu .menu-social-bar { width: 100%; text-align: center; } + } + .mega-menu .menu-social-bar > li { margin: 0; padding: 0; display: block; float: left; font-size: 1em; line-height: 50px; } + .mega-menu .menu-social-bar > li[data-color='blue'] > a:hover { background-color: #3b5998; } + .mega-menu .menu-social-bar > li[data-color='sky-blue'] > a:hover { background-color: #2caae1; } + .mega-menu .menu-social-bar > li[data-color='orange'] > a:hover { background-color: #dd4b39; } + .mega-menu .menu-social-bar > li[data-color='red'] > a:hover { background-color: #bd081c; } + @media screen and (max-width:992px) { + .mega-menu .menu-social-bar > li { float: none; display: inline-block; margin-bottom: -5px; } + } + .mega-menu .menu-social-bar > li > a { margin: 0; display: inline-block; float: left; width: 100%; color: #ffffff; font-size: 0.875em; padding: 0 5px; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; line-height: 50px; } + @media screen and (max-width:992px) { + .mega-menu .menu-social-bar > li > a { padding-left: 10px; padding-right: 10px; } + } + .mega-menu .menu-social-bar > li > a i.fa { margin: 0; padding: 0; display: inline-block; float: left; width: 100%; font-size: 1.125em; line-height: 50px; } + .mega-menu .menu-search-bar { /*--------------------------------------------------- MENU SEARCH BAR */ + margin: 0; padding: 0; display: block; float: right; position: relative; height: 50px; } + @media screen and (min-width:993px) { + .mega-menu .menu-search-bar.menu-search-bar-left { float: left; } + } + @media screen and (max-width:992px) { + .mega-menu .menu-search-bar { width: 100%; position: absolute; top: 0; right: 0; } + } + .mega-menu .menu-search-bar li, + .mega-menu .menu-search-bar form, + .mega-menu .menu-search-bar label { margin: 0; padding: 0; display: block; float: left; width: 100%; line-height: 50px; } + .mega-menu .menu-search-bar li:hover i.fa.fa-search { background: #F5A623; } + .mega-menu .menu-search-bar input { max-width: 0; width: 100%; margin: 0; padding: 5px 50px 5px 0; font-size: 0.7800em; -webkit-transition: max-width 400ms ease, background 400ms ease, padding-left 400ms ease; transition: max-width 400ms ease, background 400ms ease, padding-left 400ms ease; height: 50px; display: block; background: none; color: #ffffff; font-weight: 400; } + .mega-menu .menu-search-bar input:focus { max-width: 170px; background: #F5A623; padding-left: 20px; } + @media screen and (max-width:992px) { + .mega-menu .menu-search-bar input:focus { max-width: 100%; position: relative; z-index: 20; } + } + .mega-menu .menu-search-bar i.fa.fa-search { position: absolute; top: 0; right: 0; bottom: 0; width: 50px; text-align: center; line-height: 50px; color: #ffffff; cursor: text; -webkit-transition: background 200ms ease; transition: background 200ms ease; z-index: 40; } + .mega-menu .menu-search-bar:-moz-placeholder { opacity: 1 !important; color: #ffffff !important; } + .mega-menu .menu-search-bar::-moz-placeholder { opacity: 1 !important; color: #ffffff !important; } + .mega-menu .menu-search-bar:-ms-input-placeholder { opacity: 1 !important; color: #ffffff !important; } + .mega-menu .menu-search-bar::-webkit-input-placeholder { opacity: 1 !important; color: #ffffff !important; } + @media screen and (max-width:992px) { + .mega-menu .menu-search-bar.active input { padding-right: 150px; } + .mega-menu .menu-search-bar.active i.fa.fa-search { right: 70px; } + } + .mega-menu .menu-mobile-collapse-trigger { /*------------------------------------------------------ MOBILE COLLAPSE TRIGGER BUTTON */ + margin: 0; padding: 0; height: 50px; width: 35px; background: transparent; display: none; position: absolute; top: 0; right: 0; z-index: 100; float: right; cursor: pointer; -webkit-transition: background 200ms ease; transition: background 200ms ease; } + .mega-menu .menu-mobile-collapse-trigger:hover { background: transparent; } + .mega-menu .menu-mobile-collapse-trigger:before, + .mega-menu .menu-mobile-collapse-trigger:after, + .mega-menu .menu-mobile-collapse-trigger span { content: ""; display: block; height: 2px; width: 26px; background: #ffffff; position: absolute; top: 13px; border-radius: 3px; left: 0; right: 0; margin: 0 auto; -webkit-transition: -webkit-transform 400ms ease 0s, opacity 400ms ease; transition: transform 400ms ease 0s, opacity 400ms ease; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 0px 50% 0px; -ms-transform-origin: 0px 50% 0px; transform-origin: 0px 50% 0px; } + .home-2 .mega-menu .menu-mobile-collapse-trigger:before, + .home-2 .mega-menu .menu-mobile-collapse-trigger:after, + .home-2 .mega-menu .menu-mobile-collapse-trigger span { background: #323232; } + .mega-menu .menu-mobile-collapse-trigger:after { top: 27px; } + .mega-menu .menu-mobile-collapse-trigger span { top: 20px; } + .mega-menu .menu-mobile-collapse-trigger.active span { opacity: 0; } + .mega-menu .menu-mobile-collapse-trigger.active:before { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } + .mega-menu .menu-mobile-collapse-trigger.active:after { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); } + @media screen and (max-width:992px) { + .mega-menu .menu-mobile-collapse-trigger { display: block; } + } + .mega-menu .drop-down-multilevel { /*-------------------------------------------------- DROP DOWN MULTILEVEL */ + margin: 0; padding: 0; display: block; position: absolute; top: auto; left: auto; right: auto; z-index: 50; width: 100%; background: #ffffff; float: left; max-width: 220px; } + .mega-menu .drop-down-multilevel * { color: #323232; } + @media screen and (min-width:993px) { + .mega-menu .drop-down-multilevel { display: block !important; opacity: 0; visibility: hidden; box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.05); border-bottom: 0px; border-radius: 0px; } + } + @media screen and (max-width:992px) { + .mega-menu .drop-down-multilevel { max-width: 100% !important; position: relative; left: 0; top: 0; padding: 10px; display: none; } + } + .mega-menu .drop-down-multilevel li { margin: 0; padding: 0; display: block; float: left; border-radius: 0px; /*border-bottom: 1px solid #f3f3f3;*/ width: 100%; position: relative; -webkit-transition: background 200ms ease; transition: background 200ms ease; z-index: 50; } + .mega-menu .drop-down-multilevel li:last-child { border-bottom: 0px; } + .mega-menu .drop-down-multilevel li:hover { background: #fafafa; } + .mega-menu .drop-down-multilevel li:hover > a { color: #F5A623; } + .mega-menu .drop-down-multilevel li:hover > a i.fa { color: #F5A623; } + @media screen and (min-width:993px) { + .mega-menu .drop-down-multilevel li.activeTrigger { background: #F5A623; } + .mega-menu .drop-down-multilevel li.activeTrigger > a { color: #ffffff; } + .mega-menu .drop-down-multilevel li.activeTrigger > a i.fa { color: #ffffff; } + } + @media screen and (max-width:992px) { + .mega-menu .drop-down-multilevel li.activeTriggerMobile { background: #F5A623; } + .mega-menu .drop-down-multilevel li.activeTriggerMobile > a { color: #ffffff; } + .mega-menu .drop-down-multilevel li.activeTriggerMobile > a i.fa { color: #ffffff; } + .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #ffffff !important; } + } + .mega-menu .menu-links > li.active .drop-down-multilevel a { color: #323232; } + .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #F5A623; } + .mega-menu .drop-down-multilevel a { margin: 0; padding: 10px 30px; font-size: 0.7800em; text-transform: capitalize; display: inline-block; float: left; width: 100%; color: #323232; -webkit-transition: color 200ms ease; transition: color 200ms ease; min-height: 40px; } + + .mega-menu .drop-down-multilevel > li:first-child > a { padding-top: 18px; } + .mega-menu .drop-down-multilevel > li:last-child > a { padding-bottom: 18px; } + + @media screen and (max-width:992px) { + + /* .mega-menu .drop-down-multilevel a { + width: auto; + }*/ } + .mega-menu .drop-down-multilevel i.fa { float: left; line-height: 1.375em; font-size: 1em; display: block; padding-right: 10px; -webkit-transition: color 200ms ease; transition: color 200ms ease; } + .mega-menu .drop-down-multilevel i.fa-indicator { float: right; line-height: 19px; font-size: 8px; font-weight: 900; display: block; padding-left: 10px; padding-right: 0; } + @media screen and (max-width:992px) { + .mega-menu .drop-down-multilevel i.fa-indicator { float: right; height: 50px; position: absolute; top: 0; right: 20px; line-height: 50px; z-index: -1; } + } + .mega-menu .drop-down-multilevel .drop-down-multilevel { /*------------------------------------------------------ SECOND LEVEL */ + left: 100%; top: 0; } + @media screen and (min-width:993px) { + .mega-menu .drop-down-multilevel .drop-down-multilevel.left-side { /*--------------------------------------------------- ALIGN SECOND LEVEL DROP DOWN LEFT SIDE */ + left: -100%; } + } + @media screen and (max-width:992px) { + .mega-menu .drop-down-multilevel .drop-down-multilevel { left: 0; border: 1px solid #cccccc; } + } + .mega-menu .drop-down, + .mega-menu .drop-down-tab-bar { /*--------------------------------------------------------- GRID DROP DOWN */ + position: absolute; left: auto; top: auto; right: auto; background: #ffffff; float: left; padding: 10px 20px; z-index: 999; display: block; cursor: default; overflow: hidden; /*-------------------------------------------------------- 12 COLUMNS FLUID GRID WITH NESTED COLUMNS */ } + .mega-menu .drop-down *, + .mega-menu .drop-down-tab-bar * { color: #323232; } + @media screen and (min-width:993px) { + .mega-menu .drop-down.menu-bg, + .mega-menu .drop-down-tab-bar { background: rgba(255, 255, 255, 1); background-repeat: no-repeat; background-position: 120% 0; } + .mega-menu .drop-down.menu-shop-bg, + .mega-menu .drop-down-tab-bar { background: rgba(255, 255, 255, 1) url(../../images/objects/menu-shop-bg.jpg); background-repeat: no-repeat; background-position: right; } + .mega-menu .drop-down.menu-bg [class*="grid-col-"] { padding: 10px 10px 0; } + .mega-menu .rev-slider { background: #fff; padding: 7px 12px; } + .mega-menu .rev-slider p { display: inline-block; padding: 0px 10px; margin-bottom: 0px !important; line-height: 0px !important; } + .mega-menu .rev-slider a { display: inline-block; font-size: 13px !important; color: #01a9da; width: inherit !important; padding: 5px 0px; } + .mega-menu .rev-slider a:hover { color: #323232 !important; } + } + @media screen and (min-width:993px) { + .mega-menu .drop-down, + .mega-menu .drop-down-tab-bar { display: block !important; opacity: 0; visibility: hidden; /*border-top:5px solid #F5A623;*/ border-radius: 0px !important; box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.05); } + } + @media screen and (max-width:992px) { + .mega-menu .drop-down, + .mega-menu .drop-down-tab-bar { width: 100% !important; top: 0; left: 0; position: relative; display: none; } + } + .mega-menu .drop-down .grid-row, + .mega-menu .drop-down-tab-bar .grid-row { margin: 0; padding: 0; min-height: 1px; width: 100%; float: left; clear: both; } + .mega-menu .drop-down [class*="grid-col-"], + .mega-menu .drop-down-tab-bar [class*="grid-col-"] { margin: 0; float: left; padding: 10px; position: relative; } + .mega-menu .drop-down .grid-col-1, + .mega-menu .drop-down-tab-bar .grid-col-1 { width: 8.333333333333333%; } + .mega-menu .drop-down .grid-col-2, + .mega-menu .drop-down-tab-bar .grid-col-2 { width: 16.66666666666667%; } + .mega-menu .drop-down .grid-col-3, + .mega-menu .drop-down-tab-bar .grid-col-3 { width: 25%; } + .mega-menu .drop-down .grid-col-4, + .mega-menu .drop-down-tab-bar .grid-col-4 { width: 33.33333333333333%; } + .mega-menu .drop-down .grid-col-5, + .mega-menu .drop-down-tab-bar .grid-col-5 { width: 41.66666666666667%; } + .mega-menu .drop-down .grid-col-6, + .mega-menu .drop-down-tab-bar .grid-col-6 { width: 50%; } + .mega-menu .drop-down .grid-col-7, + .mega-menu .drop-down-tab-bar .grid-col-7 { width: 58.33333333333333%; } + .mega-menu .drop-down .grid-col-8, + .mega-menu .drop-down-tab-bar .grid-col-8 { width: 66.66666666666667%; } + .mega-menu .drop-down .grid-col-9, + .mega-menu .drop-down-tab-bar .grid-col-9 { width: 75%; } + .mega-menu .drop-down .grid-col-10, + .mega-menu .drop-down-tab-bar .grid-col-10 { width: 83.33333333333333%; } + .mega-menu .drop-down .grid-col-11, + .mega-menu .drop-down-tab-bar .grid-col-11 { width: 91.66666666666667%; } + .mega-menu .drop-down .grid-col-12, + .mega-menu .drop-down-tab-bar .grid-col-12 { width: 100%; } + .mega-menu .drop-down.grid-col-1, + .mega-menu .drop-down-tab-bar.grid-col-1 { width: 8.333333333333333%; } + .mega-menu .drop-down.grid-col-2, + .mega-menu .drop-down-tab-bar.grid-col-2 { width: 16.66666666666667%; } + .mega-menu .drop-down.grid-col-3, + .mega-menu .drop-down-tab-bar.grid-col-3 { width: 25%; } + .mega-menu .drop-down.grid-col-4, + .mega-menu .drop-down-tab-bar.grid-col-4 { width: 33.33333333333333%; } + .mega-menu .drop-down.grid-col-5, + .mega-menu .drop-down-tab-bar.grid-col-5 { width: 41.66666666666667%; } + .mega-menu .drop-down.grid-col-6, + .mega-menu .drop-down-tab-bar.grid-col-6 { width: 50%; } + .mega-menu .drop-down.grid-col-7, + .mega-menu .drop-down-tab-bar.grid-col-7 { width: 58.33333333333333%; } + .mega-menu .drop-down.grid-col-8, + .mega-menu .drop-down-tab-bar.grid-col-8 { width: 66.66666666666667%; } + .mega-menu .drop-down.grid-col-9, + .mega-menu .drop-down-tab-bar.grid-col-9 { width: 75%; } + .mega-menu .drop-down.grid-col-10, + .mega-menu .drop-down-tab-bar.grid-col-10 { width: 83.33333333333333%; } + .mega-menu .drop-down.grid-col-11, + .mega-menu .drop-down-tab-bar.grid-col-11 { width: 91.66666666666667%; } + .mega-menu .drop-down.grid-col-12, + .mega-menu .drop-down-tab-bar.grid-col-12 { width: 100%; left: 0; } + @media screen and (max-width:992px) { + .mega-menu .drop-down [class*="grid-col-"], + .mega-menu .drop-down-tab-bar [class*="grid-col-"] { width: 50%; } + } + @media screen and (max-width:992px) { + .mega-menu .drop-down [class*="grid-col-"], + .mega-menu .drop-down-tab-bar [class*="grid-col-"] { width: 100%; } + } + .mega-menu .drop-down.grid-demo span, + .mega-menu .drop-down-tab-bar.grid-demo span { float: left; display: inline-block; width: 100%; padding: 4px 6px; background: #bfbfbf; font-size: 0.75em; color: #323232; } + .mega-menu .drop-down .space-0, + .mega-menu .drop-down-tab-bar .space-0 { /*--------------------------------------------------------- SPACE 0 CLASS */ + padding: 0 !important; margin: 0 !important; } + .mega-menu .drop-down a, + .mega-menu .drop-down-tab-bar a { font-size: 0.7800em; display: inline-block; padding: 8px 0; width: 100%; max-width: 100%; text-transform: capitalize; } + .mega-menu .drop-down h1, + .mega-menu .drop-down h2, + .mega-menu .drop-down h3, + .mega-menu .drop-down h4, + .mega-menu .drop-down h5, + .mega-menu .drop-down h6, + .mega-menu .drop-down-tab-bar h1, + .mega-menu .drop-down-tab-bar h2, + .mega-menu .drop-down-tab-bar h3, + .mega-menu .drop-down-tab-bar h4, + .mega-menu .drop-down-tab-bar h5, + .mega-menu .drop-down-tab-bar h6 { margin-top: 0; font-weight: 700; } + .mega-menu .drop-down h1, + .mega-menu .drop-down-tab-bar h1 { font-size: 1.5em; line-height: 1; padding-top: 0.53em; margin-bottom: 0.5em; } + .mega-menu .drop-down h2, + .mega-menu .drop-down-tab-bar h2 { font-size: 1.375em; padding-top: 0.25em; margin-bottom: 0.5em; } + .mega-menu .drop-down h3, + .mega-menu .drop-down-tab-bar h3 { font-size: 1.125em; line-height: 1; padding-top: 0.35em; margin-bottom: 0.65em; } + .mega-menu .drop-down h4, + .mega-menu .drop-down-tab-bar h4 { font-size: 1em; text-transform: capitalize; line-height: 1.25; padding-top: 0.45em; margin-bottom: 0px; padding-left: 8px; letter-spacing: 0px; } + .mega-menu .drop-down h5, + .mega-menu .drop-down-tab-bar h5 { font-size: 0.875em; font-weight: bold; padding-top: 0.6em; margin-bottom: 0.9em; } + .mega-menu .drop-down h6, + .mega-menu .drop-down-tab-bar h6 { font-size: 0.75em; font-weight: bold; margin-bottom: 0; } + .mega-menu .drop-down figure img, + .mega-menu .drop-down-tab-bar figure img { width: 100%; height: auto; display: block; } + .mega-menu .drop-down figcaption, + .mega-menu .drop-down-tab-bar figcaption { font-size: small; font-style: italic; color: #666666; } + .mega-menu .drop-down ul, + .mega-menu .drop-down ol, + .mega-menu .drop-down dl, + .mega-menu .drop-down-tab-bar ul, + .mega-menu .drop-down-tab-bar ol, + .mega-menu .drop-down-tab-bar dl { padding: 0; margin: 0 0 0px; } + .mega-menu .drop-down form, + .mega-menu .drop-down-tab-bar form { margin-bottom: 1.5em; } + .mega-menu .drop-down form ul, + .mega-menu .drop-down-tab-bar form ul { list-style: none none; margin: 0; padding: 0; } + .mega-menu .drop-down form ul li, + .mega-menu .drop-down-tab-bar form ul li { *zoom: 1; margin-bottom: 1.5em; } + .mega-menu .drop-down form ul li:before, + .mega-menu .drop-down form ul li:after, + .mega-menu .drop-down-tab-bar form ul li:before, + .mega-menu .drop-down-tab-bar form ul li:after { content: ""; display: table; } + .mega-menu .drop-down form ul li:after, + .mega-menu .drop-down-tab-bar form ul li:after { clear: both; } + .mega-menu .drop-down fieldset, + .mega-menu .drop-down-tab-bar fieldset { margin: 0; padding: 1.5em; } + .mega-menu .drop-down label, + .mega-menu .drop-down-tab-bar label { display: block; } + .mega-menu .drop-down label.inline, + .mega-menu .drop-down-tab-bar label.inline { display: inline; padding-right: 24px; } + .mega-menu .drop-down input[type="text"], + .mega-menu .drop-down input[type="url"], + .mega-menu .drop-down input[type="email"], + .mega-menu .drop-down input[type="password"], + .mega-menu .drop-down input[type="search"], + .mega-menu .drop-down input[type="number"], + .mega-menu .drop-down input[type="date"], + .mega-menu .drop-down input[type="month"], + .mega-menu .drop-down input[type="week"], + .mega-menu .drop-down input[type="time"], + .mega-menu .drop-down input[type="datetime"], + .mega-menu .drop-down input[type="datetime-local"], + .mega-menu .drop-down input[type="tel"], + .mega-menu .drop-down textarea, + .mega-menu .drop-down-tab-bar input[type="text"], + .mega-menu .drop-down-tab-bar input[type="url"], + .mega-menu .drop-down-tab-bar input[type="email"], + .mega-menu .drop-down-tab-bar input[type="password"], + .mega-menu .drop-down-tab-bar input[type="search"], + .mega-menu .drop-down-tab-bar input[type="number"], + .mega-menu .drop-down-tab-bar input[type="date"], + .mega-menu .drop-down-tab-bar input[type="month"], + .mega-menu .drop-down-tab-bar input[type="week"], + .mega-menu .drop-down-tab-bar input[type="time"], + .mega-menu .drop-down-tab-bar input[type="datetime"], + .mega-menu .drop-down-tab-bar input[type="datetime-local"], + .mega-menu .drop-down-tab-bar input[type="tel"], + .mega-menu .drop-down-tab-bar textarea { display: block; width: 100%; margin: 0 0 0.75em; padding: 10px; font-size: 0.7800em; border: 1px solid #e8e8e8; line-height: 1.5em; } + .mega-menu .drop-down select, + .mega-menu .drop-down-tab-bar select { width: 100%; height: 2.1em; margin-bottom: 0.9em; border: 1px solid #cccccc; } + .mega-menu .drop-down input[type="range"], + .mega-menu .drop-down input[type="color"], + .mega-menu .drop-down-tab-bar input[type="range"], + .mega-menu .drop-down-tab-bar input[type="color"] { vertical-align: middle; height: 1.5em; width: 100%; } + .mega-menu .drop-down input[type="range"], + .mega-menu .drop-down-tab-bar input[type="range"] { height: 1.4em; } + .mega-menu .drop-down input[type="color"], + .mega-menu .drop-down-tab-bar input[type="color"] { width: 1.5em; } + .mega-menu .drop-down input[type="time"], + .mega-menu .drop-down-tab-bar input[type="time"] { margin: 0 0 0.55em; } + .mega-menu .drop-down progress, + .mega-menu .drop-down meter, + .mega-menu .drop-down-tab-bar progress, + .mega-menu .drop-down-tab-bar meter { display: block; width: 100%; height: 1.5em; } + .mega-menu .drop-down table, + .mega-menu .drop-down-tab-bar table { margin-bottom: 1.4em; width: 100%; border: 1px solid #cccccc; } + .mega-menu .drop-down thead, + .mega-menu .drop-down-tab-bar thead { text-align: left; font-weight: bold; } + .mega-menu .drop-down tbody tr:nth-child(even) td, + .mega-menu .drop-down-tab-bar tbody tr:nth-child(even) td { background: #dddddd; } + .mega-menu .drop-down tfoot, + .mega-menu .drop-down-tab-bar tfoot { font-style: italic; } + .mega-menu .drop-down tfoot td, + .mega-menu .drop-down tfoot th, + .mega-menu .drop-down-tab-bar tfoot td, + .mega-menu .drop-down-tab-bar tfoot th { padding: 0.75em 10px; } + .mega-menu .drop-down th, + .mega-menu .drop-down td, + .mega-menu .drop-down caption, + .mega-menu .drop-down-tab-bar th, + .mega-menu .drop-down-tab-bar td, + .mega-menu .drop-down-tab-bar caption { border: 1px solid #cccccc; } + .mega-menu .drop-down td, + .mega-menu .drop-down th, + .mega-menu .drop-down-tab-bar td, + .mega-menu .drop-down-tab-bar th { padding: 0 10px 0 10px; line-height: 1.45em; } + .mega-menu .drop-down caption, + .mega-menu .drop-down-tab-bar caption { border-bottom: 0; padding: 0.75em 10px; line-height: 1.45em; text-align: left; font-style: italic; } + .mega-menu .drop-down p, + .mega-menu .drop-down-tab-bar p { margin: 0 0 1.5em 0; font-size: 0.7800em; } + .mega-menu .drop-down blockquote, + .mega-menu .drop-down-tab-bar blockquote { margin: 0 1.5em 1.5em; font-style: italic; } + .mega-menu .drop-down mark, + .mega-menu .drop-down-tab-bar mark { line-height: 1.5; background: #78aace; color: #ffffff; } + .mega-menu .drop-down del, + .mega-menu .drop-down-tab-bar del { color: #dddddd; } + .mega-menu .drop-down code, + .mega-menu .drop-down kbd, + .mega-menu .drop-down pre, + .mega-menu .drop-down samp, + .mega-menu .drop-down-tab-bar code, + .mega-menu .drop-down-tab-bar kbd, + .mega-menu .drop-down-tab-bar pre, + .mega-menu .drop-down-tab-bar samp { } + .mega-menu .drop-down ins, + .mega-menu .drop-down small, + .mega-menu .drop-down-tab-bar ins, + .mega-menu .drop-down-tab-bar small { line-height: 1.5; } + .mega-menu .drop-down kbd, + .mega-menu .drop-down samp, + .mega-menu .drop-down-tab-bar kbd, + .mega-menu .drop-down-tab-bar samp { line-height: 1.4; } + .mega-menu .drop-down hr, + .mega-menu .drop-down-tab-bar hr { background: #cccccc; color: #cccccc; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1.4em; border: none; } + .mega-menu .drop-down input[type="submit"], + .mega-menu .drop-down input[type="button"], + .mega-menu .drop-down-tab-bar input[type="submit"], + .mega-menu .drop-down-tab-bar input[type="button"] { background: #F5A623; padding: 10px 20px; margin: 5px 10px 0 0; line-height: 1.5em; font-weight: 600; font-size: 0.7800em; color: #ffffff; border-radius: 0; display: block; float: left; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; } + .mega-menu .drop-down input[type="submit"]:hover, + .mega-menu .drop-down input[type="button"]:hover, + .mega-menu .drop-down-tab-bar input[type="submit"]:hover, + .mega-menu .drop-down-tab-bar input[type="button"]:hover { background-color: #333333; } + @media screen and (max-width:992px) { + .mega-menu .drop-down input[type="submit"], + .mega-menu .drop-down input[type="button"], + .mega-menu .drop-down-tab-bar input[type="submit"], + .mega-menu .drop-down-tab-bar input[type="button"] { width: 100%; } + } + .mega-menu .drop-down a, + .mega-menu .drop-down-tab-bar a { -webkit-transition: color 200ms ease; transition: color 200ms ease; } + .mega-menu .drop-down a:hover, + .mega-menu .drop-down-tab-bar a:hover { color: #F5A623; } + .mega-menu .drop-down a i, + .mega-menu .drop-down-tab-bar a i { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } + .mega-menu .drop-down a:hover i, + .mega-menu .drop-down-tab-bar a:hover i { color: #F5A623; } + @media screen and (max-width:992px) { + .mega-menu .drop-down a, + .mega-menu .drop-down-tab-bar a { width: auto; } + } + + /*.mega-menu .drop-down ::-moz-selection, + .mega-menu .drop-down-tab-bar ::-moz-selection { + background: #ffb9ad; + } + + .mega-menu .drop-down ::selection, + .mega-menu .drop-down-tab-bar ::selection { + background: #ffb9ad; + }*/ + .mega-menu .drop-down .list-description span, + .mega-menu .drop-down-tab-bar .list-description span { color: #aeaeae; display: inline-block; width: 100%; } + .mega-menu .drop-down .image-description, + .mega-menu .drop-down-tab-bar .image-description { position: relative; } + .mega-menu .drop-down .image-description img, + .mega-menu .drop-down-tab-bar .image-description img { display: inline-block; float: left; max-width: 100%; position: absolute; left: 0; right: 0; height: 40px; width: 40px; } + .mega-menu .drop-down .image-description a, + .mega-menu .drop-down-tab-bar .image-description a { padding-left: 50px; } + .mega-menu .drop-down .image-description span, + .mega-menu .drop-down-tab-bar .image-description span { color: #aeaeae; display: inline-block; width: 100%; } + .mega-menu .drop-down i.fa, + .mega-menu .drop-down-tab-bar i.fa { padding-right: 10px; width: 20px; } + .mega-menu .drop-down iframe, + .mega-menu .drop-down-tab-bar iframe { width: 100%; display: block; float: left; margin: 0; padding: 0; border: none; } + @media screen and (min-width:993px) { + .mega-menu .drop-down.offset-1, + .mega-menu .drop-down-tab-bar.offset-1 { /*------------------------------------------- OFFSET CLASSES FOR DROP DOWN */ + margin-left: 100px; } + .mega-menu .drop-down.offset-2, + .mega-menu .drop-down-tab-bar.offset-2 { margin-left: -150px; } + .mega-menu .drop-down.offset-3, + .mega-menu .drop-down-tab-bar.offset-3 { margin-left: -200px; } + .mega-menu .drop-down.offset-4, + .mega-menu .drop-down-tab-bar.offset-4 { margin-left: -250px; } + .mega-menu .drop-down.offset-5, + .mega-menu .drop-down-tab-bar.offset-5 { margin-left: -300px; } + } + .mega-menu .drop-down .menu-contact-form, + .mega-menu .drop-down-tab-bar .menu-contact-form { /*------------------------------------------------------- MENU CONTACT FORM */ + margin: 0; display: block; float: left; width: 100%; background: #f7f7f7; padding: 20px; } + .mega-menu .mobileTriggerButton { /*---------------------------------------------------- MOBILE CLICK TRIGGER JQUERY DIV */ + margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; height: 50px; display: none; z-index: -1; } + @media screen and (max-width:992px) { + .mega-menu .mobileTriggerButton { display: block; } + } + .mega-menu .desktopTriggerButton { /*--------------------------------------------------- DESKTOP CLICK TRIGGER JQUERY DIV */ + margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; display: block; opacity: .2; } + @media screen and (max-width:992px) { + .mega-menu .desktopTriggerButton { display: none; } + } + @media screen and (min-width:993px) { + .mega-menu.desktopTopFixed .menu-list-items { /*--------------------------------------------------------- TOP FIXED FOR DESKTOP */ + position: fixed; top: 0; left: 0; right: 0; max-width: 100%; padding: 0px 10px; background: #323232; box-shadow: 0 0 10px rgba(0, 0, 0, .1); } + .mega-menu.desktopTopFixed .menu-list-items .drop-down.grid-col-12, + .mega-menu.desktopTopFixed .menu-list-items .drop-down-tab-bar.grid-col-12 { width: 100%; margin: 0px; } + .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 40px; padding-top: 0px; margin: 15px 0px; /*width: 75%;*/ } + .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 20px; } + } + @media screen and (max-width:992px) { + .mega-menu.mobileTopFixed .menu-list-items { /*--------------------------------------------------------- TOP FIXED FOR MOBILE */ + position: fixed; top: 0; left: 0; right: 0; max-width: 100%; } + } + .mega-menu .drop-down-tab-bar { /*----------------------------------------------------------- DROP DOWN TAB BAR */ + margin: 0; padding: 10px; float: left; } + .mega-menu .drop-down-tab-bar li { float: left; margin: 0; padding: 0; display: block; } + @media screen and (max-width:992px) { + .mega-menu .drop-down-tab-bar li { width: 100%; position: relative; } + } + .mega-menu .drop-down-tab-bar a { float: left; width: 100%; display: inline-block; padding: 5px 10px; font-size: 0.7800em; } + @media screen and (max-width:992px) { + .mega-menu .drop-down-tab-bar a { width: auto; padding-right: 20px; } + } + .mega-menu .drop-down-tab-bar i.fa { display: inline-block; padding-right: 5px; } + .mega-menu .drop-down-tab-bar i.fa.fa-indicator { padding-right: 0; padding-left: 10px; line-height: 0.7800em; } + @media screen and (max-width:992px) { + .mega-menu .drop-down-tab-bar i.fa.fa-indicator { float: right; position: absolute; right: 12px; top: 0; bottom: 0; line-height: 25px; } + } + @media screen and (min-width:993px) { + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-scale, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-scale, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-scale { /*--------------------------------------------- effect scale */ + -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-top, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-top, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-top { /*--------------------------------------------- effect expand top*/ + -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-bottom, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-bottom, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-bottom { /*--------------------------------------------- effect expand bottom*/ + -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; } + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-left, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-left, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-left { /*--------------------------------------------- effect expand left*/ + -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-right, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-right, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-right { /*--------------------------------------------- effect expand right*/ + -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel, + .mega-menu .menu-links li.ClickTrigger .drop-down.active, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active { -webkit-transition-delay: 200ms !important; transition-delay: 200ms !important; } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-fade, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-fade, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-fade, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-fade, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-fade, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-fade { /*------------------------------------------- DROP DOWN EFFECTS :::: fade-effect */ + opacity: 1; visibility: visible; } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-scale, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-scale, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-scale { /*--------------------------------------------- effect scale */ + opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-top, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-top, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-top { /*--------------------------------------------- effect expand top*/ + opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-bottom, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-bottom, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-bottom { /*--------------------------------------------- effect expand bottom*/ + opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-left, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-left, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-left { /*--------------------------------------------- effect expand left*/ + opacity: 1; visibility: visible; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-right, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-right, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-right { /*--------------------------------------------- effect expand right */ + opacity: 1; visibility: visible; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } + } + @media screen and (max-width:992px) { + .mega-menu .menu-links li .drop-down, + .mega-menu .menu-links li .drop-down-tab-bar, + .mega-menu .menu-links li .drop-down-multilevel { -webkit-transition: none !important; transition: none !important; } + } + @media screen and (min-width:993px) { + .mega-menu.vertical-left, + .mega-menu.vertical-right { /*----------------------------------------------------- VERTICAL LEFT OR VERTICAL RIGHT */ + float: left; width: auto; display: block; /*max-width: 250px;*/ } + .mega-menu.vertical-left .menu-logo, + .mega-menu.vertical-right .menu-logo { clear: both; width: 100%; } + .mega-menu.vertical-left .menu-logo > li, + .mega-menu.vertical-right .menu-logo > li { width: 100%; } + .mega-menu.vertical-left .menu-logo > li > a, + .mega-menu.vertical-right .menu-logo > li > a { width: 100%; } + .mega-menu.vertical-left .menu-links, + .mega-menu.vertical-right .menu-links { clear: both; width: 100%; } + .mega-menu.vertical-left .menu-links > li, + .mega-menu.vertical-right .menu-links > li { clear: both; width: 100%; position: relative; } + .mega-menu.vertical-left .menu-links > li > a, + .mega-menu.vertical-right .menu-links > li > a { width: 100%; position: relative; line-height: 48px; } + .mega-menu.vertical-left .menu-links > li > a i.fa.fa-indicator, + .mega-menu.vertical-right .menu-links > li > a i.fa.fa-indicator { float: right; line-height: 48px; } + .mega-menu.vertical-left .menu-social-bar, + .mega-menu.vertical-right .menu-social-bar { width: 100%; text-align: center; } + .mega-menu.vertical-left .menu-social-bar > li, + .mega-menu.vertical-right .menu-social-bar > li { display: inline-block; float: none; } + .mega-menu.vertical-left .menu-social-bar > li > a, + .mega-menu.vertical-right .menu-social-bar > li > a { padding-left: 10px; padding-right: 10px; } + .mega-menu.vertical-left .drop-down-multilevel, + .mega-menu.vertical-right .drop-down-multilevel { top: 0; left: 100%; } + .mega-menu.vertical-left .drop-down, + .mega-menu.vertical-left .drop-down-tab-bar, + .mega-menu.vertical-right .drop-down, + .mega-menu.vertical-right .drop-down-tab-bar { left: 100%; top: 0; min-width: 600px; } + .mega-menu.vertical-left .drop-down.grid-col-12, + .mega-menu.vertical-left .drop-down-tab-bar.grid-col-12, + .mega-menu.vertical-right .drop-down.grid-col-12, + .mega-menu.vertical-right .drop-down-tab-bar.grid-col-12 { min-width: 1000px; } + .mega-menu.vertical-left .offset-1, + .mega-menu.vertical-left .offset-2, + .mega-menu.vertical-left .offset-3, + .mega-menu.vertical-left .offset-4, + .mega-menu.vertical-left .offset-5, + .mega-menu.vertical-right .offset-1, + .mega-menu.vertical-right .offset-2, + .mega-menu.vertical-right .offset-3, + .mega-menu.vertical-right .offset-4, + .mega-menu.vertical-right .offset-5 { margin-left: 0; } + .mega-menu.vertical-left .offset-1-vertical, + .mega-menu.vertical-right .offset-1-vertical { margin-top: -100px !important; } + .mega-menu.vertical-left .offset-2-vertical, + .mega-menu.vertical-right .offset-2-vertical { margin-top: -150px !important; } + .mega-menu.vertical-left .offset-3-vertical, + .mega-menu.vertical-right .offset-3-vertical { margin-top: -200px !important; } + .mega-menu.vertical-left .offset-4-vertical, + .mega-menu.vertical-right .offset-4-vertical { margin-top: -250px !important; } + .mega-menu.vertical-left .offset-5-vertical, + .mega-menu.vertical-right .offset-5-vertical { margin-top: -300px !important; } + .mega-menu.vertical-left.desktopTopFixed, + .mega-menu.vertical-right.desktopTopFixed { float: left; right: auto; padding: 0; height: 100%; } + .mega-menu.vertical-left.desktopTopFixed .menu-list-items, + .mega-menu.vertical-right.desktopTopFixed .menu-list-items { padding: 0; height: 100%; } + .mega-menu.vertical-left.desktopTopFixed .drop-down, + .mega-menu.vertical-left.desktopTopFixed .drop-down-tab-bar, + .mega-menu.vertical-right.desktopTopFixed .drop-down, + .mega-menu.vertical-right.desktopTopFixed .drop-down-tab-bar { margin: 0; } + .mega-menu.vertical-right { float: right; } + .mega-menu.vertical-right .drop-down-multilevel { left: auto; right: 100%; } + } + @media screen and (min-width:993px) and (min-width:993px) { + .mega-menu.vertical-right .drop-down-multilevel.left-side { left: 100%; } + } + @media screen and (min-width:993px) { + .mega-menu.vertical-right .drop-down, + .mega-menu.vertical-right .drop-down-tab-bar { left: auto; right: 100%; } + .mega-menu.vertical-right.desktopTopFixed { float: right; left: auto; right: 0; padding: 0; height: 100%; } + } + @media screen and (min-width:993px) { + .mega-menu.vertical-left .menu-search-bar, + .mega-menu.vertical-right .menu-search-bar { width: 100%; } + .mega-menu.vertical-left .menu-search-bar input, + .mega-menu.vertical-left .menu-search-bar li, + .mega-menu.vertical-left .menu-search-bar form, + .mega-menu.vertical-left .menu-search-bar label, + .mega-menu.vertical-right .menu-search-bar input, + .mega-menu.vertical-right .menu-search-bar li, + .mega-menu.vertical-right .menu-search-bar form, + .mega-menu.vertical-right .menu-search-bar label { width: 100%; max-width: 100%; background: #F5A623; -webkit-transition: none; transition: none; } + .mega-menu.vertical-left .menu-search-bar input, + .mega-menu.vertical-right .menu-search-bar input { padding-left: 20px; } + } + @media screen and (min-width:993px) { + .mega-menu.menuFullWidth { /*--------------------------------------------------- make menu full width */ + max-width: 100%; } + } diff --git a/apply/css/plugins/animate.css b/apply/css/plugins/animate.css new file mode 100644 index 0000000..8c70723 --- /dev/null +++ b/apply/css/plugins/animate.css @@ -0,0 +1,531 @@ +@charset "UTF-8"; + +/*! + * animate.css -http://daneden.me/animate + * Version - 3.5.2 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2017 Daniel Eden + */ +.animated { animation-duration: 1s; animation-fill-mode: both; } +.animated.infinite { animation-iteration-count: infinite; } +.animated.hinge { animation-duration: 2s; } +.animated.flipOutX, +.animated.flipOutY, +.animated.bounceIn, +.animated.bounceOut { animation-duration: .75s; } +@keyframes bounce { + from, + 20%, + 53%, + 80%, + to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0, 0, 0); } + 40%, + 43% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -30px, 0); } + 70% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -15px, 0); } + 90% { transform: translate3d(0, -4px, 0); } +} +.bounce { animation-name: bounce; transform-origin: center bottom; } +@keyframes flash { + from, + 50%, + to { opacity: 1; } + 25%, + 75% { opacity: 0; } +} +.flash { animation-name: flash; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@keyframes pulse { + from { transform: scale3d(1, 1, 1); } + 50% { transform: scale3d(1.05, 1.05, 1.05); } + to { transform: scale3d(1, 1, 1); } +} +.pulse { animation-name: pulse; } +@keyframes rubberBand { + from { transform: scale3d(1, 1, 1); } + 30% { transform: scale3d(1.25, 0.75, 1); } + 40% { transform: scale3d(0.75, 1.25, 1); } + 50% { transform: scale3d(1.15, 0.85, 1); } + 65% { transform: scale3d(.95, 1.05, 1); } + 75% { transform: scale3d(1.05, .95, 1); } + to { transform: scale3d(1, 1, 1); } +} +.rubberBand { animation-name: rubberBand; } +@keyframes shake { + from, + to { transform: translate3d(0, 0, 0); } + 10%, + 30%, + 50%, + 70%, + 90% { transform: translate3d(-10px, 0, 0); } + 20%, + 40%, + 60%, + 80% { transform: translate3d(10px, 0, 0); } +} +.shake { animation-name: shake; } +@keyframes headShake { + 0% { transform: translateX(0); } + 6.5% { transform: translateX(-6px) rotateY(-9deg); } + 18.5% { transform: translateX(5px) rotateY(7deg); } + 31.5% { transform: translateX(-3px) rotateY(-5deg); } + 43.5% { transform: translateX(2px) rotateY(3deg); } + 50% { transform: translateX(0); } +} +.headShake { animation-timing-function: ease-in-out; animation-name: headShake; } +@keyframes swing { + 20% { transform: rotate3d(0, 0, 1, 15deg); } + 40% { transform: rotate3d(0, 0, 1, -10deg); } + 60% { transform: rotate3d(0, 0, 1, 5deg); } + 80% { transform: rotate3d(0, 0, 1, -5deg); } + to { transform: rotate3d(0, 0, 1, 0deg); } +} +.swing { transform-origin: top center; animation-name: swing; } +@keyframes tada { + from { transform: scale3d(1, 1, 1); } + 10%, + 20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } + 30%, + 50%, + 70%, + 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } + 40%, + 60%, + 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } + to { transform: scale3d(1, 1, 1); } +} +.tada { animation-name: tada; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@keyframes wobble { + from { transform: none; } + 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } + 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } + 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } + 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } + 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } + to { transform: none; } +} +.wobble { animation-name: wobble; } +@keyframes jello { + from, + 11.1%, + to { transform: none; } + 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } + 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } + 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } + 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } + 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } + 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } + 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } +} +.jello { animation-name: jello; transform-origin: center; } +@keyframes bounceIn { + from, + 20%, + 40%, + 60%, + 80%, + to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } + 0% { opacity: 0; transform: scale3d(.3, .3, .3); } + 20% { transform: scale3d(1.1, 1.1, 1.1); } + 40% { transform: scale3d(.9, .9, .9); } + 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } + 80% { transform: scale3d(.97, .97, .97); } + to { opacity: 1; transform: scale3d(1, 1, 1); } +} +.bounceIn { animation-name: bounceIn; } +@keyframes bounceInDown { + from, + 60%, + 75%, + 90%, + to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } + 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } + 60% { opacity: 1; transform: translate3d(0, 25px, 0); } + 75% { transform: translate3d(0, -10px, 0); } + 90% { transform: translate3d(0, 5px, 0); } + to { transform: none; } +} +.bounceInDown { animation-name: bounceInDown; } +@keyframes bounceInLeft { + from, + 60%, + 75%, + 90%, + to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } + 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } + 60% { opacity: 1; transform: translate3d(25px, 0, 0); } + 75% { transform: translate3d(-10px, 0, 0); } + 90% { transform: translate3d(5px, 0, 0); } + to { transform: none; } +} +.bounceInLeft { animation-name: bounceInLeft; } +@keyframes bounceInRight { + from, + 60%, + 75%, + 90%, + to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } + from { opacity: 0; transform: translate3d(3000px, 0, 0); } + 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } + 75% { transform: translate3d(10px, 0, 0); } + 90% { transform: translate3d(-5px, 0, 0); } + to { transform: none; } +} +.bounceInRight { animation-name: bounceInRight; } +@keyframes bounceInUp { + from, + 60%, + 75%, + 90%, + to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } + from { opacity: 0; transform: translate3d(0, 3000px, 0); } + 60% { opacity: 1; transform: translate3d(0, -20px, 0); } + 75% { transform: translate3d(0, 10px, 0); } + 90% { transform: translate3d(0, -5px, 0); } + to { transform: translate3d(0, 0, 0); } +} +.bounceInUp { animation-name: bounceInUp; } +@keyframes bounceOut { + 20% { transform: scale3d(.9, .9, .9); } + 50%, + 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } + to { opacity: 0; transform: scale3d(.3, .3, .3); } +} +.bounceOut { animation-name: bounceOut; } +@keyframes bounceOutDown { + 20% { transform: translate3d(0, 10px, 0); } + 40%, + 45% { opacity: 1; transform: translate3d(0, -20px, 0); } + to { opacity: 0; transform: translate3d(0, 2000px, 0); } +} +.bounceOutDown { animation-name: bounceOutDown; } +@keyframes bounceOutLeft { + 20% { opacity: 1; transform: translate3d(20px, 0, 0); } + to { opacity: 0; transform: translate3d(-2000px, 0, 0); } +} +.bounceOutLeft { animation-name: bounceOutLeft; } +@keyframes bounceOutRight { + 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } + to { opacity: 0; transform: translate3d(2000px, 0, 0); } +} +.bounceOutRight { animation-name: bounceOutRight; } +@keyframes bounceOutUp { + 20% { transform: translate3d(0, -10px, 0); } + 40%, + 45% { opacity: 1; transform: translate3d(0, 20px, 0); } + to { opacity: 0; transform: translate3d(0, -2000px, 0); } +} +.bounceOutUp { animation-name: bounceOutUp; } +@keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} +.fadeIn { animation-name: fadeIn; } +@keyframes fadeInDown { + from { opacity: 0; transform: translate3d(0, -100%, 0); } + to { opacity: 1; transform: none; } +} +.fadeInDown { animation-name: fadeInDown; } +@keyframes fadeInDownBig { + from { opacity: 0; transform: translate3d(0, -2000px, 0); } + to { opacity: 1; transform: none; } +} +.fadeInDownBig { animation-name: fadeInDownBig; } +@keyframes fadeInLeft { + from { opacity: 0; transform: translate3d(-100%, 0, 0); } + to { opacity: 1; transform: none; } +} +.fadeInLeft { animation-name: fadeInLeft; } +@keyframes fadeInLeftBig { + from { opacity: 0; transform: translate3d(-2000px, 0, 0); } + to { opacity: 1; transform: none; } +} +.fadeInLeftBig { animation-name: fadeInLeftBig; } +@keyframes fadeInRight { + from { opacity: 0; transform: translate3d(100%, 0, 0); } + to { opacity: 1; transform: none; } +} +.fadeInRight { animation-name: fadeInRight; } +@keyframes fadeInRightBig { + from { opacity: 0; transform: translate3d(2000px, 0, 0); } + to { opacity: 1; transform: none; } +} +.fadeInRightBig { animation-name: fadeInRightBig; } +@keyframes fadeInUp { + from { opacity: 0; transform: translate3d(0, 100%, 0); } + to { opacity: 1; transform: none; } +} +.fadeInUp { animation-name: fadeInUp; } +@keyframes fadeInUpBig { + from { opacity: 0; transform: translate3d(0, 2000px, 0); } + to { opacity: 1; transform: none; } +} +.fadeInUpBig { animation-name: fadeInUpBig; } +@keyframes fadeOut { + from { opacity: 1; } + to { opacity: 0; } +} +.fadeOut { animation-name: fadeOut; } +@keyframes fadeOutDown { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(0, 100%, 0); } +} +.fadeOutDown { animation-name: fadeOutDown; } +@keyframes fadeOutDownBig { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(0, 2000px, 0); } +} +.fadeOutDownBig { animation-name: fadeOutDownBig; } +@keyframes fadeOutLeft { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(-100%, 0, 0); } +} +.fadeOutLeft { animation-name: fadeOutLeft; } +@keyframes fadeOutLeftBig { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(-2000px, 0, 0); } +} +.fadeOutLeftBig { animation-name: fadeOutLeftBig; } +@keyframes fadeOutRight { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(100%, 0, 0); } +} +.fadeOutRight { animation-name: fadeOutRight; } +@keyframes fadeOutRightBig { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(2000px, 0, 0); } +} +.fadeOutRightBig { animation-name: fadeOutRightBig; } +@keyframes fadeOutUp { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(0, -100%, 0); } +} +.fadeOutUp { animation-name: fadeOutUp; } +@keyframes fadeOutUpBig { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(0, -2000px, 0); } +} +.fadeOutUpBig { animation-name: fadeOutUpBig; } +@keyframes flip { + from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } + 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } + 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } + 80% { transform: perspective(400px) scale3d(.95, .95, .95); animation-timing-function: ease-in; } + to { transform: perspective(400px); animation-timing-function: ease-in; } +} +.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } +@keyframes flipInX { + from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } + 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } + 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } + 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } + to { transform: perspective(400px); } +} +.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; } +@keyframes flipInY { + from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } + 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } + 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } + 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } + to { transform: perspective(400px); } +} +.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; } +@keyframes flipOutX { + from { transform: perspective(400px); } + 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } + to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } +} +.flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } +@keyframes flipOutY { + from { transform: perspective(400px); } + 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } + to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } +} +.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; } +@keyframes lightSpeedIn { + from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } + 60% { transform: skewX(20deg); opacity: 1; } + 80% { transform: skewX(-5deg); opacity: 1; } + to { transform: none; opacity: 1; } +} +.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } +@keyframes lightSpeedOut { + from { opacity: 1; } + to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } +} +.lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } +@keyframes rotateIn { + from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } + to { transform-origin: center; transform: none; opacity: 1; } +} +.rotateIn { animation-name: rotateIn; } +@keyframes rotateInDownLeft { + from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } + to { transform-origin: left bottom; transform: none; opacity: 1; } +} +.rotateInDownLeft { animation-name: rotateInDownLeft; } +@keyframes rotateInDownRight { + from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } + to { transform-origin: right bottom; transform: none; opacity: 1; } +} +.rotateInDownRight { animation-name: rotateInDownRight; } +@keyframes rotateInUpLeft { + from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } + to { transform-origin: left bottom; transform: none; opacity: 1; } +} +.rotateInUpLeft { animation-name: rotateInUpLeft; } +@keyframes rotateInUpRight { + from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } + to { transform-origin: right bottom; transform: none; opacity: 1; } +} +.rotateInUpRight { animation-name: rotateInUpRight; } +@keyframes rotateOut { + from { transform-origin: center; opacity: 1; } + to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } +} +.rotateOut { animation-name: rotateOut; } +@keyframes rotateOutDownLeft { + from { transform-origin: left bottom; opacity: 1; } + to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } +} +.rotateOutDownLeft { animation-name: rotateOutDownLeft; } +@keyframes rotateOutDownRight { + from { transform-origin: right bottom; opacity: 1; } + to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } +} +.rotateOutDownRight { animation-name: rotateOutDownRight; } +@keyframes rotateOutUpLeft { + from { transform-origin: left bottom; opacity: 1; } + to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } +} +.rotateOutUpLeft { animation-name: rotateOutUpLeft; } +@keyframes rotateOutUpRight { + from { transform-origin: right bottom; opacity: 1; } + to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } +} +.rotateOutUpRight { animation-name: rotateOutUpRight; } +@keyframes hinge { + 0% { transform-origin: top left; animation-timing-function: ease-in-out; } + 20%, + 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } + 40%, + 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } + to { transform: translate3d(0, 700px, 0); opacity: 0; } +} +.hinge { animation-name: hinge; } +@keyframes jackInTheBox { + from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } + 50% { transform: rotate(-10deg); } + 70% { transform: rotate(3deg); } + to { opacity: 1; transform: scale(1); } +} +.jackInTheBox { animation-name: jackInTheBox; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@keyframes rollIn { + from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } + to { opacity: 1; transform: none; } +} +.rollIn { animation-name: rollIn; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@keyframes rollOut { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } +} +.rollOut { animation-name: rollOut; } +@keyframes zoomIn { + from { opacity: 0; transform: scale3d(.3, .3, .3); } + 50% { opacity: 1; } +} +.zoomIn { animation-name: zoomIn; } +@keyframes zoomInDown { + from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } + 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } +} +.zoomInDown { animation-name: zoomInDown; } +@keyframes zoomInLeft { + from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } + 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } +} +.zoomInLeft { animation-name: zoomInLeft; } +@keyframes zoomInRight { + from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } + 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } +} +.zoomInRight { animation-name: zoomInRight; } +@keyframes zoomInUp { + from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } + 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } +} +.zoomInUp { animation-name: zoomInUp; } +@keyframes zoomOut { + from { opacity: 1; } + 50% { opacity: 0; transform: scale3d(.3, .3, .3); } + to { opacity: 0; } +} +.zoomOut { animation-name: zoomOut; } +@keyframes zoomOutDown { + 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } + to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } +} +.zoomOutDown { animation-name: zoomOutDown; } +@keyframes zoomOutLeft { + 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } + to { opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center; } +} +.zoomOutLeft { animation-name: zoomOutLeft; } +@keyframes zoomOutRight { + 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } + to { opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center; } +} +.zoomOutRight { animation-name: zoomOutRight; } +@keyframes zoomOutUp { + 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } + to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } +} +.zoomOutUp { animation-name: zoomOutUp; } +@keyframes slideInDown { + from { transform: translate3d(0, -100%, 0); visibility: visible; } + to { transform: translate3d(0, 0, 0); } +} +.slideInDown { animation-name: slideInDown; } +@keyframes slideInLeft { + from { transform: translate3d(-100%, 0, 0); visibility: visible; } + to { transform: translate3d(0, 0, 0); } +} +.slideInLeft { animation-name: slideInLeft; } +@keyframes slideInRight { + from { transform: translate3d(100%, 0, 0); visibility: visible; } + to { transform: translate3d(0, 0, 0); } +} +.slideInRight { animation-name: slideInRight; } +@keyframes slideInUp { + from { transform: translate3d(0, 100%, 0); visibility: visible; } + to { transform: translate3d(0, 0, 0); } +} +.slideInUp { animation-name: slideInUp; } +@keyframes slideOutDown { + from { transform: translate3d(0, 0, 0); } + to { visibility: hidden; transform: translate3d(0, 100%, 0); } +} +.slideOutDown { animation-name: slideOutDown; } +@keyframes slideOutLeft { + from { transform: translate3d(0, 0, 0); } + to { visibility: hidden; transform: translate3d(-100%, 0, 0); } +} +.slideOutLeft { animation-name: slideOutLeft; } +@keyframes slideOutRight { + from { transform: translate3d(0, 0, 0); } + to { visibility: hidden; transform: translate3d(100%, 0, 0); } +} +.slideOutRight { animation-name: slideOutRight; } +@keyframes slideOutUp { + from { transform: translate3d(0, 0, 0); } + to { visibility: hidden; transform: translate3d(0, -100%, 0); } +} +.slideOutUp { animation-name: slideOutUp; } diff --git a/apply/css/plugins/bootstrap-datetimepicker.min.css b/apply/css/plugins/bootstrap-datetimepicker.min.css new file mode 100644 index 0000000..5950ad2 --- /dev/null +++ b/apply/css/plugins/bootstrap-datetimepicker.min.css @@ -0,0 +1,5 @@ +/*! + * Datetimepicker for Bootstrap 3 + * version : 4.17.47 + * https://github.com/Eonasdan/bootstrap-datetimepicker/ + */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{display:block;margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0} \ No newline at end of file diff --git a/apply/css/plugins/bootstrap.min.css b/apply/css/plugins/bootstrap.min.css new file mode 100644 index 0000000..ed3905e --- /dev/null +++ b/apply/css/plugins/bootstrap.min.css @@ -0,0 +1,6 @@ +/*! + * Bootstrap v3.3.7 (http://getbootstrap.com) + * Copyright 2011-2016 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}} +/*# sourceMappingURL=bootstrap.min.css.map */ \ No newline at end of file diff --git a/apply/css/plugins/dataTables.bootstrap.min.css b/apply/css/plugins/dataTables.bootstrap.min.css new file mode 100644 index 0000000..6b26d45 --- /dev/null +++ b/apply/css/plugins/dataTables.bootstrap.min.css @@ -0,0 +1 @@ +table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:20px;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:20px 0 0;white-space:nowrap}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:8px;right:8px;display:block;font-family:'FontAwesome';opacity:0.5}table.dataTable thead .sorting:after{opacity:0.2;content:"\f15e"}table.dataTable thead .sorting_asc:after{content:"\f161"}table.dataTable thead .sorting_desc:after{content:"\f15e"}table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{color:#eee}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody>table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody>table>thead .sorting:after,div.dataTables_scrollBody>table>thead .sorting_asc:after,div.dataTables_scrollBody>table>thead .sorting_desc:after{display:none}div.dataTables_scrollBody>table>tbody>tr:first-child>th,div.dataTables_scrollBody>table>tbody>tr:first-child>td{border-top:none}div.dataTables_scrollFoot>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}table.dataTable.table-condensed>thead>tr>th{padding-right:20px}table.dataTable.table-condensed .sorting:after,table.dataTable.table-condensed .sorting_asc:after,table.dataTable.table-condensed .sorting_desc:after{top:6px;right:6px}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:0}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0} diff --git a/apply/css/plugins/font-awesome.min.css b/apply/css/plugins/font-awesome.min.css new file mode 100644 index 0000000..4d70f96 --- /dev/null +++ b/apply/css/plugins/font-awesome.min.css @@ -0,0 +1,4 @@ +/*! + * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */@font-face{font-family:'FontAwesome';src:url('../../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} diff --git a/apply/css/plugins/magnific-popup.css b/apply/css/plugins/magnific-popup.css new file mode 100644 index 0000000..6aa7bc0 --- /dev/null +++ b/apply/css/plugins/magnific-popup.css @@ -0,0 +1,88 @@ +/* Magnific Popup CSS */ +.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } +.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } +.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } +.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } +.mfp-align-top .mfp-container:before { display: none; } +.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } +.mfp-inline-holder .mfp-content, +.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } +.mfp-ajax-cur { cursor: progress; } +.mfp-zoom-out-cur, +.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } +.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } +.mfp-auto-cursor .mfp-content { cursor: auto; } +.mfp-close, +.mfp-arrow, +.mfp-preloader, +.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } +.mfp-loading.mfp-figure { display: none; } +.mfp-hide { display: none !important; } +.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } +.mfp-preloader a { color: #CCC; } +.mfp-preloader a:hover { color: #FFF; } +.mfp-s-ready .mfp-preloader { display: none; } +.mfp-s-error .mfp-content { display: none; } +button.mfp-close, +button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } +button::-moz-focus-inner { padding: 0; border: 0; } +.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } +.mfp-close:hover, +.mfp-close:focus { opacity: 1; } +.mfp-close:active { top: 1px; } +.mfp-close-btn-in .mfp-close { color: #333; } +.mfp-image-holder .mfp-close, +.mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } +.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } +.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } +.mfp-arrow:active { margin-top: -54px; } +.mfp-arrow:hover, +.mfp-arrow:focus { opacity: 1; } +.mfp-arrow:before, +.mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } +.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } +.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } +.mfp-arrow-left { left: 0; } +.mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } +.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } +.mfp-arrow-right { right: 0; } +.mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } +.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } +.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } +.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } +.mfp-iframe-holder .mfp-close { top: -40px; } +.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } +.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } + +/* Main image in popup */ +img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } + +/* The shadow behind the image */ +.mfp-figure { line-height: 0; } +.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } +.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } +.mfp-figure figure { margin: 0; } +.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } +.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } +.mfp-image-holder .mfp-content { max-width: 100%; } +.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } +@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) { + + /** + * Remove all paddings around the image on small screen + */ + .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } + .mfp-img-mobile img.mfp-img { padding: 0; } + .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } + .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } + .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } + .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } + .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } + .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } +} +@media all and (max-width:900px) { + .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } + .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } + .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } + .mfp-container { padding-left: 6px; padding-right: 6px; } +} diff --git a/apply/css/plugins/mediaelementplayer.css b/apply/css/plugins/mediaelementplayer.css new file mode 100644 index 0000000..673d30f --- /dev/null +++ b/apply/css/plugins/mediaelementplayer.css @@ -0,0 +1,241 @@ +.mejs-offscreen {/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages). */ +position: absolute !important; top: -10000px; left: -10000px; overflow: hidden; width: 1px; height: 1px; } +.mejs-container { position: relative; background: #000; font-family: Helvetica, Arial; text-align: left; vertical-align: top; text-indent: 0; width: 100% !important; } +.mejs-container:focus { outline: none; } +.me-plugin { position: absolute; } +.mejs-embed, +.mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; } +.mejs-fullscreen { /* set it to not show scroll bars so 100% will work */ +overflow: hidden !important; } +.mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; } +.mejs-container-fullscreen .mejs-mediaelement, +.mejs-container-fullscreen video { width: 100%; height: 100%; } +.mejs-clear { clear: both; } + +/* Start: LAYERS */ +.mejs-background { position: absolute; top: 0; left: 0; } +.mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } +.mejs-poster { position: absolute; top: 0; left: 0; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } +:root .mejs-poster img { display: none; } +.mejs-poster img { border: 0; padding: 0; border: 0; } +.mejs-overlay { position: absolute; top: 0; left: 0; } +.mejs-overlay-play { cursor: pointer; } +.mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url(../../images/bigplay.svg) no-repeat; } +.no-svg .mejs-overlay-button { background-image: url(../../images/bigplay.png); } +.mejs-overlay:hover .mejs-overlay-button { background-position: 0 -100px; } +.mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; /*background: #333; + background: url(../../images/background.png); + background: rgba(0, 0, 0, 0.9); + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9))); + background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); + background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); + background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); + background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); + background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9));*/ } + .mejs-overlay-loading span { display: block; width: 80px; height: 80px; background: transparent url(../../images/loading.gif) 50% 50% no-repeat; } + + /* End: LAYERS */ + + /* Start: CONTROL BAR */ + .mejs-container .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; background: #eceff7; height: 40px; width: 100%; } + .mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; border: 0; margin-top: 6px; } + .mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 15px; border: 0; background: transparent url(../../images/controls.png) no-repeat; } + .no-svg .mejs-controls .mejs-button button { background-image: url(../../images/controls.png); } + + /* :focus for accessibility */ + .mejs-controls .mejs-button button:focus { outline: dotted 1px #999; } + + /* End: CONTROL BAR */ + + /* Start: Time (Current / Duration) */ + .mejs-container .mejs-controls .mejs-time { color: #000; display: block; height: 17px; width: auto; padding: 10px 3px 0 3px; overflow: hidden; text-align: center; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } + .mejs-container .mejs-controls .mejs-time a { color: #fff; font-size: 11px; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; } + + /* End: Time (Current / Duration) */ + + /* Start: Play/Pause/Stop */ + .mejs-controls .mejs-play button { background-position: 4px 0; } + .mejs-controls .mejs-pause button { background-position: 4px -16px; } + .mejs-controls .mejs-stop button { background-position: -112px 0; } + + /* Start: Play/Pause/Stop */ + + /* Start: Progress Bar */ + .mejs-controls div.mejs-time-rail { direction: ltr; width: 200px; padding-top: 5px; } + .mejs-controls .mejs-time-rail span, + .mejs-controls .mejs-time-rail a { display: block; position: absolute; width: 180px; height: 10px; cursor: pointer; } + .mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background: #333; background: #fff; } + .mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; -moz-animation: buffering-stripes 2s linear infinite; -ms-animation: buffering-stripes 2s linear infinite; -o-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; } + @-webkit-keyframes buffering-stripes { + from { background-position: 0 0; } + to { background-position: 30px 0; } + } + @-moz-keyframes buffering-stripes { + from { background-position: 0 0; } + to { background-position: 30px 0; } + } + @-ms-keyframes buffering-stripes { + from { background-position: 0 0; } + to { background-position: 30px 0; } + } + @-o-keyframes buffering-stripes { + from { background-position: 0 0; } + to { background-position: 30px 0; } + } + @keyframes buffering-stripes { + from { background-position: 0 0; } + to { background-position: 30px 0; } + } + .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #FFF; width: 0; } + .mejs-controls .mejs-time-rail .mejs-time-current { background: #fff; background: #F5A623; width: 0; } + .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; } + .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: solid 1px #333; top: -26px; margin-left: -18px; text-align: center; color: #111; } + .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; } + .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 15px; left: 13px; } + .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 48px; } + .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 44px; } + .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 18px; } + + /* + .mejs-controls .mejs-time-rail:hover .mejs-time-handle { + visibility:visible; + } + */ + + /* End: Progress Bar */ + + /* Start: Fullscreen */ + .mejs-controls .mejs-fullscreen-button button { background-position: -31px 0; } + .mejs-controls .mejs-unfullscreen button { background-position: -32px -16px; } + + /* End: Fullscreen */ + + /* Start: Mute/Volume */ + .mejs-controls .mejs-volume-button { } + .mejs-controls .mejs-mute button { background-position: -16px -16px; } + .mejs-controls .mejs-unmute button { background-position: -16px 0; } + .mejs-controls .mejs-volume-button { position: relative; } + .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: url(../../images/background.png); background: #F5A623; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; } + .mejs-controls .mejs-volume-button:hover { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } + + /* + .mejs-controls .mejs-volume-button:hover .mejs-volume-slider { + display: block; + } + */ + .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.5); margin: 0; } + .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.9); margin: 0; } + .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255, 255, 255, 0.9); cursor: N-resize; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0; } + + /* horizontal version */ + .mejs-controls a.mejs-horizontal-volume-slider { height: 26px; width: 56px; position: relative; display: block; float: left; margin-top: 6px; vertical-align: middle; } + .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; background: #fff; } + .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; background: #F5A623; } + .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; } + + /* End: Mute/Volume */ + + /* Start: Track (Captions and Chapters) */ + .mejs-controls .mejs-captions-button { position: relative; } + .mejs-controls .mejs-captions-button button { background-position: -48px 0; } + .mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -51px; width: 85px; height: 100px; background: url(../../images/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px 10px 0 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } + + /* + .mejs-controls .mejs-captions-button:hover .mejs-captions-selector { + visibility: visible; + } + */ + .mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } + .mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } + .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } + .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 55px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } + .mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px 0; } + .mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; z-index: 1; } + .mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000); overflow: hidden; border: 0; } + .mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; } + .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; } + .mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666; background: rgba(102, 102, 102, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6))); background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232); } + .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px; } + .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space: nowrap; text-overflow: ellipsis; } + .mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align: center; line-height: 20px; font-size: 16px; color: #fff; } + .mejs-captions-layer a { color: #fff; text-decoration: underline; } + .mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; } + .mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; } + .mejs-captions-position-hover { bottom: 35px; } + .mejs-captions-text { padding: 3px 5px; background: url(../../images/background.png); background: rgba(20, 20, 20, 0.5); white-space: pre-wrap; } + + /* End: Track (Captions and Chapters) */ + + /* Start: Error */ + .me-cannotplay { } + .me-cannotplay a { color: #fff; font-weight: bold; } + .me-cannotplay span { padding: 15px; display: block; } + + /* End: Error */ + + /* Start: Loop */ + .mejs-controls .mejs-loop-off button { background-position: -64px -16px; } + .mejs-controls .mejs-loop-on button { background-position: -64px 0; } + + /* End: Loop */ + + /* Start: backlight */ + .mejs-controls .mejs-backlight-off button { background-position: -80px -16px; } + .mejs-controls .mejs-backlight-on button { background-position: -80px 0; } + + /* End: backlight */ + + /* Start: Picture Controls */ + .mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; } + + /* End: Picture Controls */ + + /* context menu */ + .mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; /* make sure it shows on fullscreen */ } + .mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; } + .mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica, Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; } + .mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; } + + /* Start: Source Chooser */ + .mejs-controls .mejs-sourcechooser-button { position: relative; } + .mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0; } + .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(../../images/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } + .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } + .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } + .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } + .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } + + /* End: Source Chooser */ + + /* Start: Postroll */ + .mejs-postroll-layer { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../../images/background.png); background: rgba(50, 50, 50, 0.7); z-index: 1000; overflow: hidden; } + .mejs-postroll-layer-content { width: 100%; height: 100%; } + .mejs-postroll-close { position: absolute; right: 0; top: 0; background: url(../../images/background.png); background: rgba(50, 50, 50, 0.7); color: #fff; padding: 4px; z-index: 100; cursor: pointer; } + + /* End: Postroll */ + + /* Start: Speed */ + div.mejs-speed-button { width: 46px !important; position: relative; } + .mejs-controls .mejs-button.mejs-speed-button button { background: transparent; width: 36px; font-size: 11px; line-height: normal; color: #ffffff; } + .mejs-controls .mejs-speed-button .mejs-speed-selector { display: none; position: absolute; top: -100px; left: -10px; width: 60px; height: 100px; background: url(../../images/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 0; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } + .mejs-controls .mejs-speed-button:hover > .mejs-speed-selector { display: block; } + .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected { color: rgba(33, 248, 248, 1); } + .mejs-controls .mejs-speed-button .mejs-speed-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } + .mejs-controls .mejs-speed-button .mejs-speed-selector ul li { margin: 0 0 6px 0; padding: 0 10px; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } + .mejs-controls .mejs-speed-button .mejs-speed-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; display: none; } + .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label { width: 60px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 11.5px; color: white; margin-left: 5px; cursor: pointer; } + .mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover { background-color: rgb(200, 200, 200) !important; background-color: rgba(255, 255, 255, .4) !important; } + + /* End: Speed */ + + /* Start: Jump Forward */ + + .mejs-controls .mejs-button.mejs-jump-forward-button { background: transparent url(../../images/jumpforward.png) no-repeat; background-position: 3px 3px; } + .mejs-controls .mejs-button.mejs-jump-forward-button button { background: transparent; font-size: 9px; line-height: normal; color: #ffffff; } + + /* End: Jump Forward */ + + /* Start: Skip Back */ + + .mejs-controls .mejs-button.mejs-skip-back-button { background: transparent url(../../images/skipback.png) no-repeat; background-position: 3px 3px; } + .mejs-controls .mejs-button.mejs-skip-back-button button { background: transparent; font-size: 9px; line-height: normal; color: #ffffff; } diff --git a/apply/css/plugins/mega_menu.css b/apply/css/plugins/mega_menu.css new file mode 100644 index 0000000..e3d47de --- /dev/null +++ b/apply/css/plugins/mega_menu.css @@ -0,0 +1,733 @@ +/* MENU BASIC LAYOUT */ +.mega-menu { margin: 0 auto; padding: 0; display: block; float: none; position: relative; z-index: 999;/* max-width: 1280px; + width: 100%;*/ font-size: 16px; min-height: 100px; clear: both; box-sizing: border-box; } + @media screen and (max-width:1100px) { + .mega-menu { /*float: left;*/ + margin: 0; /*min-width: 200px;*/ } + } + .mega-menu * { outline: none; list-style: none; text-decoration: none; box-sizing: border-box !important; font-weight: 600; -webkit-tap-highlight-color: transparent; text-align: left; } + @media screen and (max-width:1100px) { + .mega-menu * { word-break: break-all; } + } + .mega-menu i.fa { /*----------------------------- FONT AWESOME ICONS */ + font-family: "FontAwesome"; } + .mega-menu img { /*------------------------------- IMAGE */ + margin: 0; padding: 0; display: block; max-width: 100% !important; float: left; } + .mega-menu .menu-logo img { height: 40px; } + .mega-menu input { /*------------------------------ DEFAULT INPUT */ + border: none; } + .mega-menu > section.menu-list-items { margin: 0; padding: 35px 0; display: block; float: left; width: 100%; background-color: transparent; } + .mega-menu .menu-logo { /*----------------------------------- MENU LOGO */ + margin: 0; padding: 0; display: block; float: left; position: relative; } + @media screen and (min-width:1101px) { + .mega-menu .menu-logo.menu-logo-align-right { /*---------------------------------------------- MENU LOGO ALIGN RIGHT */ + float: right; } + } + @media screen and (max-width:1100px) { + .mega-menu .menu-logo { width: 100%; } + } + .mega-menu .menu-logo > li { margin: 0; padding: 0; display: block; float: left; font-size: 1em; line-height: 50px; } + @media screen and (max-width:1100px) { + .mega-menu .menu-logo > li { width: 100%; line-height: normal; } + } + .mega-menu .menu-logo > li > a { margin: 0; display: inline-block; float: left; width: 100%; color: #ffffff; font-size: 0.7800em; /*padding: 0 20px 0 45px;*/ line-height: 50px; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; } + .mega-menu .menu-logo > li > a:hover { /*-------------------------------------- HOVER MENU LOGO */ + + /*background-color: #F5A623;*/ } + @media screen and (max-width:1100px) { + .mega-menu .menu-logo > li > a { line-height: normal; padding-top: 16px; padding-bottom: 16px; position: relative; z-index: 10; width: auto; } + } + .mega-menu .menu-logo > li > a i.fa { /*--------------------------------------- LOGO ICON */ + padding: 0; display: inline-block; font-size: 1.25em; position: absolute; top: 0; left: 20px; bottom: 0; margin: auto 0; line-height: 50px; } + .mega-menu .menu-logo > li > a img { /*--------------------------------------- LOGO IMAGE ICON */ + + /* width: 20px; + height: 20px; + position: absolute; + top: 0; + left: 15px; + bottom: 0; + margin: auto 0;*/ } + .mega-menu .menu-links { /*---------------------------------------- MENU LINKS */ + margin: 0; padding: 0; display: block; float: right; } + @media screen and (max-width:1100px) { + .mega-menu .menu-links { width: 100%; background: #fff; } + } + @media screen and (min-width:1101px) { + .mega-menu .menu-links { display: block !important; max-height: 100% !important; overflow: visible !important; } + .mega-menu .menu-links.menu-links-align-right { /*------------------------------------------ MENU LINKS ALIGN RIGHT */ + float: right; } + } + .mega-menu .menu-links > li { margin: 0; padding: 0; display: block; float: left; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; font-size: 1.2em; } + @media screen and (max-width:1100px) { + .mega-menu .menu-links > li { width: 100%; position: relative; cursor: pointer; line-height: normal; border-bottom: 1px solid #f3f3f3; z-index: 50; } + .mega-menu .menu-links > li.activeTriggerMobile { /*background-color: #F5A623;*/ } + } + @media screen and (min-width:1101px) { + .mega-menu .menu-links > li.activeTrigger { background-color: #F5A623; } + } + .mega-menu .menu-links > li.active a { /*------------------------------------- ACTIVE CLASS MENU LINKS */ + background-color: transparent; color: #F5A623; } + .mega-menu .menu-links > li:hover { /*-------------------------------------- HOVER MENU LINKS */ + background-color: transparent; color: #F5A623; } + .mega-menu .menu-links > li > a { margin: 0; padding: 15px 24px; display: inline-block; float: none; width: 100%; color: #ffffff; font-size: 0.933em; line-height: 64px; position: relative; text-transform: capitalize; } + .mega-menu .menu-links > li > a:hover { color: #F5A623; } + @media screen and (max-width:1100px) { + .mega-menu .menu-links > li > a { /*width: auto;*/ line-height: normal;/* position: static*/; padding-right: 10px; z-index: 20; color: #363636; } + } + .mega-menu .menu-links > li > a i.fa { /*---------------------------------------------------- MENU LINKS ICONS*/ + font-size: 1em; line-height: 0.7800em; padding-right: 2px; } + .mega-menu .menu-links > li > a i.fa.fa-indicator { padding-right: 0; padding-left: 2px; } + @media screen and (max-width:1100px) { + .mega-menu .menu-links > li > a i.fa.fa-indicator { float: right; position: absolute; right: 20px; top: 0; bottom: 0; line-height: 40px; height: 50px; z-index: -1; } + } + .mega-menu .menu-social-bar { /*---------------------------------------------- MENU SOCIAL BAR */ + margin: 0; display: block; float: left; padding: 0 10px; } + @media screen and (min-width:1101px) { + .mega-menu .menu-social-bar { display: block !important; } + } + @media screen and (min-width:1101px) { + .mega-menu .menu-social-bar.menu-social-bar-right { float: right; } + } + @media screen and (max-width:1100px) { + .mega-menu .menu-social-bar { width: 100%; text-align: center; } + } + .mega-menu .menu-social-bar > li { margin: 0; padding: 0; display: block; float: left; font-size: 1em; line-height: 50px; } + .mega-menu .menu-social-bar > li[data-color='blue'] > a:hover { background-color: #3b5998; } + .mega-menu .menu-social-bar > li[data-color='sky-blue'] > a:hover { background-color: #2caae1; } + .mega-menu .menu-social-bar > li[data-color='orange'] > a:hover { background-color: #dd4b39; } + .mega-menu .menu-social-bar > li[data-color='red'] > a:hover { background-color: #bd081c; } + @media screen and (max-width:1100px) { + .mega-menu .menu-social-bar > li { float: none; display: inline-block; margin-bottom: -5px; } + } + .mega-menu .menu-social-bar > li > a { margin: 0; display: inline-block; float: left; width: 100%; color: #ffffff; font-size: 0.875em; padding: 0 5px; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; line-height: 50px; } + @media screen and (max-width:1100px) { + .mega-menu .menu-social-bar > li > a { padding-left: 10px; padding-right: 10px; } + } + .mega-menu .menu-social-bar > li > a i.fa { margin: 0; padding: 0; display: inline-block; float: left; width: 100%; font-size: 1.125em; line-height: 50px; } + .mega-menu .menu-search-bar { /*--------------------------------------------------- MENU SEARCH BAR */ + margin: 0; padding: 0; display: block; float: right; position: relative; height: 50px; } + @media screen and (min-width:1101px) { + .mega-menu .menu-search-bar.menu-search-bar-left { float: left; } + } + @media screen and (max-width:1100px) { + .mega-menu .menu-search-bar { width: 100%; position: absolute; top: 0; right: 0; } + } + .mega-menu .menu-search-bar li, + .mega-menu .menu-search-bar form, + .mega-menu .menu-search-bar label { margin: 0; padding: 0; display: block; float: left; width: 100%; line-height: 50px; } + .mega-menu .menu-search-bar li:hover i.fa.fa-search { background: #F5A623; } + .mega-menu .menu-search-bar input { max-width: 0; width: 100%; margin: 0; padding: 5px 50px 5px 0; font-size: 0.7800em; -webkit-transition: max-width 400ms ease, background 400ms ease, padding-left 400ms ease; transition: max-width 400ms ease, background 400ms ease, padding-left 400ms ease; height: 50px; display: block; background: none; color: #ffffff; font-weight: 400; } + .mega-menu .menu-search-bar input:focus { max-width: 170px; background: #F5A623; padding-left: 20px; } + @media screen and (max-width:1100px) { + .mega-menu .menu-search-bar input:focus { max-width: 100%; position: relative; z-index: 20; } + } + .mega-menu .menu-search-bar i.fa.fa-search { position: absolute; top: 0; right: 0; bottom: 0; width: 50px; text-align: center; line-height: 50px; color: #ffffff; cursor: text; -webkit-transition: background 200ms ease; transition: background 200ms ease; z-index: 40; } + .mega-menu .menu-search-bar:-moz-placeholder { opacity: 1 !important; color: #ffffff !important; } + .mega-menu .menu-search-bar::-moz-placeholder { opacity: 1 !important; color: #ffffff !important; } + .mega-menu .menu-search-bar:-ms-input-placeholder { opacity: 1 !important; color: #ffffff !important; } + .mega-menu .menu-search-bar::-webkit-input-placeholder { opacity: 1 !important; color: #ffffff !important; } + @media screen and (max-width:1100px) { + .mega-menu .menu-search-bar.active input { padding-right: 150px; } + .mega-menu .menu-search-bar.active i.fa.fa-search { right: 70px; } + } + .mega-menu .menu-mobile-collapse-trigger { /*------------------------------------------------------ MOBILE COLLAPSE TRIGGER BUTTON */ + margin: 0; padding: 0; height: 50px; width: 35px; background: transparent; display: none; position: absolute; top: 0; right: 0; z-index: 100; float: right; cursor: pointer; -webkit-transition: background 200ms ease; transition: background 200ms ease; } + .mega-menu .menu-mobile-collapse-trigger:hover { background: transparent; } + .mega-menu .menu-mobile-collapse-trigger:before, + .mega-menu .menu-mobile-collapse-trigger:after, + .mega-menu .menu-mobile-collapse-trigger span { content: ""; display: block; height: 2px; width: 26px; background: #ffffff; position: absolute; top: 13px; border-radius: 3px; left: 0; right: 0; margin: 0 auto; -webkit-transition: -webkit-transform 400ms ease 0s, opacity 400ms ease; transition: transform 400ms ease 0s, opacity 400ms ease; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 0px 50% 0px; -ms-transform-origin: 0px 50% 0px; transform-origin: 0px 50% 0px; } + .home-2 .mega-menu .menu-mobile-collapse-trigger:before, + .home-2 .mega-menu .menu-mobile-collapse-trigger:after, + .home-2 .mega-menu .menu-mobile-collapse-trigger span { background: #323232; } + .mega-menu .menu-mobile-collapse-trigger:after { top: 27px; } + .mega-menu .menu-mobile-collapse-trigger span { top: 20px; } + .mega-menu .menu-mobile-collapse-trigger.active span { opacity: 0; } + .mega-menu .menu-mobile-collapse-trigger.active:before { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } + .mega-menu .menu-mobile-collapse-trigger.active:after { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); } + @media screen and (max-width:1100px) { + .mega-menu .menu-mobile-collapse-trigger { display: block; } + } + .mega-menu .drop-down-multilevel { /*-------------------------------------------------- DROP DOWN MULTILEVEL */ + margin: 0; padding: 0; display: block; position: absolute; top: auto; left: auto; right: auto; z-index: 50; width: 100%; background: #ffffff; float: left; max-width: 220px; } + .mega-menu .drop-down-multilevel * { color: #323232; } + @media screen and (min-width:1101px) { + .mega-menu .drop-down-multilevel { display: block !important; opacity: 0; visibility: hidden; box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.05); border-bottom: 0px; border-radius: 0px; } + } + @media screen and (max-width:1100px) { + .mega-menu .drop-down-multilevel { max-width: 100% !important; position: relative; left: 0; top: 0; padding: 0 10px 20px 10px; display: none; } + } + .mega-menu .drop-down-multilevel li { margin: 0; padding: 0; display: block; float: left; border-radius: 0px; /*border-bottom: 1px solid #f3f3f3;*/ width: 100%; position: relative; -webkit-transition: background 200ms ease; transition: background 200ms ease; z-index: 50; } + .mega-menu .drop-down-multilevel li:last-child { border-bottom: 0px; } + .mega-menu .drop-down-multilevel li:hover { background: #fafafa; } + .mega-menu .drop-down-multilevel li:hover > a { color: #F5A623; } + .mega-menu .drop-down-multilevel li:hover > a i.fa { color: #F5A623; } + @media screen and (min-width:1101px) { + .mega-menu .drop-down-multilevel li.activeTrigger { background: #F5A623; } + .mega-menu .drop-down-multilevel li.activeTrigger > a { color: #ffffff; } + .mega-menu .drop-down-multilevel li.activeTrigger > a i.fa { color: #ffffff; } + } + @media screen and (max-width:1100px) { + .mega-menu .drop-down-multilevel li.activeTriggerMobile { background: #F5A623; } + .mega-menu .drop-down-multilevel li.activeTriggerMobile > a { color: #ffffff; } + .mega-menu .drop-down-multilevel li.activeTriggerMobile > a i.fa { color: #ffffff; } + .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #ffffff !important; } + } + .mega-menu .menu-links > li.active .drop-down-multilevel a { color: #323232; } + .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #F5A623; } + .mega-menu .drop-down-multilevel a { margin: 0; + padding: 10px 25px; + font-size: 0.7000em; + text-transform: capitalize; + display: inline-block; + float: left; + width: 100%; + color: #323232; + -webkit-transition: color 200ms ease; + transition: color 200ms ease; + min-height: 40px; + letter-spacing: -0.1em;} + + .mega-menu .drop-down-multilevel > li:first-child > a { padding-top: 18px; } + .mega-menu .drop-down-multilevel > li:last-child > a { padding-bottom: 18px; } + + @media screen and (max-width:1100px) { + + /* .mega-menu .drop-down-multilevel a { + width: auto; + }*/ } + .mega-menu .drop-down-multilevel i.fa { float: left; line-height: 1.375em; font-size: 1em; display: block; padding-right: 10px; -webkit-transition: color 200ms ease; transition: color 200ms ease; } + .mega-menu .drop-down-multilevel i.fa-indicator { float: right; line-height: 19px; font-size: 8px; font-weight: 900; display: block; padding-left: 10px; padding-right: 0; } + @media screen and (max-width:1100px) { + .mega-menu .drop-down-multilevel i.fa-indicator { float: right; height: 50px; position: absolute; top: 0; right: 20px; line-height: 50px; z-index: -1; } + } + .mega-menu .drop-down-multilevel .drop-down-multilevel { /*------------------------------------------------------ SECOND LEVEL */ + left: 100%; top: 0; } + @media screen and (min-width:1101px) { + .mega-menu .drop-down-multilevel .drop-down-multilevel.left-side { /*--------------------------------------------------- ALIGN SECOND LEVEL DROP DOWN LEFT SIDE */ + left: -100%; } + } + @media screen and (max-width:1100px) { + .mega-menu .drop-down-multilevel .drop-down-multilevel { left: 0; border: 1px solid #cccccc; } + } + .mega-menu .drop-down, + .mega-menu .drop-down-tab-bar { /*--------------------------------------------------------- GRID DROP DOWN */ + position: absolute; left: auto; top: auto; right: auto; background: #ffffff; float: left; padding: 10px 20px; z-index: 999; display: block; cursor: default; overflow: hidden; /*-------------------------------------------------------- 12 COLUMNS FLUID GRID WITH NESTED COLUMNS */ } + .mega-menu .drop-down *, + .mega-menu .drop-down-tab-bar * { color: #323232; } + @media screen and (min-width:1101px) { + .mega-menu .drop-down.menu-bg, + .mega-menu .drop-down-tab-bar { background: rgba(255, 255, 255, 1); background-repeat: no-repeat; background-position: 120% 0; } + .mega-menu .drop-down.menu-shop-bg, + .mega-menu .drop-down-tab-bar { background: rgba(255, 255, 255, 1) url(../../images/objects/menu-shop-bg.jpg); background-repeat: no-repeat; background-position: right; } + .mega-menu .drop-down.menu-bg [class*="grid-col-"] { padding: 10px 10px 0; } + .mega-menu .rev-slider { background: #fff; padding: 7px 12px; } + .mega-menu .rev-slider p { display: inline-block; padding: 0px 10px; margin-bottom: 0px !important; line-height: 0px !important; } + .mega-menu .rev-slider a { display: inline-block; font-size: 13px !important; color: #01a9da; width: inherit !important; padding: 5px 0px; } + .mega-menu .rev-slider a:hover { color: #323232 !important; } + } + @media screen and (min-width:1101px) { + .mega-menu .drop-down, + .mega-menu .drop-down-tab-bar { display: block !important; opacity: 0; visibility: hidden; /*border-top:5px solid #F5A623;*/ border-radius: 0px !important; box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.05); } + } + @media screen and (max-width:1100px) { + .mega-menu .drop-down, + .mega-menu .drop-down-tab-bar { width: 100% !important; top: 0; left: 0; position: relative; display: none; } + } + .mega-menu .drop-down .grid-row, + .mega-menu .drop-down-tab-bar .grid-row { margin: 0; padding: 0; min-height: 1px; width: 100%; float: left; clear: both; } + .mega-menu .drop-down [class*="grid-col-"], + .mega-menu .drop-down-tab-bar [class*="grid-col-"] { margin: 0; float: left; padding: 10px; position: relative; } + .mega-menu .drop-down .grid-col-1, + .mega-menu .drop-down-tab-bar .grid-col-1 { width: 8.333333333333333%; } + .mega-menu .drop-down .grid-col-2, + .mega-menu .drop-down-tab-bar .grid-col-2 { width: 16.66666666666667%; } + .mega-menu .drop-down .grid-col-3, + .mega-menu .drop-down-tab-bar .grid-col-3 { width: 25%; } + .mega-menu .drop-down .grid-col-4, + .mega-menu .drop-down-tab-bar .grid-col-4 { width: 33.33333333333333%; } + .mega-menu .drop-down .grid-col-5, + .mega-menu .drop-down-tab-bar .grid-col-5 { width: 41.66666666666667%; } + .mega-menu .drop-down .grid-col-6, + .mega-menu .drop-down-tab-bar .grid-col-6 { width: 50%; } + .mega-menu .drop-down .grid-col-7, + .mega-menu .drop-down-tab-bar .grid-col-7 { width: 58.33333333333333%; } + .mega-menu .drop-down .grid-col-8, + .mega-menu .drop-down-tab-bar .grid-col-8 { width: 66.66666666666667%; } + .mega-menu .drop-down .grid-col-9, + .mega-menu .drop-down-tab-bar .grid-col-9 { width: 75%; } + .mega-menu .drop-down .grid-col-10, + .mega-menu .drop-down-tab-bar .grid-col-10 { width: 83.33333333333333%; } + .mega-menu .drop-down .grid-col-11, + .mega-menu .drop-down-tab-bar .grid-col-11 { width: 91.66666666666667%; } + .mega-menu .drop-down .grid-col-12, + .mega-menu .drop-down-tab-bar .grid-col-12 { width: 100%; } + .mega-menu .drop-down.grid-col-1, + .mega-menu .drop-down-tab-bar.grid-col-1 { width: 8.333333333333333%; } + .mega-menu .drop-down.grid-col-2, + .mega-menu .drop-down-tab-bar.grid-col-2 { width: 16.66666666666667%; } + .mega-menu .drop-down.grid-col-3, + .mega-menu .drop-down-tab-bar.grid-col-3 { width: 25%; } + .mega-menu .drop-down.grid-col-4, + .mega-menu .drop-down-tab-bar.grid-col-4 { width: 33.33333333333333%; } + .mega-menu .drop-down.grid-col-5, + .mega-menu .drop-down-tab-bar.grid-col-5 { width: 41.66666666666667%; } + .mega-menu .drop-down.grid-col-6, + .mega-menu .drop-down-tab-bar.grid-col-6 { width: 50%; } + .mega-menu .drop-down.grid-col-7, + .mega-menu .drop-down-tab-bar.grid-col-7 { width: 58.33333333333333%; } + .mega-menu .drop-down.grid-col-8, + .mega-menu .drop-down-tab-bar.grid-col-8 { width: 66.66666666666667%; } + .mega-menu .drop-down.grid-col-9, + .mega-menu .drop-down-tab-bar.grid-col-9 { width: 75%; } + .mega-menu .drop-down.grid-col-10, + .mega-menu .drop-down-tab-bar.grid-col-10 { width: 83.33333333333333%; } + .mega-menu .drop-down.grid-col-11, + .mega-menu .drop-down-tab-bar.grid-col-11 { width: 91.66666666666667%; } + .mega-menu .drop-down.grid-col-12, + .mega-menu .drop-down-tab-bar.grid-col-12 { width: 100%; left: 0; } + @media screen and (max-width:1100px) { + .mega-menu .drop-down [class*="grid-col-"], + .mega-menu .drop-down-tab-bar [class*="grid-col-"] { width: 50%; } + } + @media screen and (max-width:1100px) { + .mega-menu .drop-down [class*="grid-col-"], + .mega-menu .drop-down-tab-bar [class*="grid-col-"] { width: 100%; } + } + .mega-menu .drop-down.grid-demo span, + .mega-menu .drop-down-tab-bar.grid-demo span { float: left; display: inline-block; width: 100%; padding: 4px 6px; background: #bfbfbf; font-size: 0.75em; color: #323232; } + .mega-menu .drop-down .space-0, + .mega-menu .drop-down-tab-bar .space-0 { /*--------------------------------------------------------- SPACE 0 CLASS */ + padding: 0 !important; margin: 0 !important; } + .mega-menu .drop-down a, + .mega-menu .drop-down-tab-bar a { font-size: 0.7800em; display: inline-block; padding: 8px 0; width: 100%; max-width: 100%; text-transform: capitalize; } + .mega-menu .drop-down h1, + .mega-menu .drop-down h2, + .mega-menu .drop-down h3, + .mega-menu .drop-down h4, + .mega-menu .drop-down h5, + .mega-menu .drop-down h6, + .mega-menu .drop-down-tab-bar h1, + .mega-menu .drop-down-tab-bar h2, + .mega-menu .drop-down-tab-bar h3, + .mega-menu .drop-down-tab-bar h4, + .mega-menu .drop-down-tab-bar h5, + .mega-menu .drop-down-tab-bar h6 { margin-top: 0; font-weight: 700; } + .mega-menu .drop-down h1, + .mega-menu .drop-down-tab-bar h1 { font-size: 1.5em; line-height: 1; padding-top: 0.53em; margin-bottom: 0.5em; } + .mega-menu .drop-down h2, + .mega-menu .drop-down-tab-bar h2 { font-size: 1.375em; padding-top: 0.25em; margin-bottom: 0.5em; } + .mega-menu .drop-down h3, + .mega-menu .drop-down-tab-bar h3 { font-size: 1.125em; line-height: 1; padding-top: 0.35em; margin-bottom: 0.65em; } + .mega-menu .drop-down h4, + .mega-menu .drop-down-tab-bar h4 { font-size: 1em; text-transform: capitalize; line-height: 1.25; padding-top: 0.45em; margin-bottom: 0px; padding-left: 8px; letter-spacing: 0px; } + .mega-menu .drop-down h5, + .mega-menu .drop-down-tab-bar h5 { font-size: 0.875em; font-weight: bold; padding-top: 0.6em; margin-bottom: 0.9em; } + .mega-menu .drop-down h6, + .mega-menu .drop-down-tab-bar h6 { font-size: 0.75em; font-weight: bold; margin-bottom: 0; } + .mega-menu .drop-down figure img, + .mega-menu .drop-down-tab-bar figure img { width: 100%; height: auto; display: block; } + .mega-menu .drop-down figcaption, + .mega-menu .drop-down-tab-bar figcaption { font-size: small; font-style: italic; color: #666666; } + .mega-menu .drop-down ul, + .mega-menu .drop-down ol, + .mega-menu .drop-down dl, + .mega-menu .drop-down-tab-bar ul, + .mega-menu .drop-down-tab-bar ol, + .mega-menu .drop-down-tab-bar dl { padding: 0; margin: 0 0 0px; } + .mega-menu .drop-down form, + .mega-menu .drop-down-tab-bar form { margin-bottom: 1.5em; } + .mega-menu .drop-down form ul, + .mega-menu .drop-down-tab-bar form ul { list-style: none none; margin: 0; padding: 0; } + .mega-menu .drop-down form ul li, + .mega-menu .drop-down-tab-bar form ul li { *zoom: 1; margin-bottom: 1.5em; } + .mega-menu .drop-down form ul li:before, + .mega-menu .drop-down form ul li:after, + .mega-menu .drop-down-tab-bar form ul li:before, + .mega-menu .drop-down-tab-bar form ul li:after { content: ""; display: table; } + .mega-menu .drop-down form ul li:after, + .mega-menu .drop-down-tab-bar form ul li:after { clear: both; } + .mega-menu .drop-down fieldset, + .mega-menu .drop-down-tab-bar fieldset { margin: 0; padding: 1.5em; } + .mega-menu .drop-down label, + .mega-menu .drop-down-tab-bar label { display: block; } + .mega-menu .drop-down label.inline, + .mega-menu .drop-down-tab-bar label.inline { display: inline; padding-right: 24px; } + .mega-menu .drop-down input[type="text"], + .mega-menu .drop-down input[type="url"], + .mega-menu .drop-down input[type="email"], + .mega-menu .drop-down input[type="password"], + .mega-menu .drop-down input[type="search"], + .mega-menu .drop-down input[type="number"], + .mega-menu .drop-down input[type="date"], + .mega-menu .drop-down input[type="month"], + .mega-menu .drop-down input[type="week"], + .mega-menu .drop-down input[type="time"], + .mega-menu .drop-down input[type="datetime"], + .mega-menu .drop-down input[type="datetime-local"], + .mega-menu .drop-down input[type="tel"], + .mega-menu .drop-down textarea, + .mega-menu .drop-down-tab-bar input[type="text"], + .mega-menu .drop-down-tab-bar input[type="url"], + .mega-menu .drop-down-tab-bar input[type="email"], + .mega-menu .drop-down-tab-bar input[type="password"], + .mega-menu .drop-down-tab-bar input[type="search"], + .mega-menu .drop-down-tab-bar input[type="number"], + .mega-menu .drop-down-tab-bar input[type="date"], + .mega-menu .drop-down-tab-bar input[type="month"], + .mega-menu .drop-down-tab-bar input[type="week"], + .mega-menu .drop-down-tab-bar input[type="time"], + .mega-menu .drop-down-tab-bar input[type="datetime"], + .mega-menu .drop-down-tab-bar input[type="datetime-local"], + .mega-menu .drop-down-tab-bar input[type="tel"], + .mega-menu .drop-down-tab-bar textarea { display: block; width: 100%; margin: 0 0 0.75em; padding: 10px; font-size: 0.7800em; border: 1px solid #e8e8e8; line-height: 1.5em; } + .mega-menu .drop-down select, + .mega-menu .drop-down-tab-bar select { width: 100%; height: 2.1em; margin-bottom: 0.9em; border: 1px solid #cccccc; } + .mega-menu .drop-down input[type="range"], + .mega-menu .drop-down input[type="color"], + .mega-menu .drop-down-tab-bar input[type="range"], + .mega-menu .drop-down-tab-bar input[type="color"] { vertical-align: middle; height: 1.5em; width: 100%; } + .mega-menu .drop-down input[type="range"], + .mega-menu .drop-down-tab-bar input[type="range"] { height: 1.4em; } + .mega-menu .drop-down input[type="color"], + .mega-menu .drop-down-tab-bar input[type="color"] { width: 1.5em; } + .mega-menu .drop-down input[type="time"], + .mega-menu .drop-down-tab-bar input[type="time"] { margin: 0 0 0.55em; } + .mega-menu .drop-down progress, + .mega-menu .drop-down meter, + .mega-menu .drop-down-tab-bar progress, + .mega-menu .drop-down-tab-bar meter { display: block; width: 100%; height: 1.5em; } + .mega-menu .drop-down table, + .mega-menu .drop-down-tab-bar table { margin-bottom: 1.4em; width: 100%; border: 1px solid #cccccc; } + .mega-menu .drop-down thead, + .mega-menu .drop-down-tab-bar thead { text-align: left; font-weight: bold; } + .mega-menu .drop-down tbody tr:nth-child(even) td, + .mega-menu .drop-down-tab-bar tbody tr:nth-child(even) td { background: #dddddd; } + .mega-menu .drop-down tfoot, + .mega-menu .drop-down-tab-bar tfoot { font-style: italic; } + .mega-menu .drop-down tfoot td, + .mega-menu .drop-down tfoot th, + .mega-menu .drop-down-tab-bar tfoot td, + .mega-menu .drop-down-tab-bar tfoot th { padding: 0.75em 10px; } + .mega-menu .drop-down th, + .mega-menu .drop-down td, + .mega-menu .drop-down caption, + .mega-menu .drop-down-tab-bar th, + .mega-menu .drop-down-tab-bar td, + .mega-menu .drop-down-tab-bar caption { border: 1px solid #cccccc; } + .mega-menu .drop-down td, + .mega-menu .drop-down th, + .mega-menu .drop-down-tab-bar td, + .mega-menu .drop-down-tab-bar th { padding: 0 10px 0 10px; line-height: 1.45em; } + .mega-menu .drop-down caption, + .mega-menu .drop-down-tab-bar caption { border-bottom: 0; padding: 0.75em 10px; line-height: 1.45em; text-align: left; font-style: italic; } + .mega-menu .drop-down p, + .mega-menu .drop-down-tab-bar p { margin: 0 0 1.5em 0; font-size: 0.7800em; } + .mega-menu .drop-down blockquote, + .mega-menu .drop-down-tab-bar blockquote { margin: 0 1.5em 1.5em; font-style: italic; } + .mega-menu .drop-down mark, + .mega-menu .drop-down-tab-bar mark { line-height: 1.5; background: #78aace; color: #ffffff; } + .mega-menu .drop-down del, + .mega-menu .drop-down-tab-bar del { color: #dddddd; } + .mega-menu .drop-down code, + .mega-menu .drop-down kbd, + .mega-menu .drop-down pre, + .mega-menu .drop-down samp, + .mega-menu .drop-down-tab-bar code, + .mega-menu .drop-down-tab-bar kbd, + .mega-menu .drop-down-tab-bar pre, + .mega-menu .drop-down-tab-bar samp { } + .mega-menu .drop-down ins, + .mega-menu .drop-down small, + .mega-menu .drop-down-tab-bar ins, + .mega-menu .drop-down-tab-bar small { line-height: 1.5; } + .mega-menu .drop-down kbd, + .mega-menu .drop-down samp, + .mega-menu .drop-down-tab-bar kbd, + .mega-menu .drop-down-tab-bar samp { line-height: 1.4; } + .mega-menu .drop-down hr, + .mega-menu .drop-down-tab-bar hr { background: #cccccc; color: #cccccc; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1.4em; border: none; } + .mega-menu .drop-down input[type="submit"], + .mega-menu .drop-down input[type="button"], + .mega-menu .drop-down-tab-bar input[type="submit"], + .mega-menu .drop-down-tab-bar input[type="button"] { background: #F5A623; padding: 10px 20px; margin: 5px 10px 0 0; line-height: 1.5em; font-weight: 600; font-size: 0.7800em; color: #ffffff; border-radius: 0; display: block; float: left; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; } + .mega-menu .drop-down input[type="submit"]:hover, + .mega-menu .drop-down input[type="button"]:hover, + .mega-menu .drop-down-tab-bar input[type="submit"]:hover, + .mega-menu .drop-down-tab-bar input[type="button"]:hover { background-color: #333333; } + @media screen and (max-width:1100px) { + .mega-menu .drop-down input[type="submit"], + .mega-menu .drop-down input[type="button"], + .mega-menu .drop-down-tab-bar input[type="submit"], + .mega-menu .drop-down-tab-bar input[type="button"] { width: 100%; } + } + .mega-menu .drop-down a, + .mega-menu .drop-down-tab-bar a { -webkit-transition: color 200ms ease; transition: color 200ms ease; } + .mega-menu .drop-down a:hover, + .mega-menu .drop-down-tab-bar a:hover { color: #F5A623; } + .mega-menu .drop-down a i, + .mega-menu .drop-down-tab-bar a i { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } + .mega-menu .drop-down a:hover i, + .mega-menu .drop-down-tab-bar a:hover i { color: #F5A623; } + @media screen and (max-width:1100px) { + .mega-menu .drop-down a, + .mega-menu .drop-down-tab-bar a { width: auto; } + } + + /*.mega-menu .drop-down ::-moz-selection, + .mega-menu .drop-down-tab-bar ::-moz-selection { + background: #ffb9ad; + } + + .mega-menu .drop-down ::selection, + .mega-menu .drop-down-tab-bar ::selection { + background: #ffb9ad; + }*/ + .mega-menu .drop-down .list-description span, + .mega-menu .drop-down-tab-bar .list-description span { color: #aeaeae; display: inline-block; width: 100%; } + .mega-menu .drop-down .image-description, + .mega-menu .drop-down-tab-bar .image-description { position: relative; } + .mega-menu .drop-down .image-description img, + .mega-menu .drop-down-tab-bar .image-description img { display: inline-block; float: left; max-width: 100%; position: absolute; left: 0; right: 0; height: 40px; width: 40px; } + .mega-menu .drop-down .image-description a, + .mega-menu .drop-down-tab-bar .image-description a { padding-left: 50px; } + .mega-menu .drop-down .image-description span, + .mega-menu .drop-down-tab-bar .image-description span { color: #aeaeae; display: inline-block; width: 100%; } + .mega-menu .drop-down i.fa, + .mega-menu .drop-down-tab-bar i.fa { padding-right: 10px; width: 20px; } + .mega-menu .drop-down iframe, + .mega-menu .drop-down-tab-bar iframe { width: 100%; display: block; float: left; margin: 0; padding: 0; border: none; } + @media screen and (min-width:1101px) { + .mega-menu .drop-down.offset-1, + .mega-menu .drop-down-tab-bar.offset-1 { /*------------------------------------------- OFFSET CLASSES FOR DROP DOWN */ + margin-left: 100px; } + .mega-menu .drop-down.offset-2, + .mega-menu .drop-down-tab-bar.offset-2 { margin-left: -150px; } + .mega-menu .drop-down.offset-3, + .mega-menu .drop-down-tab-bar.offset-3 { margin-left: -200px; } + .mega-menu .drop-down.offset-4, + .mega-menu .drop-down-tab-bar.offset-4 { margin-left: -250px; } + .mega-menu .drop-down.offset-5, + .mega-menu .drop-down-tab-bar.offset-5 { margin-left: -300px; } + } + .mega-menu .drop-down .menu-contact-form, + .mega-menu .drop-down-tab-bar .menu-contact-form { /*------------------------------------------------------- MENU CONTACT FORM */ + margin: 0; display: block; float: left; width: 100%; background: #f7f7f7; padding: 20px; } + .mega-menu .mobileTriggerButton { /*---------------------------------------------------- MOBILE CLICK TRIGGER JQUERY DIV */ + margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; height: 50px; display: none; z-index: -1; } + @media screen and (max-width:1100px) { + .mega-menu .mobileTriggerButton { display: block; } + } + .mega-menu .desktopTriggerButton { /*--------------------------------------------------- DESKTOP CLICK TRIGGER JQUERY DIV */ + margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; display: block; opacity: .2; } + @media screen and (max-width:1100px) { + .mega-menu .desktopTriggerButton { display: none; } + } + @media screen and (min-width:1101px) { + .mega-menu.desktopTopFixed .menu-list-items { /*--------------------------------------------------------- TOP FIXED FOR DESKTOP */ + position: fixed; top: 0; left: 0; right: 0; max-width: 100%; padding: 0px 10px; background: #323232; box-shadow: 0 0 10px rgba(0, 0, 0, .1); } + .mega-menu.desktopTopFixed .menu-list-items .drop-down.grid-col-12, + .mega-menu.desktopTopFixed .menu-list-items .drop-down-tab-bar.grid-col-12 { width: 100%; margin: 0px; } + .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 40px; padding-top: 0px; margin: 15px 0px; /*width: 75%;*/ } + .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 20px; } + } + @media screen and (max-width:1100px) { + .mega-menu.mobileTopFixed .menu-list-items { /*--------------------------------------------------------- TOP FIXED FOR MOBILE */ + position: fixed; top: 0; left: 0; right: 0; max-width: 100%; } + } + .mega-menu .drop-down-tab-bar { /*----------------------------------------------------------- DROP DOWN TAB BAR */ + margin: 0; padding: 10px; float: left; } + .mega-menu .drop-down-tab-bar li { float: left; margin: 0; padding: 0; display: block; } + @media screen and (max-width:1100px) { + .mega-menu .drop-down-tab-bar li { width: 100%; position: relative; } + } + .mega-menu .drop-down-tab-bar a { float: left; width: 100%; display: inline-block; padding: 5px 10px; font-size: 0.7800em; } + @media screen and (max-width:1100px) { + .mega-menu .drop-down-tab-bar a { width: auto; padding-right: 20px; } + } + .mega-menu .drop-down-tab-bar i.fa { display: inline-block; padding-right: 5px; } + .mega-menu .drop-down-tab-bar i.fa.fa-indicator { padding-right: 0; padding-left: 10px; line-height: 0.7800em; } + @media screen and (max-width:1100px) { + .mega-menu .drop-down-tab-bar i.fa.fa-indicator { float: right; position: absolute; right: 12px; top: 0; bottom: 0; line-height: 25px; } + } + @media screen and (min-width:1101px) { + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-scale, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-scale, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-scale { /*--------------------------------------------- effect scale */ + -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-top, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-top, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-top { /*--------------------------------------------- effect expand top*/ + -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-bottom, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-bottom, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-bottom { /*--------------------------------------------- effect expand bottom*/ + -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; } + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-left, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-left, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-left { /*--------------------------------------------- effect expand left*/ + -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-right, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-right, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-right { /*--------------------------------------------- effect expand right*/ + -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel, + .mega-menu .menu-links li.ClickTrigger .drop-down.active, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active { -webkit-transition-delay: 200ms !important; transition-delay: 200ms !important; } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-fade, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-fade, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-fade, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-fade, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-fade, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-fade { /*------------------------------------------- DROP DOWN EFFECTS :::: fade-effect */ + opacity: 1; visibility: visible; } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-scale, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-scale, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-scale { /*--------------------------------------------- effect scale */ + opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-top, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-top, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-top { /*--------------------------------------------- effect expand top*/ + opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-bottom, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-bottom, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-bottom { /*--------------------------------------------- effect expand bottom*/ + opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-left, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-left, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-left { /*--------------------------------------------- effect expand left*/ + opacity: 1; visibility: visible; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-right, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-right, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-right { /*--------------------------------------------- effect expand right */ + opacity: 1; visibility: visible; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } + } + @media screen and (max-width:1100px) { + .mega-menu .menu-links li .drop-down, + .mega-menu .menu-links li .drop-down-tab-bar, + .mega-menu .menu-links li .drop-down-multilevel { -webkit-transition: none !important; transition: none !important; } + } + @media screen and (min-width:1101px) { + .mega-menu.vertical-left, + .mega-menu.vertical-right { /*----------------------------------------------------- VERTICAL LEFT OR VERTICAL RIGHT */ + float: left; width: auto; display: block; /*max-width: 250px;*/ } + .mega-menu.vertical-left .menu-logo, + .mega-menu.vertical-right .menu-logo { clear: both; width: 100%; } + .mega-menu.vertical-left .menu-logo > li, + .mega-menu.vertical-right .menu-logo > li { width: 100%; } + .mega-menu.vertical-left .menu-logo > li > a, + .mega-menu.vertical-right .menu-logo > li > a { width: 100%; } + .mega-menu.vertical-left .menu-links, + .mega-menu.vertical-right .menu-links { clear: both; width: 100%; } + .mega-menu.vertical-left .menu-links > li, + .mega-menu.vertical-right .menu-links > li { clear: both; width: 100%; position: relative; } + .mega-menu.vertical-left .menu-links > li > a, + .mega-menu.vertical-right .menu-links > li > a { width: 100%; position: relative; line-height: 48px; } + .mega-menu.vertical-left .menu-links > li > a i.fa.fa-indicator, + .mega-menu.vertical-right .menu-links > li > a i.fa.fa-indicator { float: right; line-height: 48px; } + .mega-menu.vertical-left .menu-social-bar, + .mega-menu.vertical-right .menu-social-bar { width: 100%; text-align: center; } + .mega-menu.vertical-left .menu-social-bar > li, + .mega-menu.vertical-right .menu-social-bar > li { display: inline-block; float: none; } + .mega-menu.vertical-left .menu-social-bar > li > a, + .mega-menu.vertical-right .menu-social-bar > li > a { padding-left: 10px; padding-right: 10px; } + .mega-menu.vertical-left .drop-down-multilevel, + .mega-menu.vertical-right .drop-down-multilevel { top: 0; left: 100%; } + .mega-menu.vertical-left .drop-down, + .mega-menu.vertical-left .drop-down-tab-bar, + .mega-menu.vertical-right .drop-down, + .mega-menu.vertical-right .drop-down-tab-bar { left: 100%; top: 0; min-width: 600px; } + .mega-menu.vertical-left .drop-down.grid-col-12, + .mega-menu.vertical-left .drop-down-tab-bar.grid-col-12, + .mega-menu.vertical-right .drop-down.grid-col-12, + .mega-menu.vertical-right .drop-down-tab-bar.grid-col-12 { min-width: 1000px; } + .mega-menu.vertical-left .offset-1, + .mega-menu.vertical-left .offset-2, + .mega-menu.vertical-left .offset-3, + .mega-menu.vertical-left .offset-4, + .mega-menu.vertical-left .offset-5, + .mega-menu.vertical-right .offset-1, + .mega-menu.vertical-right .offset-2, + .mega-menu.vertical-right .offset-3, + .mega-menu.vertical-right .offset-4, + .mega-menu.vertical-right .offset-5 { margin-left: 0; } + .mega-menu.vertical-left .offset-1-vertical, + .mega-menu.vertical-right .offset-1-vertical { margin-top: -100px !important; } + .mega-menu.vertical-left .offset-2-vertical, + .mega-menu.vertical-right .offset-2-vertical { margin-top: -150px !important; } + .mega-menu.vertical-left .offset-3-vertical, + .mega-menu.vertical-right .offset-3-vertical { margin-top: -200px !important; } + .mega-menu.vertical-left .offset-4-vertical, + .mega-menu.vertical-right .offset-4-vertical { margin-top: -250px !important; } + .mega-menu.vertical-left .offset-5-vertical, + .mega-menu.vertical-right .offset-5-vertical { margin-top: -300px !important; } + .mega-menu.vertical-left.desktopTopFixed, + .mega-menu.vertical-right.desktopTopFixed { float: left; right: auto; padding: 0; height: 100%; } + .mega-menu.vertical-left.desktopTopFixed .menu-list-items, + .mega-menu.vertical-right.desktopTopFixed .menu-list-items { padding: 0; height: 100%; } + .mega-menu.vertical-left.desktopTopFixed .drop-down, + .mega-menu.vertical-left.desktopTopFixed .drop-down-tab-bar, + .mega-menu.vertical-right.desktopTopFixed .drop-down, + .mega-menu.vertical-right.desktopTopFixed .drop-down-tab-bar { margin: 0; } + .mega-menu.vertical-right { float: right; } + .mega-menu.vertical-right .drop-down-multilevel { left: auto; right: 100%; } + } + @media screen and (min-width:1101px) and (min-width:1101px) { + .mega-menu.vertical-right .drop-down-multilevel.left-side { left: 100%; } + } + @media screen and (min-width:1101px) { + .mega-menu.vertical-right .drop-down, + .mega-menu.vertical-right .drop-down-tab-bar { left: auto; right: 100%; } + .mega-menu.vertical-right.desktopTopFixed { float: right; left: auto; right: 0; padding: 0; height: 100%; } + } + @media screen and (min-width:1101px) { + .mega-menu.vertical-left .menu-search-bar, + .mega-menu.vertical-right .menu-search-bar { width: 100%; } + .mega-menu.vertical-left .menu-search-bar input, + .mega-menu.vertical-left .menu-search-bar li, + .mega-menu.vertical-left .menu-search-bar form, + .mega-menu.vertical-left .menu-search-bar label, + .mega-menu.vertical-right .menu-search-bar input, + .mega-menu.vertical-right .menu-search-bar li, + .mega-menu.vertical-right .menu-search-bar form, + .mega-menu.vertical-right .menu-search-bar label { width: 100%; max-width: 100%; background: #F5A623; -webkit-transition: none; transition: none; } + .mega-menu.vertical-left .menu-search-bar input, + .mega-menu.vertical-right .menu-search-bar input { padding-left: 20px; } + } + @media screen and (min-width:1101px) { + .mega-menu.menuFullWidth { /*--------------------------------------------------- make menu full width */ + max-width: 100%; } + } diff --git a/apply/css/plugins/owl.carousel.min.css b/apply/css/plugins/owl.carousel.min.css new file mode 100644 index 0000000..d8becfa --- /dev/null +++ b/apply/css/plugins/owl.carousel.min.css @@ -0,0 +1,47 @@ +/** + * Owl Carousel v2.2.1 + * Copyright 2013-2017 David Deutsch + * Licensed under () + */ +.owl-carousel, +.owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } +.owl-carousel { display: none; width: 100%; z-index: 1 } +.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden } +.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } +.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } +.owl-carousel .owl-item, +.owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } +.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } +.owl-carousel .owl-item img { display: block; width: 100% } +.owl-carousel .owl-dots.disabled, +.owl-carousel .owl-nav.disabled { display: none } +.no-js .owl-carousel, +.owl-carousel.owl-loaded { display: block } +.owl-carousel .owl-dot, +.owl-carousel .owl-nav .owl-next, +.owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } +.owl-carousel.owl-loading { opacity: 0; display: block } +.owl-carousel.owl-hidden { opacity: 0 } +.owl-carousel.owl-refresh .owl-item { visibility: hidden } +.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } +.owl-carousel.owl-grab { cursor: move; cursor: grab } +.owl-carousel.owl-rtl { direction: rtl } +.owl-carousel.owl-rtl .owl-item { float: right } +.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } +.owl-carousel .owl-animated-in { z-index: 0 } +.owl-carousel .owl-animated-out { z-index: 1 } +.owl-carousel .fadeOut { animation-name: fadeOut } +@keyframes fadeOut { + 0% { opacity: 1 } + 100% { opacity: 0 } +} +.owl-height { transition: height .5s ease-in-out } +.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } +.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } +.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } +.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } +.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } +.owl-carousel .owl-video-playing .owl-video-play-icon, +.owl-carousel .owl-video-playing .owl-video-tn { display: none } +.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } +.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } diff --git a/apply/css/plugins/slick-theme.css b/apply/css/plugins/slick-theme.css new file mode 100644 index 0000000..f7538d1 --- /dev/null +++ b/apply/css/plugins/slick-theme.css @@ -0,0 +1,65 @@ +@charset 'UTF-8'; + +/* Slider */ +.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } +.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } +.slick-list:focus { outline: none; } +.slick-list.dragging { cursor: pointer; cursor: hand; } +.slick-slider .slick-track, +.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } +.slick-track { position: relative; top: 0; left: 0; display: block; } +.slick-track:before, +.slick-track:after { display: table; content: ''; } +.slick-track:after { clear: both; } +.slick-loading .slick-track { visibility: hidden; } +.slick-slide { display: none; float: left; height: 100%; min-height: 1px; } +[dir='rtl'] .slick-slide { float: right; } +.slick-slide img { display: block; } +.slick-slide.slick-loading img { display: none; } +.slick-slide.dragging img { pointer-events: none; } +.slick-initialized .slick-slide { display: block; } +.slick-loading .slick-slide { visibility: hidden; } +.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } +.slick-arrow.slick-hidden { display: none; } + +/* Slider */ +.slick-loading .slick-list { background: #fff url('../pre-loader/loader-02.svg') center center no-repeat; } + +/* Icons */ +@font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); } + +/* Arrows */ +.slick-prev, +.slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } +.slick-prev:hover, +.slick-prev:focus, +.slick-next:hover, +.slick-next:focus { color: transparent; outline: none; background: transparent; } +.slick-prev:hover:before, +.slick-prev:focus:before, +.slick-next:hover:before, +.slick-next:focus:before { opacity: 1; } +.slick-prev.slick-disabled:before, +.slick-next.slick-disabled:before { opacity: .25; } +.slick-prev:before, +.slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } +.slick-prev { left: -25px; } +[dir='rtl'] .slick-prev { right: -25px; left: auto; } +.slick-prev:before { content: '←'; } +[dir='rtl'] .slick-prev:before { content: '→'; } +.slick-next { right: -25px; } +[dir='rtl'] .slick-next { right: auto; left: -25px; } +.slick-next:before { content: '→'; } +[dir='rtl'] .slick-next:before { content: '←'; } + +/* Dots */ +.slick-dotted.slick-slider { margin-bottom: 30px; } +.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } +.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } +.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } +.slick-dots li button:hover, +.slick-dots li button:focus { outline: none; } +.slick-dots li button:hover:before, +.slick-dots li button:focus:before { opacity: 1; } +.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } +.slick-dots li.slick-active button:before { opacity: .75; color: black; } \ No newline at end of file diff --git a/apply/css/plugins/themify-icons.css b/apply/css/plugins/themify-icons.css new file mode 100644 index 0000000..1d106b3 --- /dev/null +++ b/apply/css/plugins/themify-icons.css @@ -0,0 +1,1081 @@ +@font-face { + font-family: 'themify'; + src:url('../../fonts/themify.eot?-fvbane'); + src:url('../../fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'), + url('../../fonts/themify.woff?-fvbane') format('woff'), + url('../../fonts/themify.ttf?-fvbane') format('truetype'), + url('../../fonts/themify.svg?-fvbane#themify') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="ti-"], [class*=" ti-"] { + font-family: 'themify'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.ti-wand:before { + content: "\e600"; +} +.ti-volume:before { + content: "\e601"; +} +.ti-user:before { + content: "\e602"; +} +.ti-unlock:before { + content: "\e603"; +} +.ti-unlink:before { + content: "\e604"; +} +.ti-trash:before { + content: "\e605"; +} +.ti-thought:before { + content: "\e606"; +} +.ti-target:before { + content: "\e607"; +} +.ti-tag:before { + content: "\e608"; +} +.ti-tablet:before { + content: "\e609"; +} +.ti-star:before { + content: "\e60a"; +} +.ti-spray:before { + content: "\e60b"; +} +.ti-signal:before { + content: "\e60c"; +} +.ti-shopping-cart:before { + content: "\e60d"; +} +.ti-shopping-cart-full:before { + content: "\e60e"; +} +.ti-settings:before { + content: "\e60f"; +} +.ti-search:before { + content: "\e610"; +} +.ti-zoom-in:before { + content: "\e611"; +} +.ti-zoom-out:before { + content: "\e612"; +} +.ti-cut:before { + content: "\e613"; +} +.ti-ruler:before { + content: "\e614"; +} +.ti-ruler-pencil:before { + content: "\e615"; +} +.ti-ruler-alt:before { + content: "\e616"; +} +.ti-bookmark:before { + content: "\e617"; +} +.ti-bookmark-alt:before { + content: "\e618"; +} +.ti-reload:before { + content: "\e619"; +} +.ti-plus:before { + content: "\e61a"; +} +.ti-pin:before { + content: "\e61b"; +} +.ti-pencil:before { + content: "\e61c"; +} +.ti-pencil-alt:before { + content: "\e61d"; +} +.ti-paint-roller:before { + content: "\e61e"; +} +.ti-paint-bucket:before { + content: "\e61f"; +} +.ti-na:before { + content: "\e620"; +} +.ti-mobile:before { + content: "\e621"; +} +.ti-minus:before { + content: "\e622"; +} +.ti-medall:before { + content: "\e623"; +} +.ti-medall-alt:before { + content: "\e624"; +} +.ti-marker:before { + content: "\e625"; +} +.ti-marker-alt:before { + content: "\e626"; +} +.ti-arrow-up:before { + content: "\e627"; +} +.ti-arrow-right:before { + content: "\e628"; +} +.ti-arrow-left:before { + content: "\e629"; +} +.ti-arrow-down:before { + content: "\e62a"; +} +.ti-lock:before { + content: "\e62b"; +} +.ti-location-arrow:before { + content: "\e62c"; +} +.ti-link:before { + content: "\e62d"; +} +.ti-layout:before { + content: "\e62e"; +} +.ti-layers:before { + content: "\e62f"; +} +.ti-layers-alt:before { + content: "\e630"; +} +.ti-key:before { + content: "\e631"; +} +.ti-import:before { + content: "\e632"; +} +.ti-image:before { + content: "\e633"; +} +.ti-heart:before { + content: "\e634"; +} +.ti-heart-broken:before { + content: "\e635"; +} +.ti-hand-stop:before { + content: "\e636"; +} +.ti-hand-open:before { + content: "\e637"; +} +.ti-hand-drag:before { + content: "\e638"; +} +.ti-folder:before { + content: "\e639"; +} +.ti-flag:before { + content: "\e63a"; +} +.ti-flag-alt:before { + content: "\e63b"; +} +.ti-flag-alt-2:before { + content: "\e63c"; +} +.ti-eye:before { + content: "\e63d"; +} +.ti-export:before { + content: "\e63e"; +} +.ti-exchange-vertical:before { + content: "\e63f"; +} +.ti-desktop:before { + content: "\e640"; +} +.ti-cup:before { + content: "\e641"; +} +.ti-crown:before { + content: "\e642"; +} +.ti-comments:before { + content: "\e643"; +} +.ti-comment:before { + content: "\e644"; +} +.ti-comment-alt:before { + content: "\e645"; +} +.ti-close:before { + content: "\e646"; +} +.ti-clip:before { + content: "\e647"; +} +.ti-angle-up:before { + content: "\e648"; +} +.ti-angle-right:before { + content: "\e649"; +} +.ti-angle-left:before { + content: "\e64a"; +} +.ti-angle-down:before { + content: "\e64b"; +} +.ti-check:before { + content: "\e64c"; +} +.ti-check-box:before { + content: "\e64d"; +} +.ti-camera:before { + content: "\e64e"; +} +.ti-announcement:before { + content: "\e64f"; +} +.ti-brush:before { + content: "\e650"; +} +.ti-briefcase:before { + content: "\e651"; +} +.ti-bolt:before { + content: "\e652"; +} +.ti-bolt-alt:before { + content: "\e653"; +} +.ti-blackboard:before { + content: "\e654"; +} +.ti-bag:before { + content: "\e655"; +} +.ti-move:before { + content: "\e656"; +} +.ti-arrows-vertical:before { + content: "\e657"; +} +.ti-arrows-horizontal:before { + content: "\e658"; +} +.ti-fullscreen:before { + content: "\e659"; +} +.ti-arrow-top-right:before { + content: "\e65a"; +} +.ti-arrow-top-left:before { + content: "\e65b"; +} +.ti-arrow-circle-up:before { + content: "\e65c"; +} +.ti-arrow-circle-right:before { + content: "\e65d"; +} +.ti-arrow-circle-left:before { + content: "\e65e"; +} +.ti-arrow-circle-down:before { + content: "\e65f"; +} +.ti-angle-double-up:before { + content: "\e660"; +} +.ti-angle-double-right:before { + content: "\e661"; +} +.ti-angle-double-left:before { + content: "\e662"; +} +.ti-angle-double-down:before { + content: "\e663"; +} +.ti-zip:before { + content: "\e664"; +} +.ti-world:before { + content: "\e665"; +} +.ti-wheelchair:before { + content: "\e666"; +} +.ti-view-list:before { + content: "\e667"; +} +.ti-view-list-alt:before { + content: "\e668"; +} +.ti-view-grid:before { + content: "\e669"; +} +.ti-uppercase:before { + content: "\e66a"; +} +.ti-upload:before { + content: "\e66b"; +} +.ti-underline:before { + content: "\e66c"; +} +.ti-truck:before { + content: "\e66d"; +} +.ti-timer:before { + content: "\e66e"; +} +.ti-ticket:before { + content: "\e66f"; +} +.ti-thumb-up:before { + content: "\e670"; +} +.ti-thumb-down:before { + content: "\e671"; +} +.ti-text:before { + content: "\e672"; +} +.ti-stats-up:before { + content: "\e673"; +} +.ti-stats-down:before { + content: "\e674"; +} +.ti-split-v:before { + content: "\e675"; +} +.ti-split-h:before { + content: "\e676"; +} +.ti-smallcap:before { + content: "\e677"; +} +.ti-shine:before { + content: "\e678"; +} +.ti-shift-right:before { + content: "\e679"; +} +.ti-shift-left:before { + content: "\e67a"; +} +.ti-shield:before { + content: "\e67b"; +} +.ti-notepad:before { + content: "\e67c"; +} +.ti-server:before { + content: "\e67d"; +} +.ti-quote-right:before { + content: "\e67e"; +} +.ti-quote-left:before { + content: "\e67f"; +} +.ti-pulse:before { + content: "\e680"; +} +.ti-printer:before { + content: "\e681"; +} +.ti-power-off:before { + content: "\e682"; +} +.ti-plug:before { + content: "\e683"; +} +.ti-pie-chart:before { + content: "\e684"; +} +.ti-paragraph:before { + content: "\e685"; +} +.ti-panel:before { + content: "\e686"; +} +.ti-package:before { + content: "\e687"; +} +.ti-music:before { + content: "\e688"; +} +.ti-music-alt:before { + content: "\e689"; +} +.ti-mouse:before { + content: "\e68a"; +} +.ti-mouse-alt:before { + content: "\e68b"; +} +.ti-money:before { + content: "\e68c"; +} +.ti-microphone:before { + content: "\e68d"; +} +.ti-menu:before { + content: "\e68e"; +} +.ti-menu-alt:before { + content: "\e68f"; +} +.ti-map:before { + content: "\e690"; +} +.ti-map-alt:before { + content: "\e691"; +} +.ti-loop:before { + content: "\e692"; +} +.ti-location-pin:before { + content: "\e693"; +} +.ti-list:before { + content: "\e694"; +} +.ti-light-bulb:before { + content: "\e695"; +} +.ti-Italic:before { + content: "\e696"; +} +.ti-info:before { + content: "\e697"; +} +.ti-infinite:before { + content: "\e698"; +} +.ti-id-badge:before { + content: "\e699"; +} +.ti-hummer:before { + content: "\e69a"; +} +.ti-home:before { + content: "\e69b"; +} +.ti-help:before { + content: "\e69c"; +} +.ti-headphone:before { + content: "\e69d"; +} +.ti-harddrives:before { + content: "\e69e"; +} +.ti-harddrive:before { + content: "\e69f"; +} +.ti-gift:before { + content: "\e6a0"; +} +.ti-game:before { + content: "\e6a1"; +} +.ti-filter:before { + content: "\e6a2"; +} +.ti-files:before { + content: "\e6a3"; +} +.ti-file:before { + content: "\e6a4"; +} +.ti-eraser:before { + content: "\e6a5"; +} +.ti-envelope:before { + content: "\e6a6"; +} +.ti-download:before { + content: "\e6a7"; +} +.ti-direction:before { + content: "\e6a8"; +} +.ti-direction-alt:before { + content: "\e6a9"; +} +.ti-dashboard:before { + content: "\e6aa"; +} +.ti-control-stop:before { + content: "\e6ab"; +} +.ti-control-shuffle:before { + content: "\e6ac"; +} +.ti-control-play:before { + content: "\e6ad"; +} +.ti-control-pause:before { + content: "\e6ae"; +} +.ti-control-forward:before { + content: "\e6af"; +} +.ti-control-backward:before { + content: "\e6b0"; +} +.ti-cloud:before { + content: "\e6b1"; +} +.ti-cloud-up:before { + content: "\e6b2"; +} +.ti-cloud-down:before { + content: "\e6b3"; +} +.ti-clipboard:before { + content: "\e6b4"; +} +.ti-car:before { + content: "\e6b5"; +} +.ti-calendar:before { + content: "\e6b6"; +} +.ti-book:before { + content: "\e6b7"; +} +.ti-bell:before { + content: "\e6b8"; +} +.ti-basketball:before { + content: "\e6b9"; +} +.ti-bar-chart:before { + content: "\e6ba"; +} +.ti-bar-chart-alt:before { + content: "\e6bb"; +} +.ti-back-right:before { + content: "\e6bc"; +} +.ti-back-left:before { + content: "\e6bd"; +} +.ti-arrows-corner:before { + content: "\e6be"; +} +.ti-archive:before { + content: "\e6bf"; +} +.ti-anchor:before { + content: "\e6c0"; +} +.ti-align-right:before { + content: "\e6c1"; +} +.ti-align-left:before { + content: "\e6c2"; +} +.ti-align-justify:before { + content: "\e6c3"; +} +.ti-align-center:before { + content: "\e6c4"; +} +.ti-alert:before { + content: "\e6c5"; +} +.ti-alarm-clock:before { + content: "\e6c6"; +} +.ti-agenda:before { + content: "\e6c7"; +} +.ti-write:before { + content: "\e6c8"; +} +.ti-window:before { + content: "\e6c9"; +} +.ti-widgetized:before { + content: "\e6ca"; +} +.ti-widget:before { + content: "\e6cb"; +} +.ti-widget-alt:before { + content: "\e6cc"; +} +.ti-wallet:before { + content: "\e6cd"; +} +.ti-video-clapper:before { + content: "\e6ce"; +} +.ti-video-camera:before { + content: "\e6cf"; +} +.ti-vector:before { + content: "\e6d0"; +} +.ti-themify-logo:before { + content: "\e6d1"; +} +.ti-themify-favicon:before { + content: "\e6d2"; +} +.ti-themify-favicon-alt:before { + content: "\e6d3"; +} +.ti-support:before { + content: "\e6d4"; +} +.ti-stamp:before { + content: "\e6d5"; +} +.ti-split-v-alt:before { + content: "\e6d6"; +} +.ti-slice:before { + content: "\e6d7"; +} +.ti-shortcode:before { + content: "\e6d8"; +} +.ti-shift-right-alt:before { + content: "\e6d9"; +} +.ti-shift-left-alt:before { + content: "\e6da"; +} +.ti-ruler-alt-2:before { + content: "\e6db"; +} +.ti-receipt:before { + content: "\e6dc"; +} +.ti-pin2:before { + content: "\e6dd"; +} +.ti-pin-alt:before { + content: "\e6de"; +} +.ti-pencil-alt2:before { + content: "\e6df"; +} +.ti-palette:before { + content: "\e6e0"; +} +.ti-more:before { + content: "\e6e1"; +} +.ti-more-alt:before { + content: "\e6e2"; +} +.ti-microphone-alt:before { + content: "\e6e3"; +} +.ti-magnet:before { + content: "\e6e4"; +} +.ti-line-double:before { + content: "\e6e5"; +} +.ti-line-dotted:before { + content: "\e6e6"; +} +.ti-line-dashed:before { + content: "\e6e7"; +} +.ti-layout-width-full:before { + content: "\e6e8"; +} +.ti-layout-width-default:before { + content: "\e6e9"; +} +.ti-layout-width-default-alt:before { + content: "\e6ea"; +} +.ti-layout-tab:before { + content: "\e6eb"; +} +.ti-layout-tab-window:before { + content: "\e6ec"; +} +.ti-layout-tab-v:before { + content: "\e6ed"; +} +.ti-layout-tab-min:before { + content: "\e6ee"; +} +.ti-layout-slider:before { + content: "\e6ef"; +} +.ti-layout-slider-alt:before { + content: "\e6f0"; +} +.ti-layout-sidebar-right:before { + content: "\e6f1"; +} +.ti-layout-sidebar-none:before { + content: "\e6f2"; +} +.ti-layout-sidebar-left:before { + content: "\e6f3"; +} +.ti-layout-placeholder:before { + content: "\e6f4"; +} +.ti-layout-menu:before { + content: "\e6f5"; +} +.ti-layout-menu-v:before { + content: "\e6f6"; +} +.ti-layout-menu-separated:before { + content: "\e6f7"; +} +.ti-layout-menu-full:before { + content: "\e6f8"; +} +.ti-layout-media-right-alt:before { + content: "\e6f9"; +} +.ti-layout-media-right:before { + content: "\e6fa"; +} +.ti-layout-media-overlay:before { + content: "\e6fb"; +} +.ti-layout-media-overlay-alt:before { + content: "\e6fc"; +} +.ti-layout-media-overlay-alt-2:before { + content: "\e6fd"; +} +.ti-layout-media-left-alt:before { + content: "\e6fe"; +} +.ti-layout-media-left:before { + content: "\e6ff"; +} +.ti-layout-media-center-alt:before { + content: "\e700"; +} +.ti-layout-media-center:before { + content: "\e701"; +} +.ti-layout-list-thumb:before { + content: "\e702"; +} +.ti-layout-list-thumb-alt:before { + content: "\e703"; +} +.ti-layout-list-post:before { + content: "\e704"; +} +.ti-layout-list-large-image:before { + content: "\e705"; +} +.ti-layout-line-solid:before { + content: "\e706"; +} +.ti-layout-grid4:before { + content: "\e707"; +} +.ti-layout-grid3:before { + content: "\e708"; +} +.ti-layout-grid2:before { + content: "\e709"; +} +.ti-layout-grid2-thumb:before { + content: "\e70a"; +} +.ti-layout-cta-right:before { + content: "\e70b"; +} +.ti-layout-cta-left:before { + content: "\e70c"; +} +.ti-layout-cta-center:before { + content: "\e70d"; +} +.ti-layout-cta-btn-right:before { + content: "\e70e"; +} +.ti-layout-cta-btn-left:before { + content: "\e70f"; +} +.ti-layout-column4:before { + content: "\e710"; +} +.ti-layout-column3:before { + content: "\e711"; +} +.ti-layout-column2:before { + content: "\e712"; +} +.ti-layout-accordion-separated:before { + content: "\e713"; +} +.ti-layout-accordion-merged:before { + content: "\e714"; +} +.ti-layout-accordion-list:before { + content: "\e715"; +} +.ti-ink-pen:before { + content: "\e716"; +} +.ti-info-alt:before { + content: "\e717"; +} +.ti-help-alt:before { + content: "\e718"; +} +.ti-headphone-alt:before { + content: "\e719"; +} +.ti-hand-point-up:before { + content: "\e71a"; +} +.ti-hand-point-right:before { + content: "\e71b"; +} +.ti-hand-point-left:before { + content: "\e71c"; +} +.ti-hand-point-down:before { + content: "\e71d"; +} +.ti-gallery:before { + content: "\e71e"; +} +.ti-face-smile:before { + content: "\e71f"; +} +.ti-face-sad:before { + content: "\e720"; +} +.ti-credit-card:before { + content: "\e721"; +} +.ti-control-skip-forward:before { + content: "\e722"; +} +.ti-control-skip-backward:before { + content: "\e723"; +} +.ti-control-record:before { + content: "\e724"; +} +.ti-control-eject:before { + content: "\e725"; +} +.ti-comments-smiley:before { + content: "\e726"; +} +.ti-brush-alt:before { + content: "\e727"; +} +.ti-youtube:before { + content: "\e728"; +} +.ti-vimeo:before { + content: "\e729"; +} +.ti-twitter:before { + content: "\e72a"; +} +.ti-time:before { + content: "\e72b"; +} +.ti-tumblr:before { + content: "\e72c"; +} +.ti-skype:before { + content: "\e72d"; +} +.ti-share:before { + content: "\e72e"; +} +.ti-share-alt:before { + content: "\e72f"; +} +.ti-rocket:before { + content: "\e730"; +} +.ti-pinterest:before { + content: "\e731"; +} +.ti-new-window:before { + content: "\e732"; +} +.ti-microsoft:before { + content: "\e733"; +} +.ti-list-ol:before { + content: "\e734"; +} +.ti-linkedin:before { + content: "\e735"; +} +.ti-layout-sidebar-2:before { + content: "\e736"; +} +.ti-layout-grid4-alt:before { + content: "\e737"; +} +.ti-layout-grid3-alt:before { + content: "\e738"; +} +.ti-layout-grid2-alt:before { + content: "\e739"; +} +.ti-layout-column4-alt:before { + content: "\e73a"; +} +.ti-layout-column3-alt:before { + content: "\e73b"; +} +.ti-layout-column2-alt:before { + content: "\e73c"; +} +.ti-instagram:before { + content: "\e73d"; +} +.ti-google:before { + content: "\e73e"; +} +.ti-github:before { + content: "\e73f"; +} +.ti-flickr:before { + content: "\e740"; +} +.ti-facebook:before { + content: "\e741"; +} +.ti-dropbox:before { + content: "\e742"; +} +.ti-dribbble:before { + content: "\e743"; +} +.ti-apple:before { + content: "\e744"; +} +.ti-android:before { + content: "\e745"; +} +.ti-save:before { + content: "\e746"; +} +.ti-save-alt:before { + content: "\e747"; +} +.ti-yahoo:before { + content: "\e748"; +} +.ti-wordpress:before { + content: "\e749"; +} +.ti-vimeo-alt:before { + content: "\e74a"; +} +.ti-twitter-alt:before { + content: "\e74b"; +} +.ti-tumblr-alt:before { + content: "\e74c"; +} +.ti-trello:before { + content: "\e74d"; +} +.ti-stack-overflow:before { + content: "\e74e"; +} +.ti-soundcloud:before { + content: "\e74f"; +} +.ti-sharethis:before { + content: "\e750"; +} +.ti-sharethis-alt:before { + content: "\e751"; +} +.ti-reddit:before { + content: "\e752"; +} +.ti-pinterest-alt:before { + content: "\e753"; +} +.ti-microsoft-alt:before { + content: "\e754"; +} +.ti-linux:before { + content: "\e755"; +} +.ti-jsfiddle:before { + content: "\e756"; +} +.ti-joomla:before { + content: "\e757"; +} +.ti-html5:before { + content: "\e758"; +} +.ti-flickr-alt:before { + content: "\e759"; +} +.ti-email:before { + content: "\e75a"; +} +.ti-drupal:before { + content: "\e75b"; +} +.ti-dropbox-alt:before { + content: "\e75c"; +} +.ti-css3:before { + content: "\e75d"; +} +.ti-rss:before { + content: "\e75e"; +} +.ti-rss-alt:before { + content: "\e75f"; +} diff --git a/apply/css/responsive.css b/apply/css/responsive.css new file mode 100644 index 0000000..21b2456 --- /dev/null +++ b/apply/css/responsive.css @@ -0,0 +1,1631 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains responsive Media Queries of the Template. You can edit/add anything in this file for responsive related changes! +*/ + + + /***************** +================================================ + ( Media Queries ) +================================================ + *******************/ + + +/************************* + 1700px +*************************/ +@media (max-width: 1700px) { + +.portfolio-title { padding: 60px 60px 30px; } +/*home-4 */ +.our-blog .blog-box-image { max-height: 286px; } +.our-blog .blog-box-info { max-height: 286px; } +/* about-1 */ +.feature-step-2 .feature-step-2-title-left h1 { font-size: 60px; line-height: 50px;} +.objects-left .objects-1 { left: -20px; } +.video-background-banner .slider-content { padding: 20px 30px; } +.scroll-down { bottom: 30px; } +#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } + +} + +@media (max-width: 1500px) { + +.portfolio-home .section-title p { font-size: 16px; } +/*home-4 */ +.our-blog .blog-box-image { max-height: 262px; } +.our-blog .blog-box-info { max-height: 262px; } +.blog-box-image .portfolio-caption .port-tag li a { font-size: 12px; } +.slider-fade-carousel { height: 100%; } +.our-service { padding-bottom: 60px; } +.objects-left, .objects-right { display: none; } +.fullWidth .mega-menu .drop-down.grid-col-5 { width: 51.666667%; } +.fancy .mega-menu .drop-down.grid-col-5 { width: 51.666667%; } +/*home 9*/ +.resume-contact #map { height: 642px; } + #rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } + + +} + +@media (max-width: 1400px) { + +.portfolio-title { padding:40px 40px 0px; } +.portfolio-home .portfolio-title.section-title { margin-bottom: 20px !important; } +.portfolio-home .portfolio-title.section-title .button.mt-30 { margin-top: 10px !important; } +.our-blog .blog-box-image { max-height: 240px; } +.our-blog .blog-box-info { max-height: 240px; } +.our-blog .blog-box-info p.pb-20.pt-30 { padding: 10px 0 !important; } +.custom-content-3.hello-content .custom-content-3-image img { margin-top: 150px; vertical-align: bottom; width: 100%; } +.our-blog .blog-box-info span.text-white { display: none; } +/*contact*/ +.contact-3-info .contact-add { text-align: center; } +.contact-3-info .contact-add i { float: none; text-align: center; display: block; margin: 0 auto; } +.contact-3-info .contact-add p { display: block; margin-top: 15px; } +/*home-9*/ +.image-holder-2-bg { height: 700px; } +.feature-step-2 .feature-step-2-title-2-right h2 { font-size: 24px; line-height: 30px;} +.feature-step-2 .feature-step-2-title-2-right h3 { font-size: 20px; line-height: 24px;} +.feature-step-2-box { padding: 50px 30px;} +.resume-page .container-fluid { padding: 0 30px; } +.resume-contact .contact-form-main { padding: 30px; } +.header.fancy.without-topbar .menu { top: 16px; } +#rev_slider_16_1_forcefullwidth .tp-parallax-wrap { margin-top: 20px; } +.awesome-features .img-side img { top: 20px; } +.video-background-banner .slider-content { padding: 30px 30px; } +.video-background-banner h1 { font-size: 60px; line-height: 60px; } + +/************************************* + v1.0.3 +**************************************/ +.slider-parallax.banner-personal .slider-content h1 { font-size: 110px; line-height: 120px; } +.slider-parallax.banner-personal .slider-content h1 strong { font-size: 132px; } + +/************************************* + v1.0.4 +**************************************/ +.movie-banner .slider-content .banner-popup { width: 72%; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 18px !important; position: relative; bottom: 10px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } + +} + +@media (max-width: 1272px) { +.our-blog .blog-box-image { max-height: 185px; } +.our-blog .blog-box-info { max-height: 185px; } +.our-blog .blog-box-image .portfolio-caption .port-tag li { margin-top: 0px; } +.our-blog .blog-box-image .portfolio-caption .button-border span { margin-top: 10px; padding: 4px 10px; font-size: 11px; } +.our-blog .blog-box-info a.button.button-white span { padding: 6px 16px; } +.our-blog .blog-box-info a.button.button-white i { padding: 11px; } +.our-blog .blog-box-info h1 { font-size: 20px; line-height: 20px; margin-bottom: 0; } +.our-blog .blog-box-info p { font-size: 14px; } +.our-blog .blog-box-info { padding: 15px 20px; } +/*home-5*/ +.team-3 .team-social-icon a i { font-size: 12px; height: 30px; line-height: 31px; width: 30px; } +/*about-1 page*/ +.our-history .history-content { padding: 125px 20px; } +/*about me*/ +.about-me .maintenance-progress-bar .progress-bar { margin: 0 15px; } +/*blog timeline*/ +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -50px; } +/*error*/ +.error-search-box { width: 91%; } +.fullWidth .mega-menu .drop-down.grid-col-5 { width: 61.666667%; } +.fancy .mega-menu .drop-down.grid-col-5 { width: 61.666667%; } +/* about-1 */ +.feature-step-2 .feature-step-2-title-left h1 { font-size: 40px; line-height: 30px;} +.feature-step-2 .feature-step-2-title-2-right h2 { font-size: 22px; line-height: 24px;} +.feature-step-2 .feature-step-2-title-2-right h3 { font-size: 18px; line-height: 20px;} +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 10px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } + +} + +@media (max-width: 1200px) { +.login-2-social li {margin: 0 3px;} +h2 {font-size: 28px;} +h4 {font-size: 18px;} +.title-effect::before { height: 25%; bottom: 4px; } +/*home2*/ +.testimonial-2 .testimonial-center { width: 100%; } +.deal-banner img { width: initial; } +/*home 9*/ +.footer-widget-social.pull-right { float: none !important; } +.blog-info h4 {font-size: 15px;} +.blog-info p {font-size: 16px; padding: 10px 0 20px;} +.blog-box.blog-1 .blog-info p { font-size: 14px; } +.feature-text.box, .feature-text.fill-box {padding: 30px;} +.nav.nav-tabs li a {margin-right: 5px; margin-bottom: 0px;} +.happy-clients .nav-tabs li img {height: 80px; width: 80px;} +.team .team-social-icon ul li a i {height: 35px; line-height: 35px; width: 35px; font-size: 14px;} +.team:hover .team-social-icon {bottom: 27%;} +.feature-info h5{font-size: 15px;} +.contact-3 .map-side {height: 808px;} +.contact-4 .map-side {height: 553px;} +.service-blog {padding-top: 0;} +.portfolio-home .isotope.columns-3 .grid-item { width: 50%; } +.portfolio-title { padding:60px 60px 30px; } +.action-box h3 { font-size: 22px; } +.action-box p { font-size: 15px; } +.vertical-header .container-fluid { padding: 0 30px; } +.team.team-round.full-border .team-description { padding: 30px 0; } +/*medical*/ +.medical-tab .nav.nav-tabs li a { margin-bottom: 0; } +.deal-banner .countdown.small { margin: 0; } +/*404 error*/ +.error-block { padding: 20px 0 70px 0px; } +.error-block .error-text h2 { font-size: 320px; } +.error-block .error-text span { font-size: 104px; right: 0; } +.error-text-02 h2 { font-size: 320px; } +.error-text-02 span { font-size: 104px; right: 0; } +.add-banner-2 .add-banner-content h2 { font-size: 42px; line-height: 42px; } +.pricing-content .pricing-table-list ul li { font-size: 14px; } +.pricing-content .pricing-table-list ul li i { width: 18px; } +.round .nav.nav-tabs li a { padding: 12px 20px; } +#rev_slider_16_1_forcefullwidth .tp-parallax-wrap { margin-top: 50px; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 10px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } +#services .feature-text.left-icon .feature-icon { position: relative; text-align: left; } +#services .feature-text .feature-icon span, #services .feature-text .feature-icon i { padding-left: 0; margin-bottom: 10px; } +#services .feature-text.left-icon .feature-info { padding-left: 0; } +.medical-tab .nav.nav-tabs li a { padding: 12px 20px; } +.login-social li { margin: 3px 0px; } +.blog.blog-grid-3-column .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.blog.blog-grid-2-sidebar .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.blog.masnary-blog-3-columns .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.blog.masonry-main .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.timeline .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.awesome-features .img-side img { top: 10%; } +.footer.footer-topbar .copyright ul li { padding: 0; } +.isotope.columns-4 .grid-item { width: 33.333%; } + + +/************************************* + v1.0.3 +**************************************/ +.blockquote-section blockquote { font-size: 40px; line-height: 40px; } + +/************************************* + v1.0.4 +**************************************/ +.christmas-countdown .countdown { margin: 0px 5px; width: 130px; height: 130px; } +.christmas-countdown .countdown span { font-size: 34px; } + +.conference-about-content-right { padding: 92px 0; } +.conference-about-content-left { padding: 110px 0 80px 0px; } +.timer-banner .slider-content h1 { font-size: 80px; line-height: 80px; } + +/************************************* + v1.0.7 +**************************************/ + .law-timeline .timeline-centered:before { left: 62px; } + +/************************************* + v1.0.8 +**************************************/ + .portfolio-parallax-banner p { padding-right: 400px; } + .portfolio-parallax-banner h2 { font-size: 90px; line-height: 90px; } + +/************************************* + v1.0.9 +**************************************/ + .coming-soon-aerial .coming-soon-form.contact-form input { width: 100%; } + .coming-soon-big { padding: 0; } + .error-05 .error-bottom .tree { left: -120px; } + .error-05 .error-bottom .back-to-home { right: 0; } + .error-05 h3, .error-05 span { font-size: 50px; line-height: 50px; } + .error-05 p { font-size: 22px; } + .error-03 .error-404 h1 { font-size: 100px; line-height: 100px; } + .error-03 .content h1 { font-size: 48px; } + .error-03 .content h2 { font-size: 42px; } + .coming-soon-birds .countdown { margin: 0px 10px; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -30px; } + + +/************************************* + v1.2 +**************************************/ + .about-05-split .shop-split-content { padding: 20px 0; } + .mega-menu .drop-down-multilevel {} + + +} +@media only screen and (min-width: 1100px) and (max-width: 1500px) { +.vertical-header .container { width: auto; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 10px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; } +} +@media only screen and (min-width: 1100px) and (max-width: 1200px) { +.container { width: 94%; } +/* about-1 */ +.feature-step-2 .feature-step-2-title-2-right h2 { padding-bottom: 5px; margin-bottom: 5px; } +.feature-step-2 .feature-step-2-title-2-right h3 { margin-bottom: 5px;} +.feature-step-2 .feature-step-2-title-2-right p{line-height: 20px;} +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; } + + +} + + +@media (max-width: 1025px) { +.mega-menu .menu-links > li > a { padding: 16px 25px; } +.portfolio-title { padding:30px 30px 30px; } + /*error*/ +.error-search-box { width: 100%; text-align: center; } +.clients-logo.line { width: 28.3333%; } +.clients-logo.line img { width: 90%; } +/*blog timeline*/ +.blog .timeline > li > .timeline-badge { right: -66px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: -63px; } +.deal-banner .caption { margin-top: 50px; margin-bottom: 50px; } +/*process*/ +.action-box p { font-size: 13px; } +/*medical*/ +.medical-tab .nav.nav-tabs li a { padding: 12px 10px; } +.membership-pricing-table table tr:first-child th .pricing-plan-price { font-size: 32px; } +.awesome-features .img-side img { top: 13%; } +.footer-social-big ul li { width: 66px; } +.footer .footer-social li, .footer ul.list-inline.text-left li { padding: 0 1px; } +.login-bg .login-social li a.fb { padding: 12px 14px; } +.isotope-filters button+button { margin-left: 3px; } + + +/************************************* + v1.0.2 +**************************************/ +.action-box h3 { padding-right: 230px; } + +/************************************* + v1.0.6 +**************************************/ +.movie-banner .slider-content .banner-popup { width: 100%; } +.movie-banner .countdown.small { margin: 0; } +.movie-banner .countdown.round.small { width: 90px; height: 90px; } +.movie-banner .countdown p { font-size: 13px; } + +/************************************* + v1.0.7 +**************************************/ + .law-timeline .timeline-centered:before { left: 56px; } + +/************************************* + v1.0.8 +**************************************/ + .agency-02-about-content-left { padding: 110px 0 0px 100px; } + +/************************************* + v1.0.9 +**************************************/ + .error-05 .error-bottom .board { left: 264px; } + +/************************************* + v1.2 +**************************************/ +.blockquote-section .action-box h3 { padding: 0; } + +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; } + +} + +@media only screen and (min-width: 768px) and (max-width: 999px) { +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; } +.container{ width:96%; } + + +} + +@media(max-width:1100px) { + +/************************* + Margin top +*************************/ +.sm-mt-0 { margin-top: 0 !important; } +.sm-mt-10 { margin-top: 10px !important; } +.sm-mt-15 { margin-top: 15px !important; } +.sm-mt-20 { margin-top: 20px !important; } +.sm-mt-30 { margin-top: 30px !important; } +.sm-mt-40 { margin-top: 40px !important; } +.sm-mt-50 { margin-top: 50px !important; } + /************************* + Margin right +*************************/ +.sm-mr-0 { margin-right: 0!important } +.sm-mr-10 { margin-right: 10px !important; } +.sm-mr-15 { margin-right: 15px !important; } +.sm-mr-20 { margin-right: 20px !important; } +.sm-mr-30 { margin-right: 30px !important; } +.sm-mr-40 { margin-right: 40px !important; } +.sm-mr-50 { margin-right: 50px !important; } + /************************* + Margin bottom +*************************/ +.sm-mb-0 { margin-bottom: 0!important } +.sm-mb-10 { margin-bottom: 10px !important; } +.sm-mb-15 { margin-bottom: 15px !important; } +.sm-mb-20 { margin-bottom: 20px !important; } +.sm-mb-30 { margin-bottom: 30px !important; } +.sm-mb-40 { margin-bottom: 40px !important; } +.sm-mb-50 { margin-bottom: 50px !important; } +/************************* + Margin left +*************************/ +.sm-ml-0 { margin-left: 0!important } +.sm-ml-10 { margin-left: 10px !important; } +.sm-ml-15 { margin-left: 15px !important; } +.sm-ml-20 { margin-left: 20px !important; } +.sm-ml-30 { margin-left: 30px !important; } +.sm-ml-40 { margin-left: 40px !important; } +.sm-ml-50 { margin-left: 50px !important; } + /************************* + Padding top +*************************/ +.sm-pt-0 { padding-top: 0!important } +.sm-pt-10 { padding-top: 10px !important; } +.sm-pt-15 { padding-top: 15px !important; } +.sm-pt-20 { padding-top: 20px !important; } +.sm-pt-30 { padding-top: 30px !important; } +.sm-pt-40 { padding-top: 40px !important; } +.sm-pt-50 { padding-top: 50px !important; } + /************************* + Padding right +*************************/ +.sm-pr-0 { padding-right: 0!important } +.sm-pr-10 { padding-right: 10px !important; } +.sm-pr-15 { padding-right: 15px !important; } +.sm-pr-20 { padding-right: 20px !important; } +.sm-pr-30 { padding-right: 30px !important; } +.sm-pr-40 { padding-right: 40px !important; } +.sm-pr-50 { padding-right: 50px !important; } + /************************* + Padding bottom +*************************/ +.sm-pb-0 { padding-bottom: 0!important } +.sm-pb-10 { padding-bottom: 10px !important; } +.sm-pb-15 { padding-bottom: 15px !important; } +.sm-pb-20 { padding-bottom: 20px !important; } +.sm-pb-30 { padding-bottom: 30px !important; } +.sm-pb-40 { padding-bottom: 40px !important; } +.sm-pb-50 { padding-bottom: 50px !important; } + /************************* + Padding left +*************************/ +.sm-pl-0 { padding-left: 0!important } +.sm-pl-10 { padding-left: 10px !important; } +.sm-pl-15 { padding-left: 15px !important; } +.sm-pl-20 { padding-left: 20px !important; } +.sm-pl-30 { padding-left: 30px !important; } +.sm-pl-40 { padding-left: 40px !important; } +.sm-pl-50 { padding-left: 50px !important; } +.row-eq-height { display: block;} +h2 {font-size: 25px; line-height: 35px;} +h3 { font-size: 20px; } +h4 {font-size: 17px;} +h5 {font-size: 15px;} +/*home-1*/ +/*header*/ +.default { position: relative; background: #323232; } +/*menu*/ +.mega-menu { min-height: 60px; } +.mega-menu .menu-logo > li > a { padding: 0; } +.mega-menu .menu-logo { padding: 10px 0; } +.search-cart span.icon, .search-cart i.icon { line-height: 50px; } +.fancy .mega-menu > section.menu-list-items .menu-links { float: none; position: absolute; width: 100%; top: 100%; } +.header.fancy .mega-menu > section.menu-list-items { box-shadow: none; } +.mega-menu .menu-logo img { height: 30px; margin: 5px 0; } +.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #323232; } +.mega-menu .drop-down-multilevel li:hover > a i.fa { color: #323232; } +.mega-menu .drop-down-multilevel a { display: block; } +.mega-menu .mobileTriggerButton { z-index: 1; } +.mega-menu .drop-down-multilevel, .mega-menu .drop-down, .mega-menu .drop-down-tab-bar { border-top: 0px !important; } +.header.light .mega-menu .menu-mobile-collapse-trigger:before, .header.light .mega-menu .menu-mobile-collapse-trigger:after, .header.light .mega-menu .menu-mobile-collapse-trigger span { background: #323232; } +.header.logo-center .mega-menu { min-height: 60px; } +/*fancy*/ +.header.fancy .menu { position: relative; top: 0; } +.header.fancy .topbar + .menu { top: 0px; } +.header.fancy .mega-menu .menu-mobile-collapse-trigger:before, .header.fancy .mega-menu .menu-mobile-collapse-trigger:after, .header.fancy .mega-menu .menu-mobile-collapse-trigger span { background: #323232; } +.header.fancy .mega-menu > section.menu-list-items { padding: 0; } +.header.fancy .mega-menu .menu-logo { padding: 16px 0px; } +.header.fancy .search-cart span.icon, .search-cart i.icon { line-height: 60px; } +.header.fancy .mega-menu .menu-links > li > a { line-height: 20px; } +.header.fancy .topbar { padding: 10px 0px 10px; } +.header.fancy .search-cart i.icon { line-height: 74px; } +.header.left-menu .menu-links { padding-left: 0; } +.header.logo-center .menu-bar { border:0px; } +.header.transparent { position: relative; background: #323232; } +/*one page*/ +header.one-page { position: relative; background: #323232; } +.navbar { margin-bottom: 0; } +.navbar-header { float: none; } +.navbar-left,.navbar-right { float: none !important; } +.navbar-toggle { display: block; margin-right: 0; } +.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); padding-left: 22px; } +.navbar-fixed-top { top: 0; border-width: 0 0 1px; } +.navbar-collapse.collapse { display: none!important; } +.navbar-nav { float: none!important; margin-top: 7.5px; } +.navbar-nav>li { float: none; } +.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } +.collapse.in { display:block !important; } +.navbar .navbar-brand { padding:0;} +.navbar .navbar-brand img { height: 28px; } +.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { background: #323232; border:0; position: absolute; width: 100%; left: 0; right: 0; } +.navbar-collapse { box-shadow: none; } +.navbar-inverse .navbar-nav>li { padding: 15px 15px; } +.navbar-nav { float: none; } +.navbar-inverse .navbar-toggle { border:0; } +.navbar-toggle { margin-top: 14px; } +.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background: transparent; } +.header.burger { padding: 10px 10px; } +.header.burger .logo img { height: 30px; margin-top: 10px; } +.vertical-header { padding-left: 0; } +.vertical-header .header { left: inherit; padding-bottom: 150px; } +.vertical-menu .navbar-default .navbar-nav > li > a { padding: 10px 15px 10px 40px; } +.vertical-menu .navbar-nav .open .dropdown-menu { position: relative; background-color: #f4f5f6; } +.vertical-menu .navbar-nav>li>.dropdown-menu { margin-bottom: 10px; } +.vertical-menu .navbar-nav { margin: 0px; } +.vertical-menu .open>.dropdown-menu { display: inline-block; } +.vertical-menu .content-scroller { margin-left: 0px; padding-top: 50px; } +#left-header{position:fixed; left:-230px; top:0; width:230px; height:100%; z-index: 9999; } +.but span {position: absolute; right:15px; top: 20px; font-size: 24px;color: #fff; } +.but span { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition:all 0.5s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; } +.but.active span { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } +.menu-responsive b { color: #F5A623; font-size: 18px; text-transform: uppercase; } +.menu-responsive { height:60px; position: fixed; background: #000000; z-index: 9999; width: 100%; padding: 14px 15px; display: block; } +.vertical-menu .navbar-toggle { display: none; } +.vertical-menu .navbar-collapse.collapse { display: block !important; background: transparent; } + /*megamenu*/ +.vertical-menu .menu .mega-menu .menu-links { background: transparent; } +.vertical-menu .menu .mega-menu .menu-links > li > a { padding: 15px 23px; color: #ffffff; } +.vertical-menu .menu .mega-menu .menu-links > li { border-color: rgba(255, 255, 255, 0.2); } +.vertical-menu .mega-menu .menu-links { display: block !important; } +.vertical-menu .mega-menu .menu-mobile-collapse-trigger { display: none; } +.vertical-menu .social-icons li { float: none; display: inline-block; } +.vertical-menu .menu-widgets { bottom: 0; } +.header.fancy.without-topbar .menu { top: 0; } +.mega-menu > section.menu-list-items { height: 60px !important; } +.fancy .mega-menu > section.menu-list-items { height: 70px !important; } +.search .search-btn { line-height: 30px; } +.navbar .navbar-brand { padding: 15px 0; } +.logo-center .mega-menu .menu-logo { padding: 14px 0; } + +/*sticky header */ +.header .mega-menu.mobileTopFixed .menu-list-items { background: #323232; } +.header.light .mega-menu.mobileTopFixed .menu-list-items { background: #ffffff; border-bottom: 1px solid #f9f9f9; } +.header.fancy .mega-menu.mobileTopFixed section.menu-list-items { padding: 0 10px; border-bottom: 1px solid #f9f9f9; } +.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin: 0; } +.header.vertical-menu .mega-menu.mobileTopFixed { display: none;} +/* header */ +.st-effect-3 .header.default.fullWidth .search-cart { right: 50px; top: 3px; } + +/*.page-title*/ +.page-title { padding-top: 100px; text-align: left; } +.page-title .page-breadcrumb { float: none; text-align: left; } +.page-title.right .page-title-name { text-align: right; float: none; width: 100%; } +.page-title.right .page-breadcrumb { float: none; text-align: right; } +.portfolio-title.section-title { margin-bottom: 0; } +.happy-clients { padding-bottom: 60px !important; } +.popup-video { margin-bottom: 30px; } +.custom-content { padding: 30px; } +.custom-content-3-image { display: none; } +.happy-clients .col-md-6.mt-60 { margin-top: 0 !important; } +/*inner-intro*/ +.inner-intro { padding-top: 120px; } +/*page two sidebar*/ +.page-two-sidebar .page-content { margin-top: 40px; } +/*blog*/ +.blog-box { margin: 15px 0; } +/*clients-logo*/ +.clients-logo.line { width: 32.3333%; float: none; display: inline-block; } +.clients-logo.line img { width: 100%; } +/*contact*/ +.contact.contact-2 a.button { margin-bottom: 30px; } +.contact-3 .contact-add { min-height: 310px; } +.contact-3 .contact-3-info { height: auto; } +.contact-3 .contact-map iframe { height: 400px; } +.contact-3 .map-side { height: auto; position:inherit; } +.error-block { background-size: 90%;} +.error-block p { font-size: 26px; } +.error-search-box p { font-size: 19px; line-height: 35px; } +.map-side{position:inherit;} +/*action box*/ +.text-right.action-box-button { text-align: left; } +/*home 6 */ +.our-activities .accordion { margin-top: 60px; } +/*maintenance*/ +.maintenance-main h1.mb-50 { font-size: 34px; margin-bottom: 10px !important; } +.maintenance-main i { font-size: 60px; } +.maintenance-form { width: 100%; } +.maintenance-progress-bar span { font-size: 24px; } +.feature-text.box, .feature-text.fill-box {padding: 20px 10px;} +.feature-text.box p {font-size: 14px;} +.feature-box-content { padding: 20px 15px 0;} +.feature-box a {padding: 0 15px;} +.progress-title {font-size: 15px;} +.counter .timer {font-size: 38px;} +.counter label {font-size: 14px;} +.team-3-box .team-overlay {padding: 30px 15px 0;} +.team-3-box {padding: 10px;} +.menu-bar {float: none;} +.mega-menu .menu-links > li > a{line-height: normal;} +.mega-menu .menu-mobile-collapse-trigger {height: 40px; top: 50%; transform: translateY(-50%); z-index: 9999; } +.search-cart {display: inline-block; position: absolute; right: 60px; top: 0; z-index: 999; } +.search-active .search-cart { left: 0; width: 100%; } +.search .search-input input { width: 100%; } +.search-active .mega-menu .menu-mobile-collapse-trigger { z-index: 9; } +.footer p {font-size: 13px;} +.feature-text p{font-size: 14px;} +.accordion.accordion-2 .acd-group.acd-active .acd-heading {font-size: 22px;} +.split-section .img-side{display: none;} +.our-service { padding-bottom: 60px;} +.testimonial.boxed {padding: 50px 30px 75px;} +.button {font-size: 12px; padding: 12px 15px;} +.feature-step-2 .feature-step-2-title-left h1 {font-size: 80px;} +.services-text-box-blue, .services-text-box-black {padding: 50px 30px;} +.highlights-phone {margin-top: 20px;} +.mobile-slider h5{font-size: 14px;} +.service-blog b{right: 0; font-size: 250px;} +.service-blog.left b{left: 0;} +/*blog pages*/ +.blog.blog-grid-3-column .social.pull-right { float: none; margin-top: 10px; display: block; width: 100%; } +.masonry.columns-3 .masonry-item { width: 50%; } +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -70px; } +/*portfolio*/ + .isotope.columns-3 .grid-item { width: 50%; } +.isotope.columns-4 .grid-item { width: 50%; } +.isotope.columns-5 .grid-item { width: 50%; } +.masonry.columns-3 .masonry-item { width: 50%; } +.masonry.columns-4 .masonry-item { width: 50%; } +.masonry.columns-5 .masonry-item { width: 50%; } +.port-post-social.pull-right { float: none !important; } +/*process*/ +.process.left .process-content { padding-left: 50px; } +/*resume page*/ +img.bottom-img { display: none; } +.resume-contact #map { height: 300px !important; } +.contact-4 .map-side { height: 300px !important; } +/*footer*/ +footer .social-icons { width: 100%; float: left; } +img#logo-footer { height: 30px; } +.bottom-nav .owl-nav .owl-next { right: 44%; } +.bottom-nav .owl-nav .owl-prev { left: 44%; } +/*shortcode*/ +/*blockquote*/ +.blockquote-right { margin: 0; } +/*buttons*/ +.buttons .button { margin-bottom: 10px; } +.buttons button { margin-bottom: 4px; } +.button + .button { margin-left: 3px; } +/*countdown*/ +.countdown { margin: 0px 10px; } +.countdown.medium { margin: 0 15px; } +.countdown.large { margin: 0 10px; } +.countdown.round.medium { width: 140px; height: 140px; } +.countdown.medium span { font-size: 50px; } +.countdown.round.medium span { line-height: 58px; } +.countdown.round.large { width: 150px; height: 150px; } +.countdown.large span { font-size: 60px; } +.countdown.round.large span { line-height: 62px; } +.countdown.large p { font-size: 18px; } +.vertical-menu .social-icons li { margin: 0 3px 8px 0; } +/*actionbox*/ +.action-box a.button { position: relative; top: inherit; margin-top: 20px; } +.action-box.theme-bg a.button, .action-box.black-bg a.button, .action-box.gray-bg a.button { right: inherit; } +.agency-about { padding-bottom: 60px !important; } +.vertical-header .container-fluid { padding: 0 15px; } +.resume-contact .contact-form-main { padding: 30px 15px; } +/*construction*/ +.our-sercive1:before, .our-sercive1:after { display: none; } +.special-feature { top: 60px; margin-bottom: 0px; } +.page-section-1-pt { padding-top: 70px; } +.page-section-1-pb { padding-bottom: 70px; } +.page-section-1-ptb { padding: 70px 0; } +/*gym*/ +.gym-about { background: #ffffff !important; } +/*medical*/ +.appointment a.pull-left { float: none !important; } +.appointment { margin-top: 0px; } +/*one page*/ +.popup-video-banner h1 { font-size: 40px; line-height: 40px; } +.video-background-banner .slider-content { width: 100%; } +.video-background-banner h1 { font-size: 60px; line-height: 60px; } +/*shop*/ +.shop-split.split-section { padding: 0px; } +.shop-split-content { padding: 40px 0; } +.shop-split.split-section .img-side { display: block; } +.shop-split.split-section .img-holder { position: relative; top: inherit; width: inherit; height: inherit; padding: 130px; } +.shop-split.split-section .img-side.img-right { right: inherit; } +.shop-split.split-section .img-side.img-left { left: inherit; } +.shop-split.split-section .img-side { right: inherit; padding: 0; position: relative !important; top: inherit; height: 100%; overflow: hidden; z-index: 100; } +.add-banner-2 .add-banner-content { padding: 60px 20px; } +.add-banner-2 .add-banner-content h2 {font-size: 28px;line-height: 28px; } +.add-banner-2 .add-banner-content h3 {font-size: 26px; line-height: 26px; } +.add-banner-2.text-center .add-banner-content h2 {font-size: 26px;line-height: 29px; } +/*portfolio-banner*/ +.portfolio-banner .slider-content h1 { font-size: 30px; line-height: 30px; } +.personal-typer-banner h1 { font-size: 70px; line-height: 70px; } +.personal-typer-banner h1 span { font-size: 35px; } +.deal-banner.maintenance-progress-bar img { width: 100%; } +/*404 error*/ +.page-section-ptb.mt-150 { margin-top: 0 !important; } +.pricing-content { width: 90%; } +.process-list { padding-left: 30px; padding-right: 30px; } + +.special-feature .row-eq-height.no-gutter { margin-top: 40px; } +.interior-action-box .action-box { margin-top: 20px; } +.appointment .appointment-bg { margin-top: 30px; } + +.process-list .col-sm-12 { padding: 0; } +.pricing-table.active .pricing-top a.button { padding: 12px 40px; font-size: 15px; } +.membership-pricing-table table tr:first-child th .pricing-plan-price { font-size: 22px; } +.membership-pricing-table table tr:first-child th .pricing-plan-name { font-size: 16px; } +.action-box.full-width a.button { right: 0; } +.team.team-round .team-description { padding-bottom: 0; } +.footer .divider { display: none; } +#rev_slider_16_1_forcefullwidth .tp-parallax-wrap { margin-top: 0px; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -60px; } +#rev_slider_14_1 .zeus .tp-bullet {width: 12px; height: 12px;} +.resume-contact #map { padding-top: 40%; } +.blog-box.blog-2 .button.icon-color { margin-top: 10px; float: none !important; } +.special-feature .row-eq-height { display: flex; } +.medical-tab .tab .nav.nav-tabs li a { font-size: 14px; padding: 12px 6px; } +.navbar { border-radius: 0; } +.contact-3 #map { padding-top: 30%; } +.contact-2 #map { padding-top: 30%; } +.error-block .error-text h2 { font-size: 260px; } +.single-portfolio-post .port-information .social.pull-right { flex: none !important; display: inline-block; width: 100%; } +.page-title .page-title-name { width: 100%; } +.page-title .page-breadcrumb { width: 100%; } +.js-video.big { padding-top: 18px; } +.special-feature .feature-text { padding: 30px 20px; } +.special-feature .feature-text .feature-icon span, .special-feature .feature-text .feature-icon i {padding-left: 0; margin-bottom: 10px; } +.typer-banner h1 { font-size: 70px; line-height: 70px; } +ul.page-breadcrumb { padding-top: 10px; } +.service-blog { margin-bottom: 40px; } +.blog .timeline > li > .timeline-badge { right: -56px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: -53px; } +.action-box.border a.button { left: 0; } +.footer #logo-footer { height: 40px; } + +/************************************* + v1.0.2 +**************************************/ +.action-box h3 { padding-right:0px; } +.port-information img { width: 100%; } +.text-left.mt-100 { margin-top: 0 !important; } +.portfolio-03-about { padding-left: 0; } + +/************************************* + v1.0.3 +**************************************/ +.slider-parallax.typer-banner.business p { padding: 0; } +.blockquote-section blockquote.quote { padding-top: 50px; } +.blockquote-section blockquote.quote:before { line-height: 70px; } +.blockquote-section .blockquote-section-left { margin-left: 0; } +.blockquote-section .blockquote-section-right { margin-left: 0; } +.slider-parallax.banner-personal .slider-content span { font-size: 90px; line-height: 90px; } +.slider-parallax.banner-personal .slider-content h1 { font-size: 80px; line-height: 80px; margin-top: -40px; } +.slider-parallax.banner-personal .slider-content h1 strong { font-size: 96px; line-height: 70px; } + +/************************************* + v1.0.4 +**************************************/ + .christmas-team { margin-top: 0 !important; } + .christmas-event .blog-date { text-align: left; } + .christmas-event .button.mt-60 { margin-top: 20px !important; } + .christmas-price .mt-100.mb-100 { margin: 0 !important; } + .christmas .coming-soon h1 { font-size: 30px; line-height: 30px; margin-bottom: 20px; } + + .timer-banner .slider-content-middle { top: 50%; } + .timer-banner .slider-content h1 { font-size: 50px; line-height: 50px; margin-bottom: 20px; } + .conference-about-content-right { margin-left: 0px; padding: 20px 0 0 ; } +.conference-about-content-left { padding: 50px 0 30px 0px; } +.conference-about img { width: 100%; } +.conference-split-content { padding: 0; } +.conference-split.split-section .img-side { display: block; } +.conference-video .mt-100.mb-100 { margin: 0 !important; } + +/************************************* + v1.0.5 +**************************************/ +.one-page.light .navbar-inverse .navbar-toggle .icon-bar { background: #323232; } +.architecture-about h2 { font-size: 30px; line-height: 30px; } +.architecture-portfolio .text-right { text-align: left; margin-bottom: 30px; } +.architecture-portfolio .isotope-filters { text-align: left; } +.architecture-portfolio .mb-40 { margin-bottom: 0px !important; } +.architecture-about .mt-60.mb-60 { margin: 0 !important; } + +/************************************* + v1.0.6 +**************************************/ +.agency-banner .slider-content { padding: 0 0px 0 30px; } +.agency-banner .slider-content h1 { padding: 50px 20px 20px 20px; } +.movie-banner .slider-content-middle { top: 50%; } +.one-page.transparent { background: #323232; } +.one-page .social-icons { padding: 10px 0; right: 60px; } +.one-page.nav-center .navbar-collapse.collapse { text-align: left; } + +/************************************* + v1.0.7 +**************************************/ +.law-banner .slider-content { padding: 0; } +.law-timeline .timeline-centered:before { display: none; } +.law-timeline .timeline-label h3 { line-height: 12px; } +.law-timeline .timeline-centered .timeline-entry:last-child { margin-bottom: 0; } +.law-contact { padding: 0; } + +/************************************* + v1.0.7 +**************************************/ +.one-page.dark-text .navbar-inverse .navbar-nav>li>a { color: #ffffff; } + +/************************************* + v1.0.8 +**************************************/ +.agency-02-about-content-right { margin-left: 0; padding-top: 20px; padding-bottom: 20px; } +.agency-02-about-content-left { padding: 0; padding-bottom: 20px; } +.agency-02-action-box .action-box { margin-top: 40px; } +.agency-feature h3 { line-height: 60px; font-size: 16px; } +.action-box a.popup-youtube { position: relative; top: inherit; margin-top: 20px; right: inherit; } +.agency-02-action-box .action-box.white-bg { padding: 50px 20px } +.agency-02-action-box .popup-video-image a i { position: relative; top: 20px; transform: inherit; } +.agency-02-action-box .popup-video-image:before{ background: transparent; } +.portfolio-parallax-banner p { padding: 0; } +.portfolio-parallax-banner h2 { font-size: 60px; line-height: 60px; } +.agency-02-about h3:before { display: none; background: none } + +/************************************* + v1.0.9 +**************************************/ +.coming-soon-middle { position: inherit; top: inherit; transform: inherit; padding: 50px 20px; } +.coming-soon-aerial .container-fluid { padding: 30px; } +.coming-soon-big .countdown.medium span { font-size: 80px; line-height: 80px; } +.coming-soon-big .countdown.medium p { font-size: 20px; line-height: 20px; } +.error-05 .button-home { display: block; } +.error-05 .back-to-home, .error-05 .penguin { display: none; } +.error-05 .error-bottom .tree { display: none; } +footer.error-03 .social-icons, footer.error-04 .social-icons { float: none; } +footer.error-03 .social-icons ul, footer.error-04 .social-icons ul { display: inline-block; text-align: center; } +.coming-soon-effects .coming-soon h1 { font-size: 40px; } + +/************************************* + v1.0.9 +**************************************/ +.about-05-split.page-section-ptb { padding: 0; } + +/************************************* + v1.2 +**************************************/ +.login-fancy { padding: 40px 30px; } +.login .vertical-align, .login.vertical-align { position: inherit; top: inherit; transform:inherit; } +.login.height-100vh { height: inherit; } +.login .height-100vh { height: inherit; } +.login-box .pos-bot { position: inherit; padding-bottom: 0 !important; } +.login-box-theme:before, .login-box-theme:after { display: none; } +.login-box-left { padding-bottom: 20px; } +.login-14, .login-15 { padding: 30px 40px; } +.login-14 .pb-50, .login-15 .pb-50 { padding-bottom: 0 !important; } +.login-box-left .pos-bot { position: inherit; padding-bottom: 0 !important; margin-top: 20px; } +.blockquote-section .action-box { padding: 40px 20px; } +.about-mission { margin-top: 40px; } +.about-mission-title { padding-bottom: 80px; } + + + +} + +@media(max-width:767px) { +/************************* + Margin top +*************************/ +.xs-mt-0 { margin-top: 0 !important; } +.xs-mt-10 { margin-top: 10px !important; } +.xs-mt-15 { margin-top: 15px !important; } +.xs-mt-20 { margin-top: 20px !important; } +.xs-mt-30 { margin-top: 30px !important; } +.xs-mt-40 { margin-top: 40px !important; } + /************************* + Margin right +*************************/ +.xs-mr-0 { margin-right: 0!important } +.xs-mr-10 { margin-right: 10px !important; } +.xs-mr-15 { margin-right: 15px !important; } +.xs-mr-20 { margin-right: 20px !important; } +.xs-mr-30 { margin-right: 30px !important; } +.xs-mr-40 { margin-right: 40px !important; } + /************************* + Margin bottom +*************************/ +.xs-mb-0 { margin-bottom: 0!important } +.xs-mb-10 { margin-bottom: 10px !important; } +.xs-mb-15 { margin-bottom: 15px !important; } +.xs-mb-20 { margin-bottom: 20px !important; } +.xs-mb-30 { margin-bottom: 30px !important; } +.xs-mb-40 { margin-bottom: 40px !important; } +/************************* + Margin left +*************************/ +.xs-ml-0 { margin-left: 0!important } +.xs-ml-10 { margin-left: 10px !important; } +.xs-ml-15 { margin-left: 15px !important; } +.xs-ml-20 { margin-left: 20px !important; } +.xs-ml-30 { margin-left: 30px !important; } +.xs-ml-40 { margin-left: 40px !important; } + /************************* + Padding top +*************************/ +.xs-pt-0 { padding-top: 0!important } +.xs-pt-10 { padding-top: 10px !important; } +.xs-pt-15 { padding-top: 15px !important; } +.xs-pt-20 { padding-top: 20px !important; } +.xs-pt-30 { padding-top: 30px !important; } +.xs-pt-40 { padding-top: 40px !important; } + /************************* + Padding right +*************************/ +.xs-pr-0 { padding-right: 0!important } +.xs-pr-10 { padding-right: 10px !important; } +.xs-pr-15 { padding-right: 15px !important; } +.xs-pr-20 { padding-right: 20px !important; } +.xs-pr-30 { padding-right: 30px !important; } +.xs-pr-40 { padding-right: 40px !important; } + /************************* + Padding bottom +*************************/ +.xs-pb-0 { padding-bottom: 0!important } +.xs-pb-10 { padding-bottom: 10px !important; } +.xs-pb-15 { padding-bottom: 15px !important; } +.xs-pb-20 { padding-bottom: 20px !important; } +.xs-pb-30 { padding-bottom: 30px !important; } +.xs-pb-40 { padding-bottom: 40px !important; } + /************************* + Padding left +*************************/ +.xs-pl-0 { padding-left: 0!important } +.xs-pl-10 { padding-left: 10px !important; } +.xs-pl-15 { padding-left: 15px !important; } +.xs-pl-20 { padding-left: 20px !important; } +.xs-pl-30 { padding-left: 30px !important; } +.xs-pl-40 { padding-left: 40px !important; } +h1 { font-size: 30px; } +h2 { font-size: 26px; } +.page-section-ptb { padding: 35px 0; } +.page-section-pt { padding: 50px 0 0; } +.page-section-pb { padding: 0 0 50px; } +.page-section-1-ptb { padding: 60px 0; } +.header.fullWidth .container-fluid { padding: 0 20px; } +/*header topbar*/ +.topbar-left.text-left { text-align: center; margin-bottom:10px; display: none;} +.topbar-right.text-right { text-align: center; } +.custom-content { margin-top: 0px; } +/*testimonial*/ +.testimonial-2 { padding-bottom: 80px; } +/*team*/ +.team-3-box img { width: 100%; } +/*accordian*/ +.accordion.accordion-2 .acd-group .acd-heading { padding-left: 0px; padding-right: 0px; } +/*footer*/ +.footer-logo img { height: 60px; width: inherit; } +img#logo-footer { height: 40px; } +.footer .footer-nav.text-right { text-align: left; margin-top: 20px; } +.social.text-right { text-align: left; margin-top: 20px; } +.footer-contact { margin-top: 0; box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1); } +.our-clients.theme-bg { padding-bottom: 60px; } +.footer-contact .contact-box { margin-bottom: 20px; } +.copyright.mt-50 { margin-top: 10px !important; } +.copyright .text-right { text-align: left; margin-top: 15px; } +footer .social-icons.pull-right { float: left !important; width: 100%; } +.footer-widget.mt-60 { margin-top: 0 !important; } +.footer-box { margin-bottom: 20px; margin-top: 30px; } +/* Coming soon page */ +.coming-soon-main { overflow: hidden; } +.coming-soon-main i { font-size: 70px; } +.coming-soon-countdown ul.countdown li span { font-size: 60px; } +.coming-soon-countdown ul.countdown li p { font-size: 16px; } +.coming-soon-main p { font-size: 18px; line-height: 26px; } +.coming-soon-main h1 { font-size: 42px; margin-bottom: 20px; } +/*error*/ +.error-search-box input { width: 73%; } +.error-block p { font-size: 20px; } +.error-block h1 { font-size: 80px; } +.error-404-2 .error-block h1 { font-size: 290px; } +.maintenance-progress-bar .progress-bar { display: block; margin: 0 auto 90px; } +.maintenance-progress-bar { margin: 30px 0 60px; } +.maintenance-main p { margin-bottom: 10px; } +/*portfolio*/ +.isotope.columns-3 .grid-item { width: 50%; } +.isotope.columns-4 .grid-item { width: 50%; } +/*about-1 page*/ +.about .feature-3 { margin-bottom: 30px; } +.feature-text.box, .feature-text.fill-box{ padding: 30px;} +.footer-widget { text-align: left; } +.xs-text-left{text-align: left;} +.xs-text-center{text-align: center;} +.xs-text-right{text-align: right;} +.pricing-table{margin: 0 0 30px;} +.team-3-box, .team{margin-bottom: 30px;} +.lead {font-size: 14px;} +.inner-intro { text-align: center;} +ul.page-breadcrumb { padding-top: 30px;} +.feature-step-2-box {padding: 20px;} +.feature-step-2 .feature-step-2-title-left h1 {font-size: 50px;} +.our-app{background-image: none !important;} +.valign > [class*="col-"] {display: block;} +.highlights-phone {margin: 30px 0;} +/*blog pages*/ +.masonry.columns-2 .masonry-item { width: 100%; } +.masonry.columns-3 .masonry-item { width: 100%; } +/* blog timeline */ +.blog ul.timeline:before { left: 40px; } +.blog ul.timeline > li { margin-bottom: 20px; position: relative; width:100%; float: left; clear: left; } +.blog ul.timeline > li > .timeline-panel { width: calc(100% - 90px); width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); } +.blog ul.timeline > li > .timeline-badge { left: 12px; margin-left: 0; top: 16px; } +.blog ul.timeline > li > .timeline-panel { float: right; } +.blog ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } +.blog ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } +.blog .timeline > li.timeline-inverted { float: left; clear: left; margin-top: 30px; margin-bottom: 30px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: 12px; } +.blog .timeline-panel img { width: 100%; } +.blog .timeline li.entry-date-bottom { text-align: left; } +.blog .timeline li.entry-date-bottom a { font-size: 13px; padding: 8px 10px; } +.blog .timeline li.entry-date { text-align: left; } +.blog .timeline li.entry-date span { font-size: 13px; padding: 8px 10px; } +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: 23px; } +.blog .timeline > li:nth-child(2) { margin-top: 0; } +.blog .timeline > li.timeline-inverted { margin-top: 10px; } +.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 20px; } +.blog.timeline-sidebar .timeline > li.timeline-inverted:nth-child(2) { margin-bottom: 0px; } +.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 100%; } +/*login 2*/ +.login-2-social li { margin-bottom: 10px; } +/*maintenance*/ +.progress-new { width: 100%; } +.maintenance-form input { width: 100%; } +/*portfolio*/ +.isotope.columns-2 .grid-item { width: 100%; } +.isotope.columns-3 .grid-item { width: 100%; } +.isotope.columns-4 .grid-item { width: 100%; } +.isotope.columns-5 .grid-item { width: 100%; } +.masonry.columns-3 .masonry-item { width:100%; } +.masonry.columns-4 .masonry-item { width:100%; } +.masonry.columns-5 .masonry-item { width:100%; } +/*shop*/ +.deal-banner img { width: 100%; } +/*process*/ +.process.left .process-content .process-icon { display: block; margin-bottom: 20px; } +.process.left .process-content { padding-left: 40px; } +.process.right .process-content { padding-right: 40px; } +.process.right .process-content .process-icon { float: none; margin-bottom: 20px; } +.process.left .process-step { top: 30px; } +.process .process-step strong { width: 40px; height: 40px; line-height: 40px; } +.process.left .process-step { left: -20px; } +.process.right .process-step { right: -20px; } +/*resume*/ +.resume-page .container-fluid { padding: 0 15px; } +/*shortcode*/ +.clients-list ul li, .clients-list.column-4 ul li, .clients-list.column-3 ul li { width: 50%; } +/*countdown*/ +.countdown.round { width: 100px; height: 100px; } +.countdown.round span { font-size: 30px; line-height: 30px; } +.countdown.round { padding: 16px; } +.countdown.round.medium { width: 100px; height: 100px; } +.countdown.round.medium span { font-size: 30px; line-height: 30px; } +.countdown.round.medium p { font-size: 14px; } +.countdown.round.large { width: 100px; height: 100px; } +.countdown.round.large span { font-size: 30px; } +.countdown.round.large span { line-height: 30px; } +.countdown.round.large p { font-size: 14px; } +/*datatables*/ +.dataTables_paginate .pagination>li { display: inline-block; text-align: center; } +.datatable-base .table-responsive { border: 0; padding-bottom: 30px; } +/*feature text*/ +.feature-text.left-icon .feature-icon { padding-left: 15px; } +.feature-text.right-icon .feature-icon { padding-right: 15px; } +/*tab*/ +.tab-vertical .nav-tabs { width: 100%; } +.tab-vertical .tab-content { width: 100%; margin-left: 0; } +.feature-text .feature-icon span, .feature-text .feature-icon i { padding-left: 0; } +.bg-top-before { padding-top: 40px !important; } +.bg-top-before:before { display: none; } +.bg-top-before.pb-150 { padding-bottom: 40px !important; } + /*gym*/ +.course { margin-bottom: 20px; } +.medical-tab .tab .nav.nav-tabs li.active a:before { display: none; } +/*one page*/ +/*mobile app*/ +.mobile-app-about h2 { font-size: 40px; line-height: 40px; } +/*product*/ +.product .product-image img { width: 100%; } +/*portfolio-banner*/ +.portfolio-banner .slider-content h1 { font-size: 20px; line-height: 20px; } +.portfolio-banner .slider-content span { font-size: 12px; line-height: 18px; } +/*404 error*/ +.error-block { padding: 0; } +.error-block .error-text { padding: 0; display: none; } +.error-block h1 { padding: 0; } +.error-text-02 { display: none; } +.interior-action-box { margin-top: 30px; } +/*slider */ +#rev_slider_14_1 .rev-btn {padding: 15px 20px !important; font-size: 16px !important; position: relative; bottom: 0px!important;} +#rev_slider_11_1_wrapper strong { font-size: 20px !important; } +#rev_slider_13_1_wrapper i { font-size: 20px !important; } +.process-list { padding-left: 30px; padding-right: 30px; } +.isotope, .masonry { margin: 0; } +.app-home { padding-bottom: 40px; } +.services-text-box-green { padding: 50px 15px !important; } +.services-text-box-blue, .services-text-box-black { padding: 50px 15px !important; } +.bottom-nav .owl-nav { bottom: 20px; } +.blog-box.blog-2 .button.icon-color { margin-top: 0px; float: right !important; } +.team.team-hover.team-border .team-photo img { width: 100%; } +.owl-carousel .owl-dots { bottom: -15px; } +.special-feature .row-eq-height { display: block; } +.course img { width: 100%; } +.footer .footer-social ul.text-right { text-align: left; } +.cafe-counter.mt-60 { margin-top: 0px !important; } +.blog .timeline li.entry-date { top: -20px; } +.blog.timeline-sidebar .timeline li.entry-date { top: -20px; } +.footer .footer-widget .footer-widget-social.text-right { text-align: left; } +.footer.footer-one-page .footer-widget { text-align: center; } +.footer.footer-one-page .footer-widget .footer-widget-social.text-right { text-align: center; } + +/************************************* + v1.0.2 +**************************************/ +.footer .container-fluid { padding: 0 15px; } +.text-left.mt-100 { margin-top: 40px !important; } + +/************************************* + v1.0.3 +**************************************/ +.slider-parallax.typer-banner.business h1 { line-height: 30px; font-size: 40px; } +.play-video-section .content { padding: 0; } +.slider-parallax.banner-personal .slider-content span { font-size: 70px; line-height: 70px; } +.slider-parallax.banner-personal .slider-content h1 { font-size: 60px; line-height: 60px; margin-top: -20px; } +.slider-parallax.banner-personal .slider-content h1 strong { font-size: 72px; line-height: 60px; } + +/************************************* + v1.0.4 +**************************************/ +.countdown p { font-size: 13px; } +.christmas-about .feature-text { margin-bottom: 50px; } +.christmas-form-content h2 { font-size: 40px; line-height: 40px; } +.happy-clients .mb-40 { margin-bottom: 0 !important; } +.christmas-form-content.mt-100 { margin-top: 60px !important; } +.christmas-team .team .team-photo img { width: 100%; } +.timer-banner .slider-content h1 { font-size: 30px; line-height: 30px; } + +/************************************* + v1.0.6 +**************************************/ +.movie-banner .slider-content-middle { padding: 0; } + +/************************************* + v1.0.7 +**************************************/ +.law-banner .slider-content h1 { line-height: 30px; font-size: 30px; } + +/************************************* + v1.0.8 +**************************************/ +.banner-agency-02 h1 { font-size: 30px; line-height: 30px; } +.agency-02-contact .footer-contact { margin-top: -50px; } +.agency-02-contact-title .mb-50 { margin-bottom: 0 !important; } +.agency-02-contact .footer-contact { margin-bottom: 30px; } +.portfolio-parallax-banner h2 { font-size: 50px; line-height: 50px; } + +/************************************* + v1.0.9 +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 40px; line-height: 40px; } +.coming-soon-big .countdown.medium p { font-size: 16px; line-height: 16px; } +.error-05 h1 { font-size: 80px; line-height: 80px; } +.list-unstyled.pl-60 { padding-left: 0 !important;} +.page-title.light-overlay { padding-top: 200px; } +.divider.pt-70, .divider.pt-50 { padding-top: 30px !important; } +.page-title.light-overlay { padding-top: 200px; } +.faq-box { margin-top: 30px; } + .faq-page-title .mt-50 { margin-top: 10px !important; } + +} + +@media(max-width:600px) { +h3 { font-size: 22px; } +.search-box { width: 240px; } +.section-title p { + font-size: 14px; +} +/*cart*/ +.shpping-cart .cart { width: 290px; } +.shpping-cart .cart-total a { margin-bottom: 10px; } +.portfolio-home .isotope.columns-3 .grid-item { width: 100%; } +.portfolio-title { padding: 40px 30px; } +.main-counter .counter-info span.counter { font-size: 40px; } +/*action-box*/ +.action-box { text-align: center; } +.action-box .action-box-button { text-align: center; } + /*skills*/ +.skills-2.col-2 li { width: 100%; margin-bottom: 0; margin-right: 0; float: none; } +.skills-2.col-2.mr-60 { margin-right: 0 !important; } +/*error*/ +.error-block { padding: 30px 0px; } +.error-block h1 { font-size: 70px; } +.error-404-2 .error-block h1 { font-size: 200px; line-height: 200px; } +.error-404-2 .error-block p { font-size: 16px; } +/*maintenance*/ +.maintenance-main h1.mb-50 { font-size: 28px; } +.maintenance-2 .maintenance-main h1 { font-size: 32px; } + /*portfolio*/ +.isotope.columns-3 .grid-item { width: 100%; } +.isotope.columns-4 .grid-item { width: 100%; } +/*============== New ==============*/ +/*about-1 page*/ +.clients-logo.line img{height:65px;} +/*contact us*/ +.contact-form .section-field { width: 100%; } +.touch-in .contact-box { margin: 20px 0; } +/*our-history .timeline*/ +.our-history .timeline > li.timeline-inverted > .timeline-panel::before, +.our-history .timeline > li > .timeline-panel::before { left: 40px;} +.our-history .timeline > li > .timeline-panel { padding: 40px 20px 20px 75px; text-align: left; width: 100%;} +.our-history .timeline > li > .timeline-badge { left: 41px;} +.our-history .timeline > li > .timeline-badge p { margin-left: 40px;} +.our-history .timeline > li.timeline-inverted .timeline-badge p { float: left; margin-right: 0; text-align: left;} +.feature-text .feature-icon {font-size: 38px;} +.skill-bar {margin: 60px 0 20px;} +.feature-text.box {padding: 30px;} +.happy-clients .nav-tabs li img {height: 70px; width: 70px;} +.testimonial-info p {font-size: 15px; margin: 25px 0 0; padding: 0 0 20px;} +.testimonial-2 .testimonial-info p::before {font-size: 100px;} +/*blog pages*/ +.social.pull-right { float: none; margin-top: 10px; display: block; width: 100%; } +.port-post-social.pull-right { float: none !important; } +.port-post-photo { display: block; float: none; } +.port-post-info { padding-left: 0; margin-top: 20px; display: block; } +.comments-1.comments-2 { padding-left: 40px; } +.comments-1 .comments-photo { float: none; } +.comments-1.comments-2 .comments-info { padding: 20px 0px 10px; } + +/*team single*/ +.our-team .team-details .social { float: none !important; width: 100%; margin-bottom: 20px; } +/*shortcode*/ +.countdown.small span { font-size: 30px; } +.countdown span { font-size: 30px; } +.countdown.medium span { font-size: 30px; } +.countdown.medium p { font-size: 14px; } +.countdown.medium { margin: 0 10px; } +.countdown.large span { font-size: 30px; } +.countdown.large p { font-size: 14px; } +.countdown.large { margin: 0 6px; } +.countdown.gray-bg { margin: 0 1px; padding: 8px; } +.countdown.border { padding: 8px; margin: 0 0px; } +.countdown.round { margin-bottom: 10px; } +.countdown.round.small { padding: 16px; } +/*testimonial*/ +.testimonial.bottom_pos .author-info { margin-left: 0; margin-bottom: 30px; } +/*shortcode*/ +.pagination>li { display: inline-block; margin-bottom: 3px; } +/*shortcode*/ +.owl-carousel .owl-dots { bottom: 20px; } +.resume-contact .footer-widget-social a i { margin-bottom: 4px; } +/*popup-video-banner*/ +.popup-video-banner h1 { font-size: 36px; line-height: 40px; } +.kety-perry-list { padding-right: 20px; } +.kety-play-icon { float: none; } +.kety-name { padding-left: 0; } +.kety-play-icon { margin-top: 0; } +/*gym*/ +.team.team-list .team-photo { float: none; width: 100%; margin-bottom: 30px; } +.team.team-list .team-description { padding-left: 0; padding-bottom: 0; } +.tab .nav.nav-tabs li { margin-bottom: 5px; } +/*testimonial*/ +.testimonial.clean { padding: 0 10px 25px 40px; } +.typer-banner h1 { font-size: 50px; line-height: 100px; } +.portfolio-banner .slider-content { width: 100%; } +.personal-typer-banner h1 { font-size: 50px; line-height: 50px; } +.personal-typer-banner h1 span { font-size: 25px; } +.services-text-box-green { padding: 60px 15px !important; } +.services-text-box-black { padding: 60px 15px !important; } + .team.team-list .team-photo img { width: 100%; } + .isotope.columns-3 .grid-item { padding: 0 0px 15px 0; } + .bottom-nav .owl-nav .owl-next { right: 42%; } + .bottom-nav .owl-nav .owl-prev { left: 42%; } + .testimonial.light { padding: 85px 20px 45px 50px; } +.our-history .timeline:before { left: 40px; } +.our-team .team-details .title.pull-left { float: none !important; display: block; } +.our-team .team-details .social-icons.border.pull-right { float: none !important; display: inline-block; margin-bottom: 10px; } +.row.mt-80 { margin-top: 30px !important; } +.happy-clients .tab .nav.nav-tabs { margin-bottom: 0; } +.our-service-home .row.mb-60 { margin-bottom: 10px !important; } +.contact-3 #map { padding-top: 40%; } +.accordion.animated .acd-group.acd-active .acd-heading { font-size: 22px; } +.our-history .timeline .timeline-arrow { left: 34px; text-align: left; } +.our-history { overflow: hidden; } +.progress-new { margin-bottom: 0; } +.comments-1 .comments-photo { margin-bottom: 20px; } +.comments-1.comments-2 .comments-photo { margin-bottom: 0px; } +.isotope.columns-4 .grid-item { padding-right: 0; } +/*.rev-slider #rev_slider_20_1_forcefullwidth .rev-btn { padding: 6px 10px !important; line-height: 0 !important; font-size: 8px !important; }*/ +.shop-single .tab .nav.nav-tabs li a { padding: 12px 20px; } +.shop-single .tab .nav.nav-tabs li { margin-bottom: 0; } + + +/************************************* + v1.0.2 +**************************************/ +.st-menu.big-side { width: 270px; } +.st-menu.big-side .pos-bot { position: relative; } +.st-menu.big-side .slide-footer-content { padding: 0 10px 0px 0; } +.st-menu.big-side .social-icons.width-half ul li { width: inherit; display: block; float: none; } +.st-menu.big-side .copy-right .mb-70 { margin-bottom: 0 !important; } +.st-menu.big-side ul.menu { padding-top: 0; } + +/************************************* + v1.0.3 +**************************************/ +.blockquote-section blockquote { font-size: 30px; line-height: 34px; } +.custom-content-03 h2 { font-size: 30px; line-height: 34px; } + .mt-100.mb-100 { margin: 0px 0 !important; } + .slider-parallax.banner-personal .slider-content { width: 100%; } + + +/************************************* + v1.0.4 +**************************************/ +.christmas-clients .mt-80 { margin-top: 0 !important; } +.countdown.round { display: block; margin: 0 auto; } +.timer-banner .slider-content h1 { font-size: 21px; line-height: 28px; margin-bottom: 10px; } +.conference-video h3 { line-height: 30px; } + +/************************************* + v1.0.5 +**************************************/ +.architecture-about h2 { font-size: 24px; line-height: 30px; } + +/************************************* + v1.0.6 +**************************************/ +.agency-banner .slider-content .agency-banner-right { display: block; } +.agency-banner .slider-content .agency-banner-left { display: block; } +.agency-banner .slider-content span { padding-top: 0; font-size: 30px; line-height: 20px; } +.agency-banner .slider-content h1 { font-size: 30px; padding: 0; border:none; line-height: 20px; } +.slider-parallax.agency-banner { height: 80vh; } +.movie-banner .countdown.round.small { display: inline-block; } + +/************************************* + v1.0.7 +**************************************/ +.law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-year { left: -45px; } +.testimonial.left_pos { padding: 20px 10px 20px 50px; } +.testimonial.left_pos .testimonial-avatar { position: inherit; left: inherit; top: inherit; margin-top: 0 ; margin-bottom: 60px; margin-left: 0px; } + + +/************************************* + v1.0.8 +**************************************/ +.agency-02-contact .pl-50.pr-50 { padding: 15px !important; } +.agency-02-history-who { padding: 30px; } +.banner-agency-02 h1 { font-size: 24px; } +.portfolio-parallax-banner h2 { font-size: 40px; line-height: 40px; } + +/************************************* + v1.0.9 +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 30px; line-height: 30px; } +.coming-soon-big .countdown.medium p { font-size: 16px; line-height: 16px; } +.error-05 h1 { font-size: 60px; line-height: 60px; } +.error-05 h3, .error-05 span { font-size: 40px; } +.error-03 .content h2 { font-size: 32px; line-height: 32px; } +.error-03 .content h1 { font-size: 40px; line-height: 40px; } +.error-03 .error-404 h1 { font-size: 70px; line-height: 70px; } +.error-03 .error-404 h2 { font-size: 50px; line-height: 50px; } +.error-04 h1 { font-size: 160px; line-height: 160px; } +.coming-soon-effects .coming-soon h1 { font-size: 30px; line-height: 30px; } +.coming-soon h1, .coming-soon-effects .coming-soon h1 { font-size: 30px; line-height: 30px; } + +/************************************* + v1.2 +**************************************/ +.login-fancy h2 { font-size: 40px; line-height: 40px; } +.login-box h2 { font-size: 30px; line-height: 30px; } +.login-box-02 { padding: 20px; } +.login-signup .tab .nav.nav-tabs li { margin-bottom: 0; } +.login-signup .login-box-02 { padding: 30px; } +.about-mission .popup-content { padding-right: 20px; width: 100%; } +.about-mission .popup-content br { display: none; } +#rev_slider_14_1 .rev-btn {padding: 15px 20px !important; font-size: 14px !important; position: relative; bottom: 0px!important;} +} + +@media(max-width:479px) { + +/************************* + Margin top +*************************/ +.xx-mt-0 { margin-top: 0 !important; } +.xx-mt-10 { margin-top: 10px !important; } +.xx-mt-15 { margin-top: 15px !important; } +.xx-mt-20 { margin-top: 20px !important; } +.xx-mt-30 { margin-top: 30px !important; } +.xx-mt-40 { margin-top: 40px !important; } +/************************* + Margin right +*************************/ +.xx-mr-0 { margin-right: 0!important } +.xx-mr-10 { margin-right: 10px !important; } +.xx-mr-15 { margin-right: 15px !important; } +.xx-mr-20 { margin-right: 20px !important; } +.xx-mr-30 { margin-right: 30px !important; } +.xx-mr-40 { margin-right: 40px !important; } + /************************* + Margin bottom +*************************/ +.xx-mb-0 { margin-bottom: 0!important } +.xx-mb-10 { margin-bottom: 10px !important; } +.xx-mb-15 { margin-bottom: 15px !important; } +.xx-mb-20 { margin-bottom: 20px !important; } +.xx-mb-30 { margin-bottom: 30px !important; } +.xx-mb-40 { margin-bottom: 40px !important; } +/************************* + Margin left +*************************/ +.xx-ml-0 { margin-left: 0!important } +.xx-ml-10 { margin-left: 10px !important; } +.xx-ml-15 { margin-left: 15px !important; } +.xx-ml-20 { margin-left: 20px !important; } +.xx-ml-30 { margin-left: 30px !important; } +.xx-ml-40 { margin-left: 40px !important; } + /************************* + Padding top +*************************/ +.xx-pt-0 { padding-top: 0!important } +.xx-pt-10 { padding-top: 10px !important; } +.xx-pt-15 { padding-top: 15px !important; } +.xx-pt-20 { padding-top: 20px !important; } +.xx-pt-30 { padding-top: 30px !important; } +.xx-pt-40 { padding-top: 40px !important; } + /************************* + Padding right +*************************/ +.xx-pr-0 { padding-right: 0!important } +.xx-pr-10 { padding-right: 10px !important; } +.xx-pr-15 { padding-right: 15px !important; } +.xx-pr-20 { padding-right: 20px !important; } +.xx-pr-30 { padding-right: 30px !important; } +.xx-pr-40 { padding-right: 40px !important; } + /************************* + Padding bottom +*************************/ +.xx-pb-0 { padding-bottom: 0!important } +.xx-pb-10 { padding-bottom: 10px !important; } +.xx-pb-15 { padding-bottom: 15px !important; } +.xx-pb-20 { padding-bottom: 20px !important; } +.xx-pb-30 { padding-bottom: 30px !important; } +.xx-pb-40 { padding-bottom: 40px !important; } + /************************* + Padding left +*************************/ +.xx-pl-0 { padding-left: 0!important } +.xx-pl-10 { padding-left: 10px !important; } +.xx-pl-15 { padding-left: 15px !important; } +.xx-pl-20 { padding-left: 20px !important; } +.xx-pl-30 { padding-left: 30px !important; } +.xx-pl-40 { padding-left: 40px !important; } +.col-xx-12{width:100% !important;} +.col-xx-6{width:50% !important;} +h2 {font-size: 22px; line-height: 30px;} +.topbar .topbar-call.text-left li { margin-bottom: 5px; } +.clients-logo.line img { width: initial; } +.shpping-cart .cart { width: 240px; } +.cart-item .cart-name a { font-size: 12px; } +.cart-price del { font-size: 12px; } +.cart-price ins { font-size: 14px; } +.cart-item .cart-close { top: 17px; } +/*index*/ +.round .nav.nav-tabs li a { margin-right: 1px; padding: 8px 15px; } +/* header */ +.st-effect-3 .header.default.fullWidth .search-cart { right: 45px; top: 3px; } +.st-effect-3 .header.default.fullWidth .search-cart .search { padding-right: 6px; } + +/*action box*/ +.action-box-button .button.border-white { margin-top: 10px; } +.action-box-button .button.border.icon { margin-left: 0; margin-top: 15px; } +.action-box-button .button.border { margin-left: 0; margin-top: 15px; } +/*coming soon*/ +.coming-soon-main h1 { font-size: 34px; } +.coming-soon-countdown ul.countdown li span { font-size: 32px; } +.coming-soon-countdown ul.countdown li { width: 20%; } +.coming-soon-countdown ul.countdown li p { font-size: 13px; } +.coming-soon-countdown ul.countdown { margin: 20px 0; } +.coming-soon-main p { margin-bottom: 45px; font-size: 16px; } +.coming-soon-form { width: 100%; } +.coming-soon-form input { width: 90%; margin-bottom: 0; } +.coming-soon-form a.button-border span { padding: 11px 8px; } + /*error*/ +.error-block h1 { font-size: 50px; } +.error-block p { font-size: 18px; } +.error-block h1.mb-40 { margin-bottom: 10px !important; } +.error-search-box p { font-size: 16px; line-height: 32px; } +.error-search-box input { width: 60%; } +/*maintenance*/ +.maintenance-2 .maintenance-main h1 { font-size: 22px; margin-bottom: 10px; } +.maintenance-contant.mt-150 { margin-top: 30px !important; } +.maintenance-form.mt-100 { margin-top: 30px !important; } +.clients-logo.line{width:100%; border-left:none;} + .clients-logo.line img{height:auto;} +.clients-logo.line:nth-last-child(-n+3) { border-bottom: 1px solid #dddddd;} +.our-history .timeline > li > .timeline-panel::before { width: 22px; left: 25px; } +.our-history .timeline > li.timeline-inverted > .timeline-panel::before { left: 25px; } +.happy-clients .nav.nav-tabs li { display: inline-block; } +.nav.nav-tabs li { display: block; float: none; margin-bottom: 10px; text-align: center;} +.tab-2 .nav-tabs {float: none; width: 100%;} +.tab-2 .nav-tabs li{margin-bottom: 0;} +.tab-2 .tab-content {margin-left: 0; padding: 30px 20px;} +/*testimonial page*/ +.testimonial-3 .owl-carousel .owl-nav { bottom: -20px; } +.testimonial-3 .owl-carousel .owl-nav .owl-prev {left: 50%; margin-left: -45px;} +.testimonial-3 .owl-carousel .owl-nav .owl-next {right: 50%; margin-right: -45px;} +.testimonial-info p {padding: 0 10px 20px;} +.testimonial.boxed {padding: 30px 30px 75px;} + .feature-step-2-title-2-right {width: 100%;} +.feature-step-2-box {padding:20px 10px;} +.feature-step-2-box p{font-size: 13px;} +.service-blog b {font-size: 220px;} +/*blog*/ +.blog .timeline > li > .timeline-badge { font-size: 15px; height: 44px; line-height: 12px; width: 44px; } +.blog ul.timeline:before { left: 27px; } +.blog ul.timeline > li > .timeline-badge { left: 5px; } +.blog ul.timeline > li > .timeline-panel { width: 100%; } +.blog .timeline li.entry-date span { display: none;} +.blog ul.timeline::before { display: none; } +.blog ul.timeline > li > .timeline-badge { display: none; } +.blog ul.timeline > li > .timeline-panel::before { display: none; } +.blog ul.timeline > li > .timeline-panel::after { display: none; } +.blog .timeline li.timeline-inverted .timeline-panel::after { display: none; } +.blog .timeline li.timeline-inverted .timeline-panel::before { display: none; } +.blog.timeline-sidebar .timeline li { width: 100%; } +/*shop*/ +.offer-banner-1 h1 { font-size: 20px; } +.deal-banner .counter-deal ul li { padding: 7px 10px; margin-right: 2px; } +.deal-banner .caption h2 { font-size: 32px; } +.deal-banner.maintenance-progress-bar { margin: 0; } +.bottom-nav .owl-nav .owl-next { right: 36%; } +.bottom-nav .owl-nav .owl-prev { left: 36%; } +.action-box.pattern { padding: 70px 15px; } +.action-box { padding: 30px 15px; } +.appointment-bg { padding: 40px 15px; } +.appointment a.pull-left { display: block; } +/*mobile app*/ +.mobile-app-about a img { margin-bottom: 10px; } +.mobile-app-about h2 { font-size: 30px; line-height: 30px; } +.phone-holder { width: 260px; } +.highlights-phone.wht .phone-holder #fon { background:transparent; } +.highlights-phone.wht .hgi { top: 0; } +.highlights-phone { height: 550px; } +/*one page*/ +.typer-banner h1 { font-size: 30px; line-height: 30px; } +.popup-video-banner h1 { font-size: 30px; line-height: 40px; } +.video-background-banner h1 { font-size: 30px; line-height: 30px; } +.video-background-banner .slider-content { padding: 30px 15px; } +/*side panel*/ +.slide-footer .social ul li a { padding-right: 15px; } +.st-menu { width: 280px; } +.st-effect-2.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-3.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-4.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-5.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-6.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0) rotateY(-15deg); transform: translate3d(280px, 0, 0) rotateY(-15deg); } +.st-effect-7.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-8.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-9.st-menu-open .st-pusher { -webkit-transform: translate3d(0, 0, -280px); transform: translate3d(0, 0, -280px); } +.st-effect-10.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-10.st-menu { -webkit-transform: translate3d(0, 0, -280px); transform: translate3d(0, 0, -280px); } +.st-effect-13.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-14.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */ +.no-csstransforms3d .st-pusher, +.no-js .st-pusher { padding-left: 280px; } +.personal-typer-banner h1 { font-size: 30px; line-height: 30px; margin-bottom: 0px; } +.personal-typer-banner h1 span { font-size: 20px; left: -10px; top: 0; } +.image-content { width: 100%; margin-right: 0; } +.testimonial.bottom_pos { padding: 60px 20px 40px 46px; } + .owl-carousel .owl-dots { bottom: 12px; } +.kety-name a { font-size: 14px; } +.kety-link a { margin-bottom: 5px; } +.blog.blog-single .port-navigation .port-photo { width: 104px; } +.blog.blog-single .port-navigation .port-arrow { height: 62px; width: 30px; } +.blog.blog-single .port-navigation .port-arrow i { line-height: 62px; } +.single-portfolio-post .port-navigation .port-photo { width: 104px; } +.single-portfolio-post .port-navigation .port-arrow { height: 62px; width: 30px; } +.single-portfolio-post .port-navigation .port-arrow i { line-height: 62px; } +.happy-clients .nav-tabs li { padding: 0; } +.accordion.animated .acd-group.acd-active .acd-heading { font-size: 20px; } +.our-service .section-title { margin-bottom: 10px; } +.team.team-list h5 { font-size: 18px; } +.contact-2 #map { padding-top: 50%; } +.clients-box .clients-photo { margin-bottom: 20px; width: 100%; } +.countdown.round { display: block; margin: 0 auto 20px; } +.coming-soon-form.contact-form input { width: 100%; } +.add-banner-2 .add-banner-content h2 { font-size: 24px; } +.add-banner-2 .add-banner-content h3 { font-size: 20px; line-height: 20px; } +.add-banner-2 .add-banner-content .button.small { padding: 5px 18px; } + +/************************************* + v1.0.3 +**************************************/ + .slider-parallax.typer-banner.business h1 { font-size: 24px; line-height: 28px; } + .slider-parallax.typer-banner.business p { font-size: 18px; line-height: 28px; margin-top: 10px !important; } + .counter.big-counter .timer { font-size: 40px; line-height: 40px; } +.action-box.theme-bg { padding: 30px 0; } + .slider-parallax.banner-personal .slider-content span { font-size: 50px; line-height: 50px; } +.slider-parallax.banner-personal .slider-content h1 { font-size: 40px; line-height: 40px; margin-top: -20px; } +.slider-parallax.banner-personal .slider-content h1 strong { font-size: 48px; line-height: 50px; } + +/************************************* + v1.0.4 +**************************************/ +.christmas-form-content h2 { font-size: 24px; line-height: 24px } +.christmas-event .tab .nav.nav-tabs li a{ font-size: 14px; } +.christmas-event .blog-date span { font-size: 28px; display: inline-block; } +.portfolio-home .portfolio-title.section-title .button.mt-30 { margin-top: 20px !important; } +.countdown.small { margin: 10px 4px 0; } + +/************************************* + v1.0.4 +**************************************/ +.section-title-movie h2 { padding: 10px 30px; } +.movie-story b { font-size: 26px; } +.movie-banner .countdown.round.small { margin-bottom: 5px; } + +/************************************* + v1.0.7 +**************************************/ +.law-banner .slider-content h1 { font-size: 22px; line-height: 22px; } +.law-banner .slider-content p { font-size: 16px; } +.law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-year { left: 0; top: 25px; } + +/************************************* + v1.0.7 +**************************************/ +.portfolio-parallax-banner h2 { font-size: 30px; line-height: 30px; } + +/************************************* + v1.0.9 +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 24px; line-height: 24px; } +.coming-soon-big .countdown.medium p { font-size: 14px; line-height: 14px; } +.error-05 h1 { font-size: 50px; line-height: 50px; } +.error-03 .content h2 { font-size: 28px; line-height: 28px; } +.error-03 .content h1 { font-size: 32px; line-height: 32px; } +.error-03 .content p { font-size: 22px; } +.error-03 .error-404 h1 { font-size: 70px; line-height: 70px; } +.error-03 .error-404 h2 { font-size: 50px; line-height: 50px; } +.error-04 h1, .error-06 h1, .error-07 h1 { font-size: 100px; line-height: 100px; } +.error-04 h2 { font-size: 40px; line-height: 40px; } +.error-04 p { font-size: 18px; } +.error-06 h2 .error-07 h2, .error-09 h2 { font-size: 30px; line-height: 30px; } + +/************************************* + v1.2 +**************************************/ +.login.height-100vh { overflow: hidden; } +.login .remember-checkbox a { display: block; float: inherit !important; margin-top: 10px; } +.about-mission .popup-content { padding: 30px 30px 10px 30px; } +.about-mission .popup-content h2 { font-size: 14px; line-height: 20px; } +.about-mission .popup-video-image a i { width: 40px; height: 40px; top: 10px; line-height: 40px; } + .checkout-page .pl-50.pr-50.pt-50.pb-50 { padding: 20px !important; } + .checkout-page .pl-40 { padding: 0 !important; } +} + + + + +@media (max-width: 360px) { + +.col-xs-offset-1 {margin-left:8.33333333%;} + +} \ No newline at end of file diff --git a/apply/css/shop.css b/apply/css/shop.css new file mode 100644 index 0000000..a17a364 --- /dev/null +++ b/apply/css/shop.css @@ -0,0 +1,163 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains the styling for the Shop Pages. You can edit/add anything in this file! +*/ + + +/******************************** + shop +********************************/ +.product { text-align: center; position: relative; } +.product .product-title a { font-size: 16px; text-transform: uppercase; font-weight: 600; margin: 20px 0px 10px; display: block; } + +.product .product-title a:hover { color: #353535; } +.product .product-price del { background: transparent; color: #323232; font-size: 13px; } +.product .product-price ins { text-decoration: none; color: #F5A623; font-size: 16px; font-weight: bold; } +.product .product-rating { margin-bottom: 10px; } +.product .product-rating i { color: #353535; } +.product .product-image { position: relative; } +.product .product-image .product-overlay { opacity: 0; text-align: center; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; margin: 0 auto; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } +.product:hover .product-image .product-overlay { opacity: 1; } +.product .product-image .add-to-cart a { background: #F5A623; color: #ffffff; text-transform: uppercase; padding: 10px 20px; border-radius: 30px; } +.product .product-image .add-to-cart a:hover { background: #353535; } + +.top-rated .product.left .product-title a { font-size: 14px; font-weight: 500; } +.shop-split-content .product-price del { background: transparent; color: #323232; } + +/*shop-single*/ +.shop-single .title { padding-top: 40px; } +.shop-single .product-detail .product-detail-price { display: inline-block; } +.shop-single .product-detail .product-detail-price ins { text-decoration: none; color: #F5A623; font-size: 16px; font-weight: bold; } +.shop-single .product-detail .product-detail-rating i { color: #353535; } +.shop-single .product-detail .product-detail-rating { display: inline-block; } +.shop-single .product-detail .product-detail-quantity input { box-shadow: none; border:1px solid #e0e0e0; padding: 10px 18px 10px 24px; border-radius: 30px; box-shadow: none; } +.shop-single .product-detail .input-group-btn button { background: transparent; border-color: #e0e0e0; } +.shop-single .product-detail .input-group-btn button:hover { color: #F5A623; } +.shop-single .product-detail .input-group { width: 90px; float: left; margin-right: 20px; } +.shop-single .product-detail .product-detail.add-to-cart .button { display: inline-block; font-size: 12px; } +.shop-single .product-detail .input-group-btn:first-child>.btn { border-top-left-radius: 30px; border-bottom-left-radius: 30px; } +.shop-single .product-detail .input-group-btn:last-child>.btn { border-top-right-radius: 30px; border-bottom-right-radius: 30px; } +.shop-single .product-detail .product-detail-price del { background: transparent; color: #333; font-size: 14px; } + +.shop-single .product-detail .product-detail-social { border-top: 1px solid #e0e0e0; padding-top: 20px; margin-top: 20px; } +.shop-single .product-detail .product-detail-social span { display: inline-block; padding-right: 20px; float: left; } +.shop-single .product-detail .product-detail-social ul li { display: inline-block; } +.shop-single .product-detail .product-detail-social ul li a { display: block; color: #aaaaaa; font-size: 14px; padding-right: 5px; } +.shop-single .product-detail .product-detail-social ul li a:hover { color: #F5A623; } + +.shop-single .product-detail .product-detail-meta { border-top: 1px solid #e0e0e0; padding-top: 20px; } +.shop-single .product-detail .product-detail-meta span { display: block; margin: 10px 0; } +.shop-single .product-detail .product-detail-meta span a { padding-left: 5px; } + +.slider-slick { overflow: hidden; } + +/*sidebar-widgets-wrap*/ +.sidebar-widgets-wrap .recent-item { margin-bottom: 20px; } +.sidebar-widgets-wrap .recent-item .recent-image { display: table-cell; padding-right: 10px; width: 50px; float: left; } +.sidebar-widgets-wrap .recent-item .recent-info { display: table-cell; vertical-align: top; } +.sidebar-widgets-wrap .recent-item .recent-title a { color: #353535; font-weight: bold; } +.sidebar-widgets-wrap .recent-item .recent-title a:hover { color: #F5A623;} +.sidebar-widgets-wrap .recent-item .recent-meta li { display: inline-block; color: #353535; } + +/*product left*/ +.product.left .product-image { float: left; padding-right: 20px; width: 26%; } +.product.left .product-image a {display: block; width: 100%; height: 100%; } +.product.left .product-description { padding-top: 0; display: table-cell; padding-bottom: 0; vertical-align: top; text-align: left; width: 74%; } +.product.left .product-title a { margin-top: 0; } + + +/*deal-banner*/ +.deal-banner{background:#f4f4f2;} +.deal-banner img { width:100%; } +.deal-banner .caption{text-align:center;margin-top:25%;} +.deal-banner .caption span.off{color:#F5A623;font-size:24px;font-weight:600;text-transform:uppercase;} +.deal-banner .caption h2{font-size:42px;line-height:42px;color:#494949;font-weight:600;text-transform:uppercase;margin-top:12px;margin-bottom:22px;} +.deal-banner .caption a.viewbt{color:#fff;background:#F5A623;padding:10px 22px;text-align:center;display:inline-block;margin-top:26px; border-radius: 30px;} +.deal-banner .caption a.viewbt:hover{background:#494949;} +.deal-banner .counter-deal ul li{background:#fff;display:inline-block;padding:7px 12px;margin-right:17px;} +.deal-banner .counter-deal ul li span.big{font-size:22px;font-weight:700;margin-left:12%;margin-right:12%;} +.deal-banner .counter-deal ul li span.smalltxt{padding-top:0;} + +/************************************* + offer banner +*************************************/ + .line-effect { position:relative; background: transparent; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } + .overlay { position:absolute; width:100%; height:100%; left:0; top:0; } + .overlay { background:none; width:100%; height:100%; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} + .overlay:before{ border-bottom: 1px solid #fff; border-top: 1px solid #fff; -o-transform: scale(0, 1); -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); transform: scale(0, 1); } + .overlay:after { border-left: 1px solid #fff; border-right: 1px solid #fff; -o-transform: scale(1, 0); -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); transform: scale(1, 0); } + .overlay:before, .overlay:after { bottom: 15px; content: ""; left: 15px; opacity: 0; position: absolute; right: 15px; top: 15px; -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; z-index: 1; } + +.offer-banner-1 { position: relative; } +.offer-banner-1 .banner-content { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; z-index: 2; } +.offer-banner-1 .banner-content strong { display: block; color: #fff; margin: 20px 0px; } +.offer-banner-1 .banner-image.bg-overlay-black-50:before { z-index: 1; } +.offer-banner-1:hover .line-effect .overlay:before, .offer-banner-1:hover .line-effect .overlay:after { opacity:1; -o-transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -o-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;-webkit-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; -moz-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;} +.offer-banner-1 .banner-image img { width: 100%; } +.offer-banner-2 { height: 458px; display: block; width: 100%; } +.offer-banner-2 .banner-bg {display: table; height: 100%; position: relative; width: 100%; } +.offer-banner-2 .line-effect { display: table-cell; vertical-align: middle; position: relative; } +.offer-banner-2 .banner-content { position: relative; z-index: 99; } +.offer-banner-2 .banner-content h1 { position: relative; padding-bottom: 10px; } +.offer-banner-2 .banner-content h1:before { position: absolute; content: ""; background: #F5A623; width: 60px; bottom: 0px; margin-left: -30px; height: 1px; left: 50%; } +.offer-banner-2 .banner-content strong { display: block; color: #000; margin: 20px 40px; } +.offer-banner-2 .banner-content span { display: block; color: #000; margin: 20px 0px; } + .offer-banner-2 .overlay:before{ border-bottom: 1px solid #000; border-top: 1px solid #000; -o-transform: scale(0, 1); -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); transform: scale(0, 1); } + .offer-banner-2 .overlay:after { border-left: 1px solid #000; border-right: 1px solid #000; -o-transform: scale(1, 0); -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); transform: scale(1, 0); } +.offer-banner-2:hover .line-effect .overlay:before, .offer-banner-2:hover .line-effect .overlay:after { opacity:1; -o-transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -o-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;-webkit-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; -moz-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;} + +/************************************* + add banner +*************************************/ +.add-banner-1 { position: relative; } +.add-banner-1 .add-banner-content { padding: 30px; display: inline-block; left: 0; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; z-index: 99; } +.add-banner-1 .add-section-image.bg-overlay-black-50:before { z-index: 0; } +.add-banner-1 .add-banner-content p { font-size: 14px; color: #fff; line-height: 26px; margin-bottom: 15px; } +.add-banner-1 .add-banner-content h5 { position: relative; padding-bottom:20px; } +.add-banner-1 .add-banner-content h5.border:before { position: absolute; content: ""; width: 60px; height: 1px; background: #F5A623; left: 50%; margin-left: -30px; bottom: 0px; } +.add-banner-1 .add-banner-content span { display: block; font-size: 14px; color: #fff; padding: 15px 0px; } +.add-banner-1 .add-banner-content a { font-size: 14px; color: #fff; text-transform: uppercase; } +.add-banner-1 .add-banner-content a:hover { color: #F5A623; } +.add-banner-1 .add-banner-content a.button-white-border { padding: 10px 40px; } +.add-banner-1:hover .line-effect .overlay:before, .add-banner-1:hover .line-effect .overlay:after { opacity:1; -o-transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -o-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;-webkit-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; -moz-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; } + +/************************************* + add banner 2 +*************************************/ +.add-banner-2 .add-banner-content { padding: 100px 50px; } +.add-banner-2 .add-banner-content h2 { font-size: 48px; line-height: 48px; font-weight: 400; text-transform: uppercase; margin-bottom: 15px; } +.add-banner-2 .add-banner-content h3 { font-size: 38px; line-height: 38px; font-weight: 400; text-transform: uppercase; margin-bottom: 15px; } + + /************************************* + home 02 +*************************************/ + .shop-split-content { padding: 130px 0; } + .shop-split-content ins { font-size: 30px; font-weight: 600; text-decoration: none; color: #F5A623; } + + /************************************* + home 03 +*************************************/ + .shop-blog .blog-box { padding: 220px 30px 40px; } + .shop-blog .blog-box:hover .blog-box-img:before, .shop-blog .blog-box.active .blog-box-img:before { background:linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-webkit-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-o-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-ms-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-moz-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); } + + /************************************* + wishlist page +**************************************/ +.wishlist-page .table tbody { border:0px; border-bottom: 1px solid #f0ede7; } +.wishlist-page .table > tfoot > tr > td { border-top: none; border-bottom: solid 1px #f0ede7; } +.wishlist-page .table > thead > tr > th, +.wishlist-page .table > tbody > tr > th, +.wishlist-page .table > tfoot > tr > th, +.wishlist-page .table > thead > tr > td, +.wishlist-page .table > tbody > tr > td, +.wishlist-page .table > tfoot > tr > td { padding: 20px 20px; vertical-align: middle; text-align: center; } +.wishlist-page .table .image img { width: 50px; } +.wishlist-page .table td.price.price-2 { color: #F5A623; } +.wishlist-page .table td.total a { border: 1px solid #f0ede7; font-size: 14px; padding: 3px 6px; } +.wishlist-page .table td.total a:hover { border: 1px solid #F5A623; background: #F5A623; color: #ffffff; } +.wishlist-page .table .td-quentety input { border: 1px solid #ccc; margin: 15px 0 5px 0; padding: 0px 0px 0 20px; width: 70px; height: 35px; background: transparent; } +.wishlist-page .table .td-quentety input:focus { box-shadow: none; } +.wishlist-page .price:hover { box-shadow: none; } \ No newline at end of file diff --git a/apply/css/shortcodes/_feature-text.css b/apply/css/shortcodes/_feature-text.css new file mode 100644 index 0000000..3b92b65 --- /dev/null +++ b/apply/css/shortcodes/_feature-text.css @@ -0,0 +1,66 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Features box CSS. +*/ + +/************************************* + Features all + **************************************/ +.feature-text { text-align: center; } +.feature-text.text-left { text-align: left; } +.feature-text.text-left .feature-icon span, .feature-text.text-left .feature-icon i { padding-left: 0; } +.feature-text.text-right .feature-icon span, .feature-text.text-right .feature-icon i { padding-right: 0; } +.feature-text.text-right { text-align: right; } +.feature-text .feature-icon span, .feature-text .feature-icon i { font-size: 40px; margin-bottom: 30px; display: inline-block; padding-left: 15px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; } +.feature-text.round .feature-icon span, .feature-text.round .feature-icon i { width: 70px; height: 70px; line-height: 70px; display: inline-block; font-size: 26px; border-radius: 50%; padding-left: 0px; } +.feature-text.border .feature-icon span, .feature-text.border .feature-icon i { color: #323232; background: transparent; border:2px solid #323232; padding-left: 0px; } +.feature-text.gray-icon .feature-icon span, .feature-text.gray-icon .feature-icon i { color: #323232; background: #f6f7f8; padding-left: 0px; } +.feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i { color: #ffffff; background: #F5A623; padding-left: 0px; } +.feature-text.shadow .feature-icon span, .feature-text.shadow .feature-icon i { color: #323232; background: #ffffff; box-shadow: 0 4px 20px rgba(0,0,0,0.09); padding-left: 0px; } +.feature-text.square .feature-icon span, .feature-text.square .feature-icon i { width: 70px; height: 70px; line-height: 70px; display: inline-block; font-size: 26px; padding-left: 0px;} + +/*left-icon*/ +.feature-text.left-icon .feature-info { text-align: left; padding-left: 60px; } +.feature-text.left-icon .feature-icon { position: absolute; left: 0; } + +/*right-icon*/ +.feature-text.right-icon .feature-info { text-align: right; padding-right: 60px; } +.feature-text.right-icon .feature-icon { position: absolute; right: 0; } + +.feature-text.left-icon.round .feature-info { padding-left: 80px; } +.feature-text.right-icon.round .feature-info { padding-right: 80px; } + + /*box-shadow*/ +.feature-text.box-shadow { box-shadow: 0 0px 30px rgba(0,0,0,0.09); padding: 40px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.feature-text.box-shadow:hover { box-shadow: 0 0px 70px rgba(0,0,0,0.09); } + +/*border-box*/ +.feature-text.border-box { box-shadow: 0 0px 1px rgba(0,0,0,0.5); padding: 40px;} + +/*button*/ +.feature-text .button { margin-top: 10px; } +.feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span { background: #F5A623; color: #ffffff; border-color: #F5A623; } +.feature-text.theme-icon:hover .feature-icon span, .feature-text.theme-icon:hover .feature-icon i { background: #323232; color: #ffffff; } +.feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span { background: #F5A623; color: #ffffff; border-color: #F5A623; } +.feature-text.square.theme-icon:hover .feature-icon span, .feature-text.square.theme-icon:hover .feature-icon i { background: #323232; color: #ffffff; } + + /*feature-box*/ + .awesome-features .img-side img { position: absolute; top: -30px; left: 0; } +.feature-box { border:1px solid #e6e6e6; padding: 1px; position: relative; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 1; } +.feature-box-content { position: relative; padding: 30px; padding-bottom: 0; z-index: 9; } +.feature-box i { width: 100%; font-size: 30px; color: #F5A623; padding: 0 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} +.feature-box h4 { text-transform: none; padding:30px 0 0px; font-weight: 500; transition: all 0.3s ease-out 0s; } +.feature-box p { transition: all 0.3s ease-out 0s; } +.feature-box a { font-size: 16px; font-weight: 300; color: #808080; margin: 25px 0 10px; padding: 0 30px; display: block; position: relative; z-index: 3; } +.feature-box .feature-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 0; background-size: cover; background-position: center center; } +.feature-box .border { position: absolute; background: #F5A623; height: 0px; bottom: 0; left: 0; z-index:2; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.feature-box:hover .feature-box-img, .feature-box.active .feature-box-img { opacity: 1; } +.feature-box:hover .border, .feature-box.active .border { height: 45px; } +.feature-box:hover i, .feature-box.active i { background: rgba(255, 255, 255, 0); color: #fff; } +.feature-box:hover h4, .feature-box.active h4, .feature-box:hover p, .feature-box.active p { color: #fff; } +.feature-box:hover a, .feature-box.active a { color: #fff; } +.feature-box:hover:before, .feature-box.active:before { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; color: #fff; content: ""; display: inline-block; height: 100%; + left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } \ No newline at end of file diff --git a/apply/css/shortcodes/_nice-select.css b/apply/css/shortcodes/_nice-select.css new file mode 100644 index 0000000..c67b184 --- /dev/null +++ b/apply/css/shortcodes/_nice-select.css @@ -0,0 +1,38 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains nice select CSS. +*/ + +/************************* + nice-select +*************************/ +.nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 25px; border: solid 1px #d0dae5; box-sizing: border-box; + clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 12px; font-weight: normal; height: 50px; line-height: 47px; outline: none; + padding-left: 30px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; } +.nice-select:hover { border-color: #F5A623; } +.nice-select:active, .nice-select.open, .nice-select:focus { border-color: #88bfff; } +.nice-select:after { border-bottom: 2px solid #90a1b5; border-right: 2px solid #90a1b5; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; + position: absolute; right: 22px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; } +.nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } +.nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } +.nice-select.disabled { border-color: #e7ecf2; color: #90a1b5; pointer-events: none; } +.nice-select.disabled:after { border-color: #cdd5de; } +.nice-select.wide { width: 100%; } +.nice-select.wide .list { left: 0 !important; right: 0 !important; } +.nice-select.right { float: right; } +.nice-select.right .list { left: auto; right: 0; } +.nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } +.nice-select.small:after { height: 4px; width: 4px; } +.nice-select.small .option { line-height: 34px; min-height: 34px; } +.nice-select .list { max-height: 300px; overflow-y: scroll; background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } +.nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } +.nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; + -webkit-transition: all 0.2s; transition: all 0.2s; } +.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f7f9; } +.nice-select .option.selected { font-weight: bold; } +.nice-select .option.disabled { background-color: transparent; color: #90a1b5; cursor: not-allowed; } +.nice-select:active, .nice-select.open, .nice-select:focus { border-color: #ffffff !important; } \ No newline at end of file diff --git a/apply/css/shortcodes/_owl-carousel.css b/apply/css/shortcodes/_owl-carousel.css new file mode 100644 index 0000000..c95fe44 --- /dev/null +++ b/apply/css/shortcodes/_owl-carousel.css @@ -0,0 +1,31 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Owl Carousel CSS. +*/ + +/*************************** + Owl Carousel +***************************/ +.owl-carousel .owl-item img { width: auto; } +.owl-carousel .owl-nav { display: block; position: absolute; text-indent: inherit; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; z-index: 999;} +.owl-carousel .owl-nav .owl-prev, +.owl-carousel .owl-nav .owl-next{display: block; position: absolute; text-indent: inherit; width: auto; cursor: pointer; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out;} +.owl-carousel .owl-nav .owl-prev{left:0;} +.owl-carousel .owl-nav .owl-next{right:0;} +.owl-carousel .owl-nav i{ font-size: 20px; width:36px; height:36px; line-height:36px; display: inline-block; color:#ffffff; border-radius: 50%; background:#F5A623; border:0px solid #3d3d3d; font-weight:normal; text-align: center; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;} +.owl-carousel .owl-nav i:hover{background:#333; color:#ffffff;} +.bottom-nav .owl-nav { bottom: 0; top: inherit; } +.bottom-nav .owl-nav .owl-next { right: 46%; } +.bottom-nav .owl-nav .owl-prev { left: 46%; } + +/* Dots */ +.owl-carousel .owl-controls .owl-dot { margin: 0; display: inline-block; } +.owl-carousel .owl-dots { display: inline-block; /*position: absolute; bottom: -35px; */text-indent: inherit; width: 100%; cursor: pointer; text-align: center; } +.owl-carousel .owl-dots .owl-dot span { background: #ddd; display: inline-block; width: 10px; height: 10px; border-radius: 50%; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; cursor: pointer; } +.owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span { background:#F5A623; } +.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { display: inline-block; margin: 14px 2px 0; } +.bottom-left-dots .owl-dots { bottom: 30px !important; position: absolute; } +.bottom-left-dots .owl-dots .owl-dot span { background: #ffffff; } \ No newline at end of file diff --git a/apply/css/shortcodes/accordion.css b/apply/css/shortcodes/accordion.css new file mode 100644 index 0000000..2d0c874 --- /dev/null +++ b/apply/css/shortcodes/accordion.css @@ -0,0 +1,56 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Accordion CSS. +*/ + +/*************************** + Accordion +***************************/ +.accordion .acd-group .acd-heading:before { font-family: fontawesome; } +.accordion .acd-group .acd-heading:before { cursor: pointer; position: absolute; top: 6px; right: 20px; display: block; padding: 3px 6px 2px; content: "\f105"; font-size: 22px; line-height: 38px; } +.accordion .acd-group > .acd-heading > span { margin-right: 15px; } +.accordion .acd-heading { font-weight: 500; position: relative; padding: 20px 0; color: #353535; line-height: normal; cursor: pointer; background-color: transparent; margin-bottom: 0px; display: block; font-family: 'Nanum Gothic', serif; text-transform: uppercase; border-radius: 90px; } +.acd-des { padding: 0 20px 20px 0; } +.accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover { color: #F5A623; } +.accordion .acd-group.acd-active .acd-heading:before { content: "\f107"; } +.accordion .acd-group.acd-active .acd-heading span { color: #fff; } + +/*plus-icon*/ +.accordion.plus-icon .acd-group.acd-active .acd-heading:before { content: "\f068"; font-size: 14px; } +.accordion.plus-icon .acd-group .acd-heading:before { content: "\f067"; font-size: 14px; } + +/*plus-icon round*/ +.accordion.plus-icon.round .acd-group.acd-active .acd-heading:before { content: "\f056"; font-size: 14px; } +.accordion.plus-icon.round .acd-group .acd-heading:before { content: "\f055"; font-size: 14px; } + +/*gray*/ +.accordion.gray .acd-heading { background-color: #f7f7f7; } +.accordion.gray .acd-heading { margin-bottom: 20px; padding: 20px 30px; } +.accordion.gray .acd-des { padding: 0 30px 20px; } +.accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover { color: #fff; background: #F5A623; } + +/*shadow*/ +.accordion.shadow .acd-heading { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } +.accordion.shadow .acd-heading { margin-bottom: 20px; padding: 20px 30px; } +.accordion.shadow .acd-des { padding: 0 30px 20px; } +.accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover { color: #fff; background: #F5A623; } + + +/*border*/ +.accordion.border .acd-heading { background: transparent; border:1px solid #eeeeee; box-shadow: none; } +.accordion.border .acd-heading { margin-bottom: 20px; padding: 20px 30px; } +.accordion.border .acd-des { padding: 0 30px 20px; } +.accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover { color: #fff; background: #F5A623; } + +/* Accordion Simple */ +.accordion.animated .acd-group .acd-heading { box-shadow: none; border:none; font-size: 18px; margin-bottom: 0; color:#363636; text-transform: inherit; font-weight: 700; padding: 20px 0px 0; } +.accordion.animated .acd-group.acd-active .acd-heading { font-size: 28px; color: #F5A623; margin-bottom: 20px; background: none !important;} +.accordion.animated .acd-group .acd-heading:hover{background: none !important; color: #F5A623;} +.accordion.animated .acd-group .acd-heading::before { display: none; } +.accordion.animated .acd-group .acd-des { padding: 0 30px 20px; } + +.accordion.animated.dark-bg .acd-group.acd-active .acd-heading { color: #ffffff; } +.accordion.animated.dark-bg .acd-group .acd-heading:hover { color: #ffffff; } \ No newline at end of file diff --git a/apply/css/shortcodes/action-box.css b/apply/css/shortcodes/action-box.css new file mode 100644 index 0000000..64bc652 --- /dev/null +++ b/apply/css/shortcodes/action-box.css @@ -0,0 +1,54 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Action Box CSS. +*/ + +/************************************* + action-box +**************************************/ +.action-box { position: relative; } +.action-box a.button { position: absolute; right: 0; top: 50%; margin-top: -20px; } + +/*border*/ +.action-box.border { padding: 30px; border:1px solid #eeeeee; } +.action-box.border a.button { right: 30px; } + +/*border center*/ +.action-box.center { text-align: center; } +.action-box.center a.button { position: relative; top: inherit; right: inherit; margin-top: 15px; } + +/*theme-bg*/ +.action-box.theme-bg { padding: 30px; } +.action-box.theme-bg a.button { right: 30px; } +.action-box.theme-bg h3, .action-box.theme-bg p { color: #ffffff; } + +/*theme-bg*/ +.action-box.black-bg { padding: 30px; } +.action-box.black-bg a.button { right: 30px; } +.action-box.black-bg h3, .action-box.black-bg p { color: #ffffff; } + +/*gray-bg*/ +.action-box.gray-bg { padding: 30px; } +.action-box.gray-bg a.button { right: 30px; } + +/*white-bg*/ +.action-box.white-bg { padding: 30px; } +.action-box.white-bg a.button { right: 30px; } + +/*gray-bg*/ +.action-box.parallax { padding: 100px 30px; } +.action-box.parallax h3, .action-box.parallax p { color: #ffffff; } + +/*full-width*/ +.action-box.full-width a.button { right: 15px; } + +/*gray-bg*/ +.action-box.pattern { padding: 100px 30px; } + +/*small*/ +.action-box.small { padding: 40px 35px; } +.action-box.small h3, .action-box.small p, .action-box.small .social-icons { position: relative; } +.action-box.small a.button { position: relative; top: inherit; right: inherit; margin-top: 15px; } \ No newline at end of file diff --git a/apply/css/shortcodes/blockquote.css b/apply/css/shortcodes/blockquote.css new file mode 100644 index 0000000..3c2890e --- /dev/null +++ b/apply/css/shortcodes/blockquote.css @@ -0,0 +1,31 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains blockquote CSS. +*/ + +/************************* + blockquote +*************************/ +blockquote { position: relative; } +blockquote cite { display: block; font-weight: 600; margin-top: 10px; } + +/*blockquote-right*/ +.blockquote-right { text-align: right; border-right: 5px solid #eee; border-left: 0; margin: 0 20px 0; } + +/*quote*/ +.quote { padding-top: 50px; } +.quote:before { content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #eee; position: absolute; left: 14px;top: -20px; } + +/*quote right*/ +.blockquote-right.quote:before { left: inherit; right: 14px; } + +/*theme-bg*/ +blockquote.theme-bg { border: 0px; color: #ffffff; padding: 70px 30px 30px; border-radius: 6px; } +blockquote.theme-bg:before { left: 24px; top: -10px; } + +/*theme-bg*/ +blockquote.black-bg { border: 0px; color: #ffffff; padding: 70px 30px 30px; border-radius: 6px; } +blockquote.black-bg:before { left: 24px; top: -10px; left: inherit; } \ No newline at end of file diff --git a/apply/css/shortcodes/bootstrap-typography.css b/apply/css/shortcodes/bootstrap-typography.css new file mode 100644 index 0000000..f487bd4 --- /dev/null +++ b/apply/css/shortcodes/bootstrap-typography.css @@ -0,0 +1,147 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Bootstrap Typography CSS. +*/ + +.pager { margin: 0; } +.affix { left: 0; right: 0; } +.btn-primary { background-color: #F5A623; border-color: #F5A623; } +.btn-primary:hover { background-color: #323232; border-color: #323232; } +.btn-primary.focus, .btn-primary:focus { background-color: #323232; border-color: #323232; } +.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background-color: #F5A623; } +select.input-sm { height: 50px; } +.nice-select:active, .nice-select.open, .nice-select:focus { border-color:#F5A623 !important; } +.list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge { color: #F5A623; } +.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { border-color: #F5A623; } +.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { background-color: #F5A623; border-color: #F5A623 } +.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background: #F5A623; } +.input-group-addon:last-child { border: 0; } +.input-group-addon { border-left:1px solid #e0e0e0 !important; padding: 6px 26px 6px 22px; background: #f6f7f8; border-radius: 25px; } +.datetimepicker .form-control:focus { box-shadow: none; background-color: #f6f7f8; } +.modal1 .mfp-close { display: none; } +.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0; } +/************************* + Process step +*************************/ +.stepwizard-step p { margin-top: 10px; } +.stepwizard-row { display: table-row;} +.stepwizard { display: table; width: 100%; position: relative; } +.stepwizard-step button[disabled] { opacity: 1 !important; filter: alpha(opacity=100) !important; } +.stepwizard-row:before { top: 24px; bottom: 0; position: absolute; content: " "; width: 100%; height: 1px; background-color: #ccc; z-order: 0; } +.stepwizard-step { display: table-cell; text-align: center; position: relative; } +.btn-circle { width: 50px; height: 50px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 50%; } + +/************************* + responsive-utilities +*************************/ +.responsive-utilities .is-visible { color: #468847; background-color: #dff0d8!important; } +.responsive-utilities .is-hidden { color: #ccc; background-color: #f9f9f9!important; } +.hidden-on .col-6 .visible, .visible-on .col-6 .visible { color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; } + +/************************************* + animations + **************************************/ +.bg { padding: 30px; border-radius: 3px; margin-bottom: 30px; } +.bg-01 { background: #fe80c0; } +.bg-02 { background: #b24a7d; } +.bg-03 { background: #76bcff; } +.bg-04 { background: #8d708e; } +.bg-05 { background: #807fff; } +.bg-06 { background: #e74c3c; } +.bg-07 { background: #16a085; } +.bg-08 { background: #f1c40f; } +.bg-09 { background: #27ae60; } +.bg-10 { background: #1abc9c; } +.bg-11 { background: #9b59b6; } +.bg-12 { background: #3498db; } +.bg-13 { background: #ff6d3a; } +.bg-14 { background: #2ecc71; } +.bg-15 { background: #32cdc7; } +.bg-16 { background: #009a9a; } + +/************************* + columns +*************************/ +.columns .gray-bg { padding: 15px; border-radius: 3px;} +.columns .gray-bg h5 { margin-bottom: 0px; } + +/************************* + Typography +*************************/ +.typography del, s, u { font-size: 14px; } +.typography .mark, mark { background: #F5A623; color: #fff; } +del, mark { background: #F5A623; color: #ffffff; padding: 0 5px; margin-right: 3px; } + +/************************* + data table +*************************/ +.table { margin-bottom: 0; } +.table-bordered tbody tr td, .table-bordered thead tr th { border-color: #eee; font-size: 14px; padding: 12px 20px; } +.table-1 thead { background: #F5A623; color: #fff; text-align: center; } +.table-1 thead tr th { border: medium none; font-weight: normal; text-align: center;} +.table-1 tbody tr td { color: #7e8890; font-size: 14px; padding: 12px 0; text-align: center; } +.table-2.table thead { background: transparent; color: #F5A623; font-weight: 600; text-align: center; } +.table-2.table thead tr th { border: 1px solid #F5A623 !important; text-align: center; } +.table-3.table thead { background: #dfdfdf; color: #323232; font-weight: 600; text-align: center; } +.table-3.table thead tr th { border:none; text-align: center; } + +/************************* + alerts and callouts +*************************/ +.alerts-and-callouts { font-size: 14px; } +.alerts-and-callouts .bs-callout { padding: 20px; margin: 20px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px; } +.alerts-and-callouts .bs-callout h4 { margin-top: 0; margin-bottom: 5px; } +.alerts-and-callouts .bs-callout p:last-child { margin-bottom: 0; } +.alerts-and-callouts .bs-callout code { border-radius: 3px; } +.alerts-and-callouts .bs-callout+.bs-callout { margin-top: -5px; } +.alerts-and-callouts .bs-callout-default { border-left-color: #777; } +.alerts-and-callouts .bs-callout-default h4 { color: #777; } +.alerts-and-callouts .bs-callout-primary { border-left-color: #428bca; } +.alerts-and-callouts .bs-callout-primary h4 { color: #428bca; } +.alerts-and-callouts .bs-callout-success { border-left-color: #5cb85c; } +.alerts-and-callouts .bs-callout-success h4 { color: #5cb85c; } +.alerts-and-callouts .bs-callout-danger { border-left-color: #d9534f; } +.alerts-and-callouts .bs-callout-danger h4 { color: #d9534f; } +.alerts-and-callouts .bs-callout-warning { border-left-color: #f0ad4e; } +.alerts-and-callouts .bs-callout-warning h4 { color: #f0ad4e; } +.alerts-and-callouts .bs-callout-info { border-left-color: #5bc0de; } +.alerts-and-callouts .bs-callout-info h4 { color: #5bc0de; } + +@media screen and (max-width: 767px) { +.animated { margin-top: 30px; } +.data-table .table tbody tr td { padding: 12px 10px; } +.tab-2 #tabs .tabs { width: 100%; } +.nav-tabs li a { font-size: 14px; } +.tab-1 li { margin-right: 2px; } +} + + /************************* + isotope +*************************/ +.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity}.isotope .isotope-item.no-transition,.isotope.no-transition,.isotope.no-transition .isotope-item{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s} + + /************************* + lists panels +*************************/ +.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { background-color: #F5A623; border-color: #F5A623; } +.panel-primary { border-color: #F5A623; } +.panel-primary>.panel-heading { background-color: #F5A623; border-color: #F5A623; } + + /************************* + lists panels +*************************/ +.modal { z-index: 99999; } +.modal-backdrop { z-index: 9999; } +.modal-dialog { margin: 100px auto; } +.modal-header, .modal-footer { border: 0; } +.modal-header, .modal-body { padding: 30px 30px 0 30px; } +.modal-footer { padding: 30px 30px 30px 30px; text-align: left; } +.modal-header .close { position: relative; z-index: 99; } + + /************************* + extra class +*************************/ +.image-content { float: left; width: 50%; margin: 0 20px 20px 0 ; } \ No newline at end of file diff --git a/apply/css/shortcodes/button.css b/apply/css/shortcodes/button.css new file mode 100644 index 0000000..096aef8 --- /dev/null +++ b/apply/css/shortcodes/button.css @@ -0,0 +1,58 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains button CSS. +*/ + +/*************************** + button +***************************/ +.button { background: #F5A623; padding: 12px 20px; font-size: 13px; letter-spacing: 1px; font-family: 'Nanum Gothic', serif; border: 0; color: #ffffff; text-transform: uppercase; font-weight: 400; display: inline-block; border-radius: 30px; text-align: center; border:2px solid #F5A623; } +.button + .button {margin-left: 20px;} +.button:hover, .button:focus { background: #353535; color: #ffffff; border-color: #353535; } +button { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } +.button.black { background: #353535; color: #ffffff; border:2px solid #353535;} +.button.black:hover, .button.black.active, .button.black:focus { background: #F5A623; color: #ffffff; border-color: #F5A623; } +.button.gray { background: #e0e0e0; color: #353535; border:2px solid #e0e0e0; } +.button.gray:hover, .button.gray.active, .button.gray:focus { background: #F5A623; color: #ffffff; border-color: #F5A623;} +.button.white { background: #fff; color: #F5A623; } +.button.white:hover, .button.white:focus { background: #353535; color: #ffffff;} +.button.opacity { background: rgba(245,166,35,0.6); color: #fff; border:0;} +.button.opacity:hover, .button.opacity:focus { background: #F5A623; color: #ffffff; border:0;} +.button.border { background: transparent; border: 2px solid #F5A623; color: #323232; } +.button.border:hover, .button.border:focus { background: #F5A623; color: #ffffff; border-color: #F5A623; } +.button.border.gray { background: transparent; border: 2px solid #e0e0e0; color: #aaaaaa; } +.button.border.gray:hover, .button.border.gray:focus { background: #F5A623; color: #ffffff; border-color: #F5A623; } +.button.border.white { background: transparent; border: 2px solid #fff; color: #fff; } +.button.border.white:hover, .button.border.white:focus { background: #fff; color: #F5A623; border-color: #fff; } +.button.border.black { background: transparent; border: 2px solid #353535; color: #353535; } +.button.border.black:hover, .button.border.black:focus { background: #353535; color: #ffffff; border-color: #353535; } +.button.icon i { margin-left: 10px; } +/*button with icon*/ +.button.arrow { background: transparent; border: none; color: #F5A623; padding: 0; font-weight: 600; } +.button.arrow i { padding-left: 10px; font-size: 16px; } +.button.arrow:hover { color: #353535; } +.button.arrow.white { color: #ffffff; border: none; } +.button.arrow.white:hover { color: #aaaaaa; background: transparent; } +.button.icon-color{background: none; border: none; color: #F5A623; padding: 0} +.button.icon-color:hover{color: #353535; background: transparent; } +.button.icon-color i{border: 1px solid #F5A623; border-radius: 50%; height: 22px; width: 22px; line-height: 20px; margin-left: 10px; transform: translateX(0px); transition: all 0.5s cubic-bezier(0.76, 0.46, 0.22, 1) 0s;} +.button.icon-color:hover i{background: #353535; border-color: #353535; color: #ffffff; transform: translateX(3px);} +.button.icon-color.white:hover, .button.icon-color.white:focus{color: #ffffff; border:none; background: none;} +.button.icon-color.white:hover i, .button.icon-color.white:focus i{background: #ffffff; color: #F5A623;} +.theme-bg .button.icon-color{color: #ffffff;} +.theme-bg .button.icon-color i {border-color: #ffffff;} +.theme-bg .button.icon-color:hover i { background: #ffffff; color: #F5A623; } +.big-button { padding: 28px 30px; font-size: 24px; } +.big-button span { display: block; font-size: 12px; margin-top: 6px;} +.button.x-small { padding: 8px 14px; font-size: 12px; } +.button.small { padding: 10px 18px; font-size: 12px; } +.button.medium { padding: 12px 20px; font-size: 14px; } +.button.large { padding: 14px 20px; font-size: 15px; } +.button.wide { padding: 8px 50px; font-size: 20px; } + +.button + .button.btn-block { margin-left: 0; } +/*button dropdown */ +.btn-dropdown { width:100%; padding:8px; font-size:12px; background-color:#fff; border-radius: 0px; border:1px solid #979797; } \ No newline at end of file diff --git a/apply/css/shortcodes/clients.css b/apply/css/shortcodes/clients.css new file mode 100644 index 0000000..ffaa6fa --- /dev/null +++ b/apply/css/shortcodes/clients.css @@ -0,0 +1,28 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Clients logo CSS. +*/ + +/************************* + Clients +*************************/ +.clients-list { overflow: hidden; } +.clients-list ul li { float: left; position: relative; width: 20%; padding: 20px; } +.clients-list.border ul li:before { height: 100%; top: 0; left: -1px; border-left: 1px solid #eee; } +.clients-list.border ul li:after, .clients-list.border ul li:before { content: ''; position: absolute; } +.clients-list.border ul li:after { width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px solid #eee; } + +/*column-4*/ + .clients-list.column-4 ul li { float: left; position: relative; width: 25%; padding: 10px; } + +/*column-3*/ +.clients-list.column-3 ul li { float: left; position: relative; width: 33.333%; padding: 10px; } + +/*column-2*/ +.clients-list.column-2 ul li { float: left; position: relative; width: 50%; padding: 10px; } + +.clients-list.grayscale img { filter: gray; -webkit-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } +.clients-list.grayscale img:hover { -webkit-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); } diff --git a/apply/css/shortcodes/contact-form.css b/apply/css/shortcodes/contact-form.css new file mode 100644 index 0000000..3a72846 --- /dev/null +++ b/apply/css/shortcodes/contact-form.css @@ -0,0 +1,61 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Contact form CSS. +*/ + +/************************* + Contact form +*************************/ +/*form-control*/ +.form-control { border-radius: 30px; height: auto; line-height: 1.33333; padding: 15px 18px 15px 30px; background: #f6f7f8; color: #323232; border: 0px solid transparent; box-shadow: none; } +.form-control:focus { background: #ffffff; border:0px; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; + -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; + border-color: transparent; } +.form-control.input-lg { resize: none; font-size: .9em } +.form-control.rounded { border-radius: 0px; } +.input-group-addon { border: 1px solid #e0e0e0; } +.form-group label { color: #353535; display: inline-block; margin-top: 8px; margin-bottom: 4px; text-transform: uppercase; font-size: 13px; } +.form-inline button { margin: 0px; } +.form-group > label { display: block; } +.form-control::-moz-placeholder { color: #323232; } +.form-control::-ms-input-placeholder { color: #323232; } +.form-control::-webkit-input-placeholder { color: #323232; } +.table-bordeblue>tbody>tr>td, .table-bordeblue>tbody>tr>th, .table-bordeblue>tfoot>tr>td, .table-bordeblue>tfoot>tr>th, .table-bordeblue>thead>tr>td, .table-bordeblue>thead>tr>th { border-color: #e0e0e0; padding: 12px 20px; } +textarea.form-control { resize: vertical; } +.contact-form.border-form .form-control { background: transparent; color: #aaaaaa; border:2px solid #eeeeee; } +.contact-form.border-form .form-control { box-shadow: none; color: #aaaaaa; } +.contact-form.border-form .form-control::-moz-placeholder { color: #aaaaaa; } +.contact-form.border-form .form-control::-ms-input-placeholder { color: #aaaaaa; } +.contact-form.border-form .form-control::-webkit-input-placeholder { color: #aaaaaa; } +.contact-form.border-form .form-control:focus { background: #f6f7f8; } +.contact-form.border-form .nice-select { background: transparent; color: #aaaaaa; border:2px solid #eeeeee; } +.contact-form.border-form .nice-select .option { color: #323232; } +.contact-form.border-form .nice-select:after { border-color: #aaaaaa; } +.contact-form.dark-form .form-control { background: rgba(43, 43, 43, 0.12); color: #ffffff; } +.contact-form.dark-form .form-control { box-shadow: none; color: #ffffff; } +.contact-form.dark-form .form-control::-moz-placeholder { color: #ffffff; } +.contact-form.dark-form .form-control::-ms-input-placeholder { color: #ffffff; } +.contact-form.dark-form .form-control::-webkit-input-placeholder { color: #ffffff; } +.contact-form.dark-form .form-control:focus { background: rgba(43, 43, 43, 0.19); } +.contact-form.dark-form .nice-select { background: rgba(43, 43, 43, 0.12); ; color: #ffffff; border:0; } +.contact-form.dark-form .nice-select .option { color: #323232; } +.contact-form.dark-form .nice-select:after { border-color: #ffffff; } +.contact-form.transparent-form .form-control { background: rgba(255, 255, 255, 0.12); color: #ffffff; } +.contact-form.transparent-form .form-control { box-shadow: none; color: #ffffff; } +.contact-form.transparent-form .form-control::-moz-placeholder { color: #ffffff; } +.contact-form.transparent-form .form-control::-ms-input-placeholder { color: #ffffff; } +.contact-form.transparent-form .form-control::-webkit-input-placeholder { color: #ffffff; } +.contact-form.transparent-form .form-control:focus { background: rgba(255, 255, 255, 0.19); } +.contact-form.transparent-form .nice-select { background: rgba(255, 255, 255, 0.12); color: #ffffff; border:0; } +.contact-form.transparent-form .nice-select .option { color: #323232; } +.contact-form.transparent-form .nice-select:after { border-color: #ffffff; } +.contact-form.full-width .section-field { width: 100%; } +.newsletter.francy { position: relative; } +.newsletter.francy .form-control { padding-right: 200px; } +.newsletter.francy button { position: absolute; top: 0; right: 0; padding: 13px 20px; } +.newsletter-box { padding: 30px; background: #ffffff; border-radius: 3px; } +.newsletter-box.gray-bg .form-control { background: #ffffff; } +.newsletter-box.border { padding: 30px; border:2px solid #eeeeee; border-radius: 3px; } \ No newline at end of file diff --git a/apply/css/shortcodes/countdown.css b/apply/css/shortcodes/countdown.css new file mode 100644 index 0000000..7ab55a7 --- /dev/null +++ b/apply/css/shortcodes/countdown.css @@ -0,0 +1,45 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains countdown CSS. +*/ + +/************************* + countdown +*************************/ +.countdown { display: inline-block; text-align: center; margin: 0px 20px; } +.countdown span { font-size: 40px; line-height: 40px; } +.countdown p { font-size: 16px; text-transform: capitalize; margin-bottom: 0; } + +/*small*/ +.countdown.small { display: inline-block; text-align: center; margin: 0px 10px; } +.countdown.small span { font-size: 30px; line-height: 30px; } + +/*medium*/ +.countdown.medium { display: inline-block; text-align: center; margin: 0px 30px; } +.countdown.medium span { font-size: 50px; line-height: 50px; } +.countdown.medium p { font-size: 20px; text-transform: capitalize; } + +/*large*/ +.countdown.large { display: inline-block; text-align: center; margin: 0px 40px; } +.countdown.large span { font-size: 70px; line-height: 70px; } +.countdown.large p { font-size: 24px; text-transform: capitalize; } + +/*gray-bg */ +.countdown.gray-bg { padding: 10px; } + +/*border*/ +.countdown.border { padding: 10px; border:2px solid #eeeeee; } + +/*border*/ +.countdown.round { padding: 30px; border:7px solid #eeeeee; border-radius: 50%; width: 140px; height: 140px; } +.countdown.round.small { width: 100px; height: 100px; padding: 15px 10px; } +.countdown.round.medium { width: 150px; height: 150px; padding: 15px; } +.countdown.round.medium span { line-height: 68px; } +.countdown.round.large { width: 190px; height: 190px; padding: 20px; } +.countdown.round.large span { line-height: 102px; } + +.countdown.text-white p { color: #ffffff; } +.countdown.round.text-white { border-color: rgba(255, 255, 255, 0.3); } \ No newline at end of file diff --git a/apply/css/shortcodes/counter.css b/apply/css/shortcodes/counter.css new file mode 100644 index 0000000..d100b06 --- /dev/null +++ b/apply/css/shortcodes/counter.css @@ -0,0 +1,37 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Counter CSS. +*/ + +/************************* + Counter +*************************/ +.counter{ position:relative; color:#353535; min-height:60px; } +.counter .icon { font-size: 40px; } +.counter .timer { display: block; font-size: 44px; font-weight: 600; line-height: 40px; margin: 20px 0 5px; } +.counter label { font-size: 15px; font-weight: 600; margin: 10px 0 0; position: relative; text-transform: uppercase; } +.counter.text-white { color:#ffffff; } +.counter.text-white label { color:#ffffff; } +.counter.text-white span { color:#ffffff; } +.counter.theme-color { color:#F5A623; } +.counter.theme-color label { color:#F5A623; } +.counter.theme-color span { color:#F5A623; } + +/*big-counter*/ +.counter.big-counter .timer { font-size: 70px; font-weight: 600; } +.counter.big-counter label { font-size: 18px; font-weight: 300; margin-top: 20px; } +.counter.big-counter icon { font-size: 50px; line-height: 60px; } + + /*left-icon*/ +.counter.left-icon { position:relative; padding-left:70px; } +.counter.left-icon .icon { font-size:40px; line-height:50px; position:absolute; left:0; bottom:auto; top:0; } +.counter.left-icon span { margin:0; line-height:40px; } + + /*left-icon*/ +.counter.right-icon { position:relative; padding-right:70px; } +.counter.right-icon .icon { font-size:40px; line-height:50px; position:absolute; right:0; bottom:auto; top:0; } +.counter.right-icon span { margin:0; line-height:40px; text-align: right; } +.counter.right-icon label { text-align: right; display: block; } \ No newline at end of file diff --git a/apply/css/shortcodes/divider.css b/apply/css/shortcodes/divider.css new file mode 100644 index 0000000..9c6ab92 --- /dev/null +++ b/apply/css/shortcodes/divider.css @@ -0,0 +1,34 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains divider CSS. +*/ + +/************************************* + divider + **************************************/ +.divider { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } +.divider.dotted { border-bottom: 2px dotted rgba(0, 0, 0, 0.1); } +.divider.dashed { border-bottom: 2px dashed rgba(0, 0, 0, 0.1); } +.divider.double { border-bottom: 5px double rgba(0, 0, 0, 0.1); } +.divider.outset { border-bottom: 5px outset rgba(0, 0, 0, 0.1); } + +/*icon*/ +.divider.icon { border: 0; color: #ccc; width: 100%; overflow: hidden; text-align: center; } +.divider.icon:after, .divider.icon:before, .divider.icon:after, .divider.icon:before { border-bottom: 1px solid rgba(0, 0, 0, 0.2); content: ""; display: inline-block; height: 10px; + margin: 0 -4px 0 -100%; vertical-align: top; width: 50%; } +.divider.icon::after, .divider.icon::after { margin: 0 -100% 0 0; } +.divider.icon i, .divider.icon span, .divider.icon i, .divider.icon span { margin: 0 20px 0 24px; } + +/*icon left*/ +.divider.icon.left i, .divider.icon.left span { float: left; margin: 0 40px 0 0; } +.divider.icon.right i, .divider.icon.right span { float: right; margin: 0 0 0 40px; } + +/*medium*/ +.divider.medium { width: 40%; margin: 0 auto; } + +/*small*/ +.divider.small { width: 20%; margin: 0 auto; } +.divider.light { border-color: rgba(255, 255, 255, 0.1); } \ No newline at end of file diff --git a/apply/css/shortcodes/dropcap.css b/apply/css/shortcodes/dropcap.css new file mode 100644 index 0000000..2a08646 --- /dev/null +++ b/apply/css/shortcodes/dropcap.css @@ -0,0 +1,16 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Dropcap & Highlight CSS. +*/ + +/************************************* + Dropcap & Highlight + **************************************/ + .dropcap { width: 40px; height: 40px; line-height: 40px; float: left; border-radius: 50%; background: #F5A623; text-align: center; color: #ffffff; margin-right: 10px; } + .dropcap.border { background: transparent; border:2px solid #F5A623; color: #F5A623; } + .dropcap.gray { background: #f6f7f8; color: #F5A623; } + .dropcap.large { width: 70px; height: 70px; line-height: 70px; font-size: 30px; } + .dropcap.square { border-radius: 3px; } \ No newline at end of file diff --git a/apply/css/shortcodes/feature-text.css b/apply/css/shortcodes/feature-text.css new file mode 100644 index 0000000..0a98cf5 --- /dev/null +++ b/apply/css/shortcodes/feature-text.css @@ -0,0 +1,66 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Features box CSS. +*/ + +/************************************* + Features all + **************************************/ +.feature-text { text-align: center; } +.feature-text.text-left { text-align: left; } +.feature-text.text-left .feature-icon span, .feature-text.text-left .feature-icon i { padding-left: 0; } +.feature-text.text-right .feature-icon span, .feature-text.text-right .feature-icon i { padding-right: 0; } +.feature-text.text-right { text-align: right; } +.feature-text .feature-icon span, .feature-text .feature-icon i { font-size: 32px; /*margin-bottom: 30px;*/ display: inline-block; /*padding-left: 15px;*/ transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; } +.feature-text.round .feature-icon span, .feature-text.round .feature-icon i { width: 70px; height: 70px; line-height: 70px; display: inline-block; font-size: 26px; border-radius: 50%; padding-left: 0px; } +.feature-text.border .feature-icon span, .feature-text.border .feature-icon i { color: #323232; background: transparent; border:2px solid #323232; padding-left: 0px; } +.feature-text.gray-icon .feature-icon span, .feature-text.gray-icon .feature-icon i { color: #323232; background: #f6f7f8; padding-left: 0px; } +.feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i { color: #ffffff; background: #F5A623; padding-left: 0px; } +.feature-text.shadow .feature-icon span, .feature-text.shadow .feature-icon i { color: #323232; background: #ffffff; box-shadow: 0 4px 20px rgba(0,0,0,0.09); padding-left: 0px; } +.feature-text.square .feature-icon span, .feature-text.square .feature-icon i { width: 70px; height: 70px; line-height: 70px; display: inline-block; font-size: 26px; padding-left: 0px;} + +/*left-icon*/ +.feature-text.left-icon .feature-info { text-align: left; padding-left: 60px; } +.feature-text.left-icon .feature-icon { position: absolute; left: 0; } + +/*right-icon*/ +.feature-text.right-icon .feature-info { text-align: right; padding-right: 60px; } +.feature-text.right-icon .feature-icon { position: absolute; right: 0; } + +.feature-text.left-icon.round .feature-info { padding-left: 80px; } +.feature-text.right-icon.round .feature-info { padding-right: 80px; } + + /*box-shadow*/ +.feature-text.box-shadow { box-shadow: 0 0px 30px rgba(0,0,0,0.09); padding: 40px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.feature-text.box-shadow:hover { box-shadow: 0 0px 70px rgba(0,0,0,0.09); } + +/*border-box*/ +.feature-text.border-box { box-shadow: 0 0px 1px rgba(0,0,0,0.5); padding: 40px;} + +/*button*/ +.feature-text .button { margin-top: 10px; } +.feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span { background: #F5A623; color: #ffffff; border-color: #F5A623; } +.feature-text.theme-icon:hover .feature-icon span, .feature-text.theme-icon:hover .feature-icon i { background: #323232; color: #ffffff; } +.feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span { background: #F5A623; color: #ffffff; border-color: #F5A623; } +.feature-text.square.theme-icon:hover .feature-icon span, .feature-text.square.theme-icon:hover .feature-icon i { background: #323232; color: #ffffff; } + + /*feature-box*/ + .awesome-features .img-side img { position: absolute; top: -30px; left: 0; } +.feature-box { border:1px solid #e6e6e6; padding: 1px; position: relative; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 1; } +.feature-box-content { position: relative; padding: 30px; padding-bottom: 0; z-index: 9; } +.feature-box i { width: 100%; font-size: 30px; color: #F5A623; padding: 0 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} +.feature-box h4 { text-transform: none; padding:30px 0 0px; font-weight: 500; transition: all 0.3s ease-out 0s; } +.feature-box p { transition: all 0.3s ease-out 0s; } +.feature-box a { font-size: 16px; font-weight: 300; color: #808080; margin: 25px 0 10px; padding: 0 30px; display: block; position: relative; z-index: 3; } +.feature-box .feature-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 0; background-size: cover; background-position: center center; } +.feature-box .border { position: absolute; background: #F5A623; height: 0px; bottom: 0; left: 0; z-index:2; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.feature-box:hover .feature-box-img, .feature-box.active .feature-box-img { opacity: 1; } +.feature-box:hover .border, .feature-box.active .border { height: 45px; } +.feature-box:hover i, .feature-box.active i { background: rgba(255, 255, 255, 0); color: #fff; } +.feature-box:hover h4, .feature-box.active h4, .feature-box:hover p, .feature-box.active p { color: #fff; } +.feature-box:hover a, .feature-box.active a { color: #fff; } +.feature-box:hover:before, .feature-box.active:before { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; color: #fff; content: ""; display: inline-block; height: 100%; + left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } \ No newline at end of file diff --git a/apply/css/shortcodes/list-style.css b/apply/css/shortcodes/list-style.css new file mode 100644 index 0000000..3721680 --- /dev/null +++ b/apply/css/shortcodes/list-style.css @@ -0,0 +1,37 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains list style CSS. +*/ + +/************************* + list-style +*************************/ +ul.list { padding:0; margin:0; } +ul.list li { margin:5px 0; padding-left:24px; position: relative; line-height: 28px; } +ul.list i { position: absolute; left: 0; top: 5px; } +ul.list.theme-color li i { color: #F5A623; } +ul.list.theme-color li { color: #333333; } +ul.list li:after { content:""; font-family: 'FontAwesome'; position:absolute; color:#F5A623; left:0; top:0; } + +/* Ul List Mark */ +ul.list-mark{padding:0; margin:0;} +ul.list-mark li{list-style-type:none; padding-left:25px; position:relative;} +ul.list-mark li:after{content:"\f00c";} + +/* Ul List Arrow */ +ul.list-arrow{padding:0; margin:0;} +ul.list-arrow li{list-style-type:none; padding-left:25px; position:relative;} +ul.list-arrow li:after{content:"\f105"; font-size:18px;} + +/* Ul List Hand */ +ul.list-hand{padding:0; margin:0;} +ul.list-hand li{list-style-type:none; padding-left:25px; position:relative;} +ul.list-hand li:after{content:"\f0a4";} + +/* Ul List Edit */ +ul.list-edit{padding:0; margin:0;} +ul.list-edit li{list-style-type:none; padding-left:25px; position:relative;} +ul.list-edit li:after{content:"\f040";} \ No newline at end of file diff --git a/apply/css/shortcodes/nice-select.css b/apply/css/shortcodes/nice-select.css new file mode 100644 index 0000000..d67ce4d --- /dev/null +++ b/apply/css/shortcodes/nice-select.css @@ -0,0 +1,38 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains nice select CSS. +*/ + +/************************* + nice-select +*************************/ +.nice-select { -webkit-tap-highlight-color: transparent; border: solid 1px #999; box-sizing: border-box;color:#fff; + clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 50px; line-height: 47px; outline: none; + padding-left: 13px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; } +.nice-select:hover { border-color: #F5A623; } +.nice-select:active, .nice-select.open, .nice-select:focus { border-color: #88bfff; } +.nice-select:after { border-bottom: 2px solid #90a1b5; border-right: 2px solid #90a1b5; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; + position: absolute; right: 22px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; } +.nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } +.nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } +.nice-select.disabled { border-color: #e7ecf2; color: #90a1b5; pointer-events: none; } +.nice-select.disabled:after { border-color: #cdd5de; } +.nice-select.wide { width: 100%; } +.nice-select.wide .list { left: 0 !important; right: 0 !important; } +.nice-select.right { float: right; } +.nice-select.right .list { left: auto; right: 0; } +.nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } +.nice-select.small:after { height: 4px; width: 4px; } +.nice-select.small .option { line-height: 34px; min-height: 34px; } +.nice-select .list { max-height: 300px; overflow-y: scroll; background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; padding: 0; pointer-events: none; position: absolute; top: -635%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } +.nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } +.nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; + -webkit-transition: all 0.2s; transition: all 0.2s; color: #333; } +.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f7f9; color:#333; } +.nice-select .option.selected { font-weight: bold; } +.nice-select .option.disabled { background-color: transparent; color: #90a1b5; cursor: not-allowed; } +.nice-select:active, .nice-select.open, .nice-select:focus { border-color: #ffffff !important; } \ No newline at end of file diff --git a/apply/css/shortcodes/onload-modal.css b/apply/css/shortcodes/onload-modal.css new file mode 100644 index 0000000..00214b1 --- /dev/null +++ b/apply/css/shortcodes/onload-modal.css @@ -0,0 +1,48 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains onload modal CSS. +*/ + +.mfp-container { cursor: url("../../images/close.png") 25 25, pointer; } + +/*modal-simple-content*/ +.modal-simple-content { background: #ffffff; padding: 50px 30px; border-radius: 3px; margin: 0 auto; max-width: 600px; } + +/*modal-shop*/ +.modal-shop { background: #323232; padding: 50px 60px; border-radius: 3px; margin: 0 auto; max-width: 650px; } +.modal-shop h2 { font-size: 60px; line-height: 60px; color: #ffffff; font-weight: 500; margin-top: 15px; } +.modal-shop span { display: block; } +.modal-shop p { color: rgba(255,255,255,0.5); } + +/*modal-subscribe*/ +.modal-subscribe { background: #ffffff; margin: 0 auto; max-width: 500px; } +.modal-subscribe .subscribe-icon { height: 300px; background: #F5A623; display: block; overflow: hidden; } +.modal-subscribe .subscribe-icon i { color: rgba(0, 0, 0, 0.2); font-size: 270px; transform: rotate(-30deg); -o-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -moz-transform: rotate(-30deg); } +.modal-subscribe .subscribe-content { padding: 30px; } +.modal-subscribe .subscribe-content p { color: #323232; } + +/*modal-login*/ +.modal-login { background: #ffffff; border-radius: 3px; margin: 0 auto; max-width: 600px; } +.modal-login .login-bg .login-title { border-radius: 0; } + +/*modal-register*/ +.modal-register { background: #ffffff; border-radius: 3px; margin: 0 auto; max-width: 600px; } +.modal-register .register-title { padding: 40px 30px; text-align: center; } +.modal-register .register-title img { height: 40px; } +.modal-register .register-form { padding: 50px; } + +/*modal-video*/ +.modal-video { background: #ffffff; padding: 50px 30px; border-radius: 3px; margin: 0 auto; max-width: 600px; } +.image-source-link { color: #98C3D1; } + +/*mfp-with-zoom*/ +.mfp-with-zoom .mfp-container, +.mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden;/* ideally, transition speed should match zoom duration */ + -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } +.mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } +.mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } +.mfp-with-zoom.mfp-removing .mfp-container, +.mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } \ No newline at end of file diff --git a/apply/css/shortcodes/owl-carousel.css b/apply/css/shortcodes/owl-carousel.css new file mode 100644 index 0000000..5ea1377 --- /dev/null +++ b/apply/css/shortcodes/owl-carousel.css @@ -0,0 +1,31 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Owl Carousel CSS. +*/ + +/*************************** + Owl Carousel +***************************/ +.owl-carousel .owl-item img { width: auto; } +.owl-carousel .owl-nav { display: block; position: absolute; text-indent: inherit; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; z-index: 999;} +.owl-carousel .owl-nav .owl-prev, +.owl-carousel .owl-nav .owl-next{display: block; position: absolute; text-indent: inherit; width: auto; cursor: pointer; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out;} +.owl-carousel .owl-nav .owl-prev{left:0;} +.owl-carousel .owl-nav .owl-next{right:0;} +.owl-carousel .owl-nav i{ font-size: 20px; width:36px; height:36px; line-height:36px; display: inline-block; color:#ffffff; border-radius: 50%; background:#F5A623; border:0px solid #3d3d3d; font-weight:normal; text-align: center; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;} +.owl-carousel .owl-nav i:hover{background:#333; color:#ffffff;} +.bottom-nav .owl-nav { bottom: 0; top: inherit; } +.bottom-nav .owl-nav .owl-next { right: 46%; } +.bottom-nav .owl-nav .owl-prev { left: 46%; } + +/* Dots */ +.owl-carousel .owl-controls .owl-dot { margin: 0; display: inline-block; } +.owl-carousel .owl-dots { display: inline-block; /*position: absolute; bottom: -35px; */text-indent: inherit; width: 100%; cursor: pointer; text-align: right; padding-right:20px; } +.owl-carousel .owl-dots .owl-dot span { background: #ddd; display: inline-block; width: 10px; height: 10px; border-radius: 50%; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; cursor: pointer; } +.owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span { background:#F5A623; } +.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { display: inline-block; margin: 14px 2px 0; } +.bottom-left-dots .owl-dots { bottom: 30px !important; position: absolute; } +.bottom-left-dots .owl-dots .owl-dot span { background: #ffffff; } \ No newline at end of file diff --git a/apply/css/shortcodes/page-title.css b/apply/css/shortcodes/page-title.css new file mode 100644 index 0000000..d58b5d5 --- /dev/null +++ b/apply/css/shortcodes/page-title.css @@ -0,0 +1,66 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Page Title CSS. +*/ + +/************************************* + page-title +**************************************/ +.page-title { display: block; padding-top:50px; padding-bottom: 50px; position: relative; } +.page-title.bg-overlay-black-60:before { z-index: 0; } +.page-title .container { height: 100%; position: relative; } +.page-title span { text-transform: capitalize; } +.page-title h1 { text-transform: capitalize; color: #ffffff; font-weight: 600; } +.page-title p { font-size: 18px; text-transform: capitalize; color: #ffffff; } +.page-title .page-title-name { display: inline-block; width: 60%; } +.page-title .page-breadcrumb { float: right; width: 40%; text-align: right; } +ul.page-breadcrumb li span { color: #fff; font-size: 14px; text-transform: capitalize; } +ul.page-breadcrumb { padding-top: 30px; } +ul.page-breadcrumb li { color: #fff; display: inline-block; list-style: none; } +ul.page-breadcrumb li i { font-size: 14px; padding: 0 7px;} +ul.page-breadcrumb li a { color: #fff; font-size: 14px; text-transform: capitalize; } +ul.page-breadcrumb li a:hover { color: #F5A623; } +.page-title.gray-bg h1, .page-title.gray-bg p { color: #323232; } +.page-title.gray-bg ul.page-breadcrumb li a { color: #323232; } +.page-title.gray-bg ul.page-breadcrumb li a:hover { color: #F5A623; } +.page-title.gray-bg ul.page-breadcrumb li { color: #323232; } +.page-title.gray-bg ul.page-breadcrumb li span { color: #F5A623; } + +/*center*/ +.page-title.center { text-align: center; } +.page-title.center .page-title-name { display: block; width: inherit; } +.page-title.center .page-breadcrumb { float: none; width: inherit; text-align: center; } + +/*right*/ +.page-title.right { clear: both; } +.page-title.right .page-title-name { display: inline-block; float: right; text-align: right; } +.page-title.right .page-breadcrumb { float: left; text-align: left; } + +/*small*/ +.page-title.small { padding-top:20px; padding-bottom: 20px; position: relative; } +.page-title.small h1 { font-size: 22px; line-height: 24px; margin-bottom: 0px; margin-top: 8px; } +.page-title.small .page-breadcrumb { padding-top: 10px; } + +/*gray-bg */ +.page-title.pattern h1, .page-title.pattern p { color: #323232; } +.page-title.pattern ul.page-breadcrumb li a { color: #323232; } +.page-title.pattern ul.page-breadcrumb li a:hover { color: #F5A623; } +.page-title.pattern ul.page-breadcrumb li { color: #323232; } +.page-title.pattern ul.page-breadcrumb li span { color: #F5A623; } + +/*light-overlay*/ +.page-title.light-overlay { position: relative; padding-top: 360px; } +.page-title.light-overlay:before { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; right: 0; content: ""; background: url(../../images/white-overlay.png); background-repeat: repeat-x; background-position: bottom; } +.page-title.light-overlay h1, .page-title.light-overlay p { color: #323232; } +.page-title.light-overlay ul.page-breadcrumb li a { color: #323232; } +.page-title.light-overlay ul.page-breadcrumb li a:hover { color: #F5A623; } +.page-title.light-overlay ul.page-breadcrumb li { color: #323232; } +.page-title.light-overlay ul.page-breadcrumb li span { color: #F5A623; } + + +/*dark-overlay*/ +.page-title.dark-overlay { position: relative; } +.page-title.dark-overlay:before { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; right: 0; content: ""; background: url(../../images/dark-overlay.png); background-repeat: repeat-x; background-position: bottom; } diff --git a/apply/css/shortcodes/pie-chart.css b/apply/css/shortcodes/pie-chart.css new file mode 100644 index 0000000..4b88279 --- /dev/null +++ b/apply/css/shortcodes/pie-chart.css @@ -0,0 +1,15 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Pie chart CSS. +*/ + + +/*************************** + pie-chart +***************************/ +.round-chart { display: inline-block; position: relative; text-align: center; margin-bottom: 20px; } +.round-chart span, .round-chart i { display: inline-block; font-size: 28px; z-index: 2; font-weight: 600; position: absolute; } +.round-chart.white span, .round-chart.white i { color: #ffffff; } diff --git a/apply/css/shortcodes/pricing.css b/apply/css/shortcodes/pricing.css new file mode 100644 index 0000000..8708111 --- /dev/null +++ b/apply/css/shortcodes/pricing.css @@ -0,0 +1,72 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Pricing CSS. +*/ + +/*************************** + Our Pricing +***************************/ +.pricing-top { box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); padding: 30px; border-top: 8px solid #1a1a1a; border-radius: 6px; } +.pricing-prize h2 span { font-size: 18px; } +.pricing-prize { margin: 30px 0; } +.pricing-content { width: 70%; margin: 40px auto 0; } +.pricing-content .pricing-table-list ul li { line-height: 56px; font-weight: 600; } +.pricing-content .pricing-table-list ul li i { width: 25px; display: inline-block; color: #F5A623; } +.pricing-content .pricing-table-list ul li i.fa-times { color: red; } +.pricing-content .pricing-table-list ul li span { margin-top: 16px; text-align: center; font-size: 14px; line-height: 24px; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.09); width: 24px; height: 24px; background: transparent; border-radius: 50%; } +.pricing-content .pricing-table-list ul li span i { padding-right: 0; } +.pricing-table.active { margin-top: -7px; } +.pricing-table.active .pricing-top { border-top: 16px solid #F5A623; box-shadow: 0 0 50px rgba(0, 0, 0, 0.05); padding-bottom: 30px; } +.pricing-table.active .pricing-top a.button { padding: 12px 60px; font-size: 20px; } +.pricing-table.active .pricing-prize { margin: 30px 0 20px; } + +/*style-2*/ +.pricing-table.boxed { box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); padding: 30px; border-top: 8px solid #1a1a1a; border-radius: 6px; } +.pricing-table.boxed .pricing-top { box-shadow: none; border: 0; padding: inherit; border-radius: inherit; padding: 0; } +.pricing-table.boxed .pricing-content { width: inherit; margin:0 ; margin-top: 20px; } +.pricing-table.active.boxed { border-top: 16px solid #F5A623; box-shadow: 0 0 50px rgba(0, 0, 0, 0.05); } + +/*price simple*/ +.price { list-style-type: none; border: 1px solid #eee; margin: 0; padding: 0; -webkit-transition: 0.3s; transition: 0.3s; border:0; } +.price:hover { box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); } +.price .header { background-color: #111; color: #ffffff; font-size: 25px; } +.price li { border-bottom: 1px solid #eee; padding: 20px; text-align: center; } +.price .grey { background-color: #eee; font-size: 20px; } +.price.active .header { background: #F5A623; } + +/*membership-pricing*/ +.membership-pricing-table { width: 100%; } +.membership-pricing-table table { width: 100%; } +.membership-pricing-table table .icon-no,.membership-pricing-table table .icon-yes { font-size: 22px; } +.membership-pricing-table table .icon-no { color: #a93717; } +.membership-pricing-table table .icon-yes { color: #209e61; } +.membership-pricing-table table .plan-header { text-align: center; font-size: 48px; border: 1px solid #e2e2e2; padding: 25px 0; } +.membership-pricing-table table .plan-header-free { background-color: #eee; color: #555; } +.membership-pricing-table table .plan-header-blue { color: #fff; background-color: #111; border-color: #000; } +.membership-pricing-table table .plan-header-standard { color: #fff; background-color: #F5A623; border-color: #F5A623; } +.membership-pricing-table table td { text-align: center; width: 15%; padding: 7px 10px; background-color: #fafafa; font-size: 14px; -webkit-box-shadow: 0 1px 0 #fff inset; + box-shadow: 0 1px 0 #fff inset; } +.membership-pricing-table table,.membership-pricing-table table td { border: 1px solid #ebebeb; } +.membership-pricing-table table tr td:first-child { background-color: transparent; text-align: right; width: 14%; } +.membership-pricing-table table tr td:nth-child(5) { background-color: #FFF; } +.membership-pricing-table table tr:first-child td,.membership-pricing-table table tr:nth-child(2) td { -webkit-box-shadow: none; box-shadow: none; } +.membership-pricing-table table tr:first-child th:first-child { border-top-color: transparent; border-left-color: transparent; border-right-color: #e2e2e2; } +.membership-pricing-table table tr:first-child th .pricing-plan-name { font-size: 22px; } +.membership-pricing-table table tr:first-child th .pricing-plan-price { line-height: 35px; } +.membership-pricing-table table tr:first-child th .pricing-plan-price>sup { font-size: 45%; } +.membership-pricing-table table tr:first-child th .pricing-plan-price>i { font-size: 30%; } +.membership-pricing-table table tr:first-child th .pricing-plan-period { margin-top: 10px; font-size: 25%; } +.membership-pricing-table table .header-plan-inner { position: relative; } +.membership-pricing-table table .recommended-plan-ribbon { box-sizing: content-box; background-color: #ffffff; color: #F5A623; position: absolute; + padding: 3px 6px; font-size: 11px!important; font-weight: 500; left: -6px; top: -22px; z-index: 99; width: 100%; -webkit-box-shadow: 0 -1px #c2284c inset; + box-shadow: 0 -1px #ffffff inset; text-shadow: 0 -1px #ffffff; } +.membership-pricing-table table .recommended-plan-ribbon:before { border: solid; border-color: #ffffff transparent; border-width: 6px 0 0 6px; + bottom: -5px; content: ""; left: 0; position: absolute; z-index: 90; } +.membership-pricing-table table .recommended-plan-ribbon:after { border: solid; border-color: #ffffff transparent; border-width: 6px 6px 0 0; + bottom: -5px; content: ""; right: 0; position: absolute; z-index: 90; } +.membership-pricing-table table .plan-head { box-sizing: content-box; background-color: #ff9c00; border: 1px solid #cf7300; position: absolute; top: -33px; + left: -1px; height: 30px; width: 100%; border-bottom: none; } +.membership-pricing-table table td i.fa-times-circle-o { color: red; } \ No newline at end of file diff --git a/apply/css/shortcodes/progress-bar.css b/apply/css/shortcodes/progress-bar.css new file mode 100644 index 0000000..e1512fe --- /dev/null +++ b/apply/css/shortcodes/progress-bar.css @@ -0,0 +1,37 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Progress Bar (Skill) CSS. +*/ + +/************************* + skills +*************************/ +.skill-bar{width:100%; height:7px; margin:40px 0 20px 0; background-color:#eceff8; border-radius: 4px;} +.skill-bar:not(:first-child){margin-top:64px;} +.progress-bar{height:100%; border-radius: 4px; padding:0px; background:#F5A623; box-shadow:none; transition: width .9s ease; -webkit-transition: width .9s ease; -o-transition: width .9s ease; -ms-transition: width .9s ease; -moz-transition: width .9s ease; } +.progress-title{color:#353535; font-size:18px; font-weight:600; position:absolute; text-align:left; margin-left:0; margin-top:-28px;} +.progress-title > i{margin-right:8px;} +.progress-bar .progress-number, +.progress-bar .progress-type{color:#353535; float:right; margin-top:-18px; position:relative; top:-10px; font-size:15px; font-weight: 600;} + +/* Dark Background */ +.text-white .skill-bar{background:rgba(255,255,255,0.25);} +.text-white .progress-title{color:#ffffff;} +.text-white .progress-bar .progress-number, +.text-white .progress-bar .progress-type{color:#ffffff;} +.theme-bg .progress-bar, .services-text-box-blue .progress-bar{background: #ffffff} + +/* big Skills */ +.skill-bar.skill-big { height:12px; } + +/* Medium Skills */ +.skill-bar.skill-medium { height:8px; } + +/* Small Skills */ +.skill-bar.skill-small { height:3px; } + +/* Dark Skills */ +.skill-bar.skill-dark .progress-bar { background:#353535; } \ No newline at end of file diff --git a/apply/css/shortcodes/section-title.css b/apply/css/shortcodes/section-title.css new file mode 100644 index 0000000..2568b7c --- /dev/null +++ b/apply/css/shortcodes/section-title.css @@ -0,0 +1,52 @@ + +/*Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Section titles CSS.*/ + + +/************************* + Section title 1 +***********************/ +.section-title { margin-bottom: 40px; position: relative; } +.section-title .title { margin-top: 0px; position: relative; } +.section-title .subtitle { font-size: 12px; letter-spacing: 1px; font-weight: 700; margin-bottom: 10px; text-transform: uppercase;} +.section-title p { margin-bottom: 0px; font-size: 14px; font-weight: 400; } + +/*line*/ +.section-title.line .title { padding-bottom: 20px; } +.section-title.line .title:before { position: absolute; left: 0; bottom: 0; width: 80px; height: 3px; background: #F5A623; content: ""; } + + /*title center */ +.section-title.center .title:before { left: 50%; margin-left: -35px; } +.section-title.right .title:before { right: 0; left: inherit; margin-left: inherit; } + +/*bg */ +.section-title span.theme-bg { background: #F5A623; color: #ffffff; padding: 0 15px; } + +/*dark-bg*/ +.section-title.dark-bg .title { color: #ffffff; } +.section-title.dark-bg .subtitle { color: #ffffff; } +.section-title.dark-bg p { color: #ffffff; } +.section-title.dark-bg.line .title:before { background: #ffffff; } +.section-title.dark-bg span.theme-bg { background: #ffffff; color: #F5A623; } + +.title-effect { z-index: 99; position: relative; display: inline-block; transition: transform 0.5s, color 0.5s; transition-timing-function: cubic-bezier(0.2,1,0.3,1); } +.title-effect::before { content: ''; position: absolute; z-index: -1; width: 100%; height: 50%; left: 0; bottom: 0; opacity: 0.2; transform: scale3d(0,1,1); + transform-origin: 0% 50%; transition: transform 0.5s; transition-timing-function: cubic-bezier(0.2,1,0.3,1); } +.section-title:nth-child(odd) .title-effect::before { background: #F5A623; } + +section:hover .title-effect::before, section:focus .title-effect::before {transform: scale3d(1,1,1); } +section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even) { color: #F5A623; } + + /*dark*/ +section:nth-child(odd) .title-effect.dark::before { background: #ffffff; } +section:hover .title-effect.dark:nth-child(even), section:focus .title-effect.dark:nth-child(even) { color: #ffffff; } + +/*.title-effect:hover:before, .title-effect:focus::before {transform: scale3d(1,1,1); } +.title-effect:hover:nth-child(even), .title-effect:focus:nth-child(even) { color: #F5A623; }*/ + + /*dark*/ +/*.title-effect.dark:nth-child(odd):before { background: #ffffff; } +.title-effect.dark:hover:nth-child(even), section .title-effect.dark:focus:nth-child(even) { color: #ffffff; } \ No newline at end of file diff --git a/apply/css/shortcodes/shortcodes.css b/apply/css/shortcodes/shortcodes.css new file mode 100644 index 0000000..d57340d --- /dev/null +++ b/apply/css/shortcodes/shortcodes.css @@ -0,0 +1,38 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file includes all shortcode css. If you don't want to use any shortcode from below. You can simply remove that line from this file. + +*/ + +/*shortcode*/ +@import url("accordion.css"); +@import url("action-box.css"); +@import url("blockquote.css"); +@import url("bootstrap-typography.css"); +@import url("button.css"); +@import url("clients.css"); +/*@import url("contact-form.css");*/ +@import url("countdown.css"); +@import url("counter.css"); +@import url("divider.css"); +@import url("dropcap.css"); +@import url("feature-text.css"); +@import url("list-style.css"); +@import url("nice-select.css"); +@import url("owl-carousel.css"); +@import url("page-title.css"); +@import url("pie-chart.css"); +@import url("pricing.css"); +@import url("progress-bar.css"); +@import url("section-title.css"); +@import url("shortcodes.css"); +@import url("social-icons.css"); +@import url("tabs.css"); +@import url("team.css"); +@import url("testimonial.css"); +@import url("side-panel.css"); +@import url("onload-modal.css"); diff --git a/apply/css/shortcodes/side-panel.css b/apply/css/shortcodes/side-panel.css new file mode 100644 index 0000000..cc26610 --- /dev/null +++ b/apply/css/shortcodes/side-panel.css @@ -0,0 +1,173 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Side panel CSS. +*/ + +html, +body, +.st-container, +.st-pusher, +.st-content { } +.st-content { overflow-y: scroll; } +.st-content, +.st-content-inner { position: relative; } +.st-container { position: relative; overflow-x: hidden; } +.st-pusher { position: relative; left: 0; z-index: 99; height: 100%; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; } +.st-menu .newsletter-box.border { border-left: 0; border-right: 0; } +.st-pusher::after { position: absolute; top: 0; right: 0; width: 0; height: 0; background: rgba(0, 0, 0, 0.6); content: ''; opacity: 0; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -o-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -ms-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -moz-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; } +.st-menu-open .st-pusher::after { width: 100%; height: 100%; opacity: 1; z-index: 9999; -webkit-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; cursor: url("../../images/close.png") 25 25, pointer; } +.st-menu { position: fixed; top: 0; left: 0; z-index: 9999; visibility: hidden; width: 380px; height: 100%; background: #ffffff; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } +.st-menu::after { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); content: ''; opacity: 1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; } +.st-menu-open .st-menu::after { width: 0; height: 0; opacity: 0; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -moz-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -o-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -ms-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; } + + +/* content style */ +.slide-logo { padding: 30px; } +.slide-logo img { height: 50px; } +.st-menu ul.menu { margin: 0; padding: 30px; list-style: none; } +.st-menu ul.menu li { line-height: 60px; } +.st-menu ul.menu li a { font-size: 30px; color: #323232; font-family: 'Nanum Gothic', serif; position: relative; } +.st-menu ul.menu li a:before { opacity: 0; content: ''; position: absolute; left: 0; width: 0; height: 14px; background: rgba(132, 186, 63, 0.4); bottom: 0; transition: 0.3s ease-in-out; } +.st-menu ul.menu li a:hover:before, +.st-menu ul.menu li a.active:before, +.st-menu ul.menu li a.active, +.st-menu ul.menu li a:hover { opacity: 1; width: 100%; color: #F5A623; } +.slide-footer { padding: 30px; } +.slide-footer .social ul li { display: inline-block; } +.slide-footer .social ul li a { font-size: 20px; padding-right: 20px; } +.slide-footer .social ul li.facebook a { color: #5d82d1; } +.slide-footer .social ul li.instagram a { color: #521313; } +.slide-footer .social ul li.twitter a { color: #40bff5; } +.slide-footer .social ul li.pinterest a { color: #e13138; } +.slide-footer .social ul li.behance a { color: #1879fd; } +.slide-footer .social ul li.google a { color: #ff0000; } + +/* Individual effects */ + +/* Effect 1: Slide in on top */ +.st-effect-1.st-menu { visibility: visible; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } +.st-effect-1.st-menu-open .st-effect-1.st-menu { visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } +.st-effect-1.st-menu::after { display: none; } + +/* Effect 2: Reveal */ +.st-effect-2.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-2.st-menu { z-index: 1; } +.st-effect-2.st-menu-open .st-effect-2.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -ms-transition: -ms-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; } +.st-effect-2.st-menu::after { display: none; } + +/* Effect 3: Push*/ +.st-effect-3.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-3.st-menu { -webkit-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } +.st-effect-3.st-menu-open .st-effect-3.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; } +.st-effect-3.st-menu::after { display: none; } + +/* Effect 4: Slide along */ +.st-effect-4.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-4.st-menu { z-index: 1; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } +.st-effect-4.st-menu-open .st-effect-4.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } +.st-effect-4.st-menu::after { display: none; } + +/* Effect 5: Reverse slide out */ +.st-effect-5.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-5.st-menu { z-index: 1; -webkit-transform: translate3d(50%, 0, 0); -ms-transform: translate3d(50%, 0, 0); -o-transform: translate3d(50%, 0, 0); -moz-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } +.st-effect-5.st-menu-open .st-effect-5.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -o-transition: -o-transform 0.5s; -ms-transition: -ms-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } + +/* Effect 6: Rotate pusher */ +.st-effect-6.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; } +.st-effect-6 .st-pusher { -webkit-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-6.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0) rotateY(-15deg); -o-transform: translate3d(380px, 0, 0) rotateY(-15deg); -ms-transform: translate3d(380px, 0, 0) rotateY(-15deg); -moz-transform: translate3d(380px, 0, 0) rotateY(-15deg); transform: translate3d(380px, 0, 0) rotateY(-15deg); } +.st-effect-6.st-menu { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-6.st-menu-open .st-effect-6.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(-100%, 0, 0) rotateY(15deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(15deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(15deg); -o-transform: translate3d(-100%, 0, 0) rotateY(15deg); transform: translate3d(-100%, 0, 0) rotateY(15deg); } +.st-effect-6.st-menu::after { display: none; } + +/* Effect 7: 3D rotate in */ +.st-effect-7.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; } +.st-effect-7 .st-pusher { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-7.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-7.st-menu { -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(-90deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(-90deg); -o-transform: translate3d(-100%, 0, 0) rotateY(-90deg); transform: translate3d(-100%, 0, 0) rotateY(-90deg); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-7.st-menu-open .st-effect-7.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -ms-transition: -ms-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg); -o-transform: translate3d(-100%, 0, 0) rotateY(0deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(0deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(0deg); transform: translate3d(-100%, 0, 0) rotateY(0deg); } + +/* Effect 8: 3D rotate out */ +.st-effect-8.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; } +.st-effect-8 .st-pusher { -webkit-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-8.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-8.st-menu { -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg); -o-transform: translate3d(-100%, 0, 0) rotateY(90deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(90deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(90deg); transform: translate3d(-100%, 0, 0) rotateY(90deg); -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-8.st-menu-open .st-effect-8.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(0deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(0deg); -o-transform: translate3d(-100%, 0, 0) rotateY(0deg); transform: translate3d(-100%, 0, 0) rotateY(0deg); } +.st-effect-8.st-menu::after { display: none; } + +/* Effect 9: Scale down pusher */ +.st-effect-9.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; } +.st-effect-9 .st-pusher { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-9.st-menu-open .st-pusher { -webkit-transform: translate3d(0, 0, -380px); -ms-transform: translate3d(0, 0, -380px); -moz-transform: translate3d(0, 0, -380px); -o-transform: translate3d(0, 0, -380px); transform: translate3d(0, 0, -380px); } +.st-effect-9.st-menu { opacity: 1; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } +.st-effect-9.st-menu-open .st-effect-9.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } +.st-effect-9.st-menu::after { display: none; } + +/* Effect 10: Scale up */ +.st-effect-10.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; } +.st-effect-10.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-10.st-menu { z-index: 1; opacity: 1; -webkit-transform: translate3d(0, 0, -380px); -moz-transform: translate3d(0, 0, -380px); -ms-transform: translate3d(0, 0, -380px); -o-transform: translate3d(0, 0, -380px); transform: translate3d(0, 0, -380px); } +.st-effect-10.st-menu-open .st-effect-10.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } + +/* Effect 11: Scale and rotate pusher */ +.st-effect-11.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; } +.st-effect-11 .st-pusher { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-11.st-menu-open .st-pusher { -webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg); -ms-transform: translate3d(100px, 0, -600px) rotateY(-20deg); -moz-transform: translate3d(100px, 0, -600px) rotateY(-20deg); -o-transform: translate3d(100px, 0, -600px) rotateY(-20deg); transform: translate3d(100px, 0, -600px) rotateY(-20deg); } +.st-effect-11.st-menu { opacity: 1; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } +.st-effect-11.st-menu-open .st-effect-11.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; -ms-transition: -ms-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } +.st-effect-11.st-menu::after { display: none; } + +/* Effect 12: Open door */ +.st-effect-12.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; } +.st-effect-12 .st-pusher { -webkit-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-12.st-menu-open .st-pusher { -webkit-transform: rotateY(-10deg); -moz-transform: rotateY(-10deg); -o-transform: rotateY(-10deg); -ms-transform: rotateY(-10deg); transform: rotateY(-10deg); } +.st-effect-12.st-menu { opacity: 1; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } +.st-effect-12.st-menu-open .st-effect-12.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; -ms-transition: -ms-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } +.st-effect-12.st-menu::after { display: none; } + +/* Effect 13: Fall down */ +.st-effect-13.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; } +.st-effect-13.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-13.st-menu { z-index: 1; opacity: 1; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } +.st-effect-13.st-menu-open .st-effect-13.st-menu { visibility: visible; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -ms-transition-property: -ms-transform; -o-transition-property: -o-transform; transition-property: transform; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-speed: 0.2s; -o-transition-speed: 0.2s; -moz-transition-speed: 0.2s; -ms-transition-speed: 0.2s; transition-speed: 0.2s; } + +/* Effect 14: Delayed 3D rotate */ +.st-effect-14.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; -moz-perspective-origin: 0% 50%; -ms-perspective-origin: 0% 50%; -o-perspective-origin: 0% 50%; perspective-origin: 0% 50%; } +.st-effect-14 .st-pusher { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-14.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-14.st-menu { -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(90deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(90deg); -o-transform: translate3d(-100%, 0, 0) rotateY(90deg); transform: translate3d(-100%, 0, 0) rotateY(90deg); -webkit-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-14.st-menu-open .st-effect-14.st-menu { visibility: visible; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-property: -webkit-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(0deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(0deg); -o-transform: translate3d(-100%, 0, 0) rotateY(0deg); transform: translate3d(-100%, 0, 0) rotateY(0deg); } + +/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */ +.no-csstransforms3d .st-pusher, +.no-js .st-pusher { padding-left: 380px; } + +/************************************* + v1.2 +**************************************/ +/*right-side*/ +.st-menu.right-side { right: 0; left: inherit; } + +/* Effect 1: Slide in on top */ +.st-effect-1.st-menu.right-side { background: #ffffff url(../../images/objects/sidemenu_bg.png) no-repeat; visibility: visible; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } +.st-effect-1.st-menu-open.right-side .st-effect-1.st-menu.right-side { visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } +.st-effect-1.right-side.st-menu::after { display: none; } + +/*big-side */ +.st-menu.big-side { width: 550px; } +.st-menu.big-side ul.menu { padding-bottom: 0px; } +.st-menu.big-side ul.menu li a { font-size: 40px; line-height: 40px; font-weight: 500; } + +.st-menu.big-side .right-side-bottom { position: relative; top: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } + +.social-icons.width-half ul { display: inline-block; } +.social-icons.width-half ul li { width: 49%; float: left; margin: 0; } +.social-icons.width-half ul li a { text-align: left; } + +/*slide-footer-content*/ +.slide-footer-content { padding: 30px 30px 30px 0; margin-bottom: 30px; position: relative; } +.slide-footer-content p {font-size: 16px; font-weight: bold; line-height: 30px; font-style: italic; } + \ No newline at end of file diff --git a/apply/css/shortcodes/social-icons.css b/apply/css/shortcodes/social-icons.css new file mode 100644 index 0000000..a33ce73 --- /dev/null +++ b/apply/css/shortcodes/social-icons.css @@ -0,0 +1,249 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains social icon CSS. +*/ + +/************************* + social-icon +*************************/ +.social-icons ul{padding:0;} +.text-center.social-icons ul{display:inline-block;} +.social-icons li{float:left; list-style:none; padding:0; margin:0 8px 8px 0;} +.social-icons li a { float: left; height: 32px; width: 32px; line-height: 33px; font-size: 16px; text-align: center; margin:0; border-radius: 4px; border: 0; background: transparent; color: #333; overflow: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } + +.text-white .social-icons li a{color:#ffffff;} + +/*Colored*/ +.social-icons.color a, +.social-icons.color-hover a:hover{color:#fff; border:0;} + +.social-icons.color .social-rss a, +.social-icons.color-hover .social-rss a:hover {background-color: #faa33d;} + +.social-icons.color .social-facebook a, +.social-icons.color-hover .social-facebook a:hover{background-color:#5d82d1;} + +.social-icons.color .social-twitter a, +.social-icons.color-hover .social-twitter a:hover{background-color:#40bff5;} + +.social-icons.color .social-vimeo a, +.social-icons.color-hover .social-vimeo a:hover{background-color:#35c6ea;} + +.social-icons.color .social-myspace a, +.social-icons.color-hover .social-myspace a:hover{background-color:#008dde;} + +.social-icons.color .social-youtube a, +.social-icons.color-hover .social-youtube a:hover{background-color:#ef4e41;} + +.social-icons.color .social-instagram a, +.social-icons.color-hover .social-instagram a:hover{background-color:#e1326b;} + +.social-icons.color .social-gplus a, +.social-icons.color-hover .social-gplus a:hover{background-color:#d68400;} + +.social-icons.color .social-stumbleupon a, +.social-icons.color-hover .social-stumbleupon a:hover{background-color:#ff5c30;} + +.social-icons.color .social-lastfm a, +.social-icons.color-hover .social-lastfm a:hover{background-color:#f34320;} + +.social-icons.color .social-pinterest a, +.social-icons.color-hover .social-pinterest a:hover{background-color:#e13138;} + +.social-icons.color .social-google a, +.social-icons.color-hover .social-google a:hover{background-color:#eb5e4c;} + +.social-icons.color .social-evernote a, +.social-icons.color-hover .social-evernote a:hover{background-color:#9acf4f;} + +.social-icons.color .social-dribbble a, +.social-icons.color-hover .social-dribbble a:hover{background-color:#f7659c;} + +.social-icons.color .social-skype a, +.social-icons.color-hover .social-skype a:hover{background-color:#13c1f3;} + +.social-icons.color .social-forrst a, +.social-icons.color-hover .social-forrst a:hover{background-color:#45ad76;} + +.social-icons.color .social-linkedin a, +.social-icons.color-hover .social-linkedin a:hover{background-color:#238cc8;} + +.social-icons.color .social-wordpress a, +.social-icons.color-hover .social-wordpress a:hover{background-color:#2592c3;} + +.social-icons.color .social-grooveshark a, +.social-icons.color-hover .social-grooveshark a:hover{background-color:#ffb21d;} + +.social-icons.color .social-delicious a, +.social-icons.color-hover .social-delicious a:hover{background-color:#377bda;} + +.social-icons.color .social-behance a, +.social-icons.color-hover .social-behance a:hover{background-color:#1879fd;} + +.social-icons.color .social-dropbox a, +.social-icons.color-hover .social-dropbox a:hover{background-color:#17a3eb;} + +.social-icons.color .social-soundcloud a, +.social-icons.color-hover .social-soundcloud a:hover{background-color:#ff7e30;} + +.social-icons.color .social-deviantart a, +.social-icons.color-hover .social-deviantart a:hover{background-color:#6a8a7b;} + +.social-icons.color .social-yahoo a, +.social-icons.color-hover .social-yahoo a:hover{background-color:#ab47ac;} + +.social-icons.color .social-flickr a, +.social-icons.color-hover .social-flickr a:hover{background-color:#ff48a3;} + +.social-icons.color .social-digg a, +.social-icons.color-hover .social-digg a:hover{background-color:#75788d;} + +.social-icons.color .social-blogger a, +.social-icons.color-hover .social-blogger a:hover{background-color:#ff9233;} + +.social-icons.color .social-tumblr a, +.social-icons.color-hover .social-tumblr a:hover{background-color:#426d9b;} + +.social-icons.color .social-quora a, +.social-icons.color-hover .social-quora a:hover{background-color:#ea3d23;} + +.social-icons.color .social-github a, +.social-icons.color-hover .social-github a:hover{background-color:#3f91cb;} + +.social-icons.color .social-amazon a, +.social-icons.color-hover .social-amazon a:hover{background-color:#ff8e2e;} + +.social-icons.color .social-xing a, +.social-icons.color-hover .social-xing a:hover{background-color:#1a8e8c;} + +.social-icons.color .social-wikipedia a, +.social-icons.color-hover .social-wikipedia a:hover{background-color:#b3b5b8;} + +.social-icons.color .social-android a, +.social-icons.color-hover .social-android a:hover{background-color:#A4C639;} + +.social-icons.color .social-apple a, +.social-icons.color-hover .social-apple a:hover{background-color:#999999;} + +/* Border */ +.social-icons.border li a{border:1px solid #eee; background:transparent;} + +/* Dark */ +.social-icons.social-icons-dark li a{background:#888; color:#fff;} + +/* Light */ +.social-icons.light li a{background:#fff; color:#333; border:1px solid #eee;} + +/* Rounded */ +.social-icons.rounded li a{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} + +/* Medium Size */ +.social-icons.medium li a{height:42px; width:42px; line-height:42px; font-size:18px;} + +/* Large Size */ +.social-icons.social-icons-large li a{height:48px; width:48px; line-height:48px; font-size:18px; margin:0 10px 10px 0;} +.social-icons:not(.color):not(.color-hover) li a:hover{background-color: #eee;} +.social-icons li:hover i{-webkit-animation: toTopFromBottom 0.3s forwards; -moz-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards;} + +@-webkit-keyframes toTopFromBottom { + 49% {-webkit-transform: translateY(-100%);} + 50% {opacity: 0; -webkit-transform: translateY(100%);} + 51% {opacity: 1;} +} +@-moz-keyframes toTopFromBottom { + 49% {-moz-transform: translateY(-100%);} + 50% {opacity: 0; -moz-transform: translateY(100%);} + 51% {opacity: 1;} +} +@keyframes toTopFromBottom { + 49% {transform: translateY(-100%);} + 50% {opacity: 0; transform: translateY(100%);} + 51% {opacity: 1;} +} + +.social-icons.big li a { height:62px; width:62px; line-height:62px; font-size:18px; } + + +/*icon */ +.social-icons.color-icon a { #F5A623; } + +.social-icons.color-icon .social-rss a { color: #faa33d;} + +.social-icons.color-icon .social-facebook a { color:#5d82d1;} + +.social-icons.color-icon .social-twitter a { color:#40bff5;} + +.social-icons.color-icon .social-vimeo a { color:#35c6ea;} + +.social-icons.color-icon .social-myspace a { color:#008dde;} + +.social-icons.color-icon .social-youtube a { color:#ef4e41;} + +.social-icons.color-icon .social-instagram a { color:#e1326b;} + +.social-icons.color-icon .social-gplus a { color:#d68400;} + +.social-icons.color-icon .social-stumbleupon a { color:#ff5c30;} + +.social-icons.color-icon .social-lastfm a { color:#f34320;} + +.social-icons.color-icon .social-pinterest a { color:#e13138;} + +.social-icons.color-icon .social-google a { color:#eb5e4c;} + +.social-icons.color-icon .social-evernote a { color:#9acf4f;} + +.social-icons.color-icon .social-dribbble a { color:#f7659c;} + +.social-icons.color-icon .social-skype a { color:#13c1f3;} + +.social-icons.color-icon .social-forrst a { color:#45ad76;} + +.social-icons.color-icon .social-linkedin a { color:#238cc8;} + +.social-icons.color-icon .social-wordpress a { color:#2592c3;} + +.social-icons.color-icon .social-grooveshark a { color:#ffb21d;} + +.social-icons.color-icon .social-delicious a { color:#377bda;} + +.social-icons.color-icon .social-behance a { color:#1879fd;} + +.social-icons.color-icon .social-dropbox a { color:#17a3eb;} + +.social-icons.color-icon .social-soundcloud a { color:#ff7e30;} + +.social-icons.color-icon .social-deviantart a { color:#6a8a7b;} + +.social-icons.color-icon .social-yahoo a { color:#ab47ac;} + +.social-icons.color-icon .social-flickr a { color:#ff48a3;} + +.social-icons.color-icon .social-digg a { color:#75788d;} + +.social-icons.color-icon .social-blogger a { color:#ff9233;} + +.social-icons.color-icon .social-tumblr a { color:#426d9b;} + +.social-icons.color-icon .social-quora a { color:#ea3d23;} + +.social-icons.color-icon .social-github a { color:#3f91cb;} + +.social-icons.color-icon .social-amazon a { color:#ff8e2e;} + +.social-icons.color-icon .social-xing a { color:#1a8e8c;} + +.social-icons.color-icon .social-wikipedia a { color:#b3b5b8;} + +.social-icons.color-icon .social-android a { color:#A4C639;} + +.social-icons.color-icon .social-apple a { color:#999999;} + +.social-icons.text-social li a { width: inherit; height: inherit; font-size: 18px; font-weight: bold; } +.social-icons.text-social li a:hover { background: transparent; } +.social-icons:not(.color):not(.color-hover) li a:hover { background: transparent; } + + diff --git a/apply/css/shortcodes/tabs.css b/apply/css/shortcodes/tabs.css new file mode 100644 index 0000000..ba577f1 --- /dev/null +++ b/apply/css/shortcodes/tabs.css @@ -0,0 +1,53 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains tab CSS. +*/ + +/************************* + tab +*************************/ + /*tab 1*/ +.tab .nav.nav-tabs { border: none; margin-bottom: 30px; } +.tab .nav.nav-tabs li { margin-bottom: 0px; float: none; display: inline-block; } +.tab .nav.nav-tabs li a { border: none; line-height: normal; border-radius: 0px; padding: 12px 30px; background: #f6f7f8; color: #353535; border:1px solid #eeeeee; } +.tab .nav.nav-tabs li a i { padding-right: 15px; } +.tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover { background: #F5A623; color: #fff; border-color:#F5A623; } + +/*nav-border*/ +.nav-border .nav.nav-tabs li a { margin-right: 0; border:1px solid #eeeeee; background: transparent; } +.nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover { color: #ffffff; background: #F5A623; border-color:#F5A623; } + +/*tab-border*/ +.tab-border .nav.nav-tabs { margin-bottom: 0; } +.tab-border .tab-content { padding: 20px; border:1px solid #eeeeee; margin-top: -2px; } +.tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover { color: #F5A623; background: #ffffff !important; border-color:#eeeeee; border-bottom: 0; } + +/*nav-center*/ +.nav-center .nav.nav-tabs { text-align: center; } + +/*round*/ +.round .nav.nav-tabs li a { border: none; line-height: normal; margin-right: 10px; border-radius: 90px; padding: 12px 30px; background: #f6f7f8; color: #353535; } + +/*shadow*/ +.shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover { color: #F5A623; background: #ffffff !important; border-color:#eeeeee; border-bottom: 0; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); } + +/*tab-vertical*/ +.tab-vertical .nav-tabs { float: left; width: 25%; } +.tab-vertical .nav.nav-tabs li { display: block; } +.tab-vertical .nav.nav-tabs li a { border-right: 0; border-top: 0; padding: 14px 30px; } +.tab-vertical .nav.nav-tabs li:first-child a { border-top: 1px solid #eeeeee; } +.tab-vertical .tab-content { background-color: #fff; border: 1px solid #e9e9e9; padding: 40px 30px; margin-left: 24.8%; line-height: 30px; margin-top: 0; } +.tab-vertical .tab-content p { line-height: 30px; } +.tab-vertical .nav.nav-tabs > li.active > a, .tab-vertical .nav.nav-tabs > li.active > a:focus, .tab-vertical .nav.nav-tabs > li.active > a:hover { border-bottom: 1px solid #eeeeee; } + +/*vertical-right*/ +.vertical-right .nav-tabs { float: right; } +.vertical-right .nav.nav-tabs li a { border-right: 1px solid #eeeeee; border-left: 0; } +.vertical-right .tab-content { margin-right: 24.8%; margin-left: inherit; text-align: right; } + +/* dropdown */ +.tab-dropdown .tab-content { margin-top: 30px; } +.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { background: #F5A623; color: #ffffff; } \ No newline at end of file diff --git a/apply/css/shortcodes/team.css b/apply/css/shortcodes/team.css new file mode 100644 index 0000000..4a8aca0 --- /dev/null +++ b/apply/css/shortcodes/team.css @@ -0,0 +1,62 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Team CSS. +*/ + +/************************* + team +*************************/ +.team { text-align: center; overflow: hidden; } +.team .team-description { padding: 30px 20px; } +.team .team-info h5 { text-transform: uppercase; } +.team .team-info span { font-size: 14px; text-transform: uppercase;} +.team .social-icons { text-align: center; display: inline-block; margin-top: 20px; } +.team .team-contact span { display: block; font-size: 14px; } +.team .team-contact span.call { font-size: 20px; line-height: 28px; font-weight: 600; margin: 10px 0; color: #F5A623; } +.team .team-contact span i { padding-right: 5px; } + +/*team-hover*/ +.team.team-hover .social-icons { position: absolute; top: 0; left: 10px; opacity: 0; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; } +.team.team-hover .social-icons ul { display: block; } +.team.team-hover .social-icons li { display: block; float: none; clear: both; } +.team.team-hover .social-icons li a { margin: 3px 0; border-radius: 50%; } +.team.team-hover:hover .social-icons { opacity: 1; left: 40px; } + +/*team border*/ +.team-border .team-description { border:1px solid #eeeeee; } + +/*team bg*/ +.team-bg .team-description { background: #f6f7f8; } + +/*team shadow*/ +.team-shadow { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } + +/*team round*/ +.team-round .team-photo img { border-radius: 50%; } + +/*team full border*/ +.team-round.full-border { padding: 30px; border:1px solid #eeeeee; } +.team-round.full-border .team-contact span.call { font-size: 16px; line-height: 22px; font-weight: normal; color: #363636; } +.team-round.full-border .team-contact span.email { font-size: 17px; color: #F5A623; } +.team-round.full-border .team-description { padding-bottom: 0; } +.team.team-list { clear: both; } +.team.team-list h5 { font-size: 26px; } +.team.team-list .team-info span { font-size: 18px; } +.team.team-list .team-photo { float: left; width: 40%; } +.team.team-list .team-description { position: relative; overflow: hidden; text-align: left; } +.team.team-list .team-description { padding-top: 0; } +.team.team-list.team-hover .social-icons { opacity: 1; left: inherit; top: inherit; margin-top:15px; } +.team.team-list.team-hover .social-icons li { float: left; } +.team.team-list.team-hover .team-description { padding: 30px 20px 50px; } + +/*team-overlay*/ +.team.team-overlay { position: relative; } +.team.team-overlay .team-description { width: 100%; padding: 10px 0px; position: absolute; bottom: 10px; display: block; margin-top: 0; float: left; z-index: 9; padding-left: 20px; left: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.team.team-overlay .team-description span { display: block; } +.team.team-overlay:before { z-index: 1; position: absolute; width: 100%; left: 0; right: 0; bottom: 0; content: ""; ackground: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; } +.team.team-overlay img { transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } +.team.team-overlay:hover img { -webkit-transform:scale(1.20); -moz-transform:scale(1.20); -ms-transform:scale(1.20); -o-transform:scale(1.20); transform:scale(1.20); } +.team.team-overlay.team-hover .social-icons, .team.team-overlay.team-hover .team-contact { display: none; } \ No newline at end of file diff --git a/apply/css/shortcodes/testimonial.css b/apply/css/shortcodes/testimonial.css new file mode 100644 index 0000000..fa3de41 --- /dev/null +++ b/apply/css/shortcodes/testimonial.css @@ -0,0 +1,58 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains testimonial CSS. +*/ + +/************************* + testimonial +*************************/ +.testimonial {position: relative; background:#f9f9f9; padding:85px 50px 45px 70px; margin:0 0px 4px 0; margin-top:45px; color:#656565; font-weight:400; line-height:24px; text-align:center; } +.testimonial-avatar{position: absolute; left: 50%; margin-left:-40px; top:-45px; width:100px; height:100px;} +.testimonial-avatar img{border:4px solid #F5A623; max-width:100%; border-radius: 50%;} + +.testimonial-info{position: relative;} +.testimonial-info:before{position:absolute; top:-15px; left:-35px; color:#F5A623; content: "\201C"; font-family: Georgia, serif; font-size:100px;} + +.author-info{font-size:16px; color:#032323; text-transform:uppercase; margin-top:20px; position:relative;} +.author-info strong{font-weight:500;} +.author-info span{font-weight: normal; color: #F5A623; text-transform:none;} + +/* Light */ +.testimonial.light { background:#fff; } + +/* Text White */ +.text-white .testimonial, .testimonial.text-white { color:#fff; } +.text-white .testimonial .author-info { color:#fff; } + +/* Clean */ +.testimonial.clean { background:none; box-shadow:none; padding-bottom:0; padding:0 50px 25px 70px; margin-top:0; } +.testimonial.clean .testimonial-avatar { position:relative; top:0; margin-bottom:20px; } + +.testimonial.text-white.clean .author-info { color:#F5A623; } +.theme-bg .testimonial.clean { padding-bottom:10px; margin-bottom:0;} +.theme-bg .testimonial.clean .author-info { color:#032323; } +.theme-bg .testimonial.clean .testimonial-avatar img { border-color:#ffffff; } +.testimonial.text-white.clean .testimonial-info:before, +.testimonial.text-white.clean .author-info span { color:#ffffff; } +.testimonial.text-white.clean .author-info:before{ background:#ffffff;} + +/* Left Position */ +.testimonial.left_pos { margin-left: 40px; padding:60px 40px 40px 100px; text-align:left; } +.testimonial.left_pos .testimonial-avatar { left:0; margin-top:-50px; top:50%; } +.testimonial.left_pos .author-info:before { margin-left:0; left:0; } + +/* Bottom Position */ +.testimonial.bottom_pos { padding:60px 40px 40px 60px; text-align: left; margin-top:0; margin-bottom:70px; } +.testimonial.bottom_pos .testimonial-avatar { bottom: -50px; top: inherit; left: 0px; margin-left: 50px; } +.testimonial.bottom_pos .author-info { margin-left:125px; } +.testimonial.bottom_pos .author-info:before { margin-left:0; left:0; } + +/* green BG */ +.testimonial.theme-bg { background:#F5A623; color:#ffffff; } +.testimonial.theme-bg .testimonial-info:before, +.testimonial.theme-bg .author-info span { color:#ffffff; } +.testimonial.theme-bg .testimonial-avatar img { border-color:#ffffff; color:#ffffff; } +.testimonial.theme-bg .author-info:before { background:#ffffff; } \ No newline at end of file diff --git a/apply/css/skins/css - 바로 가기.lnk b/apply/css/skins/css - 바로 가기.lnk new file mode 100644 index 0000000..81d579e Binary files /dev/null and b/apply/css/skins/css - 바로 가기.lnk differ diff --git a/apply/css/skins/skin-blue-gem.css b/apply/css/skins/skin-blue-gem.css new file mode 100644 index 0000000..62585b3 --- /dev/null +++ b/apply/css/skins/skin-blue-gem.css @@ -0,0 +1,111 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #5713A9; color: #fff; text-shadow: none; } +::-moz-selection { background: #5713A9; color: #fff; text-shadow: none; } +::selection { background: #5713A9; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #5713A9;} + +/*v1.2*/ +.popup-video-image a i { background: #5713A9;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #5713A9;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #5713A9;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #5713A9; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #5713A9; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #5713A9; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #5713A9; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i { color: #5713A9; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #5713A9; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #5713A9; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #5713A9; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #5713A9; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #5713A9; } + +.progress-bar-new { background-color: #5713A9; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #5713A9; border-right-color:#5713A9; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #5713A9; } + +.rev-color { color: #5713A9 !important; } +.rev-button { background: #5713A9 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #5713A9 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #5713A9 !important; } + + .st-menu ul.menu li a:before { background: rgba(87, 19, 169, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #4b0d95; } + + + +.bg-overlay-theme-10:before { background: rgba(87, 19, 169, 0.1); } +.bg-overlay-theme-20:before { background: rgba(87, 19, 169, 0.2); } +.bg-overlay-theme-30:before { background: rgba(87, 19, 169, 0.3); } +.bg-overlay-theme-40:before { background: rgba(87, 19, 169, 0.4); } +.bg-overlay-theme-50:before { background: rgba(87, 19, 169, 0.5); } +.bg-overlay-theme-60:before { background: rgba(87, 19, 169, 0.6); } +.bg-overlay-theme-70:before { background: rgba(87, 19, 169, 0.7); } +.bg-overlay-theme-80:before { background: rgba(87, 19, 169, 0.8); } +.bg-overlay-theme-90:before { background: rgba(87, 19, 169, 0.9); } + + + + + + + + + \ No newline at end of file diff --git a/apply/css/skins/skin-blue.css b/apply/css/skins/skin-blue.css new file mode 100644 index 0000000..a4c9d93 --- /dev/null +++ b/apply/css/skins/skin-blue.css @@ -0,0 +1,110 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #299be8; color: #fff; text-shadow: none; } +::-moz-selection { background: #299be8; color: #fff; text-shadow: none; } +::selection { background: #299be8; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #299be8;} + + +/*v1.2*/ +.popup-video-image a i { background: #299be8;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #299be8;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #299be8;} + + +/************************* + Color +*************************/ + +a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #299be8; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #299be8; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #299be8; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #299be8; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #299be8; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #299be8; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #299be8; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #299be8; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #299be8; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #299be8; } + +.progress-bar-new { background-color: #299be8; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #299be8; border-right-color:#299be8; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #299be8; } + +.rev-color { color: #299be8 !important; } +.rev-button { background: #299be8 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #299be8 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #299be8 !important; } + + .st-menu ul.menu li a:before { background: rgba(41, 155, 232, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #1d7ebf; } + + +.bg-overlay-theme-10:before { background: rgba(41, 155, 232, 0.1); } +.bg-overlay-theme-20:before { background: rgba(41, 155, 232, 0.2); } +.bg-overlay-theme-30:before { background: rgba(41, 155, 232, 0.3); } +.bg-overlay-theme-40:before { background: rgba(41, 155, 232, 0.4); } +.bg-overlay-theme-50:before { background: rgba(41, 155, 232, 0.5); } +.bg-overlay-theme-60:before { background: rgba(41, 155, 232, 0.6); } +.bg-overlay-theme-70:before { background: rgba(41, 155, 232, 0.7); } +.bg-overlay-theme-80:before { background: rgba(41, 155, 232, 0.8); } +.bg-overlay-theme-90:before { background: rgba(41, 155, 232, 0.9); } + + + + + + diff --git a/apply/css/skins/skin-brown.css b/apply/css/skins/skin-brown.css new file mode 100644 index 0000000..f8ee68c --- /dev/null +++ b/apply/css/skins/skin-brown.css @@ -0,0 +1,100 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #885830; color: #fff; text-shadow: none; } +::-moz-selection { background: #885830; color: #fff; text-shadow: none; } +::selection { background: #885830; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #885830;} + +/*v1.2*/ +.popup-video-image a i { background: #5713A9;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .popup-video-image a i, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #885830;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #885830;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #885830; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #5713A9; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #5713A9; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #5713A9; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #885830; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #885830; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #885830; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #885830; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #885830; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #885830; } + +.progress-bar-new { background-color: #885830; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #885830; border-right-color:#885830; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #885830; } + +.rev-color { color: #885830 !important; } +.rev-button { background: #885830 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #885830 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #885830 !important; } + + .st-menu ul.menu li a:before { background: rgba(136, 88, 48, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #784b25; } + +.bg-overlay-theme-10:before { background: rgba(136, 88, 48, 0.1); } +.bg-overlay-theme-20:before { background: rgba(136, 88, 48, 0.2); } +.bg-overlay-theme-30:before { background: rgba(136, 88, 48, 0.3); } +.bg-overlay-theme-40:before { background: rgba(136, 88, 48, 0.4); } +.bg-overlay-theme-50:before { background: rgba(136, 88, 48, 0.5); } +.bg-overlay-theme-60:before { background: rgba(136, 88, 48, 0.6); } +.bg-overlay-theme-70:before { background: rgba(136, 88, 48, 0.7); } +.bg-overlay-theme-80:before { background: rgba(136, 88, 48, 0.8); } +.bg-overlay-theme-90:before { background: rgba(136, 88, 48, 0.9); } \ No newline at end of file diff --git a/apply/css/skins/skin-chestnut-rose.css b/apply/css/skins/skin-chestnut-rose.css new file mode 100644 index 0000000..90ffc0d --- /dev/null +++ b/apply/css/skins/skin-chestnut-rose.css @@ -0,0 +1,101 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #D35665; color: #fff; text-shadow: none; } +::-moz-selection { background: #D35665; color: #fff; text-shadow: none; } +::selection { background: #D35665; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #D35665;} + +/*v1.2*/ +.popup-video-image a i { background: #D35665;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #D35665;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #D35665;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #D35665; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #D35665; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #D35665; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #D35665; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #D35665; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #D35665; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #D35665; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #D35665; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #D35665; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #D35665; } + +.progress-bar-new { background-color: #D35665; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #D35665; border-right-color:#D35665; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #D35665; } + +.rev-color { color: #D35665 !important; } +.rev-button { background: #D35665 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #D35665 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #D35665 !important; } + + .st-menu ul.menu li a:before { background: rgba(211, 86, 101, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #c34857; } + +.bg-overlay-theme-10:before { background: rgba(211, 86, 101, 0.1); } +.bg-overlay-theme-20:before { background: rgba(211, 86, 101, 0.2); } +.bg-overlay-theme-30:before { background: rgba(211, 86, 101, 0.3); } +.bg-overlay-theme-40:before { background: rgba(211, 86, 101, 0.4); } +.bg-overlay-theme-50:before { background: rgba(211, 86, 101, 0.5); } +.bg-overlay-theme-60:before { background: rgba(211, 86, 101, 0.6); } +.bg-overlay-theme-70:before { background: rgba(211, 86, 101, 0.7); } +.bg-overlay-theme-80:before { background: rgba(211, 86, 101, 0.8); } +.bg-overlay-theme-90:before { background: rgba(211, 86, 101, 0.9); } + \ No newline at end of file diff --git a/apply/css/skins/skin-cyan.css b/apply/css/skins/skin-cyan.css new file mode 100644 index 0000000..2073758 --- /dev/null +++ b/apply/css/skins/skin-cyan.css @@ -0,0 +1,103 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #37c5a6; color: #fff; text-shadow: none; } +::-moz-selection { background: #37c5a6; color: #fff; text-shadow: none; } +::selection { background: #37c5a6; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #37c5a6;} + +/*v1.2*/ +.popup-video-image a i { background: #37c5a6;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #37c5a6;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #37c5a6;} + +/************************* + Color +*************************/ + +a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #37c5a6; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #37c5a6; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #37c5a6; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #37c5a6; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #37c5a6; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #37c5a6; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #37c5a6; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #37c5a6; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #37c5a6; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #37c5a6; } + +.progress-bar-new { background-color: #37c5a6; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #37c5a6; border-right-color:#37c5a6; } + + + header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #37c5a6; } + +.rev-color { color: #37c5a6 !important; } +.rev-button { background: #37c5a6 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #37c5a6 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #37c5a6 !important; } + + .st-menu ul.menu li a:before { background: rgba(55, 197, 166, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #29a88c; } + + + .bg-overlay-theme-10:before { background: rgba(55, 197, 166, 0.1); } +.bg-overlay-theme-20:before { background: rgba(55, 197, 166, 0.2); } +.bg-overlay-theme-30:before { background: rgba(55, 197, 166, 0.3); } +.bg-overlay-theme-40:before { background: rgba(55, 197, 166, 0.4); } +.bg-overlay-theme-50:before { background: rgba(55, 197, 166, 0.5); } +.bg-overlay-theme-60:before { background: rgba(55, 197, 166, 0.6); } +.bg-overlay-theme-70:before { background: rgba(55, 197, 166, 0.7); } +.bg-overlay-theme-80:before { background: rgba(55, 197, 166, 0.8); } +.bg-overlay-theme-90:before { background: rgba(55, 197, 166, 0.9); } \ No newline at end of file diff --git a/apply/css/skins/skin-dark-pink.css b/apply/css/skins/skin-dark-pink.css new file mode 100644 index 0000000..2527a6b --- /dev/null +++ b/apply/css/skins/skin-dark-pink.css @@ -0,0 +1,102 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #f41e54; color: #fff; text-shadow: none; } +::-moz-selection { background: #f41e54; color: #fff; text-shadow: none; } +::selection { background: #f41e54; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #f41e54;} + + +/*v1.2*/ +.popup-video-image a i { background: #f41e54;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #f41e54;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #f41e54;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #f41e54; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #f41e54; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #f41e54; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #f41e54; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i { color: #f41e54; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #f41e54; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #f41e54; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #f41e54; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #f41e54; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #f41e54; } + +.progress-bar-new { background-color: #f41e54; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #f41e54; border-right-color:#f41e54; } + + header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #f41e54; } + +.rev-color { color: #f41e54 !important; } +.rev-button { background: #f41e54 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #f41e54 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #f41e54 !important; } + + .st-menu ul.menu li a:before { background: rgba(244, 30, 84, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #dc1547; } + + .bg-overlay-theme-10:before { background: rgba(244, 30, 84, 0.1); } +.bg-overlay-theme-20:before { background: rgba(244, 30, 84, 0.2); } +.bg-overlay-theme-30:before { background: rgba(244, 30, 84, 0.3); } +.bg-overlay-theme-40:before { background: rgba(244, 30, 84, 0.4); } +.bg-overlay-theme-50:before { background: rgba(244, 30, 84, 0.5); } +.bg-overlay-theme-60:before { background: rgba(244, 30, 84, 0.6); } +.bg-overlay-theme-70:before { background: rgba(244, 30, 84, 0.7); } +.bg-overlay-theme-80:before { background: rgba(244, 30, 84, 0.8); } +.bg-overlay-theme-90:before { background: rgba(244, 30, 84, 0.9); } + \ No newline at end of file diff --git a/apply/css/skins/skin-default.css b/apply/css/skins/skin-default.css new file mode 100644 index 0000000..0b5ccee --- /dev/null +++ b/apply/css/skins/skin-default.css @@ -0,0 +1,102 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #F5A623; color: #fff; text-shadow: none; } +::-moz-selection { background: #F5A623; color: #fff; text-shadow: none; } +::selection { background: #F5A623; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #F5A623;} + +/*v1.2*/ +.popup-video-image a i { background: #F5A623;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #F5A623;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #F5A623;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #F5A623; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #F5A623; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #F5A623; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover, .agency-banner .slider-content h1 { border-color: #F5A623; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i { color: #F5A623; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #F5A623; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #F5A623; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #F5A623; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover { border-color: #F5A623; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #F5A623; } + +.progress-bar-new { background-color: #F5A623; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #F5A623; border-right-color:#F5A623; } + + header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #F5A623; } + +.rev-color { color: #F5A623 !important; } +.rev-button { background: #F5A623 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #F5A623 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #F5A623 !important; } + + .st-menu ul.menu li a:before { background: rgba(132, 186, 63, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #72a62f; } + + + .bg-overlay-theme-10:before { background: rgba(132, 186, 63, 0.1); } +.bg-overlay-theme-20:before { background: rgba(132, 186, 63, 0.2); } +.bg-overlay-theme-30:before { background: rgba(132, 186, 63, 0.3); } +.bg-overlay-theme-40:before { background: rgba(132, 186, 63, 0.4); } +.bg-overlay-theme-50:before { background: rgba(132, 186, 63, 0.5); } +.bg-overlay-theme-60:before { background: rgba(132, 186, 63, 0.6); } +.bg-overlay-theme-70:before { background: rgba(132, 186, 63, 0.7); } +.bg-overlay-theme-80:before { background: rgba(132, 186, 63, 0.8); } +.bg-overlay-theme-90:before { background: rgba(132, 186, 63, 0.9); } + \ No newline at end of file diff --git a/apply/css/skins/skin-gold.css b/apply/css/skins/skin-gold.css new file mode 100644 index 0000000..6f248ae --- /dev/null +++ b/apply/css/skins/skin-gold.css @@ -0,0 +1,117 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #ba893f; color: #fff; text-shadow: none; } +::-moz-selection { background: #ba893f; color: #fff; text-shadow: none; } +::selection { background: #ba893f; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #ba893f;} + +/*v1.2*/ +.popup-video-image a i { background: #ba893f;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #ba893f;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #ba893f;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #ba893f; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #ba893f; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #ba893f; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #ba893f; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i { color: #ba893f; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #ba893f; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #ba893f; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #ba893f; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #ba893f; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #ba893f; } + +.progress-bar-new { background-color: #ba893f; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #ba893f; border-right-color:#ba893f; } + + header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #ba893f; } + +.rev-color { color: #ba893f !important; } +.rev-button { background: #ba893f !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #ba893f !important; } + + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #ba893f !important; } + + .st-menu ul.menu li a:before { background: rgba(186, 137, 63, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #a67730; } + + .bg-overlay-theme-10:before { background: rgba(186, 137, 63, 0.1); } +.bg-overlay-theme-20:before { background: rgba(186, 137, 63, 0.2); } +.bg-overlay-theme-30:before { background: rgba(186, 137, 63, 0.3); } +.bg-overlay-theme-40:before { background: rgba(186, 137, 63, 0.4); } +.bg-overlay-theme-50:before { background: rgba(186, 137, 63, 0.5); } +.bg-overlay-theme-60:before { background: rgba(186, 137, 63, 0.6); } +.bg-overlay-theme-70:before { background: rgba(186, 137, 63, 0.7); } +.bg-overlay-theme-80:before { background: rgba(186, 137, 63, 0.8); } +.bg-overlay-theme-90:before { background: rgba(186, 137, 63, 0.9); } + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/apply/css/skins/skin-gray.css b/apply/css/skins/skin-gray.css new file mode 100644 index 0000000..c43cd3c --- /dev/null +++ b/apply/css/skins/skin-gray.css @@ -0,0 +1,102 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #9a9a9a; color: #fff; text-shadow: none; } +::-moz-selection { background: #9a9a9a; color: #fff; text-shadow: none; } +::selection { background: #9a9a9a; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #9a9a9a;} + +/*v1.2*/ +.popup-video-image a i { background: #9a9a9a;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #9a9a9a;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #9a9a9a;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #9a9a9a; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #9a9a9a; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #9a9a9a; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #9a9a9a; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #9a9a9a; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #9a9a9a; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #9a9a9a; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #9a9a9a; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #9a9a9a; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #9a9a9a; } + +.progress-bar-new { background-color: #9a9a9a; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #9a9a9a; border-right-color:#9a9a9a; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #9a9a9a; } + +.rev-color { color: #9a9a9a !important; } +.rev-button { background: #9a9a9a !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #9a9a9a !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #9a9a9a !important; } + + .st-menu ul.menu li a:before { background: rgba(154, 154, 154, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #797979; } + + + .bg-overlay-theme-10:before { background: rgba(154, 154, 154, 0.1); } +.bg-overlay-theme-20:before { background: rgba(154, 154, 154, 0.2); } +.bg-overlay-theme-30:before { background: rgba(154, 154, 154, 0.3); } +.bg-overlay-theme-40:before { background: rgba(154, 154, 154, 0.4); } +.bg-overlay-theme-50:before { background: rgba(154, 154, 154, 0.5); } +.bg-overlay-theme-60:before { background: rgba(154, 154, 154, 0.6); } +.bg-overlay-theme-70:before { background: rgba(154, 154, 154, 0.7); } +.bg-overlay-theme-80:before { background: rgba(154, 154, 154, 0.8); } +.bg-overlay-theme-90:before { background: rgba(154, 154, 154, 0.9); } + \ No newline at end of file diff --git a/apply/css/skins/skin-green-dark.css b/apply/css/skins/skin-green-dark.css new file mode 100644 index 0000000..cd05f10 --- /dev/null +++ b/apply/css/skins/skin-green-dark.css @@ -0,0 +1,102 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #005608; color: #fff; text-shadow: none; } +::-moz-selection { background: #005608; color: #fff; text-shadow: none; } +::selection { background: #005608; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #005608;} + +/*v1.2*/ +.popup-video-image a i { background: #005608;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #005608;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #005608;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #005608; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #005608; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #005608; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #005608; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #005608; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #005608; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #005608; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #005608; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #005608; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #005608; } + +.progress-bar-new { background-color: #005608; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #005608; border-right-color:#005608; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #005608; } + +.rev-color { color: #005608 !important; } +.rev-button { background: #005608 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #005608 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #005608 !important; } + + .st-menu ul.menu li a:before { background: rgba(0, 86, 8, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #003905; } + + + .bg-overlay-theme-10:before { background: rgba(0, 86, 8, 0.1); } +.bg-overlay-theme-20:before { background: rgba(0, 86, 8, 0.2); } +.bg-overlay-theme-30:before { background: rgba(0, 86, 8, 0.3); } +.bg-overlay-theme-40:before { background: rgba(0, 86, 8, 0.4); } +.bg-overlay-theme-50:before { background: rgba(0, 86, 8, 0.5); } +.bg-overlay-theme-60:before { background: rgba(0, 86, 8, 0.6); } +.bg-overlay-theme-70:before { background: rgba(0, 86, 8, 0.7); } +.bg-overlay-theme-80:before { background: rgba(0, 86, 8, 0.8); } +.bg-overlay-theme-90:before { background: rgba(0, 86, 8, 0.9); } + \ No newline at end of file diff --git a/apply/css/skins/skin-green.css b/apply/css/skins/skin-green.css new file mode 100644 index 0000000..7db00cc --- /dev/null +++ b/apply/css/skins/skin-green.css @@ -0,0 +1,100 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #00b106; color: #fff; text-shadow: none; } +::-moz-selection { background: #00b106; color: #fff; text-shadow: none; } +::selection { background: #00b106; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #00b106;} + +/*v1.2*/ +.popup-video-image a i { background: #00b106;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #00b106;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #00b106;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #00b106; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #00b106; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #00b106; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #00b106; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #00b106; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #00b106; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #00b106; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #00b106; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #00b106; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #00b106; } + +.progress-bar-new { background-color: #00b106; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #00b106; border-right-color:#00b106; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #00b106; } + +.rev-color { color: #00b106 !important; } +.rev-button { background: #00b106 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #00b106 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #00b106 !important; } + + .st-menu ul.menu li a:before { background: rgba(0, 177, 6, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #038b07; } + + .bg-overlay-theme-10:before { background: rgba(0, 177, 6, 0.1); } +.bg-overlay-theme-20:before { background: rgba(0, 177, 6, 0.2); } +.bg-overlay-theme-30:before { background: rgba(0, 177, 6, 0.3); } +.bg-overlay-theme-40:before { background: rgba(0, 177, 6, 0.4); } +.bg-overlay-theme-50:before { background: rgba(0, 177, 6, 0.5); } +.bg-overlay-theme-60:before { background: rgba(0, 177, 6, 0.6); } +.bg-overlay-theme-70:before { background: rgba(0, 177, 6, 0.7); } +.bg-overlay-theme-80:before { background: rgba(0, 177, 6, 0.8); } +.bg-overlay-theme-90:before { background: rgba(0, 177, 6, 0.9); } \ No newline at end of file diff --git a/apply/css/skins/skin-lime.css b/apply/css/skins/skin-lime.css new file mode 100644 index 0000000..f108e8e --- /dev/null +++ b/apply/css/skins/skin-lime.css @@ -0,0 +1,102 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #b4ef56; color: #fff; text-shadow: none; } +::-moz-selection { background: #b4ef56; color: #fff; text-shadow: none; } +::selection { background: #b4ef56; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #b4ef56;} + +/*v1.2*/ +.popup-video-image a i { background: #b4ef56;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #b4ef56;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #b4ef56;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #b4ef56; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #b4ef56; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #b4ef56; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #b4ef56; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #b4ef56; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #b4ef56; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #b4ef56; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #b4ef56; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #b4ef56; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #b4ef56; } + +.progress-bar-new { background-color: #b4ef56; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #b4ef56; border-right-color:#b4ef56; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #b4ef56; } + +.rev-color { color: #b4ef56 !important; } +.rev-button { background: #b4ef56 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #b4ef56 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #b4ef56 !important; } + + .st-menu ul.menu li a:before { background: rgba(180, 239, 86, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #9ad53c; } + + + .bg-overlay-theme-10:before { background: rgba(180, 239, 86, 0.1); } +.bg-overlay-theme-20:before { background: rgba(180, 239, 86, 0.2); } +.bg-overlay-theme-30:before { background: rgba(180, 239, 86, 0.3); } +.bg-overlay-theme-40:before { background: rgba(180, 239, 86, 0.4); } +.bg-overlay-theme-50:before { background: rgba(180, 239, 86, 0.5); } +.bg-overlay-theme-60:before { background: rgba(180, 239, 86, 0.6); } +.bg-overlay-theme-70:before { background: rgba(180, 239, 86, 0.7); } +.bg-overlay-theme-80:before { background: rgba(180, 239, 86, 0.8); } +.bg-overlay-theme-90:before { background: rgba(180, 239, 86, 0.9); } + \ No newline at end of file diff --git a/apply/css/skins/skin-malachite.css b/apply/css/skins/skin-malachite.css new file mode 100644 index 0000000..89ff143 --- /dev/null +++ b/apply/css/skins/skin-malachite.css @@ -0,0 +1,113 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #51e887; color: #fff; text-shadow: none; } +::-moz-selection { background: #51e887; color: #fff; text-shadow: none; } +::selection { background: #51e887; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #51e887;} + +/*v1.2*/ +.popup-video-image a i { background: #51e887;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #51e887;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #51e887;} + + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #51e887; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #51e887; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #51e887; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #51e887; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #51e887; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #51e887; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #51e887; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #51e887; } +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #51e887; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #51e887; } + +.progress-bar-new { background-color: #51e887; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #51e887; border-right-color:#51e887; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #51e887; } + +.rev-color { color: #51e887 !important; } +.rev-button { background: #51e887 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #51e887 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #51e887 !important; } + + .st-menu ul.menu li a:before { background: rgba(81, 232, 135, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #42d577; } + + + .bg-overlay-theme-10:before { background: rgba(81, 232, 135, 0.1); } +.bg-overlay-theme-20:before { background: rgba(81, 232, 135, 0.2); } +.bg-overlay-theme-30:before { background: rgba(81, 232, 135, 0.3); } +.bg-overlay-theme-40:before { background: rgba(81, 232, 135, 0.4); } +.bg-overlay-theme-50:before { background: rgba(81, 232, 135, 0.5); } +.bg-overlay-theme-60:before { background: rgba(81, 232, 135, 0.6); } +.bg-overlay-theme-70:before { background: rgba(81, 232, 135, 0.7); } +.bg-overlay-theme-80:before { background: rgba(81, 232, 135, 0.8); } +.bg-overlay-theme-90:before { background: rgba(81, 232, 135, 0.9); } + + + + + + + + + + + + \ No newline at end of file diff --git a/apply/css/skins/skin-olive.css b/apply/css/skins/skin-olive.css new file mode 100644 index 0000000..f61b95f --- /dev/null +++ b/apply/css/skins/skin-olive.css @@ -0,0 +1,101 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #8d8f02; color: #fff; text-shadow: none; } +::-moz-selection { background: #8d8f02; color: #fff; text-shadow: none; } +::selection { background: #8d8f02; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #8d8f02;} + +/*v1.2*/ +.popup-video-image a i { background: #8d8f02;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #8d8f02;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #8d8f02;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #8d8f02; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #8d8f02; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #8d8f02; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #8d8f02; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #8d8f02; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #8d8f02; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #8d8f02; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #8d8f02; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #8d8f02; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #8d8f02; } + +.progress-bar-new { background-color: #8d8f02; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #8d8f02; border-right-color:#8d8f02; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #8d8f02; } + +.rev-color { color: #8d8f02 !important; } +.rev-button { background: #8d8f02 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #8d8f02 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #8d8f02 !important; } + + .st-menu ul.menu li a:before { background: rgba(141, 143, 2, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #6e7003; } + + + .bg-overlay-theme-10:before { background: rgba(141, 143, 2, 0.1); } +.bg-overlay-theme-20:before { background: rgba(141, 143, 2, 0.2); } +.bg-overlay-theme-30:before { background: rgba(141, 143, 2, 0.3); } +.bg-overlay-theme-40:before { background: rgba(141, 143, 2, 0.4); } +.bg-overlay-theme-50:before { background: rgba(141, 143, 2, 0.5); } +.bg-overlay-theme-60:before { background: rgba(141, 143, 2, 0.6); } +.bg-overlay-theme-70:before { background: rgba(141, 143, 2, 0.7); } +.bg-overlay-theme-80:before { background: rgba(141, 143, 2, 0.8); } +.bg-overlay-theme-90:before { background: rgba(141, 143, 2, 0.9); } diff --git a/apply/css/skins/skin-orange.css b/apply/css/skins/skin-orange.css new file mode 100644 index 0000000..24ba92a --- /dev/null +++ b/apply/css/skins/skin-orange.css @@ -0,0 +1,101 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #ed5001; color: #fff; text-shadow: none; } +::-moz-selection { background: #ed5001; color: #fff; text-shadow: none; } +::selection { background: #ed5001; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #ed5001;} + +/*v1.2*/ +.popup-video-image a i { background: #ed5001;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #ed5001;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #ed5001;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #ed5001; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #ed5001; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #ed5001; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #ed5001; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #ed5001; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #ed5001; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #ed5001; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #ed5001; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #ed5001; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #ed5001; } + +.progress-bar-new { background-color: #ed5001; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #ed5001; border-right-color:#ed5001; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #ed5001; } + +.rev-color { color: #ed5001 !important; } +.rev-button { background: #ed5001 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #ed5001 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #ed5001 !important; } + + .st-menu ul.menu li a:before { background: rgba(237, 80, 1, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #4a5801; } + + + .bg-overlay-theme-10:before { background: rgba(237, 80, 1, 0.1); } +.bg-overlay-theme-20:before { background: rgba(237, 80, 1, 0.2); } +.bg-overlay-theme-30:before { background: rgba(237, 80, 1, 0.3); } +.bg-overlay-theme-40:before { background: rgba(237, 80, 1, 0.4); } +.bg-overlay-theme-50:before { background: rgba(237, 80, 1, 0.5); } +.bg-overlay-theme-60:before { background: rgba(237, 80, 1, 0.6); } +.bg-overlay-theme-70:before { background: rgba(237, 80, 1, 0.7); } +.bg-overlay-theme-80:before { background: rgba(237, 80, 1, 0.8); } +.bg-overlay-theme-90:before { background: rgba(237, 80, 1, 0.9); } \ No newline at end of file diff --git a/apply/css/skins/skin-perfume.css b/apply/css/skins/skin-perfume.css new file mode 100644 index 0000000..77aaa1d --- /dev/null +++ b/apply/css/skins/skin-perfume.css @@ -0,0 +1,112 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #b3affa; color: #fff; text-shadow: none; } +::-moz-selection { background: #b3affa; color: #fff; text-shadow: none; } +::selection { background: #b3affa; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #b3affa;} + +/*v1.2*/ +.popup-video-image a i { background: #b3affa;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #b3affa;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #b3affa;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #b3affa; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #b3affa; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #b3affa; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #b3affa; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #b3affa; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #b3affa; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #b3affa; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #b3affa; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #b3affa; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #b3affa; } + +.progress-bar-new { background-color: #b3affa; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #b3affa; border-right-color:#b3affa; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #b3affa; } + +.rev-color { color: #b3affa !important; } +.rev-button { background: #b3affa !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #b3affa !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #b3affa !important; } + + .st-menu ul.menu li a:before { background: rgba(179, 175, 250, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #a09ce8; } + + + .bg-overlay-theme-10:before { background: rgba(179, 175, 250, 0.1); } +.bg-overlay-theme-20:before { background: rgba(179, 175, 250, 0.2); } +.bg-overlay-theme-30:before { background: rgba(179, 175, 250, 0.3); } +.bg-overlay-theme-40:before { background: rgba(179, 175, 250, 0.4); } +.bg-overlay-theme-50:before { background: rgba(179, 175, 250, 0.5); } +.bg-overlay-theme-60:before { background: rgba(179, 175, 250, 0.6); } +.bg-overlay-theme-70:before { background: rgba(179, 175, 250, 0.7); } +.bg-overlay-theme-80:before { background: rgba(179, 175, 250, 0.8); } +.bg-overlay-theme-90:before { background: rgba(179, 175, 250, 0.9); } + + + + + + + + + + + \ No newline at end of file diff --git a/apply/css/skins/skin-persian-green.css b/apply/css/skins/skin-persian-green.css new file mode 100644 index 0000000..b49ac2e --- /dev/null +++ b/apply/css/skins/skin-persian-green.css @@ -0,0 +1,100 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #7dcdcd; color: #fff; text-shadow: none; } +::-moz-selection { background: #7dcdcd; color: #fff; text-shadow: none; } +::selection { background: #7dcdcd; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #7dcdcd;} + +/*v1.2*/ +.popup-video-image a i { background: #7dcdcd;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #7dcdcd;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #7dcdcd;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #7dcdcd; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #7dcdcd; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #7dcdcd; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #7dcdcd; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #7dcdcd; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #7dcdcd; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #7dcdcd; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #7dcdcd; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #7dcdcd; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #7dcdcd; } + +.progress-bar-new { background-color: #7dcdcd; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #7dcdcd; border-right-color:#7dcdcd; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #7dcdcd; } + +.rev-color { color: #7dcdcd !important; } +.rev-button { background: #7dcdcd !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #7dcdcd !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #7dcdcd !important; } + + .st-menu ul.menu li a:before { background: rgba(125, 205, 205, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #55a9a9; } + + .bg-overlay-theme-10:before { background: rgba(125, 205, 205, 0.1); } +.bg-overlay-theme-20:before { background: rgba(125, 205, 205, 0.2); } +.bg-overlay-theme-30:before { background: rgba(125, 205, 205, 0.3); } +.bg-overlay-theme-40:before { background: rgba(125, 205, 205, 0.4); } +.bg-overlay-theme-50:before { background: rgba(125, 205, 205, 0.5); } +.bg-overlay-theme-60:before { background: rgba(125, 205, 205, 0.6); } +.bg-overlay-theme-70:before { background: rgba(125, 205, 205, 0.7); } +.bg-overlay-theme-80:before { background: rgba(125, 205, 205, 0.8); } +.bg-overlay-theme-90:before { background: rgba(125, 205, 205, 0.9); } \ No newline at end of file diff --git a/apply/css/skins/skin-pink.css b/apply/css/skins/skin-pink.css new file mode 100644 index 0000000..5b3d51c --- /dev/null +++ b/apply/css/skins/skin-pink.css @@ -0,0 +1,102 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #e9457a; color: #fff; text-shadow: none; } +::-moz-selection { background: #e9457a; color: #fff; text-shadow: none; } +::selection { background: #e9457a; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #e9457a;} + +/*v1.2*/ +.popup-video-image a i { background: #e9457a;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #e9457a;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #e9457a;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #e9457a; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #e9457a; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #e9457a; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #e9457a; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #e9457a; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #e9457a; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #e9457a; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #e9457a; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #e9457a; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #e9457a; } + +.progress-bar-new { background-color: #e9457a; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #e9457a; border-right-color:#e9457a; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #e9457a; } + +.rev-color { color: #e9457a !important; } +.rev-button { background: #e9457a !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #e9457a !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #e9457a !important; } + + .st-menu ul.menu li a:before { background: rgba(233, 69, 122, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #4a5801; } + + + .bg-overlay-theme-10:before { background: rgba(233, 69, 122, 0.1); } +.bg-overlay-theme-20:before { background: rgba(233, 69, 122, 0.2); } +.bg-overlay-theme-30:before { background: rgba(233, 69, 122, 0.3); } +.bg-overlay-theme-40:before { background: rgba(233, 69, 122, 0.4); } +.bg-overlay-theme-50:before { background: rgba(233, 69, 122, 0.5); } +.bg-overlay-theme-60:before { background: rgba(233, 69, 122, 0.6); } +.bg-overlay-theme-70:before { background: rgba(233, 69, 122, 0.7); } +.bg-overlay-theme-80:before { background: rgba(233, 69, 122, 0.8); } +.bg-overlay-theme-90:before { background: rgba(233, 69, 122, 0.9); } + \ No newline at end of file diff --git a/apply/css/skins/skin-purple.css b/apply/css/skins/skin-purple.css new file mode 100644 index 0000000..2cf6a03 --- /dev/null +++ b/apply/css/skins/skin-purple.css @@ -0,0 +1,100 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #c36dff; color: #fff; text-shadow: none; } +::-moz-selection { background: #c36dff; color: #fff; text-shadow: none; } +::selection { background: #c36dff; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #c36dff;} + +/*v1.2*/ +.popup-video-image a i { background: #c36dff;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #c36dff;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #c36dff;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #c36dff; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #c36dff; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #c36dff; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #c36dff; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #c36dff; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #c36dff; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #c36dff; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #c36dff; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #c36dff; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #c36dff; } + +.progress-bar-new { background-color: #c36dff; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #c36dff; border-right-color:#c36dff; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #c36dff; } + +.rev-color { color: #c36dff !important; } +.rev-button { background: #c36dff !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #c36dff !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #c36dff !important; } + + .st-menu ul.menu li a:before { background: rgba(195, 109, 255, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #a351dc; } + + .bg-overlay-theme-10:before { background: rgba(195, 109, 255, 0.1); } +.bg-overlay-theme-20:before { background: rgba(195, 109, 255, 0.2); } +.bg-overlay-theme-30:before { background: rgba(195, 109, 255, 0.3); } +.bg-overlay-theme-40:before { background: rgba(195, 109, 255, 0.4); } +.bg-overlay-theme-50:before { background: rgba(195, 109, 255, 0.5); } +.bg-overlay-theme-60:before { background: rgba(195, 109, 255, 0.6); } +.bg-overlay-theme-70:before { background: rgba(195, 109, 255, 0.7); } +.bg-overlay-theme-80:before { background: rgba(195, 109, 255, 0.8); } +.bg-overlay-theme-90:before { background: rgba(195, 109, 255, 0.9); } \ No newline at end of file diff --git a/apply/css/skins/skin-red.css b/apply/css/skins/skin-red.css new file mode 100644 index 0000000..9e241de --- /dev/null +++ b/apply/css/skins/skin-red.css @@ -0,0 +1,101 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #d12326; color: #fff; text-shadow: none; } +::-moz-selection { background: #d12326; color: #fff; text-shadow: none; } +::selection { background: #d12326; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #d12326;} + +/*v1.2*/ +.popup-video-image a i { background: #d12326;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #d12326;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #d12326;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #d12326; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #d12326; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #d12326; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #d12326; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #d12326; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #d12326; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #d12326; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #d12326; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #d12326; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #d12326; } + +.progress-bar-new { background-color: #d12326; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #d12326; border-right-color:#d12326; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #d12326; } + +.rev-color { color: #d12326 !important; } +.rev-button { background: #d12326 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #d12326 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #d12326 !important; } + + .st-menu ul.menu li a:before { background: rgba(209, 35, 38, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #bc1518; } + + + .bg-overlay-theme-10:before { background: rgba(209, 35, 38, 0.1); } +.bg-overlay-theme-20:before { background: rgba(209, 35, 38, 0.2); } +.bg-overlay-theme-30:before { background: rgba(209, 35, 38, 0.3); } +.bg-overlay-theme-40:before { background: rgba(209, 35, 38, 0.4); } +.bg-overlay-theme-50:before { background: rgba(209, 35, 38, 0.5); } +.bg-overlay-theme-60:before { background: rgba(209, 35, 38, 0.6); } +.bg-overlay-theme-70:before { background: rgba(209, 35, 38, 0.7); } +.bg-overlay-theme-80:before { background: rgba(209, 35, 38, 0.8); } +.bg-overlay-theme-90:before { background: rgba(209, 35, 38, 0.9); } \ No newline at end of file diff --git a/apply/css/skins/skin-salmon.css b/apply/css/skins/skin-salmon.css new file mode 100644 index 0000000..c58373f --- /dev/null +++ b/apply/css/skins/skin-salmon.css @@ -0,0 +1,103 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #ff796c; color: #fff; text-shadow: none; } +::-moz-selection { background: #ff796c; color: #fff; text-shadow: none; } +::selection { background: #ff796c; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #ff796c;} + +/*v1.2*/ +.popup-video-image a i { background: #ff796c;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #ff796c;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #ff796c;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #ff796c; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #ff796c; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #ff796c; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #ff796c; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #ff796c; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #ff796c; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #ff796c; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #ff796c; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #ff796c; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #ff796c; } + +.progress-bar-new { background-color: #ff796c; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #ff796c; border-right-color:#ff796c; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #ff796c; } + +.rev-color { color: #ff796c !important; } +.rev-button { background: #ff796c !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #ff796c !important; } + + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #ff796c !important; } + + .st-menu ul.menu li a:before { background: rgba(255, 121, 108, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #dc5244; } + + + + .bg-overlay-theme-10:before { background: rgba(255, 121, 108, 0.1); } +.bg-overlay-theme-20:before { background: rgba(255, 121, 108, 0.2); } +.bg-overlay-theme-30:before { background: rgba(255, 121, 108, 0.3); } +.bg-overlay-theme-40:before { background: rgba(255, 121, 108, 0.4); } +.bg-overlay-theme-50:before { background: rgba(255, 121, 108, 0.5); } +.bg-overlay-theme-60:before { background: rgba(255, 121, 108, 0.6); } +.bg-overlay-theme-70:before { background: rgba(255, 121, 108, 0.7); } +.bg-overlay-theme-80:before { background: rgba(255, 121, 108, 0.8); } +.bg-overlay-theme-90:before { background: rgba(255, 121, 108, 0.9); } \ No newline at end of file diff --git a/apply/css/skins/skin-steelblue.css b/apply/css/skins/skin-steelblue.css new file mode 100644 index 0000000..a4f8a3d --- /dev/null +++ b/apply/css/skins/skin-steelblue.css @@ -0,0 +1,106 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #354a6b; color: #fff; text-shadow: none; } +::-moz-selection { background: #354a6b; color: #fff; text-shadow: none; } +::selection { background: #354a6b; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #354a6b;} + +/*v1.2*/ +.popup-video-image a i { background: #354a6b;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #354a6b;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #354a6b;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #354a6b; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #354a6b; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #354a6b; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #354a6b; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #354a6b; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #354a6b; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #354a6b; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #354a6b; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #354a6b; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #354a6b; } + +.progress-bar-new { background-color: #354a6b; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #354a6b; border-right-color:#354a6b; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #354a6b; } + +.rev-color { color: #354a6b !important; } +.rev-button { background: #354a6b !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #354a6b !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #354a6b !important; } + + .st-menu ul.menu li a:before { background: rgba(53, 74, 107, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #273a58; } + + + + .bg-overlay-theme-10:before { background: rgba(53, 74, 107, 0.1); } +.bg-overlay-theme-20:before { background: rgba(53, 74, 107, 0.2); } +.bg-overlay-theme-30:before { background: rgba(53, 74, 107, 0.3); } +.bg-overlay-theme-40:before { background: rgba(53, 74, 107, 0.4); } +.bg-overlay-theme-50:before { background: rgba(53, 74, 107, 0.5); } +.bg-overlay-theme-60:before { background: rgba(53, 74, 107, 0.6); } +.bg-overlay-theme-70:before { background: rgba(53, 74, 107, 0.7); } +.bg-overlay-theme-80:before { background: rgba(53, 74, 107, 0.8); } +.bg-overlay-theme-90:before { background: rgba(53, 74, 107, 0.9); } + + + + \ No newline at end of file diff --git a/apply/css/skins/skin-water-blue.css b/apply/css/skins/skin-water-blue.css new file mode 100644 index 0000000..3216046 --- /dev/null +++ b/apply/css/skins/skin-water-blue.css @@ -0,0 +1,103 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #0079fc; color: #fff; text-shadow: none; } +::-moz-selection { background: #0079fc; color: #fff; text-shadow: none; } +::selection { background: #0079fc; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #0079fc;} + +/*v1.2*/ +.popup-video-image a i { background: #0079fc;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #0079fc;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #0079fc;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #0079fc; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #0079fc; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #0079fc; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #0079fc; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #0079fc; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #0079fc; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #0079fc; } + + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #0079fc; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #0079fc; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #0079fc; } + +.progress-bar-new { background-color: #0079fc; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #0079fc; border-right-color:#0079fc; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #0079fc; } + +.rev-color { color: #0079fc !important; } +.rev-button { background: #0079fc !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #0079fc !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #0079fc !important; } + + .st-menu ul.menu li a:before { background: rgba(0, 121, 252, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #0368d5; } + + + .bg-overlay-theme-10:before { background: rgba(0, 121, 252, 0.1); } +.bg-overlay-theme-20:before { background: rgba(0, 121, 252, 0.2); } +.bg-overlay-theme-30:before { background: rgba(0, 121, 252, 0.3); } +.bg-overlay-theme-40:before { background: rgba(0, 121, 252, 0.4); } +.bg-overlay-theme-50:before { background: rgba(0, 121, 252, 0.5); } +.bg-overlay-theme-60:before { background: rgba(0, 121, 252, 0.6); } +.bg-overlay-theme-70:before { background: rgba(0, 121, 252, 0.7); } +.bg-overlay-theme-80:before { background: rgba(0, 121, 252, 0.8); } +.bg-overlay-theme-90:before { background: rgba(0, 121, 252, 0.9); } + \ No newline at end of file diff --git a/apply/css/skins/skin-yellow.css b/apply/css/skins/skin-yellow.css new file mode 100644 index 0000000..2b9b49a --- /dev/null +++ b/apply/css/skins/skin-yellow.css @@ -0,0 +1,111 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #f7c605; color: #fff; text-shadow: none; } +::-moz-selection { background: #f7c605; color: #fff; text-shadow: none; } +::selection { background: #f7c605; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #f7c605;} + +/*v1.2*/ +.popup-video-image a i { background: #f7c605;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #f7c605;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #f7c605;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #f7c605; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #f7c605; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #f7c605; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #f7c605; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #f7c605; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #f7c605; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #f7c605; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #f7c605; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #f7c605; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #f7c605; } + +.progress-bar-new { background-color: #f7c605; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #f7c605; border-right-color:#f7c605; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #f7c605; } + +.rev-color { color: #f7c605 !important; } +.rev-button { background: #f7c605 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #f7c605 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #f7c605 !important; } + + .st-menu ul.menu li a:before { background: rgba(247, 198, 5, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #d4aa07; } + + + + .bg-overlay-theme-10:before { background: rgba(247, 198, 5, 0.1); } +.bg-overlay-theme-20:before { background: rgba(247, 198, 5, 0.2); } +.bg-overlay-theme-30:before { background: rgba(247, 198, 5, 0.3); } +.bg-overlay-theme-40:before { background: rgba(247, 198, 5, 0.4); } +.bg-overlay-theme-50:before { background: rgba(247, 198, 5, 0.5); } +.bg-overlay-theme-60:before { background: rgba(247, 198, 5, 0.6); } +.bg-overlay-theme-70:before { background: rgba(247, 198, 5, 0.7); } +.bg-overlay-theme-80:before { background: rgba(247, 198, 5, 0.8); } +.bg-overlay-theme-90:before { background: rgba(247, 198, 5, 0.9); } + + + + + + + + + \ No newline at end of file diff --git a/apply/css/style.css b/apply/css/style.css new file mode 100644 index 0000000..c1023be --- /dev/null +++ b/apply/css/style.css @@ -0,0 +1,1734 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Version: 1.0 +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. + +*/ + + +/*================================================ +[ Table of contents ] +================================================ + :: Header + - topbar + - search + - Cart + - FullWidth + - Light + - Dark + - Left-menu + - Logo-center + - Fancy + - fancy without-topbar + - Side menu icon + - Vertical header + - One page Header + :: Slider (all home page main sliders ) + :: - Slider-parallax one page + :: - Mobile slider + :: Background + :: Home page section + :: Decolines + :: Awesome features + :: Feature Step + :: About Us + :: Resume + :: Portfolio + :: - Portfolio item + :: - Portfolio-item-2 + :: - Portfolio single page + :: Our Blog + :: Our services + :: Creativity + :: Our History + :: Our Service Objects + :: Sidebar + :: About me + :: Team page + :: Error 404 + :: Coming soon + :: Register + :: Login + :: maintenance + :: Our clients + :: Process + :: Careers + :: Sitemap + :: Privacy-policy + :: Page sidebar + :: Terms and conditions + :: Footer + :: Boxed + + v1.2 + :: index portfolio 4 + :: index portfolio 04 about + :: index portfolio single + +====================================== +[ End table content ] +======================================*/ + +/************************* + Header +*************************/ +.default { background: transparent; z-index: 9999; position: absolute; width: 100%; } +/*topbar*/ +.topbar { /*padding: 10px 0;*/ font-size:12px; color:#4a4a4a; } +.topbar ul li { display: inline-block; color: #fff; font-size: 12px; font-weight: normal;} +.topbar ul li:last-child { margin-right: 0px; } +.topbar ul li a { color: #4a4a4a; font-size: 12px; font-weight: normal; font-style: normal; } +.topbar-left { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; letter-spacing: -0.1em;} +.topbar-right { position: relative; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; } +.topbar ul li a:hover { font-weight:600; } +#topbar-nav {list-style:none;} +#topbar-nav li{display:inline-block; position:relative; line-height: 38px; } +#topbar-nav li:first-child > a {border: 0;} +#topbar-nav li > a {border-left: 1px solid #ccc; padding:0px 15px;} + +/*menu*/ +.menu-bar { float: right; } +.mega-menu .menu-links { float: left; } +.search-cart { display: inline-block; } +.search-cart i.icon { color: #ffffff; line-height: 20px; font-size: 14px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } +.search-cart i.icon:hover { color: #F5A623; } +.search-cart .search { display: inline-block; padding-right: 15px; padding-left: 10px; } +.search-cart .shpping-cart { display: inline-block; } +.shpping-cart a { position: relative; } +.shpping-cart strong.item { display: block; position: absolute; top: -7px; left: auto; right: -8px; font-size: 10px; color: #ffffff; width: 16px; height: 16px;line-height: 16px; text-align: center; background-color: #F5A623; border-radius: 50%; } + + /*search*/ + .search .search-btn { display: block; height: 20px; line-height: 21px; position: relative; text-indent: -9999px; width: 14px; color: #ffffff; -o-transition: color 300ms ease 0s; -moz-transition: color 300ms ease 0s; -ms-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s; transition: color 300ms ease 0s; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } + .search .search-btn:before { content: ""; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; left: 0; position: absolute; text-indent: 0; top: 0; } + .search .search-btn:hover { color: #F5A623; } + .search.search-open .search-btn:before { content: ""; } + .search-box { background: #fff; display: block; margin: 0; opacity: 0 !important; padding: 15px; position: absolute; right: 0; top: 100%; transition: visibility 300ms ease 0s, opacity 300ms ease 0s; visibility: hidden; width: 327px; z-index: 888; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; transform-origin: 0 0; transition: all 400ms ease; } + .search.search-open .search-box { opacity: 1 !important;visibility: visible !important; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); box-shadow: 0 0 50px rgba(0,0,0,.1); } + .search .search-box input { background: transparent; border:1px solid #eceff8; padding-left: 15px; border-radius: 3px; } + .search .search-box input:focus { background: transparent; border:1px solid #eceff8; } + .search .search-box i { cursor: pointer; font-size: 15px; position: absolute; right: 27px; top: 31px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } + .search .search-box i:hover { color: #F5A623; } + +/*cart*/ +.cart { opacity: 0; visibility: hidden; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,.1); position: absolute; right: 0; margin-top: 0px; right: 0; width: 300px; border: 1px solid #eceff8; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; + transform-origin: 0 0; transition: all 400ms ease;} +.cart.cart-open {-webkit-transform: rotateX(0deg); transform: rotateX(0deg);opacity: 1; visibility: visible; } +.cart:before { bottom: 100%; right: 8px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(194, 225, 245, 0); + border-bottom-color: #fff; border-width: 6px; margin-left: -8px; } +.cart-title { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; } +.cart-item { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; position: relative; } +.cart-item .cart-image { display: table-cell; padding-right: 15px; } +.cart-item .cart-image img { height: 40px; } +.cart-item .cart-name { display: table-cell; vertical-align: top; } +.cart-item .cart-name a { display: block; color: #323232; } +.cart-item .cart-name a:hover { color: #F5A623; } +.cart-item .cart-name span { color: #323232; display: inline-block; } +.cart-item .cart-name strong { padding-left: 30px; } +.cart-price del { font-size: 14px; background: transparent; color: #323232; padding-left: 0; } +.cart-price ins { text-decoration: none; color: #F5A623; font-size: 16px;font-weight: bold; } +.cart-total { padding: 20px; text-align: center; background: #f7f7f7; } +.cart-total h6 { text-align: center; } +.cart-total a { display: inline-block; margin-top: 20px; padding: 6px 18px; margin: 0; } +.cart-total a.button { display: inline-block; } +.cart-total .button + .button { margin: 0; } +.cart-item .cart-close { position: absolute; right: 20px; top: 20px; } +.cart-item .cart-close a { font-size: 14px; } +.cart-item .cart-close a:hover { color: #323232; } + +/*mega-menu */ + +.mega-menu .drop-down-multilevel.right-menu { right: 0px; } +.mega-menu > section.menu-list-items { padding: 0; } +.mega-menu .menu-links > li > a { text-transform: uppercase; font-size: 16px; font-weight: 500; line-height: 20px; } +.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; } +.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down a { color: #323232; } +.mega-menu .menu-links > li.active .drop-down li.active a { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down a:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down li.active a i { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down a i:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #F5A623; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.mega-menu .row { margin-left: 0px; margin-right: 0px; } +.mega-menu .col-md-12 { padding-left: 0px; padding-right: 0px; } +.mega-menu.desktopTopFixed .menu-logo { padding: 0px; } +.mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } +.mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } + +/*fullWidth*/ +.header.fullWidth .container-fluid { padding: 0 60px; } + +/*light*/ +.header.light { background: #ffffff; position: relative; border-bottom: 1px solid #FA6F0D;} +.header.light .topbar ul li { color: #333; } +.header.light .topbar ul li a { color: #333; } +.header.light .mega-menu .menu-links > li > a { color: #333; } +.header.light .mega-menu .menu-links > li > a:hover { color: #F5A623; font-weight: 500;} +.header.light .mega-menu .menu-links > li.active > a { color: #F5A623; font-weight: 500;} +.header.light .topbar { background-color:rgba(210,144,37,0.2); } +.header.light .search-cart i.icon { color: #323232; } +.header.light .search-cart i.icon:hover { color: #F5A623; } +.header.light .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; border-bottom: 1px solid #D1D1D1;} +.header.light .search .search-btn { color: #323232; } +.header.light .search .search-btn:hover { color: #F5A623; } + +/*dark*/ +.header.dark { background: #323232; position: relative; } +.header.transparent { background: rgba(0, 0, 0, 0.4); position: absolute; width: 100%; z-index: 999; } + +/*left-menu*/ +.header.left-menu .menu-bar { float: none; } +.header.left-menu .menu-links { padding-left: 30px; } +.header.left-menu .search-cart { float: right; } + +/*logo-center*/ +.header.logo-center .mega-menu { min-height: 170px; } +.header.logo-center .menu-logo { float: none; display: block; text-align: center; } +.header.logo-center .mega-menu .menu-logo > li > a { float: none; } +.header.logo-center .mega-menu .menu-logo > li { float: none; } +.header.logo-center .mega-menu img { float: none; margin: 0 auto; } +.header.logo-center .menu-bar { float: none; } +.header.logo-center .search-cart { float: right; } +.header.logo-center .mega-menu.desktopTopFixed .menu-logo { float: left; display: inline-block; } +.header.logo-center .mega-menu.desktopTopFixed .menu-logo > li > a { float: left; } +.header.logo-center .mega-menu.desktopTopFixed img { float: left; margin: 0 auto; } +.header.logo-center .mega-menu.desktopTopFixed .menu-bar { float: right; border-top: 0px solid rgba(0, 0, 0, 0.1); } +.header.logo-center .mega-menu.desktopTopFixed .search-cart { float: right; } + +/*fancy */ + +.header.fancy { background: transparent; position: relative; border-bottom: 0; } +.header.fancy .topbar { background: #F5A623; padding: 15px 0px 70px; } +.header.fancy .topbar .topbar-right li a:hover { color: #323232; } +.header.fancy .search-cart i.icon { color: #323232; line-height: 20px; } +.header.fancy .topbar-call ul li i { color: #ffffff; } +.header.fancy .mega-menu .menu-logo { padding: 26px 0px; } +.header.fancy .menu { position: absolute; width: 100%; top: 30px; } +.header.fancy .topbar + .menu { top: 60px; } +.header.fancy .mega-menu > section.menu-list-items { background: #ffffff; padding: 0px 25px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } +.header.fancy .mega-menu.desktopTopFixed > section.menu-list-items { border-bottom: 1px solid #f6f6f6; } +.header.fancy .topbar ul li a:hover { color: #323232;} + +.header.fancy .mega-menu .menu-links > li > a { color: #323232; line-height: 20px; } +.header.fancy .mega-menu .menu-links > li > a:hover { color: #F5A623; } +.header.fancy .mega-menu .menu-links > li.active > a { color: #F5A623; } +.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #ffffff; } +.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #323232; } +.header.fancy .mega-menu.desktopTopFixed .menu-logo { padding: 0; } +.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 20px; } +.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } +.header.fancy .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } +.header.fancy .search-cart i.icon:hover { color: #F5A623; } +.header.fancy .search .search-btn { color: #323232; } +.header.fancy .search .search-btn:hover { color: #F5A623; } +.header.fancy .mega-menu.desktopTopFixed .drop-down.grid-col-5 { width: 21.66666666666667%; } +.header.fancy .search-box { margin-top: -6px; } + +/*fancy without-topbar*/ +.header.fancy.without-topbar .menu { top: 30px; } +.header.burger .menu-icon { font-size: 30px; color: #323232; } +.header.burger .menu-icon:hover { color: #F5A623; } +.header.burger { position: absolute; z-index: 999; width: 100%; padding: 30px 30px; } +.header.burger .logo { display: inline-block; } +.header.burger .logo img { height: 50px; } + +/*side-menu-icon*/ +.side-menu-icon { display: inline-block; } +.side-menu-icon .menu-icon { font-size: 16px; color: #ffffff; padding-left: 15px; } +.side-menu-icon .menu-icon:hover { color: #F5A623; } + +/************************* + header text-dark +*************************/ +.header.text-dark .topbar ul li { color: #323232; } +.header.text-dark .topbar ul li a { color: #323232; } +.header.text-dark .topbar ul li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li > a { color: #323232; } +.header.text-dark .mega-menu .menu-links > li > a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active > a { color: #F5A623; } +.header.text-dark .topbar { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } +.header.text-dark .search-cart i.icon { color: #323232; } +.header.text-dark .search-cart i.icon:hover { color: #F5A623; } +.header.text-dark .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; } +.header.text-dark .search .search-btn { color: #323232; } +.header.text-dark .search .search-btn:hover { color: #F5A623; } +.header.text-dark .mega-menu .drop-down-multilevel { background: #323232; } +.header.text-dark .mega-menu .drop-down.menu-bg, .header.text-dark .mega-menu .drop-down-tab-bar { background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png); + background-repeat: no-repeat; background-position: 120% 0; } +.header.text-dark .mega-menu .drop-down, .header.text-dark .mega-menu .drop-down-tab-bar { background: #323232; } +.header.text-dark .mega-menu .drop-down a, .header.text-dark .mega-menu .drop-down-tab-bar a { color: #ffffff; } +.header.text-dark .mega-menu .drop-down i.fa, .header.text-dark .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; } +.header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.text-dark .mega-menu .drop-down-multilevel a { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel li:hover { background: #282828; } +.header.text-dark .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important; background-repeat: no-repeat; background-position: right;} +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; + background: #282828; } +.header.text-dark .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; } +.header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #F5A623; } +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #F5A623; } +/*dark-dropdown*/ +.header.dark-dropdown .mega-menu .drop-down-multilevel { background: #323232; } +.header.dark-dropdown .mega-menu .drop-down.menu-bg, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png); + background-repeat: no-repeat; background-position: 120% 0; } +.header.dark-dropdown .mega-menu .drop-down, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: #323232; } +.header.dark-dropdown .mega-menu .drop-down a, .header.dark-dropdown .mega-menu .drop-down-tab-bar a { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.dark-dropdown .mega-menu .drop-down-multilevel a { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel li:hover { background: #282828; } +.header.dark-dropdown .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important; background-repeat: no-repeat; background-position: right;} +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; + background: #282828; } +.header.dark-dropdown .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #F5A623; } +.header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #F5A623; } +/*label*/ +.header .label.label-default, .header .label.label-primary, .header .label.label-success, .header .label.label-info, .header .label.label-warning, .header .label.label-danger { color: #fff; padding: 0px 5px; line-height: 14px; display: inline-block; } + + +/************************* + one page +*************************/ +header.one-page { position: absolute; width: 100%; z-index: 999; } +.navbar-inverse { background: transparent; border: 0; } +.navbar-brand { height: auto; padding: 25px 0; } +.navbar .navbar-brand img { height: 40px; } +.navbar { min-height: 80px; } +.navbar-nav { float: right; } +.navbar-inverse .navbar-nav>li { padding: 35px 15px; } +.navbar-inverse .navbar-nav>li>a { color: #ffffff; padding: 0; text-transform: capitalize; } +.navbar-inverse .navbar-nav>li>a:hover { color: #F5A623; } +.navbar.affix { width: 100%; background: #323232; } +.navbar.affix { width: 100%; background: #323232; } +.navbar { min-height: inherit !important; } +.navbar.affix .navbar-brand img { height: 30px; } +.navbar.affix .navbar-brand { padding: 15px 0; } +.navbar.affix .navbar-nav>li { padding: 20px 15px; } + .navbar-nav>li>a { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } + +/*vertical-header*/ +.vertical-header .container-fluid { padding: 0 80px; } +.menu-responsive { display: none; } +.vertical-header .navbar { overflow-y: scroll; overflow-x: hidden; height: 100%;} +.vertical-header { padding-left: 260px; } +.header.vertical-menu { position: fixed; left: 0; top: 0; width: 260px; min-height: 100%; background: #212121; z-index: 999; -o-transition: all 1s; -webkit-transition: all 1s; + transition: all 1s; } +.header.vertical-menu .menu-bar { float: none; } +.mega-menu.vertical-left, .mega-menu.vertical-right { float: none; } +.menu-widgets { position: absolute; bottom: 20px; } +.menu-widgets .social-icons.border li a { border:2px solid; line-height: 30px; } +.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #F5A623; } +header.one-page.vertical-menu { position: fixed; left: 0; top: 0; height: 100%; background: #212121; width: 260px; padding: 30px; } +header.one-page.vertical-menu .navbar-header { float: none; margin-bottom: 20px; } +header.one-page.vertical-menu .navbar-nav { float: none; } +header.one-page.vertical-menu .navbar-nav>li { display: block; float: none; } +header.one-page.vertical-menu .navbar-inverse .navbar-nav>li { padding: 15px 0px; } +header.one-page.vertical-menu .navbar-collapse { padding: 0; } +header.one-page.vertical-menu .menu-widgets { padding: 0px; } + +header.one-page.light { position: relative; background: #ffffff; } +header.one-page.light .navbar { margin-bottom: 0; } +header.one-page.light .navbar-inverse .navbar-nav>li>a { color: #323232; } +header.one-page.light .navbar-inverse .navbar-nav>li>a:hover { color: #F5A623; } +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #F5A623; } + +header.one-page.light .navbar-inverse .navbar-collapse, header.one-page.light .navbar-inverse .navbar-form { background: #ffffff; } +header.one-page.light .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a { padding: 5px 10px; -o-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; } +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #F5A623; -webkit-box-shadow: inset 178px 0px 0px 0px #F5A623; -o-box-shadow: inset 178px 0px 0px 0px #F5A623; -ms-box-shadow: inset 178px 0px 0px 0px #F5A623; -moz-box-shadow: inset 178px 0px 0px 0px #F5A623; color: #fff; transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -moz-transition: all 0.9s ease-in; -ms-transition: all 0.9s ease-in; -o-transition: all 0.9s ease-in; } + +.one-page.nav-center .navbar-collapse.collapse { text-align: center; } +.one-page.nav-center .navbar-nav { float: none; display: inline-block; } +.one-page.transparent { background: rgba(0, 12, 27, 0.5); } +.one-page.transparent .navbar { margin-bottom: 0; } + +/*dark-text*/ +.one-page.dark-text .navbar-inverse .navbar-nav>li>a { color: #323232; } +.one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #d12326; } +.one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover { color: #d12326; } +.one-page.dark-text .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } + +/*mega menu vertical*/ +.vertical-menu .menu .menu-logo { padding: 50px 20px; } +.vertical-menu .menu .mega-menu .menu-links > li > a { padding: 0 23px; } +.vertical-menu .menu-widgets { padding: 20px; } + + @media (min-width: 1101px) { +.mega-menu { min-height: inherit; } +.mega-menu > section.menu-list-items { float: none; } +.mega-menu > section.menu-list-items > .container, +.mega-menu > section.menu-list-items > .container > .row, +.mega-menu > section.menu-list-items > .container > .row > div { height: 100%; } +.mega-menu > section.menu-list-items .menu-bar { height: 100%; } +.mega-menu > section.menu-list-items .menu-bar > ul{ display: table !important; height: 100%; } +.mega-menu > section.menu-list-items .menu-bar > ul > li { display: table-cell; vertical-align: middle; float: none; } +.mega-menu .drop-down, .mega-menu .drop-down-tab-bar, .mega-menu .drop-down-multilevel { top: 100%; } +.mega-menu > section.menu-list-items .search-cart { height: 100%; } +.mega-menu > section.menu-list-items .search-cart .search { vertical-align: middle; display: table; height: 100%; float: left; } +.header .search .search-btn { display: table-cell; vertical-align: middle; position: relative; width: 10px; float: none; clear: both; height: 100%; } +.search .search-btn:before { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } +.search-cart .shpping-cart { display: table; float: left; height: 100%; } +.shpping-cart a { position: relative; display: table-cell; vertical-align: middle; } +.shpping-cart strong.item { display: block; position: absolute; top: 50%; border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); margin-top: -10px; } +.cart { top: 100%; } +.mega-menu > section.menu-list-items > .container-fluid, +.mega-menu > section.menu-list-items > .container-fluid > .row, +.mega-menu > section.menu-list-items > .container-fluid > .row > div { height: 100%; } +.logo-center .mega-menu > section.menu-list-items .menu-bar > ul { height: auto; } +.logo-center .mega-menu > section.menu-list-items .menu-bar > ul > li { display: inline-block; } +.logo-center .mega-menu > section.menu-list-items .search-cart { height: auto; } +.logo-center .mega-menu > section.menu-list-items .menu-bar { height: auto; } +.logo-center .mega-menu .drop-down, .logo-center .mega-menu .drop-down-tab-bar, .logo-center .mega-menu .drop-down-multilevel { top: auto; } +.logo-center .mega-menu .menu-links > li > a { line-height: 72px; } +.logo-center.header .search .search-btn { line-height: 72px; } +.logo-center .search-cart i.icon { line-height: 72px; } +.logo-center .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 60px; } +.logo-center .mega-menu.desktopTopFixed .search .search-btn { line-height: 60px; } +.logo-center .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 60px; } +.logo-center .search .search-btn:before { top: inherit; transform: inherit; } +.logo-center .search-cart .shpping-cart { float: right; } + +.vertical-menu .mega-menu > section.menu-list-items .menu-bar { height: auto; } +.vertical-menu .mega-menu > section.menu-list-items .menu-bar > ul > li { display: block; } +.search-cart .side-menu-icon { display: table; float: left; height: 100%; } +.side-menu-icon .menu-icon { position: relative; display: table-cell; vertical-align: middle; } + +.header.light .mega-menu { min-height: 90px; } + +} + +/************************************* + Slider (all home page main sliders ) + **************************************/ +.rev-slider { overflow: hidden; position: relative; } + + + /*slider 10*/ +#rev_slider_14_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; } + #rev_slider_14_1 .zeus .tp-bullet{box-sizing:content-box; -webkit-box-sizing:content-box; border-radius:60%; background-color:rgba(255,255,255,0.5); -webkit-transition:opacity 0.3s ease; transition:opacity 0.3s ease; width:14px;height:14px; border:0px solid rgb(255,201,4)}#rev_slider_14_1 .zeus .tp-bullet:after{content:""; position:absolute; width:100%; height:100%; left:0; border-radius:60%; background-color:rgb(255,201,4); -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:-webkit-transform 0.3s ease; transition:transform 0.3s ease}#rev_slider_14_1 .zeus .tp-bullet:hover:after,#rev_slider_14_1 .zeus .tp-bullet.selected:after{-webkit-transform:scale(1.2); transform:scale(1.2)}#rev_slider_14_1 .zeus .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{width:135px; height:60px; position:absolute; background:#000; background:rgba(0,0,0,0.5); bottom:13px; margin-bottom:10px; transform:translateX(-50%); -webkit-transform:translateX(-50%); box-sizing:border-box; background-size:cover; background-position:center center; visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; border-radius:4px}#rev_slider_14_1 .zeus .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(-50%); -webkit-transform:translateX(-50%)}#rev_slider_14_1 .zeus .tp-bullet-title{color:rgb(255,255,255); text-align:center; line-height:15px; font-size:13px; font-weight:600; z-index:3; visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; position:absolute; bottom:45px; width:135px; vertical-align:middle}#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-imageoverlay{opacity:1; visibility:visible; -webkit-transform:translateY(0px) translateX(-50%); transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{bottom:auto; margin-right:10px; margin-bottom:0px; right:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title{bottom:auto; right:100%; margin-right:10px}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-imageoverlay{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{bottom:auto; margin-left:10px; margin-bottom:0px; left:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title{bottom:auto; left:100%; margin-left:10px}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{bottom:auto; top:13px; margin-top:10px; margin-bottom:0px; left:0px; transform:translateY(0px) translateX(-50%); -webkit-transform:translateX(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet:hover .tp-bullet-image{transform:scale(1) translateY(0px) translateX(-50%); -webkit-transform:scale(1) translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateY(0px) translateX(-50%); -webkit-transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title{bottom:auto; top:13px; margin-top:20px} +#rev_slider_14_1 .uranus.tparrows{width:50px; height:50px; background:rgba(255,255,255,0)}#rev_slider_14_1 .uranus.tparrows:before{width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s}#rev_slider_14_1 .uranus.tparrows:hover:before{opacity:0.75} + + +/************************************* + slider-parallax one page +**************************************/ +.slider-parallax { height: 86vh; position: relative; } +.slider-content-middle { position: absolute; display: inline-block; width: 100%; top: 50%; left: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); + -ms-transform: translate(0,-50%);-o-transform: translate(0,-50%); transform: translate(0,-50%); } +/*scroll-down*/ +.scroll-down { text-align: center; width: 34px; height: 58px; display: inline-block; border-radius: 20px; border:2px solid #fff; position: absolute; left: 50%; bottom: 60px; +margin-left: -17px; line-height: 50px; } +.scroll-down i { height: 10px; width: 4px; background: #fff; display: inline-block; border-radius: 3px; -webkit-animation-name:fadebounce; -moz-animation-name:fadebounce; -ms-animation-name:fadebounce; -o-animation-name:fadebounce; animation-name:fadebounce; -webkit-animation-duration:3s; -moz-animation-duration:3s; -ms-animation-duration:3s; -o-animation-duration:3s; + animation-duration:3s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; + animation-iteration-count:infinite; } +@-moz-keyframes fadebounce { +0% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; } +50% { -moz-transform:translateY(25px); transform:translateY(25px); opacity:1; } +100% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@-webkit-keyframes fadebounce { +0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } +50% { -webkit-transform:translateY(25px); transform:translateY(25px); opacity:1; } +100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@-o-keyframes fadebounce { +0% { -o-transform:translateY(0); transform:translateY(0); opacity:1; } +50% {-o-transform:translateY(25px);transform:translateY(25px);opacity:1; } +100% {-o-transform:translateY(0);transform:translateY(0);opacity:1; } +} +@-ms-keyframes fadebounce { +0% { -ms-transform:translateY(0); transform:translateY(0); opacity:1; } +50% {-ms-transform:translateY(25px);transform:translateY(25px);opacity:1; } +100% {-ms-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@keyframes fadebounce { +0% { transform:translateY(0); opacity:1; } +50% {transform:translateY(25px);opacity:1; } +100% {transform:translateY(0);opacity:1; } +} + +/*personal-typer-banner*/ + .personal-typer-banner span.sub-text { font-size: 22px; line-height: 22px; margin-bottom: 16px; display: block; } + .personal-typer-banner b { border-bottom: 2px solid #F5A623; } + .personal-typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; color: #F5A623; } + .personal-typer-banner h1 span { color: #ffffff; font-size: 50px; display: inline-block; transform: rotate(-90deg); line-height: 50px; position: relative; top: -11px; left: -20px; } + .personal-typer-banner h2 { border-left: 3px solid #F5A623; padding-left: 10px; margin-top: 20px; } + +/*typer-banner*/ +.typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; } +.typer-banner p { font-size: 22px; line-height: 22px; } +.slider-content .typer { color: #F5A623 !important; } + +/*popup-video-banner*/ +.popup-video-banner h1 { font-size:60px; line-height:80px; font-weight: 400; } +.popup-video-banner a span{ margin-left: 6px; width: 50px; height: 50px; line-height: 50px; display: inline-block; text-align: center; background: #ffffff; color: #F5A623; border-radius: 50%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } +.popup-video-banner a:hover span { background: #F5A623; color: #ffffff; } +.popup-video-banner a strong { padding-left:10px; display: inline-block; } + + /*video-background-banner*/ +#video-background.bg-overlay-black-50:before { z-index: 0; } +.video-background-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; text-transform: uppercase; } +.video-background-banner .slider-content { border:20px solid #F5A623; width: 50%; margin: 0 auto; padding: 60px 30px; } +.video-background-banner .slider-content span { font-size: 22px; line-height: 22px; color: #ffffff; display: block; margin-bottom: 20px; } +.video-background-banner .slider-content p { font-size: 18px; line-height: 22px; color: #ffffff; margin-top: 20px; } + +/* portfolio-banner*/ +.portfolio-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; } +.portfolio-banner .slider-content { background: #ffffff; width: 50%; margin: 0 auto; padding: 60px 30px; box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.02); } +.portfolio-banner .slider-content span { text-transform: uppercase; letter-spacing: 10px; font-size: 18px; line-height: 18px; display: block; margin-bottom: 20px; font-weight: 600; } +.portfolio-banner .slider-content span i { line-height: 20px; } +.portfolio-banner .slider-content h1 { font-size: 70px; margin-bottom: 0; } + + /************************************* + Background + **************************************/ +/*images background*/ + .white-bg { background: #fff; } + .gray-bg { background: #666; } + .dark-gray-bg { background: #666666; } + .theme-bg { background: #F5A623; } + .black-bg { background: #323232; } + .dark-theme-bg { background: #050801; } + + .bg-overlay-black-10:before { background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-20:before { background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-30:before { background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-40:before { background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-50:before { background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-60:before { background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-70:before { background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-80:before { background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-90:before { background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-10:before { background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-20:before { background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-30:before { background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-40:before { background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-50:before { background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-60:before { background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-70:before { background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-80:before { background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-90:before { background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-20:before { background: rgba(132,186,63, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-50:before { background: rgba(132,186,63, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-70:before { background: rgba(132,186,63, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-90:before { background: rgba(132,186,63, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-10, .bg-overlay-black-20, .bg-overlay-black-30, .bg-overlay-black-40, .bg-overlay-black-50, .bg-overlay-black-60, .bg-overlay-black-70, .bg-overlay-black-80, .bg-overlay-black-90, .bg-overlay-white-10, .bg-overlay-white-20, .bg-overlay-white-30, .bg-overlay-white-40, .bg-overlay-white-50, .bg-overlay-white-60, .bg-overlay-white-70, .bg-overlay-white-80, .bg-overlay-white-90, .bg-overlay-theme-20, .bg-overlay-theme-50, .bg-overlay-theme-70, .bg-overlay-theme-90, { position: relative; } + + +/************************************* + home page section + **************************************/ +.our-service-home { padding-bottom: 230px; } +.custom-content { margin-top: -220px; background: #F5A623; position: relative; z-index: 9; padding: 50px;} + +/************************************* + decolines + **************************************/ +.decolines { pointer-events: none; position: absolute; width: 100%; height: 100%; top: 0;left: 0; pointer-events: none; } +.decolines--fixed { position: fixed; width: 100vw;height: 100vh; } +.decoline { position: absolute; } + +/************************************* + feature step + **************************************/ +.feature-step h1 { font-size: 60px; } +.feature-step h3 { font-weight: 300; margin: 30px 0px 20px; } +.feature-step a { font-size: 14px; color: #F5A623; } +.feature-step a:hover { color: #323232; } + +.feature-step-2-box { padding: 70px 30px; z-index: 99; position: relative; } +.feature-step-2.bg-01 { background: url(../images/blog/05.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-02 { background: url(../images/blog/06.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-03 { background: url(../images/blog/09.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-overlay-black-50:before { z-index: 0; } +.feature-step-2 .feature-step-2-title-left h1 { font-size: 75px; line-height: 60px; color: #ffffff; } +.feature-step-2 h3 { margin-bottom: 0; } +.feature-step-2 h2{font-weight: 200; position: relative; padding-bottom: 10px; font-size: 28px; } +.feature-step-2 img {display: block; width: 100%;} +.feature-step-2 .button { margin-top: 20px; } +.feature-step-2 .feature-step-2-title-left {opacity: 0.5; display: table-cell; padding-right: 26px; } +.feature-step-2-title-2-right { display: table-cell; vertical-align: top; } +.feature-step-2.black-bg .feature-step-2-box, .feature-step-2.theme-bg .feature-step-2-box{position: inherit; top: inherit; transform: inherit; display: inline-block;} +.service-blog { padding-top: 50px; padding-right: 25px; margin-bottom: 100px; } +.service-blog p { position: relative; z-index: 9; margin-top: 20px; margin-bottom: 20px; } +.service-blog b {position: absolute; z-index: 0; top: -35px; font-family: 'Poppins', sans-serif; right: -35px; font-size:300px; color: #dde1eb; line-height: normal; opacity: 0.3;} +.service-blog ul { border-right: 6px solid #F5A623; padding-right: 20px; } +.service-blog li { color: #626262; font-size: 16px; line-height: 22px; padding: 2px 0 7px; } +.service-blog.left b{left:-35px; right: inherit;} +.service-blog.left ul{border-left:6px solid #F5A623;border-right:0 none;padding-left:20px;padding-right:0;} +/*split-section*/ +.split-section { position: relative; z-index: 10; } +.split-section .img-holder { position: absolute; top: 0; width: 100%; height: 100%; } +.split-section .img-side.img-right { right: 0; } +.split-section .img-side.img-left { left: 0; } +.split-section .img-side { right: 0; padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100; } + .our-awesome-core .img-side { top: 20px; } + + /************************************* + about us + **************************************/ +.who-we-are-left .owl-carousel .owl-dots { bottom: 26px; position: absolute; } +.who-we-are-left .owl-carousel.owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; border-radius: 50%; } + + /************************************* + resume + **************************************/ +.resume-page .container-fluid { padding: 0 70px; } +.resume-block .resume-icon { float: left; margin-right: 30px; } +.resume-block .resume-icon span { font-size: 30px; line-height: 50px; color: #F5A623; } +.resume-block .resume-name { display: table-cell; } +.resume-block .resume-name span { color: #9ea8b6; font-size: 16px; } +.resume-contact #map { padding-top: 120%; } +.resume-contact .contact-form-main { padding: 80px 80px; } +.resume-contact .footer-widget-social a i { color: #ffffff; background: rgba(43, 43, 43, 0.12); width: 45px; height: 45px; line-height: 45px; } +.resume-contact .footer-widget-social a i:hover { background: rgba(43, 43, 43, 0.19); } + + /************************************* + portfolio + *************************************/ + .isotope-filters { display: table; margin:0px 0px 30px 0px; text-align: left; } +.isotope-filters.text-left { display: block; margin: 0px 0px 30px 0px; text-align: left; } +.isotope-filters button { margin: 4px; cursor: pointer; padding: 6.5px 16px; font-size: 14px; background: transparent; border-radius: 18px; color: #363636; font-weight: 600; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } +.isotope-filters button:focus { outline: none; outline-style: none; outline-offset:0; } +.isotope-filters button.active, .isotope-filters button:hover { background: #F5A623; color: #fff; border-color: #F5A623; } +.isotope-filters button+button { margin-left: px; background-color: #fff; } +.isotope, .masonry { margin: 0 -15px 0 0; } +.isotope .grid-item img { width: 100%; } +.isotope.columns-1 .grid-item { width: 100%; padding: 0 15px 15px 0; } +.isotope.columns-2 .grid-item { width: 50%; padding: 0 15px 15px 0; } +.isotope.columns-3 .grid-item { width: 33.33333333%; padding: 0 15px 15px 0; } +.isotope.columns-4 .grid-item { width: 25%; padding: 0 15px 15px 0; } +.isotope.columns-5 .grid-item { width: 20%; padding: 0 15px 15px 0; } +.isotope.no-padding .grid-item { padding: 0 !important; } +.masonry.no-padding .masonry-item { padding: 0 !important; } +.masonry .masonry-item img { width: 100%; } +.masonry.columns-2 .masonry-item { width: 50%; padding: 0 15px 15px 0; } +.masonry.columns-3 .masonry-item { width: 33.33333333%; padding: 0 15px 15px 0; } +.masonry.columns-4 .masonry-item { width: 25%; padding: 0 15px 15px 0; } +.masonry.columns-5 .masonry-item { width: 20%; padding: 0 15px 15px 0; } +.isotope.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.isotope.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } +.isotope.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.isotope.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } +.masonry.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.masonry.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } +.masonry.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.masonry.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } + + /************************************* + portfolio item + **************************************/ +.portfolio-title { padding: 100px 60px 30px; } +.portfolio-title span { display: block; } +.portfolio-item { width: 100%; position: relative; overflow: hidden; color: #fff; border: 0; position: relative; } +.portfolio-item img { width: 100%; -webkit-transition: -ms-transform 0.35s; -o-transform 0.35s; -moz-transform 0.35s; transition: transform 0.35s; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;} +.portfolio-item .portfolio-overlay { width: 100%; background: #F5A623; padding: 10px 0px; position: absolute; bottom:-80px; display: block; margin-top: 0; float: left; z-index: 9; text-align: left; padding-left: 20px; left: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item .portfolio-overlay h4 { font-weight: 600; margin-bottom: 5px; } +.portfolio-item .portfolio-overlay a:hover { color: #323232; } +.portfolio-item .portfolio-overlay span { font-weight: 400; font-size: 14px; } +.portfolio-item .portfolio-overlay span a { color: #ffffff; } +.portfolio-item .portfolio-overlay span a:hover { color: #323232; } +.portfolio-item a.popup{position: absolute; right: 20px; top: -20px; color: #fff; z-index: 9; display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 40px; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;} +.portfolio-item a.popup:hover { background: #F5A623; color: #ffffff; } +.portfolio-item:hover img { -webkit-transform:scale(1.20); -moz-transform:scale(1.20); -ms-transform:scale(1.20); -o-transform:scale(1.20); transform:scale(1.20); } +.portfolio-item:hover a.popup{ opacity: 1; top: 20px; } +.portfolio-item:before { content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-size: 115%; + -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.7s cubic-bezier(.68,.11,.13,.98); + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.owl-carousel .owl-item .portfolio-item img { width: 100%; } + .portfolio-item.only-popup { width: 100%; text-align: center; } + .portfolio-item.only-popup a.popup { display: inline-block; left: 50%; margin-left: -20px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } +.portfolio-item:hover .portfolio-overlay { bottom: 0; } +/* no-title */ +.no-title .portfolio-item .portfolio-overlay { position: inherit; bottom: inherit; background: #f6f7f8; } +.no-title .portfolio-item .portfolio-overlay a, .no-title .portfolio-item .portfolio-overlay span { color: #323232; } +.no-title .portfolio-item .portfolio-overlay a:hover { color: #F5A623; } + /*portfolio pupup*/ + .mfp-bottom-bar { display: none; } +.portfolio-home .isotope { margin-bottom: 0; } + +/************************************* + portfolio-item-2 +**************************************/ +.portfolio-item-2 { width: 100%; overflow: hidden; position: relative; } +.portfolio-item-2:before { background: transparent; } +.portfolio-item-2 .portfolio-hover { padding: 20px; position: absolute; z-index: 99; bottom: 0px; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-name { position: absolute; bottom: -10px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-name span { font-size: 14px; color: #fff; display: block; } +.portfolio-item-2 .portfolio-hover .hover-name a { font-size: 22px; text-transform: uppercase; color: #fff; display: block; margin-top: 5px; } +.portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #F5A623; } +.portfolio-item-2 .portfolio-hover .hover-icon { position: absolute; bottom: -10px; right: 30px; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-icon a { color: #fff; } +.portfolio-item-2 .portfolio-hover .hover-icon a:hover { color: #F5A623; } +.portfolio-item-2:hover .portfolio-hover { opacity: 1; background: rgba(0, 0, 0, 0.9); } +.portfolio-item-2 img { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } +.portfolio-item-2:hover img { opacity: 0.1; -webkit-transform:scale(1.10); -moz-transform:scale(1.10); -ms-transform:scale(1.10); -o-transform:scale(1.10); transform:scale(1.10); } +.portfolio-item-2:hover .portfolio-hover .hover-name { bottom: 30px; } +.portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: 40px; } +.no-title .portfolio-item-2 { overflow: visible; } +.no-title .portfolio-item-2 .portfolio-hover { position: inherit; border: inherit; opacity: 1; background: #f6f7f8; clear: both; } +.no-title .portfolio-item-2:hover .portfolio-hover { bottom: inherit; background: inherit; background: #f6f7f8; } +.no-title .portfolio-item-2 .portfolio-hover .hover-name { bottom: inherit; position: inherit; display: inline-block; clear: both; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon { bottom: inherit; position: inherit; display: inline-block; float: right; padding-top: 20px; text-align: right;} +.no-title .portfolio-item-2:hover .portfolio-hover .hover-name { bottom: inherit; } +.no-title .portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: inherit; } +.no-title .portfolio-item-2:hover img { opacity: 1; -webkit-transform:inherit; -moz-transform:inherit; -ms-transform:inherit; -o-transform:inherit; transform:inherit; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon a, .no-title .portfolio-item-2 .portfolio-hover .hover-name span, .no-title .portfolio-item-2 .portfolio-hover .hover-name a { color: #323232; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .no-title .portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #F5A623; } + + /************************************* + Portfolio single page +**************************************/ + /*tags*/ +.tags h5 { display: inline-block; padding-right: 20px; } +.tags ul { display: inline-block; } +.tags li { display: inline-block; } +.tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } + +/*share*/ +.share .social ul { display: inline-block; } +.share .social ul li { display: inline-block; padding: 0px 6px; } +.share .social ul li a:hover { color: #353535; } + +/*port-meta*/ +.port-meta ul { margin-bottom: 30px; } +.port-meta li { margin-bottom: 20px; font-size: 16px; } +.port-meta li b { color: #F5A623; width: 200px; font-weight: 400; width: 100px; display: inline-block; } +.port-meta li span { font-weight: normal; } +.port-info p { margin-bottom: 0px; } + +/*port-navigation*/ +.port-navigation { padding: 20px 0; border-bottom:1px dashed #d0d0d0; border-top: 1px dashed #d0d0d0;} +.port-navigation a { color: #626262; } +.port-arrow { height: 74px; width: 40px; text-align: center; background: #f7f7f7; display: inline-block;} +.port-arrow i { text-align: center; font-size: 25px; line-height: 75px;} +.port-photo { width: 124px; height: 77px; display: inline-block; } +.port-photo img { width: 100%; } + +/*port-post*/ +.port-post { background: #f7f7f7; padding: 15px; } +.port-post-photo { width: 170px; display: inline-block; float: left; margin-right: 20px; } +.port-post-photo img { width: 100%; } + +/*port-post-info*/ +.port-post-info { padding-left: 190px;} +.port-post-info h3 { display: inline-block; font-size: 24px; } +.port-post-info span { color: #626262; } +.port-post-social strong { font-size: 14px; } +.port-post-social a { color: #626262; margin-left: 8px; font-size: 14px; } +.port-post-social a:hover { color: #F5A623; } +.port-post-info p { margin-top: 10px; } +.port-singal .owl-carousel .owl-item img { width: 100%; } + +/************************************* + Our Blog + **************************************/ + /*Blog 1*/ +.blog-box { padding: 30px; border:1px solid #ddd; position: relative; z-index: 1; } +.blog-info { position: relative; z-index: 9; } +.blog-info span { color: #626262; font-size: 14px; margin-right: 6px; } +.blog-info h4 { font-weight: 600; font-size: 18px;} +.blog-box .post-format-icon{text-align: right; position: relative; z-index: 9} +.blog-box .post-format-icon i { padding-right: 0; font-size: 35px; color: #e1e1e1; } +.blog-info p { padding: 0px 0 10px; font-size: 14px; } +.blog-box .post-category a { display: inline-block; padding: 5px 15px; font-size: 12px; text-transform: uppercase; font-weight: 700; border-radius: 50em; color:#fff; background-color: #F5A623; -webkit-transition: all 0.3s ease; -moz-transition: ll 0.3s ease; transition: all 0.3s ease; margin-bottom: 20px;} +a.blog-btn { text-align: center; font-size: 14px; color: #F5A623; display: block; padding-bottom: 12px; position: relative; z-index: 1; } +a.blog-btn i { margin-left: 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-box .border { position: absolute; background: #F5A623; height: 0px; bottom: 0; left: 0; z-index: 0; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-box .blog-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background-size: cover; background-position: center center; } +.blog-box:hover .blog-box-img, .blog-box.active .blog-box-img { opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-1:hover h4, .blog-1:hover i, .blog-1:hover span, .blog-1:hover p, .blog-1:hover a.blog-btn, .blog-1.active h4, .blog-1.active i, .blog-1.active span, .blog-1.active p, .blog-1.active a.blog-btn,.blog-1:hover .post-category a,.blog-1:hover .post-format-icon i,.blog-1.active .post-category a,.blog-1.active .post-format-icon i { color: #fff; } +.blog-box:hover .blog-box-img:before, .blog-box.active .blog-box-img:before { background: rgba(0, 0, 0, 0.6); color: #fff; content: ""; display: inline-block; height: 100%; + left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } +.blog-box.blog-2 {padding: 0; position: relative; border:none; transition: all 0.5s ease 0s; height: 100%; } +.blog-box.blog-2 .blog-info{background: #ffffff; padding: 30px;} +.blog-box.blog-2.gray-bg .blog-info {background: #f7f7f7; } +.blog-box.blog-2 .blog-box-img{opacity: 1;} +.blog-box.blog-2 .post-format-icon{position: absolute; right: 30px; top: 30px;} +.blog-box.blog-2 .button.icon-color{text-transform: capitalize; float: right;} +.blog-box.blog-2:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);} +.blog-box.blog-2.gray-bg:hover { box-shadow: none;} +.blog-box.blog-2.transparent .blog-info { background: transparent; padding: 30px 0; } +.blog-box.blog-2.transparent .blog-info span { color: #ffffff; } + + +/*************************** + blog +***************************/ +.blog-entry { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } +.blog-entry:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } +.blog-entry .entry-image img { width: 100%; } +.blog-entry .blog-detail { background: #ffffff; padding: 30px; border-top: 0px; } +.blog-entry .blog-detail .entry-title a { font-size: 22px; font-weight: 600; line-height: 24px; color: #353535; line-height: 28px; } +.blog-entry .blog-detail .entry-title a:hover { color: #F5A623; } +.blog-entry .entry-meta ul li { display: inline-block; margin-right: 12px; } +.blog-entry .entry-meta ul li i { color: #F5A623; padding-right: 6px; } +.blog-entry .entry-meta ul li a { color: #353535; line-height: 0px; padding-right: 5px; } +.blog-entry .entry-meta ul li a i { padding-right: 6px; color: #F5A623; } +.blog-entry .entry-meta ul li a:hover { color: #F5A623; } +.blog-entry .social strong { display: inline-block; margin-right: 10px; } +.blog-entry .entry-button { display: inline-block;} +.blog-entry .social ul { display: inline-block; } +.blog-entry .social ul li { display: inline-block; padding: 0px 6px; } +.blog-entry .social ul li a:hover { color: #353535; } +.blog-entry .entry-share { margin-top: 20px; display: block; } + +/*blog-entry blockquote*/ +.blog-entry.blockquote { background: #F5A623; border: 0px; padding: 36px 30px; } +.blog-entry.blockquote blockquote { background: #F5A623; border-left: 0px; color: #ffffff; padding: 0px; position: relative; margin-top: 0 !important; padding-top: 60px; } +.blog-entry.blockquote blockquote:before { content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #ffffff; position: absolute; left: 0px; top: -20px; } +.blog-entry.blockquote .blog-detail { border: 0px; background: #F5A623; padding: 0px; } +.blog-entry.blockquote .blog-detail .entry-title a { color: #ffffff; } +.blog-entry.blockquote .blog-detail .entry-title a:hover { color: #323232; } +.blog-entry.blockquote .social ul li a { color: #ffffff; } +.blog-entry.blockquote .social ul li a:hover { color: #323232; } +.blog-entry.blockquote .entry-meta ul li a { color: #ffffff; } +.blog-entry.blockquote .entry-meta ul li i { color: #ffffff; } +.blog-entry.blockquote .entry-meta ul li a i { color: #ffffff !important; } +.blog-entry.blockquote .entry-meta ul li a:hover { color: #323232; } +.blog-entry.blockquote .button.arrow.white:hover { color: #323232; } + +/*video vimeo and youtube*/ +.js-video { height: 0; padding-top: 25px; padding-bottom: 54%; position: relative; overflow: hidden; } +.js-video.widescreen { padding-bottom: 34.34%; } +.js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: none; } +.js-video.big { padding-top: 30px; } + +.blog-entry .grid-post li { float: left; width: 50%; border-right: 4px solid #fff; border-bottom: 4px solid #fff; list-style: none; } +.blog-entry .grid-post li img { width: 100%; } +.blog-entry .grid-post li .portfolio-item { width: 100%; } + + /*blog-entry-audio*/ + .blog-entry .blog-entry-audio { padding: 136px 20px; background: url(../images/blog/04.jpg) no-repeat; background-position: center center; background-size: cover; } + + /*blog pages*/ + /*blog-grid-3-column*/ + .blog-grid-3-column .blog-entry .blog-entry-audio { padding: 63px 20px; } + .blog-grid-2-sidebar .blog-entry .blog-entry-audio { padding: 96px 20px; } + +/************************************* + our services +**************************************/ +.service-image-holder { position: relative; height: 496px; } +.service-image-holder .section-title-2 { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } +.services-text-box { background:#fff; padding: 10% 15%;} +.services-text-box-black { background:#363636; padding: 80px 50px !important; } +.services-text-box-green { background:#F5A623; padding: 80px 50px !important; } + +/************************************* + creativity +**************************************/ +.creativity h1 { line-height: 65px; text-transform: uppercase; font-size: 50px; font-weight: bold; } +.creativity p { font-size: 30px; } +.creativity .button { display: inline-block; float: none; } + .contact-map iframe { width: 100%; height: 100%; } +#formmessage {display: none;} +.contact-form .section-field { position: relative; width: 31.3%; margin-right: 3%; float: left; } +.contact-form .section-field:nth-child(3) { margin-right: 0px; } +.contact-form .section-field:nth-child(6) { margin-right: 0px; } +.contact-box.contact-box-top { margin-top: -1px; position: relative; } +.touch-in .contact-box {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); display: inline-block; margin-bottom: 0; padding: 60px 20px; width: 100%;} +.contact-box i { background: #F5A623; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 5px; font-size: 34px; color: #ffffff; display: inline-block;} +.contact-form .form-control {position: relative; width: 100%; margin-bottom: 20px; } +.section-field.textarea{width: 100%;} +.g-recaptcha.section-field {width: 100%; margin-bottom: 20px; } +.contact-form textarea.form-control {width: 100%; } +.contact-box .contact-icon { display: table-cell; padding-right: 20px; } +.contact-box .contact-icon i { background: transparent; line-height: normal; font-size: 34px; height: auto; width: auto;} +.contact-box.theme-bg .contact-icon i{color: #ffffff !important;} +.contact-box .contact-info { display: table-cell; vertical-align: top; padding: 0; background: none;} +.contact-2 .addresss-info p, .contact-2 .addresss-info i, .contact-2 .addresss-info li{color: #ffffff;} +.contact-2 .contact-add{padding: 80px 0} +.contact-2 .contact-add i{font-size: 40px;} +.contact-3 #map { padding-top: 101%; } +.contact-2 #map { padding-top: 100%; } +.map-side { left: 0; overflow: hidden; padding: 0; position: absolute; top: 0; z-index: 9;} +.map-side.map-right {left: auto; right: 0;} +.contact-3 .contact-add{padding: 80px 20px; } +.contact-3 .contact-add i{font-size: 40px; color: #F5A623;} +.contact-3 .contact-form .section-field {width: 100%;} +.contact-social ul li { display: inline-block; } +.contact-social ul li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #323232; background: #eceff8; font-size: 14px; border-radius: 3px; margin-right: 5px; } +.contact-social ul li a:hover { background: #353535 !important; color: #fff;} +.contact-3 .theme-bg.contact-add i{color: #ffffff !important;} +.footer #logo-footer { height: 30px; } +.footer-contact .footer-nav ul li a { color: #353535; } +.footer-contact .footer-nav ul li a:hover { color: #2046f2; } +.footer-contact .contact-box .contact-icon i { background: transparent; color: #F5A623; margin-bottom: 10px; } +.footer.footer-topbar hr { border-color: #d9d9d9; } +.footer-contact .social ul { background: #f6f7f8; } +.footer-contact .social ul li a i { color: #353535; } +.footer-contact .social ul li a i:hover { color: #2046f2; } +.footer-contact .usefull-link ul li a { color: #353535; } +.footer-contact .usefull-link ul li a:hover { color: #2046f2; } +.footer-contact { box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); margin-bottom: 80px; margin-top: -220px; padding: 60px 0; } +.footer-contact .contact-box { text-align: center; } +.footer-contact .contact-box .contact-icon { display: block; padding-right: 0; color: #2046f2; } +.footer-contact .contact-box .contact-info { display: block; background: none; padding: 0; width: 100%;} +.footer-contact .contact-box .contact-info .section-title { margin-bottom: 0px; } +.footer-contact .contact-box .contact-info h5 { color: #353535; } +.our-clients.theme-bg{padding: 60px 0 170px;} +.footer-Newsletter .form-control::-moz-placeholder { color: rgba(255,255,255,0.5); } +.footer-Newsletter .form-control::-ms-input-placeholder { color: rgba(255,255,255,0.5); } +.footer-Newsletter .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.5); } + +/************************************* + Our History +**************************************/ + .history-main { width: 100%; } + .liner { background: #fff; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: 96%; z-index: 1; position: relative; } + .liner i { position: absolute; right: -2px; top: -9px; color: #fff; } + .history-content { list-style: outside none none; padding: 125px 0; width: auto; } + .history-1 { position: relative; left: 45px; } + .history-2 { position: relative; margin-left: 30%; } + .history-3 { position: relative; margin-left:58%; } + .history-4{ position: relative; margin-left: 95%; } + .history-line { background: #fff; height: 60px; left: 3px; position: absolute; top: -75px; width: 2px; z-index: 9; } + .history-time-lin { position: relative; top: 10px; z-index: 2; } + .history-time-lin:before { bottom: 0; } + .history-time-lin:before { background: #fff; border-radius: 50%; content: ""; height: 20px; left: -5px; position: absolute; width: 20px; z-index: 1; } + .history-time-lin:after { border:2px solid #fff; background: #000; border-radius: 50%; content: ""; height: 30px; left: -5px; position: absolute; width: 30px; } + .history-time-lin:after { left: -10px; top: -25px; } + .history-item { left: -20px; position: absolute; top: -125px; } + .history-item a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } + .history-5 { position: relative; margin-left: 15%; } + .history-6 { position: relative; margin-left: 53%; } + .history-7 { position: relative; margin-left:78%; } + .history-line-2 { background: #fff none repeat scroll 0 0; height: 60px; left: 3px; position: absolute; top: 15px; width: 2px; z-index: 9; } + .history-item-2 { left: -20px; position: absolute; top: 75px; } + .history-item-2 a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } + /*Our History */ +.our-history .timeline { list-style: none; padding: 20px 0 20px; position: relative; } +.our-history .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 2px; background-color: #e6e6e6; left: 50%; margin-left: -0.5px; } +.our-history .timeline > li { margin-bottom: 20px; position: relative; } +.our-history .timeline > li:before, +.our-history .timeline > li:after { content: " "; display: table; } +.our-history .timeline > li:after { clear: both; } +.our-history .timeline > li:before, +.our-history .timeline > li:after { content: " "; display: table; } +.our-history .timeline > li:after { clear: both;} +.our-history .timeline > li > .timeline-panel { width: 46%; float: left; padding: 15px 00px 25px 00px; position: relative; } +.our-history .timeline > li > .timeline-panel:before { position: absolute; top: 23px; right: -25px; display: inline-block; width: 25px; height: 2px; background: #e6e6e6; content: " "; } +.our-history .timeline > li > .timeline-badge { color: #fff; width: 18px; height: 18px; line-height: 10px; font-size: 0.7em; text-align: center; position: absolute; top: 16px; left: 50%; + border:3px solid #F5A623; margin-left: -9px; background-color: #fff; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0 0 0 5px #f6f6f6; } +.our-history .timeline > li.timeline-inverted > .timeline-panel { float: right;} +.our-history .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -25px; right: auto; } +.our-history .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } + .our-history .timeline-body > p, +.our-history .timeline-body > ul { margin-bottom: 0; } +.our-history .timeline-body > p + p margin-top: 5px; +.our-history .timeline > li { text-align: right;} +.our-history .timeline > li.timeline-inverted { text-align: left;} +.our-history .timeline .timeline-arrow { position: absolute; width: 100%; left: 0.5px; right: 0; text-align: center; color: #e6e6e6; bottom: -29px; } +.our-history .timeline > li > .timeline-badge p{width: 200px; margin-top: -9px; margin-left: 25px;font-size: 17px; font-weight: bold; text-align: left;} +.our-history .timeline > li.timeline-inverted .timeline-badge p{text-align: right; float: right; margin-right: 25px;} + +/************************************* + our-service objects +**************************************/ +.our-service { position: relative; padding-bottom: 280px; z-index: 1; } +.objects-left { position: absolute; height: 100%; width: 100%; left: 0; top: 80px; z-index: -1; } +.objects-left .objects-1 { position: absolute; left: 50px; top: 0; } +.objects-left .objects-2 { position: absolute; left: 100px; bottom: 170px; } +.objects-left .objects-3 { position: absolute; left: 50%; bottom: 150px; margin-left: -150px; } +.objects-right { position: absolute; height: 100%; width: 100%; right: 0; top:80px; z-index: -1; } +.objects-right .objects-4 { position: absolute; right: 0px; top: 0; } +.objects-right .objects-5 { position: absolute; right: 0px; bottom: 170px; } +.objects-right .objects-bottom { position: absolute; right: 0px; bottom: 0; } + +/************************************* + sidebar +**************************************/ +.sidebar-widget p { margin-bottom: 0px; } +/*.widget-search */ +.widget-search { position: relative; } +.widget-search input { padding-right: 30px; color: #353535; box-shadow: none; background: #f6f7f8; } +.widget-search i { position: absolute; right: 0px; padding: 16px 22px; font-size: 14px; color: #626262; cursor: pointer; } +.widget-search input:focus { border-color: #F5A623; } + +/*Recent Posts*/ +.sidebar-widget .recent-post { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding-bottom: 20px; margin-bottom: 20px; } +.sidebar-widget .recent-post .recent-post-image { float: left; margin-right: 15px; } +.sidebar-widget .recent-post .recent-post-image img { width: 50px; height: 50px; border-radius: 50%; } +.sidebar-widget .recent-post .recent-post-info { overflow: hidden; } +.sidebar-widget .recent-post .recent-post-info a { display: block; margin-bottom: 5px; color: #323232; } +.sidebar-widget .recent-post .recent-post-info a:hover { color: #F5A623; } +.sidebar-widget .recent-post .recent-post-info span { color: #F5A623; font-style: italic; font-size: 14px; } +.sidebar-widget .recent-post .recent-post-info span i { padding-right: 10px; } +.sidebar-widget .recent-post:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } + +/*widget-archives*/ +.sidebar-widget .widget-categories li { display: block; margin-bottom: 6px; } +.sidebar-widget .widget-categories li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } +.sidebar-widget .widget-categories li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 10px; width: 20px; height: 20px; text-align: center; } +.sidebar-widget .widget-categories li a:hover { color: #F5A623; } +.sidebar-widget .widget-categories li a:hover i { border-color: #F5A623; color: #F5A623; } + +/*widget-link*/ +.sidebar-widget .widget-link li { display: block; margin-bottom: 6px; } +.sidebar-widget .widget-link li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } +.sidebar-widget .widget-link li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 20px; width: 20px; height: 20px; text-align: center; } +.sidebar-widget .widget-link li a:hover { color: #F5A623; } + +/*tags*/ +.sidebar-widget .widget-tags li { display: inline-block; } +.sidebar-widget .widget-tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.sidebar-widget .widget-tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } + +/*widget-testimonial*/ +.sidebar-widget .testimonial-widget .testimonial-content { background: #f6f7f8; padding: 20px; font-style: italic; border-radius: 5px; position: relative; } +.sidebar-widget .testimonial-widget .testimonial-content:before { position: absolute; content: ""; bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; +border-color: #f6f7f8 transparent transparent transparent; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar { display: table-cell; padding-right: 20px; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar img { width: 50px; height: 50px; border-radius: 50%; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name { display: table-cell; vertical-align: top; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name span { display: block; font-style: italic; font-size: 14px; } +.sidebar-widget .testimonial-widget .testimonial-info:before { display: none; } + +/*widget-gallery*/ +.sidebar-widget .widget-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; } + +/*widget-newsletter*/ +.sidebar-widget .widget-newsletter { background: #f6f7f8; padding: 30px; position: relative; z-index: 9; overflow: hidden; } +.sidebar-widget .widget-newsletter .newsletter-icon { position: absolute; right: 0; top: -16px; } +.sidebar-widget .widget-newsletter .newsletter-icon i { font-size: 100px; z-index: 0; color: rgba(0, 0, 0, 0.05); } +.sidebar-widget .widget-newsletter .form-control { background: #ffffff; box-shadow: none; } + +/*widget-clients*/ +.sidebar-widget .widget-clients .item { background: #f6f7f8; padding: 30px 30px; } + +/*opening-time*/ + .opening-time ul li { font-size: 14px; line-height: 20px; color: rgba(255,255,255,0.5); border-bottom: 1px solid #262626; padding-bottom: 14px; margin-bottom: 14px; } + .opening-time ul li:last-child { border-bottom: 0; } + +/************************************* + About me +**************************************/ +.about-me .custom-content { margin-top: 0px; } +.about-me .maintenance-progress-bar { margin: 0; } +.about-me .maintenance-progress-bar .progress-bar { margin: 0 44px; } +.maintenance-progress-bar .progress-bar .rotate { background: #F5A623 !important; } +.maintenance-progress-bar .progress-bar .right { background: #F5A623 !important; } +.about-me .portfolio-item { width: 100%;} +.about-me .contact-me p { color: #363636; margin: 15px 0; display: table; } +.about-me .contact-me i { float: left; color: #F5A623; margin-right: 15px; line-height: 23px; width: 20px; } +.about-me .follow-me ul { margin-top: 20px; } +.about-me .follow-me li { display: inline-block; } +.about-me .follow-me li a { background: #e4e4e4; color: #F5A623; border-radius: 3px; display: block; width: 35px; height: 35px; line-height: 35px; margin-right: 2px; text-align: center; font-size: 16px; } +.about-me .follow-me li a:hover { background: #F5A623; color: #fff; } + +/************************************* + Team 1 page +**************************************/ +/*team-details*/ + .team-details .social{display:table;float:right;} +.team-details .social li a { background:#f7f7f7 none repeat scroll 0 0;border-radius:3px;color:#F5A623;display:block;font-size:15px;height:35px;line-height:35px;margin-left:0px;text-align:center;width:35px; } +.team-details .social li a:hover { background: #F5A623; color: #ffffff; } +.team-details .info i{color:#f7f7f7;font-size:126px;left:0;position:absolute;z-index:0;} +.team-details .info p{font-size:16px;font-style:italic;line-height:28px;padding-left:64px;position:relative;z-index:9;} + +/************************************* + blog page +**************************************/ + .owl-carousel img { width: 100%; } +/*pagination-nav*/ +.pagination { margin:0px; } +.pagination li a { font-size: 15px; font-weight: 500; margin: 0 5px; color: #626262; border-radius: 50%; } +.pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 50%; } +.pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 50%; } +.pagination>.active>a, .pagination>.active>a:hover { color: #626262; } +.pagination > li > a, .pagination > li > span { width: 44px; height: 44px; line-height: 44px; background: #f6f7f8; border:0px; padding: 0; text-align: center; } +.pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background-color:#F5A623; color: #ffffff;} +.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color:#F5A623; color: #ffffff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); } +.dataTables_paginate li.paginate_button.previous a, .dataTables_paginate li.paginate_button.next a { width: inherit; height: inherit; background: transparent !important; color: inherit !important; box-shadow: none !important; } + /*timeline blog*/ +.blog .timeline { list-style: none; padding: 20px 0 20px; position: relative; } +.blog .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 4px; background-color: #f7f7f7; left: 50%; margin-left: -1.5px; } +.blog .timeline > li { margin-bottom: 20px; position: relative; width: 46%; float: left; clear: left; } +.blog .timeline > li:before, +.blog .timeline > li:after { content: " "; display: table; } +.blog .timeline > li:after { clear: both; } +.blog .timeline > li:before, +.blog .timeline > li:after { content: " "; display: table; } +.blog .timeline > li:after { clear: both; } +.blog .timeline > li > .timeline-panel { width: 95%; float: left; border: 1px solid #d4d4d4; /*border-radius: 2px;*/ /*padding: 20px;*/ position: relative; border:1px solid #f7f7f7; + padding: 20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } +.blog .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #f7f7f7; + border-right: 0 solid #f7f7f7; border-bottom: 15px solid transparent; content: " "; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } +.blog .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; + border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } +.blog .timeline > li > .timeline-badge { color: #fff; width: 54px; height: 54px; line-height: 18px; padding: 6px; font-size: 22px; border:4px solid #f7f7f7; background: #fff; + border-radius: 50%; text-align: center; font-weight: bold; position: absolute; color: #f7f7f7; top: 16px; right: -73px; /*z-index: 100;*/ } +.blog .timeline > li > .timeline-badge span { font-size: 13px; font-weight: normal; display: block; } +.blog .timeline > li.timeline-inverted > .timeline-panel { float: right; } +.blog .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } +.blog .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } +.blog .timeline-title { margin-top: 0; color: inherit; } +.blog .timeline-body > p, +.blog .timeline-body > ul { padding:20px; margin-bottom: 0; } +.blog .timeline-body > p + p { margin-top: 5px; } +.blog .timeline-footer { padding:20px; background-color:#f4f4f4; } +.blog .timeline-footer > a { cursor: pointer; text-decoration: none; } +.blog .timeline > li.timeline-inverted { float: right; clear: right; margin-top: 30px; margin-bottom: 0px; } +.blog .timeline > li:nth-child(2){ margin-top: 60px; } +.blog .timeline > li:nth-child(3){ margin-top: 60px; } +.blog .timeline .entry-title i { font-size: 24px;} +.blog .timeline-inverted .timeline-badge { margin-top: 70px} +.blog .timeline li.timeline-inverted .timeline-panel:after { top: 98px; } +.blog .timeline li.timeline-inverted .timeline-panel:before { top: 97px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: -73px; } +.blog .timeline li.entry-date { top: 0; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } +.blog .timeline li.entry-date span { background: #f7f7f7; color: #363636; font-size: 16px; font-weight: 400; text-transform: capitalize; padding: 10px 25px;border-radius: 30px;} +.blog .timeline li.entry-date-bottom { bottom: -30px; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } +.blog .timeline li.entry-date-bottom a { background: #f7f7f7; padding: 7px 10px; color: #363636; font-size: 16px; padding: 10px 25px; border-radius: 30px; } +.blog .timeline li.entry-date-bottom a:hover { background: #F5A623; color: #fff; } +.blog .timeline li:hover .timeline-panel { border-color: #F5A623; } +.blog .timeline li:hover .timeline-badge a { color: #fff; } +.blog .timeline li:hover .timeline-badge{ background: #F5A623; border-color: #F5A623; } +.blog .timeline li:hover .timeline-panel:before { border-left-color: #F5A623; border-right-color: #F5A623; } +.blog .blog.timeline .entry-quote p { font-size: 16px; } +/* blog 2 column masonry left sidebar */ +.blog.timeline-sidebar .timeline > li { width: 89%; } +.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 50%;} +.blog.timeline-sidebar .timeline:before { left: 54px; } +.blog.timeline-sidebar .timeline li.entry-date { text-align: left;} +.blog.timeline-sidebar .timeline li.entry-date-bottom { text-align: left;} +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -66px; } +.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 0px; } +.blog.timeline-sidebar .timeline > li:nth-child(3) { margin-top: 30px; } +.blog.timeline-sidebar .timeline li.entry-date { top: 3px; } +.blog.timeline-sidebar .timeline li.entry-date span { font-size: 14px; padding: 10px 25px; } +.blog.timeline-sidebar .timeline li.entry-date-bottom { bottom: -48px; } +.blog.timeline-sidebar .timeline li.entry-date-bottom a { font-size: 14px; padding: 10px 25px; } +.blog.timeline-sidebar .timeline li .share ul li { width: auto; } + +/*blog-single*/ +.blog-single .blog-entry { box-shadow: none; } +.blog-single .blog-entry .blog-detail { padding: 0; margin-top: 20px; } + +.blog-single .blockquote { font-style: italic; line-height: 30px; background: #f6f7f8 !important; } +.blog-single .blog-entry.blockquote blockquote { background: #f6f7f8;color: #626262; } +.blog-single .blog-entry.blockquote blockquote cite { color: #F5A623; } +.blog-single .entry-share .tags { display: inline-block; } +.blog-single .blog-entry.blockquote blockquote:before { color: #323232; top: 20px; } + +/*blog-comments*/ +.comments-1 .comments-photo { width: 106px; height: auto; float: left; border:5px solid #f7f7f7; margin-right: 20px; } +.comments-1 .comments-photo img { width: 100%; } +.comments-1 .comments-info { display: table; background: #f7f7f7; padding: 20px; margin-bottom: 20px; } +.comments-1 .comments-info h4 { display: inline-block; } +.comments-1 .comments-info span { font-size: 13px; color: #626262; } +.comments-1 .comments-info a { color: #F5A623; } +.comments-1 .comments-info a:hover { color: #363636; } +.comments-1.comments-2 { padding-left: 127px; } +.comments-1.comments-2 .comments-info { background: #fff; margin-bottom: 0px; padding: 20px 20px 10px; } + +/************************************* + error 404 +**************************************/ +.error-block { position: relative; z-index: 9; padding: 20px 0 130px 0px; } +.error-block .error-text { position: absolute; text-align: center; left: 0; right: 0; z-index: -1; } +.error-block .error-text h2 { font-size: 420px; line-height: 300px; color: rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0; } +.error-block .error-text span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 134px; line-height: 100px; color: rgba(0, 0, 0, 0.1); font-weight: bold; } +.error-block h1 { font-size: 87px; padding-top: 110px; } +.error-block p { font-size: 33px; } + +.error-text-02 { position: relative; text-align: center; } +.error-text-02 h2 { font-size: 420px; line-height: 300px; color: rgba(255, 255, 255, 0.2); position: relative; left: -70px; top: 0; } +.error-text-02 span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 117px; line-height: 100px; color: rgba(255, 255, 255, 0.2); font-weight: bold; } +.error-middle { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } + + +/************************************* + coming soon +**************************************/ +.coming-soon { background: transparent; } +.coming-soon-countdown ul.countdown { list-style: none; margin: 75px 0; padding: 0; display: block; text-align: center; } +.coming-soon-countdown ul.countdown li { display: inline-block; width: 24%; } +.coming-soon-countdown ul.countdown li span { font-size: 90px; font-weight: bold; line-height: 80px; color: #F5A623; } +.coming-soon-countdown ul.countdown li p { color: #626262; font-size: 20px; text-transform: capitalize; margin-bottom: 30px; } +.coming-soon .coming-soon-form input { color: #626262; } +.coming-soon-form` input { width: 50%; color: #fff; display: block; margin: 0 auto; } +.coming-soon-form.contact-form input { width: 50%; display: block; margin: 0 auto; } +.coming-soon-middle { padding: 100px; display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } + +/************************************* + Register +**************************************/ +.register-form .section-field { display: block; } +.register-form .field-widget { position: relative; } +.register-form .field-widget input { width: 100%; margin-bottom: 20px; padding-left: 30px; } +.register-form .field-widget select { width: 100%; margin-bottom: 20px; padding-left: 15px; } +.register-form .field-widget input.gui-input { padding-left: 140px;} +.register-form .field-widget .button { background: #666; height: 46px; left: 0; margin: 2px; position: absolute; text-align: center; top: 0; width: 115px; border:0; } +.register-form .nice-select { float: none; margin-bottom: 20px; background: #f6f7f8; border:0; } +.remember-checkbox a {color: #F5A623; } +.remember-checkbox label { position: relative; padding-left: 30px; font-size: 14px; cursor: pointer;} +.remember-checkbox label:before, label:after { font-family: FontAwesome; font-size: 17px; position: absolute; top: -3px; left: 0; padding-left: 2px; border-radius: 6px; } +.remember-checkbox label:before { border: 2px solid #F5A623; content: ""; height: 20px; margin-top: 3px; width: 20px; } +.remember-checkbox label:after { content: '\f00c'; max-width: 0; overflow: hidden; opacity: 0.5; transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; } +.remember-checkbox input[type="checkbox"] { display: none; } +.remember-checkbox input[type="checkbox"]:checked + label:after { max-width: 25px; opacity: 1; } +/*all id*/ +#one+label:before, #one+label:after {color: #F5A623;} +#two+label:before, #two+label:after {color: #F5A623;} +#three+label:before, #three+label:after {color: hsl(120, 45%, 40%); } +#four+label:before, #four+label:after {color: hsl(180, 45%, 40%); } +#five+label:before, #five+label:after {color: hsl(240, 45%, 40%); } +#six+label:before, #six+label:after {color: hsl(300, 45%, 40%); } + +/************************************* + Login +**************************************/ +.full-height-bg { height: 100vh; } +/*login-2-social*/ +.login-social li { display: inline-block; margin: 2px 0px; } +.login-social li a { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;} +.login-social li a.fb { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #4c70ad; border-radius:30px; } +.login-social li a.twitter { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #25b6e6; border-radius:30px; } +.login-social li a.pinterest { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #dd4b39; border-radius:30px; } +.login-social li i { border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px; } +.login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover { background: #F5A623; } + +/*login 02*/ +.section-transparent { background: transparent; } +.login-bg { background: #ffffff; border-radius: 10px; } +.login-bg .login-title { background: #F5A623; padding: 30px; border-radius: 10px 10px 0 0; } +.login-bg .login-form { padding: 40px 30px; } +.login-bg .login-social { padding: 30px; background: #f6f7f8; border-radius: 0 0 10px 10px; } + +/*login 02*/ +.register-bg { background: #ffffff; border-radius: 10px; } +.register-bg .register-title { background: #F5A623; padding: 30px; border-radius: 10px 10px 0 0; } +.register-bg .register-form { padding: 30px 30px 50px; } + +/************************************* + maintenance +**************************************/ +img.logo-small { height: 40px; margin: 30px 0; position: relative; } +.maintenance-main i { font-size: 100px; margin-bottom: 10px; color: #e4e4e4; } +.maintenance-main h1 { font-size: 62px; text-transform: uppercase; font-weight: bold; } +.maintenance-main p { font-size: 26px; line-height: 35px; margin-bottom: 70px;} +.maintenance-form { width: 76%; margin: 0 auto; } +.maintenance-form p { font-size: 19px; } +.maintenance-form input { width: 50%; margin: 0 auto; } + +/*maintenance 2 */ +.maintenance-main h1 { font-size: 40px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; } +.maintenance-contant p { line-height: 25px; margin-top:20px; font-size: 14px; } +.progress-new { margin-top: 50px; height: 50px; background: #f6f7f8; border-radius: 0; margin-bottom: 50px; margin-left: auto; margin-right: auto; width: 50%; } +.progress-bar-new { line-height: 50px; background-color: #F5A623; color: #ffffff; font-size: 20px; padding-left: 20px; } +.progress-bar-new span { position: absolute; right: 30px; color: #323232; font-weight: bold; font-size: 20px; } +.progress-bar-striped, +.progress-striped .progress-bar-new { + background-image: linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); +} + +/************************************* + Our clients +**************************************/ +/*clients-box*/ +.clients-box { background: #f7f7f7; padding: 20px; } +.clients-photo { position: relative; margin-right: 20px; width: 200px; height: 200px; float: left; display: table-cell; text-align: center; vertical-align: middle; background: #fff; } +.clients-photo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } +.clients-info { display: table; } +.clients-info i { padding-right: 10px; } +.clients-info a { font-size: 14px; color: #F5A623; } +.clients-info a:hover { color: #626262; } +.clients-info p { margin-top: 10px; } +.happy-clients .tab-content { padding: 0 30px; position: relative; text-align: left; } +.happy-clients .tab-content .quoter-icon { position: absolute; left: 0; top: -10px; font-size: 120px; line-height: 1; color: #F5A623;} +.happy-clients .tab-content p{padding-left: 30px; font-size: 18px; padding-top: 10px; font-style: italic; } +.happy-clients .nav-tabs li { overflow: visible; display: inline-block; padding: 0 5px; } +.happy-clients .nav.nav-tabs li a, .happy-clients .nav.nav-tabs li a:hover, .happy-clients .nav.nav-tabs li a:focus { background: none; padding: 0; border:0; outline: none; background: transparent !important;} +.happy-clients .nav-tabs li img {width: 96px; opacity: 0.1; height: 96px; border-radius: 50%; } +.happy-clients .nav-tabs li.active img, .happy-clients .nav-tabs li:focus img { border: 4px solid #fff; opacity: 1; top: -2px; box-shadow: 0 0 40px rgba(0,0,0,.3); } +.happy-clients .testimonial-avatar { position: relative; right: inherit; left: inherit; top: inherit; width: inherit; height: inherit; margin-left: inherit; margin-top: 30px; } +.happy-clients .nav-tabs { border: 0; } + +/*********************************** + process +************************************/ +.process-list .col-sm-12 { padding: 0 50px; } +.process { margin: 0px; border: 2px dashed rgba(0, 0, 0, 0.3); position: relative; width: 100%; float: left; padding-bottom: 50px; padding-top: 50px; min-height: inherit; } +.process.left { border-right: 0; border-top: 0; } +.process.right { border-left: 0; border-top: 0; } +.process .border-area.left-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; left: -2px; z-index: 99; } +.process .border-area.left-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.right-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } +.process .border-area.right-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.right-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } +.process .border-area.right-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.left-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; left: -2px; } +.process .border-area.left-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); } +.process:first-child { padding-top: 0; } +.process.left:first-child .process-step { top: 0; } +.process:last-child { border-bottom: 0; } +.process:last-child .border-area.left-bottom { bottom: 0; } +.process:last-child .border-area.left-bottom:before { border-bottom-left-radius:0; border-bottom: 0; } +.process.left .process-step { position: absolute; top: 50px; left: -35px; z-index: 999; } +.process.right .process-step { position: absolute; top: 50px; right: -35px; z-index: 99; } +.process.left .process-content { padding-left: 80px; } +.process.right .process-content{ padding-right: 80px; } +.process .process-step strong { width: 70px; height: 70px; line-height: 70px; text-align: center; background: #F5A623; border-radius: 100%; display: inline-block; + z-index: 99; font-size: 20px; color: #fff; } +.process .process-content { position: relative; z-index: 99; } +.process .process-content span { font-size: 80px; line-height: 80px; color: #F5A623; } +.process.left .process-content .process-icon { display: table-cell; padding-right: 30px; } +.process.left .process-content .process-info { display: table-cell; vertical-align: top; } +.process.right .process-content .process-icon { float: right; padding-left: 30px; } +.process.right .process-content .process-info { display: table-cell; vertical-align: top; } + +/************************************* + Careers +**************************************/ +.agency-about { padding-bottom: 100px; } + +/*careers accordion*/ +.careers .acd-des span { display: block; } + +/*careers form*/ +.careers-from .section-field label { margin-bottom: 10px; } + +/************************************* + sitemap +**************************************/ +.sitemap h4 { margin-bottom: 25px; text-transform: capitalize; } +.sitemap h4 i { padding-right: 10px; } +.sitemap ul li { display: block; line-height: 34px; } +.sitemap ul li i { padding-right: 10px; } +.sitemap ul li a { font-size: 14px; color: #626262; text-transform: capitalize; } +.sitemap ul li a:hover { color: #F5A623; } + +/************************************* + privacy-policy +**************************************/ +.privacy-policy ul li { font-size: 14px; line-height: 30px; } +.privacy-policy ul li i { padding-right: 10px; } + +/************************************* + page sidebar +**************************************/ +.page-sidebar .page-content ul li { font-size: 14px; line-height: 30px; } +.page-sidebar .page-content ul li i { } + +/************************************* + terms and conditions +**************************************/ +.terms-and-conditions ul li { font-size: 14px; line-height: 30px; } +.terms-and-conditions ul li i { padding-right: 10px; } + + +.special-feature .feature-text {padding:40px;} +.special-feature { padding-bottom:-117px; } +.special-feature .row-eq-height.no-gutter { position:relative; z-index:99; margin-top:-117px; } + +/************************* + BG - Images +*************************/ +.parallax { background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -ms-background-size: cover !important; position: relative; z-index: 0; background-origin: initial; background-position: center bottom !important; background-repeat: no-repeat; } +.gradient-overlay{position:relative;} +.gradient-overlay:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background:url(../images/construction/bg/gradient-overlay1.png) repeat-y left 0;} + +/************************************* + Footer +**************************************/ +.footer.black-bg{background: #1a1a1a;} +.footer.black-bg p { color: rgba(255,255,255,0.5); } +.footer.black-bg .social-icons li a { color: rgba(255,255,255,0.5); } +.footer p{font-size: 14px;} +.footer-logo img { width: 65%; } +.footer h6{font-size: 14px;} +.addresss-info li { font-size: 14px; margin-bottom: 15px; color: rgba(255,255,255,0.5); list-style: none; } +.addresss-info i{ color:rgba(255,255,255,0.5); padding-right: 5px; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 14px; } +.addresss-info p { display: table; color: rgba(255,255,255,0.5); margin-bottom: 0px; } +.addresss-info li a { color: rgba(255,255,255,0.5); } +.footer a{font-size: 14px;} + +/*footer-Newsletter*/ +.footer-Newsletter { display: inline-block; width: 100%;} +.footer-useful-link.footer-hedding ul { margin-top: -6px; } +.footer-Newsletter .form-control { border-left: 0px; height: 50px; border-radius: 30px; font-size: 14px; color: rgba(255,255,255,0.3); border:none; background: #252525; padding: 10px 25px; width: 100%; } +.footer-Newsletter .form-control:focus { border:0; box-shadow: none;} +.footer-Newsletter .button.border{border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.5); padding: 10px 18px; font-size: 12px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.footer-Newsletter .button.border:hover { color: #ffffff; } +.footer-useful-link ul li { list-style: none; margin-bottom: 12px;} +.footer-useful-link ul li:last-child { margin-bottom: 0; } +.footer-useful-link ul li a { color: rgba(255,255,255,0.5); font-size: 14px; vertical-align: top; display: block; line-height: 26px; } +.footer-useful-link ul li a:hover { color: #F5A623; } +/*transparent*/ +.footer-Newsletter.transparent .form-control { background: rgba(0, 0, 0, 0.04); } +.footer-Newsletter.transparent .form-control::-moz-placeholder { color: #323232; } +.footer-Newsletter.transparent .form-control::-ms-input-placeholder { color: #323232; } +.footer-Newsletter.transparent .form-control::-webkit-input-placeholder { color: #323232; } + +/*footer-widget*/ +.footer-widget { padding: 20px 0; border-top: 1px solid #262626;} +.footer-widget p{font-size: 14px; color: rgba(255,255,255,0.5); letter-spacing: 0.5px;} +.footer-widget a { color: #F5A623; } +.footer-widget a:hover { color: #F5A623; } +.footer-widget-social {margin-top: 5px; } +.footer-widget-social li { display: inline-block;} +.footer-widget-social a i { display: inline-block; color: rgba(255,255,255,0.5); background: none; border-radius: 50%; width: 35px; height: 35px; text-align:center; line-height: 37px; font-size: 14px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} +.footer-widget-social a i:hover{background: #F5A623;} +.footer .footer-nav ul li { display: inline-block;} +.footer .footer-nav ul li a { margin: 0 5px; color: #323232;} +.footer .footer-nav ul li a:hover { color: #F5A623; } +.footer .social ul li {display: inline-block;} +.footer .social ul li a i { font-size: 14px; width: 45px; height: 45px; line-height: 45px; text-align: center; float: none; color: #323232;} +.footer .social ul li a i:hover{color: #F5A623;} +.footer .social ul{background: #f6f7f8; display: inline-block; border-radius: 30px; padding: 0px 10px;} +.footer .usefull-link ul li {display: block; border-bottom: 0px; line-height: 24px; padding: 5px 0; } +.footer .usefull-link ul li a{color: #323232;} +.footer .usefull-link ul li a:hover { color: #F5A623; } +.footer .copyright { padding: 30px 0 20px;} +.footer .copyright ul li a {color: #323232;} +.footer .copyright ul li a:hover {color: #F5A623;} +img#logo-footer{ height: 50px; width: auto; } +.footer.light .footer-nav ul li a{color: #fff;} +.footer.light .footer-nav ul li a:hover { color: #323232; } +.footer.light h6{color: #fff;} +.footer.light .about-content p{color: #fff;} +.footer.light .usefull-link ul li a{color: #fff;} +.footer.light .usefull-link ul li a:hover {color: #323232;} +.footer.light .copyright ul li {color: #fff;} +.footer.light .copyright ul li a {color: #ffffff; font-size: 14px;} +.footer.light .copyright ul li a:hover {color: #323232; } +.footer.light.footer-topbar .copyright ul li { color: #ffffff } +.footer.light .copyright p {color: #fff;} +.footer.light .social ul li a i {color: #F5A623;} +.footer.light .social ul li a:hover i {color: #323232;} +.footer .footer-text p{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} +.footer .footer-social ul li a{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} +.footer .footer-social ul li a:hover { color: #F5A623 !important; } +.footer.footer-topbar .copyright ul li{color:rgba(255, 255, 255, 0.5) !important;} +.footer.footer-one-page .contact-add i { font-size: 20px } +.footer.footer-one-page h5 { color: rgba(255,255,255,0.5); } +.footer.footer-one-page p { color: rgba(255,255,255,0.5); } + +/* footer transparent*/ +.footer.transparent h6, .footer.transparent p, .footer.transparent ul li a, .footer.transparent span { color: #ffffff; } + +/*widget-gallery*/ +.footer .footer-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; } +.footer .footer-tags li { display: inline-block; } +.footer .footer-tags li a { background: transparent; color: #fff; border:1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.footer .footer-tags li a:hover { background: #F5A623; } + +/*footer-social-big*/ +.footer-social-big ul li { display: inline-block; padding: 10px; width: 70px; text-align: center; background: rgba(255, 255, 255, 0.1); } +.footer-social-big ul li.facebook { background: #5d82d1; } +.footer-social-big ul li.pinterest { background: #e13138; } +.footer-social-big ul li.linkedin { background: #238cc8; } +.footer-social-big ul li i { color: #ffffff; display: block; width: 30px; height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.2); border-radius: 50%; margin: 0 auto; } +.footer-social-big ul li span { display: block; text-align: center; color: #ffffff; margin-top: 10px; font-size: 11px; } + +/*footer-box*/ +.footer-box { background: rgba(102, 102, 102, 0.2); padding: 30px; clear: both; margin-bottom: 40px; margin-top: 60px; } +.footer-box .box-content { display: table-cell; vertical-align: top; } +.footer-box .box-link { display: table-cell; padding-left: 20px; vertical-align: middle; } +.footer-box .box-link a { display: block; padding: 8px 16px; width: 140px; } + +/*google-map*/ +.google-map { background: #; } +.google-map .row [class*='col-'] { min-height: 0; } +.map-icon { position: relative; z-index: 999; cursor: pointer; } +.google-map .map-icon:before { cursor: pointer; content: "\f041"; font-family: "FontAwesome"; font-size: 30px; font-weight: normal; right: 0; position: absolute; text-indent: 0; top: -32px; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #ffffff; color: #F5A623; text-align: center; } +.google-map.google-map-open .map-icon::before { content: "\f00d"; } +.google-map .map-open { height: 0; overflow: hidden; transition: all 900ms ease; } +.google-map .map-open iframe { height: 300px; } +.google-map-open .map-open { height: 300px; } +.pos-r{position: relative;} +.img-side img{max-width: 100%} +.img-side.img-left {left: 0;} +.img-side {padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100;} +.font-bold {font-weight: 600} +.no-gutter{ margin-right:0; margin-left:0;} +.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;} + +/*youtube-video*/ + .popup-video { position: relative; } +.popup-video .play-video { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } +.popup-video .play-video { width: 50px; height: 50px; } +.popup-video .play-video a { width: 50px; height: 50px; } +.popup-video .play-video a i { line-height: 50px; } +.popup-video .play-video:hover { transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); background-color: #ffffff; } +.popup-video .play-video:hover a { color: #F5A623; } +.play-video { cursor: pointer; position: relative; width: 100px; height: 100px; margin: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } +.play-video { background-color: #F5A623; -webkit-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); -moz-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); } +.play-video a { color: #fff; width: 100px; height: 100px; position: absolute; top: 0; left: 50%; padding-left: 5px; transform: translateX(-50%); } +.play-video a i { line-height: 100px; } +.play-video:hover a { color: #F5A623; } +.play-video:after { content: ''; top: 0; left: 0; padding: 0; z-index: -1; opacity: 0; pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); } + +.play-video:hover{background: #ffffff; color: #F5A623; border-color:transparent !important;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-box-shadow:2px 6px 18px transparent !important;-moz-box-shadow:2px 6px 18px transparent !important;box-shadow:2px 6px 18px transparent !important} +.play-video:hover:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms; -moz-animation:sonarEffect 1.3s ease-out 75ms; animation:sonarEffect 1.3s ease-out 75ms;} +@-webkit-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-webkit-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}} +@-moz-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-moz-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}} +@keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);transform:scale(1.5);opacity:0; }} +.my-contact .contact-icon{float: left; margin-right: 25px;} +.my-contact .contact-icon span{color: #fff ! important;} + +/************************************* + index portfolio 4 +**************************************/ +.portfolio-item.simple-effect .portfolio-overlay span { color: #363636; } +.portfolio-item.simple-effect .portfolio-overlay span a { color: #363636; } +.portfolio-item.simple-effect .portfolio-overlay a:hover { color: #F5A623; } +.portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #F5A623; } +.portfolio-item.simple-effect .portfolio-overlay { z-index: 9; opacity: 0; bottom: inherit; background: transparent; top: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: center; } +.portfolio-item.simple-effect:hover:before { position: absolute; width: 100%; height: 100%; content: ""; background: rgba(255, 255, 255, 1); z-index: 1; background-size: 115%; + -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.6s cubic-bezier(.68,.11,.13,.98); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.portfolio-item.simple-effect:hover .portfolio-overlay { top: 50%; opacity: 1; } + +/*footer*/ +.footer .container-fluid { padding: 0 60px; } +#footer-fixed { position: fixed; bottom: 0; width: 100%; z-index: -1; box-shadow: inset 0 27px 60px -25px rgba(0,0,0,0.3); } +.footer.footer-simple ul li a, .footer.footer-simple p, .footer.footer-simple i, .footer.footer-simple li { color: #ffffff; font-weight: bold; font-size: 16px; } +.footer.footer-simple ul li a:hover { color: rgba(255, 255, 255, 0.6); } +.footer.footer-simple .social-icons li a { color: #ffffff; width: 100%; } +.footer.footer-simple .social-icons li a:hover { color: rgba(255, 255, 255, 0.6); } + +/*elements*/ +.full-width { width: 100%; } +.height-100vh { height: 100vh; } +.pos-bot { position: absolute; bottom: 0; width: 100%; } +.vertical-align { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } + +/************************************* + index portfolio 04 about +**************************************/ +.portfolio-03-about { padding-left: 50px; } +.portfolio-03-about p { font-size: 16px; font-weight: 600; } + +/************************************* + index portfolio single +**************************************/ +/*popup-video*/ +.popup-video-image { position: relative; } +.popup-video-image:before { background: rgba(37, 41, 51, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } +.popup-video-image a i { color: #ffffff; text-align: center; line-height: 60px; width: 60px; height: 60px; background: #F5A623; display: inline-block; margin: 0 auto; + border-radius: 50%; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); + -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; font-size: 20px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } +.popup-video-image a i:hover { background: #323232; } + +/************************************* + index 11 +**************************************/ + +/*index 11*/ + /*slider-parallax typer-banner business*/ + .slider-parallax.typer-banner.business h1 { font-family: 'Dosis', sans-serif; } + .slider-parallax.typer-banner.business p { padding: 0 200px; line-height: 34px; font-size: 26px; font-weight: 600; display: block; } + + /*play-video*/ +.custom-content-02 .feature-text p { line-height: 28px; } +.play-video-section .play-video { box-shadow: none; background: #ffffff; width: 60px; height: 60px; line-height: 60px; } +.play-video-section .play-video a { color: #F5A623; line-height: 60px; } +.play-video-section .play-video a i { line-height: 60px; padding-right: 3px; } +.play-video-section .play-video:after {box-shadow: none; } +.play-video-section .content { padding: 0 100px; } +.play-video-section .content h2 { font-family: 'Dosis', sans-serif; } +.custom-content-03 h2 { font-family: 'Dosis', sans-serif; font-size: 40px; line-height: 50px; } + +/*blockquote-section*/ +.blockquote-section { position: relative; z-index: 9; } +.blockquote-section blockquote { font-size: 50px; font-weight: 600; line-height: 60px; border-left: 0; padding-left: 0; font-family: 'Dosis', sans-serif; } +.blockquote-section blockquote cite { font-size: 16px; font-weight: 600; margin-top: 40px; line-height: 30px; font-family: 'Nanum Gothic', serif; font-style: normal; } +.blockquote-section blockquote cite span { display: block; font-size: 14px; } +.blockquote-section blockquote.quote { padding-top: 100px; } +.blockquote-section blockquote.quote:before { color: #F5A623; left: 0; top: 0; font-size: 120px; line-height: 120px; } +.blockquote-section .blockquote-section-left { margin-left: 60px; } +.blockquote-section .blockquote-section-right { margin-left: -120px; position: relative;z-index: -1; } + +/************************************* + footer +**************************************/ +.footer.gray-footer .footer-Newsletter .form-control { background: #ffffff; color: #323232; height: 60px; line-height: 60px; box-shadow: 0 10px 50px rgba(0,0,0,0.1); } +.footer.gray-footer .footer-widget { border-top: none; } +.footer.gray-footer .footer-widget p { color: #323232; } + +.footer.gray-footer .footer-Newsletter .form-control::-moz-placeholder { color: #323232; } +.footer.gray-footer .footer-Newsletter .form-control::-ms-input-placeholder { color: #323232; } +.footer.gray-footer .footer-Newsletter .form-control::-webkit-input-placeholder { color: #323232; } + +/************************************* + portfolio +**************************************/ +.portfolio-item.image-text { position: relative; } +.portfolio-item.image-text .portfolio-overlay { bottom: 30px; background: transparent; } +.portfolio-item.image-text .portfolio-overlay span { display: block; } +.portfolio-item.image-text:before { position: absolute; width: 100%; bottom: 0; content: ""; ackground: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; } +.portfolio-item.image-text .portfolio-overlay a.button { padding: 6px 16px; } +.portfolio-item.image-text .portfolio-overlay a.button span { font-size: 12px; } +.portfolio-item.image-text .portfolio-overlay a.button:hover { color: #ffffff; } + +/************************************* + coming-soon-big +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 120px; line-height: 120px; font-weight: bold; } +.coming-soon-big .countdown.medium p { font-size: 30px; line-height: 30px; font-weight: bold; } +.coming-soon-big .coming-soon-form p { font-weight: bold; } +.coming-soon-big .contact-form.transparent-form .form-control { background: rgba(255, 255, 255, 0.4); } +.coming-soon-big .button { font-weight: bold; } + +/************************************* + inner page +**************************************/ +/* about-05 */ +.about-05-split .shop-split-content { padding: 100px 0; } +/*about-mission*/ +.about-mission .popup-video-image a i { position: relative; top: inherit; left: inherit; bottom: inherit; right: inherit; } +.about-mission .popup-content { position: absolute; bottom: 0; padding: 30px 130px 30px 30px; } +.about-mission-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); } +.about-mission-box .content { padding:24px; } +.about-mission-title { padding-bottom: 250px; } +.about-mission { margin-top: -150px; } +/*faq 03*/ +.faq-page-title .form { position: relative; z-index: 9; } +.faq-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); padding: 40px; border-radius: 10px; background: #ffffff; margin-top: -60px; } +.faq-box span { font-size: 40px; line-height: 40px; margin-bottom: 20px; display: block; } +.faq-box strong { display: block; } +.faq-box a.button { padding: 8px 16px; } + +/*login-fancy*/ +.login-fancy { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); } +.login-fancy-bg { position: relative; z-index: 1; } +.login-fancy h2 { font-size: 70px; line-height: 70px; } +.login-gradient, .login-gradient-02, .login-gradient-03 { position: relative; } +.login-gradient:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9af1e1), color-stop(100%, #4003f6)); background: -webkit-linear-gradient(-315deg, #9af1e1 0%, #4003f6 100%); background: -webkit-linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); background: linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); } +.login-gradient-02:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee38a6), color-stop(100%, #ffc863)); background: -webkit-linear-gradient(-315deg, #ee38a6 0%, #ffc863 100%); background: -webkit-linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); background: linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); } +.login-gradient-03:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcdd2), color-stop(100%, #470df5)); background: -webkit-linear-gradient(-315deg, #ffcdd2 0%, #470df5 100%); background: -webkit-linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); background: linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); } + +/*login-box*/ +.login-box { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); border-radius: 0px 10px 10px 0px; } +.login-box-bg { position: relative; z-index: 1; } +.login-box h2 { font-size: 40px; line-height: 40px; } +.login-box-main { display: table; width: 100%; } +.login-box-main-middle { display: table-cell; vertical-align: middle; } +.login-box-left { box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); height: 100%; border-radius: 10px 0 0px 10px; } +.login-box-left .logo-small { margin-left: 30px; } +.login-box-main .theme-bg { box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.2); position: relative; z-index: 1; } +.login-box-theme { position: relative; } +.login-box-theme:before { position: absolute; content: ""; height: 30px; top: -29px; width: 100%; background: #F5A623; left: 0; } +.login-box-theme:after { position: absolute; content: ""; height: 30px; bottom: -29px; width: 100%; background: #F5A623; left: 0; } +.login-box-main .nav li a { padding-left: 30px; } +.login-box-main .nav li a { display: block; text-align: left; color: #323232; border-left: 5px solid transparent; background: transparent; } +.login-box-left li.active a, .login-box-left li a:hover { border-left: 5px solid #F5A623; color: #F5A623; } +.login-box-main .nav li a i { display: inline-block; padding-right: 6px; text-align: left; margin-bottom: 10px; } +.login-box .list-unstyled.list-inline a:hover { color: #323232; } +/*login-box-02*/ +.login-box-02 { padding: 40px; border:1px solid rgba(0, 0, 0, 0.1); height: 100%; } +.login-box-02.white-overlay { background: rgba(255, 255, 255, 0.5); } +.login-signup a.text-black:hover { color: #ffffff; } + +/*login-14*/ +.login-14 { padding: 0 100px; } + +/*login-15*/ +.login-15 { padding: 0 60px; } + +/*login-signup*/ +.login-signup .tab-border .tab-content { padding: 0; } +.login-signup .login-box-02 { border:0; } + +/************************************* + boxed +**************************************/ + +@media (min-width: 1220px) { +body.boxed-layout .wrapper { float: none; width: 1220px; margin: 0 auto; position:relative; background-color: #FFF; box-shadow: 0 0 60px rgba(0,0,0,.1); -moz-box-shadow: 0 0 60px rgba(0,0,0,.1); + -webkit-box-shadow: 0 0 60px rgba(0,0,0,.1); } +/*index 01*/ +body.boxed-layout .wrapper .portfolio-title.section-title p { display: none; } +body.boxed-layout .wrapper .portfolio-title.section-title span { display: none; } + +/*index 02*/ +body.boxed-layout .wrapper .contact-3 #map { padding-top: 140%; } +body.boxed-layout .wrapper .contact-2 #map { padding-top: 90% } +body.boxed-layout .wrapper.vertical-header { width: auto; box-shadow: none; } +body.boxed-layout #footer-fixed { position: inherit !important; width: inherit; bottom: inherit !important; z-index: inherit; } +body.boxed-layout .wrapper { margin-bottom: 0 !important; } +body.boxed-layout .christmas-coming-soon { position: absolute; } + +body.frame-layout .wrapper { margin: 0 auto; margin-top: 1.5%; margin-bottom: 1.5%; width: 97%; position: relative; box-shadow: 0 0 60px rgba(0,0,0,.1); } +body.frame-layout .header.default, body.frame-layout .header.transparent, body.frame-layout header.one-page { left: 0; right: 0; } +body.frame-layout .navbar.affix { top: 0; } +body.frame-layout header.one-page.light .navbar { min-height: 10px !important; } +body.frame-layout #footer-fixed { position: inherit !important; bottom: inherit !important; z-index: inherit; } +body.frame-layout .wrapper { margin-bottom:1.5% !important; } +body.frame-layout .christmas-coming-soon { position: absolute; } + +} + +@media all and (-ms-high-contrast:none) { +.st-menu { position: absolute; } + img.bottom-img { top: 0; } +.search-cart { display: table; } +.search { display: table-cell !important; } +.shpping-cart { display: table-cell !important; } +.search-cart .shpping-cart { float: none !important; } + .mega-menu > section.menu-list-items .search-cart .search { float: none !important; } + .search-cart .shpping-cart { vertical-align: middle; } +} + + +@media (max-width: 1100px) { +.isotope-filters button { margin: 2px; cursor: pointer; padding: 6.5px 13px; font-size: 16px; background: transparent; color: #363636; font-weight: 600; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } +} + + diff --git a/apply/css/style_org.css b/apply/css/style_org.css new file mode 100644 index 0000000..434f9c1 --- /dev/null +++ b/apply/css/style_org.css @@ -0,0 +1,1735 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Version: 1.0 +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. + +*/ + + +/*================================================ +[ Table of contents ] +================================================ + :: Header + - topbar + - search + - Cart + - FullWidth + - Light + - Dark + - Left-menu + - Logo-center + - Fancy + - fancy without-topbar + - Side menu icon + - Vertical header + - One page Header + :: Slider (all home page main sliders ) + :: - Slider-parallax one page + :: - Mobile slider + :: Background + :: Home page section + :: Decolines + :: Awesome features + :: Feature Step + :: About Us + :: Resume + :: Portfolio + :: - Portfolio item + :: - Portfolio-item-2 + :: - Portfolio single page + :: Our Blog + :: Our services + :: Creativity + :: Our History + :: Our Service Objects + :: Sidebar + :: About me + :: Team page + :: Error 404 + :: Coming soon + :: Register + :: Login + :: maintenance + :: Our clients + :: Process + :: Careers + :: Sitemap + :: Privacy-policy + :: Page sidebar + :: Terms and conditions + :: Footer + :: Boxed + + v1.2 + :: index portfolio 4 + :: index portfolio 04 about + :: index portfolio single + +====================================== +[ End table content ] +======================================*/ + +/************************* + Header +*************************/ +.default { background: transparent; z-index: 9999; position: absolute; width: 100%; } +/*topbar*/ +.topbar { /*padding: 10px 0;*/ font-size:12px; color:#4a4a4a; } +.topbar ul li { display: inline-block; color: #fff; font-size: 12px; font-weight: normal;} +.topbar ul li:last-child { margin-right: 0px; } +.topbar ul li a { color: #4a4a4a; font-size: 12px; font-weight: normal; font-style: normal; } +.topbar-left { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; letter-spacing: -0.1em;} +.topbar-right { position: relative; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; } +.topbar ul li a:hover { font-weight:600; } +#topbar-nav {list-style:none;} +#topbar-nav li{display:inline-block; position:relative; line-height: 38px; } +#topbar-nav li:first-child > a {border: 0;} +#topbar-nav li > a {border-left: 1px solid #ccc; padding:0px 15px;} + +/*menu*/ +.menu-bar { float: right; } +.mega-menu .menu-links { float: left; } +.search-cart { display: inline-block; } +.search-cart i.icon { color: #ffffff; line-height: 20px; font-size: 14px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } +.search-cart i.icon:hover { color: #F5A623; } +.search-cart .search { display: inline-block; padding-right: 15px; padding-left: 10px; } +.search-cart .shpping-cart { display: inline-block; } +.shpping-cart a { position: relative; } +.shpping-cart strong.item { display: block; position: absolute; top: -7px; left: auto; right: -8px; font-size: 10px; color: #ffffff; width: 16px; height: 16px;line-height: 16px; text-align: center; background-color: #F5A623; border-radius: 50%; } + + /*search*/ + .search .search-btn { display: block; height: 20px; line-height: 21px; position: relative; text-indent: -9999px; width: 14px; color: #ffffff; -o-transition: color 300ms ease 0s; -moz-transition: color 300ms ease 0s; -ms-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s; transition: color 300ms ease 0s; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } + .search .search-btn:before { content: ""; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; left: 0; position: absolute; text-indent: 0; top: 0; } + .search .search-btn:hover { color: #F5A623; } + .search.search-open .search-btn:before { content: ""; } + .search-box { background: #fff; display: block; margin: 0; opacity: 0 !important; padding: 15px; position: absolute; right: 0; top: 100%; transition: visibility 300ms ease 0s, opacity 300ms ease 0s; visibility: hidden; width: 327px; z-index: 888; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; transform-origin: 0 0; transition: all 400ms ease; } + .search.search-open .search-box { opacity: 1 !important;visibility: visible !important; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); box-shadow: 0 0 50px rgba(0,0,0,.1); } + .search .search-box input { background: transparent; border:1px solid #eceff8; padding-left: 15px; border-radius: 3px; } + .search .search-box input:focus { background: transparent; border:1px solid #eceff8; } + .search .search-box i { cursor: pointer; font-size: 15px; position: absolute; right: 27px; top: 31px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } + .search .search-box i:hover { color: #F5A623; } + +/*cart*/ +.cart { opacity: 0; visibility: hidden; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,.1); position: absolute; right: 0; margin-top: 0px; right: 0; width: 300px; border: 1px solid #eceff8; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; + transform-origin: 0 0; transition: all 400ms ease;} +.cart.cart-open {-webkit-transform: rotateX(0deg); transform: rotateX(0deg);opacity: 1; visibility: visible; } +.cart:before { bottom: 100%; right: 8px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(194, 225, 245, 0); + border-bottom-color: #fff; border-width: 6px; margin-left: -8px; } +.cart-title { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; } +.cart-item { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; position: relative; } +.cart-item .cart-image { display: table-cell; padding-right: 15px; } +.cart-item .cart-image img { height: 40px; } +.cart-item .cart-name { display: table-cell; vertical-align: top; } +.cart-item .cart-name a { display: block; color: #323232; } +.cart-item .cart-name a:hover { color: #F5A623; } +.cart-item .cart-name span { color: #323232; display: inline-block; } +.cart-item .cart-name strong { padding-left: 30px; } +.cart-price del { font-size: 14px; background: transparent; color: #323232; padding-left: 0; } +.cart-price ins { text-decoration: none; color: #F5A623; font-size: 16px;font-weight: bold; } +.cart-total { padding: 20px; text-align: center; background: #f7f7f7; } +.cart-total h6 { text-align: center; } +.cart-total a { display: inline-block; margin-top: 20px; padding: 6px 18px; margin: 0; } +.cart-total a.button { display: inline-block; } +.cart-total .button + .button { margin: 0; } +.cart-item .cart-close { position: absolute; right: 20px; top: 20px; } +.cart-item .cart-close a { font-size: 14px; } +.cart-item .cart-close a:hover { color: #323232; } + +/*mega-menu */ +.mega-menu .menu-logo { padding: 25px 0 25px; } +.mega-menu .menu-logo img { height: 40px; } +.mega-menu .drop-down-multilevel.right-menu { right: 0px; } +.mega-menu > section.menu-list-items { padding: 0; } +.mega-menu .menu-links > li > a { text-transform: uppercase; font-size: 16px; font-weight: 600; line-height: 20px; } +.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; } +.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down a { color: #323232; } +.mega-menu .menu-links > li.active .drop-down li.active a { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down a:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down li.active a i { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down a i:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #F5A623; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.mega-menu .row { margin-left: 0px; margin-right: 0px; } +.mega-menu .col-md-12 { padding-left: 0px; padding-right: 0px; } +.mega-menu.desktopTopFixed .menu-logo { padding: 0px; } +.mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } +.mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } + +/*fullWidth*/ +.header.fullWidth .container-fluid { padding: 0 60px; } + +/*light*/ +.header.light { background: #ffffff; position: relative; border-bottom: 3px solid #006EBD;} +.header.light .topbar ul li { color: #333; } +.header.light .topbar ul li a { color: #333; } +.header.light .mega-menu .menu-links > li > a { color: #333; } +.header.light .mega-menu .menu-links > li > a:hover { color: #F5A623; font-weight: bold;} +.header.light .mega-menu .menu-links > li.active > a { color: #F5A623; font-weight: bold;} +.header.light .topbar {/*background-color:#e8e8e8;*/ border-bottom: 1px solid #d1d1d1;} +.header.light .search-cart i.icon { color: #323232; } +.header.light .search-cart i.icon:hover { color: #F5A623; } +.header.light .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; border-bottom: 3px solid #006EBD;} +.header.light .search .search-btn { color: #323232; } +.header.light .search .search-btn:hover { color: #F5A623; } + +/*dark*/ +.header.dark { background: #323232; position: relative; } +.header.transparent { background: rgba(0, 0, 0, 0.4); position: absolute; width: 100%; z-index: 999; } + +/*left-menu*/ +.header.left-menu .menu-bar { float: none; } +.header.left-menu .menu-links { padding-left: 30px; } +.header.left-menu .search-cart { float: right; } + +/*logo-center*/ +.header.logo-center .mega-menu { min-height: 170px; } +.header.logo-center .menu-logo { float: none; display: block; text-align: center; } +.header.logo-center .mega-menu .menu-logo > li > a { float: none; } +.header.logo-center .mega-menu .menu-logo > li { float: none; } +.header.logo-center .mega-menu img { float: none; margin: 0 auto; } +.header.logo-center .menu-bar { float: none; } +.header.logo-center .search-cart { float: right; } +.header.logo-center .mega-menu.desktopTopFixed .menu-logo { float: left; display: inline-block; } +.header.logo-center .mega-menu.desktopTopFixed .menu-logo > li > a { float: left; } +.header.logo-center .mega-menu.desktopTopFixed img { float: left; margin: 0 auto; } +.header.logo-center .mega-menu.desktopTopFixed .menu-bar { float: right; border-top: 0px solid rgba(0, 0, 0, 0.1); } +.header.logo-center .mega-menu.desktopTopFixed .search-cart { float: right; } + +/*fancy */ + +.header.fancy { background: transparent; position: relative; border-bottom: 0; } +.header.fancy .topbar { background: #F5A623; padding: 15px 0px 70px; } +.header.fancy .topbar .topbar-right li a:hover { color: #323232; } +.header.fancy .search-cart i.icon { color: #323232; line-height: 20px; } +.header.fancy .topbar-call ul li i { color: #ffffff; } +.header.fancy .mega-menu .menu-logo { padding: 26px 0px; } +.header.fancy .menu { position: absolute; width: 100%; top: 30px; } +.header.fancy .topbar + .menu { top: 60px; } +.header.fancy .mega-menu > section.menu-list-items { background: #ffffff; padding: 0px 25px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } +.header.fancy .mega-menu.desktopTopFixed > section.menu-list-items { border-bottom: 1px solid #f6f6f6; } +.header.fancy .topbar ul li a:hover { color: #323232;} + +.header.fancy .mega-menu .menu-links > li > a { color: #323232; line-height: 20px; } +.header.fancy .mega-menu .menu-links > li > a:hover { color: #F5A623; } +.header.fancy .mega-menu .menu-links > li.active > a { color: #F5A623; } +.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #ffffff; } +.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #323232; } +.header.fancy .mega-menu.desktopTopFixed .menu-logo { padding: 0; } +.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 20px; } +.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } +.header.fancy .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } +.header.fancy .search-cart i.icon:hover { color: #F5A623; } +.header.fancy .search .search-btn { color: #323232; } +.header.fancy .search .search-btn:hover { color: #F5A623; } +.header.fancy .mega-menu.desktopTopFixed .drop-down.grid-col-5 { width: 21.66666666666667%; } +.header.fancy .search-box { margin-top: -6px; } + +/*fancy without-topbar*/ +.header.fancy.without-topbar .menu { top: 30px; } +.header.burger .menu-icon { font-size: 30px; color: #323232; } +.header.burger .menu-icon:hover { color: #F5A623; } +.header.burger { position: absolute; z-index: 999; width: 100%; padding: 30px 30px; } +.header.burger .logo { display: inline-block; } +.header.burger .logo img { height: 50px; } + +/*side-menu-icon*/ +.side-menu-icon { display: inline-block; } +.side-menu-icon .menu-icon { font-size: 16px; color: #ffffff; padding-left: 15px; } +.side-menu-icon .menu-icon:hover { color: #F5A623; } + +/************************* + header text-dark +*************************/ +.header.text-dark .topbar ul li { color: #323232; } +.header.text-dark .topbar ul li a { color: #323232; } +.header.text-dark .topbar ul li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li > a { color: #323232; } +.header.text-dark .mega-menu .menu-links > li > a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active > a { color: #F5A623; } +.header.text-dark .topbar { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } +.header.text-dark .search-cart i.icon { color: #323232; } +.header.text-dark .search-cart i.icon:hover { color: #F5A623; } +.header.text-dark .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; } +.header.text-dark .search .search-btn { color: #323232; } +.header.text-dark .search .search-btn:hover { color: #F5A623; } +.header.text-dark .mega-menu .drop-down-multilevel { background: #323232; } +.header.text-dark .mega-menu .drop-down.menu-bg, .header.text-dark .mega-menu .drop-down-tab-bar { background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png); + background-repeat: no-repeat; background-position: 120% 0; } +.header.text-dark .mega-menu .drop-down, .header.text-dark .mega-menu .drop-down-tab-bar { background: #323232; } +.header.text-dark .mega-menu .drop-down a, .header.text-dark .mega-menu .drop-down-tab-bar a { color: #ffffff; } +.header.text-dark .mega-menu .drop-down i.fa, .header.text-dark .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; } +.header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.text-dark .mega-menu .drop-down-multilevel a { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel li:hover { background: #282828; } +.header.text-dark .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important; background-repeat: no-repeat; background-position: right;} +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; + background: #282828; } +.header.text-dark .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; } +.header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #F5A623; } +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #F5A623; } +/*dark-dropdown*/ +.header.dark-dropdown .mega-menu .drop-down-multilevel { background: #323232; } +.header.dark-dropdown .mega-menu .drop-down.menu-bg, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png); + background-repeat: no-repeat; background-position: 120% 0; } +.header.dark-dropdown .mega-menu .drop-down, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: #323232; } +.header.dark-dropdown .mega-menu .drop-down a, .header.dark-dropdown .mega-menu .drop-down-tab-bar a { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.dark-dropdown .mega-menu .drop-down-multilevel a { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel li:hover { background: #282828; } +.header.dark-dropdown .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important; background-repeat: no-repeat; background-position: right;} +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; + background: #282828; } +.header.dark-dropdown .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #F5A623; } +.header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #F5A623; } +/*label*/ +.header .label.label-default, .header .label.label-primary, .header .label.label-success, .header .label.label-info, .header .label.label-warning, .header .label.label-danger { color: #fff; padding: 0px 5px; line-height: 14px; display: inline-block; } + + +/************************* + one page +*************************/ +header.one-page { position: absolute; width: 100%; z-index: 999; } +.navbar-inverse { background: transparent; border: 0; } +.navbar-brand { height: auto; padding: 25px 0; } +.navbar .navbar-brand img { height: 40px; } +.navbar { min-height: 80px; } +.navbar-nav { float: right; } +.navbar-inverse .navbar-nav>li { padding: 35px 15px; } +.navbar-inverse .navbar-nav>li>a { color: #ffffff; padding: 0; text-transform: capitalize; } +.navbar-inverse .navbar-nav>li>a:hover { color: #F5A623; } +.navbar.affix { width: 100%; background: #323232; } +.navbar.affix { width: 100%; background: #323232; } +.navbar { min-height: inherit !important; } +.navbar.affix .navbar-brand img { height: 30px; } +.navbar.affix .navbar-brand { padding: 15px 0; } +.navbar.affix .navbar-nav>li { padding: 20px 15px; } + .navbar-nav>li>a { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } + +/*vertical-header*/ +.vertical-header .container-fluid { padding: 0 80px; } +.menu-responsive { display: none; } +.vertical-header .navbar { overflow-y: scroll; overflow-x: hidden; height: 100%;} +.vertical-header { padding-left: 260px; } +.header.vertical-menu { position: fixed; left: 0; top: 0; width: 260px; min-height: 100%; background: #212121; z-index: 999; -o-transition: all 1s; -webkit-transition: all 1s; + transition: all 1s; } +.header.vertical-menu .menu-bar { float: none; } +.mega-menu.vertical-left, .mega-menu.vertical-right { float: none; } +.menu-widgets { position: absolute; bottom: 20px; } +.menu-widgets .social-icons.border li a { border:2px solid; line-height: 30px; } +.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #F5A623; } +header.one-page.vertical-menu { position: fixed; left: 0; top: 0; height: 100%; background: #212121; width: 260px; padding: 30px; } +header.one-page.vertical-menu .navbar-header { float: none; margin-bottom: 20px; } +header.one-page.vertical-menu .navbar-nav { float: none; } +header.one-page.vertical-menu .navbar-nav>li { display: block; float: none; } +header.one-page.vertical-menu .navbar-inverse .navbar-nav>li { padding: 15px 0px; } +header.one-page.vertical-menu .navbar-collapse { padding: 0; } +header.one-page.vertical-menu .menu-widgets { padding: 0px; } + +header.one-page.light { position: relative; background: #ffffff; } +header.one-page.light .navbar { margin-bottom: 0; } +header.one-page.light .navbar-inverse .navbar-nav>li>a { color: #323232; } +header.one-page.light .navbar-inverse .navbar-nav>li>a:hover { color: #F5A623; } +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #F5A623; } + +header.one-page.light .navbar-inverse .navbar-collapse, header.one-page.light .navbar-inverse .navbar-form { background: #ffffff; } +header.one-page.light .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a { padding: 5px 10px; -o-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; } +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #F5A623; -webkit-box-shadow: inset 178px 0px 0px 0px #F5A623; -o-box-shadow: inset 178px 0px 0px 0px #F5A623; -ms-box-shadow: inset 178px 0px 0px 0px #F5A623; -moz-box-shadow: inset 178px 0px 0px 0px #F5A623; color: #fff; transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -moz-transition: all 0.9s ease-in; -ms-transition: all 0.9s ease-in; -o-transition: all 0.9s ease-in; } + +.one-page.nav-center .navbar-collapse.collapse { text-align: center; } +.one-page.nav-center .navbar-nav { float: none; display: inline-block; } +.one-page.transparent { background: rgba(0, 12, 27, 0.5); } +.one-page.transparent .navbar { margin-bottom: 0; } + +/*dark-text*/ +.one-page.dark-text .navbar-inverse .navbar-nav>li>a { color: #323232; } +.one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #d12326; } +.one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover { color: #d12326; } +.one-page.dark-text .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } + +/*mega menu vertical*/ +.vertical-menu .menu .menu-logo { padding: 50px 20px; } +.vertical-menu .menu .mega-menu .menu-links > li > a { padding: 0 23px; } +.vertical-menu .menu-widgets { padding: 20px; } + + @media (min-width: 1101px) { +.mega-menu { min-height: inherit; } +.mega-menu > section.menu-list-items { float: none; } +.mega-menu > section.menu-list-items > .container, +.mega-menu > section.menu-list-items > .container > .row, +.mega-menu > section.menu-list-items > .container > .row > div { height: 100%; } +.mega-menu > section.menu-list-items .menu-bar { height: 100%; } +.mega-menu > section.menu-list-items .menu-bar > ul{ display: table !important; height: 100%; } +.mega-menu > section.menu-list-items .menu-bar > ul > li { display: table-cell; vertical-align: middle; float: none; } +.mega-menu .drop-down, .mega-menu .drop-down-tab-bar, .mega-menu .drop-down-multilevel { top: 100%; } +.mega-menu > section.menu-list-items .search-cart { height: 100%; } +.mega-menu > section.menu-list-items .search-cart .search { vertical-align: middle; display: table; height: 100%; float: left; } +.header .search .search-btn { display: table-cell; vertical-align: middle; position: relative; width: 10px; float: none; clear: both; height: 100%; } +.search .search-btn:before { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } +.search-cart .shpping-cart { display: table; float: left; height: 100%; } +.shpping-cart a { position: relative; display: table-cell; vertical-align: middle; } +.shpping-cart strong.item { display: block; position: absolute; top: 50%; border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); margin-top: -10px; } +.cart { top: 100%; } +.mega-menu > section.menu-list-items > .container-fluid, +.mega-menu > section.menu-list-items > .container-fluid > .row, +.mega-menu > section.menu-list-items > .container-fluid > .row > div { height: 100%; } +.logo-center .mega-menu > section.menu-list-items .menu-bar > ul { height: auto; } +.logo-center .mega-menu > section.menu-list-items .menu-bar > ul > li { display: inline-block; } +.logo-center .mega-menu > section.menu-list-items .search-cart { height: auto; } +.logo-center .mega-menu > section.menu-list-items .menu-bar { height: auto; } +.logo-center .mega-menu .drop-down, .logo-center .mega-menu .drop-down-tab-bar, .logo-center .mega-menu .drop-down-multilevel { top: auto; } +.logo-center .mega-menu .menu-links > li > a { line-height: 72px; } +.logo-center.header .search .search-btn { line-height: 72px; } +.logo-center .search-cart i.icon { line-height: 72px; } +.logo-center .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 60px; } +.logo-center .mega-menu.desktopTopFixed .search .search-btn { line-height: 60px; } +.logo-center .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 60px; } +.logo-center .search .search-btn:before { top: inherit; transform: inherit; } +.logo-center .search-cart .shpping-cart { float: right; } + +.vertical-menu .mega-menu > section.menu-list-items .menu-bar { height: auto; } +.vertical-menu .mega-menu > section.menu-list-items .menu-bar > ul > li { display: block; } +.search-cart .side-menu-icon { display: table; float: left; height: 100%; } +.side-menu-icon .menu-icon { position: relative; display: table-cell; vertical-align: middle; } + +.header.light .mega-menu { min-height: 90px; } + +} + +/************************************* + Slider (all home page main sliders ) + **************************************/ +.rev-slider { overflow: hidden; position: relative; } + + + /*slider 10*/ +#rev_slider_14_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; } + #rev_slider_14_1 .zeus .tp-bullet{box-sizing:content-box; -webkit-box-sizing:content-box; border-radius:60%; background-color:rgba(255,255,255,0.5); -webkit-transition:opacity 0.3s ease; transition:opacity 0.3s ease; width:14px;height:14px; border:0px solid rgb(255,201,4)}#rev_slider_14_1 .zeus .tp-bullet:after{content:""; position:absolute; width:100%; height:100%; left:0; border-radius:60%; background-color:rgb(255,201,4); -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:-webkit-transform 0.3s ease; transition:transform 0.3s ease}#rev_slider_14_1 .zeus .tp-bullet:hover:after,#rev_slider_14_1 .zeus .tp-bullet.selected:after{-webkit-transform:scale(1.2); transform:scale(1.2)}#rev_slider_14_1 .zeus .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{width:135px; height:60px; position:absolute; background:#000; background:rgba(0,0,0,0.5); bottom:13px; margin-bottom:10px; transform:translateX(-50%); -webkit-transform:translateX(-50%); box-sizing:border-box; background-size:cover; background-position:center center; visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; border-radius:4px}#rev_slider_14_1 .zeus .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(-50%); -webkit-transform:translateX(-50%)}#rev_slider_14_1 .zeus .tp-bullet-title{color:rgb(255,255,255); text-align:center; line-height:15px; font-size:13px; font-weight:600; z-index:3; visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; position:absolute; bottom:45px; width:135px; vertical-align:middle}#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-imageoverlay{opacity:1; visibility:visible; -webkit-transform:translateY(0px) translateX(-50%); transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{bottom:auto; margin-right:10px; margin-bottom:0px; right:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title{bottom:auto; right:100%; margin-right:10px}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-imageoverlay{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{bottom:auto; margin-left:10px; margin-bottom:0px; left:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title{bottom:auto; left:100%; margin-left:10px}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{bottom:auto; top:13px; margin-top:10px; margin-bottom:0px; left:0px; transform:translateY(0px) translateX(-50%); -webkit-transform:translateX(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet:hover .tp-bullet-image{transform:scale(1) translateY(0px) translateX(-50%); -webkit-transform:scale(1) translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateY(0px) translateX(-50%); -webkit-transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title{bottom:auto; top:13px; margin-top:20px} +#rev_slider_14_1 .uranus.tparrows{width:50px; height:50px; background:rgba(255,255,255,0)}#rev_slider_14_1 .uranus.tparrows:before{width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s}#rev_slider_14_1 .uranus.tparrows:hover:before{opacity:0.75} + + +/************************************* + slider-parallax one page +**************************************/ +.slider-parallax { height: 86vh; position: relative; } +.slider-content-middle { position: absolute; display: inline-block; width: 100%; top: 50%; left: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); + -ms-transform: translate(0,-50%);-o-transform: translate(0,-50%); transform: translate(0,-50%); } +/*scroll-down*/ +.scroll-down { text-align: center; width: 34px; height: 58px; display: inline-block; border-radius: 20px; border:2px solid #fff; position: absolute; left: 50%; bottom: 60px; +margin-left: -17px; line-height: 50px; } +.scroll-down i { height: 10px; width: 4px; background: #fff; display: inline-block; border-radius: 3px; -webkit-animation-name:fadebounce; -moz-animation-name:fadebounce; -ms-animation-name:fadebounce; -o-animation-name:fadebounce; animation-name:fadebounce; -webkit-animation-duration:3s; -moz-animation-duration:3s; -ms-animation-duration:3s; -o-animation-duration:3s; + animation-duration:3s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; + animation-iteration-count:infinite; } +@-moz-keyframes fadebounce { +0% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; } +50% { -moz-transform:translateY(25px); transform:translateY(25px); opacity:1; } +100% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@-webkit-keyframes fadebounce { +0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } +50% { -webkit-transform:translateY(25px); transform:translateY(25px); opacity:1; } +100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@-o-keyframes fadebounce { +0% { -o-transform:translateY(0); transform:translateY(0); opacity:1; } +50% {-o-transform:translateY(25px);transform:translateY(25px);opacity:1; } +100% {-o-transform:translateY(0);transform:translateY(0);opacity:1; } +} +@-ms-keyframes fadebounce { +0% { -ms-transform:translateY(0); transform:translateY(0); opacity:1; } +50% {-ms-transform:translateY(25px);transform:translateY(25px);opacity:1; } +100% {-ms-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@keyframes fadebounce { +0% { transform:translateY(0); opacity:1; } +50% {transform:translateY(25px);opacity:1; } +100% {transform:translateY(0);opacity:1; } +} + +/*personal-typer-banner*/ + .personal-typer-banner span.sub-text { font-size: 22px; line-height: 22px; margin-bottom: 16px; display: block; } + .personal-typer-banner b { border-bottom: 2px solid #F5A623; } + .personal-typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; color: #F5A623; } + .personal-typer-banner h1 span { color: #ffffff; font-size: 50px; display: inline-block; transform: rotate(-90deg); line-height: 50px; position: relative; top: -11px; left: -20px; } + .personal-typer-banner h2 { border-left: 3px solid #F5A623; padding-left: 10px; margin-top: 20px; } + +/*typer-banner*/ +.typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; } +.typer-banner p { font-size: 22px; line-height: 22px; } +.slider-content .typer { color: #F5A623 !important; } + +/*popup-video-banner*/ +.popup-video-banner h1 { font-size:60px; line-height:80px; font-weight: 400; } +.popup-video-banner a span{ margin-left: 6px; width: 50px; height: 50px; line-height: 50px; display: inline-block; text-align: center; background: #ffffff; color: #F5A623; border-radius: 50%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } +.popup-video-banner a:hover span { background: #F5A623; color: #ffffff; } +.popup-video-banner a strong { padding-left:10px; display: inline-block; } + + /*video-background-banner*/ +#video-background.bg-overlay-black-50:before { z-index: 0; } +.video-background-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; text-transform: uppercase; } +.video-background-banner .slider-content { border:20px solid #F5A623; width: 50%; margin: 0 auto; padding: 60px 30px; } +.video-background-banner .slider-content span { font-size: 22px; line-height: 22px; color: #ffffff; display: block; margin-bottom: 20px; } +.video-background-banner .slider-content p { font-size: 18px; line-height: 22px; color: #ffffff; margin-top: 20px; } + +/* portfolio-banner*/ +.portfolio-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; } +.portfolio-banner .slider-content { background: #ffffff; width: 50%; margin: 0 auto; padding: 60px 30px; box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.02); } +.portfolio-banner .slider-content span { text-transform: uppercase; letter-spacing: 10px; font-size: 18px; line-height: 18px; display: block; margin-bottom: 20px; font-weight: 600; } +.portfolio-banner .slider-content span i { line-height: 20px; } +.portfolio-banner .slider-content h1 { font-size: 70px; margin-bottom: 0; } + + /************************************* + Background + **************************************/ +/*images background*/ + .white-bg { background: #fff; } + .gray-bg { background: #666; } + .dark-gray-bg { background: #666666; } + .theme-bg { background: #F5A623; } + .black-bg { background: #323232; } + .dark-theme-bg { background: #050801; } + + .bg-overlay-black-10:before { background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-20:before { background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-30:before { background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-40:before { background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-50:before { background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-60:before { background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-70:before { background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-80:before { background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-90:before { background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-10:before { background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-20:before { background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-30:before { background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-40:before { background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-50:before { background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-60:before { background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-70:before { background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-80:before { background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-90:before { background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-20:before { background: rgba(132,186,63, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-50:before { background: rgba(132,186,63, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-70:before { background: rgba(132,186,63, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-90:before { background: rgba(132,186,63, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-10, .bg-overlay-black-20, .bg-overlay-black-30, .bg-overlay-black-40, .bg-overlay-black-50, .bg-overlay-black-60, .bg-overlay-black-70, .bg-overlay-black-80, .bg-overlay-black-90, .bg-overlay-white-10, .bg-overlay-white-20, .bg-overlay-white-30, .bg-overlay-white-40, .bg-overlay-white-50, .bg-overlay-white-60, .bg-overlay-white-70, .bg-overlay-white-80, .bg-overlay-white-90, .bg-overlay-theme-20, .bg-overlay-theme-50, .bg-overlay-theme-70, .bg-overlay-theme-90, { position: relative; } + + +/************************************* + home page section + **************************************/ +.our-service-home { padding-bottom: 230px; } +.custom-content { margin-top: -220px; background: #F5A623; position: relative; z-index: 9; padding: 50px;} + +/************************************* + decolines + **************************************/ +.decolines { pointer-events: none; position: absolute; width: 100%; height: 100%; top: 0;left: 0; pointer-events: none; } +.decolines--fixed { position: fixed; width: 100vw;height: 100vh; } +.decoline { position: absolute; } + +/************************************* + feature step + **************************************/ +.feature-step h1 { font-size: 60px; } +.feature-step h3 { font-weight: 300; margin: 30px 0px 20px; } +.feature-step a { font-size: 14px; color: #F5A623; } +.feature-step a:hover { color: #323232; } + +.feature-step-2-box { padding: 70px 30px; z-index: 99; position: relative; } +.feature-step-2.bg-01 { background: url(../images/blog/05.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-02 { background: url(../images/blog/06.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-03 { background: url(../images/blog/09.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-overlay-black-50:before { z-index: 0; } +.feature-step-2 .feature-step-2-title-left h1 { font-size: 75px; line-height: 60px; color: #ffffff; } +.feature-step-2 h3 { margin-bottom: 0; } +.feature-step-2 h2{font-weight: 200; position: relative; padding-bottom: 10px; font-size: 28px; } +.feature-step-2 img {display: block; width: 100%;} +.feature-step-2 .button { margin-top: 20px; } +.feature-step-2 .feature-step-2-title-left {opacity: 0.5; display: table-cell; padding-right: 26px; } +.feature-step-2-title-2-right { display: table-cell; vertical-align: top; } +.feature-step-2.black-bg .feature-step-2-box, .feature-step-2.theme-bg .feature-step-2-box{position: inherit; top: inherit; transform: inherit; display: inline-block;} +.service-blog { padding-top: 50px; padding-right: 25px; margin-bottom: 100px; } +.service-blog p { position: relative; z-index: 9; margin-top: 20px; margin-bottom: 20px; } +.service-blog b {position: absolute; z-index: 0; top: -35px; font-family: 'Poppins', sans-serif; right: -35px; font-size:300px; color: #dde1eb; line-height: normal; opacity: 0.3;} +.service-blog ul { border-right: 6px solid #F5A623; padding-right: 20px; } +.service-blog li { color: #626262; font-size: 16px; line-height: 22px; padding: 2px 0 7px; } +.service-blog.left b{left:-35px; right: inherit;} +.service-blog.left ul{border-left:6px solid #F5A623;border-right:0 none;padding-left:20px;padding-right:0;} +/*split-section*/ +.split-section { position: relative; z-index: 10; } +.split-section .img-holder { position: absolute; top: 0; width: 100%; height: 100%; } +.split-section .img-side.img-right { right: 0; } +.split-section .img-side.img-left { left: 0; } +.split-section .img-side { right: 0; padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100; } + .our-awesome-core .img-side { top: 20px; } + + /************************************* + about us + **************************************/ +.who-we-are-left .owl-carousel .owl-dots { bottom: 26px; position: absolute; } +.who-we-are-left .owl-carousel.owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; border-radius: 50%; } + + /************************************* + resume + **************************************/ +.resume-page .container-fluid { padding: 0 70px; } +.resume-block .resume-icon { float: left; margin-right: 30px; } +.resume-block .resume-icon span { font-size: 30px; line-height: 50px; color: #F5A623; } +.resume-block .resume-name { display: table-cell; } +.resume-block .resume-name span { color: #9ea8b6; font-size: 16px; } +.resume-contact #map { padding-top: 120%; } +.resume-contact .contact-form-main { padding: 80px 80px; } +.resume-contact .footer-widget-social a i { color: #ffffff; background: rgba(43, 43, 43, 0.12); width: 45px; height: 45px; line-height: 45px; } +.resume-contact .footer-widget-social a i:hover { background: rgba(43, 43, 43, 0.19); } + + /************************************* + portfolio + *************************************/ + .isotope-filters { display: table; margin:0px 0px 30px 0px; text-align: left; } +.isotope-filters.text-left { display: block; margin: 0px 0px 30px 0px; text-align: left; } +.isotope-filters button { margin: 4px; cursor: pointer; padding: 6.5px 16px; font-size: 14px; background: transparent; border-radius: 18px; color: #363636; font-weight: 600; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } +.isotope-filters button:focus { outline: none; outline-style: none; outline-offset:0; } +.isotope-filters button.active, .isotope-filters button:hover { background: #F5A623; color: #fff; border-color: #F5A623; } +.isotope-filters button+button { margin-left: px; background-color: #fff; } +.isotope, .masonry { margin: 0 -15px 0 0; } +.isotope .grid-item img { width: 100%; } +.isotope.columns-1 .grid-item { width: 100%; padding: 0 15px 15px 0; } +.isotope.columns-2 .grid-item { width: 50%; padding: 0 15px 15px 0; } +.isotope.columns-3 .grid-item { width: 33.33333333%; padding: 0 15px 15px 0; } +.isotope.columns-4 .grid-item { width: 25%; padding: 0 15px 15px 0; } +.isotope.columns-5 .grid-item { width: 20%; padding: 0 15px 15px 0; } +.isotope.no-padding .grid-item { padding: 0 !important; } +.masonry.no-padding .masonry-item { padding: 0 !important; } +.masonry .masonry-item img { width: 100%; } +.masonry.columns-2 .masonry-item { width: 50%; padding: 0 15px 15px 0; } +.masonry.columns-3 .masonry-item { width: 33.33333333%; padding: 0 15px 15px 0; } +.masonry.columns-4 .masonry-item { width: 25%; padding: 0 15px 15px 0; } +.masonry.columns-5 .masonry-item { width: 20%; padding: 0 15px 15px 0; } +.isotope.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.isotope.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } +.isotope.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.isotope.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } +.masonry.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.masonry.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } +.masonry.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.masonry.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } + + /************************************* + portfolio item + **************************************/ +.portfolio-title { padding: 100px 60px 30px; } +.portfolio-title span { display: block; } +.portfolio-item { width: 100%; position: relative; overflow: hidden; color: #fff; border: 0; position: relative; } +.portfolio-item img { width: 100%; -webkit-transition: -ms-transform 0.35s; -o-transform 0.35s; -moz-transform 0.35s; transition: transform 0.35s; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;} +.portfolio-item .portfolio-overlay { width: 100%; background: #F5A623; padding: 10px 0px; position: absolute; bottom:-80px; display: block; margin-top: 0; float: left; z-index: 9; text-align: left; padding-left: 20px; left: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item .portfolio-overlay h4 { font-weight: 600; margin-bottom: 5px; } +.portfolio-item .portfolio-overlay a:hover { color: #323232; } +.portfolio-item .portfolio-overlay span { font-weight: 400; font-size: 14px; } +.portfolio-item .portfolio-overlay span a { color: #ffffff; } +.portfolio-item .portfolio-overlay span a:hover { color: #323232; } +.portfolio-item a.popup{position: absolute; right: 20px; top: -20px; color: #fff; z-index: 9; display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 40px; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;} +.portfolio-item a.popup:hover { background: #F5A623; color: #ffffff; } +.portfolio-item:hover img { -webkit-transform:scale(1.20); -moz-transform:scale(1.20); -ms-transform:scale(1.20); -o-transform:scale(1.20); transform:scale(1.20); } +.portfolio-item:hover a.popup{ opacity: 1; top: 20px; } +.portfolio-item:before { content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-size: 115%; + -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.7s cubic-bezier(.68,.11,.13,.98); + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.owl-carousel .owl-item .portfolio-item img { width: 100%; } + .portfolio-item.only-popup { width: 100%; text-align: center; } + .portfolio-item.only-popup a.popup { display: inline-block; left: 50%; margin-left: -20px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } +.portfolio-item:hover .portfolio-overlay { bottom: 0; } +/* no-title */ +.no-title .portfolio-item .portfolio-overlay { position: inherit; bottom: inherit; background: #f6f7f8; } +.no-title .portfolio-item .portfolio-overlay a, .no-title .portfolio-item .portfolio-overlay span { color: #323232; } +.no-title .portfolio-item .portfolio-overlay a:hover { color: #F5A623; } + /*portfolio pupup*/ + .mfp-bottom-bar { display: none; } +.portfolio-home .isotope { margin-bottom: 0; } + +/************************************* + portfolio-item-2 +**************************************/ +.portfolio-item-2 { width: 100%; overflow: hidden; position: relative; } +.portfolio-item-2:before { background: transparent; } +.portfolio-item-2 .portfolio-hover { padding: 20px; position: absolute; z-index: 99; bottom: 0px; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-name { position: absolute; bottom: -10px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-name span { font-size: 14px; color: #fff; display: block; } +.portfolio-item-2 .portfolio-hover .hover-name a { font-size: 22px; text-transform: uppercase; color: #fff; display: block; margin-top: 5px; } +.portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #F5A623; } +.portfolio-item-2 .portfolio-hover .hover-icon { position: absolute; bottom: -10px; right: 30px; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-icon a { color: #fff; } +.portfolio-item-2 .portfolio-hover .hover-icon a:hover { color: #F5A623; } +.portfolio-item-2:hover .portfolio-hover { opacity: 1; background: rgba(0, 0, 0, 0.9); } +.portfolio-item-2 img { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } +.portfolio-item-2:hover img { opacity: 0.1; -webkit-transform:scale(1.10); -moz-transform:scale(1.10); -ms-transform:scale(1.10); -o-transform:scale(1.10); transform:scale(1.10); } +.portfolio-item-2:hover .portfolio-hover .hover-name { bottom: 30px; } +.portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: 40px; } +.no-title .portfolio-item-2 { overflow: visible; } +.no-title .portfolio-item-2 .portfolio-hover { position: inherit; border: inherit; opacity: 1; background: #f6f7f8; clear: both; } +.no-title .portfolio-item-2:hover .portfolio-hover { bottom: inherit; background: inherit; background: #f6f7f8; } +.no-title .portfolio-item-2 .portfolio-hover .hover-name { bottom: inherit; position: inherit; display: inline-block; clear: both; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon { bottom: inherit; position: inherit; display: inline-block; float: right; padding-top: 20px; text-align: right;} +.no-title .portfolio-item-2:hover .portfolio-hover .hover-name { bottom: inherit; } +.no-title .portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: inherit; } +.no-title .portfolio-item-2:hover img { opacity: 1; -webkit-transform:inherit; -moz-transform:inherit; -ms-transform:inherit; -o-transform:inherit; transform:inherit; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon a, .no-title .portfolio-item-2 .portfolio-hover .hover-name span, .no-title .portfolio-item-2 .portfolio-hover .hover-name a { color: #323232; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .no-title .portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #F5A623; } + + /************************************* + Portfolio single page +**************************************/ + /*tags*/ +.tags h5 { display: inline-block; padding-right: 20px; } +.tags ul { display: inline-block; } +.tags li { display: inline-block; } +.tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } + +/*share*/ +.share .social ul { display: inline-block; } +.share .social ul li { display: inline-block; padding: 0px 6px; } +.share .social ul li a:hover { color: #353535; } + +/*port-meta*/ +.port-meta ul { margin-bottom: 30px; } +.port-meta li { margin-bottom: 20px; font-size: 16px; } +.port-meta li b { color: #F5A623; width: 200px; font-weight: 400; width: 100px; display: inline-block; } +.port-meta li span { font-weight: normal; } +.port-info p { margin-bottom: 0px; } + +/*port-navigation*/ +.port-navigation { padding: 20px 0; border-bottom:1px dashed #d0d0d0; border-top: 1px dashed #d0d0d0;} +.port-navigation a { color: #626262; } +.port-arrow { height: 74px; width: 40px; text-align: center; background: #f7f7f7; display: inline-block;} +.port-arrow i { text-align: center; font-size: 25px; line-height: 75px;} +.port-photo { width: 124px; height: 77px; display: inline-block; } +.port-photo img { width: 100%; } + +/*port-post*/ +.port-post { background: #f7f7f7; padding: 15px; } +.port-post-photo { width: 170px; display: inline-block; float: left; margin-right: 20px; } +.port-post-photo img { width: 100%; } + +/*port-post-info*/ +.port-post-info { padding-left: 190px;} +.port-post-info h3 { display: inline-block; font-size: 24px; } +.port-post-info span { color: #626262; } +.port-post-social strong { font-size: 14px; } +.port-post-social a { color: #626262; margin-left: 8px; font-size: 14px; } +.port-post-social a:hover { color: #F5A623; } +.port-post-info p { margin-top: 10px; } +.port-singal .owl-carousel .owl-item img { width: 100%; } + +/************************************* + Our Blog + **************************************/ + /*Blog 1*/ +.blog-box { padding: 30px; border:1px solid #ddd; position: relative; z-index: 1; } +.blog-info { position: relative; z-index: 9; } +.blog-info span { color: #626262; font-size: 14px; margin-right: 6px; } +.blog-info h4 { font-weight: 600; font-size: 18px;} +.blog-box .post-format-icon{text-align: right; position: relative; z-index: 9} +.blog-box .post-format-icon i { padding-right: 0; font-size: 35px; color: #e1e1e1; } +.blog-info p { padding: 0px 0 10px; font-size: 14px; } +.blog-box .post-category a { display: inline-block; padding: 5px 15px; font-size: 12px; text-transform: uppercase; font-weight: 700; border-radius: 50em; color:#fff; background-color: #F5A623; -webkit-transition: all 0.3s ease; -moz-transition: ll 0.3s ease; transition: all 0.3s ease; margin-bottom: 20px;} +a.blog-btn { text-align: center; font-size: 14px; color: #F5A623; display: block; padding-bottom: 12px; position: relative; z-index: 1; } +a.blog-btn i { margin-left: 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-box .border { position: absolute; background: #F5A623; height: 0px; bottom: 0; left: 0; z-index: 0; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-box .blog-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background-size: cover; background-position: center center; } +.blog-box:hover .blog-box-img, .blog-box.active .blog-box-img { opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-1:hover h4, .blog-1:hover i, .blog-1:hover span, .blog-1:hover p, .blog-1:hover a.blog-btn, .blog-1.active h4, .blog-1.active i, .blog-1.active span, .blog-1.active p, .blog-1.active a.blog-btn,.blog-1:hover .post-category a,.blog-1:hover .post-format-icon i,.blog-1.active .post-category a,.blog-1.active .post-format-icon i { color: #fff; } +.blog-box:hover .blog-box-img:before, .blog-box.active .blog-box-img:before { background: rgba(0, 0, 0, 0.6); color: #fff; content: ""; display: inline-block; height: 100%; + left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } +.blog-box.blog-2 {padding: 0; position: relative; border:none; transition: all 0.5s ease 0s; height: 100%; } +.blog-box.blog-2 .blog-info{background: #ffffff; padding: 30px;} +.blog-box.blog-2.gray-bg .blog-info {background: #f7f7f7; } +.blog-box.blog-2 .blog-box-img{opacity: 1;} +.blog-box.blog-2 .post-format-icon{position: absolute; right: 30px; top: 30px;} +.blog-box.blog-2 .button.icon-color{text-transform: capitalize; float: right;} +.blog-box.blog-2:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);} +.blog-box.blog-2.gray-bg:hover { box-shadow: none;} +.blog-box.blog-2.transparent .blog-info { background: transparent; padding: 30px 0; } +.blog-box.blog-2.transparent .blog-info span { color: #ffffff; } + + +/*************************** + blog +***************************/ +.blog-entry { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } +.blog-entry:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } +.blog-entry .entry-image img { width: 100%; } +.blog-entry .blog-detail { background: #ffffff; padding: 30px; border-top: 0px; } +.blog-entry .blog-detail .entry-title a { font-size: 22px; font-weight: 600; line-height: 24px; color: #353535; line-height: 28px; } +.blog-entry .blog-detail .entry-title a:hover { color: #F5A623; } +.blog-entry .entry-meta ul li { display: inline-block; margin-right: 12px; } +.blog-entry .entry-meta ul li i { color: #F5A623; padding-right: 6px; } +.blog-entry .entry-meta ul li a { color: #353535; line-height: 0px; padding-right: 5px; } +.blog-entry .entry-meta ul li a i { padding-right: 6px; color: #F5A623; } +.blog-entry .entry-meta ul li a:hover { color: #F5A623; } +.blog-entry .social strong { display: inline-block; margin-right: 10px; } +.blog-entry .entry-button { display: inline-block;} +.blog-entry .social ul { display: inline-block; } +.blog-entry .social ul li { display: inline-block; padding: 0px 6px; } +.blog-entry .social ul li a:hover { color: #353535; } +.blog-entry .entry-share { margin-top: 20px; display: block; } + +/*blog-entry blockquote*/ +.blog-entry.blockquote { background: #F5A623; border: 0px; padding: 36px 30px; } +.blog-entry.blockquote blockquote { background: #F5A623; border-left: 0px; color: #ffffff; padding: 0px; position: relative; margin-top: 0 !important; padding-top: 60px; } +.blog-entry.blockquote blockquote:before { content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #ffffff; position: absolute; left: 0px; top: -20px; } +.blog-entry.blockquote .blog-detail { border: 0px; background: #F5A623; padding: 0px; } +.blog-entry.blockquote .blog-detail .entry-title a { color: #ffffff; } +.blog-entry.blockquote .blog-detail .entry-title a:hover { color: #323232; } +.blog-entry.blockquote .social ul li a { color: #ffffff; } +.blog-entry.blockquote .social ul li a:hover { color: #323232; } +.blog-entry.blockquote .entry-meta ul li a { color: #ffffff; } +.blog-entry.blockquote .entry-meta ul li i { color: #ffffff; } +.blog-entry.blockquote .entry-meta ul li a i { color: #ffffff !important; } +.blog-entry.blockquote .entry-meta ul li a:hover { color: #323232; } +.blog-entry.blockquote .button.arrow.white:hover { color: #323232; } + +/*video vimeo and youtube*/ +.js-video { height: 0; padding-top: 25px; padding-bottom: 54%; position: relative; overflow: hidden; } +.js-video.widescreen { padding-bottom: 34.34%; } +.js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: none; } +.js-video.big { padding-top: 30px; } + +.blog-entry .grid-post li { float: left; width: 50%; border-right: 4px solid #fff; border-bottom: 4px solid #fff; list-style: none; } +.blog-entry .grid-post li img { width: 100%; } +.blog-entry .grid-post li .portfolio-item { width: 100%; } + + /*blog-entry-audio*/ + .blog-entry .blog-entry-audio { padding: 136px 20px; background: url(../images/blog/04.jpg) no-repeat; background-position: center center; background-size: cover; } + + /*blog pages*/ + /*blog-grid-3-column*/ + .blog-grid-3-column .blog-entry .blog-entry-audio { padding: 63px 20px; } + .blog-grid-2-sidebar .blog-entry .blog-entry-audio { padding: 96px 20px; } + +/************************************* + our services +**************************************/ +.service-image-holder { position: relative; height: 496px; } +.service-image-holder .section-title-2 { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } +.services-text-box { background:#fff; padding: 10% 15%;} +.services-text-box-black { background:#363636; padding: 80px 50px !important; } +.services-text-box-green { background:#F5A623; padding: 80px 50px !important; } + +/************************************* + creativity +**************************************/ +.creativity h1 { line-height: 65px; text-transform: uppercase; font-size: 50px; font-weight: bold; } +.creativity p { font-size: 30px; } +.creativity .button { display: inline-block; float: none; } + .contact-map iframe { width: 100%; height: 100%; } +#formmessage {display: none;} +.contact-form .section-field { position: relative; width: 31.3%; margin-right: 3%; float: left; } +.contact-form .section-field:nth-child(3) { margin-right: 0px; } +.contact-form .section-field:nth-child(6) { margin-right: 0px; } +.contact-box.contact-box-top { margin-top: -1px; position: relative; } +.touch-in .contact-box {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); display: inline-block; margin-bottom: 0; padding: 60px 20px; width: 100%;} +.contact-box i { background: #F5A623; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 5px; font-size: 34px; color: #ffffff; display: inline-block;} +.contact-form .form-control {position: relative; width: 100%; margin-bottom: 20px; } +.section-field.textarea{width: 100%;} +.g-recaptcha.section-field {width: 100%; margin-bottom: 20px; } +.contact-form textarea.form-control {width: 100%; } +.contact-box .contact-icon { display: table-cell; padding-right: 20px; } +.contact-box .contact-icon i { background: transparent; line-height: normal; font-size: 34px; height: auto; width: auto;} +.contact-box.theme-bg .contact-icon i{color: #ffffff !important;} +.contact-box .contact-info { display: table-cell; vertical-align: top; padding: 0; background: none;} +.contact-2 .addresss-info p, .contact-2 .addresss-info i, .contact-2 .addresss-info li{color: #ffffff;} +.contact-2 .contact-add{padding: 80px 0} +.contact-2 .contact-add i{font-size: 40px;} +.contact-3 #map { padding-top: 101%; } +.contact-2 #map { padding-top: 100%; } +.map-side { left: 0; overflow: hidden; padding: 0; position: absolute; top: 0; z-index: 9;} +.map-side.map-right {left: auto; right: 0;} +.contact-3 .contact-add{padding: 80px 20px; } +.contact-3 .contact-add i{font-size: 40px; color: #F5A623;} +.contact-3 .contact-form .section-field {width: 100%;} +.contact-social ul li { display: inline-block; } +.contact-social ul li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #323232; background: #eceff8; font-size: 14px; border-radius: 3px; margin-right: 5px; } +.contact-social ul li a:hover { background: #353535 !important; color: #fff;} +.contact-3 .theme-bg.contact-add i{color: #ffffff !important;} +.footer #logo-footer { height: 30px; } +.footer-contact .footer-nav ul li a { color: #353535; } +.footer-contact .footer-nav ul li a:hover { color: #2046f2; } +.footer-contact .contact-box .contact-icon i { background: transparent; color: #F5A623; margin-bottom: 10px; } +.footer.footer-topbar hr { border-color: #d9d9d9; } +.footer-contact .social ul { background: #f6f7f8; } +.footer-contact .social ul li a i { color: #353535; } +.footer-contact .social ul li a i:hover { color: #2046f2; } +.footer-contact .usefull-link ul li a { color: #353535; } +.footer-contact .usefull-link ul li a:hover { color: #2046f2; } +.footer-contact { box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); margin-bottom: 80px; margin-top: -220px; padding: 60px 0; } +.footer-contact .contact-box { text-align: center; } +.footer-contact .contact-box .contact-icon { display: block; padding-right: 0; color: #2046f2; } +.footer-contact .contact-box .contact-info { display: block; background: none; padding: 0; width: 100%;} +.footer-contact .contact-box .contact-info .section-title { margin-bottom: 0px; } +.footer-contact .contact-box .contact-info h5 { color: #353535; } +.our-clients.theme-bg{padding: 60px 0 170px;} +.footer-Newsletter .form-control::-moz-placeholder { color: rgba(255,255,255,0.5); } +.footer-Newsletter .form-control::-ms-input-placeholder { color: rgba(255,255,255,0.5); } +.footer-Newsletter .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.5); } + +/************************************* + Our History +**************************************/ + .history-main { width: 100%; } + .liner { background: #fff; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: 96%; z-index: 1; position: relative; } + .liner i { position: absolute; right: -2px; top: -9px; color: #fff; } + .history-content { list-style: outside none none; padding: 125px 0; width: auto; } + .history-1 { position: relative; left: 45px; } + .history-2 { position: relative; margin-left: 30%; } + .history-3 { position: relative; margin-left:58%; } + .history-4{ position: relative; margin-left: 95%; } + .history-line { background: #fff; height: 60px; left: 3px; position: absolute; top: -75px; width: 2px; z-index: 9; } + .history-time-lin { position: relative; top: 10px; z-index: 2; } + .history-time-lin:before { bottom: 0; } + .history-time-lin:before { background: #fff; border-radius: 50%; content: ""; height: 20px; left: -5px; position: absolute; width: 20px; z-index: 1; } + .history-time-lin:after { border:2px solid #fff; background: #000; border-radius: 50%; content: ""; height: 30px; left: -5px; position: absolute; width: 30px; } + .history-time-lin:after { left: -10px; top: -25px; } + .history-item { left: -20px; position: absolute; top: -125px; } + .history-item a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } + .history-5 { position: relative; margin-left: 15%; } + .history-6 { position: relative; margin-left: 53%; } + .history-7 { position: relative; margin-left:78%; } + .history-line-2 { background: #fff none repeat scroll 0 0; height: 60px; left: 3px; position: absolute; top: 15px; width: 2px; z-index: 9; } + .history-item-2 { left: -20px; position: absolute; top: 75px; } + .history-item-2 a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } + /*Our History */ +.our-history .timeline { list-style: none; padding: 20px 0 20px; position: relative; } +.our-history .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 2px; background-color: #e6e6e6; left: 50%; margin-left: -0.5px; } +.our-history .timeline > li { margin-bottom: 20px; position: relative; } +.our-history .timeline > li:before, +.our-history .timeline > li:after { content: " "; display: table; } +.our-history .timeline > li:after { clear: both; } +.our-history .timeline > li:before, +.our-history .timeline > li:after { content: " "; display: table; } +.our-history .timeline > li:after { clear: both;} +.our-history .timeline > li > .timeline-panel { width: 46%; float: left; padding: 15px 00px 25px 00px; position: relative; } +.our-history .timeline > li > .timeline-panel:before { position: absolute; top: 23px; right: -25px; display: inline-block; width: 25px; height: 2px; background: #e6e6e6; content: " "; } +.our-history .timeline > li > .timeline-badge { color: #fff; width: 18px; height: 18px; line-height: 10px; font-size: 0.7em; text-align: center; position: absolute; top: 16px; left: 50%; + border:3px solid #F5A623; margin-left: -9px; background-color: #fff; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0 0 0 5px #f6f6f6; } +.our-history .timeline > li.timeline-inverted > .timeline-panel { float: right;} +.our-history .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -25px; right: auto; } +.our-history .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } + .our-history .timeline-body > p, +.our-history .timeline-body > ul { margin-bottom: 0; } +.our-history .timeline-body > p + p margin-top: 5px; +.our-history .timeline > li { text-align: right;} +.our-history .timeline > li.timeline-inverted { text-align: left;} +.our-history .timeline .timeline-arrow { position: absolute; width: 100%; left: 0.5px; right: 0; text-align: center; color: #e6e6e6; bottom: -29px; } +.our-history .timeline > li > .timeline-badge p{width: 200px; margin-top: -9px; margin-left: 25px;font-size: 17px; font-weight: bold; text-align: left;} +.our-history .timeline > li.timeline-inverted .timeline-badge p{text-align: right; float: right; margin-right: 25px;} + +/************************************* + our-service objects +**************************************/ +.our-service { position: relative; padding-bottom: 280px; z-index: 1; } +.objects-left { position: absolute; height: 100%; width: 100%; left: 0; top: 80px; z-index: -1; } +.objects-left .objects-1 { position: absolute; left: 50px; top: 0; } +.objects-left .objects-2 { position: absolute; left: 100px; bottom: 170px; } +.objects-left .objects-3 { position: absolute; left: 50%; bottom: 150px; margin-left: -150px; } +.objects-right { position: absolute; height: 100%; width: 100%; right: 0; top:80px; z-index: -1; } +.objects-right .objects-4 { position: absolute; right: 0px; top: 0; } +.objects-right .objects-5 { position: absolute; right: 0px; bottom: 170px; } +.objects-right .objects-bottom { position: absolute; right: 0px; bottom: 0; } + +/************************************* + sidebar +**************************************/ +.sidebar-widget p { margin-bottom: 0px; } +/*.widget-search */ +.widget-search { position: relative; } +.widget-search input { padding-right: 30px; color: #353535; box-shadow: none; background: #f6f7f8; } +.widget-search i { position: absolute; right: 0px; padding: 16px 22px; font-size: 14px; color: #626262; cursor: pointer; } +.widget-search input:focus { border-color: #F5A623; } + +/*Recent Posts*/ +.sidebar-widget .recent-post { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding-bottom: 20px; margin-bottom: 20px; } +.sidebar-widget .recent-post .recent-post-image { float: left; margin-right: 15px; } +.sidebar-widget .recent-post .recent-post-image img { width: 50px; height: 50px; border-radius: 50%; } +.sidebar-widget .recent-post .recent-post-info { overflow: hidden; } +.sidebar-widget .recent-post .recent-post-info a { display: block; margin-bottom: 5px; color: #323232; } +.sidebar-widget .recent-post .recent-post-info a:hover { color: #F5A623; } +.sidebar-widget .recent-post .recent-post-info span { color: #F5A623; font-style: italic; font-size: 14px; } +.sidebar-widget .recent-post .recent-post-info span i { padding-right: 10px; } +.sidebar-widget .recent-post:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } + +/*widget-archives*/ +.sidebar-widget .widget-categories li { display: block; margin-bottom: 6px; } +.sidebar-widget .widget-categories li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } +.sidebar-widget .widget-categories li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 10px; width: 20px; height: 20px; text-align: center; } +.sidebar-widget .widget-categories li a:hover { color: #F5A623; } +.sidebar-widget .widget-categories li a:hover i { border-color: #F5A623; color: #F5A623; } + +/*widget-link*/ +.sidebar-widget .widget-link li { display: block; margin-bottom: 6px; } +.sidebar-widget .widget-link li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } +.sidebar-widget .widget-link li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 20px; width: 20px; height: 20px; text-align: center; } +.sidebar-widget .widget-link li a:hover { color: #F5A623; } + +/*tags*/ +.sidebar-widget .widget-tags li { display: inline-block; } +.sidebar-widget .widget-tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.sidebar-widget .widget-tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } + +/*widget-testimonial*/ +.sidebar-widget .testimonial-widget .testimonial-content { background: #f6f7f8; padding: 20px; font-style: italic; border-radius: 5px; position: relative; } +.sidebar-widget .testimonial-widget .testimonial-content:before { position: absolute; content: ""; bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; +border-color: #f6f7f8 transparent transparent transparent; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar { display: table-cell; padding-right: 20px; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar img { width: 50px; height: 50px; border-radius: 50%; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name { display: table-cell; vertical-align: top; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name span { display: block; font-style: italic; font-size: 14px; } +.sidebar-widget .testimonial-widget .testimonial-info:before { display: none; } + +/*widget-gallery*/ +.sidebar-widget .widget-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; } + +/*widget-newsletter*/ +.sidebar-widget .widget-newsletter { background: #f6f7f8; padding: 30px; position: relative; z-index: 9; overflow: hidden; } +.sidebar-widget .widget-newsletter .newsletter-icon { position: absolute; right: 0; top: -16px; } +.sidebar-widget .widget-newsletter .newsletter-icon i { font-size: 100px; z-index: 0; color: rgba(0, 0, 0, 0.05); } +.sidebar-widget .widget-newsletter .form-control { background: #ffffff; box-shadow: none; } + +/*widget-clients*/ +.sidebar-widget .widget-clients .item { background: #f6f7f8; padding: 30px 30px; } + +/*opening-time*/ + .opening-time ul li { font-size: 14px; line-height: 20px; color: rgba(255,255,255,0.5); border-bottom: 1px solid #262626; padding-bottom: 14px; margin-bottom: 14px; } + .opening-time ul li:last-child { border-bottom: 0; } + +/************************************* + About me +**************************************/ +.about-me .custom-content { margin-top: 0px; } +.about-me .maintenance-progress-bar { margin: 0; } +.about-me .maintenance-progress-bar .progress-bar { margin: 0 44px; } +.maintenance-progress-bar .progress-bar .rotate { background: #F5A623 !important; } +.maintenance-progress-bar .progress-bar .right { background: #F5A623 !important; } +.about-me .portfolio-item { width: 100%;} +.about-me .contact-me p { color: #363636; margin: 15px 0; display: table; } +.about-me .contact-me i { float: left; color: #F5A623; margin-right: 15px; line-height: 23px; width: 20px; } +.about-me .follow-me ul { margin-top: 20px; } +.about-me .follow-me li { display: inline-block; } +.about-me .follow-me li a { background: #e4e4e4; color: #F5A623; border-radius: 3px; display: block; width: 35px; height: 35px; line-height: 35px; margin-right: 2px; text-align: center; font-size: 16px; } +.about-me .follow-me li a:hover { background: #F5A623; color: #fff; } + +/************************************* + Team 1 page +**************************************/ +/*team-details*/ + .team-details .social{display:table;float:right;} +.team-details .social li a { background:#f7f7f7 none repeat scroll 0 0;border-radius:3px;color:#F5A623;display:block;font-size:15px;height:35px;line-height:35px;margin-left:0px;text-align:center;width:35px; } +.team-details .social li a:hover { background: #F5A623; color: #ffffff; } +.team-details .info i{color:#f7f7f7;font-size:126px;left:0;position:absolute;z-index:0;} +.team-details .info p{font-size:16px;font-style:italic;line-height:28px;padding-left:64px;position:relative;z-index:9;} + +/************************************* + blog page +**************************************/ + .owl-carousel img { width: 100%; } +/*pagination-nav*/ +.pagination { margin:0px; } +.pagination li a { font-size: 15px; font-weight: 500; margin: 0 5px; color: #626262; border-radius: 50%; } +.pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 50%; } +.pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 50%; } +.pagination>.active>a, .pagination>.active>a:hover { color: #626262; } +.pagination > li > a, .pagination > li > span { width: 44px; height: 44px; line-height: 44px; background: #f6f7f8; border:0px; padding: 0; text-align: center; } +.pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background-color:#F5A623; color: #ffffff;} +.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color:#F5A623; color: #ffffff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); } +.dataTables_paginate li.paginate_button.previous a, .dataTables_paginate li.paginate_button.next a { width: inherit; height: inherit; background: transparent !important; color: inherit !important; box-shadow: none !important; } + /*timeline blog*/ +.blog .timeline { list-style: none; padding: 20px 0 20px; position: relative; } +.blog .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 4px; background-color: #f7f7f7; left: 50%; margin-left: -1.5px; } +.blog .timeline > li { margin-bottom: 20px; position: relative; width: 46%; float: left; clear: left; } +.blog .timeline > li:before, +.blog .timeline > li:after { content: " "; display: table; } +.blog .timeline > li:after { clear: both; } +.blog .timeline > li:before, +.blog .timeline > li:after { content: " "; display: table; } +.blog .timeline > li:after { clear: both; } +.blog .timeline > li > .timeline-panel { width: 95%; float: left; border: 1px solid #d4d4d4; /*border-radius: 2px;*/ /*padding: 20px;*/ position: relative; border:1px solid #f7f7f7; + padding: 20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } +.blog .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #f7f7f7; + border-right: 0 solid #f7f7f7; border-bottom: 15px solid transparent; content: " "; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } +.blog .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; + border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } +.blog .timeline > li > .timeline-badge { color: #fff; width: 54px; height: 54px; line-height: 18px; padding: 6px; font-size: 22px; border:4px solid #f7f7f7; background: #fff; + border-radius: 50%; text-align: center; font-weight: bold; position: absolute; color: #f7f7f7; top: 16px; right: -73px; /*z-index: 100;*/ } +.blog .timeline > li > .timeline-badge span { font-size: 13px; font-weight: normal; display: block; } +.blog .timeline > li.timeline-inverted > .timeline-panel { float: right; } +.blog .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } +.blog .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } +.blog .timeline-title { margin-top: 0; color: inherit; } +.blog .timeline-body > p, +.blog .timeline-body > ul { padding:20px; margin-bottom: 0; } +.blog .timeline-body > p + p { margin-top: 5px; } +.blog .timeline-footer { padding:20px; background-color:#f4f4f4; } +.blog .timeline-footer > a { cursor: pointer; text-decoration: none; } +.blog .timeline > li.timeline-inverted { float: right; clear: right; margin-top: 30px; margin-bottom: 0px; } +.blog .timeline > li:nth-child(2){ margin-top: 60px; } +.blog .timeline > li:nth-child(3){ margin-top: 60px; } +.blog .timeline .entry-title i { font-size: 24px;} +.blog .timeline-inverted .timeline-badge { margin-top: 70px} +.blog .timeline li.timeline-inverted .timeline-panel:after { top: 98px; } +.blog .timeline li.timeline-inverted .timeline-panel:before { top: 97px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: -73px; } +.blog .timeline li.entry-date { top: 0; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } +.blog .timeline li.entry-date span { background: #f7f7f7; color: #363636; font-size: 16px; font-weight: 400; text-transform: capitalize; padding: 10px 25px;border-radius: 30px;} +.blog .timeline li.entry-date-bottom { bottom: -30px; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } +.blog .timeline li.entry-date-bottom a { background: #f7f7f7; padding: 7px 10px; color: #363636; font-size: 16px; padding: 10px 25px; border-radius: 30px; } +.blog .timeline li.entry-date-bottom a:hover { background: #F5A623; color: #fff; } +.blog .timeline li:hover .timeline-panel { border-color: #F5A623; } +.blog .timeline li:hover .timeline-badge a { color: #fff; } +.blog .timeline li:hover .timeline-badge{ background: #F5A623; border-color: #F5A623; } +.blog .timeline li:hover .timeline-panel:before { border-left-color: #F5A623; border-right-color: #F5A623; } +.blog .blog.timeline .entry-quote p { font-size: 16px; } +/* blog 2 column masonry left sidebar */ +.blog.timeline-sidebar .timeline > li { width: 89%; } +.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 50%;} +.blog.timeline-sidebar .timeline:before { left: 54px; } +.blog.timeline-sidebar .timeline li.entry-date { text-align: left;} +.blog.timeline-sidebar .timeline li.entry-date-bottom { text-align: left;} +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -66px; } +.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 0px; } +.blog.timeline-sidebar .timeline > li:nth-child(3) { margin-top: 30px; } +.blog.timeline-sidebar .timeline li.entry-date { top: 3px; } +.blog.timeline-sidebar .timeline li.entry-date span { font-size: 14px; padding: 10px 25px; } +.blog.timeline-sidebar .timeline li.entry-date-bottom { bottom: -48px; } +.blog.timeline-sidebar .timeline li.entry-date-bottom a { font-size: 14px; padding: 10px 25px; } +.blog.timeline-sidebar .timeline li .share ul li { width: auto; } + +/*blog-single*/ +.blog-single .blog-entry { box-shadow: none; } +.blog-single .blog-entry .blog-detail { padding: 0; margin-top: 20px; } + +.blog-single .blockquote { font-style: italic; line-height: 30px; background: #f6f7f8 !important; } +.blog-single .blog-entry.blockquote blockquote { background: #f6f7f8;color: #626262; } +.blog-single .blog-entry.blockquote blockquote cite { color: #F5A623; } +.blog-single .entry-share .tags { display: inline-block; } +.blog-single .blog-entry.blockquote blockquote:before { color: #323232; top: 20px; } + +/*blog-comments*/ +.comments-1 .comments-photo { width: 106px; height: auto; float: left; border:5px solid #f7f7f7; margin-right: 20px; } +.comments-1 .comments-photo img { width: 100%; } +.comments-1 .comments-info { display: table; background: #f7f7f7; padding: 20px; margin-bottom: 20px; } +.comments-1 .comments-info h4 { display: inline-block; } +.comments-1 .comments-info span { font-size: 13px; color: #626262; } +.comments-1 .comments-info a { color: #F5A623; } +.comments-1 .comments-info a:hover { color: #363636; } +.comments-1.comments-2 { padding-left: 127px; } +.comments-1.comments-2 .comments-info { background: #fff; margin-bottom: 0px; padding: 20px 20px 10px; } + +/************************************* + error 404 +**************************************/ +.error-block { position: relative; z-index: 9; padding: 20px 0 130px 0px; } +.error-block .error-text { position: absolute; text-align: center; left: 0; right: 0; z-index: -1; } +.error-block .error-text h2 { font-size: 420px; line-height: 300px; color: rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0; } +.error-block .error-text span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 134px; line-height: 100px; color: rgba(0, 0, 0, 0.1); font-weight: bold; } +.error-block h1 { font-size: 87px; padding-top: 110px; } +.error-block p { font-size: 33px; } + +.error-text-02 { position: relative; text-align: center; } +.error-text-02 h2 { font-size: 420px; line-height: 300px; color: rgba(255, 255, 255, 0.2); position: relative; left: -70px; top: 0; } +.error-text-02 span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 117px; line-height: 100px; color: rgba(255, 255, 255, 0.2); font-weight: bold; } +.error-middle { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } + + +/************************************* + coming soon +**************************************/ +.coming-soon { background: transparent; } +.coming-soon-countdown ul.countdown { list-style: none; margin: 75px 0; padding: 0; display: block; text-align: center; } +.coming-soon-countdown ul.countdown li { display: inline-block; width: 24%; } +.coming-soon-countdown ul.countdown li span { font-size: 90px; font-weight: bold; line-height: 80px; color: #F5A623; } +.coming-soon-countdown ul.countdown li p { color: #626262; font-size: 20px; text-transform: capitalize; margin-bottom: 30px; } +.coming-soon .coming-soon-form input { color: #626262; } +.coming-soon-form` input { width: 50%; color: #fff; display: block; margin: 0 auto; } +.coming-soon-form.contact-form input { width: 50%; display: block; margin: 0 auto; } +.coming-soon-middle { padding: 100px; display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } + +/************************************* + Register +**************************************/ +.register-form .section-field { display: block; } +.register-form .field-widget { position: relative; } +.register-form .field-widget input { width: 100%; margin-bottom: 20px; padding-left: 30px; } +.register-form .field-widget select { width: 100%; margin-bottom: 20px; padding-left: 15px; } +.register-form .field-widget input.gui-input { padding-left: 140px;} +.register-form .field-widget .button { background: #666; height: 46px; left: 0; margin: 2px; position: absolute; text-align: center; top: 0; width: 115px; border:0; } +.register-form .nice-select { float: none; margin-bottom: 20px; background: #f6f7f8; border:0; } +.remember-checkbox a {color: #F5A623; } +.remember-checkbox label { position: relative; padding-left: 30px; font-size: 14px; cursor: pointer;} +.remember-checkbox label:before, label:after { font-family: FontAwesome; font-size: 17px; position: absolute; top: -3px; left: 0; padding-left: 2px; border-radius: 6px; } +.remember-checkbox label:before { border: 2px solid #F5A623; content: ""; height: 20px; margin-top: 3px; width: 20px; } +.remember-checkbox label:after { content: '\f00c'; max-width: 0; overflow: hidden; opacity: 0.5; transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; } +.remember-checkbox input[type="checkbox"] { display: none; } +.remember-checkbox input[type="checkbox"]:checked + label:after { max-width: 25px; opacity: 1; } +/*all id*/ +#one+label:before, #one+label:after {color: #F5A623;} +#two+label:before, #two+label:after {color: #F5A623;} +#three+label:before, #three+label:after {color: hsl(120, 45%, 40%); } +#four+label:before, #four+label:after {color: hsl(180, 45%, 40%); } +#five+label:before, #five+label:after {color: hsl(240, 45%, 40%); } +#six+label:before, #six+label:after {color: hsl(300, 45%, 40%); } + +/************************************* + Login +**************************************/ +.full-height-bg { height: 100vh; } +/*login-2-social*/ +.login-social li { display: inline-block; margin: 2px 0px; } +.login-social li a { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;} +.login-social li a.fb { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #4c70ad; border-radius:30px; } +.login-social li a.twitter { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #25b6e6; border-radius:30px; } +.login-social li a.pinterest { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #dd4b39; border-radius:30px; } +.login-social li i { border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px; } +.login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover { background: #F5A623; } + +/*login 02*/ +.section-transparent { background: transparent; } +.login-bg { background: #ffffff; border-radius: 10px; } +.login-bg .login-title { background: #F5A623; padding: 30px; border-radius: 10px 10px 0 0; } +.login-bg .login-form { padding: 40px 30px; } +.login-bg .login-social { padding: 30px; background: #f6f7f8; border-radius: 0 0 10px 10px; } + +/*login 02*/ +.register-bg { background: #ffffff; border-radius: 10px; } +.register-bg .register-title { background: #F5A623; padding: 30px; border-radius: 10px 10px 0 0; } +.register-bg .register-form { padding: 30px 30px 50px; } + +/************************************* + maintenance +**************************************/ +img.logo-small { height: 40px; margin: 30px 0; position: relative; } +.maintenance-main i { font-size: 100px; margin-bottom: 10px; color: #e4e4e4; } +.maintenance-main h1 { font-size: 62px; text-transform: uppercase; font-weight: bold; } +.maintenance-main p { font-size: 26px; line-height: 35px; margin-bottom: 70px;} +.maintenance-form { width: 76%; margin: 0 auto; } +.maintenance-form p { font-size: 19px; } +.maintenance-form input { width: 50%; margin: 0 auto; } + +/*maintenance 2 */ +.maintenance-main h1 { font-size: 40px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; } +.maintenance-contant p { line-height: 25px; margin-top:20px; font-size: 14px; } +.progress-new { margin-top: 50px; height: 50px; background: #f6f7f8; border-radius: 0; margin-bottom: 50px; margin-left: auto; margin-right: auto; width: 50%; } +.progress-bar-new { line-height: 50px; background-color: #F5A623; color: #ffffff; font-size: 20px; padding-left: 20px; } +.progress-bar-new span { position: absolute; right: 30px; color: #323232; font-weight: bold; font-size: 20px; } +.progress-bar-striped, +.progress-striped .progress-bar-new { + background-image: linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); +} + +/************************************* + Our clients +**************************************/ +/*clients-box*/ +.clients-box { background: #f7f7f7; padding: 20px; } +.clients-photo { position: relative; margin-right: 20px; width: 200px; height: 200px; float: left; display: table-cell; text-align: center; vertical-align: middle; background: #fff; } +.clients-photo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } +.clients-info { display: table; } +.clients-info i { padding-right: 10px; } +.clients-info a { font-size: 14px; color: #F5A623; } +.clients-info a:hover { color: #626262; } +.clients-info p { margin-top: 10px; } +.happy-clients .tab-content { padding: 0 30px; position: relative; text-align: left; } +.happy-clients .tab-content .quoter-icon { position: absolute; left: 0; top: -10px; font-size: 120px; line-height: 1; color: #F5A623;} +.happy-clients .tab-content p{padding-left: 30px; font-size: 18px; padding-top: 10px; font-style: italic; } +.happy-clients .nav-tabs li { overflow: visible; display: inline-block; padding: 0 5px; } +.happy-clients .nav.nav-tabs li a, .happy-clients .nav.nav-tabs li a:hover, .happy-clients .nav.nav-tabs li a:focus { background: none; padding: 0; border:0; outline: none; background: transparent !important;} +.happy-clients .nav-tabs li img {width: 96px; opacity: 0.1; height: 96px; border-radius: 50%; } +.happy-clients .nav-tabs li.active img, .happy-clients .nav-tabs li:focus img { border: 4px solid #fff; opacity: 1; top: -2px; box-shadow: 0 0 40px rgba(0,0,0,.3); } +.happy-clients .testimonial-avatar { position: relative; right: inherit; left: inherit; top: inherit; width: inherit; height: inherit; margin-left: inherit; margin-top: 30px; } +.happy-clients .nav-tabs { border: 0; } + +/*********************************** + process +************************************/ +.process-list .col-sm-12 { padding: 0 50px; } +.process { margin: 0px; border: 2px dashed rgba(0, 0, 0, 0.3); position: relative; width: 100%; float: left; padding-bottom: 50px; padding-top: 50px; min-height: inherit; } +.process.left { border-right: 0; border-top: 0; } +.process.right { border-left: 0; border-top: 0; } +.process .border-area.left-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; left: -2px; z-index: 99; } +.process .border-area.left-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.right-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } +.process .border-area.right-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.right-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } +.process .border-area.right-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.left-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; left: -2px; } +.process .border-area.left-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); } +.process:first-child { padding-top: 0; } +.process.left:first-child .process-step { top: 0; } +.process:last-child { border-bottom: 0; } +.process:last-child .border-area.left-bottom { bottom: 0; } +.process:last-child .border-area.left-bottom:before { border-bottom-left-radius:0; border-bottom: 0; } +.process.left .process-step { position: absolute; top: 50px; left: -35px; z-index: 999; } +.process.right .process-step { position: absolute; top: 50px; right: -35px; z-index: 99; } +.process.left .process-content { padding-left: 80px; } +.process.right .process-content{ padding-right: 80px; } +.process .process-step strong { width: 70px; height: 70px; line-height: 70px; text-align: center; background: #F5A623; border-radius: 100%; display: inline-block; + z-index: 99; font-size: 20px; color: #fff; } +.process .process-content { position: relative; z-index: 99; } +.process .process-content span { font-size: 80px; line-height: 80px; color: #F5A623; } +.process.left .process-content .process-icon { display: table-cell; padding-right: 30px; } +.process.left .process-content .process-info { display: table-cell; vertical-align: top; } +.process.right .process-content .process-icon { float: right; padding-left: 30px; } +.process.right .process-content .process-info { display: table-cell; vertical-align: top; } + +/************************************* + Careers +**************************************/ +.agency-about { padding-bottom: 100px; } + +/*careers accordion*/ +.careers .acd-des span { display: block; } + +/*careers form*/ +.careers-from .section-field label { margin-bottom: 10px; } + +/************************************* + sitemap +**************************************/ +.sitemap h4 { margin-bottom: 25px; text-transform: capitalize; } +.sitemap h4 i { padding-right: 10px; } +.sitemap ul li { display: block; line-height: 34px; } +.sitemap ul li i { padding-right: 10px; } +.sitemap ul li a { font-size: 14px; color: #626262; text-transform: capitalize; } +.sitemap ul li a:hover { color: #F5A623; } + +/************************************* + privacy-policy +**************************************/ +.privacy-policy ul li { font-size: 14px; line-height: 30px; } +.privacy-policy ul li i { padding-right: 10px; } + +/************************************* + page sidebar +**************************************/ +.page-sidebar .page-content ul li { font-size: 14px; line-height: 30px; } +.page-sidebar .page-content ul li i { } + +/************************************* + terms and conditions +**************************************/ +.terms-and-conditions ul li { font-size: 14px; line-height: 30px; } +.terms-and-conditions ul li i { padding-right: 10px; } + + +.special-feature .feature-text {padding:40px;} +.special-feature { padding-bottom:-117px; } +.special-feature .row-eq-height.no-gutter { position:relative; z-index:99; margin-top:-117px; } + +/************************* + BG - Images +*************************/ +.parallax { background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -ms-background-size: cover !important; position: relative; z-index: 0; background-origin: initial; background-position: center bottom !important; background-repeat: no-repeat; } +.gradient-overlay{position:relative;} +.gradient-overlay:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background:url(../images/construction/bg/gradient-overlay1.png) repeat-y left 0;} + +/************************************* + Footer +**************************************/ +.footer.black-bg{background: #1a1a1a;} +.footer.black-bg p { color: rgba(255,255,255,0.5); } +.footer.black-bg .social-icons li a { color: rgba(255,255,255,0.5); } +.footer p{font-size: 14px;} +.footer-logo img { width: 65%; } +.footer h6{font-size: 14px;} +.addresss-info li { font-size: 14px; margin-bottom: 15px; color: rgba(255,255,255,0.5); list-style: none; } +.addresss-info i{ color:rgba(255,255,255,0.5); padding-right: 5px; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 14px; } +.addresss-info p { display: table; color: rgba(255,255,255,0.5); margin-bottom: 0px; } +.addresss-info li a { color: rgba(255,255,255,0.5); } +.footer a{font-size: 14px;} + +/*footer-Newsletter*/ +.footer-Newsletter { display: inline-block; width: 100%;} +.footer-useful-link.footer-hedding ul { margin-top: -6px; } +.footer-Newsletter .form-control { border-left: 0px; height: 50px; border-radius: 30px; font-size: 14px; color: rgba(255,255,255,0.3); border:none; background: #252525; padding: 10px 25px; width: 100%; } +.footer-Newsletter .form-control:focus { border:0; box-shadow: none;} +.footer-Newsletter .button.border{border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.5); padding: 10px 18px; font-size: 12px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.footer-Newsletter .button.border:hover { color: #ffffff; } +.footer-useful-link ul li { list-style: none; margin-bottom: 12px;} +.footer-useful-link ul li:last-child { margin-bottom: 0; } +.footer-useful-link ul li a { color: rgba(255,255,255,0.5); font-size: 14px; vertical-align: top; display: block; line-height: 26px; } +.footer-useful-link ul li a:hover { color: #F5A623; } +/*transparent*/ +.footer-Newsletter.transparent .form-control { background: rgba(0, 0, 0, 0.04); } +.footer-Newsletter.transparent .form-control::-moz-placeholder { color: #323232; } +.footer-Newsletter.transparent .form-control::-ms-input-placeholder { color: #323232; } +.footer-Newsletter.transparent .form-control::-webkit-input-placeholder { color: #323232; } + +/*footer-widget*/ +.footer-widget { padding: 20px 0; border-top: 1px solid #262626;} +.footer-widget p{font-size: 14px; color: rgba(255,255,255,0.5); letter-spacing: 0.5px;} +.footer-widget a { color: #F5A623; } +.footer-widget a:hover { color: #F5A623; } +.footer-widget-social {margin-top: 5px; } +.footer-widget-social li { display: inline-block;} +.footer-widget-social a i { display: inline-block; color: rgba(255,255,255,0.5); background: none; border-radius: 50%; width: 35px; height: 35px; text-align:center; line-height: 37px; font-size: 14px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} +.footer-widget-social a i:hover{background: #F5A623;} +.footer .footer-nav ul li { display: inline-block;} +.footer .footer-nav ul li a { margin: 0 5px; color: #323232;} +.footer .footer-nav ul li a:hover { color: #F5A623; } +.footer .social ul li {display: inline-block;} +.footer .social ul li a i { font-size: 14px; width: 45px; height: 45px; line-height: 45px; text-align: center; float: none; color: #323232;} +.footer .social ul li a i:hover{color: #F5A623;} +.footer .social ul{background: #f6f7f8; display: inline-block; border-radius: 30px; padding: 0px 10px;} +.footer .usefull-link ul li {display: block; border-bottom: 0px; line-height: 24px; padding: 5px 0; } +.footer .usefull-link ul li a{color: #323232;} +.footer .usefull-link ul li a:hover { color: #F5A623; } +.footer .copyright { padding: 30px 0 20px;} +.footer .copyright ul li a {color: #323232;} +.footer .copyright ul li a:hover {color: #F5A623;} +img#logo-footer{ height: 50px; width: auto; } +.footer.light .footer-nav ul li a{color: #fff;} +.footer.light .footer-nav ul li a:hover { color: #323232; } +.footer.light h6{color: #fff;} +.footer.light .about-content p{color: #fff;} +.footer.light .usefull-link ul li a{color: #fff;} +.footer.light .usefull-link ul li a:hover {color: #323232;} +.footer.light .copyright ul li {color: #fff;} +.footer.light .copyright ul li a {color: #ffffff; font-size: 14px;} +.footer.light .copyright ul li a:hover {color: #323232; } +.footer.light.footer-topbar .copyright ul li { color: #ffffff } +.footer.light .copyright p {color: #fff;} +.footer.light .social ul li a i {color: #F5A623;} +.footer.light .social ul li a:hover i {color: #323232;} +.footer .footer-text p{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} +.footer .footer-social ul li a{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} +.footer .footer-social ul li a:hover { color: #F5A623 !important; } +.footer.footer-topbar .copyright ul li{color:rgba(255, 255, 255, 0.5) !important;} +.footer.footer-one-page .contact-add i { font-size: 20px } +.footer.footer-one-page h5 { color: rgba(255,255,255,0.5); } +.footer.footer-one-page p { color: rgba(255,255,255,0.5); } + +/* footer transparent*/ +.footer.transparent h6, .footer.transparent p, .footer.transparent ul li a, .footer.transparent span { color: #ffffff; } + +/*widget-gallery*/ +.footer .footer-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; } +.footer .footer-tags li { display: inline-block; } +.footer .footer-tags li a { background: transparent; color: #fff; border:1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.footer .footer-tags li a:hover { background: #F5A623; } + +/*footer-social-big*/ +.footer-social-big ul li { display: inline-block; padding: 10px; width: 70px; text-align: center; background: rgba(255, 255, 255, 0.1); } +.footer-social-big ul li.facebook { background: #5d82d1; } +.footer-social-big ul li.pinterest { background: #e13138; } +.footer-social-big ul li.linkedin { background: #238cc8; } +.footer-social-big ul li i { color: #ffffff; display: block; width: 30px; height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.2); border-radius: 50%; margin: 0 auto; } +.footer-social-big ul li span { display: block; text-align: center; color: #ffffff; margin-top: 10px; font-size: 11px; } + +/*footer-box*/ +.footer-box { background: rgba(102, 102, 102, 0.2); padding: 30px; clear: both; margin-bottom: 40px; margin-top: 60px; } +.footer-box .box-content { display: table-cell; vertical-align: top; } +.footer-box .box-link { display: table-cell; padding-left: 20px; vertical-align: middle; } +.footer-box .box-link a { display: block; padding: 8px 16px; width: 140px; } + +/*google-map*/ +.google-map { background: #; } +.google-map .row [class*='col-'] { min-height: 0; } +.map-icon { position: relative; z-index: 999; cursor: pointer; } +.google-map .map-icon:before { cursor: pointer; content: "\f041"; font-family: "FontAwesome"; font-size: 30px; font-weight: normal; right: 0; position: absolute; text-indent: 0; top: -32px; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #ffffff; color: #F5A623; text-align: center; } +.google-map.google-map-open .map-icon::before { content: "\f00d"; } +.google-map .map-open { height: 0; overflow: hidden; transition: all 900ms ease; } +.google-map .map-open iframe { height: 300px; } +.google-map-open .map-open { height: 300px; } +.pos-r{position: relative;} +.img-side img{max-width: 100%} +.img-side.img-left {left: 0;} +.img-side {padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100;} +.font-bold {font-weight: 600} +.no-gutter{ margin-right:0; margin-left:0;} +.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;} + +/*youtube-video*/ + .popup-video { position: relative; } +.popup-video .play-video { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } +.popup-video .play-video { width: 50px; height: 50px; } +.popup-video .play-video a { width: 50px; height: 50px; } +.popup-video .play-video a i { line-height: 50px; } +.popup-video .play-video:hover { transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); background-color: #ffffff; } +.popup-video .play-video:hover a { color: #F5A623; } +.play-video { cursor: pointer; position: relative; width: 100px; height: 100px; margin: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } +.play-video { background-color: #F5A623; -webkit-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); -moz-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); } +.play-video a { color: #fff; width: 100px; height: 100px; position: absolute; top: 0; left: 50%; padding-left: 5px; transform: translateX(-50%); } +.play-video a i { line-height: 100px; } +.play-video:hover a { color: #F5A623; } +.play-video:after { content: ''; top: 0; left: 0; padding: 0; z-index: -1; opacity: 0; pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); } + +.play-video:hover{background: #ffffff; color: #F5A623; border-color:transparent !important;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-box-shadow:2px 6px 18px transparent !important;-moz-box-shadow:2px 6px 18px transparent !important;box-shadow:2px 6px 18px transparent !important} +.play-video:hover:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms; -moz-animation:sonarEffect 1.3s ease-out 75ms; animation:sonarEffect 1.3s ease-out 75ms;} +@-webkit-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-webkit-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}} +@-moz-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-moz-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}} +@keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);transform:scale(1.5);opacity:0; }} +.my-contact .contact-icon{float: left; margin-right: 25px;} +.my-contact .contact-icon span{color: #fff ! important;} + +/************************************* + index portfolio 4 +**************************************/ +.portfolio-item.simple-effect .portfolio-overlay span { color: #363636; } +.portfolio-item.simple-effect .portfolio-overlay span a { color: #363636; } +.portfolio-item.simple-effect .portfolio-overlay a:hover { color: #F5A623; } +.portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #F5A623; } +.portfolio-item.simple-effect .portfolio-overlay { z-index: 9; opacity: 0; bottom: inherit; background: transparent; top: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: center; } +.portfolio-item.simple-effect:hover:before { position: absolute; width: 100%; height: 100%; content: ""; background: rgba(255, 255, 255, 1); z-index: 1; background-size: 115%; + -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.6s cubic-bezier(.68,.11,.13,.98); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.portfolio-item.simple-effect:hover .portfolio-overlay { top: 50%; opacity: 1; } + +/*footer*/ +.footer .container-fluid { padding: 0 60px; } +#footer-fixed { position: fixed; bottom: 0; width: 100%; z-index: -1; box-shadow: inset 0 27px 60px -25px rgba(0,0,0,0.3); } +.footer.footer-simple ul li a, .footer.footer-simple p, .footer.footer-simple i, .footer.footer-simple li { color: #ffffff; font-weight: bold; font-size: 16px; } +.footer.footer-simple ul li a:hover { color: rgba(255, 255, 255, 0.6); } +.footer.footer-simple .social-icons li a { color: #ffffff; width: 100%; } +.footer.footer-simple .social-icons li a:hover { color: rgba(255, 255, 255, 0.6); } + +/*elements*/ +.full-width { width: 100%; } +.height-100vh { height: 100vh; } +.pos-bot { position: absolute; bottom: 0; width: 100%; } +.vertical-align { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } + +/************************************* + index portfolio 04 about +**************************************/ +.portfolio-03-about { padding-left: 50px; } +.portfolio-03-about p { font-size: 16px; font-weight: 600; } + +/************************************* + index portfolio single +**************************************/ +/*popup-video*/ +.popup-video-image { position: relative; } +.popup-video-image:before { background: rgba(37, 41, 51, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } +.popup-video-image a i { color: #ffffff; text-align: center; line-height: 60px; width: 60px; height: 60px; background: #F5A623; display: inline-block; margin: 0 auto; + border-radius: 50%; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); + -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; font-size: 20px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } +.popup-video-image a i:hover { background: #323232; } + +/************************************* + index 11 +**************************************/ + +/*index 11*/ + /*slider-parallax typer-banner business*/ + .slider-parallax.typer-banner.business h1 { font-family: 'Dosis', sans-serif; } + .slider-parallax.typer-banner.business p { padding: 0 200px; line-height: 34px; font-size: 26px; font-weight: 600; display: block; } + + /*play-video*/ +.custom-content-02 .feature-text p { line-height: 28px; } +.play-video-section .play-video { box-shadow: none; background: #ffffff; width: 60px; height: 60px; line-height: 60px; } +.play-video-section .play-video a { color: #F5A623; line-height: 60px; } +.play-video-section .play-video a i { line-height: 60px; padding-right: 3px; } +.play-video-section .play-video:after {box-shadow: none; } +.play-video-section .content { padding: 0 100px; } +.play-video-section .content h2 { font-family: 'Dosis', sans-serif; } +.custom-content-03 h2 { font-family: 'Dosis', sans-serif; font-size: 40px; line-height: 50px; } + +/*blockquote-section*/ +.blockquote-section { position: relative; z-index: 9; } +.blockquote-section blockquote { font-size: 50px; font-weight: 600; line-height: 60px; border-left: 0; padding-left: 0; font-family: 'Dosis', sans-serif; } +.blockquote-section blockquote cite { font-size: 16px; font-weight: 600; margin-top: 40px; line-height: 30px; font-family: 'Nanum Gothic', serif; font-style: normal; } +.blockquote-section blockquote cite span { display: block; font-size: 14px; } +.blockquote-section blockquote.quote { padding-top: 100px; } +.blockquote-section blockquote.quote:before { color: #F5A623; left: 0; top: 0; font-size: 120px; line-height: 120px; } +.blockquote-section .blockquote-section-left { margin-left: 60px; } +.blockquote-section .blockquote-section-right { margin-left: -120px; position: relative;z-index: -1; } + +/************************************* + footer +**************************************/ +.footer.gray-footer .footer-Newsletter .form-control { background: #ffffff; color: #323232; height: 60px; line-height: 60px; box-shadow: 0 10px 50px rgba(0,0,0,0.1); } +.footer.gray-footer .footer-widget { border-top: none; } +.footer.gray-footer .footer-widget p { color: #323232; } + +.footer.gray-footer .footer-Newsletter .form-control::-moz-placeholder { color: #323232; } +.footer.gray-footer .footer-Newsletter .form-control::-ms-input-placeholder { color: #323232; } +.footer.gray-footer .footer-Newsletter .form-control::-webkit-input-placeholder { color: #323232; } + +/************************************* + portfolio +**************************************/ +.portfolio-item.image-text { position: relative; } +.portfolio-item.image-text .portfolio-overlay { bottom: 30px; background: transparent; } +.portfolio-item.image-text .portfolio-overlay span { display: block; } +.portfolio-item.image-text:before { position: absolute; width: 100%; bottom: 0; content: ""; ackground: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; } +.portfolio-item.image-text .portfolio-overlay a.button { padding: 6px 16px; } +.portfolio-item.image-text .portfolio-overlay a.button span { font-size: 12px; } +.portfolio-item.image-text .portfolio-overlay a.button:hover { color: #ffffff; } + +/************************************* + coming-soon-big +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 120px; line-height: 120px; font-weight: bold; } +.coming-soon-big .countdown.medium p { font-size: 30px; line-height: 30px; font-weight: bold; } +.coming-soon-big .coming-soon-form p { font-weight: bold; } +.coming-soon-big .contact-form.transparent-form .form-control { background: rgba(255, 255, 255, 0.4); } +.coming-soon-big .button { font-weight: bold; } + +/************************************* + inner page +**************************************/ +/* about-05 */ +.about-05-split .shop-split-content { padding: 100px 0; } +/*about-mission*/ +.about-mission .popup-video-image a i { position: relative; top: inherit; left: inherit; bottom: inherit; right: inherit; } +.about-mission .popup-content { position: absolute; bottom: 0; padding: 30px 130px 30px 30px; } +.about-mission-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); } +.about-mission-box .content { padding:24px; } +.about-mission-title { padding-bottom: 250px; } +.about-mission { margin-top: -150px; } +/*faq 03*/ +.faq-page-title .form { position: relative; z-index: 9; } +.faq-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); padding: 40px; border-radius: 10px; background: #ffffff; margin-top: -60px; } +.faq-box span { font-size: 40px; line-height: 40px; margin-bottom: 20px; display: block; } +.faq-box strong { display: block; } +.faq-box a.button { padding: 8px 16px; } + +/*login-fancy*/ +.login-fancy { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); } +.login-fancy-bg { position: relative; z-index: 1; } +.login-fancy h2 { font-size: 70px; line-height: 70px; } +.login-gradient, .login-gradient-02, .login-gradient-03 { position: relative; } +.login-gradient:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9af1e1), color-stop(100%, #4003f6)); background: -webkit-linear-gradient(-315deg, #9af1e1 0%, #4003f6 100%); background: -webkit-linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); background: linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); } +.login-gradient-02:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee38a6), color-stop(100%, #ffc863)); background: -webkit-linear-gradient(-315deg, #ee38a6 0%, #ffc863 100%); background: -webkit-linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); background: linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); } +.login-gradient-03:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcdd2), color-stop(100%, #470df5)); background: -webkit-linear-gradient(-315deg, #ffcdd2 0%, #470df5 100%); background: -webkit-linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); background: linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); } + +/*login-box*/ +.login-box { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); border-radius: 0px 10px 10px 0px; } +.login-box-bg { position: relative; z-index: 1; } +.login-box h2 { font-size: 40px; line-height: 40px; } +.login-box-main { display: table; width: 100%; } +.login-box-main-middle { display: table-cell; vertical-align: middle; } +.login-box-left { box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); height: 100%; border-radius: 10px 0 0px 10px; } +.login-box-left .logo-small { margin-left: 30px; } +.login-box-main .theme-bg { box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.2); position: relative; z-index: 1; } +.login-box-theme { position: relative; } +.login-box-theme:before { position: absolute; content: ""; height: 30px; top: -29px; width: 100%; background: #F5A623; left: 0; } +.login-box-theme:after { position: absolute; content: ""; height: 30px; bottom: -29px; width: 100%; background: #F5A623; left: 0; } +.login-box-main .nav li a { padding-left: 30px; } +.login-box-main .nav li a { display: block; text-align: left; color: #323232; border-left: 5px solid transparent; background: transparent; } +.login-box-left li.active a, .login-box-left li a:hover { border-left: 5px solid #F5A623; color: #F5A623; } +.login-box-main .nav li a i { display: inline-block; padding-right: 6px; text-align: left; margin-bottom: 10px; } +.login-box .list-unstyled.list-inline a:hover { color: #323232; } +/*login-box-02*/ +.login-box-02 { padding: 40px; border:1px solid rgba(0, 0, 0, 0.1); height: 100%; } +.login-box-02.white-overlay { background: rgba(255, 255, 255, 0.5); } +.login-signup a.text-black:hover { color: #ffffff; } + +/*login-14*/ +.login-14 { padding: 0 100px; } + +/*login-15*/ +.login-15 { padding: 0 60px; } + +/*login-signup*/ +.login-signup .tab-border .tab-content { padding: 0; } +.login-signup .login-box-02 { border:0; } + +/************************************* + boxed +**************************************/ + +@media (min-width: 1220px) { +body.boxed-layout .wrapper { float: none; width: 1220px; margin: 0 auto; position:relative; background-color: #FFF; box-shadow: 0 0 60px rgba(0,0,0,.1); -moz-box-shadow: 0 0 60px rgba(0,0,0,.1); + -webkit-box-shadow: 0 0 60px rgba(0,0,0,.1); } +/*index 01*/ +body.boxed-layout .wrapper .portfolio-title.section-title p { display: none; } +body.boxed-layout .wrapper .portfolio-title.section-title span { display: none; } + +/*index 02*/ +body.boxed-layout .wrapper .contact-3 #map { padding-top: 140%; } +body.boxed-layout .wrapper .contact-2 #map { padding-top: 90% } +body.boxed-layout .wrapper.vertical-header { width: auto; box-shadow: none; } +body.boxed-layout #footer-fixed { position: inherit !important; width: inherit; bottom: inherit !important; z-index: inherit; } +body.boxed-layout .wrapper { margin-bottom: 0 !important; } +body.boxed-layout .christmas-coming-soon { position: absolute; } + +body.frame-layout .wrapper { margin: 0 auto; margin-top: 1.5%; margin-bottom: 1.5%; width: 97%; position: relative; box-shadow: 0 0 60px rgba(0,0,0,.1); } +body.frame-layout .header.default, body.frame-layout .header.transparent, body.frame-layout header.one-page { left: 0; right: 0; } +body.frame-layout .navbar.affix { top: 0; } +body.frame-layout header.one-page.light .navbar { min-height: 10px !important; } +body.frame-layout #footer-fixed { position: inherit !important; bottom: inherit !important; z-index: inherit; } +body.frame-layout .wrapper { margin-bottom:1.5% !important; } +body.frame-layout .christmas-coming-soon { position: absolute; } + +} + +@media all and (-ms-high-contrast:none) { +.st-menu { position: absolute; } + img.bottom-img { top: 0; } +.search-cart { display: table; } +.search { display: table-cell !important; } +.shpping-cart { display: table-cell !important; } +.search-cart .shpping-cart { float: none !important; } + .mega-menu > section.menu-list-items .search-cart .search { float: none !important; } + .search-cart .shpping-cart { vertical-align: middle; } +} + + +@media (max-width: 1100px) { +.isotope-filters button { margin: 2px; cursor: pointer; padding: 6.5px 13px; font-size: 16px; background: transparent; color: #363636; font-weight: 600; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } +} + + diff --git a/apply/css/typography.css b/apply/css/typography.css new file mode 100644 index 0000000..00f0539 --- /dev/null +++ b/apply/css/typography.css @@ -0,0 +1,332 @@ +/* + +Template: Webster — Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is typography stylesheet of template, This file contains typography of the Template. + +*/ + + +/*================================================ +[ Table of contents ] +================================================ + +:: General +:: Page section margin padding +:: Text color +:: Row eq height And No Gutter +:: Extra class +:: Loading +:: Back to top +:: Basic margin padding + +====================================== +[ End table content ] +======================================*/ +@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); +@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); +@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css"); + + +/************************* + General +*************************/ +body { font-family: '나눔고딕', NanumGothic, 'Nanum Gothic' , 'NotoM', sans-serif ; font-weight: normal; font-style:normal; font-size: 12px; } +a, .btn { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; + transition: all 0.3s ease-out 0s; } +a:focus { text-decoration: none !important; } +a:focus, a:hover { color: #F5A623; text-decoration: none !important; } +a, button, input { outline: medium none !important; color: #343434; } +.uppercase { text-transform: uppercase; } +h1, h2, h3, h4, h5, h6 { font-family: '나눔고딕', NanumGothic, 'Nanum Gothic' ,'NotoM', sans-serif ; font-weight:bolder; font-style:italic; color: #363636; margin-top: 0px; } +h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } +label { font-weight: normal; } + +h1 { font-size: 36px; font-style: normal; font-weight: 800; line-height: 40px; } +h2 { font-size: 32px; font-style: normal; font-weight: 600; line-height: 38px; } +h3 { font-size: 28px; font-style: normal; font-weight: 600; line-height: 32px; } +h4 { font-size: 22px; font-style: normal; font-weight: 500; line-height: 26px; } +h5 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 18px; } +h6 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 18px; } + + +.fw-1 { font-weight: 100; } +.fw-2 { font-weight: 200; } +.fw-3 { font-weight: 300; } +.fw-4 { font-weight: 400; } +.fw-5 { font-weight: 500; } +.fw-6 { font-weight: 600; } +.fw-7 { font-weight: 700; } +.fw-8 { font-weight: 800; } +.fw-9 { font-weight: 900; } + +ul { margin: 0px; padding: 0px; } +p { font-weight: normal; line-height: 1.5; color: #333; } +hr { margin: 0; padding: 0px; border-bottom:1px dashed #eceff8; border-top: 0px; } + +*::-moz-selection { background: #F5A623; color: #fff; text-shadow: none; } +::-moz-selection { background: #F5A623; color: #fff; text-shadow: none; } +::selection { background: #F5A623; color: #fff; text-shadow: none; } + +/*************************** +Page section margin padding +****************************/ +.page-section-ptb { padding: 50px 0;background-color: #f6f6f6; } +.page-section-pt { padding:50px 0 20px 0; + /*background-color:#f7f7f7;*/ background: url(../images/bg/bg001.gif);} +.page-section-pb { padding: 0 0 80px; } + +.page-section-1-ptb { padding: 120px 0; } +.page-section-1-pt { padding: 120px 0 0; } +.page-section-1-pb { padding: 0 0 120px; } + +/************************* + Text color +*************************/ +.theme-color { color: #F5A623; } +.text-white { color: #fff; } +.text-black { color: #000; } +.text-gray { color:#9b9b9b; } +.text-darkgray { color:#9b9b9b; } +.text-orange { color:#F5A623; } +.text-red { color:#D0021B; } + + +img.bottom-img { position: absolute; bottom: 0; left: 0; right: 0; } + +/************************* + Text size +*************************/ +.f10 { font-size:10px; } +.f12 { font-size:12px; } +.f14 { font-size:14px; } +.f16 { font-size:16px; } +.f18 { font-size:18px; } +.f20 { font-size:20px; } +.f22 { font-size:22px; } +.f24 { font-size:24px; } +.f28 { font-size:28px; } +.f30 { font-size:30px; } +.f32 { font-size:32px; } +.f48 { font-size:48px; } + +/******************************************** + Row-eq-height And No Gutter +/*********************************************/ +.no-gutter{ margin-right:0; margin-left:0;} +.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;} +.row-eq-height{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;} +.row-eq-height.full-height > [class*='col-'] > div{height: 100%;} + +/* Vertical Align */ +.valign{display: table;} +.valign > [class*='col-']{display:table-cell; float:none;} +[data-valign-overlay="top"]{vertical-align:top;} +[data-valign-overlay="middle"]{vertical-align:middle;} +[data-valign-overlay="bottom"]{vertical-align:bottom;} + + + /************************* + Extra class +*************************/ +.o-hidden { overflow: hidden; } +.position-re { position: relative; } +.full-width{width: 100% !important;} +section { background: #f6f6f6; } + +/************************* + back to top +*************************/ +#back-to-top .top { z-index: 999; + position: fixed; + margin: 0px; + color: #fff; + transition: all .5s ease-in-out; + position: fixed; + bottom: 55px; + right: 15px; + border-radius: 50px; + z-index: 999; + background: transparent; + font-size: 24px; + background: #F5A623; + width: 70px; + height: 70px; + text-align: center; } +#back-to-top i { padding-top: 2px; font-size: 20px; } +#back-to-top span { display: block; line-height: 8px; font-size: 11px; } + + /************************* + Basic margin padding +*************************/ +.m-0 { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; } +.p-0 { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; } + +/************************* + Margin top +*************************/ +.mt-0 { margin-top: 0 !important; } +.mt-10 { margin-top: 10px !important; } +.mt-15 { margin-top: 15px !important; } +.mt-20 { margin-top: 20px !important; } +.mt-30 { margin-top: 30px !important; } +.mt-40 { margin-top: 40px !important; } +.mt-50 { margin-top: 50px !important; } +.mt-60 { margin-top: 60px !important; } +.mt-70 { margin-top: 70px !important; } +.mt-80 { margin-top: 80px !important; } +.mt-90 { margin-top: 90px !important; } +.mt-100 { margin-top: 100px !important; } +.mt-110 { margin-top: 110px !important; } +.mt-120 { margin-top: 120px !important; } +.mt-130 { margin-top: 130px !important; } +.mt-140 { margin-top: 140px !important; } +.mt-150 { margin-top: 150px !important;} + + /************************* + Margin right +*************************/ +.mr-0 { margin-right: 0!important } +.mr-10 { margin-right: 10px !important; } +.mr-15 { margin-right: 15px !important; } +.mr-20 { margin-right: 20px !important; } +.mr-30 { margin-right: 30px !important; } +.mr-40 { margin-right: 40px !important; } +.mr-50 { margin-right: 50px !important; } +.mr-60 { margin-right: 60px !important; } +.mr-70 { margin-right: 70px !important; } +.mr-80 { margin-right: 80px !important; } +.mr-90 { margin-right: 90px !important; } +.mr-100 { margin-right: 100px !important; } +.mr-110 { margin-right: 110px !important; } +.mr-120 { margin-right: 120px !important; } +.mr-130 { margin-right: 130px !important; } +.mr-140 { margin-right: 140px !important; } +.mr-150 { margin-right: 150px !important; } + + /************************* + Margin bottom +*************************/ +.mb-0 { margin-bottom: 0!important } +.mb-10 { margin-bottom: 10px !important; } +.mb-15 { margin-bottom: 15px !important; } +.mb-20 { margin-bottom: 20px !important; } +.mb-30 { margin-bottom: 30px !important; } +.mb-40 { margin-bottom: 40px !important; } +.mb-50 { margin-bottom: 50px !important; } +.mb-60 { margin-bottom: 60px !important; } +.mb-70 { margin-bottom: 70px !important; } +.mb-80 { margin-bottom: 80px !important; } +.mb-90 { margin-bottom: 90px !important; } +.mb-100 { margin-bottom: 100px !important; } +.mb-110 { margin-bottom: 110px !important; } +.mb-120 { margin-bottom: 120px !important; } +.mb-130 { margin-bottom: 130px !important; } +.mb-140 { margin-bottom: 140px !important; } +.mb-150 { margin-bottom: 150px !important; } + +/************************* + Margin left +*************************/ +.ml-0 { margin-left: 0!important } +.ml-10 { margin-left: 10px !important; } +.ml-15 { margin-left: 15px !important; } +.ml-20 { margin-left: 20px !important; } +.ml-30 { margin-left: 30px !important; } +.ml-40 { margin-left: 40px !important; } +.ml-50 { margin-left: 50px !important; } +.ml-60 { margin-left: 60px !important; } +.ml-70 { margin-left: 70px !important; } +.ml-80 { margin-left: 80px !important; } +.ml-90 { margin-left: 90px !important; } +.ml-100 { margin-left: 100px !important; } +.ml-110 { margin-left: 110px !important; } +.ml-120 { margin-left: 120px !important; } +.ml-130 { margin-left: 130px !important; } +.ml-140 { margin-left: 140px !important; } +.ml-150 { margin-left: 150px !important; } + + /************************* + Padding top +*************************/ +.pt-0 { padding-top: 0!important } +.pt-10 { padding-top: 10px !important; } +.pt-15 { padding-top: 15px !important; } +.pt-20 { padding-top: 20px !important; } +.pt-30 { padding-top: 30px !important; } +.pt-40 { padding-top: 40px !important; } +.pt-50 { padding-top: 50px !important; } +.pt-60 { padding-top: 60px !important; } +.pt-70 { padding-top: 70px !important; } +.pt-80 { padding-top: 80px !important; } +.pt-90 { padding-top: 90px !important; } +.pt-100 { padding-top: 100px !important; } +.pt-110 { padding-top: 110px !important; } +.pt-120 { padding-top: 120px !important; } +.pt-130 { padding-top: 130px !important; } +.pt-140 { padding-top: 140px !important; } +.pt-150 { padding-top: 150px !important; } + + /************************* + Padding right +*************************/ +.pr-0 { padding-right: 0!important } +.pr-10 { padding-right: 10px !important; } +.pr-15 { padding-right: 15px !important; } +.pr-20 { padding-right: 20px !important; } +.pr-30 { padding-right: 30px !important; } +.pr-40 { padding-right: 40px !important; } +.pr-50 { padding-right: 50px !important; } +.pr-60 { padding-right: 60px !important; } +.pr-70 { padding-right: 70px !important; } +.pr-80 { padding-right: 80px !important; } +.pr-90 { padding-right: 90px !important; } +.pr-100 { padding-right: 100px !important; } +.pr-110 { padding-right: 110px !important; } +.pr-120 { padding-right: 120px !important; } +.pr-130 { padding-right: 130px !important; } +.pr-140 { padding-right: 140px !important; } + + /************************* + Padding bottom +*************************/ +.pb-0 { padding-bottom: 0!important } +.pb-10 { padding-bottom: 10px !important; } +.pb-15 { padding-bottom: 15px !important; } +.pb-20 { padding-bottom: 20px !important; } +.pb-30 { padding-bottom: 30px !important; } +.pb-40 { padding-bottom: 40px !important; } +.pb-50 { padding-bottom: 50px !important; } +.pb-60 { padding-bottom: 60px !important; } +.pb-70 { padding-bottom: 70px !important; } +.pb-80 { padding-bottom: 80px !important; } +.pb-90 { padding-bottom: 90px !important; } +.pb-100 { padding-bottom: 100px !important; } +.pb-110 { padding-bottom: 110px !important; } +.pb-120 { padding-bottom: 120px !important; } +.pb-130 { padding-bottom: 130px !important; } +.pb-140 { padding-bottom: 140px !important; } +.pb-150 { padding-bottom: 150px !important; } + + /************************* + Padding left +*************************/ +.pl-0 { padding-left: 0!important } +.pl-10 { padding-left: 10px !important; } +.pl-15 { padding-left: 15px !important; } +.pl-20 { padding-left: 20px !important; } +.pl-30 { padding-left: 30px !important; } +.pl-40 { padding-left: 40px !important; } +.pl-50 { padding-left: 50px !important; } +.pl-60 { padding-left: 60px !important; } +.pl-70 { padding-left: 70px !important; } +.pl-80 { padding-left: 80px !important; } +.pl-90 { padding-left: 90px !important; } +.pl-100 { padding-left: 100px !important; } +.pl-110 { padding-left: 110px !important; } +.pl-120 { padding-left: 120px !important; } +.pl-130 { padding-left: 130px !important; } +.pl-140 { padding-left: 140px !important; } +.pl-150 { padding-left: 150px !important; } \ No newline at end of file diff --git a/apply/css_r/.DS_Store b/apply/css_r/.DS_Store new file mode 100644 index 0000000..6eabf6f Binary files /dev/null and b/apply/css_r/.DS_Store differ diff --git a/apply/css_r/back/custom.css b/apply/css_r/back/custom.css new file mode 100644 index 0000000..82dfebc --- /dev/null +++ b/apply/css_r/back/custom.css @@ -0,0 +1,313 @@ +/* Add here all your CSS customizations */ + +/*border*/ +.border-right { border-right:1px solid #5E9ECA; } +.border-bottom { border-bottom:1px solid #979797; } + + +/*bg*/ +.info-bg { + background-image: url(..//images/bg/info-bg.jpg); + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} + + +/*footer-nav */ +#footer-nav {list-style:none; margin-bottom:20px;} +#footer-nav li{display:inline-block; position:relative; line-height: 20px;} + +#footer-nav li:first-child > a {border: 0;} +#footer-nav li > a {border-left: 1px solid #999; padding-left:10px; padding-right:10px} +.nav-item a { color:#fff; text-decoration:none; font-size:14px; font-weight:bold;} +.nav-item a:hover { font-weight:600; } +.nav-item a:visited { text-decoration:none; } +.link-h a { color: #5E9ECA !important; font-size: 20px;} + + + +/* responsive */ +/* @media (max-width: 991px) { + .border-right { border:0; } + .footer-logo { width:30%; } + .btn-dropdown { width:30%; } +}*/ + +.owl-carousel .owl-dots { + position: absolute; + bottom: 15px; +} + + +.sideMenu span { + font-size: 16px !important; + font-weight: bold; +} + +.sideMenu i { + float: right; +} +.sideMenu a{ + border-radius: 50px !important; + color: gray; +} + +.sideMenu .active { + color: #5E9ECA !important; +} + + +.sub-menu { + padding-left: 20px; + margin: 10px 0; +} +.sub-menu span { + font-size: 14px !important; + font-weight: bold; +} +.sub-menu a{ + border-radius: 50px !important; + color: gray; +} + +.maru { + border-radius: 5px; + padding: 4px 8px; + margin-right: 10px; + color: orange; + border: thin solid black; + background-color: white; +} + +.maru-b { + border-radius: 5px; + padding: 4px 8px; + margin-right: 10px; + color: yellow; + background-color: black; +} + +p {font-size:14px !important; font-family: '나눔고딕', NanumGothic, 'Nanum Gothic' , 'NotoM', sans-serif ;} + +.caution { + color: red; + font-weight: bold; +} + +.news-title { + padding: 20px; background-color: #f6f6f6; border-top: #B6B6B6 solid 1px ; border-bottom: #B6B6B6 solid 1px ; font-size: 18px; +} + +.news-col-4 { + text-align: center; + color: gray; + padding: 20px; +} + +.news-contents { + padding: 20px; +} + + +.event_t { + font-size: 1.4em !important; + font-weight: bold; +} + +.event_subt { + font-size: 1.4em !important; + font-weight: bold; + color:#9b9b9b; +} + + +.event-table { + border-collapse: collapse; + text-align: center !important; + border: 1px solid #ccc; + width:100%; +} +.event-table thead { + border-right: 1px solid #ccc; + border-left: 1px solid #ccc; + background: #c6beb1; +} +.event-table thead th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + color: #fff; +} +.event-table tbody th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + background: #ede3df; +} +.event-table td { + padding: 10px; + vertical-align: middle; + border: 1px solid #ccc; + background-color:#fff; +} + +.event-tablelist li{ + padding: 10px; + text-align:left; + color:#000; + list-style:none; + font-weight:600; +} + +.eventbutton { + font-size:11px !important; padding: 0 10px !important; margin: 0 10px !important; +} + + +.in-p { + margin-left: 25px !important; +} + +table.basic-table { + border-collapse: collapse; + text-align: center; + border: 1px solid #ccc; + width:100%; +} +table.basic-table thead { + border-right: 1px solid #ccc; + border-left: 1px solid #ccc; + background: #c6beb1; +} +table.basic-table thead th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + color: #fff; +} +table.basic-table tbody th { + padding: 5px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + background: #ede3df; +} +table.basic-table td { + padding: 10px; + vertical-align: middle; + border: 1px solid #ccc; + background-color:#fff; +} + +.reserve_li li{ margin: 0 20px; line-height: inherit !important; padding: 10px 0;} +.reserve_li span {font-weight: normal; color: gray; font-size: 12px;} +.reserve_li .emp_text { font-size:14px; color:#D0021B; font-weight:bold; } + + + table.info-timetable { + border-collapse: collapse; + text-align: center; + border: 1px solid #ccc; + width:100%; +} +table.info-timetable thead { + border-right: 1px solid #ccc; + border-left: 1px solid #ccc; + background: #c6beb1; +} +table.info-timetable thead th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + color: #fff; + text-align: center; +} +table.info-timetable tbody th { + padding: 10px; + font-weight: 600; + vertical-align: middle; + border: 1px solid #ccc; + background: #ede3df; + text-align: center; +} +table.info-timetable td { + padding: 10px; + vertical-align: middle; + border: 1px solid #ccc; +} + +.table-t { + color: #fff !important; +} + + +.table-t i { + vertical-align: bottom; + margin: 0 30px; + font-size: 24px; + font-weight: bold; + color: #fff !important; +} + +.sund { + color: red !important; +} + +.satd { + color: blue !important; +} + +/*cell background */ +.bg-t1 { + background-color:#fbf3c4; +} +.bg-t2 { + background-color:#d5f2f8; +} +.bg-t3 { + background-color:#fcebec; +} + +/* timetable label */ +table.timetable-label { + text-align: center; + width:70%; +} +table.timetable-label td { + padding: 10px; + vertical-align: middle; + font-weight: 600; + font-size:12px; +} + +.form-warning { + font-size: 11px !important; color: red; +} + +.form-tarea { + font-size: 11px !important; color: gray; +} + + +.form-font { + font-size: 11px !important; color: black; +} + +.h-icon { + vertical-align: top; font-size:12px; color:#9b9b9b; +} + +.personal-area { + width:100%; border: none; padding: 10px; font-size: 12px; +} + +.sitemap .title { + font-size:18px !important; color: orange; font-weight: bold; +} + +.sitemap ul li a { font-size:14px !important; padding-left:10px;} \ No newline at end of file diff --git a/apply/css_r/back/plugins-css.css b/apply/css_r/back/plugins-css.css new file mode 100644 index 0000000..6d2c424 --- /dev/null +++ b/apply/css_r/back/plugins-css.css @@ -0,0 +1,22 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file includes all plugins. If you don't want to use any plugins from below. You can simply remove that line from this file. + +*/ + +/*plugins*/ +@import url("plugins/bootstrap.min.css"); +@import url("plugins/mega_menu.css"); +@import url("plugins/animate.css"); +@import url("plugins/font-awesome.min.css"); +@import url("plugins/bootstrap-datetimepicker.min.css"); +@import url("plugins/dataTables.bootstrap.min.css"); +@import url("plugins/magnific-popup.css"); +@import url("plugins/mediaelementplayer.css"); +@import url("plugins/owl.carousel.min.css"); +@import url("plugins/slick-theme.css"); +@import url("plugins/themify-icons.css"); \ No newline at end of file diff --git a/apply/css_r/back/responsive.css b/apply/css_r/back/responsive.css new file mode 100644 index 0000000..a73534d --- /dev/null +++ b/apply/css_r/back/responsive.css @@ -0,0 +1,1631 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains responsive Media Queries of the Template. You can edit/add anything in this file for responsive related changes! +*/ + + + /***************** +================================================ + ( Media Queries ) +================================================ + *******************/ + + +/************************* + 1700px +*************************/ +@media (max-width: 1700px) { + +.portfolio-title { padding: 60px 60px 30px; } +/*home-4 */ +.our-blog .blog-box-image { max-height: 286px; } +.our-blog .blog-box-info { max-height: 286px; } +/* about-1 */ +.feature-step-2 .feature-step-2-title-left h1 { font-size: 60px; line-height: 50px;} +.objects-left .objects-1 { left: -20px; } +.video-background-banner .slider-content { padding: 20px 30px; } +.scroll-down { bottom: 30px; } +#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } + +} + +@media (max-width: 1500px) { + +.portfolio-home .section-title p { font-size: 16px; } +/*home-4 */ +.our-blog .blog-box-image { max-height: 262px; } +.our-blog .blog-box-info { max-height: 262px; } +.blog-box-image .portfolio-caption .port-tag li a { font-size: 12px; } +.slider-fade-carousel { height: 100%; } +.our-service { padding-bottom: 60px; } +.objects-left, .objects-right { display: none; } +.fullWidth .mega-menu .drop-down.grid-col-5 { width: 51.666667%; } +.fancy .mega-menu .drop-down.grid-col-5 { width: 51.666667%; } +/*home 9*/ +.resume-contact #map { height: 642px; } + #rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } + + +} + +@media (max-width: 1400px) { + +.portfolio-title { padding:40px 40px 0px; } +.portfolio-home .portfolio-title.section-title { margin-bottom: 20px !important; } +.portfolio-home .portfolio-title.section-title .button.mt-30 { margin-top: 10px !important; } +.our-blog .blog-box-image { max-height: 240px; } +.our-blog .blog-box-info { max-height: 240px; } +.our-blog .blog-box-info p.pb-20.pt-30 { padding: 10px 0 !important; } +.custom-content-3.hello-content .custom-content-3-image img { margin-top: 150px; vertical-align: bottom; width: 100%; } +.our-blog .blog-box-info span.text-white { display: none; } +/*contact*/ +.contact-3-info .contact-add { text-align: center; } +.contact-3-info .contact-add i { float: none; text-align: center; display: block; margin: 0 auto; } +.contact-3-info .contact-add p { display: block; margin-top: 15px; } +/*home-9*/ +.image-holder-2-bg { height: 700px; } +.feature-step-2 .feature-step-2-title-2-right h2 { font-size: 24px; line-height: 30px;} +.feature-step-2 .feature-step-2-title-2-right h3 { font-size: 20px; line-height: 24px;} +.feature-step-2-box { padding: 50px 30px;} +.resume-page .container-fluid { padding: 0 30px; } +.resume-contact .contact-form-main { padding: 30px; } +.header.fancy.without-topbar .menu { top: 16px; } +#rev_slider_16_1_forcefullwidth .tp-parallax-wrap { margin-top: 20px; } +.awesome-features .img-side img { top: 20px; } +.video-background-banner .slider-content { padding: 30px 30px; } +.video-background-banner h1 { font-size: 60px; line-height: 60px; } + +/************************************* + v1.0.3 +**************************************/ +.slider-parallax.banner-personal .slider-content h1 { font-size: 110px; line-height: 120px; } +.slider-parallax.banner-personal .slider-content h1 strong { font-size: 132px; } + +/************************************* + v1.0.4 +**************************************/ +.movie-banner .slider-content .banner-popup { width: 72%; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 18px !important; position: relative; bottom: 10px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } + +} + +@media (max-width: 1272px) { +.our-blog .blog-box-image { max-height: 185px; } +.our-blog .blog-box-info { max-height: 185px; } +.our-blog .blog-box-image .portfolio-caption .port-tag li { margin-top: 0px; } +.our-blog .blog-box-image .portfolio-caption .button-border span { margin-top: 10px; padding: 4px 10px; font-size: 11px; } +.our-blog .blog-box-info a.button.button-white span { padding: 6px 16px; } +.our-blog .blog-box-info a.button.button-white i { padding: 11px; } +.our-blog .blog-box-info h1 { font-size: 20px; line-height: 20px; margin-bottom: 0; } +.our-blog .blog-box-info p { font-size: 14px; } +.our-blog .blog-box-info { padding: 15px 20px; } +/*home-5*/ +.team-3 .team-social-icon a i { font-size: 12px; height: 30px; line-height: 31px; width: 30px; } +/*about-1 page*/ +.our-history .history-content { padding: 125px 20px; } +/*about me*/ +.about-me .maintenance-progress-bar .progress-bar { margin: 0 15px; } +/*blog timeline*/ +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -50px; } +/*error*/ +.error-search-box { width: 91%; } +.fullWidth .mega-menu .drop-down.grid-col-5 { width: 61.666667%; } +.fancy .mega-menu .drop-down.grid-col-5 { width: 61.666667%; } +/* about-1 */ +.feature-step-2 .feature-step-2-title-left h1 { font-size: 40px; line-height: 30px;} +.feature-step-2 .feature-step-2-title-2-right h2 { font-size: 22px; line-height: 24px;} +.feature-step-2 .feature-step-2-title-2-right h3 { font-size: 18px; line-height: 20px;} +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 10px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } + +} + +@media (max-width: 1200px) { +.login-2-social li {margin: 0 3px;} +h2 {font-size: 28px;} +h4 {font-size: 18px;} +.title-effect::before { height: 25%; bottom: 4px; } +/*home2*/ +.testimonial-2 .testimonial-center { width: 100%; } +.deal-banner img { width: initial; } +/*home 9*/ +.footer-widget-social.pull-right { float: none !important; } +.blog-info h4 {font-size: 15px;} +.blog-info p {font-size: 16px; padding: 10px 0 20px;} +.blog-box.blog-1 .blog-info p { font-size: 14px; } +.feature-text.box, .feature-text.fill-box {padding: 30px;} +.nav.nav-tabs li a {margin-right: 5px; margin-bottom: 0px;} +.happy-clients .nav-tabs li img {height: 80px; width: 80px;} +.team .team-social-icon ul li a i {height: 35px; line-height: 35px; width: 35px; font-size: 14px;} +.team:hover .team-social-icon {bottom: 27%;} +.feature-info h5{font-size: 15px;} +.contact-3 .map-side {height: 808px;} +.contact-4 .map-side {height: 553px;} +.service-blog {padding-top: 0;} +.portfolio-home .isotope.columns-3 .grid-item { width: 50%; } +.portfolio-title { padding:60px 60px 30px; } +.action-box h3 { font-size: 22px; } +.action-box p { font-size: 15px; } +.vertical-header .container-fluid { padding: 0 30px; } +.team.team-round.full-border .team-description { padding: 30px 0; } +/*medical*/ +.medical-tab .nav.nav-tabs li a { margin-bottom: 0; } +.deal-banner .countdown.small { margin: 0; } +/*404 error*/ +.error-block { padding: 20px 0 70px 0px; } +.error-block .error-text h2 { font-size: 320px; } +.error-block .error-text span { font-size: 104px; right: 0; } +.error-text-02 h2 { font-size: 320px; } +.error-text-02 span { font-size: 104px; right: 0; } +.add-banner-2 .add-banner-content h2 { font-size: 42px; line-height: 42px; } +.pricing-content .pricing-table-list ul li { font-size: 14px; } +.pricing-content .pricing-table-list ul li i { width: 18px; } +.round .nav.nav-tabs li a { padding: 12px 20px; } +#rev_slider_16_1_forcefullwidth .tp-parallax-wrap { margin-top: 50px; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 10px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } +#services .feature-text.left-icon .feature-icon { position: relative; text-align: left; } +#services .feature-text .feature-icon span, #services .feature-text .feature-icon i { padding-left: 0; margin-bottom: 10px; } +#services .feature-text.left-icon .feature-info { padding-left: 0; } +.medical-tab .nav.nav-tabs li a { padding: 12px 20px; } +.login-social li { margin: 3px 0px; } +.blog.blog-grid-3-column .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.blog.blog-grid-2-sidebar .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.blog.masnary-blog-3-columns .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.blog.masonry-main .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.timeline .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.awesome-features .img-side img { top: 10%; } +.footer.footer-topbar .copyright ul li { padding: 0; } +.isotope.columns-4 .grid-item { width: 33.333%; } + + +/************************************* + v1.0.3 +**************************************/ +.blockquote-section blockquote { font-size: 40px; line-height: 40px; } + +/************************************* + v1.0.4 +**************************************/ +.christmas-countdown .countdown { margin: 0px 5px; width: 130px; height: 130px; } +.christmas-countdown .countdown span { font-size: 34px; } + +.conference-about-content-right { padding: 92px 0; } +.conference-about-content-left { padding: 110px 0 80px 0px; } +.timer-banner .slider-content h1 { font-size: 80px; line-height: 80px; } + +/************************************* + v1.0.7 +**************************************/ + .law-timeline .timeline-centered:before { left: 62px; } + +/************************************* + v1.0.8 +**************************************/ + .portfolio-parallax-banner p { padding-right: 400px; } + .portfolio-parallax-banner h2 { font-size: 90px; line-height: 90px; } + +/************************************* + v1.0.9 +**************************************/ + .coming-soon-aerial .coming-soon-form.contact-form input { width: 100%; } + .coming-soon-big { padding: 0; } + .error-05 .error-bottom .tree { left: -120px; } + .error-05 .error-bottom .back-to-home { right: 0; } + .error-05 h3, .error-05 span { font-size: 50px; line-height: 50px; } + .error-05 p { font-size: 22px; } + .error-03 .error-404 h1 { font-size: 100px; line-height: 100px; } + .error-03 .content h1 { font-size: 48px; } + .error-03 .content h2 { font-size: 42px; } + .coming-soon-birds .countdown { margin: 0px 10px; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -30px; } + + +/************************************* + v1.2 +**************************************/ + .about-05-split .shop-split-content { padding: 20px 0; } + .mega-menu .drop-down-multilevel {} + + +} +@media only screen and (min-width: 1100px) and (max-width: 1500px) { +.vertical-header .container { width: auto; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 10px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; } +} +@media only screen and (min-width: 1100px) and (max-width: 1200px) { +.container { width: 94%; } +/* about-1 */ +.feature-step-2 .feature-step-2-title-2-right h2 { padding-bottom: 5px; margin-bottom: 5px; } +.feature-step-2 .feature-step-2-title-2-right h3 { margin-bottom: 5px;} +.feature-step-2 .feature-step-2-title-2-right p{line-height: 20px;} +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; } + + +} + + +@media (max-width: 1025px) { +.mega-menu .menu-links > li > a { padding: 16px 25px; } +.portfolio-title { padding:30px 30px 30px; } + /*error*/ +.error-search-box { width: 100%; text-align: center; } +.clients-logo.line { width: 28.3333%; } +.clients-logo.line img { width: 90%; } +/*blog timeline*/ +.blog .timeline > li > .timeline-badge { right: -66px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: -63px; } +.deal-banner .caption { margin-top: 50px; margin-bottom: 50px; } +/*process*/ +.action-box p { font-size: 13px; } +/*medical*/ +.medical-tab .nav.nav-tabs li a { padding: 12px 10px; } +.membership-pricing-table table tr:first-child th .pricing-plan-price { font-size: 32px; } +.awesome-features .img-side img { top: 13%; } +.footer-social-big ul li { width: 66px; } +.footer .footer-social li, .footer ul.list-inline.text-left li { padding: 0 1px; } +.login-bg .login-social li a.fb { padding: 12px 14px; } +.isotope-filters button+button { margin-left: 3px; } + + +/************************************* + v1.0.2 +**************************************/ +.action-box h3 { padding-right: 230px; } + +/************************************* + v1.0.6 +**************************************/ +.movie-banner .slider-content .banner-popup { width: 100%; } +.movie-banner .countdown.small { margin: 0; } +.movie-banner .countdown.round.small { width: 90px; height: 90px; } +.movie-banner .countdown p { font-size: 13px; } + +/************************************* + v1.0.7 +**************************************/ + .law-timeline .timeline-centered:before { left: 56px; } + +/************************************* + v1.0.8 +**************************************/ + .agency-02-about-content-left { padding: 110px 0 0px 100px; } + +/************************************* + v1.0.9 +**************************************/ + .error-05 .error-bottom .board { left: 264px; } + +/************************************* + v1.2 +**************************************/ +.blockquote-section .action-box h3 { padding: 0; } + +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; } + +} + +@media only screen and (min-width: 768px) and (max-width: 999px) { +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; } +.container{ width:96%; } + + +} + +@media(max-width:1100px) { + +/************************* + Margin top +*************************/ +.sm-mt-0 { margin-top: 0 !important; } +.sm-mt-10 { margin-top: 10px !important; } +.sm-mt-15 { margin-top: 15px !important; } +.sm-mt-20 { margin-top: 20px !important; } +.sm-mt-30 { margin-top: 30px !important; } +.sm-mt-40 { margin-top: 40px !important; } +.sm-mt-50 { margin-top: 50px !important; } + /************************* + Margin right +*************************/ +.sm-mr-0 { margin-right: 0!important } +.sm-mr-10 { margin-right: 10px !important; } +.sm-mr-15 { margin-right: 15px !important; } +.sm-mr-20 { margin-right: 20px !important; } +.sm-mr-30 { margin-right: 30px !important; } +.sm-mr-40 { margin-right: 40px !important; } +.sm-mr-50 { margin-right: 50px !important; } + /************************* + Margin bottom +*************************/ +.sm-mb-0 { margin-bottom: 0!important } +.sm-mb-10 { margin-bottom: 10px !important; } +.sm-mb-15 { margin-bottom: 15px !important; } +.sm-mb-20 { margin-bottom: 20px !important; } +.sm-mb-30 { margin-bottom: 30px !important; } +.sm-mb-40 { margin-bottom: 40px !important; } +.sm-mb-50 { margin-bottom: 50px !important; } +/************************* + Margin left +*************************/ +.sm-ml-0 { margin-left: 0!important } +.sm-ml-10 { margin-left: 10px !important; } +.sm-ml-15 { margin-left: 15px !important; } +.sm-ml-20 { margin-left: 20px !important; } +.sm-ml-30 { margin-left: 30px !important; } +.sm-ml-40 { margin-left: 40px !important; } +.sm-ml-50 { margin-left: 50px !important; } + /************************* + Padding top +*************************/ +.sm-pt-0 { padding-top: 0!important } +.sm-pt-10 { padding-top: 10px !important; } +.sm-pt-15 { padding-top: 15px !important; } +.sm-pt-20 { padding-top: 20px !important; } +.sm-pt-30 { padding-top: 30px !important; } +.sm-pt-40 { padding-top: 40px !important; } +.sm-pt-50 { padding-top: 50px !important; } + /************************* + Padding right +*************************/ +.sm-pr-0 { padding-right: 0!important } +.sm-pr-10 { padding-right: 10px !important; } +.sm-pr-15 { padding-right: 15px !important; } +.sm-pr-20 { padding-right: 20px !important; } +.sm-pr-30 { padding-right: 30px !important; } +.sm-pr-40 { padding-right: 40px !important; } +.sm-pr-50 { padding-right: 50px !important; } + /************************* + Padding bottom +*************************/ +.sm-pb-0 { padding-bottom: 0!important } +.sm-pb-10 { padding-bottom: 10px !important; } +.sm-pb-15 { padding-bottom: 15px !important; } +.sm-pb-20 { padding-bottom: 20px !important; } +.sm-pb-30 { padding-bottom: 30px !important; } +.sm-pb-40 { padding-bottom: 40px !important; } +.sm-pb-50 { padding-bottom: 50px !important; } + /************************* + Padding left +*************************/ +.sm-pl-0 { padding-left: 0!important } +.sm-pl-10 { padding-left: 10px !important; } +.sm-pl-15 { padding-left: 15px !important; } +.sm-pl-20 { padding-left: 20px !important; } +.sm-pl-30 { padding-left: 30px !important; } +.sm-pl-40 { padding-left: 40px !important; } +.sm-pl-50 { padding-left: 50px !important; } +.row-eq-height { display: block;} +h2 {font-size: 25px; line-height: 35px;} +h3 { font-size: 20px; } +h4 {font-size: 17px;} +h5 {font-size: 15px;} +/*home-1*/ +/*header*/ +.default { position: relative; background: #323232; } +/*menu*/ +.mega-menu { min-height: 60px; } +.mega-menu .menu-logo > li > a { padding: 0; } +.mega-menu .menu-logo { padding: 10px 0; } +.search-cart span.icon, .search-cart i.icon { line-height: 50px; } +.fancy .mega-menu > section.menu-list-items .menu-links { float: none; position: absolute; width: 100%; top: 100%; } +.header.fancy .mega-menu > section.menu-list-items { box-shadow: none; } +.mega-menu .menu-logo img { height: 30px; margin: 5px 0; } +.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #323232; } +.mega-menu .drop-down-multilevel li:hover > a i.fa { color: #323232; } +.mega-menu .drop-down-multilevel a { display: block; } +.mega-menu .mobileTriggerButton { z-index: 1; } +.mega-menu .drop-down-multilevel, .mega-menu .drop-down, .mega-menu .drop-down-tab-bar { border-top: 0px !important; } +.header.light .mega-menu .menu-mobile-collapse-trigger:before, .header.light .mega-menu .menu-mobile-collapse-trigger:after, .header.light .mega-menu .menu-mobile-collapse-trigger span { background: #323232; } +.header.logo-center .mega-menu { min-height: 60px; } +/*fancy*/ +.header.fancy .menu { position: relative; top: 0; } +.header.fancy .topbar + .menu { top: 0px; } +.header.fancy .mega-menu .menu-mobile-collapse-trigger:before, .header.fancy .mega-menu .menu-mobile-collapse-trigger:after, .header.fancy .mega-menu .menu-mobile-collapse-trigger span { background: #323232; } +.header.fancy .mega-menu > section.menu-list-items { padding: 0; } +.header.fancy .mega-menu .menu-logo { padding: 16px 0px; } +.header.fancy .search-cart span.icon, .search-cart i.icon { line-height: 60px; } +.header.fancy .mega-menu .menu-links > li > a { line-height: 20px; } +.header.fancy .topbar { padding: 10px 0px 10px; } +.header.fancy .search-cart i.icon { line-height: 74px; } +.header.left-menu .menu-links { padding-left: 0; } +.header.logo-center .menu-bar { border:0px; } +.header.transparent { position: relative; background: #323232; } +/*one page*/ +header.one-page { position: relative; background: #323232; } +.navbar { margin-bottom: 0; } +.navbar-header { float: none; } +.navbar-left,.navbar-right { float: none !important; } +.navbar-toggle { display: block; margin-right: 0; } +.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); padding-left: 22px; } +.navbar-fixed-top { top: 0; border-width: 0 0 1px; } +.navbar-collapse.collapse { display: none!important; } +.navbar-nav { float: none!important; margin-top: 7.5px; } +.navbar-nav>li { float: none; } +.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } +.collapse.in { display:block !important; } +.navbar .navbar-brand { padding:0;} +.navbar .navbar-brand img { height: 28px; } +.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { background: #323232; border:0; position: absolute; width: 100%; left: 0; right: 0; } +.navbar-collapse { box-shadow: none; } +.navbar-inverse .navbar-nav>li { padding: 15px 15px; } +.navbar-nav { float: none; } +.navbar-inverse .navbar-toggle { border:0; } +.navbar-toggle { margin-top: 14px; } +.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background: transparent; } +.header.burger { padding: 10px 10px; } +.header.burger .logo img { height: 30px; margin-top: 10px; } +.vertical-header { padding-left: 0; } +.vertical-header .header { left: inherit; padding-bottom: 150px; } +.vertical-menu .navbar-default .navbar-nav > li > a { padding: 10px 15px 10px 40px; } +.vertical-menu .navbar-nav .open .dropdown-menu { position: relative; background-color: #f4f5f6; } +.vertical-menu .navbar-nav>li>.dropdown-menu { margin-bottom: 10px; } +.vertical-menu .navbar-nav { margin: 0px; } +.vertical-menu .open>.dropdown-menu { display: inline-block; } +.vertical-menu .content-scroller { margin-left: 0px; padding-top: 50px; } +#left-header{position:fixed; left:-230px; top:0; width:230px; height:100%; z-index: 9999; } +.but span {position: absolute; right:15px; top: 20px; font-size: 24px;color: #fff; } +.but span { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition:all 0.5s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; } +.but.active span { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } +.menu-responsive b { color: #5E9ECA; font-size: 18px; text-transform: uppercase; } +.menu-responsive { height:60px; position: fixed; background: #000000; z-index: 9999; width: 100%; padding: 14px 15px; display: block; } +.vertical-menu .navbar-toggle { display: none; } +.vertical-menu .navbar-collapse.collapse { display: block !important; background: transparent; } + /*megamenu*/ +.vertical-menu .menu .mega-menu .menu-links { background: transparent; } +.vertical-menu .menu .mega-menu .menu-links > li > a { padding: 15px 23px; color: #ffffff; } +.vertical-menu .menu .mega-menu .menu-links > li { border-color: rgba(255, 255, 255, 0.2); } +.vertical-menu .mega-menu .menu-links { display: block !important; } +.vertical-menu .mega-menu .menu-mobile-collapse-trigger { display: none; } +.vertical-menu .social-icons li { float: none; display: inline-block; } +.vertical-menu .menu-widgets { bottom: 0; } +.header.fancy.without-topbar .menu { top: 0; } +.mega-menu > section.menu-list-items { height: 60px !important; } +.fancy .mega-menu > section.menu-list-items { height: 70px !important; } +.search .search-btn { line-height: 30px; } +.navbar .navbar-brand { padding: 15px 0; } +.logo-center .mega-menu .menu-logo { padding: 14px 0; } + +/*sticky header */ +.header .mega-menu.mobileTopFixed .menu-list-items { background: #323232; } +.header.light .mega-menu.mobileTopFixed .menu-list-items { background: #ffffff; border-bottom: 1px solid #f9f9f9; } +.header.fancy .mega-menu.mobileTopFixed section.menu-list-items { padding: 0 10px; border-bottom: 1px solid #f9f9f9; } +.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin: 0; } +.header.vertical-menu .mega-menu.mobileTopFixed { display: none;} +/* header */ +.st-effect-3 .header.default.fullWidth .search-cart { right: 50px; top: 3px; } + +/*.page-title*/ +.page-title { padding-top: 100px; text-align: left; } +.page-title .page-breadcrumb { float: none; text-align: left; } +.page-title.right .page-title-name { text-align: right; float: none; width: 100%; } +.page-title.right .page-breadcrumb { float: none; text-align: right; } +.portfolio-title.section-title { margin-bottom: 0; } +.happy-clients { padding-bottom: 60px !important; } +.popup-video { margin-bottom: 30px; } +.custom-content { padding: 30px; } +.custom-content-3-image { display: none; } +.happy-clients .col-md-6.mt-60 { margin-top: 0 !important; } +/*inner-intro*/ +.inner-intro { padding-top: 120px; } +/*page two sidebar*/ +.page-two-sidebar .page-content { margin-top: 40px; } +/*blog*/ +.blog-box { margin: 15px 0; } +/*clients-logo*/ +.clients-logo.line { width: 32.3333%; float: none; display: inline-block; } +.clients-logo.line img { width: 100%; } +/*contact*/ +.contact.contact-2 a.button { margin-bottom: 30px; } +.contact-3 .contact-add { min-height: 310px; } +.contact-3 .contact-3-info { height: auto; } +.contact-3 .contact-map iframe { height: 400px; } +.contact-3 .map-side { height: auto; position:inherit; } +.error-block { background-size: 90%;} +.error-block p { font-size: 26px; } +.error-search-box p { font-size: 19px; line-height: 35px; } +.map-side{position:inherit;} +/*action box*/ +.text-right.action-box-button { text-align: left; } +/*home 6 */ +.our-activities .accordion { margin-top: 60px; } +/*maintenance*/ +.maintenance-main h1.mb-50 { font-size: 34px; margin-bottom: 10px !important; } +.maintenance-main i { font-size: 60px; } +.maintenance-form { width: 100%; } +.maintenance-progress-bar span { font-size: 24px; } +.feature-text.box, .feature-text.fill-box {padding: 20px 10px;} +.feature-text.box p {font-size: 14px;} +.feature-box-content { padding: 20px 15px 0;} +.feature-box a {padding: 0 15px;} +.progress-title {font-size: 15px;} +.counter .timer {font-size: 38px;} +.counter label {font-size: 14px;} +.team-3-box .team-overlay {padding: 30px 15px 0;} +.team-3-box {padding: 10px;} +.menu-bar {float: none;} +.mega-menu .menu-links > li > a{line-height: normal;} +.mega-menu .menu-mobile-collapse-trigger {height: 40px; top: 50%; transform: translateY(-50%); z-index: 9999; } +.search-cart {display: inline-block; position: absolute; right: 60px; top: 0; z-index: 999; } +.search-active .search-cart { left: 0; width: 100%; } +.search .search-input input { width: 100%; } +.search-active .mega-menu .menu-mobile-collapse-trigger { z-index: 9; } +.footer p {font-size: 13px;} +.feature-text p{font-size: 14px;} +.accordion.accordion-2 .acd-group.acd-active .acd-heading {font-size: 22px;} +.split-section .img-side{display: none;} +.our-service { padding-bottom: 60px;} +.testimonial.boxed {padding: 50px 30px 75px;} +.button {font-size: 12px; padding: 12px 15px;} +.feature-step-2 .feature-step-2-title-left h1 {font-size: 80px;} +.services-text-box-blue, .services-text-box-black {padding: 50px 30px;} +.highlights-phone {margin-top: 20px;} +.mobile-slider h5{font-size: 14px;} +.service-blog b{right: 0; font-size: 250px;} +.service-blog.left b{left: 0;} +/*blog pages*/ +.blog.blog-grid-3-column .social.pull-right { float: none; margin-top: 10px; display: block; width: 100%; } +.masonry.columns-3 .masonry-item { width: 50%; } +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -70px; } +/*portfolio*/ + .isotope.columns-3 .grid-item { width: 50%; } +.isotope.columns-4 .grid-item { width: 50%; } +.isotope.columns-5 .grid-item { width: 50%; } +.masonry.columns-3 .masonry-item { width: 50%; } +.masonry.columns-4 .masonry-item { width: 50%; } +.masonry.columns-5 .masonry-item { width: 50%; } +.port-post-social.pull-right { float: none !important; } +/*process*/ +.process.left .process-content { padding-left: 50px; } +/*resume page*/ +img.bottom-img { display: none; } +.resume-contact #map { height: 300px !important; } +.contact-4 .map-side { height: 300px !important; } +/*footer*/ +footer .social-icons { width: 100%; float: left; } +img#logo-footer { height: 30px; } +.bottom-nav .owl-nav .owl-next { right: 44%; } +.bottom-nav .owl-nav .owl-prev { left: 44%; } +/*shortcode*/ +/*blockquote*/ +.blockquote-right { margin: 0; } +/*buttons*/ +.buttons .button { margin-bottom: 10px; } +.buttons button { margin-bottom: 4px; } +.button + .button { margin-left: 3px; } +/*countdown*/ +.countdown { margin: 0px 10px; } +.countdown.medium { margin: 0 15px; } +.countdown.large { margin: 0 10px; } +.countdown.round.medium { width: 140px; height: 140px; } +.countdown.medium span { font-size: 50px; } +.countdown.round.medium span { line-height: 58px; } +.countdown.round.large { width: 150px; height: 150px; } +.countdown.large span { font-size: 60px; } +.countdown.round.large span { line-height: 62px; } +.countdown.large p { font-size: 18px; } +.vertical-menu .social-icons li { margin: 0 3px 8px 0; } +/*actionbox*/ +.action-box a.button { position: relative; top: inherit; margin-top: 20px; } +.action-box.theme-bg a.button, .action-box.black-bg a.button, .action-box.gray-bg a.button { right: inherit; } +.agency-about { padding-bottom: 60px !important; } +.vertical-header .container-fluid { padding: 0 15px; } +.resume-contact .contact-form-main { padding: 30px 15px; } +/*construction*/ +.our-sercive1:before, .our-sercive1:after { display: none; } +.special-feature { top: 60px; margin-bottom: 0px; } +.page-section-1-pt { padding-top: 70px; } +.page-section-1-pb { padding-bottom: 70px; } +.page-section-1-ptb { padding: 70px 0; } +/*gym*/ +.gym-about { background: #ffffff !important; } +/*medical*/ +.appointment a.pull-left { float: none !important; } +.appointment { margin-top: 0px; } +/*one page*/ +.popup-video-banner h1 { font-size: 40px; line-height: 40px; } +.video-background-banner .slider-content { width: 100%; } +.video-background-banner h1 { font-size: 60px; line-height: 60px; } +/*shop*/ +.shop-split.split-section { padding: 0px; } +.shop-split-content { padding: 40px 0; } +.shop-split.split-section .img-side { display: block; } +.shop-split.split-section .img-holder { position: relative; top: inherit; width: inherit; height: inherit; padding: 130px; } +.shop-split.split-section .img-side.img-right { right: inherit; } +.shop-split.split-section .img-side.img-left { left: inherit; } +.shop-split.split-section .img-side { right: inherit; padding: 0; position: relative !important; top: inherit; height: 100%; overflow: hidden; z-index: 100; } +.add-banner-2 .add-banner-content { padding: 60px 20px; } +.add-banner-2 .add-banner-content h2 {font-size: 28px;line-height: 28px; } +.add-banner-2 .add-banner-content h3 {font-size: 26px; line-height: 26px; } +.add-banner-2.text-center .add-banner-content h2 {font-size: 26px;line-height: 29px; } +/*portfolio-banner*/ +.portfolio-banner .slider-content h1 { font-size: 30px; line-height: 30px; } +.personal-typer-banner h1 { font-size: 70px; line-height: 70px; } +.personal-typer-banner h1 span { font-size: 35px; } +.deal-banner.maintenance-progress-bar img { width: 100%; } +/*404 error*/ +.page-section-ptb.mt-150 { margin-top: 0 !important; } +.pricing-content { width: 90%; } +.process-list { padding-left: 30px; padding-right: 30px; } + +.special-feature .row-eq-height.no-gutter { margin-top: 40px; } +.interior-action-box .action-box { margin-top: 20px; } +.appointment .appointment-bg { margin-top: 30px; } + +.process-list .col-sm-12 { padding: 0; } +.pricing-table.active .pricing-top a.button { padding: 12px 40px; font-size: 15px; } +.membership-pricing-table table tr:first-child th .pricing-plan-price { font-size: 22px; } +.membership-pricing-table table tr:first-child th .pricing-plan-name { font-size: 16px; } +.action-box.full-width a.button { right: 0; } +.team.team-round .team-description { padding-bottom: 0; } +.footer .divider { display: none; } +#rev_slider_16_1_forcefullwidth .tp-parallax-wrap { margin-top: 0px; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -60px; } +#rev_slider_14_1 .zeus .tp-bullet {width: 12px; height: 12px;} +.resume-contact #map { padding-top: 40%; } +.blog-box.blog-2 .button.icon-color { margin-top: 10px; float: none !important; } +.special-feature .row-eq-height { display: flex; } +.medical-tab .tab .nav.nav-tabs li a { font-size: 14px; padding: 12px 6px; } +.navbar { border-radius: 0; } +.contact-3 #map { padding-top: 30%; } +.contact-2 #map { padding-top: 30%; } +.error-block .error-text h2 { font-size: 260px; } +.single-portfolio-post .port-information .social.pull-right { flex: none !important; display: inline-block; width: 100%; } +.page-title .page-title-name { width: 100%; } +.page-title .page-breadcrumb { width: 100%; } +.js-video.big { padding-top: 18px; } +.special-feature .feature-text { padding: 30px 20px; } +.special-feature .feature-text .feature-icon span, .special-feature .feature-text .feature-icon i {padding-left: 0; margin-bottom: 10px; } +.typer-banner h1 { font-size: 70px; line-height: 70px; } +ul.page-breadcrumb { padding-top: 10px; } +.service-blog { margin-bottom: 40px; } +.blog .timeline > li > .timeline-badge { right: -56px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: -53px; } +.action-box.border a.button { left: 0; } +.footer #logo-footer { height: 40px; } + +/************************************* + v1.0.2 +**************************************/ +.action-box h3 { padding-right:0px; } +.port-information img { width: 100%; } +.text-left.mt-100 { margin-top: 0 !important; } +.portfolio-03-about { padding-left: 0; } + +/************************************* + v1.0.3 +**************************************/ +.slider-parallax.typer-banner.business p { padding: 0; } +.blockquote-section blockquote.quote { padding-top: 50px; } +.blockquote-section blockquote.quote:before { line-height: 70px; } +.blockquote-section .blockquote-section-left { margin-left: 0; } +.blockquote-section .blockquote-section-right { margin-left: 0; } +.slider-parallax.banner-personal .slider-content span { font-size: 90px; line-height: 90px; } +.slider-parallax.banner-personal .slider-content h1 { font-size: 80px; line-height: 80px; margin-top: -40px; } +.slider-parallax.banner-personal .slider-content h1 strong { font-size: 96px; line-height: 70px; } + +/************************************* + v1.0.4 +**************************************/ + .christmas-team { margin-top: 0 !important; } + .christmas-event .blog-date { text-align: left; } + .christmas-event .button.mt-60 { margin-top: 20px !important; } + .christmas-price .mt-100.mb-100 { margin: 0 !important; } + .christmas .coming-soon h1 { font-size: 30px; line-height: 30px; margin-bottom: 20px; } + + .timer-banner .slider-content-middle { top: 50%; } + .timer-banner .slider-content h1 { font-size: 50px; line-height: 50px; margin-bottom: 20px; } + .conference-about-content-right { margin-left: 0px; padding: 20px 0 0 ; } +.conference-about-content-left { padding: 50px 0 30px 0px; } +.conference-about img { width: 100%; } +.conference-split-content { padding: 0; } +.conference-split.split-section .img-side { display: block; } +.conference-video .mt-100.mb-100 { margin: 0 !important; } + +/************************************* + v1.0.5 +**************************************/ +.one-page.light .navbar-inverse .navbar-toggle .icon-bar { background: #323232; } +.architecture-about h2 { font-size: 30px; line-height: 30px; } +.architecture-portfolio .text-right { text-align: left; margin-bottom: 30px; } +.architecture-portfolio .isotope-filters { text-align: left; } +.architecture-portfolio .mb-40 { margin-bottom: 0px !important; } +.architecture-about .mt-60.mb-60 { margin: 0 !important; } + +/************************************* + v1.0.6 +**************************************/ +.agency-banner .slider-content { padding: 0 0px 0 30px; } +.agency-banner .slider-content h1 { padding: 50px 20px 20px 20px; } +.movie-banner .slider-content-middle { top: 50%; } +.one-page.transparent { background: #323232; } +.one-page .social-icons { padding: 10px 0; right: 60px; } +.one-page.nav-center .navbar-collapse.collapse { text-align: left; } + +/************************************* + v1.0.7 +**************************************/ +.law-banner .slider-content { padding: 0; } +.law-timeline .timeline-centered:before { display: none; } +.law-timeline .timeline-label h3 { line-height: 12px; } +.law-timeline .timeline-centered .timeline-entry:last-child { margin-bottom: 0; } +.law-contact { padding: 0; } + +/************************************* + v1.0.7 +**************************************/ +.one-page.dark-text .navbar-inverse .navbar-nav>li>a { color: #ffffff; } + +/************************************* + v1.0.8 +**************************************/ +.agency-02-about-content-right { margin-left: 0; padding-top: 20px; padding-bottom: 20px; } +.agency-02-about-content-left { padding: 0; padding-bottom: 20px; } +.agency-02-action-box .action-box { margin-top: 40px; } +.agency-feature h3 { line-height: 60px; font-size: 16px; } +.action-box a.popup-youtube { position: relative; top: inherit; margin-top: 20px; right: inherit; } +.agency-02-action-box .action-box.white-bg { padding: 50px 20px } +.agency-02-action-box .popup-video-image a i { position: relative; top: 20px; transform: inherit; } +.agency-02-action-box .popup-video-image:before{ background: transparent; } +.portfolio-parallax-banner p { padding: 0; } +.portfolio-parallax-banner h2 { font-size: 60px; line-height: 60px; } +.agency-02-about h3:before { display: none; background: none } + +/************************************* + v1.0.9 +**************************************/ +.coming-soon-middle { position: inherit; top: inherit; transform: inherit; padding: 50px 20px; } +.coming-soon-aerial .container-fluid { padding: 30px; } +.coming-soon-big .countdown.medium span { font-size: 80px; line-height: 80px; } +.coming-soon-big .countdown.medium p { font-size: 20px; line-height: 20px; } +.error-05 .button-home { display: block; } +.error-05 .back-to-home, .error-05 .penguin { display: none; } +.error-05 .error-bottom .tree { display: none; } +footer.error-03 .social-icons, footer.error-04 .social-icons { float: none; } +footer.error-03 .social-icons ul, footer.error-04 .social-icons ul { display: inline-block; text-align: center; } +.coming-soon-effects .coming-soon h1 { font-size: 40px; } + +/************************************* + v1.0.9 +**************************************/ +.about-05-split.page-section-ptb { padding: 0; } + +/************************************* + v1.2 +**************************************/ +.login-fancy { padding: 40px 30px; } +.login .vertical-align, .login.vertical-align { position: inherit; top: inherit; transform:inherit; } +.login.height-100vh { height: inherit; } +.login .height-100vh { height: inherit; } +.login-box .pos-bot { position: inherit; padding-bottom: 0 !important; } +.login-box-theme:before, .login-box-theme:after { display: none; } +.login-box-left { padding-bottom: 20px; } +.login-14, .login-15 { padding: 30px 40px; } +.login-14 .pb-50, .login-15 .pb-50 { padding-bottom: 0 !important; } +.login-box-left .pos-bot { position: inherit; padding-bottom: 0 !important; margin-top: 20px; } +.blockquote-section .action-box { padding: 40px 20px; } +.about-mission { margin-top: 40px; } +.about-mission-title { padding-bottom: 80px; } + + + +} + +@media(max-width:767px) { +/************************* + Margin top +*************************/ +.xs-mt-0 { margin-top: 0 !important; } +.xs-mt-10 { margin-top: 10px !important; } +.xs-mt-15 { margin-top: 15px !important; } +.xs-mt-20 { margin-top: 20px !important; } +.xs-mt-30 { margin-top: 30px !important; } +.xs-mt-40 { margin-top: 40px !important; } + /************************* + Margin right +*************************/ +.xs-mr-0 { margin-right: 0!important } +.xs-mr-10 { margin-right: 10px !important; } +.xs-mr-15 { margin-right: 15px !important; } +.xs-mr-20 { margin-right: 20px !important; } +.xs-mr-30 { margin-right: 30px !important; } +.xs-mr-40 { margin-right: 40px !important; } + /************************* + Margin bottom +*************************/ +.xs-mb-0 { margin-bottom: 0!important } +.xs-mb-10 { margin-bottom: 10px !important; } +.xs-mb-15 { margin-bottom: 15px !important; } +.xs-mb-20 { margin-bottom: 20px !important; } +.xs-mb-30 { margin-bottom: 30px !important; } +.xs-mb-40 { margin-bottom: 40px !important; } +/************************* + Margin left +*************************/ +.xs-ml-0 { margin-left: 0!important } +.xs-ml-10 { margin-left: 10px !important; } +.xs-ml-15 { margin-left: 15px !important; } +.xs-ml-20 { margin-left: 20px !important; } +.xs-ml-30 { margin-left: 30px !important; } +.xs-ml-40 { margin-left: 40px !important; } + /************************* + Padding top +*************************/ +.xs-pt-0 { padding-top: 0!important } +.xs-pt-10 { padding-top: 10px !important; } +.xs-pt-15 { padding-top: 15px !important; } +.xs-pt-20 { padding-top: 20px !important; } +.xs-pt-30 { padding-top: 30px !important; } +.xs-pt-40 { padding-top: 40px !important; } + /************************* + Padding right +*************************/ +.xs-pr-0 { padding-right: 0!important } +.xs-pr-10 { padding-right: 10px !important; } +.xs-pr-15 { padding-right: 15px !important; } +.xs-pr-20 { padding-right: 20px !important; } +.xs-pr-30 { padding-right: 30px !important; } +.xs-pr-40 { padding-right: 40px !important; } + /************************* + Padding bottom +*************************/ +.xs-pb-0 { padding-bottom: 0!important } +.xs-pb-10 { padding-bottom: 10px !important; } +.xs-pb-15 { padding-bottom: 15px !important; } +.xs-pb-20 { padding-bottom: 20px !important; } +.xs-pb-30 { padding-bottom: 30px !important; } +.xs-pb-40 { padding-bottom: 40px !important; } + /************************* + Padding left +*************************/ +.xs-pl-0 { padding-left: 0!important } +.xs-pl-10 { padding-left: 10px !important; } +.xs-pl-15 { padding-left: 15px !important; } +.xs-pl-20 { padding-left: 20px !important; } +.xs-pl-30 { padding-left: 30px !important; } +.xs-pl-40 { padding-left: 40px !important; } +h1 { font-size: 30px; } +h2 { font-size: 26px; } +.page-section-ptb { padding: 35px 0; } +.page-section-pt { padding: 50px 0 0; } +.page-section-pb { padding: 0 0 50px; } +.page-section-1-ptb { padding: 60px 0; } +.header.fullWidth .container-fluid { padding: 0 20px; } +/*header topbar*/ +.topbar-left.text-left { text-align: center; margin-bottom:10px; display: none;} +.topbar-right.text-right { text-align: center; } +.custom-content { margin-top: 0px; } +/*testimonial*/ +.testimonial-2 { padding-bottom: 80px; } +/*team*/ +.team-3-box img { width: 100%; } +/*accordian*/ +.accordion.accordion-2 .acd-group .acd-heading { padding-left: 0px; padding-right: 0px; } +/*footer*/ +.footer-logo img { height: 60px; width: inherit; } +img#logo-footer { height: 40px; } +.footer .footer-nav.text-right { text-align: left; margin-top: 20px; } +.social.text-right { text-align: left; margin-top: 20px; } +.footer-contact { margin-top: 0; box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1); } +.our-clients.theme-bg { padding-bottom: 60px; } +.footer-contact .contact-box { margin-bottom: 20px; } +.copyright.mt-50 { margin-top: 10px !important; } +.copyright .text-right { text-align: left; margin-top: 15px; } +footer .social-icons.pull-right { float: left !important; width: 100%; } +.footer-widget.mt-60 { margin-top: 0 !important; } +.footer-box { margin-bottom: 20px; margin-top: 30px; } +/* Coming soon page */ +.coming-soon-main { overflow: hidden; } +.coming-soon-main i { font-size: 70px; } +.coming-soon-countdown ul.countdown li span { font-size: 60px; } +.coming-soon-countdown ul.countdown li p { font-size: 16px; } +.coming-soon-main p { font-size: 18px; line-height: 26px; } +.coming-soon-main h1 { font-size: 42px; margin-bottom: 20px; } +/*error*/ +.error-search-box input { width: 73%; } +.error-block p { font-size: 20px; } +.error-block h1 { font-size: 80px; } +.error-404-2 .error-block h1 { font-size: 290px; } +.maintenance-progress-bar .progress-bar { display: block; margin: 0 auto 90px; } +.maintenance-progress-bar { margin: 30px 0 60px; } +.maintenance-main p { margin-bottom: 10px; } +/*portfolio*/ +.isotope.columns-3 .grid-item { width: 50%; } +.isotope.columns-4 .grid-item { width: 50%; } +/*about-1 page*/ +.about .feature-3 { margin-bottom: 30px; } +.feature-text.box, .feature-text.fill-box{ padding: 30px;} +.footer-widget { text-align: left; } +.xs-text-left{text-align: left;} +.xs-text-center{text-align: center;} +.xs-text-right{text-align: right;} +.pricing-table{margin: 0 0 30px;} +.team-3-box, .team{margin-bottom: 30px;} +.lead {font-size: 14px;} +.inner-intro { text-align: center;} +ul.page-breadcrumb { padding-top: 30px;} +.feature-step-2-box {padding: 20px;} +.feature-step-2 .feature-step-2-title-left h1 {font-size: 50px;} +.our-app{background-image: none !important;} +.valign > [class*="col-"] {display: block;} +.highlights-phone {margin: 30px 0;} +/*blog pages*/ +.masonry.columns-2 .masonry-item { width: 100%; } +.masonry.columns-3 .masonry-item { width: 100%; } +/* blog timeline */ +.blog ul.timeline:before { left: 40px; } +.blog ul.timeline > li { margin-bottom: 20px; position: relative; width:100%; float: left; clear: left; } +.blog ul.timeline > li > .timeline-panel { width: calc(100% - 90px); width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); } +.blog ul.timeline > li > .timeline-badge { left: 12px; margin-left: 0; top: 16px; } +.blog ul.timeline > li > .timeline-panel { float: right; } +.blog ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } +.blog ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } +.blog .timeline > li.timeline-inverted { float: left; clear: left; margin-top: 30px; margin-bottom: 30px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: 12px; } +.blog .timeline-panel img { width: 100%; } +.blog .timeline li.entry-date-bottom { text-align: left; } +.blog .timeline li.entry-date-bottom a { font-size: 13px; padding: 8px 10px; } +.blog .timeline li.entry-date { text-align: left; } +.blog .timeline li.entry-date span { font-size: 13px; padding: 8px 10px; } +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: 23px; } +.blog .timeline > li:nth-child(2) { margin-top: 0; } +.blog .timeline > li.timeline-inverted { margin-top: 10px; } +.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 20px; } +.blog.timeline-sidebar .timeline > li.timeline-inverted:nth-child(2) { margin-bottom: 0px; } +.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 100%; } +/*login 2*/ +.login-2-social li { margin-bottom: 10px; } +/*maintenance*/ +.progress-new { width: 100%; } +.maintenance-form input { width: 100%; } +/*portfolio*/ +.isotope.columns-2 .grid-item { width: 100%; } +.isotope.columns-3 .grid-item { width: 100%; } +.isotope.columns-4 .grid-item { width: 100%; } +.isotope.columns-5 .grid-item { width: 100%; } +.masonry.columns-3 .masonry-item { width:100%; } +.masonry.columns-4 .masonry-item { width:100%; } +.masonry.columns-5 .masonry-item { width:100%; } +/*shop*/ +.deal-banner img { width: 100%; } +/*process*/ +.process.left .process-content .process-icon { display: block; margin-bottom: 20px; } +.process.left .process-content { padding-left: 40px; } +.process.right .process-content { padding-right: 40px; } +.process.right .process-content .process-icon { float: none; margin-bottom: 20px; } +.process.left .process-step { top: 30px; } +.process .process-step strong { width: 40px; height: 40px; line-height: 40px; } +.process.left .process-step { left: -20px; } +.process.right .process-step { right: -20px; } +/*resume*/ +.resume-page .container-fluid { padding: 0 15px; } +/*shortcode*/ +.clients-list ul li, .clients-list.column-4 ul li, .clients-list.column-3 ul li { width: 50%; } +/*countdown*/ +.countdown.round { width: 100px; height: 100px; } +.countdown.round span { font-size: 30px; line-height: 30px; } +.countdown.round { padding: 16px; } +.countdown.round.medium { width: 100px; height: 100px; } +.countdown.round.medium span { font-size: 30px; line-height: 30px; } +.countdown.round.medium p { font-size: 14px; } +.countdown.round.large { width: 100px; height: 100px; } +.countdown.round.large span { font-size: 30px; } +.countdown.round.large span { line-height: 30px; } +.countdown.round.large p { font-size: 14px; } +/*datatables*/ +.dataTables_paginate .pagination>li { display: inline-block; text-align: center; } +.datatable-base .table-responsive { border: 0; padding-bottom: 30px; } +/*feature text*/ +.feature-text.left-icon .feature-icon { padding-left: 15px; } +.feature-text.right-icon .feature-icon { padding-right: 15px; } +/*tab*/ +.tab-vertical .nav-tabs { width: 100%; } +.tab-vertical .tab-content { width: 100%; margin-left: 0; } +.feature-text .feature-icon span, .feature-text .feature-icon i { padding-left: 0; } +.bg-top-before { padding-top: 40px !important; } +.bg-top-before:before { display: none; } +.bg-top-before.pb-150 { padding-bottom: 40px !important; } + /*gym*/ +.course { margin-bottom: 20px; } +.medical-tab .tab .nav.nav-tabs li.active a:before { display: none; } +/*one page*/ +/*mobile app*/ +.mobile-app-about h2 { font-size: 40px; line-height: 40px; } +/*product*/ +.product .product-image img { width: 100%; } +/*portfolio-banner*/ +.portfolio-banner .slider-content h1 { font-size: 20px; line-height: 20px; } +.portfolio-banner .slider-content span { font-size: 12px; line-height: 18px; } +/*404 error*/ +.error-block { padding: 0; } +.error-block .error-text { padding: 0; display: none; } +.error-block h1 { padding: 0; } +.error-text-02 { display: none; } +.interior-action-box { margin-top: 30px; } +/*slider */ +#rev_slider_14_1 .rev-btn {padding: 15px 20px !important; font-size: 16px !important; position: relative; bottom: 0px!important;} +#rev_slider_11_1_wrapper strong { font-size: 20px !important; } +#rev_slider_13_1_wrapper i { font-size: 20px !important; } +.process-list { padding-left: 30px; padding-right: 30px; } +.isotope, .masonry { margin: 0; } +.app-home { padding-bottom: 40px; } +.services-text-box-green { padding: 50px 15px !important; } +.services-text-box-blue, .services-text-box-black { padding: 50px 15px !important; } +.bottom-nav .owl-nav { bottom: 20px; } +.blog-box.blog-2 .button.icon-color { margin-top: 0px; float: right !important; } +.team.team-hover.team-border .team-photo img { width: 100%; } +.owl-carousel .owl-dots { bottom: -15px; } +.special-feature .row-eq-height { display: block; } +.course img { width: 100%; } +.footer .footer-social ul.text-right { text-align: left; } +.cafe-counter.mt-60 { margin-top: 0px !important; } +.blog .timeline li.entry-date { top: -20px; } +.blog.timeline-sidebar .timeline li.entry-date { top: -20px; } +.footer .footer-widget .footer-widget-social.text-right { text-align: left; } +.footer.footer-one-page .footer-widget { text-align: center; } +.footer.footer-one-page .footer-widget .footer-widget-social.text-right { text-align: center; } + +/************************************* + v1.0.2 +**************************************/ +.footer .container-fluid { padding: 0 15px; } +.text-left.mt-100 { margin-top: 40px !important; } + +/************************************* + v1.0.3 +**************************************/ +.slider-parallax.typer-banner.business h1 { line-height: 30px; font-size: 40px; } +.play-video-section .content { padding: 0; } +.slider-parallax.banner-personal .slider-content span { font-size: 70px; line-height: 70px; } +.slider-parallax.banner-personal .slider-content h1 { font-size: 60px; line-height: 60px; margin-top: -20px; } +.slider-parallax.banner-personal .slider-content h1 strong { font-size: 72px; line-height: 60px; } + +/************************************* + v1.0.4 +**************************************/ +.countdown p { font-size: 13px; } +.christmas-about .feature-text { margin-bottom: 50px; } +.christmas-form-content h2 { font-size: 40px; line-height: 40px; } +.happy-clients .mb-40 { margin-bottom: 0 !important; } +.christmas-form-content.mt-100 { margin-top: 60px !important; } +.christmas-team .team .team-photo img { width: 100%; } +.timer-banner .slider-content h1 { font-size: 30px; line-height: 30px; } + +/************************************* + v1.0.6 +**************************************/ +.movie-banner .slider-content-middle { padding: 0; } + +/************************************* + v1.0.7 +**************************************/ +.law-banner .slider-content h1 { line-height: 30px; font-size: 30px; } + +/************************************* + v1.0.8 +**************************************/ +.banner-agency-02 h1 { font-size: 30px; line-height: 30px; } +.agency-02-contact .footer-contact { margin-top: -50px; } +.agency-02-contact-title .mb-50 { margin-bottom: 0 !important; } +.agency-02-contact .footer-contact { margin-bottom: 30px; } +.portfolio-parallax-banner h2 { font-size: 50px; line-height: 50px; } + +/************************************* + v1.0.9 +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 40px; line-height: 40px; } +.coming-soon-big .countdown.medium p { font-size: 16px; line-height: 16px; } +.error-05 h1 { font-size: 80px; line-height: 80px; } +.list-unstyled.pl-60 { padding-left: 0 !important;} +.page-title.light-overlay { padding-top: 200px; } +.divider.pt-70, .divider.pt-50 { padding-top: 30px !important; } +.page-title.light-overlay { padding-top: 200px; } +.faq-box { margin-top: 30px; } + .faq-page-title .mt-50 { margin-top: 10px !important; } + +} + +@media(max-width:600px) { +h3 { font-size: 22px; } +.search-box { width: 240px; } +.section-title p { + font-size: 14px; +} +/*cart*/ +.shpping-cart .cart { width: 290px; } +.shpping-cart .cart-total a { margin-bottom: 10px; } +.portfolio-home .isotope.columns-3 .grid-item { width: 100%; } +.portfolio-title { padding: 40px 30px; } +.main-counter .counter-info span.counter { font-size: 40px; } +/*action-box*/ +.action-box { text-align: center; } +.action-box .action-box-button { text-align: center; } + /*skills*/ +.skills-2.col-2 li { width: 100%; margin-bottom: 0; margin-right: 0; float: none; } +.skills-2.col-2.mr-60 { margin-right: 0 !important; } +/*error*/ +.error-block { padding: 30px 0px; } +.error-block h1 { font-size: 70px; } +.error-404-2 .error-block h1 { font-size: 200px; line-height: 200px; } +.error-404-2 .error-block p { font-size: 16px; } +/*maintenance*/ +.maintenance-main h1.mb-50 { font-size: 28px; } +.maintenance-2 .maintenance-main h1 { font-size: 32px; } + /*portfolio*/ +.isotope.columns-3 .grid-item { width: 100%; } +.isotope.columns-4 .grid-item { width: 100%; } +/*============== New ==============*/ +/*about-1 page*/ +.clients-logo.line img{height:65px;} +/*contact us*/ +.contact-form .section-field { width: 100%; } +.touch-in .contact-box { margin: 20px 0; } +/*our-history .timeline*/ +.our-history .timeline > li.timeline-inverted > .timeline-panel::before, +.our-history .timeline > li > .timeline-panel::before { left: 40px;} +.our-history .timeline > li > .timeline-panel { padding: 40px 20px 20px 75px; text-align: left; width: 100%;} +.our-history .timeline > li > .timeline-badge { left: 41px;} +.our-history .timeline > li > .timeline-badge p { margin-left: 40px;} +.our-history .timeline > li.timeline-inverted .timeline-badge p { float: left; margin-right: 0; text-align: left;} +.feature-text .feature-icon {font-size: 38px;} +.skill-bar {margin: 60px 0 20px;} +.feature-text.box {padding: 30px;} +.happy-clients .nav-tabs li img {height: 70px; width: 70px;} +.testimonial-info p {font-size: 15px; margin: 25px 0 0; padding: 0 0 20px;} +.testimonial-2 .testimonial-info p::before {font-size: 100px;} +/*blog pages*/ +.social.pull-right { float: none; margin-top: 10px; display: block; width: 100%; } +.port-post-social.pull-right { float: none !important; } +.port-post-photo { display: block; float: none; } +.port-post-info { padding-left: 0; margin-top: 20px; display: block; } +.comments-1.comments-2 { padding-left: 40px; } +.comments-1 .comments-photo { float: none; } +.comments-1.comments-2 .comments-info { padding: 20px 0px 10px; } + +/*team single*/ +.our-team .team-details .social { float: none !important; width: 100%; margin-bottom: 20px; } +/*shortcode*/ +.countdown.small span { font-size: 30px; } +.countdown span { font-size: 30px; } +.countdown.medium span { font-size: 30px; } +.countdown.medium p { font-size: 14px; } +.countdown.medium { margin: 0 10px; } +.countdown.large span { font-size: 30px; } +.countdown.large p { font-size: 14px; } +.countdown.large { margin: 0 6px; } +.countdown.gray-bg { margin: 0 1px; padding: 8px; } +.countdown.border { padding: 8px; margin: 0 0px; } +.countdown.round { margin-bottom: 10px; } +.countdown.round.small { padding: 16px; } +/*testimonial*/ +.testimonial.bottom_pos .author-info { margin-left: 0; margin-bottom: 30px; } +/*shortcode*/ +.pagination>li { display: inline-block; margin-bottom: 3px; } +/*shortcode*/ +.owl-carousel .owl-dots { bottom: 20px; } +.resume-contact .footer-widget-social a i { margin-bottom: 4px; } +/*popup-video-banner*/ +.popup-video-banner h1 { font-size: 36px; line-height: 40px; } +.kety-perry-list { padding-right: 20px; } +.kety-play-icon { float: none; } +.kety-name { padding-left: 0; } +.kety-play-icon { margin-top: 0; } +/*gym*/ +.team.team-list .team-photo { float: none; width: 100%; margin-bottom: 30px; } +.team.team-list .team-description { padding-left: 0; padding-bottom: 0; } +.tab .nav.nav-tabs li { margin-bottom: 5px; } +/*testimonial*/ +.testimonial.clean { padding: 0 10px 25px 40px; } +.typer-banner h1 { font-size: 50px; line-height: 100px; } +.portfolio-banner .slider-content { width: 100%; } +.personal-typer-banner h1 { font-size: 50px; line-height: 50px; } +.personal-typer-banner h1 span { font-size: 25px; } +.services-text-box-green { padding: 60px 15px !important; } +.services-text-box-black { padding: 60px 15px !important; } + .team.team-list .team-photo img { width: 100%; } + .isotope.columns-3 .grid-item { padding: 0 0px 15px 0; } + .bottom-nav .owl-nav .owl-next { right: 42%; } + .bottom-nav .owl-nav .owl-prev { left: 42%; } + .testimonial.light { padding: 85px 20px 45px 50px; } +.our-history .timeline:before { left: 40px; } +.our-team .team-details .title.pull-left { float: none !important; display: block; } +.our-team .team-details .social-icons.border.pull-right { float: none !important; display: inline-block; margin-bottom: 10px; } +.row.mt-80 { margin-top: 30px !important; } +.happy-clients .tab .nav.nav-tabs { margin-bottom: 0; } +.our-service-home .row.mb-60 { margin-bottom: 10px !important; } +.contact-3 #map { padding-top: 40%; } +.accordion.animated .acd-group.acd-active .acd-heading { font-size: 22px; } +.our-history .timeline .timeline-arrow { left: 34px; text-align: left; } +.our-history { overflow: hidden; } +.progress-new { margin-bottom: 0; } +.comments-1 .comments-photo { margin-bottom: 20px; } +.comments-1.comments-2 .comments-photo { margin-bottom: 0px; } +.isotope.columns-4 .grid-item { padding-right: 0; } +/*.rev-slider #rev_slider_20_1_forcefullwidth .rev-btn { padding: 6px 10px !important; line-height: 0 !important; font-size: 8px !important; }*/ +.shop-single .tab .nav.nav-tabs li a { padding: 12px 20px; } +.shop-single .tab .nav.nav-tabs li { margin-bottom: 0; } + + +/************************************* + v1.0.2 +**************************************/ +.st-menu.big-side { width: 270px; } +.st-menu.big-side .pos-bot { position: relative; } +.st-menu.big-side .slide-footer-content { padding: 0 10px 0px 0; } +.st-menu.big-side .social-icons.width-half ul li { width: inherit; display: block; float: none; } +.st-menu.big-side .copy-right .mb-70 { margin-bottom: 0 !important; } +.st-menu.big-side ul.menu { padding-top: 0; } + +/************************************* + v1.0.3 +**************************************/ +.blockquote-section blockquote { font-size: 30px; line-height: 34px; } +.custom-content-03 h2 { font-size: 30px; line-height: 34px; } + .mt-100.mb-100 { margin: 0px 0 !important; } + .slider-parallax.banner-personal .slider-content { width: 100%; } + + +/************************************* + v1.0.4 +**************************************/ +.christmas-clients .mt-80 { margin-top: 0 !important; } +.countdown.round { display: block; margin: 0 auto; } +.timer-banner .slider-content h1 { font-size: 21px; line-height: 28px; margin-bottom: 10px; } +.conference-video h3 { line-height: 30px; } + +/************************************* + v1.0.5 +**************************************/ +.architecture-about h2 { font-size: 24px; line-height: 30px; } + +/************************************* + v1.0.6 +**************************************/ +.agency-banner .slider-content .agency-banner-right { display: block; } +.agency-banner .slider-content .agency-banner-left { display: block; } +.agency-banner .slider-content span { padding-top: 0; font-size: 30px; line-height: 20px; } +.agency-banner .slider-content h1 { font-size: 30px; padding: 0; border:none; line-height: 20px; } +.slider-parallax.agency-banner { height: 80vh; } +.movie-banner .countdown.round.small { display: inline-block; } + +/************************************* + v1.0.7 +**************************************/ +.law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-year { left: -45px; } +.testimonial.left_pos { padding: 20px 10px 20px 50px; } +.testimonial.left_pos .testimonial-avatar { position: inherit; left: inherit; top: inherit; margin-top: 0 ; margin-bottom: 60px; margin-left: 0px; } + + +/************************************* + v1.0.8 +**************************************/ +.agency-02-contact .pl-50.pr-50 { padding: 15px !important; } +.agency-02-history-who { padding: 30px; } +.banner-agency-02 h1 { font-size: 24px; } +.portfolio-parallax-banner h2 { font-size: 40px; line-height: 40px; } + +/************************************* + v1.0.9 +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 30px; line-height: 30px; } +.coming-soon-big .countdown.medium p { font-size: 16px; line-height: 16px; } +.error-05 h1 { font-size: 60px; line-height: 60px; } +.error-05 h3, .error-05 span { font-size: 40px; } +.error-03 .content h2 { font-size: 32px; line-height: 32px; } +.error-03 .content h1 { font-size: 40px; line-height: 40px; } +.error-03 .error-404 h1 { font-size: 70px; line-height: 70px; } +.error-03 .error-404 h2 { font-size: 50px; line-height: 50px; } +.error-04 h1 { font-size: 160px; line-height: 160px; } +.coming-soon-effects .coming-soon h1 { font-size: 30px; line-height: 30px; } +.coming-soon h1, .coming-soon-effects .coming-soon h1 { font-size: 30px; line-height: 30px; } + +/************************************* + v1.2 +**************************************/ +.login-fancy h2 { font-size: 40px; line-height: 40px; } +.login-box h2 { font-size: 30px; line-height: 30px; } +.login-box-02 { padding: 20px; } +.login-signup .tab .nav.nav-tabs li { margin-bottom: 0; } +.login-signup .login-box-02 { padding: 30px; } +.about-mission .popup-content { padding-right: 20px; width: 100%; } +.about-mission .popup-content br { display: none; } +#rev_slider_14_1 .rev-btn {padding: 15px 20px !important; font-size: 14px !important; position: relative; bottom: 0px!important;} +} + +@media(max-width:479px) { + +/************************* + Margin top +*************************/ +.xx-mt-0 { margin-top: 0 !important; } +.xx-mt-10 { margin-top: 10px !important; } +.xx-mt-15 { margin-top: 15px !important; } +.xx-mt-20 { margin-top: 20px !important; } +.xx-mt-30 { margin-top: 30px !important; } +.xx-mt-40 { margin-top: 40px !important; } +/************************* + Margin right +*************************/ +.xx-mr-0 { margin-right: 0!important } +.xx-mr-10 { margin-right: 10px !important; } +.xx-mr-15 { margin-right: 15px !important; } +.xx-mr-20 { margin-right: 20px !important; } +.xx-mr-30 { margin-right: 30px !important; } +.xx-mr-40 { margin-right: 40px !important; } + /************************* + Margin bottom +*************************/ +.xx-mb-0 { margin-bottom: 0!important } +.xx-mb-10 { margin-bottom: 10px !important; } +.xx-mb-15 { margin-bottom: 15px !important; } +.xx-mb-20 { margin-bottom: 20px !important; } +.xx-mb-30 { margin-bottom: 30px !important; } +.xx-mb-40 { margin-bottom: 40px !important; } +/************************* + Margin left +*************************/ +.xx-ml-0 { margin-left: 0!important } +.xx-ml-10 { margin-left: 10px !important; } +.xx-ml-15 { margin-left: 15px !important; } +.xx-ml-20 { margin-left: 20px !important; } +.xx-ml-30 { margin-left: 30px !important; } +.xx-ml-40 { margin-left: 40px !important; } + /************************* + Padding top +*************************/ +.xx-pt-0 { padding-top: 0!important } +.xx-pt-10 { padding-top: 10px !important; } +.xx-pt-15 { padding-top: 15px !important; } +.xx-pt-20 { padding-top: 20px !important; } +.xx-pt-30 { padding-top: 30px !important; } +.xx-pt-40 { padding-top: 40px !important; } + /************************* + Padding right +*************************/ +.xx-pr-0 { padding-right: 0!important } +.xx-pr-10 { padding-right: 10px !important; } +.xx-pr-15 { padding-right: 15px !important; } +.xx-pr-20 { padding-right: 20px !important; } +.xx-pr-30 { padding-right: 30px !important; } +.xx-pr-40 { padding-right: 40px !important; } + /************************* + Padding bottom +*************************/ +.xx-pb-0 { padding-bottom: 0!important } +.xx-pb-10 { padding-bottom: 10px !important; } +.xx-pb-15 { padding-bottom: 15px !important; } +.xx-pb-20 { padding-bottom: 20px !important; } +.xx-pb-30 { padding-bottom: 30px !important; } +.xx-pb-40 { padding-bottom: 40px !important; } + /************************* + Padding left +*************************/ +.xx-pl-0 { padding-left: 0!important } +.xx-pl-10 { padding-left: 10px !important; } +.xx-pl-15 { padding-left: 15px !important; } +.xx-pl-20 { padding-left: 20px !important; } +.xx-pl-30 { padding-left: 30px !important; } +.xx-pl-40 { padding-left: 40px !important; } +.col-xx-12{width:100% !important;} +.col-xx-6{width:50% !important;} +h2 {font-size: 22px; line-height: 30px;} +.topbar .topbar-call.text-left li { margin-bottom: 5px; } +.clients-logo.line img { width: initial; } +.shpping-cart .cart { width: 240px; } +.cart-item .cart-name a { font-size: 12px; } +.cart-price del { font-size: 12px; } +.cart-price ins { font-size: 14px; } +.cart-item .cart-close { top: 17px; } +/*index*/ +.round .nav.nav-tabs li a { margin-right: 1px; padding: 8px 15px; } +/* header */ +.st-effect-3 .header.default.fullWidth .search-cart { right: 45px; top: 3px; } +.st-effect-3 .header.default.fullWidth .search-cart .search { padding-right: 6px; } + +/*action box*/ +.action-box-button .button.border-white { margin-top: 10px; } +.action-box-button .button.border.icon { margin-left: 0; margin-top: 15px; } +.action-box-button .button.border { margin-left: 0; margin-top: 15px; } +/*coming soon*/ +.coming-soon-main h1 { font-size: 34px; } +.coming-soon-countdown ul.countdown li span { font-size: 32px; } +.coming-soon-countdown ul.countdown li { width: 20%; } +.coming-soon-countdown ul.countdown li p { font-size: 13px; } +.coming-soon-countdown ul.countdown { margin: 20px 0; } +.coming-soon-main p { margin-bottom: 45px; font-size: 16px; } +.coming-soon-form { width: 100%; } +.coming-soon-form input { width: 90%; margin-bottom: 0; } +.coming-soon-form a.button-border span { padding: 11px 8px; } + /*error*/ +.error-block h1 { font-size: 50px; } +.error-block p { font-size: 18px; } +.error-block h1.mb-40 { margin-bottom: 10px !important; } +.error-search-box p { font-size: 16px; line-height: 32px; } +.error-search-box input { width: 60%; } +/*maintenance*/ +.maintenance-2 .maintenance-main h1 { font-size: 22px; margin-bottom: 10px; } +.maintenance-contant.mt-150 { margin-top: 30px !important; } +.maintenance-form.mt-100 { margin-top: 30px !important; } +.clients-logo.line{width:100%; border-left:none;} + .clients-logo.line img{height:auto;} +.clients-logo.line:nth-last-child(-n+3) { border-bottom: 1px solid #dddddd;} +.our-history .timeline > li > .timeline-panel::before { width: 22px; left: 25px; } +.our-history .timeline > li.timeline-inverted > .timeline-panel::before { left: 25px; } +.happy-clients .nav.nav-tabs li { display: inline-block; } +.nav.nav-tabs li { display: block; float: none; margin-bottom: 10px; text-align: center;} +.tab-2 .nav-tabs {float: none; width: 100%;} +.tab-2 .nav-tabs li{margin-bottom: 0;} +.tab-2 .tab-content {margin-left: 0; padding: 30px 20px;} +/*testimonial page*/ +.testimonial-3 .owl-carousel .owl-nav { bottom: -20px; } +.testimonial-3 .owl-carousel .owl-nav .owl-prev {left: 50%; margin-left: -45px;} +.testimonial-3 .owl-carousel .owl-nav .owl-next {right: 50%; margin-right: -45px;} +.testimonial-info p {padding: 0 10px 20px;} +.testimonial.boxed {padding: 30px 30px 75px;} + .feature-step-2-title-2-right {width: 100%;} +.feature-step-2-box {padding:20px 10px;} +.feature-step-2-box p{font-size: 13px;} +.service-blog b {font-size: 220px;} +/*blog*/ +.blog .timeline > li > .timeline-badge { font-size: 15px; height: 44px; line-height: 12px; width: 44px; } +.blog ul.timeline:before { left: 27px; } +.blog ul.timeline > li > .timeline-badge { left: 5px; } +.blog ul.timeline > li > .timeline-panel { width: 100%; } +.blog .timeline li.entry-date span { display: none;} +.blog ul.timeline::before { display: none; } +.blog ul.timeline > li > .timeline-badge { display: none; } +.blog ul.timeline > li > .timeline-panel::before { display: none; } +.blog ul.timeline > li > .timeline-panel::after { display: none; } +.blog .timeline li.timeline-inverted .timeline-panel::after { display: none; } +.blog .timeline li.timeline-inverted .timeline-panel::before { display: none; } +.blog.timeline-sidebar .timeline li { width: 100%; } +/*shop*/ +.offer-banner-1 h1 { font-size: 20px; } +.deal-banner .counter-deal ul li { padding: 7px 10px; margin-right: 2px; } +.deal-banner .caption h2 { font-size: 32px; } +.deal-banner.maintenance-progress-bar { margin: 0; } +.bottom-nav .owl-nav .owl-next { right: 36%; } +.bottom-nav .owl-nav .owl-prev { left: 36%; } +.action-box.pattern { padding: 70px 15px; } +.action-box { padding: 30px 15px; } +.appointment-bg { padding: 40px 15px; } +.appointment a.pull-left { display: block; } +/*mobile app*/ +.mobile-app-about a img { margin-bottom: 10px; } +.mobile-app-about h2 { font-size: 30px; line-height: 30px; } +.phone-holder { width: 260px; } +.highlights-phone.wht .phone-holder #fon { background:transparent; } +.highlights-phone.wht .hgi { top: 0; } +.highlights-phone { height: 550px; } +/*one page*/ +.typer-banner h1 { font-size: 30px; line-height: 30px; } +.popup-video-banner h1 { font-size: 30px; line-height: 40px; } +.video-background-banner h1 { font-size: 30px; line-height: 30px; } +.video-background-banner .slider-content { padding: 30px 15px; } +/*side panel*/ +.slide-footer .social ul li a { padding-right: 15px; } +.st-menu { width: 280px; } +.st-effect-2.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-3.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-4.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-5.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-6.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0) rotateY(-15deg); transform: translate3d(280px, 0, 0) rotateY(-15deg); } +.st-effect-7.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-8.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-9.st-menu-open .st-pusher { -webkit-transform: translate3d(0, 0, -280px); transform: translate3d(0, 0, -280px); } +.st-effect-10.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-10.st-menu { -webkit-transform: translate3d(0, 0, -280px); transform: translate3d(0, 0, -280px); } +.st-effect-13.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-14.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */ +.no-csstransforms3d .st-pusher, +.no-js .st-pusher { padding-left: 280px; } +.personal-typer-banner h1 { font-size: 30px; line-height: 30px; margin-bottom: 0px; } +.personal-typer-banner h1 span { font-size: 20px; left: -10px; top: 0; } +.image-content { width: 100%; margin-right: 0; } +.testimonial.bottom_pos { padding: 60px 20px 40px 46px; } + .owl-carousel .owl-dots { bottom: 12px; } +.kety-name a { font-size: 14px; } +.kety-link a { margin-bottom: 5px; } +.blog.blog-single .port-navigation .port-photo { width: 104px; } +.blog.blog-single .port-navigation .port-arrow { height: 62px; width: 30px; } +.blog.blog-single .port-navigation .port-arrow i { line-height: 62px; } +.single-portfolio-post .port-navigation .port-photo { width: 104px; } +.single-portfolio-post .port-navigation .port-arrow { height: 62px; width: 30px; } +.single-portfolio-post .port-navigation .port-arrow i { line-height: 62px; } +.happy-clients .nav-tabs li { padding: 0; } +.accordion.animated .acd-group.acd-active .acd-heading { font-size: 20px; } +.our-service .section-title { margin-bottom: 10px; } +.team.team-list h5 { font-size: 18px; } +.contact-2 #map { padding-top: 50%; } +.clients-box .clients-photo { margin-bottom: 20px; width: 100%; } +.countdown.round { display: block; margin: 0 auto 20px; } +.coming-soon-form.contact-form input { width: 100%; } +.add-banner-2 .add-banner-content h2 { font-size: 24px; } +.add-banner-2 .add-banner-content h3 { font-size: 20px; line-height: 20px; } +.add-banner-2 .add-banner-content .button.small { padding: 5px 18px; } + +/************************************* + v1.0.3 +**************************************/ + .slider-parallax.typer-banner.business h1 { font-size: 24px; line-height: 28px; } + .slider-parallax.typer-banner.business p { font-size: 18px; line-height: 28px; margin-top: 10px !important; } + .counter.big-counter .timer { font-size: 40px; line-height: 40px; } +.action-box.theme-bg { padding: 30px 0; } + .slider-parallax.banner-personal .slider-content span { font-size: 50px; line-height: 50px; } +.slider-parallax.banner-personal .slider-content h1 { font-size: 40px; line-height: 40px; margin-top: -20px; } +.slider-parallax.banner-personal .slider-content h1 strong { font-size: 48px; line-height: 50px; } + +/************************************* + v1.0.4 +**************************************/ +.christmas-form-content h2 { font-size: 24px; line-height: 24px } +.christmas-event .tab .nav.nav-tabs li a{ font-size: 14px; } +.christmas-event .blog-date span { font-size: 28px; display: inline-block; } +.portfolio-home .portfolio-title.section-title .button.mt-30 { margin-top: 20px !important; } +.countdown.small { margin: 10px 4px 0; } + +/************************************* + v1.0.4 +**************************************/ +.section-title-movie h2 { padding: 10px 30px; } +.movie-story b { font-size: 26px; } +.movie-banner .countdown.round.small { margin-bottom: 5px; } + +/************************************* + v1.0.7 +**************************************/ +.law-banner .slider-content h1 { font-size: 22px; line-height: 22px; } +.law-banner .slider-content p { font-size: 16px; } +.law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-year { left: 0; top: 25px; } + +/************************************* + v1.0.7 +**************************************/ +.portfolio-parallax-banner h2 { font-size: 30px; line-height: 30px; } + +/************************************* + v1.0.9 +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 24px; line-height: 24px; } +.coming-soon-big .countdown.medium p { font-size: 14px; line-height: 14px; } +.error-05 h1 { font-size: 50px; line-height: 50px; } +.error-03 .content h2 { font-size: 28px; line-height: 28px; } +.error-03 .content h1 { font-size: 32px; line-height: 32px; } +.error-03 .content p { font-size: 22px; } +.error-03 .error-404 h1 { font-size: 70px; line-height: 70px; } +.error-03 .error-404 h2 { font-size: 50px; line-height: 50px; } +.error-04 h1, .error-06 h1, .error-07 h1 { font-size: 100px; line-height: 100px; } +.error-04 h2 { font-size: 40px; line-height: 40px; } +.error-04 p { font-size: 18px; } +.error-06 h2 .error-07 h2, .error-09 h2 { font-size: 30px; line-height: 30px; } + +/************************************* + v1.2 +**************************************/ +.login.height-100vh { overflow: hidden; } +.login .remember-checkbox a { display: block; float: inherit !important; margin-top: 10px; } +.about-mission .popup-content { padding: 30px 30px 10px 30px; } +.about-mission .popup-content h2 { font-size: 14px; line-height: 20px; } +.about-mission .popup-video-image a i { width: 40px; height: 40px; top: 10px; line-height: 40px; } + .checkout-page .pl-50.pr-50.pt-50.pb-50 { padding: 20px !important; } + .checkout-page .pl-40 { padding: 0 !important; } +} + + + + +@media (max-width: 360px) { + +.col-xs-offset-1 {margin-left:8.33333333%;} + +} \ No newline at end of file diff --git a/apply/css_r/back/shop.css b/apply/css_r/back/shop.css new file mode 100644 index 0000000..e4f1fcd --- /dev/null +++ b/apply/css_r/back/shop.css @@ -0,0 +1,163 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains the styling for the Shop Pages. You can edit/add anything in this file! +*/ + + +/******************************** + shop +********************************/ +.product { text-align: center; position: relative; } +.product .product-title a { font-size: 16px; text-transform: uppercase; font-weight: 600; margin: 20px 0px 10px; display: block; } + +.product .product-title a:hover { color: #353535; } +.product .product-price del { background: transparent; color: #323232; font-size: 13px; } +.product .product-price ins { text-decoration: none; color: #5E9ECA; font-size: 16px; font-weight: bold; } +.product .product-rating { margin-bottom: 10px; } +.product .product-rating i { color: #353535; } +.product .product-image { position: relative; } +.product .product-image .product-overlay { opacity: 0; text-align: center; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; margin: 0 auto; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } +.product:hover .product-image .product-overlay { opacity: 1; } +.product .product-image .add-to-cart a { background: #5E9ECA; color: #ffffff; text-transform: uppercase; padding: 10px 20px; border-radius: 30px; } +.product .product-image .add-to-cart a:hover { background: #353535; } + +.top-rated .product.left .product-title a { font-size: 14px; font-weight: 500; } +.shop-split-content .product-price del { background: transparent; color: #323232; } + +/*shop-single*/ +.shop-single .title { padding-top: 40px; } +.shop-single .product-detail .product-detail-price { display: inline-block; } +.shop-single .product-detail .product-detail-price ins { text-decoration: none; color: #5E9ECA; font-size: 16px; font-weight: bold; } +.shop-single .product-detail .product-detail-rating i { color: #353535; } +.shop-single .product-detail .product-detail-rating { display: inline-block; } +.shop-single .product-detail .product-detail-quantity input { box-shadow: none; border:1px solid #e0e0e0; padding: 10px 18px 10px 24px; border-radius: 30px; box-shadow: none; } +.shop-single .product-detail .input-group-btn button { background: transparent; border-color: #e0e0e0; } +.shop-single .product-detail .input-group-btn button:hover { color: #5E9ECA; } +.shop-single .product-detail .input-group { width: 90px; float: left; margin-right: 20px; } +.shop-single .product-detail .product-detail.add-to-cart .button { display: inline-block; font-size: 12px; } +.shop-single .product-detail .input-group-btn:first-child>.btn { border-top-left-radius: 30px; border-bottom-left-radius: 30px; } +.shop-single .product-detail .input-group-btn:last-child>.btn { border-top-right-radius: 30px; border-bottom-right-radius: 30px; } +.shop-single .product-detail .product-detail-price del { background: transparent; color: #333; font-size: 14px; } + +.shop-single .product-detail .product-detail-social { border-top: 1px solid #e0e0e0; padding-top: 20px; margin-top: 20px; } +.shop-single .product-detail .product-detail-social span { display: inline-block; padding-right: 20px; float: left; } +.shop-single .product-detail .product-detail-social ul li { display: inline-block; } +.shop-single .product-detail .product-detail-social ul li a { display: block; color: #aaaaaa; font-size: 14px; padding-right: 5px; } +.shop-single .product-detail .product-detail-social ul li a:hover { color: #5E9ECA; } + +.shop-single .product-detail .product-detail-meta { border-top: 1px solid #e0e0e0; padding-top: 20px; } +.shop-single .product-detail .product-detail-meta span { display: block; margin: 10px 0; } +.shop-single .product-detail .product-detail-meta span a { padding-left: 5px; } + +.slider-slick { overflow: hidden; } + +/*sidebar-widgets-wrap*/ +.sidebar-widgets-wrap .recent-item { margin-bottom: 20px; } +.sidebar-widgets-wrap .recent-item .recent-image { display: table-cell; padding-right: 10px; width: 50px; float: left; } +.sidebar-widgets-wrap .recent-item .recent-info { display: table-cell; vertical-align: top; } +.sidebar-widgets-wrap .recent-item .recent-title a { color: #353535; font-weight: bold; } +.sidebar-widgets-wrap .recent-item .recent-title a:hover { color: #5E9ECA;} +.sidebar-widgets-wrap .recent-item .recent-meta li { display: inline-block; color: #353535; } + +/*product left*/ +.product.left .product-image { float: left; padding-right: 20px; width: 26%; } +.product.left .product-image a {display: block; width: 100%; height: 100%; } +.product.left .product-description { padding-top: 0; display: table-cell; padding-bottom: 0; vertical-align: top; text-align: left; width: 74%; } +.product.left .product-title a { margin-top: 0; } + + +/*deal-banner*/ +.deal-banner{background:#f4f4f2;} +.deal-banner img { width:100%; } +.deal-banner .caption{text-align:center;margin-top:25%;} +.deal-banner .caption span.off{color:#5E9ECA;font-size:24px;font-weight:600;text-transform:uppercase;} +.deal-banner .caption h2{font-size:42px;line-height:42px;color:#494949;font-weight:600;text-transform:uppercase;margin-top:12px;margin-bottom:22px;} +.deal-banner .caption a.viewbt{color:#fff;background:#5E9ECA;padding:10px 22px;text-align:center;display:inline-block;margin-top:26px; border-radius: 30px;} +.deal-banner .caption a.viewbt:hover{background:#494949;} +.deal-banner .counter-deal ul li{background:#fff;display:inline-block;padding:7px 12px;margin-right:17px;} +.deal-banner .counter-deal ul li span.big{font-size:22px;font-weight:700;margin-left:12%;margin-right:12%;} +.deal-banner .counter-deal ul li span.smalltxt{padding-top:0;} + +/************************************* + offer banner +*************************************/ + .line-effect { position:relative; background: transparent; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } + .overlay { position:absolute; width:100%; height:100%; left:0; top:0; } + .overlay { background:none; width:100%; height:100%; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} + .overlay:before{ border-bottom: 1px solid #fff; border-top: 1px solid #fff; -o-transform: scale(0, 1); -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); transform: scale(0, 1); } + .overlay:after { border-left: 1px solid #fff; border-right: 1px solid #fff; -o-transform: scale(1, 0); -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); transform: scale(1, 0); } + .overlay:before, .overlay:after { bottom: 15px; content: ""; left: 15px; opacity: 0; position: absolute; right: 15px; top: 15px; -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; z-index: 1; } + +.offer-banner-1 { position: relative; } +.offer-banner-1 .banner-content { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; z-index: 2; } +.offer-banner-1 .banner-content strong { display: block; color: #fff; margin: 20px 0px; } +.offer-banner-1 .banner-image.bg-overlay-black-50:before { z-index: 1; } +.offer-banner-1:hover .line-effect .overlay:before, .offer-banner-1:hover .line-effect .overlay:after { opacity:1; -o-transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -o-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;-webkit-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; -moz-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;} +.offer-banner-1 .banner-image img { width: 100%; } +.offer-banner-2 { height: 458px; display: block; width: 100%; } +.offer-banner-2 .banner-bg {display: table; height: 100%; position: relative; width: 100%; } +.offer-banner-2 .line-effect { display: table-cell; vertical-align: middle; position: relative; } +.offer-banner-2 .banner-content { position: relative; z-index: 99; } +.offer-banner-2 .banner-content h1 { position: relative; padding-bottom: 10px; } +.offer-banner-2 .banner-content h1:before { position: absolute; content: ""; background: #5E9ECA; width: 60px; bottom: 0px; margin-left: -30px; height: 1px; left: 50%; } +.offer-banner-2 .banner-content strong { display: block; color: #000; margin: 20px 40px; } +.offer-banner-2 .banner-content span { display: block; color: #000; margin: 20px 0px; } + .offer-banner-2 .overlay:before{ border-bottom: 1px solid #000; border-top: 1px solid #000; -o-transform: scale(0, 1); -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); transform: scale(0, 1); } + .offer-banner-2 .overlay:after { border-left: 1px solid #000; border-right: 1px solid #000; -o-transform: scale(1, 0); -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); transform: scale(1, 0); } +.offer-banner-2:hover .line-effect .overlay:before, .offer-banner-2:hover .line-effect .overlay:after { opacity:1; -o-transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -o-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;-webkit-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; -moz-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;} + +/************************************* + add banner +*************************************/ +.add-banner-1 { position: relative; } +.add-banner-1 .add-banner-content { padding: 30px; display: inline-block; left: 0; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; z-index: 99; } +.add-banner-1 .add-section-image.bg-overlay-black-50:before { z-index: 0; } +.add-banner-1 .add-banner-content p { font-size: 14px; color: #fff; line-height: 26px; margin-bottom: 15px; } +.add-banner-1 .add-banner-content h5 { position: relative; padding-bottom:20px; } +.add-banner-1 .add-banner-content h5.border:before { position: absolute; content: ""; width: 60px; height: 1px; background: #5E9ECA; left: 50%; margin-left: -30px; bottom: 0px; } +.add-banner-1 .add-banner-content span { display: block; font-size: 14px; color: #fff; padding: 15px 0px; } +.add-banner-1 .add-banner-content a { font-size: 14px; color: #fff; text-transform: uppercase; } +.add-banner-1 .add-banner-content a:hover { color: #5E9ECA; } +.add-banner-1 .add-banner-content a.button-white-border { padding: 10px 40px; } +.add-banner-1:hover .line-effect .overlay:before, .add-banner-1:hover .line-effect .overlay:after { opacity:1; -o-transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -o-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;-webkit-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; -moz-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; } + +/************************************* + add banner 2 +*************************************/ +.add-banner-2 .add-banner-content { padding: 100px 50px; } +.add-banner-2 .add-banner-content h2 { font-size: 48px; line-height: 48px; font-weight: 400; text-transform: uppercase; margin-bottom: 15px; } +.add-banner-2 .add-banner-content h3 { font-size: 38px; line-height: 38px; font-weight: 400; text-transform: uppercase; margin-bottom: 15px; } + + /************************************* + home 02 +*************************************/ + .shop-split-content { padding: 130px 0; } + .shop-split-content ins { font-size: 30px; font-weight: 600; text-decoration: none; color: #5E9ECA; } + + /************************************* + home 03 +*************************************/ + .shop-blog .blog-box { padding: 220px 30px 40px; } + .shop-blog .blog-box:hover .blog-box-img:before, .shop-blog .blog-box.active .blog-box-img:before { background:linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-webkit-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-o-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-ms-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-moz-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); } + + /************************************* + wishlist page +**************************************/ +.wishlist-page .table tbody { border:0px; border-bottom: 1px solid #f0ede7; } +.wishlist-page .table > tfoot > tr > td { border-top: none; border-bottom: solid 1px #f0ede7; } +.wishlist-page .table > thead > tr > th, +.wishlist-page .table > tbody > tr > th, +.wishlist-page .table > tfoot > tr > th, +.wishlist-page .table > thead > tr > td, +.wishlist-page .table > tbody > tr > td, +.wishlist-page .table > tfoot > tr > td { padding: 20px 20px; vertical-align: middle; text-align: center; } +.wishlist-page .table .image img { width: 50px; } +.wishlist-page .table td.price.price-2 { color: #5E9ECA; } +.wishlist-page .table td.total a { border: 1px solid #f0ede7; font-size: 14px; padding: 3px 6px; } +.wishlist-page .table td.total a:hover { border: 1px solid #5E9ECA; background: #5E9ECA; color: #ffffff; } +.wishlist-page .table .td-quentety input { border: 1px solid #ccc; margin: 15px 0 5px 0; padding: 0px 0px 0 20px; width: 70px; height: 35px; background: transparent; } +.wishlist-page .table .td-quentety input:focus { box-shadow: none; } +.wishlist-page .price:hover { box-shadow: none; } \ No newline at end of file diff --git a/apply/css_r/back/style.css b/apply/css_r/back/style.css new file mode 100644 index 0000000..973bd5d --- /dev/null +++ b/apply/css_r/back/style.css @@ -0,0 +1,1735 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Version: 1.0 +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. + +*/ + + +/*================================================ +[ Table of contents ] +================================================ + :: Header + - topbar + - search + - Cart + - FullWidth + - Light + - Dark + - Left-menu + - Logo-center + - Fancy + - fancy without-topbar + - Side menu icon + - Vertical header + - One page Header + :: Slider (all home page main sliders ) + :: - Slider-parallax one page + :: - Mobile slider + :: Background + :: Home page section + :: Decolines + :: Awesome features + :: Feature Step + :: About Us + :: Resume + :: Portfolio + :: - Portfolio item + :: - Portfolio-item-2 + :: - Portfolio single page + :: Our Blog + :: Our services + :: Creativity + :: Our History + :: Our Service Objects + :: Sidebar + :: About me + :: Team page + :: Error 404 + :: Coming soon + :: Register + :: Login + :: maintenance + :: Our clients + :: Process + :: Careers + :: Sitemap + :: Privacy-policy + :: Page sidebar + :: Terms and conditions + :: Footer + :: Boxed + + v1.2 + :: index portfolio 4 + :: index portfolio 04 about + :: index portfolio single + +====================================== +[ End table content ] +======================================*/ + +/************************* + Header +*************************/ +.default { background: transparent; z-index: 9999; position: absolute; width: 100%; } +/*topbar*/ +.topbar { /*padding: 10px 0;*/ font-size:12px; color:#4a4a4a; } +.topbar ul li { display: inline-block; color: #fff; font-size: 12px; font-weight: normal;} +.topbar ul li:last-child { margin-right: 0px; } +.topbar ul li a { color: #4a4a4a; font-size: 12px; font-weight: normal; font-style: normal; } +.topbar-left { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; letter-spacing: -0.1em;} +.topbar-right { position: relative; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; } +.topbar ul li a:hover { font-weight:600; } +#topbar-nav {list-style:none;} +#topbar-nav li{display:inline-block; position:relative; line-height: 38px; } +#topbar-nav li:first-child > a {border: 0;} +#topbar-nav li > a {border-left: 1px solid #ccc; padding:0px 15px;} + +/*menu*/ +.menu-bar { float: right; } +.mega-menu .menu-links { float: left; } +.search-cart { display: inline-block; } +.search-cart i.icon { color: #ffffff; line-height: 20px; font-size: 14px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } +.search-cart i.icon:hover { color: #5E9ECA; } +.search-cart .search { display: inline-block; padding-right: 15px; padding-left: 10px; } +.search-cart .shpping-cart { display: inline-block; } +.shpping-cart a { position: relative; } +.shpping-cart strong.item { display: block; position: absolute; top: -7px; left: auto; right: -8px; font-size: 10px; color: #ffffff; width: 16px; height: 16px;line-height: 16px; text-align: center; background-color: #5E9ECA; border-radius: 50%; } + + /*search*/ + .search .search-btn { display: block; height: 20px; line-height: 21px; position: relative; text-indent: -9999px; width: 14px; color: #ffffff; -o-transition: color 300ms ease 0s; -moz-transition: color 300ms ease 0s; -ms-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s; transition: color 300ms ease 0s; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } + .search .search-btn:before { content: ""; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; left: 0; position: absolute; text-indent: 0; top: 0; } + .search .search-btn:hover { color: #5E9ECA; } + .search.search-open .search-btn:before { content: ""; } + .search-box { background: #fff; display: block; margin: 0; opacity: 0 !important; padding: 15px; position: absolute; right: 0; top: 100%; transition: visibility 300ms ease 0s, opacity 300ms ease 0s; visibility: hidden; width: 327px; z-index: 888; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; transform-origin: 0 0; transition: all 400ms ease; } + .search.search-open .search-box { opacity: 1 !important;visibility: visible !important; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); box-shadow: 0 0 50px rgba(0,0,0,.1); } + .search .search-box input { background: transparent; border:1px solid #eceff8; padding-left: 15px; border-radius: 3px; } + .search .search-box input:focus { background: transparent; border:1px solid #eceff8; } + .search .search-box i { cursor: pointer; font-size: 15px; position: absolute; right: 27px; top: 31px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } + .search .search-box i:hover { color: #5E9ECA; } + +/*cart*/ +.cart { opacity: 0; visibility: hidden; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,.1); position: absolute; right: 0; margin-top: 0px; right: 0; width: 300px; border: 1px solid #eceff8; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; + transform-origin: 0 0; transition: all 400ms ease;} +.cart.cart-open {-webkit-transform: rotateX(0deg); transform: rotateX(0deg);opacity: 1; visibility: visible; } +.cart:before { bottom: 100%; right: 8px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(194, 225, 245, 0); + border-bottom-color: #fff; border-width: 6px; margin-left: -8px; } +.cart-title { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; } +.cart-item { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; position: relative; } +.cart-item .cart-image { display: table-cell; padding-right: 15px; } +.cart-item .cart-image img { height: 40px; } +.cart-item .cart-name { display: table-cell; vertical-align: top; } +.cart-item .cart-name a { display: block; color: #323232; } +.cart-item .cart-name a:hover { color: #5E9ECA; } +.cart-item .cart-name span { color: #323232; display: inline-block; } +.cart-item .cart-name strong { padding-left: 30px; } +.cart-price del { font-size: 14px; background: transparent; color: #323232; padding-left: 0; } +.cart-price ins { text-decoration: none; color: #5E9ECA; font-size: 16px;font-weight: bold; } +.cart-total { padding: 20px; text-align: center; background: #f7f7f7; } +.cart-total h6 { text-align: center; } +.cart-total a { display: inline-block; margin-top: 20px; padding: 6px 18px; margin: 0; } +.cart-total a.button { display: inline-block; } +.cart-total .button + .button { margin: 0; } +.cart-item .cart-close { position: absolute; right: 20px; top: 20px; } +.cart-item .cart-close a { font-size: 14px; } +.cart-item .cart-close a:hover { color: #323232; } + +/*mega-menu */ +.mega-menu .menu-logo { padding: 25px 0 25px; } +.mega-menu .menu-logo img { height: 40px; } +.mega-menu .drop-down-multilevel.right-menu { right: 0px; } +.mega-menu > section.menu-list-items { padding: 0; } +.mega-menu .menu-links > li > a { text-transform: uppercase; font-size: 16px; font-weight: 600; line-height: 20px; } +.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; } +.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down a { color: #323232; } +.mega-menu .menu-links > li.active .drop-down li.active a { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down a:hover { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down li.active a i { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down a i:hover { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; } +.mega-menu .row { margin-left: 0px; margin-right: 0px; } +.mega-menu .col-md-12 { padding-left: 0px; padding-right: 0px; } +.mega-menu.desktopTopFixed .menu-logo { padding: 0px; } +.mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } +.mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } + +/*fullWidth*/ +.header.fullWidth .container-fluid { padding: 0 60px; } + +/*light*/ +.header.light { background: #ffffff; position: relative; border-bottom: 3px solid #006EBD;} +.header.light .topbar ul li { color: #333; } +.header.light .topbar ul li a { color: #333; } +.header.light .mega-menu .menu-links > li > a { color: #333; } +.header.light .mega-menu .menu-links > li > a:hover { color: #5E9ECA; font-weight: bold;} +.header.light .mega-menu .menu-links > li.active > a { color: #5E9ECA; font-weight: bold;} +.header.light .topbar {/*background-color:#e8e8e8;*/ border-bottom: 1px solid #d1d1d1;} +.header.light .search-cart i.icon { color: #323232; } +.header.light .search-cart i.icon:hover { color: #5E9ECA; } +.header.light .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; border-bottom: 3px solid #006EBD;} +.header.light .search .search-btn { color: #323232; } +.header.light .search .search-btn:hover { color: #5E9ECA; } + +/*dark*/ +.header.dark { background: #323232; position: relative; } +.header.transparent { background: rgba(0, 0, 0, 0.4); position: absolute; width: 100%; z-index: 999; } + +/*left-menu*/ +.header.left-menu .menu-bar { float: none; } +.header.left-menu .menu-links { padding-left: 30px; } +.header.left-menu .search-cart { float: right; } + +/*logo-center*/ +.header.logo-center .mega-menu { min-height: 170px; } +.header.logo-center .menu-logo { float: none; display: block; text-align: center; } +.header.logo-center .mega-menu .menu-logo > li > a { float: none; } +.header.logo-center .mega-menu .menu-logo > li { float: none; } +.header.logo-center .mega-menu img { float: none; margin: 0 auto; } +.header.logo-center .menu-bar { float: none; } +.header.logo-center .search-cart { float: right; } +.header.logo-center .mega-menu.desktopTopFixed .menu-logo { float: left; display: inline-block; } +.header.logo-center .mega-menu.desktopTopFixed .menu-logo > li > a { float: left; } +.header.logo-center .mega-menu.desktopTopFixed img { float: left; margin: 0 auto; } +.header.logo-center .mega-menu.desktopTopFixed .menu-bar { float: right; border-top: 0px solid rgba(0, 0, 0, 0.1); } +.header.logo-center .mega-menu.desktopTopFixed .search-cart { float: right; } + +/*fancy */ + +.header.fancy { background: transparent; position: relative; border-bottom: 0; } +.header.fancy .topbar { background: #5E9ECA; padding: 15px 0px 70px; } +.header.fancy .topbar .topbar-right li a:hover { color: #323232; } +.header.fancy .search-cart i.icon { color: #323232; line-height: 20px; } +.header.fancy .topbar-call ul li i { color: #ffffff; } +.header.fancy .mega-menu .menu-logo { padding: 26px 0px; } +.header.fancy .menu { position: absolute; width: 100%; top: 30px; } +.header.fancy .topbar + .menu { top: 60px; } +.header.fancy .mega-menu > section.menu-list-items { background: #ffffff; padding: 0px 25px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } +.header.fancy .mega-menu.desktopTopFixed > section.menu-list-items { border-bottom: 1px solid #f6f6f6; } +.header.fancy .topbar ul li a:hover { color: #323232;} + +.header.fancy .mega-menu .menu-links > li > a { color: #323232; line-height: 20px; } +.header.fancy .mega-menu .menu-links > li > a:hover { color: #5E9ECA; } +.header.fancy .mega-menu .menu-links > li.active > a { color: #5E9ECA; } +.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #ffffff; } +.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #323232; } +.header.fancy .mega-menu.desktopTopFixed .menu-logo { padding: 0; } +.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 20px; } +.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } +.header.fancy .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } +.header.fancy .search-cart i.icon:hover { color: #5E9ECA; } +.header.fancy .search .search-btn { color: #323232; } +.header.fancy .search .search-btn:hover { color: #5E9ECA; } +.header.fancy .mega-menu.desktopTopFixed .drop-down.grid-col-5 { width: 21.66666666666667%; } +.header.fancy .search-box { margin-top: -6px; } + +/*fancy without-topbar*/ +.header.fancy.without-topbar .menu { top: 30px; } +.header.burger .menu-icon { font-size: 30px; color: #323232; } +.header.burger .menu-icon:hover { color: #5E9ECA; } +.header.burger { position: absolute; z-index: 999; width: 100%; padding: 30px 30px; } +.header.burger .logo { display: inline-block; } +.header.burger .logo img { height: 50px; } + +/*side-menu-icon*/ +.side-menu-icon { display: inline-block; } +.side-menu-icon .menu-icon { font-size: 16px; color: #ffffff; padding-left: 15px; } +.side-menu-icon .menu-icon:hover { color: #5E9ECA; } + +/************************* + header text-dark +*************************/ +.header.text-dark .topbar ul li { color: #323232; } +.header.text-dark .topbar ul li a { color: #323232; } +.header.text-dark .topbar ul li a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li > a { color: #323232; } +.header.text-dark .mega-menu .menu-links > li > a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active > a { color: #5E9ECA; } +.header.text-dark .topbar { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } +.header.text-dark .search-cart i.icon { color: #323232; } +.header.text-dark .search-cart i.icon:hover { color: #5E9ECA; } +.header.text-dark .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; } +.header.text-dark .search .search-btn { color: #323232; } +.header.text-dark .search .search-btn:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .drop-down-multilevel { background: #323232; } +.header.text-dark .mega-menu .drop-down.menu-bg, .header.text-dark .mega-menu .drop-down-tab-bar { background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png); + background-repeat: no-repeat; background-position: 120% 0; } +.header.text-dark .mega-menu .drop-down, .header.text-dark .mega-menu .drop-down-tab-bar { background: #323232; } +.header.text-dark .mega-menu .drop-down a, .header.text-dark .mega-menu .drop-down-tab-bar a { color: #ffffff; } +.header.text-dark .mega-menu .drop-down i.fa, .header.text-dark .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; } +.header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.text-dark .mega-menu .drop-down-multilevel a { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel li:hover { background: #282828; } +.header.text-dark .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important; background-repeat: no-repeat; background-position: right;} +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; + background: #282828; } +.header.text-dark .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; } +.header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #5E9ECA; } +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #5E9ECA; } +/*dark-dropdown*/ +.header.dark-dropdown .mega-menu .drop-down-multilevel { background: #323232; } +.header.dark-dropdown .mega-menu .drop-down.menu-bg, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png); + background-repeat: no-repeat; background-position: 120% 0; } +.header.dark-dropdown .mega-menu .drop-down, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: #323232; } +.header.dark-dropdown .mega-menu .drop-down a, .header.dark-dropdown .mega-menu .drop-down-tab-bar a { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.dark-dropdown .mega-menu .drop-down-multilevel a { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel li:hover { background: #282828; } +.header.dark-dropdown .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important; background-repeat: no-repeat; background-position: right;} +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; + background: #282828; } +.header.dark-dropdown .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #5E9ECA; } +/*label*/ +.header .label.label-default, .header .label.label-primary, .header .label.label-success, .header .label.label-info, .header .label.label-warning, .header .label.label-danger { color: #fff; padding: 0px 5px; line-height: 14px; display: inline-block; } + + +/************************* + one page +*************************/ +header.one-page { position: absolute; width: 100%; z-index: 999; } +.navbar-inverse { background: transparent; border: 0; } +.navbar-brand { height: auto; padding: 25px 0; } +.navbar .navbar-brand img { height: 40px; } +.navbar { min-height: 80px; } +.navbar-nav { float: right; } +.navbar-inverse .navbar-nav>li { padding: 35px 15px; } +.navbar-inverse .navbar-nav>li>a { color: #ffffff; padding: 0; text-transform: capitalize; } +.navbar-inverse .navbar-nav>li>a:hover { color: #5E9ECA; } +.navbar.affix { width: 100%; background: #323232; } +.navbar.affix { width: 100%; background: #323232; } +.navbar { min-height: inherit !important; } +.navbar.affix .navbar-brand img { height: 30px; } +.navbar.affix .navbar-brand { padding: 15px 0; } +.navbar.affix .navbar-nav>li { padding: 20px 15px; } + .navbar-nav>li>a { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } + +/*vertical-header*/ +.vertical-header .container-fluid { padding: 0 80px; } +.menu-responsive { display: none; } +.vertical-header .navbar { overflow-y: scroll; overflow-x: hidden; height: 100%;} +.vertical-header { padding-left: 260px; } +.header.vertical-menu { position: fixed; left: 0; top: 0; width: 260px; min-height: 100%; background: #212121; z-index: 999; -o-transition: all 1s; -webkit-transition: all 1s; + transition: all 1s; } +.header.vertical-menu .menu-bar { float: none; } +.mega-menu.vertical-left, .mega-menu.vertical-right { float: none; } +.menu-widgets { position: absolute; bottom: 20px; } +.menu-widgets .social-icons.border li a { border:2px solid; line-height: 30px; } +.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #5E9ECA; } +header.one-page.vertical-menu { position: fixed; left: 0; top: 0; height: 100%; background: #212121; width: 260px; padding: 30px; } +header.one-page.vertical-menu .navbar-header { float: none; margin-bottom: 20px; } +header.one-page.vertical-menu .navbar-nav { float: none; } +header.one-page.vertical-menu .navbar-nav>li { display: block; float: none; } +header.one-page.vertical-menu .navbar-inverse .navbar-nav>li { padding: 15px 0px; } +header.one-page.vertical-menu .navbar-collapse { padding: 0; } +header.one-page.vertical-menu .menu-widgets { padding: 0px; } + +header.one-page.light { position: relative; background: #ffffff; } +header.one-page.light .navbar { margin-bottom: 0; } +header.one-page.light .navbar-inverse .navbar-nav>li>a { color: #323232; } +header.one-page.light .navbar-inverse .navbar-nav>li>a:hover { color: #5E9ECA; } +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #5E9ECA; } + +header.one-page.light .navbar-inverse .navbar-collapse, header.one-page.light .navbar-inverse .navbar-form { background: #ffffff; } +header.one-page.light .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a { padding: 5px 10px; -o-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; } +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #5E9ECA; -webkit-box-shadow: inset 178px 0px 0px 0px #5E9ECA; -o-box-shadow: inset 178px 0px 0px 0px #5E9ECA; -ms-box-shadow: inset 178px 0px 0px 0px #5E9ECA; -moz-box-shadow: inset 178px 0px 0px 0px #5E9ECA; color: #fff; transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -moz-transition: all 0.9s ease-in; -ms-transition: all 0.9s ease-in; -o-transition: all 0.9s ease-in; } + +.one-page.nav-center .navbar-collapse.collapse { text-align: center; } +.one-page.nav-center .navbar-nav { float: none; display: inline-block; } +.one-page.transparent { background: rgba(0, 12, 27, 0.5); } +.one-page.transparent .navbar { margin-bottom: 0; } + +/*dark-text*/ +.one-page.dark-text .navbar-inverse .navbar-nav>li>a { color: #323232; } +.one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #d12326; } +.one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover { color: #d12326; } +.one-page.dark-text .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } + +/*mega menu vertical*/ +.vertical-menu .menu .menu-logo { padding: 50px 20px; } +.vertical-menu .menu .mega-menu .menu-links > li > a { padding: 0 23px; } +.vertical-menu .menu-widgets { padding: 20px; } + + @media (min-width: 1101px) { +.mega-menu { min-height: inherit; } +.mega-menu > section.menu-list-items { float: none; } +.mega-menu > section.menu-list-items > .container, +.mega-menu > section.menu-list-items > .container > .row, +.mega-menu > section.menu-list-items > .container > .row > div { height: 100%; } +.mega-menu > section.menu-list-items .menu-bar { height: 100%; } +.mega-menu > section.menu-list-items .menu-bar > ul{ display: table !important; height: 100%; } +.mega-menu > section.menu-list-items .menu-bar > ul > li { display: table-cell; vertical-align: middle; float: none; } +.mega-menu .drop-down, .mega-menu .drop-down-tab-bar, .mega-menu .drop-down-multilevel { top: 100%; } +.mega-menu > section.menu-list-items .search-cart { height: 100%; } +.mega-menu > section.menu-list-items .search-cart .search { vertical-align: middle; display: table; height: 100%; float: left; } +.header .search .search-btn { display: table-cell; vertical-align: middle; position: relative; width: 10px; float: none; clear: both; height: 100%; } +.search .search-btn:before { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } +.search-cart .shpping-cart { display: table; float: left; height: 100%; } +.shpping-cart a { position: relative; display: table-cell; vertical-align: middle; } +.shpping-cart strong.item { display: block; position: absolute; top: 50%; border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); margin-top: -10px; } +.cart { top: 100%; } +.mega-menu > section.menu-list-items > .container-fluid, +.mega-menu > section.menu-list-items > .container-fluid > .row, +.mega-menu > section.menu-list-items > .container-fluid > .row > div { height: 100%; } +.logo-center .mega-menu > section.menu-list-items .menu-bar > ul { height: auto; } +.logo-center .mega-menu > section.menu-list-items .menu-bar > ul > li { display: inline-block; } +.logo-center .mega-menu > section.menu-list-items .search-cart { height: auto; } +.logo-center .mega-menu > section.menu-list-items .menu-bar { height: auto; } +.logo-center .mega-menu .drop-down, .logo-center .mega-menu .drop-down-tab-bar, .logo-center .mega-menu .drop-down-multilevel { top: auto; } +.logo-center .mega-menu .menu-links > li > a { line-height: 72px; } +.logo-center.header .search .search-btn { line-height: 72px; } +.logo-center .search-cart i.icon { line-height: 72px; } +.logo-center .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 60px; } +.logo-center .mega-menu.desktopTopFixed .search .search-btn { line-height: 60px; } +.logo-center .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 60px; } +.logo-center .search .search-btn:before { top: inherit; transform: inherit; } +.logo-center .search-cart .shpping-cart { float: right; } + +.vertical-menu .mega-menu > section.menu-list-items .menu-bar { height: auto; } +.vertical-menu .mega-menu > section.menu-list-items .menu-bar > ul > li { display: block; } +.search-cart .side-menu-icon { display: table; float: left; height: 100%; } +.side-menu-icon .menu-icon { position: relative; display: table-cell; vertical-align: middle; } + +.header.light .mega-menu { min-height: 90px; } + +} + +/************************************* + Slider (all home page main sliders ) + **************************************/ +.rev-slider { overflow: hidden; position: relative; } + + + /*slider 10*/ +#rev_slider_14_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; } + #rev_slider_14_1 .zeus .tp-bullet{box-sizing:content-box; -webkit-box-sizing:content-box; border-radius:60%; background-color:rgba(255,255,255,0.5); -webkit-transition:opacity 0.3s ease; transition:opacity 0.3s ease; width:14px;height:14px; border:0px solid rgb(255,201,4)}#rev_slider_14_1 .zeus .tp-bullet:after{content:""; position:absolute; width:100%; height:100%; left:0; border-radius:60%; background-color:rgb(255,201,4); -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:-webkit-transform 0.3s ease; transition:transform 0.3s ease}#rev_slider_14_1 .zeus .tp-bullet:hover:after,#rev_slider_14_1 .zeus .tp-bullet.selected:after{-webkit-transform:scale(1.2); transform:scale(1.2)}#rev_slider_14_1 .zeus .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{width:135px; height:60px; position:absolute; background:#000; background:rgba(0,0,0,0.5); bottom:13px; margin-bottom:10px; transform:translateX(-50%); -webkit-transform:translateX(-50%); box-sizing:border-box; background-size:cover; background-position:center center; visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; border-radius:4px}#rev_slider_14_1 .zeus .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(-50%); -webkit-transform:translateX(-50%)}#rev_slider_14_1 .zeus .tp-bullet-title{color:rgb(255,255,255); text-align:center; line-height:15px; font-size:13px; font-weight:600; z-index:3; visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; position:absolute; bottom:45px; width:135px; vertical-align:middle}#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-imageoverlay{opacity:1; visibility:visible; -webkit-transform:translateY(0px) translateX(-50%); transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{bottom:auto; margin-right:10px; margin-bottom:0px; right:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title{bottom:auto; right:100%; margin-right:10px}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-imageoverlay{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{bottom:auto; margin-left:10px; margin-bottom:0px; left:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title{bottom:auto; left:100%; margin-left:10px}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{bottom:auto; top:13px; margin-top:10px; margin-bottom:0px; left:0px; transform:translateY(0px) translateX(-50%); -webkit-transform:translateX(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet:hover .tp-bullet-image{transform:scale(1) translateY(0px) translateX(-50%); -webkit-transform:scale(1) translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateY(0px) translateX(-50%); -webkit-transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title{bottom:auto; top:13px; margin-top:20px} +#rev_slider_14_1 .uranus.tparrows{width:50px; height:50px; background:rgba(255,255,255,0)}#rev_slider_14_1 .uranus.tparrows:before{width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s}#rev_slider_14_1 .uranus.tparrows:hover:before{opacity:0.75} + + +/************************************* + slider-parallax one page +**************************************/ +.slider-parallax { height: 86vh; position: relative; } +.slider-content-middle { position: absolute; display: inline-block; width: 100%; top: 50%; left: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); + -ms-transform: translate(0,-50%);-o-transform: translate(0,-50%); transform: translate(0,-50%); } +/*scroll-down*/ +.scroll-down { text-align: center; width: 34px; height: 58px; display: inline-block; border-radius: 20px; border:2px solid #fff; position: absolute; left: 50%; bottom: 60px; +margin-left: -17px; line-height: 50px; } +.scroll-down i { height: 10px; width: 4px; background: #fff; display: inline-block; border-radius: 3px; -webkit-animation-name:fadebounce; -moz-animation-name:fadebounce; -ms-animation-name:fadebounce; -o-animation-name:fadebounce; animation-name:fadebounce; -webkit-animation-duration:3s; -moz-animation-duration:3s; -ms-animation-duration:3s; -o-animation-duration:3s; + animation-duration:3s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; + animation-iteration-count:infinite; } +@-moz-keyframes fadebounce { +0% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; } +50% { -moz-transform:translateY(25px); transform:translateY(25px); opacity:1; } +100% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@-webkit-keyframes fadebounce { +0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } +50% { -webkit-transform:translateY(25px); transform:translateY(25px); opacity:1; } +100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@-o-keyframes fadebounce { +0% { -o-transform:translateY(0); transform:translateY(0); opacity:1; } +50% {-o-transform:translateY(25px);transform:translateY(25px);opacity:1; } +100% {-o-transform:translateY(0);transform:translateY(0);opacity:1; } +} +@-ms-keyframes fadebounce { +0% { -ms-transform:translateY(0); transform:translateY(0); opacity:1; } +50% {-ms-transform:translateY(25px);transform:translateY(25px);opacity:1; } +100% {-ms-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@keyframes fadebounce { +0% { transform:translateY(0); opacity:1; } +50% {transform:translateY(25px);opacity:1; } +100% {transform:translateY(0);opacity:1; } +} + +/*personal-typer-banner*/ + .personal-typer-banner span.sub-text { font-size: 22px; line-height: 22px; margin-bottom: 16px; display: block; } + .personal-typer-banner b { border-bottom: 2px solid #5E9ECA; } + .personal-typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; color: #5E9ECA; } + .personal-typer-banner h1 span { color: #ffffff; font-size: 50px; display: inline-block; transform: rotate(-90deg); line-height: 50px; position: relative; top: -11px; left: -20px; } + .personal-typer-banner h2 { border-left: 3px solid #5E9ECA; padding-left: 10px; margin-top: 20px; } + +/*typer-banner*/ +.typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; } +.typer-banner p { font-size: 22px; line-height: 22px; } +.slider-content .typer { color: #5E9ECA !important; } + +/*popup-video-banner*/ +.popup-video-banner h1 { font-size:60px; line-height:80px; font-weight: 400; } +.popup-video-banner a span{ margin-left: 6px; width: 50px; height: 50px; line-height: 50px; display: inline-block; text-align: center; background: #ffffff; color: #5E9ECA; border-radius: 50%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } +.popup-video-banner a:hover span { background: #5E9ECA; color: #ffffff; } +.popup-video-banner a strong { padding-left:10px; display: inline-block; } + + /*video-background-banner*/ +#video-background.bg-overlay-black-50:before { z-index: 0; } +.video-background-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; text-transform: uppercase; } +.video-background-banner .slider-content { border:20px solid #5E9ECA; width: 50%; margin: 0 auto; padding: 60px 30px; } +.video-background-banner .slider-content span { font-size: 22px; line-height: 22px; color: #ffffff; display: block; margin-bottom: 20px; } +.video-background-banner .slider-content p { font-size: 18px; line-height: 22px; color: #ffffff; margin-top: 20px; } + +/* portfolio-banner*/ +.portfolio-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; } +.portfolio-banner .slider-content { background: #ffffff; width: 50%; margin: 0 auto; padding: 60px 30px; box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.02); } +.portfolio-banner .slider-content span { text-transform: uppercase; letter-spacing: 10px; font-size: 18px; line-height: 18px; display: block; margin-bottom: 20px; font-weight: 600; } +.portfolio-banner .slider-content span i { line-height: 20px; } +.portfolio-banner .slider-content h1 { font-size: 70px; margin-bottom: 0; } + + /************************************* + Background + **************************************/ +/*images background*/ + .white-bg { background: #fff; } + .gray-bg { background: #666; } + .dark-gray-bg { background: #666666; } + .theme-bg { background: #5E9ECA; } + .black-bg { background: #323232; } + .dark-theme-bg { background: #050801; } + + .bg-overlay-black-10:before { background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-20:before { background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-30:before { background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-40:before { background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-50:before { background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-60:before { background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-70:before { background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-80:before { background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-90:before { background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-10:before { background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-20:before { background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-30:before { background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-40:before { background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-50:before { background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-60:before { background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-70:before { background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-80:before { background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-90:before { background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-20:before { background: rgba(132,186,63, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-50:before { background: rgba(132,186,63, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-70:before { background: rgba(132,186,63, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-90:before { background: rgba(132,186,63, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-10, .bg-overlay-black-20, .bg-overlay-black-30, .bg-overlay-black-40, .bg-overlay-black-50, .bg-overlay-black-60, .bg-overlay-black-70, .bg-overlay-black-80, .bg-overlay-black-90, .bg-overlay-white-10, .bg-overlay-white-20, .bg-overlay-white-30, .bg-overlay-white-40, .bg-overlay-white-50, .bg-overlay-white-60, .bg-overlay-white-70, .bg-overlay-white-80, .bg-overlay-white-90, .bg-overlay-theme-20, .bg-overlay-theme-50, .bg-overlay-theme-70, .bg-overlay-theme-90, { position: relative; } + + +/************************************* + home page section + **************************************/ +.our-service-home { padding-bottom: 230px; } +.custom-content { margin-top: -220px; background: #5E9ECA; position: relative; z-index: 9; padding: 50px;} + +/************************************* + decolines + **************************************/ +.decolines { pointer-events: none; position: absolute; width: 100%; height: 100%; top: 0;left: 0; pointer-events: none; } +.decolines--fixed { position: fixed; width: 100vw;height: 100vh; } +.decoline { position: absolute; } + +/************************************* + feature step + **************************************/ +.feature-step h1 { font-size: 60px; } +.feature-step h3 { font-weight: 300; margin: 30px 0px 20px; } +.feature-step a { font-size: 14px; color: #5E9ECA; } +.feature-step a:hover { color: #323232; } + +.feature-step-2-box { padding: 70px 30px; z-index: 99; position: relative; } +.feature-step-2.bg-01 { background: url(../images/blog/05.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-02 { background: url(../images/blog/06.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-03 { background: url(../images/blog/09.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-overlay-black-50:before { z-index: 0; } +.feature-step-2 .feature-step-2-title-left h1 { font-size: 75px; line-height: 60px; color: #ffffff; } +.feature-step-2 h3 { margin-bottom: 0; } +.feature-step-2 h2{font-weight: 200; position: relative; padding-bottom: 10px; font-size: 28px; } +.feature-step-2 img {display: block; width: 100%;} +.feature-step-2 .button { margin-top: 20px; } +.feature-step-2 .feature-step-2-title-left {opacity: 0.5; display: table-cell; padding-right: 26px; } +.feature-step-2-title-2-right { display: table-cell; vertical-align: top; } +.feature-step-2.black-bg .feature-step-2-box, .feature-step-2.theme-bg .feature-step-2-box{position: inherit; top: inherit; transform: inherit; display: inline-block;} +.service-blog { padding-top: 50px; padding-right: 25px; margin-bottom: 100px; } +.service-blog p { position: relative; z-index: 9; margin-top: 20px; margin-bottom: 20px; } +.service-blog b {position: absolute; z-index: 0; top: -35px; font-family: 'Poppins', sans-serif; right: -35px; font-size:300px; color: #dde1eb; line-height: normal; opacity: 0.3;} +.service-blog ul { border-right: 6px solid #5E9ECA; padding-right: 20px; } +.service-blog li { color: #626262; font-size: 16px; line-height: 22px; padding: 2px 0 7px; } +.service-blog.left b{left:-35px; right: inherit;} +.service-blog.left ul{border-left:6px solid #5E9ECA;border-right:0 none;padding-left:20px;padding-right:0;} +/*split-section*/ +.split-section { position: relative; z-index: 10; } +.split-section .img-holder { position: absolute; top: 0; width: 100%; height: 100%; } +.split-section .img-side.img-right { right: 0; } +.split-section .img-side.img-left { left: 0; } +.split-section .img-side { right: 0; padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100; } + .our-awesome-core .img-side { top: 20px; } + + /************************************* + about us + **************************************/ +.who-we-are-left .owl-carousel .owl-dots { bottom: 26px; position: absolute; } +.who-we-are-left .owl-carousel.owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; border-radius: 50%; } + + /************************************* + resume + **************************************/ +.resume-page .container-fluid { padding: 0 70px; } +.resume-block .resume-icon { float: left; margin-right: 30px; } +.resume-block .resume-icon span { font-size: 30px; line-height: 50px; color: #5E9ECA; } +.resume-block .resume-name { display: table-cell; } +.resume-block .resume-name span { color: #9ea8b6; font-size: 16px; } +.resume-contact #map { padding-top: 120%; } +.resume-contact .contact-form-main { padding: 80px 80px; } +.resume-contact .footer-widget-social a i { color: #ffffff; background: rgba(43, 43, 43, 0.12); width: 45px; height: 45px; line-height: 45px; } +.resume-contact .footer-widget-social a i:hover { background: rgba(43, 43, 43, 0.19); } + + /************************************* + portfolio + *************************************/ + .isotope-filters { display: table; margin:0px 0px 30px 0px; text-align: left; } +.isotope-filters.text-left { display: block; margin: 0px 0px 30px 0px; text-align: left; } +.isotope-filters button { margin: 4px; cursor: pointer; padding: 6.5px 16px; font-size: 14px; background: transparent; border-radius: 18px; color: #363636; font-weight: 600; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } +.isotope-filters button:focus { outline: none; outline-style: none; outline-offset:0; } +.isotope-filters button.active, .isotope-filters button:hover { background: #5E9ECA; color: #fff; border-color: #5E9ECA; } +.isotope-filters button+button { margin-left: px; background-color: #fff; } +.isotope, .masonry { margin: 0 -15px 0 0; } +.isotope .grid-item img { width: 100%; } +.isotope.columns-1 .grid-item { width: 100%; padding: 0 15px 15px 0; } +.isotope.columns-2 .grid-item { width: 50%; padding: 0 15px 15px 0; } +.isotope.columns-3 .grid-item { width: 33.33333333%; padding: 0 15px 15px 0; } +.isotope.columns-4 .grid-item { width: 25%; padding: 0 15px 15px 0; } +.isotope.columns-5 .grid-item { width: 20%; padding: 0 15px 15px 0; } +.isotope.no-padding .grid-item { padding: 0 !important; } +.masonry.no-padding .masonry-item { padding: 0 !important; } +.masonry .masonry-item img { width: 100%; } +.masonry.columns-2 .masonry-item { width: 50%; padding: 0 15px 15px 0; } +.masonry.columns-3 .masonry-item { width: 33.33333333%; padding: 0 15px 15px 0; } +.masonry.columns-4 .masonry-item { width: 25%; padding: 0 15px 15px 0; } +.masonry.columns-5 .masonry-item { width: 20%; padding: 0 15px 15px 0; } +.isotope.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.isotope.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } +.isotope.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.isotope.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } +.masonry.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.masonry.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } +.masonry.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.masonry.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } + + /************************************* + portfolio item + **************************************/ +.portfolio-title { padding: 100px 60px 30px; } +.portfolio-title span { display: block; } +.portfolio-item { width: 100%; position: relative; overflow: hidden; color: #fff; border: 0; position: relative; } +.portfolio-item img { width: 100%; -webkit-transition: -ms-transform 0.35s; -o-transform 0.35s; -moz-transform 0.35s; transition: transform 0.35s; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;} +.portfolio-item .portfolio-overlay { width: 100%; background: #5E9ECA; padding: 10px 0px; position: absolute; bottom:-80px; display: block; margin-top: 0; float: left; z-index: 9; text-align: left; padding-left: 20px; left: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item .portfolio-overlay h4 { font-weight: 600; margin-bottom: 5px; } +.portfolio-item .portfolio-overlay a:hover { color: #323232; } +.portfolio-item .portfolio-overlay span { font-weight: 400; font-size: 14px; } +.portfolio-item .portfolio-overlay span a { color: #ffffff; } +.portfolio-item .portfolio-overlay span a:hover { color: #323232; } +.portfolio-item a.popup{position: absolute; right: 20px; top: -20px; color: #fff; z-index: 9; display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 40px; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;} +.portfolio-item a.popup:hover { background: #5E9ECA; color: #ffffff; } +.portfolio-item:hover img { -webkit-transform:scale(1.20); -moz-transform:scale(1.20); -ms-transform:scale(1.20); -o-transform:scale(1.20); transform:scale(1.20); } +.portfolio-item:hover a.popup{ opacity: 1; top: 20px; } +.portfolio-item:before { content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-size: 115%; + -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.7s cubic-bezier(.68,.11,.13,.98); + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.owl-carousel .owl-item .portfolio-item img { width: 100%; } + .portfolio-item.only-popup { width: 100%; text-align: center; } + .portfolio-item.only-popup a.popup { display: inline-block; left: 50%; margin-left: -20px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } +.portfolio-item:hover .portfolio-overlay { bottom: 0; } +/* no-title */ +.no-title .portfolio-item .portfolio-overlay { position: inherit; bottom: inherit; background: #f6f7f8; } +.no-title .portfolio-item .portfolio-overlay a, .no-title .portfolio-item .portfolio-overlay span { color: #323232; } +.no-title .portfolio-item .portfolio-overlay a:hover { color: #5E9ECA; } + /*portfolio pupup*/ + .mfp-bottom-bar { display: none; } +.portfolio-home .isotope { margin-bottom: 0; } + +/************************************* + portfolio-item-2 +**************************************/ +.portfolio-item-2 { width: 100%; overflow: hidden; position: relative; } +.portfolio-item-2:before { background: transparent; } +.portfolio-item-2 .portfolio-hover { padding: 20px; position: absolute; z-index: 99; bottom: 0px; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-name { position: absolute; bottom: -10px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-name span { font-size: 14px; color: #fff; display: block; } +.portfolio-item-2 .portfolio-hover .hover-name a { font-size: 22px; text-transform: uppercase; color: #fff; display: block; margin-top: 5px; } +.portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #5E9ECA; } +.portfolio-item-2 .portfolio-hover .hover-icon { position: absolute; bottom: -10px; right: 30px; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-icon a { color: #fff; } +.portfolio-item-2 .portfolio-hover .hover-icon a:hover { color: #5E9ECA; } +.portfolio-item-2:hover .portfolio-hover { opacity: 1; background: rgba(0, 0, 0, 0.9); } +.portfolio-item-2 img { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } +.portfolio-item-2:hover img { opacity: 0.1; -webkit-transform:scale(1.10); -moz-transform:scale(1.10); -ms-transform:scale(1.10); -o-transform:scale(1.10); transform:scale(1.10); } +.portfolio-item-2:hover .portfolio-hover .hover-name { bottom: 30px; } +.portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: 40px; } +.no-title .portfolio-item-2 { overflow: visible; } +.no-title .portfolio-item-2 .portfolio-hover { position: inherit; border: inherit; opacity: 1; background: #f6f7f8; clear: both; } +.no-title .portfolio-item-2:hover .portfolio-hover { bottom: inherit; background: inherit; background: #f6f7f8; } +.no-title .portfolio-item-2 .portfolio-hover .hover-name { bottom: inherit; position: inherit; display: inline-block; clear: both; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon { bottom: inherit; position: inherit; display: inline-block; float: right; padding-top: 20px; text-align: right;} +.no-title .portfolio-item-2:hover .portfolio-hover .hover-name { bottom: inherit; } +.no-title .portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: inherit; } +.no-title .portfolio-item-2:hover img { opacity: 1; -webkit-transform:inherit; -moz-transform:inherit; -ms-transform:inherit; -o-transform:inherit; transform:inherit; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon a, .no-title .portfolio-item-2 .portfolio-hover .hover-name span, .no-title .portfolio-item-2 .portfolio-hover .hover-name a { color: #323232; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .no-title .portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #5E9ECA; } + + /************************************* + Portfolio single page +**************************************/ + /*tags*/ +.tags h5 { display: inline-block; padding-right: 20px; } +.tags ul { display: inline-block; } +.tags li { display: inline-block; } +.tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } + +/*share*/ +.share .social ul { display: inline-block; } +.share .social ul li { display: inline-block; padding: 0px 6px; } +.share .social ul li a:hover { color: #353535; } + +/*port-meta*/ +.port-meta ul { margin-bottom: 30px; } +.port-meta li { margin-bottom: 20px; font-size: 16px; } +.port-meta li b { color: #5E9ECA; width: 200px; font-weight: 400; width: 100px; display: inline-block; } +.port-meta li span { font-weight: normal; } +.port-info p { margin-bottom: 0px; } + +/*port-navigation*/ +.port-navigation { padding: 20px 0; border-bottom:1px dashed #d0d0d0; border-top: 1px dashed #d0d0d0;} +.port-navigation a { color: #626262; } +.port-arrow { height: 74px; width: 40px; text-align: center; background: #f7f7f7; display: inline-block;} +.port-arrow i { text-align: center; font-size: 25px; line-height: 75px;} +.port-photo { width: 124px; height: 77px; display: inline-block; } +.port-photo img { width: 100%; } + +/*port-post*/ +.port-post { background: #f7f7f7; padding: 15px; } +.port-post-photo { width: 170px; display: inline-block; float: left; margin-right: 20px; } +.port-post-photo img { width: 100%; } + +/*port-post-info*/ +.port-post-info { padding-left: 190px;} +.port-post-info h3 { display: inline-block; font-size: 24px; } +.port-post-info span { color: #626262; } +.port-post-social strong { font-size: 14px; } +.port-post-social a { color: #626262; margin-left: 8px; font-size: 14px; } +.port-post-social a:hover { color: #5E9ECA; } +.port-post-info p { margin-top: 10px; } +.port-singal .owl-carousel .owl-item img { width: 100%; } + +/************************************* + Our Blog + **************************************/ + /*Blog 1*/ +.blog-box { padding: 30px; border:1px solid #ddd; position: relative; z-index: 1; } +.blog-info { position: relative; z-index: 9; } +.blog-info span { color: #626262; font-size: 14px; margin-right: 6px; } +.blog-info h4 { font-weight: 600; font-size: 18px;} +.blog-box .post-format-icon{text-align: right; position: relative; z-index: 9} +.blog-box .post-format-icon i { padding-right: 0; font-size: 35px; color: #e1e1e1; } +.blog-info p { padding: 0px 0 10px; font-size: 14px; } +.blog-box .post-category a { display: inline-block; padding: 5px 15px; font-size: 12px; text-transform: uppercase; font-weight: 700; border-radius: 50em; color:#fff; background-color: #5E9ECA; -webkit-transition: all 0.3s ease; -moz-transition: ll 0.3s ease; transition: all 0.3s ease; margin-bottom: 20px;} +a.blog-btn { text-align: center; font-size: 14px; color: #5E9ECA; display: block; padding-bottom: 12px; position: relative; z-index: 1; } +a.blog-btn i { margin-left: 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-box .border { position: absolute; background: #5E9ECA; height: 0px; bottom: 0; left: 0; z-index: 0; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-box .blog-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background-size: cover; background-position: center center; } +.blog-box:hover .blog-box-img, .blog-box.active .blog-box-img { opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-1:hover h4, .blog-1:hover i, .blog-1:hover span, .blog-1:hover p, .blog-1:hover a.blog-btn, .blog-1.active h4, .blog-1.active i, .blog-1.active span, .blog-1.active p, .blog-1.active a.blog-btn,.blog-1:hover .post-category a,.blog-1:hover .post-format-icon i,.blog-1.active .post-category a,.blog-1.active .post-format-icon i { color: #fff; } +.blog-box:hover .blog-box-img:before, .blog-box.active .blog-box-img:before { background: rgba(0, 0, 0, 0.6); color: #fff; content: ""; display: inline-block; height: 100%; + left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } +.blog-box.blog-2 {padding: 0; position: relative; border:none; transition: all 0.5s ease 0s; height: 100%; } +.blog-box.blog-2 .blog-info{background: #ffffff; padding: 30px;} +.blog-box.blog-2.gray-bg .blog-info {background: #f7f7f7; } +.blog-box.blog-2 .blog-box-img{opacity: 1;} +.blog-box.blog-2 .post-format-icon{position: absolute; right: 30px; top: 30px;} +.blog-box.blog-2 .button.icon-color{text-transform: capitalize; float: right;} +.blog-box.blog-2:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);} +.blog-box.blog-2.gray-bg:hover { box-shadow: none;} +.blog-box.blog-2.transparent .blog-info { background: transparent; padding: 30px 0; } +.blog-box.blog-2.transparent .blog-info span { color: #ffffff; } + + +/*************************** + blog +***************************/ +.blog-entry { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } +.blog-entry:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } +.blog-entry .entry-image img { width: 100%; } +.blog-entry .blog-detail { background: #ffffff; padding: 30px; border-top: 0px; } +.blog-entry .blog-detail .entry-title a { font-size: 22px; font-weight: 600; line-height: 24px; color: #353535; line-height: 28px; } +.blog-entry .blog-detail .entry-title a:hover { color: #5E9ECA; } +.blog-entry .entry-meta ul li { display: inline-block; margin-right: 12px; } +.blog-entry .entry-meta ul li i { color: #5E9ECA; padding-right: 6px; } +.blog-entry .entry-meta ul li a { color: #353535; line-height: 0px; padding-right: 5px; } +.blog-entry .entry-meta ul li a i { padding-right: 6px; color: #5E9ECA; } +.blog-entry .entry-meta ul li a:hover { color: #5E9ECA; } +.blog-entry .social strong { display: inline-block; margin-right: 10px; } +.blog-entry .entry-button { display: inline-block;} +.blog-entry .social ul { display: inline-block; } +.blog-entry .social ul li { display: inline-block; padding: 0px 6px; } +.blog-entry .social ul li a:hover { color: #353535; } +.blog-entry .entry-share { margin-top: 20px; display: block; } + +/*blog-entry blockquote*/ +.blog-entry.blockquote { background: #5E9ECA; border: 0px; padding: 36px 30px; } +.blog-entry.blockquote blockquote { background: #5E9ECA; border-left: 0px; color: #ffffff; padding: 0px; position: relative; margin-top: 0 !important; padding-top: 60px; } +.blog-entry.blockquote blockquote:before { content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #ffffff; position: absolute; left: 0px; top: -20px; } +.blog-entry.blockquote .blog-detail { border: 0px; background: #5E9ECA; padding: 0px; } +.blog-entry.blockquote .blog-detail .entry-title a { color: #ffffff; } +.blog-entry.blockquote .blog-detail .entry-title a:hover { color: #323232; } +.blog-entry.blockquote .social ul li a { color: #ffffff; } +.blog-entry.blockquote .social ul li a:hover { color: #323232; } +.blog-entry.blockquote .entry-meta ul li a { color: #ffffff; } +.blog-entry.blockquote .entry-meta ul li i { color: #ffffff; } +.blog-entry.blockquote .entry-meta ul li a i { color: #ffffff !important; } +.blog-entry.blockquote .entry-meta ul li a:hover { color: #323232; } +.blog-entry.blockquote .button.arrow.white:hover { color: #323232; } + +/*video vimeo and youtube*/ +.js-video { height: 0; padding-top: 25px; padding-bottom: 54%; position: relative; overflow: hidden; } +.js-video.widescreen { padding-bottom: 34.34%; } +.js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: none; } +.js-video.big { padding-top: 30px; } + +.blog-entry .grid-post li { float: left; width: 50%; border-right: 4px solid #fff; border-bottom: 4px solid #fff; list-style: none; } +.blog-entry .grid-post li img { width: 100%; } +.blog-entry .grid-post li .portfolio-item { width: 100%; } + + /*blog-entry-audio*/ + .blog-entry .blog-entry-audio { padding: 136px 20px; background: url(../images/blog/04.jpg) no-repeat; background-position: center center; background-size: cover; } + + /*blog pages*/ + /*blog-grid-3-column*/ + .blog-grid-3-column .blog-entry .blog-entry-audio { padding: 63px 20px; } + .blog-grid-2-sidebar .blog-entry .blog-entry-audio { padding: 96px 20px; } + +/************************************* + our services +**************************************/ +.service-image-holder { position: relative; height: 496px; } +.service-image-holder .section-title-2 { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } +.services-text-box { background:#fff; padding: 10% 15%;} +.services-text-box-black { background:#363636; padding: 80px 50px !important; } +.services-text-box-green { background:#5E9ECA; padding: 80px 50px !important; } + +/************************************* + creativity +**************************************/ +.creativity h1 { line-height: 65px; text-transform: uppercase; font-size: 50px; font-weight: bold; } +.creativity p { font-size: 30px; } +.creativity .button { display: inline-block; float: none; } + .contact-map iframe { width: 100%; height: 100%; } +#formmessage {display: none;} +.contact-form .section-field { position: relative; width: 31.3%; margin-right: 3%; float: left; } +.contact-form .section-field:nth-child(3) { margin-right: 0px; } +.contact-form .section-field:nth-child(6) { margin-right: 0px; } +.contact-box.contact-box-top { margin-top: -1px; position: relative; } +.touch-in .contact-box {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); display: inline-block; margin-bottom: 0; padding: 60px 20px; width: 100%;} +.contact-box i { background: #5E9ECA; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 5px; font-size: 34px; color: #ffffff; display: inline-block;} +.contact-form .form-control {position: relative; width: 100%; margin-bottom: 20px; } +.section-field.textarea{width: 100%;} +.g-recaptcha.section-field {width: 100%; margin-bottom: 20px; } +.contact-form textarea.form-control {width: 100%; } +.contact-box .contact-icon { display: table-cell; padding-right: 20px; } +.contact-box .contact-icon i { background: transparent; line-height: normal; font-size: 34px; height: auto; width: auto;} +.contact-box.theme-bg .contact-icon i{color: #ffffff !important;} +.contact-box .contact-info { display: table-cell; vertical-align: top; padding: 0; background: none;} +.contact-2 .addresss-info p, .contact-2 .addresss-info i, .contact-2 .addresss-info li{color: #ffffff;} +.contact-2 .contact-add{padding: 80px 0} +.contact-2 .contact-add i{font-size: 40px;} +.contact-3 #map { padding-top: 101%; } +.contact-2 #map { padding-top: 100%; } +.map-side { left: 0; overflow: hidden; padding: 0; position: absolute; top: 0; z-index: 9;} +.map-side.map-right {left: auto; right: 0;} +.contact-3 .contact-add{padding: 80px 20px; } +.contact-3 .contact-add i{font-size: 40px; color: #5E9ECA;} +.contact-3 .contact-form .section-field {width: 100%;} +.contact-social ul li { display: inline-block; } +.contact-social ul li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #323232; background: #eceff8; font-size: 14px; border-radius: 3px; margin-right: 5px; } +.contact-social ul li a:hover { background: #353535 !important; color: #fff;} +.contact-3 .theme-bg.contact-add i{color: #ffffff !important;} +.footer #logo-footer { height: 30px; } +.footer-contact .footer-nav ul li a { color: #353535; } +.footer-contact .footer-nav ul li a:hover { color: #2046f2; } +.footer-contact .contact-box .contact-icon i { background: transparent; color: #5E9ECA; margin-bottom: 10px; } +.footer.footer-topbar hr { border-color: #d9d9d9; } +.footer-contact .social ul { background: #f6f7f8; } +.footer-contact .social ul li a i { color: #353535; } +.footer-contact .social ul li a i:hover { color: #2046f2; } +.footer-contact .usefull-link ul li a { color: #353535; } +.footer-contact .usefull-link ul li a:hover { color: #2046f2; } +.footer-contact { box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); margin-bottom: 80px; margin-top: -220px; padding: 60px 0; } +.footer-contact .contact-box { text-align: center; } +.footer-contact .contact-box .contact-icon { display: block; padding-right: 0; color: #2046f2; } +.footer-contact .contact-box .contact-info { display: block; background: none; padding: 0; width: 100%;} +.footer-contact .contact-box .contact-info .section-title { margin-bottom: 0px; } +.footer-contact .contact-box .contact-info h5 { color: #353535; } +.our-clients.theme-bg{padding: 60px 0 170px;} +.footer-Newsletter .form-control::-moz-placeholder { color: rgba(255,255,255,0.5); } +.footer-Newsletter .form-control::-ms-input-placeholder { color: rgba(255,255,255,0.5); } +.footer-Newsletter .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.5); } + +/************************************* + Our History +**************************************/ + .history-main { width: 100%; } + .liner { background: #fff; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: 96%; z-index: 1; position: relative; } + .liner i { position: absolute; right: -2px; top: -9px; color: #fff; } + .history-content { list-style: outside none none; padding: 125px 0; width: auto; } + .history-1 { position: relative; left: 45px; } + .history-2 { position: relative; margin-left: 30%; } + .history-3 { position: relative; margin-left:58%; } + .history-4{ position: relative; margin-left: 95%; } + .history-line { background: #fff; height: 60px; left: 3px; position: absolute; top: -75px; width: 2px; z-index: 9; } + .history-time-lin { position: relative; top: 10px; z-index: 2; } + .history-time-lin:before { bottom: 0; } + .history-time-lin:before { background: #fff; border-radius: 50%; content: ""; height: 20px; left: -5px; position: absolute; width: 20px; z-index: 1; } + .history-time-lin:after { border:2px solid #fff; background: #000; border-radius: 50%; content: ""; height: 30px; left: -5px; position: absolute; width: 30px; } + .history-time-lin:after { left: -10px; top: -25px; } + .history-item { left: -20px; position: absolute; top: -125px; } + .history-item a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } + .history-5 { position: relative; margin-left: 15%; } + .history-6 { position: relative; margin-left: 53%; } + .history-7 { position: relative; margin-left:78%; } + .history-line-2 { background: #fff none repeat scroll 0 0; height: 60px; left: 3px; position: absolute; top: 15px; width: 2px; z-index: 9; } + .history-item-2 { left: -20px; position: absolute; top: 75px; } + .history-item-2 a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } + /*Our History */ +.our-history .timeline { list-style: none; padding: 20px 0 20px; position: relative; } +.our-history .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 2px; background-color: #e6e6e6; left: 50%; margin-left: -0.5px; } +.our-history .timeline > li { margin-bottom: 20px; position: relative; } +.our-history .timeline > li:before, +.our-history .timeline > li:after { content: " "; display: table; } +.our-history .timeline > li:after { clear: both; } +.our-history .timeline > li:before, +.our-history .timeline > li:after { content: " "; display: table; } +.our-history .timeline > li:after { clear: both;} +.our-history .timeline > li > .timeline-panel { width: 46%; float: left; padding: 15px 00px 25px 00px; position: relative; } +.our-history .timeline > li > .timeline-panel:before { position: absolute; top: 23px; right: -25px; display: inline-block; width: 25px; height: 2px; background: #e6e6e6; content: " "; } +.our-history .timeline > li > .timeline-badge { color: #fff; width: 18px; height: 18px; line-height: 10px; font-size: 0.7em; text-align: center; position: absolute; top: 16px; left: 50%; + border:3px solid #5E9ECA; margin-left: -9px; background-color: #fff; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0 0 0 5px #f6f6f6; } +.our-history .timeline > li.timeline-inverted > .timeline-panel { float: right;} +.our-history .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -25px; right: auto; } +.our-history .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } + .our-history .timeline-body > p, +.our-history .timeline-body > ul { margin-bottom: 0; } +.our-history .timeline-body > p + p margin-top: 5px; +.our-history .timeline > li { text-align: right;} +.our-history .timeline > li.timeline-inverted { text-align: left;} +.our-history .timeline .timeline-arrow { position: absolute; width: 100%; left: 0.5px; right: 0; text-align: center; color: #e6e6e6; bottom: -29px; } +.our-history .timeline > li > .timeline-badge p{width: 200px; margin-top: -9px; margin-left: 25px;font-size: 17px; font-weight: bold; text-align: left;} +.our-history .timeline > li.timeline-inverted .timeline-badge p{text-align: right; float: right; margin-right: 25px;} + +/************************************* + our-service objects +**************************************/ +.our-service { position: relative; padding-bottom: 280px; z-index: 1; } +.objects-left { position: absolute; height: 100%; width: 100%; left: 0; top: 80px; z-index: -1; } +.objects-left .objects-1 { position: absolute; left: 50px; top: 0; } +.objects-left .objects-2 { position: absolute; left: 100px; bottom: 170px; } +.objects-left .objects-3 { position: absolute; left: 50%; bottom: 150px; margin-left: -150px; } +.objects-right { position: absolute; height: 100%; width: 100%; right: 0; top:80px; z-index: -1; } +.objects-right .objects-4 { position: absolute; right: 0px; top: 0; } +.objects-right .objects-5 { position: absolute; right: 0px; bottom: 170px; } +.objects-right .objects-bottom { position: absolute; right: 0px; bottom: 0; } + +/************************************* + sidebar +**************************************/ +.sidebar-widget p { margin-bottom: 0px; } +/*.widget-search */ +.widget-search { position: relative; } +.widget-search input { padding-right: 30px; color: #353535; box-shadow: none; background: #f6f7f8; } +.widget-search i { position: absolute; right: 0px; padding: 16px 22px; font-size: 14px; color: #626262; cursor: pointer; } +.widget-search input:focus { border-color: #5E9ECA; } + +/*Recent Posts*/ +.sidebar-widget .recent-post { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding-bottom: 20px; margin-bottom: 20px; } +.sidebar-widget .recent-post .recent-post-image { float: left; margin-right: 15px; } +.sidebar-widget .recent-post .recent-post-image img { width: 50px; height: 50px; border-radius: 50%; } +.sidebar-widget .recent-post .recent-post-info { overflow: hidden; } +.sidebar-widget .recent-post .recent-post-info a { display: block; margin-bottom: 5px; color: #323232; } +.sidebar-widget .recent-post .recent-post-info a:hover { color: #5E9ECA; } +.sidebar-widget .recent-post .recent-post-info span { color: #5E9ECA; font-style: italic; font-size: 14px; } +.sidebar-widget .recent-post .recent-post-info span i { padding-right: 10px; } +.sidebar-widget .recent-post:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } + +/*widget-archives*/ +.sidebar-widget .widget-categories li { display: block; margin-bottom: 6px; } +.sidebar-widget .widget-categories li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } +.sidebar-widget .widget-categories li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 10px; width: 20px; height: 20px; text-align: center; } +.sidebar-widget .widget-categories li a:hover { color: #5E9ECA; } +.sidebar-widget .widget-categories li a:hover i { border-color: #5E9ECA; color: #5E9ECA; } + +/*widget-link*/ +.sidebar-widget .widget-link li { display: block; margin-bottom: 6px; } +.sidebar-widget .widget-link li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } +.sidebar-widget .widget-link li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 20px; width: 20px; height: 20px; text-align: center; } +.sidebar-widget .widget-link li a:hover { color: #5E9ECA; } + +/*tags*/ +.sidebar-widget .widget-tags li { display: inline-block; } +.sidebar-widget .widget-tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.sidebar-widget .widget-tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } + +/*widget-testimonial*/ +.sidebar-widget .testimonial-widget .testimonial-content { background: #f6f7f8; padding: 20px; font-style: italic; border-radius: 5px; position: relative; } +.sidebar-widget .testimonial-widget .testimonial-content:before { position: absolute; content: ""; bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; +border-color: #f6f7f8 transparent transparent transparent; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar { display: table-cell; padding-right: 20px; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar img { width: 50px; height: 50px; border-radius: 50%; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name { display: table-cell; vertical-align: top; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name span { display: block; font-style: italic; font-size: 14px; } +.sidebar-widget .testimonial-widget .testimonial-info:before { display: none; } + +/*widget-gallery*/ +.sidebar-widget .widget-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; } + +/*widget-newsletter*/ +.sidebar-widget .widget-newsletter { background: #f6f7f8; padding: 30px; position: relative; z-index: 9; overflow: hidden; } +.sidebar-widget .widget-newsletter .newsletter-icon { position: absolute; right: 0; top: -16px; } +.sidebar-widget .widget-newsletter .newsletter-icon i { font-size: 100px; z-index: 0; color: rgba(0, 0, 0, 0.05); } +.sidebar-widget .widget-newsletter .form-control { background: #ffffff; box-shadow: none; } + +/*widget-clients*/ +.sidebar-widget .widget-clients .item { background: #f6f7f8; padding: 30px 30px; } + +/*opening-time*/ + .opening-time ul li { font-size: 14px; line-height: 20px; color: rgba(255,255,255,0.5); border-bottom: 1px solid #262626; padding-bottom: 14px; margin-bottom: 14px; } + .opening-time ul li:last-child { border-bottom: 0; } + +/************************************* + About me +**************************************/ +.about-me .custom-content { margin-top: 0px; } +.about-me .maintenance-progress-bar { margin: 0; } +.about-me .maintenance-progress-bar .progress-bar { margin: 0 44px; } +.maintenance-progress-bar .progress-bar .rotate { background: #5E9ECA !important; } +.maintenance-progress-bar .progress-bar .right { background: #5E9ECA !important; } +.about-me .portfolio-item { width: 100%;} +.about-me .contact-me p { color: #363636; margin: 15px 0; display: table; } +.about-me .contact-me i { float: left; color: #5E9ECA; margin-right: 15px; line-height: 23px; width: 20px; } +.about-me .follow-me ul { margin-top: 20px; } +.about-me .follow-me li { display: inline-block; } +.about-me .follow-me li a { background: #e4e4e4; color: #5E9ECA; border-radius: 3px; display: block; width: 35px; height: 35px; line-height: 35px; margin-right: 2px; text-align: center; font-size: 16px; } +.about-me .follow-me li a:hover { background: #5E9ECA; color: #fff; } + +/************************************* + Team 1 page +**************************************/ +/*team-details*/ + .team-details .social{display:table;float:right;} +.team-details .social li a { background:#f7f7f7 none repeat scroll 0 0;border-radius:3px;color:#5E9ECA;display:block;font-size:15px;height:35px;line-height:35px;margin-left:0px;text-align:center;width:35px; } +.team-details .social li a:hover { background: #5E9ECA; color: #ffffff; } +.team-details .info i{color:#f7f7f7;font-size:126px;left:0;position:absolute;z-index:0;} +.team-details .info p{font-size:16px;font-style:italic;line-height:28px;padding-left:64px;position:relative;z-index:9;} + +/************************************* + blog page +**************************************/ + .owl-carousel img { width: 100%; } +/*pagination-nav*/ +.pagination { margin:0px; } +.pagination li a { font-size: 15px; font-weight: 500; margin: 0 5px; color: #626262; border-radius: 50%; } +.pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 50%; } +.pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 50%; } +.pagination>.active>a, .pagination>.active>a:hover { color: #626262; } +.pagination > li > a, .pagination > li > span { width: 44px; height: 44px; line-height: 44px; background: #f6f7f8; border:0px; padding: 0; text-align: center; } +.pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background-color:#5E9ECA; color: #ffffff;} +.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color:#5E9ECA; color: #ffffff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); } +.dataTables_paginate li.paginate_button.previous a, .dataTables_paginate li.paginate_button.next a { width: inherit; height: inherit; background: transparent !important; color: inherit !important; box-shadow: none !important; } + /*timeline blog*/ +.blog .timeline { list-style: none; padding: 20px 0 20px; position: relative; } +.blog .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 4px; background-color: #f7f7f7; left: 50%; margin-left: -1.5px; } +.blog .timeline > li { margin-bottom: 20px; position: relative; width: 46%; float: left; clear: left; } +.blog .timeline > li:before, +.blog .timeline > li:after { content: " "; display: table; } +.blog .timeline > li:after { clear: both; } +.blog .timeline > li:before, +.blog .timeline > li:after { content: " "; display: table; } +.blog .timeline > li:after { clear: both; } +.blog .timeline > li > .timeline-panel { width: 95%; float: left; border: 1px solid #d4d4d4; /*border-radius: 2px;*/ /*padding: 20px;*/ position: relative; border:1px solid #f7f7f7; + padding: 20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } +.blog .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #f7f7f7; + border-right: 0 solid #f7f7f7; border-bottom: 15px solid transparent; content: " "; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } +.blog .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; + border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } +.blog .timeline > li > .timeline-badge { color: #fff; width: 54px; height: 54px; line-height: 18px; padding: 6px; font-size: 22px; border:4px solid #f7f7f7; background: #fff; + border-radius: 50%; text-align: center; font-weight: bold; position: absolute; color: #f7f7f7; top: 16px; right: -73px; /*z-index: 100;*/ } +.blog .timeline > li > .timeline-badge span { font-size: 13px; font-weight: normal; display: block; } +.blog .timeline > li.timeline-inverted > .timeline-panel { float: right; } +.blog .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } +.blog .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } +.blog .timeline-title { margin-top: 0; color: inherit; } +.blog .timeline-body > p, +.blog .timeline-body > ul { padding:20px; margin-bottom: 0; } +.blog .timeline-body > p + p { margin-top: 5px; } +.blog .timeline-footer { padding:20px; background-color:#f4f4f4; } +.blog .timeline-footer > a { cursor: pointer; text-decoration: none; } +.blog .timeline > li.timeline-inverted { float: right; clear: right; margin-top: 30px; margin-bottom: 0px; } +.blog .timeline > li:nth-child(2){ margin-top: 60px; } +.blog .timeline > li:nth-child(3){ margin-top: 60px; } +.blog .timeline .entry-title i { font-size: 24px;} +.blog .timeline-inverted .timeline-badge { margin-top: 70px} +.blog .timeline li.timeline-inverted .timeline-panel:after { top: 98px; } +.blog .timeline li.timeline-inverted .timeline-panel:before { top: 97px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: -73px; } +.blog .timeline li.entry-date { top: 0; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } +.blog .timeline li.entry-date span { background: #f7f7f7; color: #363636; font-size: 16px; font-weight: 400; text-transform: capitalize; padding: 10px 25px;border-radius: 30px;} +.blog .timeline li.entry-date-bottom { bottom: -30px; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } +.blog .timeline li.entry-date-bottom a { background: #f7f7f7; padding: 7px 10px; color: #363636; font-size: 16px; padding: 10px 25px; border-radius: 30px; } +.blog .timeline li.entry-date-bottom a:hover { background: #5E9ECA; color: #fff; } +.blog .timeline li:hover .timeline-panel { border-color: #5E9ECA; } +.blog .timeline li:hover .timeline-badge a { color: #fff; } +.blog .timeline li:hover .timeline-badge{ background: #5E9ECA; border-color: #5E9ECA; } +.blog .timeline li:hover .timeline-panel:before { border-left-color: #5E9ECA; border-right-color: #5E9ECA; } +.blog .blog.timeline .entry-quote p { font-size: 16px; } +/* blog 2 column masonry left sidebar */ +.blog.timeline-sidebar .timeline > li { width: 89%; } +.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 50%;} +.blog.timeline-sidebar .timeline:before { left: 54px; } +.blog.timeline-sidebar .timeline li.entry-date { text-align: left;} +.blog.timeline-sidebar .timeline li.entry-date-bottom { text-align: left;} +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -66px; } +.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 0px; } +.blog.timeline-sidebar .timeline > li:nth-child(3) { margin-top: 30px; } +.blog.timeline-sidebar .timeline li.entry-date { top: 3px; } +.blog.timeline-sidebar .timeline li.entry-date span { font-size: 14px; padding: 10px 25px; } +.blog.timeline-sidebar .timeline li.entry-date-bottom { bottom: -48px; } +.blog.timeline-sidebar .timeline li.entry-date-bottom a { font-size: 14px; padding: 10px 25px; } +.blog.timeline-sidebar .timeline li .share ul li { width: auto; } + +/*blog-single*/ +.blog-single .blog-entry { box-shadow: none; } +.blog-single .blog-entry .blog-detail { padding: 0; margin-top: 20px; } + +.blog-single .blockquote { font-style: italic; line-height: 30px; background: #f6f7f8 !important; } +.blog-single .blog-entry.blockquote blockquote { background: #f6f7f8;color: #626262; } +.blog-single .blog-entry.blockquote blockquote cite { color: #5E9ECA; } +.blog-single .entry-share .tags { display: inline-block; } +.blog-single .blog-entry.blockquote blockquote:before { color: #323232; top: 20px; } + +/*blog-comments*/ +.comments-1 .comments-photo { width: 106px; height: auto; float: left; border:5px solid #f7f7f7; margin-right: 20px; } +.comments-1 .comments-photo img { width: 100%; } +.comments-1 .comments-info { display: table; background: #f7f7f7; padding: 20px; margin-bottom: 20px; } +.comments-1 .comments-info h4 { display: inline-block; } +.comments-1 .comments-info span { font-size: 13px; color: #626262; } +.comments-1 .comments-info a { color: #5E9ECA; } +.comments-1 .comments-info a:hover { color: #363636; } +.comments-1.comments-2 { padding-left: 127px; } +.comments-1.comments-2 .comments-info { background: #fff; margin-bottom: 0px; padding: 20px 20px 10px; } + +/************************************* + error 404 +**************************************/ +.error-block { position: relative; z-index: 9; padding: 20px 0 130px 0px; } +.error-block .error-text { position: absolute; text-align: center; left: 0; right: 0; z-index: -1; } +.error-block .error-text h2 { font-size: 420px; line-height: 300px; color: rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0; } +.error-block .error-text span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 134px; line-height: 100px; color: rgba(0, 0, 0, 0.1); font-weight: bold; } +.error-block h1 { font-size: 87px; padding-top: 110px; } +.error-block p { font-size: 33px; } + +.error-text-02 { position: relative; text-align: center; } +.error-text-02 h2 { font-size: 420px; line-height: 300px; color: rgba(255, 255, 255, 0.2); position: relative; left: -70px; top: 0; } +.error-text-02 span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 117px; line-height: 100px; color: rgba(255, 255, 255, 0.2); font-weight: bold; } +.error-middle { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } + + +/************************************* + coming soon +**************************************/ +.coming-soon { background: transparent; } +.coming-soon-countdown ul.countdown { list-style: none; margin: 75px 0; padding: 0; display: block; text-align: center; } +.coming-soon-countdown ul.countdown li { display: inline-block; width: 24%; } +.coming-soon-countdown ul.countdown li span { font-size: 90px; font-weight: bold; line-height: 80px; color: #5E9ECA; } +.coming-soon-countdown ul.countdown li p { color: #626262; font-size: 20px; text-transform: capitalize; margin-bottom: 30px; } +.coming-soon .coming-soon-form input { color: #626262; } +.coming-soon-form` input { width: 50%; color: #fff; display: block; margin: 0 auto; } +.coming-soon-form.contact-form input { width: 50%; display: block; margin: 0 auto; } +.coming-soon-middle { padding: 100px; display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } + +/************************************* + Register +**************************************/ +.register-form .section-field { display: block; } +.register-form .field-widget { position: relative; } +.register-form .field-widget input { width: 100%; margin-bottom: 20px; padding-left: 30px; } +.register-form .field-widget select { width: 100%; margin-bottom: 20px; padding-left: 15px; } +.register-form .field-widget input.gui-input { padding-left: 140px;} +.register-form .field-widget .button { background: #666; height: 46px; left: 0; margin: 2px; position: absolute; text-align: center; top: 0; width: 115px; border:0; } +.register-form .nice-select { float: none; margin-bottom: 20px; background: #f6f7f8; border:0; } +.remember-checkbox a {color: #5E9ECA; } +.remember-checkbox label { position: relative; padding-left: 30px; font-size: 14px; cursor: pointer;} +.remember-checkbox label:before, label:after { font-family: FontAwesome; font-size: 17px; position: absolute; top: -3px; left: 0; padding-left: 2px; border-radius: 6px; } +.remember-checkbox label:before { border: 2px solid #5E9ECA; content: ""; height: 20px; margin-top: 3px; width: 20px; } +.remember-checkbox label:after { content: '\f00c'; max-width: 0; overflow: hidden; opacity: 0.5; transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; } +.remember-checkbox input[type="checkbox"] { display: none; } +.remember-checkbox input[type="checkbox"]:checked + label:after { max-width: 25px; opacity: 1; } +/*all id*/ +#one+label:before, #one+label:after {color: #5E9ECA;} +#two+label:before, #two+label:after {color: #5E9ECA;} +#three+label:before, #three+label:after {color: hsl(120, 45%, 40%); } +#four+label:before, #four+label:after {color: hsl(180, 45%, 40%); } +#five+label:before, #five+label:after {color: hsl(240, 45%, 40%); } +#six+label:before, #six+label:after {color: hsl(300, 45%, 40%); } + +/************************************* + Login +**************************************/ +.full-height-bg { height: 100vh; } +/*login-2-social*/ +.login-social li { display: inline-block; margin: 2px 0px; } +.login-social li a { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;} +.login-social li a.fb { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #4c70ad; border-radius:30px; } +.login-social li a.twitter { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #25b6e6; border-radius:30px; } +.login-social li a.pinterest { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #dd4b39; border-radius:30px; } +.login-social li i { border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px; } +.login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover { background: #5E9ECA; } + +/*login 02*/ +.section-transparent { background: transparent; } +.login-bg { background: #ffffff; border-radius: 10px; } +.login-bg .login-title { background: #5E9ECA; padding: 30px; border-radius: 10px 10px 0 0; } +.login-bg .login-form { padding: 40px 30px; } +.login-bg .login-social { padding: 30px; background: #f6f7f8; border-radius: 0 0 10px 10px; } + +/*login 02*/ +.register-bg { background: #ffffff; border-radius: 10px; } +.register-bg .register-title { background: #5E9ECA; padding: 30px; border-radius: 10px 10px 0 0; } +.register-bg .register-form { padding: 30px 30px 50px; } + +/************************************* + maintenance +**************************************/ +img.logo-small { height: 40px; margin: 30px 0; position: relative; } +.maintenance-main i { font-size: 100px; margin-bottom: 10px; color: #e4e4e4; } +.maintenance-main h1 { font-size: 62px; text-transform: uppercase; font-weight: bold; } +.maintenance-main p { font-size: 26px; line-height: 35px; margin-bottom: 70px;} +.maintenance-form { width: 76%; margin: 0 auto; } +.maintenance-form p { font-size: 19px; } +.maintenance-form input { width: 50%; margin: 0 auto; } + +/*maintenance 2 */ +.maintenance-main h1 { font-size: 40px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; } +.maintenance-contant p { line-height: 25px; margin-top:20px; font-size: 14px; } +.progress-new { margin-top: 50px; height: 50px; background: #f6f7f8; border-radius: 0; margin-bottom: 50px; margin-left: auto; margin-right: auto; width: 50%; } +.progress-bar-new { line-height: 50px; background-color: #5E9ECA; color: #ffffff; font-size: 20px; padding-left: 20px; } +.progress-bar-new span { position: absolute; right: 30px; color: #323232; font-weight: bold; font-size: 20px; } +.progress-bar-striped, +.progress-striped .progress-bar-new { + background-image: linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); +} + +/************************************* + Our clients +**************************************/ +/*clients-box*/ +.clients-box { background: #f7f7f7; padding: 20px; } +.clients-photo { position: relative; margin-right: 20px; width: 200px; height: 200px; float: left; display: table-cell; text-align: center; vertical-align: middle; background: #fff; } +.clients-photo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } +.clients-info { display: table; } +.clients-info i { padding-right: 10px; } +.clients-info a { font-size: 14px; color: #5E9ECA; } +.clients-info a:hover { color: #626262; } +.clients-info p { margin-top: 10px; } +.happy-clients .tab-content { padding: 0 30px; position: relative; text-align: left; } +.happy-clients .tab-content .quoter-icon { position: absolute; left: 0; top: -10px; font-size: 120px; line-height: 1; color: #5E9ECA;} +.happy-clients .tab-content p{padding-left: 30px; font-size: 18px; padding-top: 10px; font-style: italic; } +.happy-clients .nav-tabs li { overflow: visible; display: inline-block; padding: 0 5px; } +.happy-clients .nav.nav-tabs li a, .happy-clients .nav.nav-tabs li a:hover, .happy-clients .nav.nav-tabs li a:focus { background: none; padding: 0; border:0; outline: none; background: transparent !important;} +.happy-clients .nav-tabs li img {width: 96px; opacity: 0.1; height: 96px; border-radius: 50%; } +.happy-clients .nav-tabs li.active img, .happy-clients .nav-tabs li:focus img { border: 4px solid #fff; opacity: 1; top: -2px; box-shadow: 0 0 40px rgba(0,0,0,.3); } +.happy-clients .testimonial-avatar { position: relative; right: inherit; left: inherit; top: inherit; width: inherit; height: inherit; margin-left: inherit; margin-top: 30px; } +.happy-clients .nav-tabs { border: 0; } + +/*********************************** + process +************************************/ +.process-list .col-sm-12 { padding: 0 50px; } +.process { margin: 0px; border: 2px dashed rgba(0, 0, 0, 0.3); position: relative; width: 100%; float: left; padding-bottom: 50px; padding-top: 50px; min-height: inherit; } +.process.left { border-right: 0; border-top: 0; } +.process.right { border-left: 0; border-top: 0; } +.process .border-area.left-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; left: -2px; z-index: 99; } +.process .border-area.left-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.right-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } +.process .border-area.right-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.right-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } +.process .border-area.right-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.left-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; left: -2px; } +.process .border-area.left-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); } +.process:first-child { padding-top: 0; } +.process.left:first-child .process-step { top: 0; } +.process:last-child { border-bottom: 0; } +.process:last-child .border-area.left-bottom { bottom: 0; } +.process:last-child .border-area.left-bottom:before { border-bottom-left-radius:0; border-bottom: 0; } +.process.left .process-step { position: absolute; top: 50px; left: -35px; z-index: 999; } +.process.right .process-step { position: absolute; top: 50px; right: -35px; z-index: 99; } +.process.left .process-content { padding-left: 80px; } +.process.right .process-content{ padding-right: 80px; } +.process .process-step strong { width: 70px; height: 70px; line-height: 70px; text-align: center; background: #5E9ECA; border-radius: 100%; display: inline-block; + z-index: 99; font-size: 20px; color: #fff; } +.process .process-content { position: relative; z-index: 99; } +.process .process-content span { font-size: 80px; line-height: 80px; color: #5E9ECA; } +.process.left .process-content .process-icon { display: table-cell; padding-right: 30px; } +.process.left .process-content .process-info { display: table-cell; vertical-align: top; } +.process.right .process-content .process-icon { float: right; padding-left: 30px; } +.process.right .process-content .process-info { display: table-cell; vertical-align: top; } + +/************************************* + Careers +**************************************/ +.agency-about { padding-bottom: 100px; } + +/*careers accordion*/ +.careers .acd-des span { display: block; } + +/*careers form*/ +.careers-from .section-field label { margin-bottom: 10px; } + +/************************************* + sitemap +**************************************/ +.sitemap h4 { margin-bottom: 25px; text-transform: capitalize; } +.sitemap h4 i { padding-right: 10px; } +.sitemap ul li { display: block; line-height: 34px; } +.sitemap ul li i { padding-right: 10px; } +.sitemap ul li a { font-size: 14px; color: #626262; text-transform: capitalize; } +.sitemap ul li a:hover { color: #5E9ECA; } + +/************************************* + privacy-policy +**************************************/ +.privacy-policy ul li { font-size: 14px; line-height: 30px; } +.privacy-policy ul li i { padding-right: 10px; } + +/************************************* + page sidebar +**************************************/ +.page-sidebar .page-content ul li { font-size: 14px; line-height: 30px; } +.page-sidebar .page-content ul li i { } + +/************************************* + terms and conditions +**************************************/ +.terms-and-conditions ul li { font-size: 14px; line-height: 30px; } +.terms-and-conditions ul li i { padding-right: 10px; } + + +.special-feature .feature-text {padding:40px;} +.special-feature { padding-bottom:-117px; } +.special-feature .row-eq-height.no-gutter { position:relative; z-index:99; margin-top:-117px; } + +/************************* + BG - Images +*************************/ +.parallax { background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -ms-background-size: cover !important; position: relative; z-index: 0; background-origin: initial; background-position: center bottom !important; background-repeat: no-repeat; } +.gradient-overlay{position:relative;} +.gradient-overlay:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background:url(../images/construction/bg/gradient-overlay1.png) repeat-y left 0;} + +/************************************* + Footer +**************************************/ +.footer.black-bg{background: #1a1a1a;} +.footer.black-bg p { color: rgba(255,255,255,0.5); } +.footer.black-bg .social-icons li a { color: rgba(255,255,255,0.5); } +.footer p{font-size: 14px;} +.footer-logo img { width: 65%; } +.footer h6{font-size: 14px;} +.addresss-info li { font-size: 14px; margin-bottom: 15px; color: rgba(255,255,255,0.5); list-style: none; } +.addresss-info i{ color:rgba(255,255,255,0.5); padding-right: 5px; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 14px; } +.addresss-info p { display: table; color: rgba(255,255,255,0.5); margin-bottom: 0px; } +.addresss-info li a { color: rgba(255,255,255,0.5); } +.footer a{font-size: 14px;} + +/*footer-Newsletter*/ +.footer-Newsletter { display: inline-block; width: 100%;} +.footer-useful-link.footer-hedding ul { margin-top: -6px; } +.footer-Newsletter .form-control { border-left: 0px; height: 50px; border-radius: 30px; font-size: 14px; color: rgba(255,255,255,0.3); border:none; background: #252525; padding: 10px 25px; width: 100%; } +.footer-Newsletter .form-control:focus { border:0; box-shadow: none;} +.footer-Newsletter .button.border{border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.5); padding: 10px 18px; font-size: 12px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.footer-Newsletter .button.border:hover { color: #ffffff; } +.footer-useful-link ul li { list-style: none; margin-bottom: 12px;} +.footer-useful-link ul li:last-child { margin-bottom: 0; } +.footer-useful-link ul li a { color: rgba(255,255,255,0.5); font-size: 14px; vertical-align: top; display: block; line-height: 26px; } +.footer-useful-link ul li a:hover { color: #5E9ECA; } +/*transparent*/ +.footer-Newsletter.transparent .form-control { background: rgba(0, 0, 0, 0.04); } +.footer-Newsletter.transparent .form-control::-moz-placeholder { color: #323232; } +.footer-Newsletter.transparent .form-control::-ms-input-placeholder { color: #323232; } +.footer-Newsletter.transparent .form-control::-webkit-input-placeholder { color: #323232; } + +/*footer-widget*/ +.footer-widget { padding: 20px 0; border-top: 1px solid #262626;} +.footer-widget p{font-size: 14px; color: rgba(255,255,255,0.5); letter-spacing: 0.5px;} +.footer-widget a { color: #5E9ECA; } +.footer-widget a:hover { color: #5E9ECA; } +.footer-widget-social {margin-top: 5px; } +.footer-widget-social li { display: inline-block;} +.footer-widget-social a i { display: inline-block; color: rgba(255,255,255,0.5); background: none; border-radius: 50%; width: 35px; height: 35px; text-align:center; line-height: 37px; font-size: 14px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} +.footer-widget-social a i:hover{background: #5E9ECA;} +.footer .footer-nav ul li { display: inline-block;} +.footer .footer-nav ul li a { margin: 0 5px; color: #323232;} +.footer .footer-nav ul li a:hover { color: #5E9ECA; } +.footer .social ul li {display: inline-block;} +.footer .social ul li a i { font-size: 14px; width: 45px; height: 45px; line-height: 45px; text-align: center; float: none; color: #323232;} +.footer .social ul li a i:hover{color: #5E9ECA;} +.footer .social ul{background: #f6f7f8; display: inline-block; border-radius: 30px; padding: 0px 10px;} +.footer .usefull-link ul li {display: block; border-bottom: 0px; line-height: 24px; padding: 5px 0; } +.footer .usefull-link ul li a{color: #323232;} +.footer .usefull-link ul li a:hover { color: #5E9ECA; } +.footer .copyright { padding: 30px 0 20px;} +.footer .copyright ul li a {color: #323232;} +.footer .copyright ul li a:hover {color: #5E9ECA;} +img#logo-footer{ height: 50px; width: auto; } +.footer.light .footer-nav ul li a{color: #fff;} +.footer.light .footer-nav ul li a:hover { color: #323232; } +.footer.light h6{color: #fff;} +.footer.light .about-content p{color: #fff;} +.footer.light .usefull-link ul li a{color: #fff;} +.footer.light .usefull-link ul li a:hover {color: #323232;} +.footer.light .copyright ul li {color: #fff;} +.footer.light .copyright ul li a {color: #ffffff; font-size: 14px;} +.footer.light .copyright ul li a:hover {color: #323232; } +.footer.light.footer-topbar .copyright ul li { color: #ffffff } +.footer.light .copyright p {color: #fff;} +.footer.light .social ul li a i {color: #5E9ECA;} +.footer.light .social ul li a:hover i {color: #323232;} +.footer .footer-text p{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} +.footer .footer-social ul li a{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} +.footer .footer-social ul li a:hover { color: #5E9ECA !important; } +.footer.footer-topbar .copyright ul li{color:rgba(255, 255, 255, 0.5) !important;} +.footer.footer-one-page .contact-add i { font-size: 20px } +.footer.footer-one-page h5 { color: rgba(255,255,255,0.5); } +.footer.footer-one-page p { color: rgba(255,255,255,0.5); } + +/* footer transparent*/ +.footer.transparent h6, .footer.transparent p, .footer.transparent ul li a, .footer.transparent span { color: #ffffff; } + +/*widget-gallery*/ +.footer .footer-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; } +.footer .footer-tags li { display: inline-block; } +.footer .footer-tags li a { background: transparent; color: #fff; border:1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.footer .footer-tags li a:hover { background: #5E9ECA; } + +/*footer-social-big*/ +.footer-social-big ul li { display: inline-block; padding: 10px; width: 70px; text-align: center; background: rgba(255, 255, 255, 0.1); } +.footer-social-big ul li.facebook { background: #5d82d1; } +.footer-social-big ul li.pinterest { background: #e13138; } +.footer-social-big ul li.linkedin { background: #238cc8; } +.footer-social-big ul li i { color: #ffffff; display: block; width: 30px; height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.2); border-radius: 50%; margin: 0 auto; } +.footer-social-big ul li span { display: block; text-align: center; color: #ffffff; margin-top: 10px; font-size: 11px; } + +/*footer-box*/ +.footer-box { background: rgba(102, 102, 102, 0.2); padding: 30px; clear: both; margin-bottom: 40px; margin-top: 60px; } +.footer-box .box-content { display: table-cell; vertical-align: top; } +.footer-box .box-link { display: table-cell; padding-left: 20px; vertical-align: middle; } +.footer-box .box-link a { display: block; padding: 8px 16px; width: 140px; } + +/*google-map*/ +.google-map { background: #; } +.google-map .row [class*='col-'] { min-height: 0; } +.map-icon { position: relative; z-index: 999; cursor: pointer; } +.google-map .map-icon:before { cursor: pointer; content: "\f041"; font-family: "FontAwesome"; font-size: 30px; font-weight: normal; right: 0; position: absolute; text-indent: 0; top: -32px; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #ffffff; color: #5E9ECA; text-align: center; } +.google-map.google-map-open .map-icon::before { content: "\f00d"; } +.google-map .map-open { height: 0; overflow: hidden; transition: all 900ms ease; } +.google-map .map-open iframe { height: 300px; } +.google-map-open .map-open { height: 300px; } +.pos-r{position: relative;} +.img-side img{max-width: 100%} +.img-side.img-left {left: 0;} +.img-side {padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100;} +.font-bold {font-weight: 600} +.no-gutter{ margin-right:0; margin-left:0;} +.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;} + +/*youtube-video*/ + .popup-video { position: relative; } +.popup-video .play-video { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } +.popup-video .play-video { width: 50px; height: 50px; } +.popup-video .play-video a { width: 50px; height: 50px; } +.popup-video .play-video a i { line-height: 50px; } +.popup-video .play-video:hover { transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); background-color: #ffffff; } +.popup-video .play-video:hover a { color: #5E9ECA; } +.play-video { cursor: pointer; position: relative; width: 100px; height: 100px; margin: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } +.play-video { background-color: #5E9ECA; -webkit-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); -moz-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); } +.play-video a { color: #fff; width: 100px; height: 100px; position: absolute; top: 0; left: 50%; padding-left: 5px; transform: translateX(-50%); } +.play-video a i { line-height: 100px; } +.play-video:hover a { color: #5E9ECA; } +.play-video:after { content: ''; top: 0; left: 0; padding: 0; z-index: -1; opacity: 0; pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); } + +.play-video:hover{background: #ffffff; color: #5E9ECA; border-color:transparent !important;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-box-shadow:2px 6px 18px transparent !important;-moz-box-shadow:2px 6px 18px transparent !important;box-shadow:2px 6px 18px transparent !important} +.play-video:hover:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms; -moz-animation:sonarEffect 1.3s ease-out 75ms; animation:sonarEffect 1.3s ease-out 75ms;} +@-webkit-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-webkit-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}} +@-moz-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-moz-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}} +@keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);transform:scale(1.5);opacity:0; }} +.my-contact .contact-icon{float: left; margin-right: 25px;} +.my-contact .contact-icon span{color: #fff ! important;} + +/************************************* + index portfolio 4 +**************************************/ +.portfolio-item.simple-effect .portfolio-overlay span { color: #363636; } +.portfolio-item.simple-effect .portfolio-overlay span a { color: #363636; } +.portfolio-item.simple-effect .portfolio-overlay a:hover { color: #5E9ECA; } +.portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #5E9ECA; } +.portfolio-item.simple-effect .portfolio-overlay { z-index: 9; opacity: 0; bottom: inherit; background: transparent; top: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: center; } +.portfolio-item.simple-effect:hover:before { position: absolute; width: 100%; height: 100%; content: ""; background: rgba(255, 255, 255, 1); z-index: 1; background-size: 115%; + -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.6s cubic-bezier(.68,.11,.13,.98); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.portfolio-item.simple-effect:hover .portfolio-overlay { top: 50%; opacity: 1; } + +/*footer*/ +.footer .container-fluid { padding: 0 60px; } +#footer-fixed { position: fixed; bottom: 0; width: 100%; z-index: -1; box-shadow: inset 0 27px 60px -25px rgba(0,0,0,0.3); } +.footer.footer-simple ul li a, .footer.footer-simple p, .footer.footer-simple i, .footer.footer-simple li { color: #ffffff; font-weight: bold; font-size: 16px; } +.footer.footer-simple ul li a:hover { color: rgba(255, 255, 255, 0.6); } +.footer.footer-simple .social-icons li a { color: #ffffff; width: 100%; } +.footer.footer-simple .social-icons li a:hover { color: rgba(255, 255, 255, 0.6); } + +/*elements*/ +.full-width { width: 100%; } +.height-100vh { height: 100vh; } +.pos-bot { position: absolute; bottom: 0; width: 100%; } +.vertical-align { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } + +/************************************* + index portfolio 04 about +**************************************/ +.portfolio-03-about { padding-left: 50px; } +.portfolio-03-about p { font-size: 16px; font-weight: 600; } + +/************************************* + index portfolio single +**************************************/ +/*popup-video*/ +.popup-video-image { position: relative; } +.popup-video-image:before { background: rgba(37, 41, 51, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } +.popup-video-image a i { color: #ffffff; text-align: center; line-height: 60px; width: 60px; height: 60px; background: #5E9ECA; display: inline-block; margin: 0 auto; + border-radius: 50%; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); + -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; font-size: 20px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } +.popup-video-image a i:hover { background: #323232; } + +/************************************* + index 11 +**************************************/ + +/*index 11*/ + /*slider-parallax typer-banner business*/ + .slider-parallax.typer-banner.business h1 { font-family: 'Dosis', sans-serif; } + .slider-parallax.typer-banner.business p { padding: 0 200px; line-height: 34px; font-size: 26px; font-weight: 600; display: block; } + + /*play-video*/ +.custom-content-02 .feature-text p { line-height: 28px; } +.play-video-section .play-video { box-shadow: none; background: #ffffff; width: 60px; height: 60px; line-height: 60px; } +.play-video-section .play-video a { color: #5E9ECA; line-height: 60px; } +.play-video-section .play-video a i { line-height: 60px; padding-right: 3px; } +.play-video-section .play-video:after {box-shadow: none; } +.play-video-section .content { padding: 0 100px; } +.play-video-section .content h2 { font-family: 'Dosis', sans-serif; } +.custom-content-03 h2 { font-family: 'Dosis', sans-serif; font-size: 40px; line-height: 50px; } + +/*blockquote-section*/ +.blockquote-section { position: relative; z-index: 9; } +.blockquote-section blockquote { font-size: 50px; font-weight: 600; line-height: 60px; border-left: 0; padding-left: 0; font-family: 'Dosis', sans-serif; } +.blockquote-section blockquote cite { font-size: 16px; font-weight: 600; margin-top: 40px; line-height: 30px; font-family: 'Nanum Gothic', serif; font-style: normal; } +.blockquote-section blockquote cite span { display: block; font-size: 14px; } +.blockquote-section blockquote.quote { padding-top: 100px; } +.blockquote-section blockquote.quote:before { color: #5E9ECA; left: 0; top: 0; font-size: 120px; line-height: 120px; } +.blockquote-section .blockquote-section-left { margin-left: 60px; } +.blockquote-section .blockquote-section-right { margin-left: -120px; position: relative;z-index: -1; } + +/************************************* + footer +**************************************/ +.footer.gray-footer .footer-Newsletter .form-control { background: #ffffff; color: #323232; height: 60px; line-height: 60px; box-shadow: 0 10px 50px rgba(0,0,0,0.1); } +.footer.gray-footer .footer-widget { border-top: none; } +.footer.gray-footer .footer-widget p { color: #323232; } + +.footer.gray-footer .footer-Newsletter .form-control::-moz-placeholder { color: #323232; } +.footer.gray-footer .footer-Newsletter .form-control::-ms-input-placeholder { color: #323232; } +.footer.gray-footer .footer-Newsletter .form-control::-webkit-input-placeholder { color: #323232; } + +/************************************* + portfolio +**************************************/ +.portfolio-item.image-text { position: relative; } +.portfolio-item.image-text .portfolio-overlay { bottom: 30px; background: transparent; } +.portfolio-item.image-text .portfolio-overlay span { display: block; } +.portfolio-item.image-text:before { position: absolute; width: 100%; bottom: 0; content: ""; ackground: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; } +.portfolio-item.image-text .portfolio-overlay a.button { padding: 6px 16px; } +.portfolio-item.image-text .portfolio-overlay a.button span { font-size: 12px; } +.portfolio-item.image-text .portfolio-overlay a.button:hover { color: #ffffff; } + +/************************************* + coming-soon-big +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 120px; line-height: 120px; font-weight: bold; } +.coming-soon-big .countdown.medium p { font-size: 30px; line-height: 30px; font-weight: bold; } +.coming-soon-big .coming-soon-form p { font-weight: bold; } +.coming-soon-big .contact-form.transparent-form .form-control { background: rgba(255, 255, 255, 0.4); } +.coming-soon-big .button { font-weight: bold; } + +/************************************* + inner page +**************************************/ +/* about-05 */ +.about-05-split .shop-split-content { padding: 100px 0; } +/*about-mission*/ +.about-mission .popup-video-image a i { position: relative; top: inherit; left: inherit; bottom: inherit; right: inherit; } +.about-mission .popup-content { position: absolute; bottom: 0; padding: 30px 130px 30px 30px; } +.about-mission-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); } +.about-mission-box .content { padding:24px; } +.about-mission-title { padding-bottom: 250px; } +.about-mission { margin-top: -150px; } +/*faq 03*/ +.faq-page-title .form { position: relative; z-index: 9; } +.faq-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); padding: 40px; border-radius: 10px; background: #ffffff; margin-top: -60px; } +.faq-box span { font-size: 40px; line-height: 40px; margin-bottom: 20px; display: block; } +.faq-box strong { display: block; } +.faq-box a.button { padding: 8px 16px; } + +/*login-fancy*/ +.login-fancy { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); } +.login-fancy-bg { position: relative; z-index: 1; } +.login-fancy h2 { font-size: 70px; line-height: 70px; } +.login-gradient, .login-gradient-02, .login-gradient-03 { position: relative; } +.login-gradient:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9af1e1), color-stop(100%, #4003f6)); background: -webkit-linear-gradient(-315deg, #9af1e1 0%, #4003f6 100%); background: -webkit-linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); background: linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); } +.login-gradient-02:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee38a6), color-stop(100%, #ffc863)); background: -webkit-linear-gradient(-315deg, #ee38a6 0%, #ffc863 100%); background: -webkit-linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); background: linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); } +.login-gradient-03:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcdd2), color-stop(100%, #470df5)); background: -webkit-linear-gradient(-315deg, #ffcdd2 0%, #470df5 100%); background: -webkit-linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); background: linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); } + +/*login-box*/ +.login-box { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); border-radius: 0px 10px 10px 0px; } +.login-box-bg { position: relative; z-index: 1; } +.login-box h2 { font-size: 40px; line-height: 40px; } +.login-box-main { display: table; width: 100%; } +.login-box-main-middle { display: table-cell; vertical-align: middle; } +.login-box-left { box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); height: 100%; border-radius: 10px 0 0px 10px; } +.login-box-left .logo-small { margin-left: 30px; } +.login-box-main .theme-bg { box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.2); position: relative; z-index: 1; } +.login-box-theme { position: relative; } +.login-box-theme:before { position: absolute; content: ""; height: 30px; top: -29px; width: 100%; background: #5E9ECA; left: 0; } +.login-box-theme:after { position: absolute; content: ""; height: 30px; bottom: -29px; width: 100%; background: #5E9ECA; left: 0; } +.login-box-main .nav li a { padding-left: 30px; } +.login-box-main .nav li a { display: block; text-align: left; color: #323232; border-left: 5px solid transparent; background: transparent; } +.login-box-left li.active a, .login-box-left li a:hover { border-left: 5px solid #5E9ECA; color: #5E9ECA; } +.login-box-main .nav li a i { display: inline-block; padding-right: 6px; text-align: left; margin-bottom: 10px; } +.login-box .list-unstyled.list-inline a:hover { color: #323232; } +/*login-box-02*/ +.login-box-02 { padding: 40px; border:1px solid rgba(0, 0, 0, 0.1); height: 100%; } +.login-box-02.white-overlay { background: rgba(255, 255, 255, 0.5); } +.login-signup a.text-black:hover { color: #ffffff; } + +/*login-14*/ +.login-14 { padding: 0 100px; } + +/*login-15*/ +.login-15 { padding: 0 60px; } + +/*login-signup*/ +.login-signup .tab-border .tab-content { padding: 0; } +.login-signup .login-box-02 { border:0; } + +/************************************* + boxed +**************************************/ + +@media (min-width: 1220px) { +body.boxed-layout .wrapper { float: none; width: 1220px; margin: 0 auto; position:relative; background-color: #FFF; box-shadow: 0 0 60px rgba(0,0,0,.1); -moz-box-shadow: 0 0 60px rgba(0,0,0,.1); + -webkit-box-shadow: 0 0 60px rgba(0,0,0,.1); } +/*index 01*/ +body.boxed-layout .wrapper .portfolio-title.section-title p { display: none; } +body.boxed-layout .wrapper .portfolio-title.section-title span { display: none; } + +/*index 02*/ +body.boxed-layout .wrapper .contact-3 #map { padding-top: 140%; } +body.boxed-layout .wrapper .contact-2 #map { padding-top: 90% } +body.boxed-layout .wrapper.vertical-header { width: auto; box-shadow: none; } +body.boxed-layout #footer-fixed { position: inherit !important; width: inherit; bottom: inherit !important; z-index: inherit; } +body.boxed-layout .wrapper { margin-bottom: 0 !important; } +body.boxed-layout .christmas-coming-soon { position: absolute; } + +body.frame-layout .wrapper { margin: 0 auto; margin-top: 1.5%; margin-bottom: 1.5%; width: 97%; position: relative; box-shadow: 0 0 60px rgba(0,0,0,.1); } +body.frame-layout .header.default, body.frame-layout .header.transparent, body.frame-layout header.one-page { left: 0; right: 0; } +body.frame-layout .navbar.affix { top: 0; } +body.frame-layout header.one-page.light .navbar { min-height: 10px !important; } +body.frame-layout #footer-fixed { position: inherit !important; bottom: inherit !important; z-index: inherit; } +body.frame-layout .wrapper { margin-bottom:1.5% !important; } +body.frame-layout .christmas-coming-soon { position: absolute; } + +} + +@media all and (-ms-high-contrast:none) { +.st-menu { position: absolute; } + img.bottom-img { top: 0; } +.search-cart { display: table; } +.search { display: table-cell !important; } +.shpping-cart { display: table-cell !important; } +.search-cart .shpping-cart { float: none !important; } + .mega-menu > section.menu-list-items .search-cart .search { float: none !important; } + .search-cart .shpping-cart { vertical-align: middle; } +} + + +@media (max-width: 1100px) { +.isotope-filters button { margin: 2px; cursor: pointer; padding: 6.5px 13px; font-size: 16px; background: transparent; color: #363636; font-weight: 600; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } +} + + diff --git a/apply/css_r/back/style_org.css b/apply/css_r/back/style_org.css new file mode 100644 index 0000000..973bd5d --- /dev/null +++ b/apply/css_r/back/style_org.css @@ -0,0 +1,1735 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Version: 1.0 +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. + +*/ + + +/*================================================ +[ Table of contents ] +================================================ + :: Header + - topbar + - search + - Cart + - FullWidth + - Light + - Dark + - Left-menu + - Logo-center + - Fancy + - fancy without-topbar + - Side menu icon + - Vertical header + - One page Header + :: Slider (all home page main sliders ) + :: - Slider-parallax one page + :: - Mobile slider + :: Background + :: Home page section + :: Decolines + :: Awesome features + :: Feature Step + :: About Us + :: Resume + :: Portfolio + :: - Portfolio item + :: - Portfolio-item-2 + :: - Portfolio single page + :: Our Blog + :: Our services + :: Creativity + :: Our History + :: Our Service Objects + :: Sidebar + :: About me + :: Team page + :: Error 404 + :: Coming soon + :: Register + :: Login + :: maintenance + :: Our clients + :: Process + :: Careers + :: Sitemap + :: Privacy-policy + :: Page sidebar + :: Terms and conditions + :: Footer + :: Boxed + + v1.2 + :: index portfolio 4 + :: index portfolio 04 about + :: index portfolio single + +====================================== +[ End table content ] +======================================*/ + +/************************* + Header +*************************/ +.default { background: transparent; z-index: 9999; position: absolute; width: 100%; } +/*topbar*/ +.topbar { /*padding: 10px 0;*/ font-size:12px; color:#4a4a4a; } +.topbar ul li { display: inline-block; color: #fff; font-size: 12px; font-weight: normal;} +.topbar ul li:last-child { margin-right: 0px; } +.topbar ul li a { color: #4a4a4a; font-size: 12px; font-weight: normal; font-style: normal; } +.topbar-left { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; letter-spacing: -0.1em;} +.topbar-right { position: relative; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; } +.topbar ul li a:hover { font-weight:600; } +#topbar-nav {list-style:none;} +#topbar-nav li{display:inline-block; position:relative; line-height: 38px; } +#topbar-nav li:first-child > a {border: 0;} +#topbar-nav li > a {border-left: 1px solid #ccc; padding:0px 15px;} + +/*menu*/ +.menu-bar { float: right; } +.mega-menu .menu-links { float: left; } +.search-cart { display: inline-block; } +.search-cart i.icon { color: #ffffff; line-height: 20px; font-size: 14px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } +.search-cart i.icon:hover { color: #5E9ECA; } +.search-cart .search { display: inline-block; padding-right: 15px; padding-left: 10px; } +.search-cart .shpping-cart { display: inline-block; } +.shpping-cart a { position: relative; } +.shpping-cart strong.item { display: block; position: absolute; top: -7px; left: auto; right: -8px; font-size: 10px; color: #ffffff; width: 16px; height: 16px;line-height: 16px; text-align: center; background-color: #5E9ECA; border-radius: 50%; } + + /*search*/ + .search .search-btn { display: block; height: 20px; line-height: 21px; position: relative; text-indent: -9999px; width: 14px; color: #ffffff; -o-transition: color 300ms ease 0s; -moz-transition: color 300ms ease 0s; -ms-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s; transition: color 300ms ease 0s; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } + .search .search-btn:before { content: ""; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; left: 0; position: absolute; text-indent: 0; top: 0; } + .search .search-btn:hover { color: #5E9ECA; } + .search.search-open .search-btn:before { content: ""; } + .search-box { background: #fff; display: block; margin: 0; opacity: 0 !important; padding: 15px; position: absolute; right: 0; top: 100%; transition: visibility 300ms ease 0s, opacity 300ms ease 0s; visibility: hidden; width: 327px; z-index: 888; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; transform-origin: 0 0; transition: all 400ms ease; } + .search.search-open .search-box { opacity: 1 !important;visibility: visible !important; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); box-shadow: 0 0 50px rgba(0,0,0,.1); } + .search .search-box input { background: transparent; border:1px solid #eceff8; padding-left: 15px; border-radius: 3px; } + .search .search-box input:focus { background: transparent; border:1px solid #eceff8; } + .search .search-box i { cursor: pointer; font-size: 15px; position: absolute; right: 27px; top: 31px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } + .search .search-box i:hover { color: #5E9ECA; } + +/*cart*/ +.cart { opacity: 0; visibility: hidden; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,.1); position: absolute; right: 0; margin-top: 0px; right: 0; width: 300px; border: 1px solid #eceff8; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; + transform-origin: 0 0; transition: all 400ms ease;} +.cart.cart-open {-webkit-transform: rotateX(0deg); transform: rotateX(0deg);opacity: 1; visibility: visible; } +.cart:before { bottom: 100%; right: 8px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(194, 225, 245, 0); + border-bottom-color: #fff; border-width: 6px; margin-left: -8px; } +.cart-title { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; } +.cart-item { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; position: relative; } +.cart-item .cart-image { display: table-cell; padding-right: 15px; } +.cart-item .cart-image img { height: 40px; } +.cart-item .cart-name { display: table-cell; vertical-align: top; } +.cart-item .cart-name a { display: block; color: #323232; } +.cart-item .cart-name a:hover { color: #5E9ECA; } +.cart-item .cart-name span { color: #323232; display: inline-block; } +.cart-item .cart-name strong { padding-left: 30px; } +.cart-price del { font-size: 14px; background: transparent; color: #323232; padding-left: 0; } +.cart-price ins { text-decoration: none; color: #5E9ECA; font-size: 16px;font-weight: bold; } +.cart-total { padding: 20px; text-align: center; background: #f7f7f7; } +.cart-total h6 { text-align: center; } +.cart-total a { display: inline-block; margin-top: 20px; padding: 6px 18px; margin: 0; } +.cart-total a.button { display: inline-block; } +.cart-total .button + .button { margin: 0; } +.cart-item .cart-close { position: absolute; right: 20px; top: 20px; } +.cart-item .cart-close a { font-size: 14px; } +.cart-item .cart-close a:hover { color: #323232; } + +/*mega-menu */ +.mega-menu .menu-logo { padding: 25px 0 25px; } +.mega-menu .menu-logo img { height: 40px; } +.mega-menu .drop-down-multilevel.right-menu { right: 0px; } +.mega-menu > section.menu-list-items { padding: 0; } +.mega-menu .menu-links > li > a { text-transform: uppercase; font-size: 16px; font-weight: 600; line-height: 20px; } +.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; } +.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down a { color: #323232; } +.mega-menu .menu-links > li.active .drop-down li.active a { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down a:hover { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down li.active a i { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down a i:hover { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5E9ECA; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; } +.mega-menu .row { margin-left: 0px; margin-right: 0px; } +.mega-menu .col-md-12 { padding-left: 0px; padding-right: 0px; } +.mega-menu.desktopTopFixed .menu-logo { padding: 0px; } +.mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } +.mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } + +/*fullWidth*/ +.header.fullWidth .container-fluid { padding: 0 60px; } + +/*light*/ +.header.light { background: #ffffff; position: relative; border-bottom: 3px solid #006EBD;} +.header.light .topbar ul li { color: #333; } +.header.light .topbar ul li a { color: #333; } +.header.light .mega-menu .menu-links > li > a { color: #333; } +.header.light .mega-menu .menu-links > li > a:hover { color: #5E9ECA; font-weight: bold;} +.header.light .mega-menu .menu-links > li.active > a { color: #5E9ECA; font-weight: bold;} +.header.light .topbar {/*background-color:#e8e8e8;*/ border-bottom: 1px solid #d1d1d1;} +.header.light .search-cart i.icon { color: #323232; } +.header.light .search-cart i.icon:hover { color: #5E9ECA; } +.header.light .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; border-bottom: 3px solid #006EBD;} +.header.light .search .search-btn { color: #323232; } +.header.light .search .search-btn:hover { color: #5E9ECA; } + +/*dark*/ +.header.dark { background: #323232; position: relative; } +.header.transparent { background: rgba(0, 0, 0, 0.4); position: absolute; width: 100%; z-index: 999; } + +/*left-menu*/ +.header.left-menu .menu-bar { float: none; } +.header.left-menu .menu-links { padding-left: 30px; } +.header.left-menu .search-cart { float: right; } + +/*logo-center*/ +.header.logo-center .mega-menu { min-height: 170px; } +.header.logo-center .menu-logo { float: none; display: block; text-align: center; } +.header.logo-center .mega-menu .menu-logo > li > a { float: none; } +.header.logo-center .mega-menu .menu-logo > li { float: none; } +.header.logo-center .mega-menu img { float: none; margin: 0 auto; } +.header.logo-center .menu-bar { float: none; } +.header.logo-center .search-cart { float: right; } +.header.logo-center .mega-menu.desktopTopFixed .menu-logo { float: left; display: inline-block; } +.header.logo-center .mega-menu.desktopTopFixed .menu-logo > li > a { float: left; } +.header.logo-center .mega-menu.desktopTopFixed img { float: left; margin: 0 auto; } +.header.logo-center .mega-menu.desktopTopFixed .menu-bar { float: right; border-top: 0px solid rgba(0, 0, 0, 0.1); } +.header.logo-center .mega-menu.desktopTopFixed .search-cart { float: right; } + +/*fancy */ + +.header.fancy { background: transparent; position: relative; border-bottom: 0; } +.header.fancy .topbar { background: #5E9ECA; padding: 15px 0px 70px; } +.header.fancy .topbar .topbar-right li a:hover { color: #323232; } +.header.fancy .search-cart i.icon { color: #323232; line-height: 20px; } +.header.fancy .topbar-call ul li i { color: #ffffff; } +.header.fancy .mega-menu .menu-logo { padding: 26px 0px; } +.header.fancy .menu { position: absolute; width: 100%; top: 30px; } +.header.fancy .topbar + .menu { top: 60px; } +.header.fancy .mega-menu > section.menu-list-items { background: #ffffff; padding: 0px 25px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } +.header.fancy .mega-menu.desktopTopFixed > section.menu-list-items { border-bottom: 1px solid #f6f6f6; } +.header.fancy .topbar ul li a:hover { color: #323232;} + +.header.fancy .mega-menu .menu-links > li > a { color: #323232; line-height: 20px; } +.header.fancy .mega-menu .menu-links > li > a:hover { color: #5E9ECA; } +.header.fancy .mega-menu .menu-links > li.active > a { color: #5E9ECA; } +.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #ffffff; } +.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #323232; } +.header.fancy .mega-menu.desktopTopFixed .menu-logo { padding: 0; } +.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 20px; } +.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } +.header.fancy .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } +.header.fancy .search-cart i.icon:hover { color: #5E9ECA; } +.header.fancy .search .search-btn { color: #323232; } +.header.fancy .search .search-btn:hover { color: #5E9ECA; } +.header.fancy .mega-menu.desktopTopFixed .drop-down.grid-col-5 { width: 21.66666666666667%; } +.header.fancy .search-box { margin-top: -6px; } + +/*fancy without-topbar*/ +.header.fancy.without-topbar .menu { top: 30px; } +.header.burger .menu-icon { font-size: 30px; color: #323232; } +.header.burger .menu-icon:hover { color: #5E9ECA; } +.header.burger { position: absolute; z-index: 999; width: 100%; padding: 30px 30px; } +.header.burger .logo { display: inline-block; } +.header.burger .logo img { height: 50px; } + +/*side-menu-icon*/ +.side-menu-icon { display: inline-block; } +.side-menu-icon .menu-icon { font-size: 16px; color: #ffffff; padding-left: 15px; } +.side-menu-icon .menu-icon:hover { color: #5E9ECA; } + +/************************* + header text-dark +*************************/ +.header.text-dark .topbar ul li { color: #323232; } +.header.text-dark .topbar ul li a { color: #323232; } +.header.text-dark .topbar ul li a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li > a { color: #323232; } +.header.text-dark .mega-menu .menu-links > li > a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active > a { color: #5E9ECA; } +.header.text-dark .topbar { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } +.header.text-dark .search-cart i.icon { color: #323232; } +.header.text-dark .search-cart i.icon:hover { color: #5E9ECA; } +.header.text-dark .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; } +.header.text-dark .search .search-btn { color: #323232; } +.header.text-dark .search .search-btn:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .drop-down-multilevel { background: #323232; } +.header.text-dark .mega-menu .drop-down.menu-bg, .header.text-dark .mega-menu .drop-down-tab-bar { background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png); + background-repeat: no-repeat; background-position: 120% 0; } +.header.text-dark .mega-menu .drop-down, .header.text-dark .mega-menu .drop-down-tab-bar { background: #323232; } +.header.text-dark .mega-menu .drop-down a, .header.text-dark .mega-menu .drop-down-tab-bar a { color: #ffffff; } +.header.text-dark .mega-menu .drop-down i.fa, .header.text-dark .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; } +.header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.text-dark .mega-menu .drop-down-multilevel a { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel li:hover { background: #282828; } +.header.text-dark .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important; background-repeat: no-repeat; background-position: right;} +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; + background: #282828; } +.header.text-dark .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; } +.header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #5E9ECA; } +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #5E9ECA; } +/*dark-dropdown*/ +.header.dark-dropdown .mega-menu .drop-down-multilevel { background: #323232; } +.header.dark-dropdown .mega-menu .drop-down.menu-bg, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png); + background-repeat: no-repeat; background-position: 120% 0; } +.header.dark-dropdown .mega-menu .drop-down, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: #323232; } +.header.dark-dropdown .mega-menu .drop-down a, .header.dark-dropdown .mega-menu .drop-down-tab-bar a { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.dark-dropdown .mega-menu .drop-down-multilevel a { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel li:hover { background: #282828; } +.header.dark-dropdown .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important; background-repeat: no-repeat; background-position: right;} +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; + background: #282828; } +.header.dark-dropdown .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #5E9ECA; } +.header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #5E9ECA; } +/*label*/ +.header .label.label-default, .header .label.label-primary, .header .label.label-success, .header .label.label-info, .header .label.label-warning, .header .label.label-danger { color: #fff; padding: 0px 5px; line-height: 14px; display: inline-block; } + + +/************************* + one page +*************************/ +header.one-page { position: absolute; width: 100%; z-index: 999; } +.navbar-inverse { background: transparent; border: 0; } +.navbar-brand { height: auto; padding: 25px 0; } +.navbar .navbar-brand img { height: 40px; } +.navbar { min-height: 80px; } +.navbar-nav { float: right; } +.navbar-inverse .navbar-nav>li { padding: 35px 15px; } +.navbar-inverse .navbar-nav>li>a { color: #ffffff; padding: 0; text-transform: capitalize; } +.navbar-inverse .navbar-nav>li>a:hover { color: #5E9ECA; } +.navbar.affix { width: 100%; background: #323232; } +.navbar.affix { width: 100%; background: #323232; } +.navbar { min-height: inherit !important; } +.navbar.affix .navbar-brand img { height: 30px; } +.navbar.affix .navbar-brand { padding: 15px 0; } +.navbar.affix .navbar-nav>li { padding: 20px 15px; } + .navbar-nav>li>a { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } + +/*vertical-header*/ +.vertical-header .container-fluid { padding: 0 80px; } +.menu-responsive { display: none; } +.vertical-header .navbar { overflow-y: scroll; overflow-x: hidden; height: 100%;} +.vertical-header { padding-left: 260px; } +.header.vertical-menu { position: fixed; left: 0; top: 0; width: 260px; min-height: 100%; background: #212121; z-index: 999; -o-transition: all 1s; -webkit-transition: all 1s; + transition: all 1s; } +.header.vertical-menu .menu-bar { float: none; } +.mega-menu.vertical-left, .mega-menu.vertical-right { float: none; } +.menu-widgets { position: absolute; bottom: 20px; } +.menu-widgets .social-icons.border li a { border:2px solid; line-height: 30px; } +.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #5E9ECA; } +header.one-page.vertical-menu { position: fixed; left: 0; top: 0; height: 100%; background: #212121; width: 260px; padding: 30px; } +header.one-page.vertical-menu .navbar-header { float: none; margin-bottom: 20px; } +header.one-page.vertical-menu .navbar-nav { float: none; } +header.one-page.vertical-menu .navbar-nav>li { display: block; float: none; } +header.one-page.vertical-menu .navbar-inverse .navbar-nav>li { padding: 15px 0px; } +header.one-page.vertical-menu .navbar-collapse { padding: 0; } +header.one-page.vertical-menu .menu-widgets { padding: 0px; } + +header.one-page.light { position: relative; background: #ffffff; } +header.one-page.light .navbar { margin-bottom: 0; } +header.one-page.light .navbar-inverse .navbar-nav>li>a { color: #323232; } +header.one-page.light .navbar-inverse .navbar-nav>li>a:hover { color: #5E9ECA; } +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #5E9ECA; } + +header.one-page.light .navbar-inverse .navbar-collapse, header.one-page.light .navbar-inverse .navbar-form { background: #ffffff; } +header.one-page.light .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a { padding: 5px 10px; -o-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; } +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #5E9ECA; -webkit-box-shadow: inset 178px 0px 0px 0px #5E9ECA; -o-box-shadow: inset 178px 0px 0px 0px #5E9ECA; -ms-box-shadow: inset 178px 0px 0px 0px #5E9ECA; -moz-box-shadow: inset 178px 0px 0px 0px #5E9ECA; color: #fff; transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -moz-transition: all 0.9s ease-in; -ms-transition: all 0.9s ease-in; -o-transition: all 0.9s ease-in; } + +.one-page.nav-center .navbar-collapse.collapse { text-align: center; } +.one-page.nav-center .navbar-nav { float: none; display: inline-block; } +.one-page.transparent { background: rgba(0, 12, 27, 0.5); } +.one-page.transparent .navbar { margin-bottom: 0; } + +/*dark-text*/ +.one-page.dark-text .navbar-inverse .navbar-nav>li>a { color: #323232; } +.one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #d12326; } +.one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover { color: #d12326; } +.one-page.dark-text .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } + +/*mega menu vertical*/ +.vertical-menu .menu .menu-logo { padding: 50px 20px; } +.vertical-menu .menu .mega-menu .menu-links > li > a { padding: 0 23px; } +.vertical-menu .menu-widgets { padding: 20px; } + + @media (min-width: 1101px) { +.mega-menu { min-height: inherit; } +.mega-menu > section.menu-list-items { float: none; } +.mega-menu > section.menu-list-items > .container, +.mega-menu > section.menu-list-items > .container > .row, +.mega-menu > section.menu-list-items > .container > .row > div { height: 100%; } +.mega-menu > section.menu-list-items .menu-bar { height: 100%; } +.mega-menu > section.menu-list-items .menu-bar > ul{ display: table !important; height: 100%; } +.mega-menu > section.menu-list-items .menu-bar > ul > li { display: table-cell; vertical-align: middle; float: none; } +.mega-menu .drop-down, .mega-menu .drop-down-tab-bar, .mega-menu .drop-down-multilevel { top: 100%; } +.mega-menu > section.menu-list-items .search-cart { height: 100%; } +.mega-menu > section.menu-list-items .search-cart .search { vertical-align: middle; display: table; height: 100%; float: left; } +.header .search .search-btn { display: table-cell; vertical-align: middle; position: relative; width: 10px; float: none; clear: both; height: 100%; } +.search .search-btn:before { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } +.search-cart .shpping-cart { display: table; float: left; height: 100%; } +.shpping-cart a { position: relative; display: table-cell; vertical-align: middle; } +.shpping-cart strong.item { display: block; position: absolute; top: 50%; border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); margin-top: -10px; } +.cart { top: 100%; } +.mega-menu > section.menu-list-items > .container-fluid, +.mega-menu > section.menu-list-items > .container-fluid > .row, +.mega-menu > section.menu-list-items > .container-fluid > .row > div { height: 100%; } +.logo-center .mega-menu > section.menu-list-items .menu-bar > ul { height: auto; } +.logo-center .mega-menu > section.menu-list-items .menu-bar > ul > li { display: inline-block; } +.logo-center .mega-menu > section.menu-list-items .search-cart { height: auto; } +.logo-center .mega-menu > section.menu-list-items .menu-bar { height: auto; } +.logo-center .mega-menu .drop-down, .logo-center .mega-menu .drop-down-tab-bar, .logo-center .mega-menu .drop-down-multilevel { top: auto; } +.logo-center .mega-menu .menu-links > li > a { line-height: 72px; } +.logo-center.header .search .search-btn { line-height: 72px; } +.logo-center .search-cart i.icon { line-height: 72px; } +.logo-center .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 60px; } +.logo-center .mega-menu.desktopTopFixed .search .search-btn { line-height: 60px; } +.logo-center .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 60px; } +.logo-center .search .search-btn:before { top: inherit; transform: inherit; } +.logo-center .search-cart .shpping-cart { float: right; } + +.vertical-menu .mega-menu > section.menu-list-items .menu-bar { height: auto; } +.vertical-menu .mega-menu > section.menu-list-items .menu-bar > ul > li { display: block; } +.search-cart .side-menu-icon { display: table; float: left; height: 100%; } +.side-menu-icon .menu-icon { position: relative; display: table-cell; vertical-align: middle; } + +.header.light .mega-menu { min-height: 90px; } + +} + +/************************************* + Slider (all home page main sliders ) + **************************************/ +.rev-slider { overflow: hidden; position: relative; } + + + /*slider 10*/ +#rev_slider_14_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; } + #rev_slider_14_1 .zeus .tp-bullet{box-sizing:content-box; -webkit-box-sizing:content-box; border-radius:60%; background-color:rgba(255,255,255,0.5); -webkit-transition:opacity 0.3s ease; transition:opacity 0.3s ease; width:14px;height:14px; border:0px solid rgb(255,201,4)}#rev_slider_14_1 .zeus .tp-bullet:after{content:""; position:absolute; width:100%; height:100%; left:0; border-radius:60%; background-color:rgb(255,201,4); -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:-webkit-transform 0.3s ease; transition:transform 0.3s ease}#rev_slider_14_1 .zeus .tp-bullet:hover:after,#rev_slider_14_1 .zeus .tp-bullet.selected:after{-webkit-transform:scale(1.2); transform:scale(1.2)}#rev_slider_14_1 .zeus .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{width:135px; height:60px; position:absolute; background:#000; background:rgba(0,0,0,0.5); bottom:13px; margin-bottom:10px; transform:translateX(-50%); -webkit-transform:translateX(-50%); box-sizing:border-box; background-size:cover; background-position:center center; visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; border-radius:4px}#rev_slider_14_1 .zeus .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(-50%); -webkit-transform:translateX(-50%)}#rev_slider_14_1 .zeus .tp-bullet-title{color:rgb(255,255,255); text-align:center; line-height:15px; font-size:13px; font-weight:600; z-index:3; visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; position:absolute; bottom:45px; width:135px; vertical-align:middle}#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-imageoverlay{opacity:1; visibility:visible; -webkit-transform:translateY(0px) translateX(-50%); transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{bottom:auto; margin-right:10px; margin-bottom:0px; right:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title{bottom:auto; right:100%; margin-right:10px}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-imageoverlay{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{bottom:auto; margin-left:10px; margin-bottom:0px; left:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title{bottom:auto; left:100%; margin-left:10px}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{bottom:auto; top:13px; margin-top:10px; margin-bottom:0px; left:0px; transform:translateY(0px) translateX(-50%); -webkit-transform:translateX(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet:hover .tp-bullet-image{transform:scale(1) translateY(0px) translateX(-50%); -webkit-transform:scale(1) translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateY(0px) translateX(-50%); -webkit-transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title{bottom:auto; top:13px; margin-top:20px} +#rev_slider_14_1 .uranus.tparrows{width:50px; height:50px; background:rgba(255,255,255,0)}#rev_slider_14_1 .uranus.tparrows:before{width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s}#rev_slider_14_1 .uranus.tparrows:hover:before{opacity:0.75} + + +/************************************* + slider-parallax one page +**************************************/ +.slider-parallax { height: 86vh; position: relative; } +.slider-content-middle { position: absolute; display: inline-block; width: 100%; top: 50%; left: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); + -ms-transform: translate(0,-50%);-o-transform: translate(0,-50%); transform: translate(0,-50%); } +/*scroll-down*/ +.scroll-down { text-align: center; width: 34px; height: 58px; display: inline-block; border-radius: 20px; border:2px solid #fff; position: absolute; left: 50%; bottom: 60px; +margin-left: -17px; line-height: 50px; } +.scroll-down i { height: 10px; width: 4px; background: #fff; display: inline-block; border-radius: 3px; -webkit-animation-name:fadebounce; -moz-animation-name:fadebounce; -ms-animation-name:fadebounce; -o-animation-name:fadebounce; animation-name:fadebounce; -webkit-animation-duration:3s; -moz-animation-duration:3s; -ms-animation-duration:3s; -o-animation-duration:3s; + animation-duration:3s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; + animation-iteration-count:infinite; } +@-moz-keyframes fadebounce { +0% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; } +50% { -moz-transform:translateY(25px); transform:translateY(25px); opacity:1; } +100% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@-webkit-keyframes fadebounce { +0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } +50% { -webkit-transform:translateY(25px); transform:translateY(25px); opacity:1; } +100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@-o-keyframes fadebounce { +0% { -o-transform:translateY(0); transform:translateY(0); opacity:1; } +50% {-o-transform:translateY(25px);transform:translateY(25px);opacity:1; } +100% {-o-transform:translateY(0);transform:translateY(0);opacity:1; } +} +@-ms-keyframes fadebounce { +0% { -ms-transform:translateY(0); transform:translateY(0); opacity:1; } +50% {-ms-transform:translateY(25px);transform:translateY(25px);opacity:1; } +100% {-ms-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@keyframes fadebounce { +0% { transform:translateY(0); opacity:1; } +50% {transform:translateY(25px);opacity:1; } +100% {transform:translateY(0);opacity:1; } +} + +/*personal-typer-banner*/ + .personal-typer-banner span.sub-text { font-size: 22px; line-height: 22px; margin-bottom: 16px; display: block; } + .personal-typer-banner b { border-bottom: 2px solid #5E9ECA; } + .personal-typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; color: #5E9ECA; } + .personal-typer-banner h1 span { color: #ffffff; font-size: 50px; display: inline-block; transform: rotate(-90deg); line-height: 50px; position: relative; top: -11px; left: -20px; } + .personal-typer-banner h2 { border-left: 3px solid #5E9ECA; padding-left: 10px; margin-top: 20px; } + +/*typer-banner*/ +.typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; } +.typer-banner p { font-size: 22px; line-height: 22px; } +.slider-content .typer { color: #5E9ECA !important; } + +/*popup-video-banner*/ +.popup-video-banner h1 { font-size:60px; line-height:80px; font-weight: 400; } +.popup-video-banner a span{ margin-left: 6px; width: 50px; height: 50px; line-height: 50px; display: inline-block; text-align: center; background: #ffffff; color: #5E9ECA; border-radius: 50%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } +.popup-video-banner a:hover span { background: #5E9ECA; color: #ffffff; } +.popup-video-banner a strong { padding-left:10px; display: inline-block; } + + /*video-background-banner*/ +#video-background.bg-overlay-black-50:before { z-index: 0; } +.video-background-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; text-transform: uppercase; } +.video-background-banner .slider-content { border:20px solid #5E9ECA; width: 50%; margin: 0 auto; padding: 60px 30px; } +.video-background-banner .slider-content span { font-size: 22px; line-height: 22px; color: #ffffff; display: block; margin-bottom: 20px; } +.video-background-banner .slider-content p { font-size: 18px; line-height: 22px; color: #ffffff; margin-top: 20px; } + +/* portfolio-banner*/ +.portfolio-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; } +.portfolio-banner .slider-content { background: #ffffff; width: 50%; margin: 0 auto; padding: 60px 30px; box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.02); } +.portfolio-banner .slider-content span { text-transform: uppercase; letter-spacing: 10px; font-size: 18px; line-height: 18px; display: block; margin-bottom: 20px; font-weight: 600; } +.portfolio-banner .slider-content span i { line-height: 20px; } +.portfolio-banner .slider-content h1 { font-size: 70px; margin-bottom: 0; } + + /************************************* + Background + **************************************/ +/*images background*/ + .white-bg { background: #fff; } + .gray-bg { background: #666; } + .dark-gray-bg { background: #666666; } + .theme-bg { background: #5E9ECA; } + .black-bg { background: #323232; } + .dark-theme-bg { background: #050801; } + + .bg-overlay-black-10:before { background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-20:before { background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-30:before { background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-40:before { background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-50:before { background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-60:before { background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-70:before { background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-80:before { background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-90:before { background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-10:before { background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-20:before { background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-30:before { background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-40:before { background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-50:before { background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-60:before { background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-70:before { background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-80:before { background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-90:before { background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-20:before { background: rgba(132,186,63, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-50:before { background: rgba(132,186,63, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-70:before { background: rgba(132,186,63, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-90:before { background: rgba(132,186,63, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-10, .bg-overlay-black-20, .bg-overlay-black-30, .bg-overlay-black-40, .bg-overlay-black-50, .bg-overlay-black-60, .bg-overlay-black-70, .bg-overlay-black-80, .bg-overlay-black-90, .bg-overlay-white-10, .bg-overlay-white-20, .bg-overlay-white-30, .bg-overlay-white-40, .bg-overlay-white-50, .bg-overlay-white-60, .bg-overlay-white-70, .bg-overlay-white-80, .bg-overlay-white-90, .bg-overlay-theme-20, .bg-overlay-theme-50, .bg-overlay-theme-70, .bg-overlay-theme-90, { position: relative; } + + +/************************************* + home page section + **************************************/ +.our-service-home { padding-bottom: 230px; } +.custom-content { margin-top: -220px; background: #5E9ECA; position: relative; z-index: 9; padding: 50px;} + +/************************************* + decolines + **************************************/ +.decolines { pointer-events: none; position: absolute; width: 100%; height: 100%; top: 0;left: 0; pointer-events: none; } +.decolines--fixed { position: fixed; width: 100vw;height: 100vh; } +.decoline { position: absolute; } + +/************************************* + feature step + **************************************/ +.feature-step h1 { font-size: 60px; } +.feature-step h3 { font-weight: 300; margin: 30px 0px 20px; } +.feature-step a { font-size: 14px; color: #5E9ECA; } +.feature-step a:hover { color: #323232; } + +.feature-step-2-box { padding: 70px 30px; z-index: 99; position: relative; } +.feature-step-2.bg-01 { background: url(../images/blog/05.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-02 { background: url(../images/blog/06.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-03 { background: url(../images/blog/09.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-overlay-black-50:before { z-index: 0; } +.feature-step-2 .feature-step-2-title-left h1 { font-size: 75px; line-height: 60px; color: #ffffff; } +.feature-step-2 h3 { margin-bottom: 0; } +.feature-step-2 h2{font-weight: 200; position: relative; padding-bottom: 10px; font-size: 28px; } +.feature-step-2 img {display: block; width: 100%;} +.feature-step-2 .button { margin-top: 20px; } +.feature-step-2 .feature-step-2-title-left {opacity: 0.5; display: table-cell; padding-right: 26px; } +.feature-step-2-title-2-right { display: table-cell; vertical-align: top; } +.feature-step-2.black-bg .feature-step-2-box, .feature-step-2.theme-bg .feature-step-2-box{position: inherit; top: inherit; transform: inherit; display: inline-block;} +.service-blog { padding-top: 50px; padding-right: 25px; margin-bottom: 100px; } +.service-blog p { position: relative; z-index: 9; margin-top: 20px; margin-bottom: 20px; } +.service-blog b {position: absolute; z-index: 0; top: -35px; font-family: 'Poppins', sans-serif; right: -35px; font-size:300px; color: #dde1eb; line-height: normal; opacity: 0.3;} +.service-blog ul { border-right: 6px solid #5E9ECA; padding-right: 20px; } +.service-blog li { color: #626262; font-size: 16px; line-height: 22px; padding: 2px 0 7px; } +.service-blog.left b{left:-35px; right: inherit;} +.service-blog.left ul{border-left:6px solid #5E9ECA;border-right:0 none;padding-left:20px;padding-right:0;} +/*split-section*/ +.split-section { position: relative; z-index: 10; } +.split-section .img-holder { position: absolute; top: 0; width: 100%; height: 100%; } +.split-section .img-side.img-right { right: 0; } +.split-section .img-side.img-left { left: 0; } +.split-section .img-side { right: 0; padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100; } + .our-awesome-core .img-side { top: 20px; } + + /************************************* + about us + **************************************/ +.who-we-are-left .owl-carousel .owl-dots { bottom: 26px; position: absolute; } +.who-we-are-left .owl-carousel.owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; border-radius: 50%; } + + /************************************* + resume + **************************************/ +.resume-page .container-fluid { padding: 0 70px; } +.resume-block .resume-icon { float: left; margin-right: 30px; } +.resume-block .resume-icon span { font-size: 30px; line-height: 50px; color: #5E9ECA; } +.resume-block .resume-name { display: table-cell; } +.resume-block .resume-name span { color: #9ea8b6; font-size: 16px; } +.resume-contact #map { padding-top: 120%; } +.resume-contact .contact-form-main { padding: 80px 80px; } +.resume-contact .footer-widget-social a i { color: #ffffff; background: rgba(43, 43, 43, 0.12); width: 45px; height: 45px; line-height: 45px; } +.resume-contact .footer-widget-social a i:hover { background: rgba(43, 43, 43, 0.19); } + + /************************************* + portfolio + *************************************/ + .isotope-filters { display: table; margin:0px 0px 30px 0px; text-align: left; } +.isotope-filters.text-left { display: block; margin: 0px 0px 30px 0px; text-align: left; } +.isotope-filters button { margin: 4px; cursor: pointer; padding: 6.5px 16px; font-size: 14px; background: transparent; border-radius: 18px; color: #363636; font-weight: 600; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } +.isotope-filters button:focus { outline: none; outline-style: none; outline-offset:0; } +.isotope-filters button.active, .isotope-filters button:hover { background: #5E9ECA; color: #fff; border-color: #5E9ECA; } +.isotope-filters button+button { margin-left: px; background-color: #fff; } +.isotope, .masonry { margin: 0 -15px 0 0; } +.isotope .grid-item img { width: 100%; } +.isotope.columns-1 .grid-item { width: 100%; padding: 0 15px 15px 0; } +.isotope.columns-2 .grid-item { width: 50%; padding: 0 15px 15px 0; } +.isotope.columns-3 .grid-item { width: 33.33333333%; padding: 0 15px 15px 0; } +.isotope.columns-4 .grid-item { width: 25%; padding: 0 15px 15px 0; } +.isotope.columns-5 .grid-item { width: 20%; padding: 0 15px 15px 0; } +.isotope.no-padding .grid-item { padding: 0 !important; } +.masonry.no-padding .masonry-item { padding: 0 !important; } +.masonry .masonry-item img { width: 100%; } +.masonry.columns-2 .masonry-item { width: 50%; padding: 0 15px 15px 0; } +.masonry.columns-3 .masonry-item { width: 33.33333333%; padding: 0 15px 15px 0; } +.masonry.columns-4 .masonry-item { width: 25%; padding: 0 15px 15px 0; } +.masonry.columns-5 .masonry-item { width: 20%; padding: 0 15px 15px 0; } +.isotope.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.isotope.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } +.isotope.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.isotope.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } +.masonry.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.masonry.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } +.masonry.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.masonry.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } + + /************************************* + portfolio item + **************************************/ +.portfolio-title { padding: 100px 60px 30px; } +.portfolio-title span { display: block; } +.portfolio-item { width: 100%; position: relative; overflow: hidden; color: #fff; border: 0; position: relative; } +.portfolio-item img { width: 100%; -webkit-transition: -ms-transform 0.35s; -o-transform 0.35s; -moz-transform 0.35s; transition: transform 0.35s; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;} +.portfolio-item .portfolio-overlay { width: 100%; background: #5E9ECA; padding: 10px 0px; position: absolute; bottom:-80px; display: block; margin-top: 0; float: left; z-index: 9; text-align: left; padding-left: 20px; left: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item .portfolio-overlay h4 { font-weight: 600; margin-bottom: 5px; } +.portfolio-item .portfolio-overlay a:hover { color: #323232; } +.portfolio-item .portfolio-overlay span { font-weight: 400; font-size: 14px; } +.portfolio-item .portfolio-overlay span a { color: #ffffff; } +.portfolio-item .portfolio-overlay span a:hover { color: #323232; } +.portfolio-item a.popup{position: absolute; right: 20px; top: -20px; color: #fff; z-index: 9; display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 40px; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;} +.portfolio-item a.popup:hover { background: #5E9ECA; color: #ffffff; } +.portfolio-item:hover img { -webkit-transform:scale(1.20); -moz-transform:scale(1.20); -ms-transform:scale(1.20); -o-transform:scale(1.20); transform:scale(1.20); } +.portfolio-item:hover a.popup{ opacity: 1; top: 20px; } +.portfolio-item:before { content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-size: 115%; + -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.7s cubic-bezier(.68,.11,.13,.98); + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.owl-carousel .owl-item .portfolio-item img { width: 100%; } + .portfolio-item.only-popup { width: 100%; text-align: center; } + .portfolio-item.only-popup a.popup { display: inline-block; left: 50%; margin-left: -20px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } +.portfolio-item:hover .portfolio-overlay { bottom: 0; } +/* no-title */ +.no-title .portfolio-item .portfolio-overlay { position: inherit; bottom: inherit; background: #f6f7f8; } +.no-title .portfolio-item .portfolio-overlay a, .no-title .portfolio-item .portfolio-overlay span { color: #323232; } +.no-title .portfolio-item .portfolio-overlay a:hover { color: #5E9ECA; } + /*portfolio pupup*/ + .mfp-bottom-bar { display: none; } +.portfolio-home .isotope { margin-bottom: 0; } + +/************************************* + portfolio-item-2 +**************************************/ +.portfolio-item-2 { width: 100%; overflow: hidden; position: relative; } +.portfolio-item-2:before { background: transparent; } +.portfolio-item-2 .portfolio-hover { padding: 20px; position: absolute; z-index: 99; bottom: 0px; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-name { position: absolute; bottom: -10px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-name span { font-size: 14px; color: #fff; display: block; } +.portfolio-item-2 .portfolio-hover .hover-name a { font-size: 22px; text-transform: uppercase; color: #fff; display: block; margin-top: 5px; } +.portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #5E9ECA; } +.portfolio-item-2 .portfolio-hover .hover-icon { position: absolute; bottom: -10px; right: 30px; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-icon a { color: #fff; } +.portfolio-item-2 .portfolio-hover .hover-icon a:hover { color: #5E9ECA; } +.portfolio-item-2:hover .portfolio-hover { opacity: 1; background: rgba(0, 0, 0, 0.9); } +.portfolio-item-2 img { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } +.portfolio-item-2:hover img { opacity: 0.1; -webkit-transform:scale(1.10); -moz-transform:scale(1.10); -ms-transform:scale(1.10); -o-transform:scale(1.10); transform:scale(1.10); } +.portfolio-item-2:hover .portfolio-hover .hover-name { bottom: 30px; } +.portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: 40px; } +.no-title .portfolio-item-2 { overflow: visible; } +.no-title .portfolio-item-2 .portfolio-hover { position: inherit; border: inherit; opacity: 1; background: #f6f7f8; clear: both; } +.no-title .portfolio-item-2:hover .portfolio-hover { bottom: inherit; background: inherit; background: #f6f7f8; } +.no-title .portfolio-item-2 .portfolio-hover .hover-name { bottom: inherit; position: inherit; display: inline-block; clear: both; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon { bottom: inherit; position: inherit; display: inline-block; float: right; padding-top: 20px; text-align: right;} +.no-title .portfolio-item-2:hover .portfolio-hover .hover-name { bottom: inherit; } +.no-title .portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: inherit; } +.no-title .portfolio-item-2:hover img { opacity: 1; -webkit-transform:inherit; -moz-transform:inherit; -ms-transform:inherit; -o-transform:inherit; transform:inherit; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon a, .no-title .portfolio-item-2 .portfolio-hover .hover-name span, .no-title .portfolio-item-2 .portfolio-hover .hover-name a { color: #323232; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .no-title .portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #5E9ECA; } + + /************************************* + Portfolio single page +**************************************/ + /*tags*/ +.tags h5 { display: inline-block; padding-right: 20px; } +.tags ul { display: inline-block; } +.tags li { display: inline-block; } +.tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } + +/*share*/ +.share .social ul { display: inline-block; } +.share .social ul li { display: inline-block; padding: 0px 6px; } +.share .social ul li a:hover { color: #353535; } + +/*port-meta*/ +.port-meta ul { margin-bottom: 30px; } +.port-meta li { margin-bottom: 20px; font-size: 16px; } +.port-meta li b { color: #5E9ECA; width: 200px; font-weight: 400; width: 100px; display: inline-block; } +.port-meta li span { font-weight: normal; } +.port-info p { margin-bottom: 0px; } + +/*port-navigation*/ +.port-navigation { padding: 20px 0; border-bottom:1px dashed #d0d0d0; border-top: 1px dashed #d0d0d0;} +.port-navigation a { color: #626262; } +.port-arrow { height: 74px; width: 40px; text-align: center; background: #f7f7f7; display: inline-block;} +.port-arrow i { text-align: center; font-size: 25px; line-height: 75px;} +.port-photo { width: 124px; height: 77px; display: inline-block; } +.port-photo img { width: 100%; } + +/*port-post*/ +.port-post { background: #f7f7f7; padding: 15px; } +.port-post-photo { width: 170px; display: inline-block; float: left; margin-right: 20px; } +.port-post-photo img { width: 100%; } + +/*port-post-info*/ +.port-post-info { padding-left: 190px;} +.port-post-info h3 { display: inline-block; font-size: 24px; } +.port-post-info span { color: #626262; } +.port-post-social strong { font-size: 14px; } +.port-post-social a { color: #626262; margin-left: 8px; font-size: 14px; } +.port-post-social a:hover { color: #5E9ECA; } +.port-post-info p { margin-top: 10px; } +.port-singal .owl-carousel .owl-item img { width: 100%; } + +/************************************* + Our Blog + **************************************/ + /*Blog 1*/ +.blog-box { padding: 30px; border:1px solid #ddd; position: relative; z-index: 1; } +.blog-info { position: relative; z-index: 9; } +.blog-info span { color: #626262; font-size: 14px; margin-right: 6px; } +.blog-info h4 { font-weight: 600; font-size: 18px;} +.blog-box .post-format-icon{text-align: right; position: relative; z-index: 9} +.blog-box .post-format-icon i { padding-right: 0; font-size: 35px; color: #e1e1e1; } +.blog-info p { padding: 0px 0 10px; font-size: 14px; } +.blog-box .post-category a { display: inline-block; padding: 5px 15px; font-size: 12px; text-transform: uppercase; font-weight: 700; border-radius: 50em; color:#fff; background-color: #5E9ECA; -webkit-transition: all 0.3s ease; -moz-transition: ll 0.3s ease; transition: all 0.3s ease; margin-bottom: 20px;} +a.blog-btn { text-align: center; font-size: 14px; color: #5E9ECA; display: block; padding-bottom: 12px; position: relative; z-index: 1; } +a.blog-btn i { margin-left: 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-box .border { position: absolute; background: #5E9ECA; height: 0px; bottom: 0; left: 0; z-index: 0; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-box .blog-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background-size: cover; background-position: center center; } +.blog-box:hover .blog-box-img, .blog-box.active .blog-box-img { opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-1:hover h4, .blog-1:hover i, .blog-1:hover span, .blog-1:hover p, .blog-1:hover a.blog-btn, .blog-1.active h4, .blog-1.active i, .blog-1.active span, .blog-1.active p, .blog-1.active a.blog-btn,.blog-1:hover .post-category a,.blog-1:hover .post-format-icon i,.blog-1.active .post-category a,.blog-1.active .post-format-icon i { color: #fff; } +.blog-box:hover .blog-box-img:before, .blog-box.active .blog-box-img:before { background: rgba(0, 0, 0, 0.6); color: #fff; content: ""; display: inline-block; height: 100%; + left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } +.blog-box.blog-2 {padding: 0; position: relative; border:none; transition: all 0.5s ease 0s; height: 100%; } +.blog-box.blog-2 .blog-info{background: #ffffff; padding: 30px;} +.blog-box.blog-2.gray-bg .blog-info {background: #f7f7f7; } +.blog-box.blog-2 .blog-box-img{opacity: 1;} +.blog-box.blog-2 .post-format-icon{position: absolute; right: 30px; top: 30px;} +.blog-box.blog-2 .button.icon-color{text-transform: capitalize; float: right;} +.blog-box.blog-2:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);} +.blog-box.blog-2.gray-bg:hover { box-shadow: none;} +.blog-box.blog-2.transparent .blog-info { background: transparent; padding: 30px 0; } +.blog-box.blog-2.transparent .blog-info span { color: #ffffff; } + + +/*************************** + blog +***************************/ +.blog-entry { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } +.blog-entry:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } +.blog-entry .entry-image img { width: 100%; } +.blog-entry .blog-detail { background: #ffffff; padding: 30px; border-top: 0px; } +.blog-entry .blog-detail .entry-title a { font-size: 22px; font-weight: 600; line-height: 24px; color: #353535; line-height: 28px; } +.blog-entry .blog-detail .entry-title a:hover { color: #5E9ECA; } +.blog-entry .entry-meta ul li { display: inline-block; margin-right: 12px; } +.blog-entry .entry-meta ul li i { color: #5E9ECA; padding-right: 6px; } +.blog-entry .entry-meta ul li a { color: #353535; line-height: 0px; padding-right: 5px; } +.blog-entry .entry-meta ul li a i { padding-right: 6px; color: #5E9ECA; } +.blog-entry .entry-meta ul li a:hover { color: #5E9ECA; } +.blog-entry .social strong { display: inline-block; margin-right: 10px; } +.blog-entry .entry-button { display: inline-block;} +.blog-entry .social ul { display: inline-block; } +.blog-entry .social ul li { display: inline-block; padding: 0px 6px; } +.blog-entry .social ul li a:hover { color: #353535; } +.blog-entry .entry-share { margin-top: 20px; display: block; } + +/*blog-entry blockquote*/ +.blog-entry.blockquote { background: #5E9ECA; border: 0px; padding: 36px 30px; } +.blog-entry.blockquote blockquote { background: #5E9ECA; border-left: 0px; color: #ffffff; padding: 0px; position: relative; margin-top: 0 !important; padding-top: 60px; } +.blog-entry.blockquote blockquote:before { content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #ffffff; position: absolute; left: 0px; top: -20px; } +.blog-entry.blockquote .blog-detail { border: 0px; background: #5E9ECA; padding: 0px; } +.blog-entry.blockquote .blog-detail .entry-title a { color: #ffffff; } +.blog-entry.blockquote .blog-detail .entry-title a:hover { color: #323232; } +.blog-entry.blockquote .social ul li a { color: #ffffff; } +.blog-entry.blockquote .social ul li a:hover { color: #323232; } +.blog-entry.blockquote .entry-meta ul li a { color: #ffffff; } +.blog-entry.blockquote .entry-meta ul li i { color: #ffffff; } +.blog-entry.blockquote .entry-meta ul li a i { color: #ffffff !important; } +.blog-entry.blockquote .entry-meta ul li a:hover { color: #323232; } +.blog-entry.blockquote .button.arrow.white:hover { color: #323232; } + +/*video vimeo and youtube*/ +.js-video { height: 0; padding-top: 25px; padding-bottom: 54%; position: relative; overflow: hidden; } +.js-video.widescreen { padding-bottom: 34.34%; } +.js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: none; } +.js-video.big { padding-top: 30px; } + +.blog-entry .grid-post li { float: left; width: 50%; border-right: 4px solid #fff; border-bottom: 4px solid #fff; list-style: none; } +.blog-entry .grid-post li img { width: 100%; } +.blog-entry .grid-post li .portfolio-item { width: 100%; } + + /*blog-entry-audio*/ + .blog-entry .blog-entry-audio { padding: 136px 20px; background: url(../images/blog/04.jpg) no-repeat; background-position: center center; background-size: cover; } + + /*blog pages*/ + /*blog-grid-3-column*/ + .blog-grid-3-column .blog-entry .blog-entry-audio { padding: 63px 20px; } + .blog-grid-2-sidebar .blog-entry .blog-entry-audio { padding: 96px 20px; } + +/************************************* + our services +**************************************/ +.service-image-holder { position: relative; height: 496px; } +.service-image-holder .section-title-2 { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } +.services-text-box { background:#fff; padding: 10% 15%;} +.services-text-box-black { background:#363636; padding: 80px 50px !important; } +.services-text-box-green { background:#5E9ECA; padding: 80px 50px !important; } + +/************************************* + creativity +**************************************/ +.creativity h1 { line-height: 65px; text-transform: uppercase; font-size: 50px; font-weight: bold; } +.creativity p { font-size: 30px; } +.creativity .button { display: inline-block; float: none; } + .contact-map iframe { width: 100%; height: 100%; } +#formmessage {display: none;} +.contact-form .section-field { position: relative; width: 31.3%; margin-right: 3%; float: left; } +.contact-form .section-field:nth-child(3) { margin-right: 0px; } +.contact-form .section-field:nth-child(6) { margin-right: 0px; } +.contact-box.contact-box-top { margin-top: -1px; position: relative; } +.touch-in .contact-box {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); display: inline-block; margin-bottom: 0; padding: 60px 20px; width: 100%;} +.contact-box i { background: #5E9ECA; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 5px; font-size: 34px; color: #ffffff; display: inline-block;} +.contact-form .form-control {position: relative; width: 100%; margin-bottom: 20px; } +.section-field.textarea{width: 100%;} +.g-recaptcha.section-field {width: 100%; margin-bottom: 20px; } +.contact-form textarea.form-control {width: 100%; } +.contact-box .contact-icon { display: table-cell; padding-right: 20px; } +.contact-box .contact-icon i { background: transparent; line-height: normal; font-size: 34px; height: auto; width: auto;} +.contact-box.theme-bg .contact-icon i{color: #ffffff !important;} +.contact-box .contact-info { display: table-cell; vertical-align: top; padding: 0; background: none;} +.contact-2 .addresss-info p, .contact-2 .addresss-info i, .contact-2 .addresss-info li{color: #ffffff;} +.contact-2 .contact-add{padding: 80px 0} +.contact-2 .contact-add i{font-size: 40px;} +.contact-3 #map { padding-top: 101%; } +.contact-2 #map { padding-top: 100%; } +.map-side { left: 0; overflow: hidden; padding: 0; position: absolute; top: 0; z-index: 9;} +.map-side.map-right {left: auto; right: 0;} +.contact-3 .contact-add{padding: 80px 20px; } +.contact-3 .contact-add i{font-size: 40px; color: #5E9ECA;} +.contact-3 .contact-form .section-field {width: 100%;} +.contact-social ul li { display: inline-block; } +.contact-social ul li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #323232; background: #eceff8; font-size: 14px; border-radius: 3px; margin-right: 5px; } +.contact-social ul li a:hover { background: #353535 !important; color: #fff;} +.contact-3 .theme-bg.contact-add i{color: #ffffff !important;} +.footer #logo-footer { height: 30px; } +.footer-contact .footer-nav ul li a { color: #353535; } +.footer-contact .footer-nav ul li a:hover { color: #2046f2; } +.footer-contact .contact-box .contact-icon i { background: transparent; color: #5E9ECA; margin-bottom: 10px; } +.footer.footer-topbar hr { border-color: #d9d9d9; } +.footer-contact .social ul { background: #f6f7f8; } +.footer-contact .social ul li a i { color: #353535; } +.footer-contact .social ul li a i:hover { color: #2046f2; } +.footer-contact .usefull-link ul li a { color: #353535; } +.footer-contact .usefull-link ul li a:hover { color: #2046f2; } +.footer-contact { box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); margin-bottom: 80px; margin-top: -220px; padding: 60px 0; } +.footer-contact .contact-box { text-align: center; } +.footer-contact .contact-box .contact-icon { display: block; padding-right: 0; color: #2046f2; } +.footer-contact .contact-box .contact-info { display: block; background: none; padding: 0; width: 100%;} +.footer-contact .contact-box .contact-info .section-title { margin-bottom: 0px; } +.footer-contact .contact-box .contact-info h5 { color: #353535; } +.our-clients.theme-bg{padding: 60px 0 170px;} +.footer-Newsletter .form-control::-moz-placeholder { color: rgba(255,255,255,0.5); } +.footer-Newsletter .form-control::-ms-input-placeholder { color: rgba(255,255,255,0.5); } +.footer-Newsletter .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.5); } + +/************************************* + Our History +**************************************/ + .history-main { width: 100%; } + .liner { background: #fff; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: 96%; z-index: 1; position: relative; } + .liner i { position: absolute; right: -2px; top: -9px; color: #fff; } + .history-content { list-style: outside none none; padding: 125px 0; width: auto; } + .history-1 { position: relative; left: 45px; } + .history-2 { position: relative; margin-left: 30%; } + .history-3 { position: relative; margin-left:58%; } + .history-4{ position: relative; margin-left: 95%; } + .history-line { background: #fff; height: 60px; left: 3px; position: absolute; top: -75px; width: 2px; z-index: 9; } + .history-time-lin { position: relative; top: 10px; z-index: 2; } + .history-time-lin:before { bottom: 0; } + .history-time-lin:before { background: #fff; border-radius: 50%; content: ""; height: 20px; left: -5px; position: absolute; width: 20px; z-index: 1; } + .history-time-lin:after { border:2px solid #fff; background: #000; border-radius: 50%; content: ""; height: 30px; left: -5px; position: absolute; width: 30px; } + .history-time-lin:after { left: -10px; top: -25px; } + .history-item { left: -20px; position: absolute; top: -125px; } + .history-item a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } + .history-5 { position: relative; margin-left: 15%; } + .history-6 { position: relative; margin-left: 53%; } + .history-7 { position: relative; margin-left:78%; } + .history-line-2 { background: #fff none repeat scroll 0 0; height: 60px; left: 3px; position: absolute; top: 15px; width: 2px; z-index: 9; } + .history-item-2 { left: -20px; position: absolute; top: 75px; } + .history-item-2 a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } + /*Our History */ +.our-history .timeline { list-style: none; padding: 20px 0 20px; position: relative; } +.our-history .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 2px; background-color: #e6e6e6; left: 50%; margin-left: -0.5px; } +.our-history .timeline > li { margin-bottom: 20px; position: relative; } +.our-history .timeline > li:before, +.our-history .timeline > li:after { content: " "; display: table; } +.our-history .timeline > li:after { clear: both; } +.our-history .timeline > li:before, +.our-history .timeline > li:after { content: " "; display: table; } +.our-history .timeline > li:after { clear: both;} +.our-history .timeline > li > .timeline-panel { width: 46%; float: left; padding: 15px 00px 25px 00px; position: relative; } +.our-history .timeline > li > .timeline-panel:before { position: absolute; top: 23px; right: -25px; display: inline-block; width: 25px; height: 2px; background: #e6e6e6; content: " "; } +.our-history .timeline > li > .timeline-badge { color: #fff; width: 18px; height: 18px; line-height: 10px; font-size: 0.7em; text-align: center; position: absolute; top: 16px; left: 50%; + border:3px solid #5E9ECA; margin-left: -9px; background-color: #fff; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0 0 0 5px #f6f6f6; } +.our-history .timeline > li.timeline-inverted > .timeline-panel { float: right;} +.our-history .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -25px; right: auto; } +.our-history .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } + .our-history .timeline-body > p, +.our-history .timeline-body > ul { margin-bottom: 0; } +.our-history .timeline-body > p + p margin-top: 5px; +.our-history .timeline > li { text-align: right;} +.our-history .timeline > li.timeline-inverted { text-align: left;} +.our-history .timeline .timeline-arrow { position: absolute; width: 100%; left: 0.5px; right: 0; text-align: center; color: #e6e6e6; bottom: -29px; } +.our-history .timeline > li > .timeline-badge p{width: 200px; margin-top: -9px; margin-left: 25px;font-size: 17px; font-weight: bold; text-align: left;} +.our-history .timeline > li.timeline-inverted .timeline-badge p{text-align: right; float: right; margin-right: 25px;} + +/************************************* + our-service objects +**************************************/ +.our-service { position: relative; padding-bottom: 280px; z-index: 1; } +.objects-left { position: absolute; height: 100%; width: 100%; left: 0; top: 80px; z-index: -1; } +.objects-left .objects-1 { position: absolute; left: 50px; top: 0; } +.objects-left .objects-2 { position: absolute; left: 100px; bottom: 170px; } +.objects-left .objects-3 { position: absolute; left: 50%; bottom: 150px; margin-left: -150px; } +.objects-right { position: absolute; height: 100%; width: 100%; right: 0; top:80px; z-index: -1; } +.objects-right .objects-4 { position: absolute; right: 0px; top: 0; } +.objects-right .objects-5 { position: absolute; right: 0px; bottom: 170px; } +.objects-right .objects-bottom { position: absolute; right: 0px; bottom: 0; } + +/************************************* + sidebar +**************************************/ +.sidebar-widget p { margin-bottom: 0px; } +/*.widget-search */ +.widget-search { position: relative; } +.widget-search input { padding-right: 30px; color: #353535; box-shadow: none; background: #f6f7f8; } +.widget-search i { position: absolute; right: 0px; padding: 16px 22px; font-size: 14px; color: #626262; cursor: pointer; } +.widget-search input:focus { border-color: #5E9ECA; } + +/*Recent Posts*/ +.sidebar-widget .recent-post { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding-bottom: 20px; margin-bottom: 20px; } +.sidebar-widget .recent-post .recent-post-image { float: left; margin-right: 15px; } +.sidebar-widget .recent-post .recent-post-image img { width: 50px; height: 50px; border-radius: 50%; } +.sidebar-widget .recent-post .recent-post-info { overflow: hidden; } +.sidebar-widget .recent-post .recent-post-info a { display: block; margin-bottom: 5px; color: #323232; } +.sidebar-widget .recent-post .recent-post-info a:hover { color: #5E9ECA; } +.sidebar-widget .recent-post .recent-post-info span { color: #5E9ECA; font-style: italic; font-size: 14px; } +.sidebar-widget .recent-post .recent-post-info span i { padding-right: 10px; } +.sidebar-widget .recent-post:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } + +/*widget-archives*/ +.sidebar-widget .widget-categories li { display: block; margin-bottom: 6px; } +.sidebar-widget .widget-categories li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } +.sidebar-widget .widget-categories li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 10px; width: 20px; height: 20px; text-align: center; } +.sidebar-widget .widget-categories li a:hover { color: #5E9ECA; } +.sidebar-widget .widget-categories li a:hover i { border-color: #5E9ECA; color: #5E9ECA; } + +/*widget-link*/ +.sidebar-widget .widget-link li { display: block; margin-bottom: 6px; } +.sidebar-widget .widget-link li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } +.sidebar-widget .widget-link li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 20px; width: 20px; height: 20px; text-align: center; } +.sidebar-widget .widget-link li a:hover { color: #5E9ECA; } + +/*tags*/ +.sidebar-widget .widget-tags li { display: inline-block; } +.sidebar-widget .widget-tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.sidebar-widget .widget-tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } + +/*widget-testimonial*/ +.sidebar-widget .testimonial-widget .testimonial-content { background: #f6f7f8; padding: 20px; font-style: italic; border-radius: 5px; position: relative; } +.sidebar-widget .testimonial-widget .testimonial-content:before { position: absolute; content: ""; bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; +border-color: #f6f7f8 transparent transparent transparent; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar { display: table-cell; padding-right: 20px; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar img { width: 50px; height: 50px; border-radius: 50%; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name { display: table-cell; vertical-align: top; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name span { display: block; font-style: italic; font-size: 14px; } +.sidebar-widget .testimonial-widget .testimonial-info:before { display: none; } + +/*widget-gallery*/ +.sidebar-widget .widget-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; } + +/*widget-newsletter*/ +.sidebar-widget .widget-newsletter { background: #f6f7f8; padding: 30px; position: relative; z-index: 9; overflow: hidden; } +.sidebar-widget .widget-newsletter .newsletter-icon { position: absolute; right: 0; top: -16px; } +.sidebar-widget .widget-newsletter .newsletter-icon i { font-size: 100px; z-index: 0; color: rgba(0, 0, 0, 0.05); } +.sidebar-widget .widget-newsletter .form-control { background: #ffffff; box-shadow: none; } + +/*widget-clients*/ +.sidebar-widget .widget-clients .item { background: #f6f7f8; padding: 30px 30px; } + +/*opening-time*/ + .opening-time ul li { font-size: 14px; line-height: 20px; color: rgba(255,255,255,0.5); border-bottom: 1px solid #262626; padding-bottom: 14px; margin-bottom: 14px; } + .opening-time ul li:last-child { border-bottom: 0; } + +/************************************* + About me +**************************************/ +.about-me .custom-content { margin-top: 0px; } +.about-me .maintenance-progress-bar { margin: 0; } +.about-me .maintenance-progress-bar .progress-bar { margin: 0 44px; } +.maintenance-progress-bar .progress-bar .rotate { background: #5E9ECA !important; } +.maintenance-progress-bar .progress-bar .right { background: #5E9ECA !important; } +.about-me .portfolio-item { width: 100%;} +.about-me .contact-me p { color: #363636; margin: 15px 0; display: table; } +.about-me .contact-me i { float: left; color: #5E9ECA; margin-right: 15px; line-height: 23px; width: 20px; } +.about-me .follow-me ul { margin-top: 20px; } +.about-me .follow-me li { display: inline-block; } +.about-me .follow-me li a { background: #e4e4e4; color: #5E9ECA; border-radius: 3px; display: block; width: 35px; height: 35px; line-height: 35px; margin-right: 2px; text-align: center; font-size: 16px; } +.about-me .follow-me li a:hover { background: #5E9ECA; color: #fff; } + +/************************************* + Team 1 page +**************************************/ +/*team-details*/ + .team-details .social{display:table;float:right;} +.team-details .social li a { background:#f7f7f7 none repeat scroll 0 0;border-radius:3px;color:#5E9ECA;display:block;font-size:15px;height:35px;line-height:35px;margin-left:0px;text-align:center;width:35px; } +.team-details .social li a:hover { background: #5E9ECA; color: #ffffff; } +.team-details .info i{color:#f7f7f7;font-size:126px;left:0;position:absolute;z-index:0;} +.team-details .info p{font-size:16px;font-style:italic;line-height:28px;padding-left:64px;position:relative;z-index:9;} + +/************************************* + blog page +**************************************/ + .owl-carousel img { width: 100%; } +/*pagination-nav*/ +.pagination { margin:0px; } +.pagination li a { font-size: 15px; font-weight: 500; margin: 0 5px; color: #626262; border-radius: 50%; } +.pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 50%; } +.pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 50%; } +.pagination>.active>a, .pagination>.active>a:hover { color: #626262; } +.pagination > li > a, .pagination > li > span { width: 44px; height: 44px; line-height: 44px; background: #f6f7f8; border:0px; padding: 0; text-align: center; } +.pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background-color:#5E9ECA; color: #ffffff;} +.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color:#5E9ECA; color: #ffffff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); } +.dataTables_paginate li.paginate_button.previous a, .dataTables_paginate li.paginate_button.next a { width: inherit; height: inherit; background: transparent !important; color: inherit !important; box-shadow: none !important; } + /*timeline blog*/ +.blog .timeline { list-style: none; padding: 20px 0 20px; position: relative; } +.blog .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 4px; background-color: #f7f7f7; left: 50%; margin-left: -1.5px; } +.blog .timeline > li { margin-bottom: 20px; position: relative; width: 46%; float: left; clear: left; } +.blog .timeline > li:before, +.blog .timeline > li:after { content: " "; display: table; } +.blog .timeline > li:after { clear: both; } +.blog .timeline > li:before, +.blog .timeline > li:after { content: " "; display: table; } +.blog .timeline > li:after { clear: both; } +.blog .timeline > li > .timeline-panel { width: 95%; float: left; border: 1px solid #d4d4d4; /*border-radius: 2px;*/ /*padding: 20px;*/ position: relative; border:1px solid #f7f7f7; + padding: 20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } +.blog .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #f7f7f7; + border-right: 0 solid #f7f7f7; border-bottom: 15px solid transparent; content: " "; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } +.blog .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; + border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } +.blog .timeline > li > .timeline-badge { color: #fff; width: 54px; height: 54px; line-height: 18px; padding: 6px; font-size: 22px; border:4px solid #f7f7f7; background: #fff; + border-radius: 50%; text-align: center; font-weight: bold; position: absolute; color: #f7f7f7; top: 16px; right: -73px; /*z-index: 100;*/ } +.blog .timeline > li > .timeline-badge span { font-size: 13px; font-weight: normal; display: block; } +.blog .timeline > li.timeline-inverted > .timeline-panel { float: right; } +.blog .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } +.blog .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } +.blog .timeline-title { margin-top: 0; color: inherit; } +.blog .timeline-body > p, +.blog .timeline-body > ul { padding:20px; margin-bottom: 0; } +.blog .timeline-body > p + p { margin-top: 5px; } +.blog .timeline-footer { padding:20px; background-color:#f4f4f4; } +.blog .timeline-footer > a { cursor: pointer; text-decoration: none; } +.blog .timeline > li.timeline-inverted { float: right; clear: right; margin-top: 30px; margin-bottom: 0px; } +.blog .timeline > li:nth-child(2){ margin-top: 60px; } +.blog .timeline > li:nth-child(3){ margin-top: 60px; } +.blog .timeline .entry-title i { font-size: 24px;} +.blog .timeline-inverted .timeline-badge { margin-top: 70px} +.blog .timeline li.timeline-inverted .timeline-panel:after { top: 98px; } +.blog .timeline li.timeline-inverted .timeline-panel:before { top: 97px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: -73px; } +.blog .timeline li.entry-date { top: 0; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } +.blog .timeline li.entry-date span { background: #f7f7f7; color: #363636; font-size: 16px; font-weight: 400; text-transform: capitalize; padding: 10px 25px;border-radius: 30px;} +.blog .timeline li.entry-date-bottom { bottom: -30px; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } +.blog .timeline li.entry-date-bottom a { background: #f7f7f7; padding: 7px 10px; color: #363636; font-size: 16px; padding: 10px 25px; border-radius: 30px; } +.blog .timeline li.entry-date-bottom a:hover { background: #5E9ECA; color: #fff; } +.blog .timeline li:hover .timeline-panel { border-color: #5E9ECA; } +.blog .timeline li:hover .timeline-badge a { color: #fff; } +.blog .timeline li:hover .timeline-badge{ background: #5E9ECA; border-color: #5E9ECA; } +.blog .timeline li:hover .timeline-panel:before { border-left-color: #5E9ECA; border-right-color: #5E9ECA; } +.blog .blog.timeline .entry-quote p { font-size: 16px; } +/* blog 2 column masonry left sidebar */ +.blog.timeline-sidebar .timeline > li { width: 89%; } +.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 50%;} +.blog.timeline-sidebar .timeline:before { left: 54px; } +.blog.timeline-sidebar .timeline li.entry-date { text-align: left;} +.blog.timeline-sidebar .timeline li.entry-date-bottom { text-align: left;} +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -66px; } +.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 0px; } +.blog.timeline-sidebar .timeline > li:nth-child(3) { margin-top: 30px; } +.blog.timeline-sidebar .timeline li.entry-date { top: 3px; } +.blog.timeline-sidebar .timeline li.entry-date span { font-size: 14px; padding: 10px 25px; } +.blog.timeline-sidebar .timeline li.entry-date-bottom { bottom: -48px; } +.blog.timeline-sidebar .timeline li.entry-date-bottom a { font-size: 14px; padding: 10px 25px; } +.blog.timeline-sidebar .timeline li .share ul li { width: auto; } + +/*blog-single*/ +.blog-single .blog-entry { box-shadow: none; } +.blog-single .blog-entry .blog-detail { padding: 0; margin-top: 20px; } + +.blog-single .blockquote { font-style: italic; line-height: 30px; background: #f6f7f8 !important; } +.blog-single .blog-entry.blockquote blockquote { background: #f6f7f8;color: #626262; } +.blog-single .blog-entry.blockquote blockquote cite { color: #5E9ECA; } +.blog-single .entry-share .tags { display: inline-block; } +.blog-single .blog-entry.blockquote blockquote:before { color: #323232; top: 20px; } + +/*blog-comments*/ +.comments-1 .comments-photo { width: 106px; height: auto; float: left; border:5px solid #f7f7f7; margin-right: 20px; } +.comments-1 .comments-photo img { width: 100%; } +.comments-1 .comments-info { display: table; background: #f7f7f7; padding: 20px; margin-bottom: 20px; } +.comments-1 .comments-info h4 { display: inline-block; } +.comments-1 .comments-info span { font-size: 13px; color: #626262; } +.comments-1 .comments-info a { color: #5E9ECA; } +.comments-1 .comments-info a:hover { color: #363636; } +.comments-1.comments-2 { padding-left: 127px; } +.comments-1.comments-2 .comments-info { background: #fff; margin-bottom: 0px; padding: 20px 20px 10px; } + +/************************************* + error 404 +**************************************/ +.error-block { position: relative; z-index: 9; padding: 20px 0 130px 0px; } +.error-block .error-text { position: absolute; text-align: center; left: 0; right: 0; z-index: -1; } +.error-block .error-text h2 { font-size: 420px; line-height: 300px; color: rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0; } +.error-block .error-text span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 134px; line-height: 100px; color: rgba(0, 0, 0, 0.1); font-weight: bold; } +.error-block h1 { font-size: 87px; padding-top: 110px; } +.error-block p { font-size: 33px; } + +.error-text-02 { position: relative; text-align: center; } +.error-text-02 h2 { font-size: 420px; line-height: 300px; color: rgba(255, 255, 255, 0.2); position: relative; left: -70px; top: 0; } +.error-text-02 span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 117px; line-height: 100px; color: rgba(255, 255, 255, 0.2); font-weight: bold; } +.error-middle { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } + + +/************************************* + coming soon +**************************************/ +.coming-soon { background: transparent; } +.coming-soon-countdown ul.countdown { list-style: none; margin: 75px 0; padding: 0; display: block; text-align: center; } +.coming-soon-countdown ul.countdown li { display: inline-block; width: 24%; } +.coming-soon-countdown ul.countdown li span { font-size: 90px; font-weight: bold; line-height: 80px; color: #5E9ECA; } +.coming-soon-countdown ul.countdown li p { color: #626262; font-size: 20px; text-transform: capitalize; margin-bottom: 30px; } +.coming-soon .coming-soon-form input { color: #626262; } +.coming-soon-form` input { width: 50%; color: #fff; display: block; margin: 0 auto; } +.coming-soon-form.contact-form input { width: 50%; display: block; margin: 0 auto; } +.coming-soon-middle { padding: 100px; display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } + +/************************************* + Register +**************************************/ +.register-form .section-field { display: block; } +.register-form .field-widget { position: relative; } +.register-form .field-widget input { width: 100%; margin-bottom: 20px; padding-left: 30px; } +.register-form .field-widget select { width: 100%; margin-bottom: 20px; padding-left: 15px; } +.register-form .field-widget input.gui-input { padding-left: 140px;} +.register-form .field-widget .button { background: #666; height: 46px; left: 0; margin: 2px; position: absolute; text-align: center; top: 0; width: 115px; border:0; } +.register-form .nice-select { float: none; margin-bottom: 20px; background: #f6f7f8; border:0; } +.remember-checkbox a {color: #5E9ECA; } +.remember-checkbox label { position: relative; padding-left: 30px; font-size: 14px; cursor: pointer;} +.remember-checkbox label:before, label:after { font-family: FontAwesome; font-size: 17px; position: absolute; top: -3px; left: 0; padding-left: 2px; border-radius: 6px; } +.remember-checkbox label:before { border: 2px solid #5E9ECA; content: ""; height: 20px; margin-top: 3px; width: 20px; } +.remember-checkbox label:after { content: '\f00c'; max-width: 0; overflow: hidden; opacity: 0.5; transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; } +.remember-checkbox input[type="checkbox"] { display: none; } +.remember-checkbox input[type="checkbox"]:checked + label:after { max-width: 25px; opacity: 1; } +/*all id*/ +#one+label:before, #one+label:after {color: #5E9ECA;} +#two+label:before, #two+label:after {color: #5E9ECA;} +#three+label:before, #three+label:after {color: hsl(120, 45%, 40%); } +#four+label:before, #four+label:after {color: hsl(180, 45%, 40%); } +#five+label:before, #five+label:after {color: hsl(240, 45%, 40%); } +#six+label:before, #six+label:after {color: hsl(300, 45%, 40%); } + +/************************************* + Login +**************************************/ +.full-height-bg { height: 100vh; } +/*login-2-social*/ +.login-social li { display: inline-block; margin: 2px 0px; } +.login-social li a { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;} +.login-social li a.fb { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #4c70ad; border-radius:30px; } +.login-social li a.twitter { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #25b6e6; border-radius:30px; } +.login-social li a.pinterest { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #dd4b39; border-radius:30px; } +.login-social li i { border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px; } +.login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover { background: #5E9ECA; } + +/*login 02*/ +.section-transparent { background: transparent; } +.login-bg { background: #ffffff; border-radius: 10px; } +.login-bg .login-title { background: #5E9ECA; padding: 30px; border-radius: 10px 10px 0 0; } +.login-bg .login-form { padding: 40px 30px; } +.login-bg .login-social { padding: 30px; background: #f6f7f8; border-radius: 0 0 10px 10px; } + +/*login 02*/ +.register-bg { background: #ffffff; border-radius: 10px; } +.register-bg .register-title { background: #5E9ECA; padding: 30px; border-radius: 10px 10px 0 0; } +.register-bg .register-form { padding: 30px 30px 50px; } + +/************************************* + maintenance +**************************************/ +img.logo-small { height: 40px; margin: 30px 0; position: relative; } +.maintenance-main i { font-size: 100px; margin-bottom: 10px; color: #e4e4e4; } +.maintenance-main h1 { font-size: 62px; text-transform: uppercase; font-weight: bold; } +.maintenance-main p { font-size: 26px; line-height: 35px; margin-bottom: 70px;} +.maintenance-form { width: 76%; margin: 0 auto; } +.maintenance-form p { font-size: 19px; } +.maintenance-form input { width: 50%; margin: 0 auto; } + +/*maintenance 2 */ +.maintenance-main h1 { font-size: 40px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; } +.maintenance-contant p { line-height: 25px; margin-top:20px; font-size: 14px; } +.progress-new { margin-top: 50px; height: 50px; background: #f6f7f8; border-radius: 0; margin-bottom: 50px; margin-left: auto; margin-right: auto; width: 50%; } +.progress-bar-new { line-height: 50px; background-color: #5E9ECA; color: #ffffff; font-size: 20px; padding-left: 20px; } +.progress-bar-new span { position: absolute; right: 30px; color: #323232; font-weight: bold; font-size: 20px; } +.progress-bar-striped, +.progress-striped .progress-bar-new { + background-image: linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); +} + +/************************************* + Our clients +**************************************/ +/*clients-box*/ +.clients-box { background: #f7f7f7; padding: 20px; } +.clients-photo { position: relative; margin-right: 20px; width: 200px; height: 200px; float: left; display: table-cell; text-align: center; vertical-align: middle; background: #fff; } +.clients-photo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } +.clients-info { display: table; } +.clients-info i { padding-right: 10px; } +.clients-info a { font-size: 14px; color: #5E9ECA; } +.clients-info a:hover { color: #626262; } +.clients-info p { margin-top: 10px; } +.happy-clients .tab-content { padding: 0 30px; position: relative; text-align: left; } +.happy-clients .tab-content .quoter-icon { position: absolute; left: 0; top: -10px; font-size: 120px; line-height: 1; color: #5E9ECA;} +.happy-clients .tab-content p{padding-left: 30px; font-size: 18px; padding-top: 10px; font-style: italic; } +.happy-clients .nav-tabs li { overflow: visible; display: inline-block; padding: 0 5px; } +.happy-clients .nav.nav-tabs li a, .happy-clients .nav.nav-tabs li a:hover, .happy-clients .nav.nav-tabs li a:focus { background: none; padding: 0; border:0; outline: none; background: transparent !important;} +.happy-clients .nav-tabs li img {width: 96px; opacity: 0.1; height: 96px; border-radius: 50%; } +.happy-clients .nav-tabs li.active img, .happy-clients .nav-tabs li:focus img { border: 4px solid #fff; opacity: 1; top: -2px; box-shadow: 0 0 40px rgba(0,0,0,.3); } +.happy-clients .testimonial-avatar { position: relative; right: inherit; left: inherit; top: inherit; width: inherit; height: inherit; margin-left: inherit; margin-top: 30px; } +.happy-clients .nav-tabs { border: 0; } + +/*********************************** + process +************************************/ +.process-list .col-sm-12 { padding: 0 50px; } +.process { margin: 0px; border: 2px dashed rgba(0, 0, 0, 0.3); position: relative; width: 100%; float: left; padding-bottom: 50px; padding-top: 50px; min-height: inherit; } +.process.left { border-right: 0; border-top: 0; } +.process.right { border-left: 0; border-top: 0; } +.process .border-area.left-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; left: -2px; z-index: 99; } +.process .border-area.left-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.right-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } +.process .border-area.right-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.right-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } +.process .border-area.right-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.left-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; left: -2px; } +.process .border-area.left-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); } +.process:first-child { padding-top: 0; } +.process.left:first-child .process-step { top: 0; } +.process:last-child { border-bottom: 0; } +.process:last-child .border-area.left-bottom { bottom: 0; } +.process:last-child .border-area.left-bottom:before { border-bottom-left-radius:0; border-bottom: 0; } +.process.left .process-step { position: absolute; top: 50px; left: -35px; z-index: 999; } +.process.right .process-step { position: absolute; top: 50px; right: -35px; z-index: 99; } +.process.left .process-content { padding-left: 80px; } +.process.right .process-content{ padding-right: 80px; } +.process .process-step strong { width: 70px; height: 70px; line-height: 70px; text-align: center; background: #5E9ECA; border-radius: 100%; display: inline-block; + z-index: 99; font-size: 20px; color: #fff; } +.process .process-content { position: relative; z-index: 99; } +.process .process-content span { font-size: 80px; line-height: 80px; color: #5E9ECA; } +.process.left .process-content .process-icon { display: table-cell; padding-right: 30px; } +.process.left .process-content .process-info { display: table-cell; vertical-align: top; } +.process.right .process-content .process-icon { float: right; padding-left: 30px; } +.process.right .process-content .process-info { display: table-cell; vertical-align: top; } + +/************************************* + Careers +**************************************/ +.agency-about { padding-bottom: 100px; } + +/*careers accordion*/ +.careers .acd-des span { display: block; } + +/*careers form*/ +.careers-from .section-field label { margin-bottom: 10px; } + +/************************************* + sitemap +**************************************/ +.sitemap h4 { margin-bottom: 25px; text-transform: capitalize; } +.sitemap h4 i { padding-right: 10px; } +.sitemap ul li { display: block; line-height: 34px; } +.sitemap ul li i { padding-right: 10px; } +.sitemap ul li a { font-size: 14px; color: #626262; text-transform: capitalize; } +.sitemap ul li a:hover { color: #5E9ECA; } + +/************************************* + privacy-policy +**************************************/ +.privacy-policy ul li { font-size: 14px; line-height: 30px; } +.privacy-policy ul li i { padding-right: 10px; } + +/************************************* + page sidebar +**************************************/ +.page-sidebar .page-content ul li { font-size: 14px; line-height: 30px; } +.page-sidebar .page-content ul li i { } + +/************************************* + terms and conditions +**************************************/ +.terms-and-conditions ul li { font-size: 14px; line-height: 30px; } +.terms-and-conditions ul li i { padding-right: 10px; } + + +.special-feature .feature-text {padding:40px;} +.special-feature { padding-bottom:-117px; } +.special-feature .row-eq-height.no-gutter { position:relative; z-index:99; margin-top:-117px; } + +/************************* + BG - Images +*************************/ +.parallax { background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -ms-background-size: cover !important; position: relative; z-index: 0; background-origin: initial; background-position: center bottom !important; background-repeat: no-repeat; } +.gradient-overlay{position:relative;} +.gradient-overlay:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background:url(../images/construction/bg/gradient-overlay1.png) repeat-y left 0;} + +/************************************* + Footer +**************************************/ +.footer.black-bg{background: #1a1a1a;} +.footer.black-bg p { color: rgba(255,255,255,0.5); } +.footer.black-bg .social-icons li a { color: rgba(255,255,255,0.5); } +.footer p{font-size: 14px;} +.footer-logo img { width: 65%; } +.footer h6{font-size: 14px;} +.addresss-info li { font-size: 14px; margin-bottom: 15px; color: rgba(255,255,255,0.5); list-style: none; } +.addresss-info i{ color:rgba(255,255,255,0.5); padding-right: 5px; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 14px; } +.addresss-info p { display: table; color: rgba(255,255,255,0.5); margin-bottom: 0px; } +.addresss-info li a { color: rgba(255,255,255,0.5); } +.footer a{font-size: 14px;} + +/*footer-Newsletter*/ +.footer-Newsletter { display: inline-block; width: 100%;} +.footer-useful-link.footer-hedding ul { margin-top: -6px; } +.footer-Newsletter .form-control { border-left: 0px; height: 50px; border-radius: 30px; font-size: 14px; color: rgba(255,255,255,0.3); border:none; background: #252525; padding: 10px 25px; width: 100%; } +.footer-Newsletter .form-control:focus { border:0; box-shadow: none;} +.footer-Newsletter .button.border{border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.5); padding: 10px 18px; font-size: 12px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.footer-Newsletter .button.border:hover { color: #ffffff; } +.footer-useful-link ul li { list-style: none; margin-bottom: 12px;} +.footer-useful-link ul li:last-child { margin-bottom: 0; } +.footer-useful-link ul li a { color: rgba(255,255,255,0.5); font-size: 14px; vertical-align: top; display: block; line-height: 26px; } +.footer-useful-link ul li a:hover { color: #5E9ECA; } +/*transparent*/ +.footer-Newsletter.transparent .form-control { background: rgba(0, 0, 0, 0.04); } +.footer-Newsletter.transparent .form-control::-moz-placeholder { color: #323232; } +.footer-Newsletter.transparent .form-control::-ms-input-placeholder { color: #323232; } +.footer-Newsletter.transparent .form-control::-webkit-input-placeholder { color: #323232; } + +/*footer-widget*/ +.footer-widget { padding: 20px 0; border-top: 1px solid #262626;} +.footer-widget p{font-size: 14px; color: rgba(255,255,255,0.5); letter-spacing: 0.5px;} +.footer-widget a { color: #5E9ECA; } +.footer-widget a:hover { color: #5E9ECA; } +.footer-widget-social {margin-top: 5px; } +.footer-widget-social li { display: inline-block;} +.footer-widget-social a i { display: inline-block; color: rgba(255,255,255,0.5); background: none; border-radius: 50%; width: 35px; height: 35px; text-align:center; line-height: 37px; font-size: 14px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} +.footer-widget-social a i:hover{background: #5E9ECA;} +.footer .footer-nav ul li { display: inline-block;} +.footer .footer-nav ul li a { margin: 0 5px; color: #323232;} +.footer .footer-nav ul li a:hover { color: #5E9ECA; } +.footer .social ul li {display: inline-block;} +.footer .social ul li a i { font-size: 14px; width: 45px; height: 45px; line-height: 45px; text-align: center; float: none; color: #323232;} +.footer .social ul li a i:hover{color: #5E9ECA;} +.footer .social ul{background: #f6f7f8; display: inline-block; border-radius: 30px; padding: 0px 10px;} +.footer .usefull-link ul li {display: block; border-bottom: 0px; line-height: 24px; padding: 5px 0; } +.footer .usefull-link ul li a{color: #323232;} +.footer .usefull-link ul li a:hover { color: #5E9ECA; } +.footer .copyright { padding: 30px 0 20px;} +.footer .copyright ul li a {color: #323232;} +.footer .copyright ul li a:hover {color: #5E9ECA;} +img#logo-footer{ height: 50px; width: auto; } +.footer.light .footer-nav ul li a{color: #fff;} +.footer.light .footer-nav ul li a:hover { color: #323232; } +.footer.light h6{color: #fff;} +.footer.light .about-content p{color: #fff;} +.footer.light .usefull-link ul li a{color: #fff;} +.footer.light .usefull-link ul li a:hover {color: #323232;} +.footer.light .copyright ul li {color: #fff;} +.footer.light .copyright ul li a {color: #ffffff; font-size: 14px;} +.footer.light .copyright ul li a:hover {color: #323232; } +.footer.light.footer-topbar .copyright ul li { color: #ffffff } +.footer.light .copyright p {color: #fff;} +.footer.light .social ul li a i {color: #5E9ECA;} +.footer.light .social ul li a:hover i {color: #323232;} +.footer .footer-text p{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} +.footer .footer-social ul li a{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} +.footer .footer-social ul li a:hover { color: #5E9ECA !important; } +.footer.footer-topbar .copyright ul li{color:rgba(255, 255, 255, 0.5) !important;} +.footer.footer-one-page .contact-add i { font-size: 20px } +.footer.footer-one-page h5 { color: rgba(255,255,255,0.5); } +.footer.footer-one-page p { color: rgba(255,255,255,0.5); } + +/* footer transparent*/ +.footer.transparent h6, .footer.transparent p, .footer.transparent ul li a, .footer.transparent span { color: #ffffff; } + +/*widget-gallery*/ +.footer .footer-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; } +.footer .footer-tags li { display: inline-block; } +.footer .footer-tags li a { background: transparent; color: #fff; border:1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.footer .footer-tags li a:hover { background: #5E9ECA; } + +/*footer-social-big*/ +.footer-social-big ul li { display: inline-block; padding: 10px; width: 70px; text-align: center; background: rgba(255, 255, 255, 0.1); } +.footer-social-big ul li.facebook { background: #5d82d1; } +.footer-social-big ul li.pinterest { background: #e13138; } +.footer-social-big ul li.linkedin { background: #238cc8; } +.footer-social-big ul li i { color: #ffffff; display: block; width: 30px; height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.2); border-radius: 50%; margin: 0 auto; } +.footer-social-big ul li span { display: block; text-align: center; color: #ffffff; margin-top: 10px; font-size: 11px; } + +/*footer-box*/ +.footer-box { background: rgba(102, 102, 102, 0.2); padding: 30px; clear: both; margin-bottom: 40px; margin-top: 60px; } +.footer-box .box-content { display: table-cell; vertical-align: top; } +.footer-box .box-link { display: table-cell; padding-left: 20px; vertical-align: middle; } +.footer-box .box-link a { display: block; padding: 8px 16px; width: 140px; } + +/*google-map*/ +.google-map { background: #; } +.google-map .row [class*='col-'] { min-height: 0; } +.map-icon { position: relative; z-index: 999; cursor: pointer; } +.google-map .map-icon:before { cursor: pointer; content: "\f041"; font-family: "FontAwesome"; font-size: 30px; font-weight: normal; right: 0; position: absolute; text-indent: 0; top: -32px; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #ffffff; color: #5E9ECA; text-align: center; } +.google-map.google-map-open .map-icon::before { content: "\f00d"; } +.google-map .map-open { height: 0; overflow: hidden; transition: all 900ms ease; } +.google-map .map-open iframe { height: 300px; } +.google-map-open .map-open { height: 300px; } +.pos-r{position: relative;} +.img-side img{max-width: 100%} +.img-side.img-left {left: 0;} +.img-side {padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100;} +.font-bold {font-weight: 600} +.no-gutter{ margin-right:0; margin-left:0;} +.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;} + +/*youtube-video*/ + .popup-video { position: relative; } +.popup-video .play-video { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } +.popup-video .play-video { width: 50px; height: 50px; } +.popup-video .play-video a { width: 50px; height: 50px; } +.popup-video .play-video a i { line-height: 50px; } +.popup-video .play-video:hover { transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); background-color: #ffffff; } +.popup-video .play-video:hover a { color: #5E9ECA; } +.play-video { cursor: pointer; position: relative; width: 100px; height: 100px; margin: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } +.play-video { background-color: #5E9ECA; -webkit-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); -moz-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); } +.play-video a { color: #fff; width: 100px; height: 100px; position: absolute; top: 0; left: 50%; padding-left: 5px; transform: translateX(-50%); } +.play-video a i { line-height: 100px; } +.play-video:hover a { color: #5E9ECA; } +.play-video:after { content: ''; top: 0; left: 0; padding: 0; z-index: -1; opacity: 0; pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); } + +.play-video:hover{background: #ffffff; color: #5E9ECA; border-color:transparent !important;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-box-shadow:2px 6px 18px transparent !important;-moz-box-shadow:2px 6px 18px transparent !important;box-shadow:2px 6px 18px transparent !important} +.play-video:hover:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms; -moz-animation:sonarEffect 1.3s ease-out 75ms; animation:sonarEffect 1.3s ease-out 75ms;} +@-webkit-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-webkit-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}} +@-moz-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-moz-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}} +@keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);transform:scale(1.5);opacity:0; }} +.my-contact .contact-icon{float: left; margin-right: 25px;} +.my-contact .contact-icon span{color: #fff ! important;} + +/************************************* + index portfolio 4 +**************************************/ +.portfolio-item.simple-effect .portfolio-overlay span { color: #363636; } +.portfolio-item.simple-effect .portfolio-overlay span a { color: #363636; } +.portfolio-item.simple-effect .portfolio-overlay a:hover { color: #5E9ECA; } +.portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #5E9ECA; } +.portfolio-item.simple-effect .portfolio-overlay { z-index: 9; opacity: 0; bottom: inherit; background: transparent; top: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: center; } +.portfolio-item.simple-effect:hover:before { position: absolute; width: 100%; height: 100%; content: ""; background: rgba(255, 255, 255, 1); z-index: 1; background-size: 115%; + -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.6s cubic-bezier(.68,.11,.13,.98); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.portfolio-item.simple-effect:hover .portfolio-overlay { top: 50%; opacity: 1; } + +/*footer*/ +.footer .container-fluid { padding: 0 60px; } +#footer-fixed { position: fixed; bottom: 0; width: 100%; z-index: -1; box-shadow: inset 0 27px 60px -25px rgba(0,0,0,0.3); } +.footer.footer-simple ul li a, .footer.footer-simple p, .footer.footer-simple i, .footer.footer-simple li { color: #ffffff; font-weight: bold; font-size: 16px; } +.footer.footer-simple ul li a:hover { color: rgba(255, 255, 255, 0.6); } +.footer.footer-simple .social-icons li a { color: #ffffff; width: 100%; } +.footer.footer-simple .social-icons li a:hover { color: rgba(255, 255, 255, 0.6); } + +/*elements*/ +.full-width { width: 100%; } +.height-100vh { height: 100vh; } +.pos-bot { position: absolute; bottom: 0; width: 100%; } +.vertical-align { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } + +/************************************* + index portfolio 04 about +**************************************/ +.portfolio-03-about { padding-left: 50px; } +.portfolio-03-about p { font-size: 16px; font-weight: 600; } + +/************************************* + index portfolio single +**************************************/ +/*popup-video*/ +.popup-video-image { position: relative; } +.popup-video-image:before { background: rgba(37, 41, 51, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } +.popup-video-image a i { color: #ffffff; text-align: center; line-height: 60px; width: 60px; height: 60px; background: #5E9ECA; display: inline-block; margin: 0 auto; + border-radius: 50%; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); + -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; font-size: 20px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } +.popup-video-image a i:hover { background: #323232; } + +/************************************* + index 11 +**************************************/ + +/*index 11*/ + /*slider-parallax typer-banner business*/ + .slider-parallax.typer-banner.business h1 { font-family: 'Dosis', sans-serif; } + .slider-parallax.typer-banner.business p { padding: 0 200px; line-height: 34px; font-size: 26px; font-weight: 600; display: block; } + + /*play-video*/ +.custom-content-02 .feature-text p { line-height: 28px; } +.play-video-section .play-video { box-shadow: none; background: #ffffff; width: 60px; height: 60px; line-height: 60px; } +.play-video-section .play-video a { color: #5E9ECA; line-height: 60px; } +.play-video-section .play-video a i { line-height: 60px; padding-right: 3px; } +.play-video-section .play-video:after {box-shadow: none; } +.play-video-section .content { padding: 0 100px; } +.play-video-section .content h2 { font-family: 'Dosis', sans-serif; } +.custom-content-03 h2 { font-family: 'Dosis', sans-serif; font-size: 40px; line-height: 50px; } + +/*blockquote-section*/ +.blockquote-section { position: relative; z-index: 9; } +.blockquote-section blockquote { font-size: 50px; font-weight: 600; line-height: 60px; border-left: 0; padding-left: 0; font-family: 'Dosis', sans-serif; } +.blockquote-section blockquote cite { font-size: 16px; font-weight: 600; margin-top: 40px; line-height: 30px; font-family: 'Nanum Gothic', serif; font-style: normal; } +.blockquote-section blockquote cite span { display: block; font-size: 14px; } +.blockquote-section blockquote.quote { padding-top: 100px; } +.blockquote-section blockquote.quote:before { color: #5E9ECA; left: 0; top: 0; font-size: 120px; line-height: 120px; } +.blockquote-section .blockquote-section-left { margin-left: 60px; } +.blockquote-section .blockquote-section-right { margin-left: -120px; position: relative;z-index: -1; } + +/************************************* + footer +**************************************/ +.footer.gray-footer .footer-Newsletter .form-control { background: #ffffff; color: #323232; height: 60px; line-height: 60px; box-shadow: 0 10px 50px rgba(0,0,0,0.1); } +.footer.gray-footer .footer-widget { border-top: none; } +.footer.gray-footer .footer-widget p { color: #323232; } + +.footer.gray-footer .footer-Newsletter .form-control::-moz-placeholder { color: #323232; } +.footer.gray-footer .footer-Newsletter .form-control::-ms-input-placeholder { color: #323232; } +.footer.gray-footer .footer-Newsletter .form-control::-webkit-input-placeholder { color: #323232; } + +/************************************* + portfolio +**************************************/ +.portfolio-item.image-text { position: relative; } +.portfolio-item.image-text .portfolio-overlay { bottom: 30px; background: transparent; } +.portfolio-item.image-text .portfolio-overlay span { display: block; } +.portfolio-item.image-text:before { position: absolute; width: 100%; bottom: 0; content: ""; ackground: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; } +.portfolio-item.image-text .portfolio-overlay a.button { padding: 6px 16px; } +.portfolio-item.image-text .portfolio-overlay a.button span { font-size: 12px; } +.portfolio-item.image-text .portfolio-overlay a.button:hover { color: #ffffff; } + +/************************************* + coming-soon-big +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 120px; line-height: 120px; font-weight: bold; } +.coming-soon-big .countdown.medium p { font-size: 30px; line-height: 30px; font-weight: bold; } +.coming-soon-big .coming-soon-form p { font-weight: bold; } +.coming-soon-big .contact-form.transparent-form .form-control { background: rgba(255, 255, 255, 0.4); } +.coming-soon-big .button { font-weight: bold; } + +/************************************* + inner page +**************************************/ +/* about-05 */ +.about-05-split .shop-split-content { padding: 100px 0; } +/*about-mission*/ +.about-mission .popup-video-image a i { position: relative; top: inherit; left: inherit; bottom: inherit; right: inherit; } +.about-mission .popup-content { position: absolute; bottom: 0; padding: 30px 130px 30px 30px; } +.about-mission-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); } +.about-mission-box .content { padding:24px; } +.about-mission-title { padding-bottom: 250px; } +.about-mission { margin-top: -150px; } +/*faq 03*/ +.faq-page-title .form { position: relative; z-index: 9; } +.faq-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); padding: 40px; border-radius: 10px; background: #ffffff; margin-top: -60px; } +.faq-box span { font-size: 40px; line-height: 40px; margin-bottom: 20px; display: block; } +.faq-box strong { display: block; } +.faq-box a.button { padding: 8px 16px; } + +/*login-fancy*/ +.login-fancy { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); } +.login-fancy-bg { position: relative; z-index: 1; } +.login-fancy h2 { font-size: 70px; line-height: 70px; } +.login-gradient, .login-gradient-02, .login-gradient-03 { position: relative; } +.login-gradient:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9af1e1), color-stop(100%, #4003f6)); background: -webkit-linear-gradient(-315deg, #9af1e1 0%, #4003f6 100%); background: -webkit-linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); background: linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); } +.login-gradient-02:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee38a6), color-stop(100%, #ffc863)); background: -webkit-linear-gradient(-315deg, #ee38a6 0%, #ffc863 100%); background: -webkit-linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); background: linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); } +.login-gradient-03:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcdd2), color-stop(100%, #470df5)); background: -webkit-linear-gradient(-315deg, #ffcdd2 0%, #470df5 100%); background: -webkit-linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); background: linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); } + +/*login-box*/ +.login-box { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); border-radius: 0px 10px 10px 0px; } +.login-box-bg { position: relative; z-index: 1; } +.login-box h2 { font-size: 40px; line-height: 40px; } +.login-box-main { display: table; width: 100%; } +.login-box-main-middle { display: table-cell; vertical-align: middle; } +.login-box-left { box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); height: 100%; border-radius: 10px 0 0px 10px; } +.login-box-left .logo-small { margin-left: 30px; } +.login-box-main .theme-bg { box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.2); position: relative; z-index: 1; } +.login-box-theme { position: relative; } +.login-box-theme:before { position: absolute; content: ""; height: 30px; top: -29px; width: 100%; background: #5E9ECA; left: 0; } +.login-box-theme:after { position: absolute; content: ""; height: 30px; bottom: -29px; width: 100%; background: #5E9ECA; left: 0; } +.login-box-main .nav li a { padding-left: 30px; } +.login-box-main .nav li a { display: block; text-align: left; color: #323232; border-left: 5px solid transparent; background: transparent; } +.login-box-left li.active a, .login-box-left li a:hover { border-left: 5px solid #5E9ECA; color: #5E9ECA; } +.login-box-main .nav li a i { display: inline-block; padding-right: 6px; text-align: left; margin-bottom: 10px; } +.login-box .list-unstyled.list-inline a:hover { color: #323232; } +/*login-box-02*/ +.login-box-02 { padding: 40px; border:1px solid rgba(0, 0, 0, 0.1); height: 100%; } +.login-box-02.white-overlay { background: rgba(255, 255, 255, 0.5); } +.login-signup a.text-black:hover { color: #ffffff; } + +/*login-14*/ +.login-14 { padding: 0 100px; } + +/*login-15*/ +.login-15 { padding: 0 60px; } + +/*login-signup*/ +.login-signup .tab-border .tab-content { padding: 0; } +.login-signup .login-box-02 { border:0; } + +/************************************* + boxed +**************************************/ + +@media (min-width: 1220px) { +body.boxed-layout .wrapper { float: none; width: 1220px; margin: 0 auto; position:relative; background-color: #FFF; box-shadow: 0 0 60px rgba(0,0,0,.1); -moz-box-shadow: 0 0 60px rgba(0,0,0,.1); + -webkit-box-shadow: 0 0 60px rgba(0,0,0,.1); } +/*index 01*/ +body.boxed-layout .wrapper .portfolio-title.section-title p { display: none; } +body.boxed-layout .wrapper .portfolio-title.section-title span { display: none; } + +/*index 02*/ +body.boxed-layout .wrapper .contact-3 #map { padding-top: 140%; } +body.boxed-layout .wrapper .contact-2 #map { padding-top: 90% } +body.boxed-layout .wrapper.vertical-header { width: auto; box-shadow: none; } +body.boxed-layout #footer-fixed { position: inherit !important; width: inherit; bottom: inherit !important; z-index: inherit; } +body.boxed-layout .wrapper { margin-bottom: 0 !important; } +body.boxed-layout .christmas-coming-soon { position: absolute; } + +body.frame-layout .wrapper { margin: 0 auto; margin-top: 1.5%; margin-bottom: 1.5%; width: 97%; position: relative; box-shadow: 0 0 60px rgba(0,0,0,.1); } +body.frame-layout .header.default, body.frame-layout .header.transparent, body.frame-layout header.one-page { left: 0; right: 0; } +body.frame-layout .navbar.affix { top: 0; } +body.frame-layout header.one-page.light .navbar { min-height: 10px !important; } +body.frame-layout #footer-fixed { position: inherit !important; bottom: inherit !important; z-index: inherit; } +body.frame-layout .wrapper { margin-bottom:1.5% !important; } +body.frame-layout .christmas-coming-soon { position: absolute; } + +} + +@media all and (-ms-high-contrast:none) { +.st-menu { position: absolute; } + img.bottom-img { top: 0; } +.search-cart { display: table; } +.search { display: table-cell !important; } +.shpping-cart { display: table-cell !important; } +.search-cart .shpping-cart { float: none !important; } + .mega-menu > section.menu-list-items .search-cart .search { float: none !important; } + .search-cart .shpping-cart { vertical-align: middle; } +} + + +@media (max-width: 1100px) { +.isotope-filters button { margin: 2px; cursor: pointer; padding: 6.5px 13px; font-size: 16px; background: transparent; color: #363636; font-weight: 600; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } +} + + diff --git a/apply/css_r/back/typography.css b/apply/css_r/back/typography.css new file mode 100644 index 0000000..21f7c55 --- /dev/null +++ b/apply/css_r/back/typography.css @@ -0,0 +1,332 @@ +/* + +Template: Webster — Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is typography stylesheet of template, This file contains typography of the Template. + +*/ + + +/*================================================ +[ Table of contents ] +================================================ + +:: General +:: Page section margin padding +:: Text color +:: Row eq height And No Gutter +:: Extra class +:: Loading +:: Back to top +:: Basic margin padding + +====================================== +[ End table content ] +======================================*/ +@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); +@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); +@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css"); + + +/************************* + General +*************************/ +body { font-family: '나눔고딕', NanumGothic, 'Nanum Gothic' , 'NotoM', sans-serif ; font-weight: bolder; font-style:normal; font-size: 14px; } +a, .btn { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; + transition: all 0.3s ease-out 0s; } +a:focus { text-decoration: none !important; } +a:focus, a:hover { color: #5E9ECA; text-decoration: none !important; } +a, button, input { outline: medium none !important; color: #5E9ECA; } +.uppercase { text-transform: uppercase; } +h1, h2, h3, h4, h5, h6 { font-family: '나눔고딕', NanumGothic, 'Nanum Gothic' ,'NotoM', sans-serif ; font-weight:bolder; font-style:italic; color: #363636; margin-top: 0px; } +h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } +label { font-weight: normal; } + +h1 { font-size: 36px; font-style: normal; font-weight: 800; line-height: 40px; } +h2 { font-size: 32px; font-style: normal; font-weight: 600; line-height: 38px; } +h3 { font-size: 28px; font-style: normal; font-weight: 600; line-height: 32px; } +h4 { font-size: 22px; font-style: normal; font-weight: 500; line-height: 26px; } +h5 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 18px; } +h6 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 18px; } + + +.fw-1 { font-weight: 100; } +.fw-2 { font-weight: 200; } +.fw-3 { font-weight: 300; } +.fw-4 { font-weight: 400; } +.fw-5 { font-weight: 500; } +.fw-6 { font-weight: 600; } +.fw-7 { font-weight: 700; } +.fw-8 { font-weight: 800; } +.fw-9 { font-weight: 900; } + +ul { margin: 0px; padding: 0px; } +p { font-weight: normal; line-height: 1.5; color: #333; } +hr { margin: 0; padding: 0px; border-bottom:1px dashed #eceff8; border-top: 0px; } + +*::-moz-selection { background: #5E9ECA; color: #fff; text-shadow: none; } +::-moz-selection { background: #5E9ECA; color: #fff; text-shadow: none; } +::selection { background: #5E9ECA; color: #fff; text-shadow: none; } + +/*************************** +Page section margin padding +****************************/ +.page-section-ptb { padding: 50px 0;background-color: #f6f6f6; } +.page-section-pt { padding:50px 0 20px 0; + /*background-color:#f7f7f7;*/ background: url(../images/bg/bg001.gif);} +.page-section-pb { padding: 0 0 80px; } + +.page-section-1-ptb { padding: 120px 0; } +.page-section-1-pt { padding: 120px 0 0; } +.page-section-1-pb { padding: 0 0 120px; } + +/************************* + Text color +*************************/ +.theme-color { color: #5E9ECA; } +.text-white { color: #fff; } +.text-black { color: #000; } +.text-gray { color:#9b9b9b; } +.text-darkgray { color:#9b9b9b; } +.text-orange { color:#f5a623; } +.text-red { color:#D0021B; } + + +img.bottom-img { position: absolute; bottom: 0; left: 0; right: 0; } + +/************************* + Text size +*************************/ +.f10 { font-size:10px; } +.f12 { font-size:12px; } +.f14 { font-size:14px; } +.f16 { font-size:16px; } +.f18 { font-size:18px; } +.f20 { font-size:20px; } +.f22 { font-size:22px; } +.f24 { font-size:24px; } +.f28 { font-size:28px; } +.f30 { font-size:30px; } +.f32 { font-size:32px; } +.f48 { font-size:48px; } + +/******************************************** + Row-eq-height And No Gutter +/*********************************************/ +.no-gutter{ margin-right:0; margin-left:0;} +.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;} +.row-eq-height{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;} +.row-eq-height.full-height > [class*='col-'] > div{height: 100%;} + +/* Vertical Align */ +.valign{display: table;} +.valign > [class*='col-']{display:table-cell; float:none;} +[data-valign-overlay="top"]{vertical-align:top;} +[data-valign-overlay="middle"]{vertical-align:middle;} +[data-valign-overlay="bottom"]{vertical-align:bottom;} + + + /************************* + Extra class +*************************/ +.o-hidden { overflow: hidden; } +.position-re { position: relative; } +.full-width{width: 100% !important;} +section { background: #f6f6f6; } + +/************************* + back to top +*************************/ +#back-to-top .top { z-index: 999; + position: fixed; + margin: 0px; + color: #fff; + transition: all .5s ease-in-out; + position: fixed; + bottom: 55px; + right: 15px; + border-radius: 50px; + z-index: 999; + background: transparent; + font-size: 24px; + background: #5E9ECA; + width: 70px; + height: 70px; + text-align: center; } +#back-to-top i { padding-top: 2px; font-size: 20px; } +#back-to-top span { display: block; line-height: 8px; font-size: 11px; } + + /************************* + Basic margin padding +*************************/ +.m-0 { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; } +.p-0 { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; } + +/************************* + Margin top +*************************/ +.mt-0 { margin-top: 0 !important; } +.mt-10 { margin-top: 10px !important; } +.mt-15 { margin-top: 15px !important; } +.mt-20 { margin-top: 20px !important; } +.mt-30 { margin-top: 30px !important; } +.mt-40 { margin-top: 40px !important; } +.mt-50 { margin-top: 50px !important; } +.mt-60 { margin-top: 60px !important; } +.mt-70 { margin-top: 70px !important; } +.mt-80 { margin-top: 80px !important; } +.mt-90 { margin-top: 90px !important; } +.mt-100 { margin-top: 100px !important; } +.mt-110 { margin-top: 110px !important; } +.mt-120 { margin-top: 120px !important; } +.mt-130 { margin-top: 130px !important; } +.mt-140 { margin-top: 140px !important; } +.mt-150 { margin-top: 150px !important;} + + /************************* + Margin right +*************************/ +.mr-0 { margin-right: 0!important } +.mr-10 { margin-right: 10px !important; } +.mr-15 { margin-right: 15px !important; } +.mr-20 { margin-right: 20px !important; } +.mr-30 { margin-right: 30px !important; } +.mr-40 { margin-right: 40px !important; } +.mr-50 { margin-right: 50px !important; } +.mr-60 { margin-right: 60px !important; } +.mr-70 { margin-right: 70px !important; } +.mr-80 { margin-right: 80px !important; } +.mr-90 { margin-right: 90px !important; } +.mr-100 { margin-right: 100px !important; } +.mr-110 { margin-right: 110px !important; } +.mr-120 { margin-right: 120px !important; } +.mr-130 { margin-right: 130px !important; } +.mr-140 { margin-right: 140px !important; } +.mr-150 { margin-right: 150px !important; } + + /************************* + Margin bottom +*************************/ +.mb-0 { margin-bottom: 0!important } +.mb-10 { margin-bottom: 10px !important; } +.mb-15 { margin-bottom: 15px !important; } +.mb-20 { margin-bottom: 20px !important; } +.mb-30 { margin-bottom: 30px !important; } +.mb-40 { margin-bottom: 40px !important; } +.mb-50 { margin-bottom: 50px !important; } +.mb-60 { margin-bottom: 60px !important; } +.mb-70 { margin-bottom: 70px !important; } +.mb-80 { margin-bottom: 80px !important; } +.mb-90 { margin-bottom: 90px !important; } +.mb-100 { margin-bottom: 100px !important; } +.mb-110 { margin-bottom: 110px !important; } +.mb-120 { margin-bottom: 120px !important; } +.mb-130 { margin-bottom: 130px !important; } +.mb-140 { margin-bottom: 140px !important; } +.mb-150 { margin-bottom: 150px !important; } + +/************************* + Margin left +*************************/ +.ml-0 { margin-left: 0!important } +.ml-10 { margin-left: 10px !important; } +.ml-15 { margin-left: 15px !important; } +.ml-20 { margin-left: 20px !important; } +.ml-30 { margin-left: 30px !important; } +.ml-40 { margin-left: 40px !important; } +.ml-50 { margin-left: 50px !important; } +.ml-60 { margin-left: 60px !important; } +.ml-70 { margin-left: 70px !important; } +.ml-80 { margin-left: 80px !important; } +.ml-90 { margin-left: 90px !important; } +.ml-100 { margin-left: 100px !important; } +.ml-110 { margin-left: 110px !important; } +.ml-120 { margin-left: 120px !important; } +.ml-130 { margin-left: 130px !important; } +.ml-140 { margin-left: 140px !important; } +.ml-150 { margin-left: 150px !important; } + + /************************* + Padding top +*************************/ +.pt-0 { padding-top: 0!important } +.pt-10 { padding-top: 10px !important; } +.pt-15 { padding-top: 15px !important; } +.pt-20 { padding-top: 20px !important; } +.pt-30 { padding-top: 30px !important; } +.pt-40 { padding-top: 40px !important; } +.pt-50 { padding-top: 50px !important; } +.pt-60 { padding-top: 60px !important; } +.pt-70 { padding-top: 70px !important; } +.pt-80 { padding-top: 80px !important; } +.pt-90 { padding-top: 90px !important; } +.pt-100 { padding-top: 100px !important; } +.pt-110 { padding-top: 110px !important; } +.pt-120 { padding-top: 120px !important; } +.pt-130 { padding-top: 130px !important; } +.pt-140 { padding-top: 140px !important; } +.pt-150 { padding-top: 150px !important; } + + /************************* + Padding right +*************************/ +.pr-0 { padding-right: 0!important } +.pr-10 { padding-right: 10px !important; } +.pr-15 { padding-right: 15px !important; } +.pr-20 { padding-right: 20px !important; } +.pr-30 { padding-right: 30px !important; } +.pr-40 { padding-right: 40px !important; } +.pr-50 { padding-right: 50px !important; } +.pr-60 { padding-right: 60px !important; } +.pr-70 { padding-right: 70px !important; } +.pr-80 { padding-right: 80px !important; } +.pr-90 { padding-right: 90px !important; } +.pr-100 { padding-right: 100px !important; } +.pr-110 { padding-right: 110px !important; } +.pr-120 { padding-right: 120px !important; } +.pr-130 { padding-right: 130px !important; } +.pr-140 { padding-right: 140px !important; } + + /************************* + Padding bottom +*************************/ +.pb-0 { padding-bottom: 0!important } +.pb-10 { padding-bottom: 10px !important; } +.pb-15 { padding-bottom: 15px !important; } +.pb-20 { padding-bottom: 20px !important; } +.pb-30 { padding-bottom: 30px !important; } +.pb-40 { padding-bottom: 40px !important; } +.pb-50 { padding-bottom: 50px !important; } +.pb-60 { padding-bottom: 60px !important; } +.pb-70 { padding-bottom: 70px !important; } +.pb-80 { padding-bottom: 80px !important; } +.pb-90 { padding-bottom: 90px !important; } +.pb-100 { padding-bottom: 100px !important; } +.pb-110 { padding-bottom: 110px !important; } +.pb-120 { padding-bottom: 120px !important; } +.pb-130 { padding-bottom: 130px !important; } +.pb-140 { padding-bottom: 140px !important; } +.pb-150 { padding-bottom: 150px !important; } + + /************************* + Padding left +*************************/ +.pl-0 { padding-left: 0!important } +.pl-10 { padding-left: 10px !important; } +.pl-15 { padding-left: 15px !important; } +.pl-20 { padding-left: 20px !important; } +.pl-30 { padding-left: 30px !important; } +.pl-40 { padding-left: 40px !important; } +.pl-50 { padding-left: 50px !important; } +.pl-60 { padding-left: 60px !important; } +.pl-70 { padding-left: 70px !important; } +.pl-80 { padding-left: 80px !important; } +.pl-90 { padding-left: 90px !important; } +.pl-100 { padding-left: 100px !important; } +.pl-110 { padding-left: 110px !important; } +.pl-120 { padding-left: 120px !important; } +.pl-130 { padding-left: 130px !important; } +.pl-140 { padding-left: 140px !important; } +.pl-150 { padding-left: 150px !important; } \ No newline at end of file diff --git a/apply/css_r/custom.css b/apply/css_r/custom.css new file mode 100644 index 0000000..7267990 --- /dev/null +++ b/apply/css_r/custom.css @@ -0,0 +1,37 @@ +/* Add here all your CSS customizations */ + +/*border*/ +.border-right { border-right:1px solid #F5A623; } +.border-bottom { border-bottom:1px solid #979797; } + + +/*bg*/ +.info-bg { + background-image: url(..//images/bg/info-bg.jpg); + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} + + +/*footer-nav */ +#footer-nav {list-style:none;} +#footer-nav li{display:inline-block; position:relative; line-height: 20px;} + +#footer-nav li:first-child > a {border: 0;} +#footer-nav li > a {border-left: 1px solid #4a4a4a; padding-left:10px; padding-right:10px} +.nav-item a { color:#4a4a4a; text-decoration:none; font-size:12px;} +.nav-item a:hover { font-weight:600; } +.nav-item a:visited { text-decoration:none; } +.link-h a { color: #F5A623 !important; font-size: 20px;} + + +.footer-logo { width:100%; } + + +/* responsive */ +@media (max-width: 991px) { + .border-right { border:0; } + .footer-logo { width:30%; } + .btn-dropdown { width:30%; } +} \ No newline at end of file diff --git a/apply/css_r/plugins-css.css b/apply/css_r/plugins-css.css new file mode 100644 index 0000000..6d2c424 --- /dev/null +++ b/apply/css_r/plugins-css.css @@ -0,0 +1,22 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file includes all plugins. If you don't want to use any plugins from below. You can simply remove that line from this file. + +*/ + +/*plugins*/ +@import url("plugins/bootstrap.min.css"); +@import url("plugins/mega_menu.css"); +@import url("plugins/animate.css"); +@import url("plugins/font-awesome.min.css"); +@import url("plugins/bootstrap-datetimepicker.min.css"); +@import url("plugins/dataTables.bootstrap.min.css"); +@import url("plugins/magnific-popup.css"); +@import url("plugins/mediaelementplayer.css"); +@import url("plugins/owl.carousel.min.css"); +@import url("plugins/slick-theme.css"); +@import url("plugins/themify-icons.css"); \ No newline at end of file diff --git a/apply/css_r/plugins/_bootstrap.min.css b/apply/css_r/plugins/_bootstrap.min.css new file mode 100644 index 0000000..ed3905e --- /dev/null +++ b/apply/css_r/plugins/_bootstrap.min.css @@ -0,0 +1,6 @@ +/*! + * Bootstrap v3.3.7 (http://getbootstrap.com) + * Copyright 2011-2016 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}} +/*# sourceMappingURL=bootstrap.min.css.map */ \ No newline at end of file diff --git a/apply/css_r/plugins/_mega_menu.css b/apply/css_r/plugins/_mega_menu.css new file mode 100644 index 0000000..9425de1 --- /dev/null +++ b/apply/css_r/plugins/_mega_menu.css @@ -0,0 +1,722 @@ +/* MENU BASIC LAYOUT */ +.mega-menu { margin: 0 auto; padding: 0; display: block; float: none; position: relative; z-index: 999;/* max-width: 1280px; + width: 100%;*/ font-size: 16px; min-height: 100px; clear: both; box-sizing: border-box; } + @media screen and (max-width:992px) { + .mega-menu { /*float: left;*/ + margin: 0; /*min-width: 200px;*/ } + } + .mega-menu * { outline: none; list-style: none; text-decoration: none; box-sizing: border-box !important; font-weight: 400; -webkit-tap-highlight-color: transparent; text-align: left; } + @media screen and (max-width:992px) { + .mega-menu * { word-break: break-all; } + } + .mega-menu i.fa { /*----------------------------- FONT AWESOME ICONS */ + font-family: "FontAwesome"; } + .mega-menu img { /*------------------------------- IMAGE */ + margin: 0; padding: 0; display: block; max-width: 100% !important; float: left; } + .mega-menu .menu-logo img { height: 40px; } + .mega-menu input { /*------------------------------ DEFAULT INPUT */ + border: none; } + .mega-menu > section.menu-list-items { margin: 0; padding: 35px 0; display: block; float: left; width: 100%; background-color: transparent; } + .mega-menu .menu-logo { /*----------------------------------- MENU LOGO */ + margin: 0; padding: 0; display: block; float: left; position: relative; } + @media screen and (min-width:993px) { + .mega-menu .menu-logo.menu-logo-align-right { /*---------------------------------------------- MENU LOGO ALIGN RIGHT */ + float: right; } + } + @media screen and (max-width:992px) { + .mega-menu .menu-logo { width: 100%; } + } + .mega-menu .menu-logo > li { margin: 0; padding: 0; display: block; float: left; font-size: 1em; line-height: 50px; } + @media screen and (max-width:992px) { + .mega-menu .menu-logo > li { width: 100%; line-height: normal; } + } + .mega-menu .menu-logo > li > a { margin: 0; display: inline-block; float: left; width: 100%; color: #ffffff; font-size: 0.7800em; /*padding: 0 20px 0 45px;*/ line-height: 50px; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; } + .mega-menu .menu-logo > li > a:hover { /*-------------------------------------- HOVER MENU LOGO */ + + /*background-color: #5E9ECA;*/ } + @media screen and (max-width:992px) { + .mega-menu .menu-logo > li > a { line-height: normal; padding-top: 16px; padding-bottom: 16px; position: relative; z-index: 10; width: auto; } + } + .mega-menu .menu-logo > li > a i.fa { /*--------------------------------------- LOGO ICON */ + padding: 0; display: inline-block; font-size: 1.25em; position: absolute; top: 0; left: 20px; bottom: 0; margin: auto 0; line-height: 50px; } + .mega-menu .menu-logo > li > a img { /*--------------------------------------- LOGO IMAGE ICON */ + + /* width: 20px; + height: 20px; + position: absolute; + top: 0; + left: 15px; + bottom: 0; + margin: auto 0;*/ } + .mega-menu .menu-links { /*---------------------------------------- MENU LINKS */ + margin: 0; padding: 0; display: block; float: right; } + @media screen and (max-width:992px) { + .mega-menu .menu-links { width: 100%; background: #fff; } + } + @media screen and (min-width:993px) { + .mega-menu .menu-links { display: block !important; max-height: 100% !important; overflow: visible !important; } + .mega-menu .menu-links.menu-links-align-right { /*------------------------------------------ MENU LINKS ALIGN RIGHT */ + float: right; } + } + .mega-menu .menu-links > li { margin: 0; padding: 0; display: block; float: left; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; font-size: 1em; } + @media screen and (max-width:992px) { + .mega-menu .menu-links > li { width: 100%; position: relative; cursor: pointer; line-height: normal; border-bottom: 1px solid #f3f3f3; z-index: 50; } + .mega-menu .menu-links > li.activeTriggerMobile { /*background-color: #5E9ECA;*/ } + } + @media screen and (min-width:993px) { + .mega-menu .menu-links > li.activeTrigger { background-color: #5E9ECA; } + } + .mega-menu .menu-links > li.active a { /*------------------------------------- ACTIVE CLASS MENU LINKS */ + background-color: transparent; color: #5E9ECA; } + .mega-menu .menu-links > li:hover { /*-------------------------------------- HOVER MENU LINKS */ + background-color: transparent; color: #5E9ECA; } + .mega-menu .menu-links > li > a { margin: 0; padding: 0 13px; display: inline-block; float: none; width: 100%; color: #ffffff; font-size: 0.933em; line-height: 64px; position: relative; text-transform: capitalize; } + .mega-menu .menu-links > li > a:hover { color: #5E9ECA; } + @media screen and (max-width:992px) { + .mega-menu .menu-links > li > a { width: auto; line-height: normal; padding-top: 10px; padding-bottom: 10px; position: static; padding-right: 10px; z-index: 20; color: #363636; } + } + .mega-menu .menu-links > li > a i.fa { /*---------------------------------------------------- MENU LINKS ICONS*/ + font-size: 1em; line-height: 0.7800em; padding-right: 2px; } + .mega-menu .menu-links > li > a i.fa.fa-indicator { padding-right: 0; padding-left: 2px; } + @media screen and (max-width:992px) { + .mega-menu .menu-links > li > a i.fa.fa-indicator { float: right; position: absolute; right: 20px; top: 0; bottom: 0; line-height: 40px; height: 50px; z-index: -1; } + } + .mega-menu .menu-social-bar { /*---------------------------------------------- MENU SOCIAL BAR */ + margin: 0; display: block; float: left; padding: 0 10px; } + @media screen and (min-width:993px) { + .mega-menu .menu-social-bar { display: block !important; } + } + @media screen and (min-width:993px) { + .mega-menu .menu-social-bar.menu-social-bar-right { float: right; } + } + @media screen and (max-width:992px) { + .mega-menu .menu-social-bar { width: 100%; text-align: center; } + } + .mega-menu .menu-social-bar > li { margin: 0; padding: 0; display: block; float: left; font-size: 1em; line-height: 50px; } + .mega-menu .menu-social-bar > li[data-color='blue'] > a:hover { background-color: #3b5998; } + .mega-menu .menu-social-bar > li[data-color='sky-blue'] > a:hover { background-color: #2caae1; } + .mega-menu .menu-social-bar > li[data-color='orange'] > a:hover { background-color: #dd4b39; } + .mega-menu .menu-social-bar > li[data-color='red'] > a:hover { background-color: #bd081c; } + @media screen and (max-width:992px) { + .mega-menu .menu-social-bar > li { float: none; display: inline-block; margin-bottom: -5px; } + } + .mega-menu .menu-social-bar > li > a { margin: 0; display: inline-block; float: left; width: 100%; color: #ffffff; font-size: 0.875em; padding: 0 5px; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; line-height: 50px; } + @media screen and (max-width:992px) { + .mega-menu .menu-social-bar > li > a { padding-left: 10px; padding-right: 10px; } + } + .mega-menu .menu-social-bar > li > a i.fa { margin: 0; padding: 0; display: inline-block; float: left; width: 100%; font-size: 1.125em; line-height: 50px; } + .mega-menu .menu-search-bar { /*--------------------------------------------------- MENU SEARCH BAR */ + margin: 0; padding: 0; display: block; float: right; position: relative; height: 50px; } + @media screen and (min-width:993px) { + .mega-menu .menu-search-bar.menu-search-bar-left { float: left; } + } + @media screen and (max-width:992px) { + .mega-menu .menu-search-bar { width: 100%; position: absolute; top: 0; right: 0; } + } + .mega-menu .menu-search-bar li, + .mega-menu .menu-search-bar form, + .mega-menu .menu-search-bar label { margin: 0; padding: 0; display: block; float: left; width: 100%; line-height: 50px; } + .mega-menu .menu-search-bar li:hover i.fa.fa-search { background: #5E9ECA; } + .mega-menu .menu-search-bar input { max-width: 0; width: 100%; margin: 0; padding: 5px 50px 5px 0; font-size: 0.7800em; -webkit-transition: max-width 400ms ease, background 400ms ease, padding-left 400ms ease; transition: max-width 400ms ease, background 400ms ease, padding-left 400ms ease; height: 50px; display: block; background: none; color: #ffffff; font-weight: 400; } + .mega-menu .menu-search-bar input:focus { max-width: 170px; background: #5E9ECA; padding-left: 20px; } + @media screen and (max-width:992px) { + .mega-menu .menu-search-bar input:focus { max-width: 100%; position: relative; z-index: 20; } + } + .mega-menu .menu-search-bar i.fa.fa-search { position: absolute; top: 0; right: 0; bottom: 0; width: 50px; text-align: center; line-height: 50px; color: #ffffff; cursor: text; -webkit-transition: background 200ms ease; transition: background 200ms ease; z-index: 40; } + .mega-menu .menu-search-bar:-moz-placeholder { opacity: 1 !important; color: #ffffff !important; } + .mega-menu .menu-search-bar::-moz-placeholder { opacity: 1 !important; color: #ffffff !important; } + .mega-menu .menu-search-bar:-ms-input-placeholder { opacity: 1 !important; color: #ffffff !important; } + .mega-menu .menu-search-bar::-webkit-input-placeholder { opacity: 1 !important; color: #ffffff !important; } + @media screen and (max-width:992px) { + .mega-menu .menu-search-bar.active input { padding-right: 150px; } + .mega-menu .menu-search-bar.active i.fa.fa-search { right: 70px; } + } + .mega-menu .menu-mobile-collapse-trigger { /*------------------------------------------------------ MOBILE COLLAPSE TRIGGER BUTTON */ + margin: 0; padding: 0; height: 50px; width: 35px; background: transparent; display: none; position: absolute; top: 0; right: 0; z-index: 100; float: right; cursor: pointer; -webkit-transition: background 200ms ease; transition: background 200ms ease; } + .mega-menu .menu-mobile-collapse-trigger:hover { background: transparent; } + .mega-menu .menu-mobile-collapse-trigger:before, + .mega-menu .menu-mobile-collapse-trigger:after, + .mega-menu .menu-mobile-collapse-trigger span { content: ""; display: block; height: 2px; width: 26px; background: #ffffff; position: absolute; top: 13px; border-radius: 3px; left: 0; right: 0; margin: 0 auto; -webkit-transition: -webkit-transform 400ms ease 0s, opacity 400ms ease; transition: transform 400ms ease 0s, opacity 400ms ease; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 0px 50% 0px; -ms-transform-origin: 0px 50% 0px; transform-origin: 0px 50% 0px; } + .home-2 .mega-menu .menu-mobile-collapse-trigger:before, + .home-2 .mega-menu .menu-mobile-collapse-trigger:after, + .home-2 .mega-menu .menu-mobile-collapse-trigger span { background: #323232; } + .mega-menu .menu-mobile-collapse-trigger:after { top: 27px; } + .mega-menu .menu-mobile-collapse-trigger span { top: 20px; } + .mega-menu .menu-mobile-collapse-trigger.active span { opacity: 0; } + .mega-menu .menu-mobile-collapse-trigger.active:before { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } + .mega-menu .menu-mobile-collapse-trigger.active:after { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); } + @media screen and (max-width:992px) { + .mega-menu .menu-mobile-collapse-trigger { display: block; } + } + .mega-menu .drop-down-multilevel { /*-------------------------------------------------- DROP DOWN MULTILEVEL */ + margin: 0; padding: 0; display: block; position: absolute; top: auto; left: auto; right: auto; z-index: 50; width: 100%; background: #ffffff; float: left; max-width: 220px; } + .mega-menu .drop-down-multilevel * { color: #323232; } + @media screen and (min-width:993px) { + .mega-menu .drop-down-multilevel { display: block !important; opacity: 0; visibility: hidden; box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.05); border-bottom: 0px; border-radius: 0px; } + } + @media screen and (max-width:992px) { + .mega-menu .drop-down-multilevel { max-width: 100% !important; position: relative; left: 0; top: 0; padding: 10px; display: none; } + } + .mega-menu .drop-down-multilevel li { margin: 0; padding: 0; display: block; float: left; border-radius: 0px; /*border-bottom: 1px solid #f3f3f3;*/ width: 100%; position: relative; -webkit-transition: background 200ms ease; transition: background 200ms ease; z-index: 50; } + .mega-menu .drop-down-multilevel li:last-child { border-bottom: 0px; } + .mega-menu .drop-down-multilevel li:hover { background: #fafafa; } + .mega-menu .drop-down-multilevel li:hover > a { color: #5E9ECA; } + .mega-menu .drop-down-multilevel li:hover > a i.fa { color: #5E9ECA; } + @media screen and (min-width:993px) { + .mega-menu .drop-down-multilevel li.activeTrigger { background: #5E9ECA; } + .mega-menu .drop-down-multilevel li.activeTrigger > a { color: #ffffff; } + .mega-menu .drop-down-multilevel li.activeTrigger > a i.fa { color: #ffffff; } + } + @media screen and (max-width:992px) { + .mega-menu .drop-down-multilevel li.activeTriggerMobile { background: #5E9ECA; } + .mega-menu .drop-down-multilevel li.activeTriggerMobile > a { color: #ffffff; } + .mega-menu .drop-down-multilevel li.activeTriggerMobile > a i.fa { color: #ffffff; } + .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #ffffff !important; } + } + .mega-menu .menu-links > li.active .drop-down-multilevel a { color: #323232; } + .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #5E9ECA; } + .mega-menu .drop-down-multilevel a { margin: 0; padding: 10px 30px; font-size: 0.7800em; text-transform: capitalize; display: inline-block; float: left; width: 100%; color: #323232; -webkit-transition: color 200ms ease; transition: color 200ms ease; min-height: 40px; } + + .mega-menu .drop-down-multilevel > li:first-child > a { padding-top: 18px; } + .mega-menu .drop-down-multilevel > li:last-child > a { padding-bottom: 18px; } + + @media screen and (max-width:992px) { + + /* .mega-menu .drop-down-multilevel a { + width: auto; + }*/ } + .mega-menu .drop-down-multilevel i.fa { float: left; line-height: 1.375em; font-size: 1em; display: block; padding-right: 10px; -webkit-transition: color 200ms ease; transition: color 200ms ease; } + .mega-menu .drop-down-multilevel i.fa-indicator { float: right; line-height: 19px; font-size: 8px; font-weight: 900; display: block; padding-left: 10px; padding-right: 0; } + @media screen and (max-width:992px) { + .mega-menu .drop-down-multilevel i.fa-indicator { float: right; height: 50px; position: absolute; top: 0; right: 20px; line-height: 50px; z-index: -1; } + } + .mega-menu .drop-down-multilevel .drop-down-multilevel { /*------------------------------------------------------ SECOND LEVEL */ + left: 100%; top: 0; } + @media screen and (min-width:993px) { + .mega-menu .drop-down-multilevel .drop-down-multilevel.left-side { /*--------------------------------------------------- ALIGN SECOND LEVEL DROP DOWN LEFT SIDE */ + left: -100%; } + } + @media screen and (max-width:992px) { + .mega-menu .drop-down-multilevel .drop-down-multilevel { left: 0; border: 1px solid #cccccc; } + } + .mega-menu .drop-down, + .mega-menu .drop-down-tab-bar { /*--------------------------------------------------------- GRID DROP DOWN */ + position: absolute; left: auto; top: auto; right: auto; background: #ffffff; float: left; padding: 10px 20px; z-index: 999; display: block; cursor: default; overflow: hidden; /*-------------------------------------------------------- 12 COLUMNS FLUID GRID WITH NESTED COLUMNS */ } + .mega-menu .drop-down *, + .mega-menu .drop-down-tab-bar * { color: #323232; } + @media screen and (min-width:993px) { + .mega-menu .drop-down.menu-bg, + .mega-menu .drop-down-tab-bar { background: rgba(255, 255, 255, 1); background-repeat: no-repeat; background-position: 120% 0; } + .mega-menu .drop-down.menu-shop-bg, + .mega-menu .drop-down-tab-bar { background: rgba(255, 255, 255, 1) url(../../images/objects/menu-shop-bg.jpg); background-repeat: no-repeat; background-position: right; } + .mega-menu .drop-down.menu-bg [class*="grid-col-"] { padding: 10px 10px 0; } + .mega-menu .rev-slider { background: #fff; padding: 7px 12px; } + .mega-menu .rev-slider p { display: inline-block; padding: 0px 10px; margin-bottom: 0px !important; line-height: 0px !important; } + .mega-menu .rev-slider a { display: inline-block; font-size: 13px !important; color: #01a9da; width: inherit !important; padding: 5px 0px; } + .mega-menu .rev-slider a:hover { color: #323232 !important; } + } + @media screen and (min-width:993px) { + .mega-menu .drop-down, + .mega-menu .drop-down-tab-bar { display: block !important; opacity: 0; visibility: hidden; /*border-top:5px solid #5E9ECA;*/ border-radius: 0px !important; box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.05); } + } + @media screen and (max-width:992px) { + .mega-menu .drop-down, + .mega-menu .drop-down-tab-bar { width: 100% !important; top: 0; left: 0; position: relative; display: none; } + } + .mega-menu .drop-down .grid-row, + .mega-menu .drop-down-tab-bar .grid-row { margin: 0; padding: 0; min-height: 1px; width: 100%; float: left; clear: both; } + .mega-menu .drop-down [class*="grid-col-"], + .mega-menu .drop-down-tab-bar [class*="grid-col-"] { margin: 0; float: left; padding: 10px; position: relative; } + .mega-menu .drop-down .grid-col-1, + .mega-menu .drop-down-tab-bar .grid-col-1 { width: 8.333333333333333%; } + .mega-menu .drop-down .grid-col-2, + .mega-menu .drop-down-tab-bar .grid-col-2 { width: 16.66666666666667%; } + .mega-menu .drop-down .grid-col-3, + .mega-menu .drop-down-tab-bar .grid-col-3 { width: 25%; } + .mega-menu .drop-down .grid-col-4, + .mega-menu .drop-down-tab-bar .grid-col-4 { width: 33.33333333333333%; } + .mega-menu .drop-down .grid-col-5, + .mega-menu .drop-down-tab-bar .grid-col-5 { width: 41.66666666666667%; } + .mega-menu .drop-down .grid-col-6, + .mega-menu .drop-down-tab-bar .grid-col-6 { width: 50%; } + .mega-menu .drop-down .grid-col-7, + .mega-menu .drop-down-tab-bar .grid-col-7 { width: 58.33333333333333%; } + .mega-menu .drop-down .grid-col-8, + .mega-menu .drop-down-tab-bar .grid-col-8 { width: 66.66666666666667%; } + .mega-menu .drop-down .grid-col-9, + .mega-menu .drop-down-tab-bar .grid-col-9 { width: 75%; } + .mega-menu .drop-down .grid-col-10, + .mega-menu .drop-down-tab-bar .grid-col-10 { width: 83.33333333333333%; } + .mega-menu .drop-down .grid-col-11, + .mega-menu .drop-down-tab-bar .grid-col-11 { width: 91.66666666666667%; } + .mega-menu .drop-down .grid-col-12, + .mega-menu .drop-down-tab-bar .grid-col-12 { width: 100%; } + .mega-menu .drop-down.grid-col-1, + .mega-menu .drop-down-tab-bar.grid-col-1 { width: 8.333333333333333%; } + .mega-menu .drop-down.grid-col-2, + .mega-menu .drop-down-tab-bar.grid-col-2 { width: 16.66666666666667%; } + .mega-menu .drop-down.grid-col-3, + .mega-menu .drop-down-tab-bar.grid-col-3 { width: 25%; } + .mega-menu .drop-down.grid-col-4, + .mega-menu .drop-down-tab-bar.grid-col-4 { width: 33.33333333333333%; } + .mega-menu .drop-down.grid-col-5, + .mega-menu .drop-down-tab-bar.grid-col-5 { width: 41.66666666666667%; } + .mega-menu .drop-down.grid-col-6, + .mega-menu .drop-down-tab-bar.grid-col-6 { width: 50%; } + .mega-menu .drop-down.grid-col-7, + .mega-menu .drop-down-tab-bar.grid-col-7 { width: 58.33333333333333%; } + .mega-menu .drop-down.grid-col-8, + .mega-menu .drop-down-tab-bar.grid-col-8 { width: 66.66666666666667%; } + .mega-menu .drop-down.grid-col-9, + .mega-menu .drop-down-tab-bar.grid-col-9 { width: 75%; } + .mega-menu .drop-down.grid-col-10, + .mega-menu .drop-down-tab-bar.grid-col-10 { width: 83.33333333333333%; } + .mega-menu .drop-down.grid-col-11, + .mega-menu .drop-down-tab-bar.grid-col-11 { width: 91.66666666666667%; } + .mega-menu .drop-down.grid-col-12, + .mega-menu .drop-down-tab-bar.grid-col-12 { width: 100%; left: 0; } + @media screen and (max-width:992px) { + .mega-menu .drop-down [class*="grid-col-"], + .mega-menu .drop-down-tab-bar [class*="grid-col-"] { width: 50%; } + } + @media screen and (max-width:992px) { + .mega-menu .drop-down [class*="grid-col-"], + .mega-menu .drop-down-tab-bar [class*="grid-col-"] { width: 100%; } + } + .mega-menu .drop-down.grid-demo span, + .mega-menu .drop-down-tab-bar.grid-demo span { float: left; display: inline-block; width: 100%; padding: 4px 6px; background: #bfbfbf; font-size: 0.75em; color: #323232; } + .mega-menu .drop-down .space-0, + .mega-menu .drop-down-tab-bar .space-0 { /*--------------------------------------------------------- SPACE 0 CLASS */ + padding: 0 !important; margin: 0 !important; } + .mega-menu .drop-down a, + .mega-menu .drop-down-tab-bar a { font-size: 0.7800em; display: inline-block; padding: 8px 0; width: 100%; max-width: 100%; text-transform: capitalize; } + .mega-menu .drop-down h1, + .mega-menu .drop-down h2, + .mega-menu .drop-down h3, + .mega-menu .drop-down h4, + .mega-menu .drop-down h5, + .mega-menu .drop-down h6, + .mega-menu .drop-down-tab-bar h1, + .mega-menu .drop-down-tab-bar h2, + .mega-menu .drop-down-tab-bar h3, + .mega-menu .drop-down-tab-bar h4, + .mega-menu .drop-down-tab-bar h5, + .mega-menu .drop-down-tab-bar h6 { margin-top: 0; font-weight: 700; } + .mega-menu .drop-down h1, + .mega-menu .drop-down-tab-bar h1 { font-size: 1.5em; line-height: 1; padding-top: 0.53em; margin-bottom: 0.5em; } + .mega-menu .drop-down h2, + .mega-menu .drop-down-tab-bar h2 { font-size: 1.375em; padding-top: 0.25em; margin-bottom: 0.5em; } + .mega-menu .drop-down h3, + .mega-menu .drop-down-tab-bar h3 { font-size: 1.125em; line-height: 1; padding-top: 0.35em; margin-bottom: 0.65em; } + .mega-menu .drop-down h4, + .mega-menu .drop-down-tab-bar h4 { font-size: 1em; text-transform: capitalize; line-height: 1.25; padding-top: 0.45em; margin-bottom: 0px; padding-left: 8px; letter-spacing: 0px; } + .mega-menu .drop-down h5, + .mega-menu .drop-down-tab-bar h5 { font-size: 0.875em; font-weight: bold; padding-top: 0.6em; margin-bottom: 0.9em; } + .mega-menu .drop-down h6, + .mega-menu .drop-down-tab-bar h6 { font-size: 0.75em; font-weight: bold; margin-bottom: 0; } + .mega-menu .drop-down figure img, + .mega-menu .drop-down-tab-bar figure img { width: 100%; height: auto; display: block; } + .mega-menu .drop-down figcaption, + .mega-menu .drop-down-tab-bar figcaption { font-size: small; font-style: italic; color: #666666; } + .mega-menu .drop-down ul, + .mega-menu .drop-down ol, + .mega-menu .drop-down dl, + .mega-menu .drop-down-tab-bar ul, + .mega-menu .drop-down-tab-bar ol, + .mega-menu .drop-down-tab-bar dl { padding: 0; margin: 0 0 0px; } + .mega-menu .drop-down form, + .mega-menu .drop-down-tab-bar form { margin-bottom: 1.5em; } + .mega-menu .drop-down form ul, + .mega-menu .drop-down-tab-bar form ul { list-style: none none; margin: 0; padding: 0; } + .mega-menu .drop-down form ul li, + .mega-menu .drop-down-tab-bar form ul li { *zoom: 1; margin-bottom: 1.5em; } + .mega-menu .drop-down form ul li:before, + .mega-menu .drop-down form ul li:after, + .mega-menu .drop-down-tab-bar form ul li:before, + .mega-menu .drop-down-tab-bar form ul li:after { content: ""; display: table; } + .mega-menu .drop-down form ul li:after, + .mega-menu .drop-down-tab-bar form ul li:after { clear: both; } + .mega-menu .drop-down fieldset, + .mega-menu .drop-down-tab-bar fieldset { margin: 0; padding: 1.5em; } + .mega-menu .drop-down label, + .mega-menu .drop-down-tab-bar label { display: block; } + .mega-menu .drop-down label.inline, + .mega-menu .drop-down-tab-bar label.inline { display: inline; padding-right: 24px; } + .mega-menu .drop-down input[type="text"], + .mega-menu .drop-down input[type="url"], + .mega-menu .drop-down input[type="email"], + .mega-menu .drop-down input[type="password"], + .mega-menu .drop-down input[type="search"], + .mega-menu .drop-down input[type="number"], + .mega-menu .drop-down input[type="date"], + .mega-menu .drop-down input[type="month"], + .mega-menu .drop-down input[type="week"], + .mega-menu .drop-down input[type="time"], + .mega-menu .drop-down input[type="datetime"], + .mega-menu .drop-down input[type="datetime-local"], + .mega-menu .drop-down input[type="tel"], + .mega-menu .drop-down textarea, + .mega-menu .drop-down-tab-bar input[type="text"], + .mega-menu .drop-down-tab-bar input[type="url"], + .mega-menu .drop-down-tab-bar input[type="email"], + .mega-menu .drop-down-tab-bar input[type="password"], + .mega-menu .drop-down-tab-bar input[type="search"], + .mega-menu .drop-down-tab-bar input[type="number"], + .mega-menu .drop-down-tab-bar input[type="date"], + .mega-menu .drop-down-tab-bar input[type="month"], + .mega-menu .drop-down-tab-bar input[type="week"], + .mega-menu .drop-down-tab-bar input[type="time"], + .mega-menu .drop-down-tab-bar input[type="datetime"], + .mega-menu .drop-down-tab-bar input[type="datetime-local"], + .mega-menu .drop-down-tab-bar input[type="tel"], + .mega-menu .drop-down-tab-bar textarea { display: block; width: 100%; margin: 0 0 0.75em; padding: 10px; font-size: 0.7800em; border: 1px solid #e8e8e8; line-height: 1.5em; } + .mega-menu .drop-down select, + .mega-menu .drop-down-tab-bar select { width: 100%; height: 2.1em; margin-bottom: 0.9em; border: 1px solid #cccccc; } + .mega-menu .drop-down input[type="range"], + .mega-menu .drop-down input[type="color"], + .mega-menu .drop-down-tab-bar input[type="range"], + .mega-menu .drop-down-tab-bar input[type="color"] { vertical-align: middle; height: 1.5em; width: 100%; } + .mega-menu .drop-down input[type="range"], + .mega-menu .drop-down-tab-bar input[type="range"] { height: 1.4em; } + .mega-menu .drop-down input[type="color"], + .mega-menu .drop-down-tab-bar input[type="color"] { width: 1.5em; } + .mega-menu .drop-down input[type="time"], + .mega-menu .drop-down-tab-bar input[type="time"] { margin: 0 0 0.55em; } + .mega-menu .drop-down progress, + .mega-menu .drop-down meter, + .mega-menu .drop-down-tab-bar progress, + .mega-menu .drop-down-tab-bar meter { display: block; width: 100%; height: 1.5em; } + .mega-menu .drop-down table, + .mega-menu .drop-down-tab-bar table { margin-bottom: 1.4em; width: 100%; border: 1px solid #cccccc; } + .mega-menu .drop-down thead, + .mega-menu .drop-down-tab-bar thead { text-align: left; font-weight: bold; } + .mega-menu .drop-down tbody tr:nth-child(even) td, + .mega-menu .drop-down-tab-bar tbody tr:nth-child(even) td { background: #dddddd; } + .mega-menu .drop-down tfoot, + .mega-menu .drop-down-tab-bar tfoot { font-style: italic; } + .mega-menu .drop-down tfoot td, + .mega-menu .drop-down tfoot th, + .mega-menu .drop-down-tab-bar tfoot td, + .mega-menu .drop-down-tab-bar tfoot th { padding: 0.75em 10px; } + .mega-menu .drop-down th, + .mega-menu .drop-down td, + .mega-menu .drop-down caption, + .mega-menu .drop-down-tab-bar th, + .mega-menu .drop-down-tab-bar td, + .mega-menu .drop-down-tab-bar caption { border: 1px solid #cccccc; } + .mega-menu .drop-down td, + .mega-menu .drop-down th, + .mega-menu .drop-down-tab-bar td, + .mega-menu .drop-down-tab-bar th { padding: 0 10px 0 10px; line-height: 1.45em; } + .mega-menu .drop-down caption, + .mega-menu .drop-down-tab-bar caption { border-bottom: 0; padding: 0.75em 10px; line-height: 1.45em; text-align: left; font-style: italic; } + .mega-menu .drop-down p, + .mega-menu .drop-down-tab-bar p { margin: 0 0 1.5em 0; font-size: 0.7800em; } + .mega-menu .drop-down blockquote, + .mega-menu .drop-down-tab-bar blockquote { margin: 0 1.5em 1.5em; font-style: italic; } + .mega-menu .drop-down mark, + .mega-menu .drop-down-tab-bar mark { line-height: 1.5; background: #78aace; color: #ffffff; } + .mega-menu .drop-down del, + .mega-menu .drop-down-tab-bar del { color: #dddddd; } + .mega-menu .drop-down code, + .mega-menu .drop-down kbd, + .mega-menu .drop-down pre, + .mega-menu .drop-down samp, + .mega-menu .drop-down-tab-bar code, + .mega-menu .drop-down-tab-bar kbd, + .mega-menu .drop-down-tab-bar pre, + .mega-menu .drop-down-tab-bar samp { } + .mega-menu .drop-down ins, + .mega-menu .drop-down small, + .mega-menu .drop-down-tab-bar ins, + .mega-menu .drop-down-tab-bar small { line-height: 1.5; } + .mega-menu .drop-down kbd, + .mega-menu .drop-down samp, + .mega-menu .drop-down-tab-bar kbd, + .mega-menu .drop-down-tab-bar samp { line-height: 1.4; } + .mega-menu .drop-down hr, + .mega-menu .drop-down-tab-bar hr { background: #cccccc; color: #cccccc; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1.4em; border: none; } + .mega-menu .drop-down input[type="submit"], + .mega-menu .drop-down input[type="button"], + .mega-menu .drop-down-tab-bar input[type="submit"], + .mega-menu .drop-down-tab-bar input[type="button"] { background: #5E9ECA; padding: 10px 20px; margin: 5px 10px 0 0; line-height: 1.5em; font-weight: 600; font-size: 0.7800em; color: #ffffff; border-radius: 0; display: block; float: left; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; } + .mega-menu .drop-down input[type="submit"]:hover, + .mega-menu .drop-down input[type="button"]:hover, + .mega-menu .drop-down-tab-bar input[type="submit"]:hover, + .mega-menu .drop-down-tab-bar input[type="button"]:hover { background-color: #333333; } + @media screen and (max-width:992px) { + .mega-menu .drop-down input[type="submit"], + .mega-menu .drop-down input[type="button"], + .mega-menu .drop-down-tab-bar input[type="submit"], + .mega-menu .drop-down-tab-bar input[type="button"] { width: 100%; } + } + .mega-menu .drop-down a, + .mega-menu .drop-down-tab-bar a { -webkit-transition: color 200ms ease; transition: color 200ms ease; } + .mega-menu .drop-down a:hover, + .mega-menu .drop-down-tab-bar a:hover { color: #5E9ECA; } + .mega-menu .drop-down a i, + .mega-menu .drop-down-tab-bar a i { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } + .mega-menu .drop-down a:hover i, + .mega-menu .drop-down-tab-bar a:hover i { color: #5E9ECA; } + @media screen and (max-width:992px) { + .mega-menu .drop-down a, + .mega-menu .drop-down-tab-bar a { width: auto; } + } + + /*.mega-menu .drop-down ::-moz-selection, + .mega-menu .drop-down-tab-bar ::-moz-selection { + background: #ffb9ad; + } + + .mega-menu .drop-down ::selection, + .mega-menu .drop-down-tab-bar ::selection { + background: #ffb9ad; + }*/ + .mega-menu .drop-down .list-description span, + .mega-menu .drop-down-tab-bar .list-description span { color: #aeaeae; display: inline-block; width: 100%; } + .mega-menu .drop-down .image-description, + .mega-menu .drop-down-tab-bar .image-description { position: relative; } + .mega-menu .drop-down .image-description img, + .mega-menu .drop-down-tab-bar .image-description img { display: inline-block; float: left; max-width: 100%; position: absolute; left: 0; right: 0; height: 40px; width: 40px; } + .mega-menu .drop-down .image-description a, + .mega-menu .drop-down-tab-bar .image-description a { padding-left: 50px; } + .mega-menu .drop-down .image-description span, + .mega-menu .drop-down-tab-bar .image-description span { color: #aeaeae; display: inline-block; width: 100%; } + .mega-menu .drop-down i.fa, + .mega-menu .drop-down-tab-bar i.fa { padding-right: 10px; width: 20px; } + .mega-menu .drop-down iframe, + .mega-menu .drop-down-tab-bar iframe { width: 100%; display: block; float: left; margin: 0; padding: 0; border: none; } + @media screen and (min-width:993px) { + .mega-menu .drop-down.offset-1, + .mega-menu .drop-down-tab-bar.offset-1 { /*------------------------------------------- OFFSET CLASSES FOR DROP DOWN */ + margin-left: 100px; } + .mega-menu .drop-down.offset-2, + .mega-menu .drop-down-tab-bar.offset-2 { margin-left: -150px; } + .mega-menu .drop-down.offset-3, + .mega-menu .drop-down-tab-bar.offset-3 { margin-left: -200px; } + .mega-menu .drop-down.offset-4, + .mega-menu .drop-down-tab-bar.offset-4 { margin-left: -250px; } + .mega-menu .drop-down.offset-5, + .mega-menu .drop-down-tab-bar.offset-5 { margin-left: -300px; } + } + .mega-menu .drop-down .menu-contact-form, + .mega-menu .drop-down-tab-bar .menu-contact-form { /*------------------------------------------------------- MENU CONTACT FORM */ + margin: 0; display: block; float: left; width: 100%; background: #f7f7f7; padding: 20px; } + .mega-menu .mobileTriggerButton { /*---------------------------------------------------- MOBILE CLICK TRIGGER JQUERY DIV */ + margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; height: 50px; display: none; z-index: -1; } + @media screen and (max-width:992px) { + .mega-menu .mobileTriggerButton { display: block; } + } + .mega-menu .desktopTriggerButton { /*--------------------------------------------------- DESKTOP CLICK TRIGGER JQUERY DIV */ + margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; display: block; opacity: .2; } + @media screen and (max-width:992px) { + .mega-menu .desktopTriggerButton { display: none; } + } + @media screen and (min-width:993px) { + .mega-menu.desktopTopFixed .menu-list-items { /*--------------------------------------------------------- TOP FIXED FOR DESKTOP */ + position: fixed; top: 0; left: 0; right: 0; max-width: 100%; padding: 0px 10px; background: #323232; box-shadow: 0 0 10px rgba(0, 0, 0, .1); } + .mega-menu.desktopTopFixed .menu-list-items .drop-down.grid-col-12, + .mega-menu.desktopTopFixed .menu-list-items .drop-down-tab-bar.grid-col-12 { width: 100%; margin: 0px; } + .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 40px; padding-top: 0px; margin: 15px 0px; /*width: 75%;*/ } + .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 20px; } + } + @media screen and (max-width:992px) { + .mega-menu.mobileTopFixed .menu-list-items { /*--------------------------------------------------------- TOP FIXED FOR MOBILE */ + position: fixed; top: 0; left: 0; right: 0; max-width: 100%; } + } + .mega-menu .drop-down-tab-bar { /*----------------------------------------------------------- DROP DOWN TAB BAR */ + margin: 0; padding: 10px; float: left; } + .mega-menu .drop-down-tab-bar li { float: left; margin: 0; padding: 0; display: block; } + @media screen and (max-width:992px) { + .mega-menu .drop-down-tab-bar li { width: 100%; position: relative; } + } + .mega-menu .drop-down-tab-bar a { float: left; width: 100%; display: inline-block; padding: 5px 10px; font-size: 0.7800em; } + @media screen and (max-width:992px) { + .mega-menu .drop-down-tab-bar a { width: auto; padding-right: 20px; } + } + .mega-menu .drop-down-tab-bar i.fa { display: inline-block; padding-right: 5px; } + .mega-menu .drop-down-tab-bar i.fa.fa-indicator { padding-right: 0; padding-left: 10px; line-height: 0.7800em; } + @media screen and (max-width:992px) { + .mega-menu .drop-down-tab-bar i.fa.fa-indicator { float: right; position: absolute; right: 12px; top: 0; bottom: 0; line-height: 25px; } + } + @media screen and (min-width:993px) { + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-scale, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-scale, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-scale { /*--------------------------------------------- effect scale */ + -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-top, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-top, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-top { /*--------------------------------------------- effect expand top*/ + -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-bottom, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-bottom, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-bottom { /*--------------------------------------------- effect expand bottom*/ + -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; } + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-left, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-left, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-left { /*--------------------------------------------- effect expand left*/ + -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-right, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-right, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-right { /*--------------------------------------------- effect expand right*/ + -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel, + .mega-menu .menu-links li.ClickTrigger .drop-down.active, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active { -webkit-transition-delay: 200ms !important; transition-delay: 200ms !important; } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-fade, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-fade, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-fade, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-fade, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-fade, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-fade { /*------------------------------------------- DROP DOWN EFFECTS :::: fade-effect */ + opacity: 1; visibility: visible; } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-scale, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-scale, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-scale { /*--------------------------------------------- effect scale */ + opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-top, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-top, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-top { /*--------------------------------------------- effect expand top*/ + opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-bottom, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-bottom, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-bottom { /*--------------------------------------------- effect expand bottom*/ + opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-left, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-left, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-left { /*--------------------------------------------- effect expand left*/ + opacity: 1; visibility: visible; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-right, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-right, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-right { /*--------------------------------------------- effect expand right */ + opacity: 1; visibility: visible; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } + } + @media screen and (max-width:992px) { + .mega-menu .menu-links li .drop-down, + .mega-menu .menu-links li .drop-down-tab-bar, + .mega-menu .menu-links li .drop-down-multilevel { -webkit-transition: none !important; transition: none !important; } + } + @media screen and (min-width:993px) { + .mega-menu.vertical-left, + .mega-menu.vertical-right { /*----------------------------------------------------- VERTICAL LEFT OR VERTICAL RIGHT */ + float: left; width: auto; display: block; /*max-width: 250px;*/ } + .mega-menu.vertical-left .menu-logo, + .mega-menu.vertical-right .menu-logo { clear: both; width: 100%; } + .mega-menu.vertical-left .menu-logo > li, + .mega-menu.vertical-right .menu-logo > li { width: 100%; } + .mega-menu.vertical-left .menu-logo > li > a, + .mega-menu.vertical-right .menu-logo > li > a { width: 100%; } + .mega-menu.vertical-left .menu-links, + .mega-menu.vertical-right .menu-links { clear: both; width: 100%; } + .mega-menu.vertical-left .menu-links > li, + .mega-menu.vertical-right .menu-links > li { clear: both; width: 100%; position: relative; } + .mega-menu.vertical-left .menu-links > li > a, + .mega-menu.vertical-right .menu-links > li > a { width: 100%; position: relative; line-height: 48px; } + .mega-menu.vertical-left .menu-links > li > a i.fa.fa-indicator, + .mega-menu.vertical-right .menu-links > li > a i.fa.fa-indicator { float: right; line-height: 48px; } + .mega-menu.vertical-left .menu-social-bar, + .mega-menu.vertical-right .menu-social-bar { width: 100%; text-align: center; } + .mega-menu.vertical-left .menu-social-bar > li, + .mega-menu.vertical-right .menu-social-bar > li { display: inline-block; float: none; } + .mega-menu.vertical-left .menu-social-bar > li > a, + .mega-menu.vertical-right .menu-social-bar > li > a { padding-left: 10px; padding-right: 10px; } + .mega-menu.vertical-left .drop-down-multilevel, + .mega-menu.vertical-right .drop-down-multilevel { top: 0; left: 100%; } + .mega-menu.vertical-left .drop-down, + .mega-menu.vertical-left .drop-down-tab-bar, + .mega-menu.vertical-right .drop-down, + .mega-menu.vertical-right .drop-down-tab-bar { left: 100%; top: 0; min-width: 600px; } + .mega-menu.vertical-left .drop-down.grid-col-12, + .mega-menu.vertical-left .drop-down-tab-bar.grid-col-12, + .mega-menu.vertical-right .drop-down.grid-col-12, + .mega-menu.vertical-right .drop-down-tab-bar.grid-col-12 { min-width: 1000px; } + .mega-menu.vertical-left .offset-1, + .mega-menu.vertical-left .offset-2, + .mega-menu.vertical-left .offset-3, + .mega-menu.vertical-left .offset-4, + .mega-menu.vertical-left .offset-5, + .mega-menu.vertical-right .offset-1, + .mega-menu.vertical-right .offset-2, + .mega-menu.vertical-right .offset-3, + .mega-menu.vertical-right .offset-4, + .mega-menu.vertical-right .offset-5 { margin-left: 0; } + .mega-menu.vertical-left .offset-1-vertical, + .mega-menu.vertical-right .offset-1-vertical { margin-top: -100px !important; } + .mega-menu.vertical-left .offset-2-vertical, + .mega-menu.vertical-right .offset-2-vertical { margin-top: -150px !important; } + .mega-menu.vertical-left .offset-3-vertical, + .mega-menu.vertical-right .offset-3-vertical { margin-top: -200px !important; } + .mega-menu.vertical-left .offset-4-vertical, + .mega-menu.vertical-right .offset-4-vertical { margin-top: -250px !important; } + .mega-menu.vertical-left .offset-5-vertical, + .mega-menu.vertical-right .offset-5-vertical { margin-top: -300px !important; } + .mega-menu.vertical-left.desktopTopFixed, + .mega-menu.vertical-right.desktopTopFixed { float: left; right: auto; padding: 0; height: 100%; } + .mega-menu.vertical-left.desktopTopFixed .menu-list-items, + .mega-menu.vertical-right.desktopTopFixed .menu-list-items { padding: 0; height: 100%; } + .mega-menu.vertical-left.desktopTopFixed .drop-down, + .mega-menu.vertical-left.desktopTopFixed .drop-down-tab-bar, + .mega-menu.vertical-right.desktopTopFixed .drop-down, + .mega-menu.vertical-right.desktopTopFixed .drop-down-tab-bar { margin: 0; } + .mega-menu.vertical-right { float: right; } + .mega-menu.vertical-right .drop-down-multilevel { left: auto; right: 100%; } + } + @media screen and (min-width:993px) and (min-width:993px) { + .mega-menu.vertical-right .drop-down-multilevel.left-side { left: 100%; } + } + @media screen and (min-width:993px) { + .mega-menu.vertical-right .drop-down, + .mega-menu.vertical-right .drop-down-tab-bar { left: auto; right: 100%; } + .mega-menu.vertical-right.desktopTopFixed { float: right; left: auto; right: 0; padding: 0; height: 100%; } + } + @media screen and (min-width:993px) { + .mega-menu.vertical-left .menu-search-bar, + .mega-menu.vertical-right .menu-search-bar { width: 100%; } + .mega-menu.vertical-left .menu-search-bar input, + .mega-menu.vertical-left .menu-search-bar li, + .mega-menu.vertical-left .menu-search-bar form, + .mega-menu.vertical-left .menu-search-bar label, + .mega-menu.vertical-right .menu-search-bar input, + .mega-menu.vertical-right .menu-search-bar li, + .mega-menu.vertical-right .menu-search-bar form, + .mega-menu.vertical-right .menu-search-bar label { width: 100%; max-width: 100%; background: #5E9ECA; -webkit-transition: none; transition: none; } + .mega-menu.vertical-left .menu-search-bar input, + .mega-menu.vertical-right .menu-search-bar input { padding-left: 20px; } + } + @media screen and (min-width:993px) { + .mega-menu.menuFullWidth { /*--------------------------------------------------- make menu full width */ + max-width: 100%; } + } diff --git a/apply/css_r/plugins/animate.css b/apply/css_r/plugins/animate.css new file mode 100644 index 0000000..8c70723 --- /dev/null +++ b/apply/css_r/plugins/animate.css @@ -0,0 +1,531 @@ +@charset "UTF-8"; + +/*! + * animate.css -http://daneden.me/animate + * Version - 3.5.2 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2017 Daniel Eden + */ +.animated { animation-duration: 1s; animation-fill-mode: both; } +.animated.infinite { animation-iteration-count: infinite; } +.animated.hinge { animation-duration: 2s; } +.animated.flipOutX, +.animated.flipOutY, +.animated.bounceIn, +.animated.bounceOut { animation-duration: .75s; } +@keyframes bounce { + from, + 20%, + 53%, + 80%, + to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0, 0, 0); } + 40%, + 43% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -30px, 0); } + 70% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -15px, 0); } + 90% { transform: translate3d(0, -4px, 0); } +} +.bounce { animation-name: bounce; transform-origin: center bottom; } +@keyframes flash { + from, + 50%, + to { opacity: 1; } + 25%, + 75% { opacity: 0; } +} +.flash { animation-name: flash; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@keyframes pulse { + from { transform: scale3d(1, 1, 1); } + 50% { transform: scale3d(1.05, 1.05, 1.05); } + to { transform: scale3d(1, 1, 1); } +} +.pulse { animation-name: pulse; } +@keyframes rubberBand { + from { transform: scale3d(1, 1, 1); } + 30% { transform: scale3d(1.25, 0.75, 1); } + 40% { transform: scale3d(0.75, 1.25, 1); } + 50% { transform: scale3d(1.15, 0.85, 1); } + 65% { transform: scale3d(.95, 1.05, 1); } + 75% { transform: scale3d(1.05, .95, 1); } + to { transform: scale3d(1, 1, 1); } +} +.rubberBand { animation-name: rubberBand; } +@keyframes shake { + from, + to { transform: translate3d(0, 0, 0); } + 10%, + 30%, + 50%, + 70%, + 90% { transform: translate3d(-10px, 0, 0); } + 20%, + 40%, + 60%, + 80% { transform: translate3d(10px, 0, 0); } +} +.shake { animation-name: shake; } +@keyframes headShake { + 0% { transform: translateX(0); } + 6.5% { transform: translateX(-6px) rotateY(-9deg); } + 18.5% { transform: translateX(5px) rotateY(7deg); } + 31.5% { transform: translateX(-3px) rotateY(-5deg); } + 43.5% { transform: translateX(2px) rotateY(3deg); } + 50% { transform: translateX(0); } +} +.headShake { animation-timing-function: ease-in-out; animation-name: headShake; } +@keyframes swing { + 20% { transform: rotate3d(0, 0, 1, 15deg); } + 40% { transform: rotate3d(0, 0, 1, -10deg); } + 60% { transform: rotate3d(0, 0, 1, 5deg); } + 80% { transform: rotate3d(0, 0, 1, -5deg); } + to { transform: rotate3d(0, 0, 1, 0deg); } +} +.swing { transform-origin: top center; animation-name: swing; } +@keyframes tada { + from { transform: scale3d(1, 1, 1); } + 10%, + 20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } + 30%, + 50%, + 70%, + 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } + 40%, + 60%, + 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } + to { transform: scale3d(1, 1, 1); } +} +.tada { animation-name: tada; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@keyframes wobble { + from { transform: none; } + 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } + 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } + 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } + 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } + 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } + to { transform: none; } +} +.wobble { animation-name: wobble; } +@keyframes jello { + from, + 11.1%, + to { transform: none; } + 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } + 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } + 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } + 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } + 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } + 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } + 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } +} +.jello { animation-name: jello; transform-origin: center; } +@keyframes bounceIn { + from, + 20%, + 40%, + 60%, + 80%, + to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } + 0% { opacity: 0; transform: scale3d(.3, .3, .3); } + 20% { transform: scale3d(1.1, 1.1, 1.1); } + 40% { transform: scale3d(.9, .9, .9); } + 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } + 80% { transform: scale3d(.97, .97, .97); } + to { opacity: 1; transform: scale3d(1, 1, 1); } +} +.bounceIn { animation-name: bounceIn; } +@keyframes bounceInDown { + from, + 60%, + 75%, + 90%, + to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } + 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } + 60% { opacity: 1; transform: translate3d(0, 25px, 0); } + 75% { transform: translate3d(0, -10px, 0); } + 90% { transform: translate3d(0, 5px, 0); } + to { transform: none; } +} +.bounceInDown { animation-name: bounceInDown; } +@keyframes bounceInLeft { + from, + 60%, + 75%, + 90%, + to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } + 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } + 60% { opacity: 1; transform: translate3d(25px, 0, 0); } + 75% { transform: translate3d(-10px, 0, 0); } + 90% { transform: translate3d(5px, 0, 0); } + to { transform: none; } +} +.bounceInLeft { animation-name: bounceInLeft; } +@keyframes bounceInRight { + from, + 60%, + 75%, + 90%, + to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } + from { opacity: 0; transform: translate3d(3000px, 0, 0); } + 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } + 75% { transform: translate3d(10px, 0, 0); } + 90% { transform: translate3d(-5px, 0, 0); } + to { transform: none; } +} +.bounceInRight { animation-name: bounceInRight; } +@keyframes bounceInUp { + from, + 60%, + 75%, + 90%, + to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } + from { opacity: 0; transform: translate3d(0, 3000px, 0); } + 60% { opacity: 1; transform: translate3d(0, -20px, 0); } + 75% { transform: translate3d(0, 10px, 0); } + 90% { transform: translate3d(0, -5px, 0); } + to { transform: translate3d(0, 0, 0); } +} +.bounceInUp { animation-name: bounceInUp; } +@keyframes bounceOut { + 20% { transform: scale3d(.9, .9, .9); } + 50%, + 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } + to { opacity: 0; transform: scale3d(.3, .3, .3); } +} +.bounceOut { animation-name: bounceOut; } +@keyframes bounceOutDown { + 20% { transform: translate3d(0, 10px, 0); } + 40%, + 45% { opacity: 1; transform: translate3d(0, -20px, 0); } + to { opacity: 0; transform: translate3d(0, 2000px, 0); } +} +.bounceOutDown { animation-name: bounceOutDown; } +@keyframes bounceOutLeft { + 20% { opacity: 1; transform: translate3d(20px, 0, 0); } + to { opacity: 0; transform: translate3d(-2000px, 0, 0); } +} +.bounceOutLeft { animation-name: bounceOutLeft; } +@keyframes bounceOutRight { + 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } + to { opacity: 0; transform: translate3d(2000px, 0, 0); } +} +.bounceOutRight { animation-name: bounceOutRight; } +@keyframes bounceOutUp { + 20% { transform: translate3d(0, -10px, 0); } + 40%, + 45% { opacity: 1; transform: translate3d(0, 20px, 0); } + to { opacity: 0; transform: translate3d(0, -2000px, 0); } +} +.bounceOutUp { animation-name: bounceOutUp; } +@keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} +.fadeIn { animation-name: fadeIn; } +@keyframes fadeInDown { + from { opacity: 0; transform: translate3d(0, -100%, 0); } + to { opacity: 1; transform: none; } +} +.fadeInDown { animation-name: fadeInDown; } +@keyframes fadeInDownBig { + from { opacity: 0; transform: translate3d(0, -2000px, 0); } + to { opacity: 1; transform: none; } +} +.fadeInDownBig { animation-name: fadeInDownBig; } +@keyframes fadeInLeft { + from { opacity: 0; transform: translate3d(-100%, 0, 0); } + to { opacity: 1; transform: none; } +} +.fadeInLeft { animation-name: fadeInLeft; } +@keyframes fadeInLeftBig { + from { opacity: 0; transform: translate3d(-2000px, 0, 0); } + to { opacity: 1; transform: none; } +} +.fadeInLeftBig { animation-name: fadeInLeftBig; } +@keyframes fadeInRight { + from { opacity: 0; transform: translate3d(100%, 0, 0); } + to { opacity: 1; transform: none; } +} +.fadeInRight { animation-name: fadeInRight; } +@keyframes fadeInRightBig { + from { opacity: 0; transform: translate3d(2000px, 0, 0); } + to { opacity: 1; transform: none; } +} +.fadeInRightBig { animation-name: fadeInRightBig; } +@keyframes fadeInUp { + from { opacity: 0; transform: translate3d(0, 100%, 0); } + to { opacity: 1; transform: none; } +} +.fadeInUp { animation-name: fadeInUp; } +@keyframes fadeInUpBig { + from { opacity: 0; transform: translate3d(0, 2000px, 0); } + to { opacity: 1; transform: none; } +} +.fadeInUpBig { animation-name: fadeInUpBig; } +@keyframes fadeOut { + from { opacity: 1; } + to { opacity: 0; } +} +.fadeOut { animation-name: fadeOut; } +@keyframes fadeOutDown { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(0, 100%, 0); } +} +.fadeOutDown { animation-name: fadeOutDown; } +@keyframes fadeOutDownBig { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(0, 2000px, 0); } +} +.fadeOutDownBig { animation-name: fadeOutDownBig; } +@keyframes fadeOutLeft { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(-100%, 0, 0); } +} +.fadeOutLeft { animation-name: fadeOutLeft; } +@keyframes fadeOutLeftBig { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(-2000px, 0, 0); } +} +.fadeOutLeftBig { animation-name: fadeOutLeftBig; } +@keyframes fadeOutRight { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(100%, 0, 0); } +} +.fadeOutRight { animation-name: fadeOutRight; } +@keyframes fadeOutRightBig { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(2000px, 0, 0); } +} +.fadeOutRightBig { animation-name: fadeOutRightBig; } +@keyframes fadeOutUp { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(0, -100%, 0); } +} +.fadeOutUp { animation-name: fadeOutUp; } +@keyframes fadeOutUpBig { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(0, -2000px, 0); } +} +.fadeOutUpBig { animation-name: fadeOutUpBig; } +@keyframes flip { + from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } + 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } + 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } + 80% { transform: perspective(400px) scale3d(.95, .95, .95); animation-timing-function: ease-in; } + to { transform: perspective(400px); animation-timing-function: ease-in; } +} +.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } +@keyframes flipInX { + from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } + 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } + 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } + 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } + to { transform: perspective(400px); } +} +.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; } +@keyframes flipInY { + from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } + 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } + 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } + 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } + to { transform: perspective(400px); } +} +.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; } +@keyframes flipOutX { + from { transform: perspective(400px); } + 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } + to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } +} +.flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } +@keyframes flipOutY { + from { transform: perspective(400px); } + 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } + to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } +} +.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; } +@keyframes lightSpeedIn { + from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } + 60% { transform: skewX(20deg); opacity: 1; } + 80% { transform: skewX(-5deg); opacity: 1; } + to { transform: none; opacity: 1; } +} +.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } +@keyframes lightSpeedOut { + from { opacity: 1; } + to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } +} +.lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } +@keyframes rotateIn { + from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } + to { transform-origin: center; transform: none; opacity: 1; } +} +.rotateIn { animation-name: rotateIn; } +@keyframes rotateInDownLeft { + from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } + to { transform-origin: left bottom; transform: none; opacity: 1; } +} +.rotateInDownLeft { animation-name: rotateInDownLeft; } +@keyframes rotateInDownRight { + from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } + to { transform-origin: right bottom; transform: none; opacity: 1; } +} +.rotateInDownRight { animation-name: rotateInDownRight; } +@keyframes rotateInUpLeft { + from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } + to { transform-origin: left bottom; transform: none; opacity: 1; } +} +.rotateInUpLeft { animation-name: rotateInUpLeft; } +@keyframes rotateInUpRight { + from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } + to { transform-origin: right bottom; transform: none; opacity: 1; } +} +.rotateInUpRight { animation-name: rotateInUpRight; } +@keyframes rotateOut { + from { transform-origin: center; opacity: 1; } + to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } +} +.rotateOut { animation-name: rotateOut; } +@keyframes rotateOutDownLeft { + from { transform-origin: left bottom; opacity: 1; } + to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } +} +.rotateOutDownLeft { animation-name: rotateOutDownLeft; } +@keyframes rotateOutDownRight { + from { transform-origin: right bottom; opacity: 1; } + to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } +} +.rotateOutDownRight { animation-name: rotateOutDownRight; } +@keyframes rotateOutUpLeft { + from { transform-origin: left bottom; opacity: 1; } + to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } +} +.rotateOutUpLeft { animation-name: rotateOutUpLeft; } +@keyframes rotateOutUpRight { + from { transform-origin: right bottom; opacity: 1; } + to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } +} +.rotateOutUpRight { animation-name: rotateOutUpRight; } +@keyframes hinge { + 0% { transform-origin: top left; animation-timing-function: ease-in-out; } + 20%, + 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } + 40%, + 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } + to { transform: translate3d(0, 700px, 0); opacity: 0; } +} +.hinge { animation-name: hinge; } +@keyframes jackInTheBox { + from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } + 50% { transform: rotate(-10deg); } + 70% { transform: rotate(3deg); } + to { opacity: 1; transform: scale(1); } +} +.jackInTheBox { animation-name: jackInTheBox; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@keyframes rollIn { + from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } + to { opacity: 1; transform: none; } +} +.rollIn { animation-name: rollIn; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@keyframes rollOut { + from { opacity: 1; } + to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } +} +.rollOut { animation-name: rollOut; } +@keyframes zoomIn { + from { opacity: 0; transform: scale3d(.3, .3, .3); } + 50% { opacity: 1; } +} +.zoomIn { animation-name: zoomIn; } +@keyframes zoomInDown { + from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } + 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } +} +.zoomInDown { animation-name: zoomInDown; } +@keyframes zoomInLeft { + from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } + 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } +} +.zoomInLeft { animation-name: zoomInLeft; } +@keyframes zoomInRight { + from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } + 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } +} +.zoomInRight { animation-name: zoomInRight; } +@keyframes zoomInUp { + from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } + 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } +} +.zoomInUp { animation-name: zoomInUp; } +@keyframes zoomOut { + from { opacity: 1; } + 50% { opacity: 0; transform: scale3d(.3, .3, .3); } + to { opacity: 0; } +} +.zoomOut { animation-name: zoomOut; } +@keyframes zoomOutDown { + 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } + to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } +} +.zoomOutDown { animation-name: zoomOutDown; } +@keyframes zoomOutLeft { + 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } + to { opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center; } +} +.zoomOutLeft { animation-name: zoomOutLeft; } +@keyframes zoomOutRight { + 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } + to { opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center; } +} +.zoomOutRight { animation-name: zoomOutRight; } +@keyframes zoomOutUp { + 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } + to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } +} +.zoomOutUp { animation-name: zoomOutUp; } +@keyframes slideInDown { + from { transform: translate3d(0, -100%, 0); visibility: visible; } + to { transform: translate3d(0, 0, 0); } +} +.slideInDown { animation-name: slideInDown; } +@keyframes slideInLeft { + from { transform: translate3d(-100%, 0, 0); visibility: visible; } + to { transform: translate3d(0, 0, 0); } +} +.slideInLeft { animation-name: slideInLeft; } +@keyframes slideInRight { + from { transform: translate3d(100%, 0, 0); visibility: visible; } + to { transform: translate3d(0, 0, 0); } +} +.slideInRight { animation-name: slideInRight; } +@keyframes slideInUp { + from { transform: translate3d(0, 100%, 0); visibility: visible; } + to { transform: translate3d(0, 0, 0); } +} +.slideInUp { animation-name: slideInUp; } +@keyframes slideOutDown { + from { transform: translate3d(0, 0, 0); } + to { visibility: hidden; transform: translate3d(0, 100%, 0); } +} +.slideOutDown { animation-name: slideOutDown; } +@keyframes slideOutLeft { + from { transform: translate3d(0, 0, 0); } + to { visibility: hidden; transform: translate3d(-100%, 0, 0); } +} +.slideOutLeft { animation-name: slideOutLeft; } +@keyframes slideOutRight { + from { transform: translate3d(0, 0, 0); } + to { visibility: hidden; transform: translate3d(100%, 0, 0); } +} +.slideOutRight { animation-name: slideOutRight; } +@keyframes slideOutUp { + from { transform: translate3d(0, 0, 0); } + to { visibility: hidden; transform: translate3d(0, -100%, 0); } +} +.slideOutUp { animation-name: slideOutUp; } diff --git a/apply/css_r/plugins/bootstrap-datetimepicker.min.css b/apply/css_r/plugins/bootstrap-datetimepicker.min.css new file mode 100644 index 0000000..5950ad2 --- /dev/null +++ b/apply/css_r/plugins/bootstrap-datetimepicker.min.css @@ -0,0 +1,5 @@ +/*! + * Datetimepicker for Bootstrap 3 + * version : 4.17.47 + * https://github.com/Eonasdan/bootstrap-datetimepicker/ + */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{display:block;margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0} \ No newline at end of file diff --git a/apply/css_r/plugins/bootstrap.min.css b/apply/css_r/plugins/bootstrap.min.css new file mode 100644 index 0000000..ed3905e --- /dev/null +++ b/apply/css_r/plugins/bootstrap.min.css @@ -0,0 +1,6 @@ +/*! + * Bootstrap v3.3.7 (http://getbootstrap.com) + * Copyright 2011-2016 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}} +/*# sourceMappingURL=bootstrap.min.css.map */ \ No newline at end of file diff --git a/apply/css_r/plugins/dataTables.bootstrap.min.css b/apply/css_r/plugins/dataTables.bootstrap.min.css new file mode 100644 index 0000000..6b26d45 --- /dev/null +++ b/apply/css_r/plugins/dataTables.bootstrap.min.css @@ -0,0 +1 @@ +table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:20px;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:20px 0 0;white-space:nowrap}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:8px;right:8px;display:block;font-family:'FontAwesome';opacity:0.5}table.dataTable thead .sorting:after{opacity:0.2;content:"\f15e"}table.dataTable thead .sorting_asc:after{content:"\f161"}table.dataTable thead .sorting_desc:after{content:"\f15e"}table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{color:#eee}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody>table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody>table>thead .sorting:after,div.dataTables_scrollBody>table>thead .sorting_asc:after,div.dataTables_scrollBody>table>thead .sorting_desc:after{display:none}div.dataTables_scrollBody>table>tbody>tr:first-child>th,div.dataTables_scrollBody>table>tbody>tr:first-child>td{border-top:none}div.dataTables_scrollFoot>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}table.dataTable.table-condensed>thead>tr>th{padding-right:20px}table.dataTable.table-condensed .sorting:after,table.dataTable.table-condensed .sorting_asc:after,table.dataTable.table-condensed .sorting_desc:after{top:6px;right:6px}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:0}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0} diff --git a/apply/css_r/plugins/font-awesome.min.css b/apply/css_r/plugins/font-awesome.min.css new file mode 100644 index 0000000..4d70f96 --- /dev/null +++ b/apply/css_r/plugins/font-awesome.min.css @@ -0,0 +1,4 @@ +/*! + * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */@font-face{font-family:'FontAwesome';src:url('../../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} diff --git a/apply/css_r/plugins/magnific-popup.css b/apply/css_r/plugins/magnific-popup.css new file mode 100644 index 0000000..6aa7bc0 --- /dev/null +++ b/apply/css_r/plugins/magnific-popup.css @@ -0,0 +1,88 @@ +/* Magnific Popup CSS */ +.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } +.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } +.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } +.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } +.mfp-align-top .mfp-container:before { display: none; } +.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } +.mfp-inline-holder .mfp-content, +.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } +.mfp-ajax-cur { cursor: progress; } +.mfp-zoom-out-cur, +.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } +.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } +.mfp-auto-cursor .mfp-content { cursor: auto; } +.mfp-close, +.mfp-arrow, +.mfp-preloader, +.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } +.mfp-loading.mfp-figure { display: none; } +.mfp-hide { display: none !important; } +.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } +.mfp-preloader a { color: #CCC; } +.mfp-preloader a:hover { color: #FFF; } +.mfp-s-ready .mfp-preloader { display: none; } +.mfp-s-error .mfp-content { display: none; } +button.mfp-close, +button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } +button::-moz-focus-inner { padding: 0; border: 0; } +.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } +.mfp-close:hover, +.mfp-close:focus { opacity: 1; } +.mfp-close:active { top: 1px; } +.mfp-close-btn-in .mfp-close { color: #333; } +.mfp-image-holder .mfp-close, +.mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } +.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } +.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } +.mfp-arrow:active { margin-top: -54px; } +.mfp-arrow:hover, +.mfp-arrow:focus { opacity: 1; } +.mfp-arrow:before, +.mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } +.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } +.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } +.mfp-arrow-left { left: 0; } +.mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } +.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } +.mfp-arrow-right { right: 0; } +.mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } +.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } +.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } +.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } +.mfp-iframe-holder .mfp-close { top: -40px; } +.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } +.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } + +/* Main image in popup */ +img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } + +/* The shadow behind the image */ +.mfp-figure { line-height: 0; } +.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } +.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } +.mfp-figure figure { margin: 0; } +.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } +.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } +.mfp-image-holder .mfp-content { max-width: 100%; } +.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } +@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) { + + /** + * Remove all paddings around the image on small screen + */ + .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } + .mfp-img-mobile img.mfp-img { padding: 0; } + .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } + .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } + .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } + .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } + .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } + .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } +} +@media all and (max-width:900px) { + .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } + .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } + .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } + .mfp-container { padding-left: 6px; padding-right: 6px; } +} diff --git a/apply/css_r/plugins/mediaelementplayer.css b/apply/css_r/plugins/mediaelementplayer.css new file mode 100644 index 0000000..673d30f --- /dev/null +++ b/apply/css_r/plugins/mediaelementplayer.css @@ -0,0 +1,241 @@ +.mejs-offscreen {/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages). */ +position: absolute !important; top: -10000px; left: -10000px; overflow: hidden; width: 1px; height: 1px; } +.mejs-container { position: relative; background: #000; font-family: Helvetica, Arial; text-align: left; vertical-align: top; text-indent: 0; width: 100% !important; } +.mejs-container:focus { outline: none; } +.me-plugin { position: absolute; } +.mejs-embed, +.mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; } +.mejs-fullscreen { /* set it to not show scroll bars so 100% will work */ +overflow: hidden !important; } +.mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; } +.mejs-container-fullscreen .mejs-mediaelement, +.mejs-container-fullscreen video { width: 100%; height: 100%; } +.mejs-clear { clear: both; } + +/* Start: LAYERS */ +.mejs-background { position: absolute; top: 0; left: 0; } +.mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } +.mejs-poster { position: absolute; top: 0; left: 0; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } +:root .mejs-poster img { display: none; } +.mejs-poster img { border: 0; padding: 0; border: 0; } +.mejs-overlay { position: absolute; top: 0; left: 0; } +.mejs-overlay-play { cursor: pointer; } +.mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url(../../images/bigplay.svg) no-repeat; } +.no-svg .mejs-overlay-button { background-image: url(../../images/bigplay.png); } +.mejs-overlay:hover .mejs-overlay-button { background-position: 0 -100px; } +.mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; /*background: #333; + background: url(../../images/background.png); + background: rgba(0, 0, 0, 0.9); + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9))); + background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); + background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); + background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); + background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); + background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9));*/ } + .mejs-overlay-loading span { display: block; width: 80px; height: 80px; background: transparent url(../../images/loading.gif) 50% 50% no-repeat; } + + /* End: LAYERS */ + + /* Start: CONTROL BAR */ + .mejs-container .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; background: #eceff7; height: 40px; width: 100%; } + .mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; border: 0; margin-top: 6px; } + .mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 15px; border: 0; background: transparent url(../../images/controls.png) no-repeat; } + .no-svg .mejs-controls .mejs-button button { background-image: url(../../images/controls.png); } + + /* :focus for accessibility */ + .mejs-controls .mejs-button button:focus { outline: dotted 1px #999; } + + /* End: CONTROL BAR */ + + /* Start: Time (Current / Duration) */ + .mejs-container .mejs-controls .mejs-time { color: #000; display: block; height: 17px; width: auto; padding: 10px 3px 0 3px; overflow: hidden; text-align: center; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } + .mejs-container .mejs-controls .mejs-time a { color: #fff; font-size: 11px; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; } + + /* End: Time (Current / Duration) */ + + /* Start: Play/Pause/Stop */ + .mejs-controls .mejs-play button { background-position: 4px 0; } + .mejs-controls .mejs-pause button { background-position: 4px -16px; } + .mejs-controls .mejs-stop button { background-position: -112px 0; } + + /* Start: Play/Pause/Stop */ + + /* Start: Progress Bar */ + .mejs-controls div.mejs-time-rail { direction: ltr; width: 200px; padding-top: 5px; } + .mejs-controls .mejs-time-rail span, + .mejs-controls .mejs-time-rail a { display: block; position: absolute; width: 180px; height: 10px; cursor: pointer; } + .mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background: #333; background: #fff; } + .mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; -moz-animation: buffering-stripes 2s linear infinite; -ms-animation: buffering-stripes 2s linear infinite; -o-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; } + @-webkit-keyframes buffering-stripes { + from { background-position: 0 0; } + to { background-position: 30px 0; } + } + @-moz-keyframes buffering-stripes { + from { background-position: 0 0; } + to { background-position: 30px 0; } + } + @-ms-keyframes buffering-stripes { + from { background-position: 0 0; } + to { background-position: 30px 0; } + } + @-o-keyframes buffering-stripes { + from { background-position: 0 0; } + to { background-position: 30px 0; } + } + @keyframes buffering-stripes { + from { background-position: 0 0; } + to { background-position: 30px 0; } + } + .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #FFF; width: 0; } + .mejs-controls .mejs-time-rail .mejs-time-current { background: #fff; background: #F5A623; width: 0; } + .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; } + .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: solid 1px #333; top: -26px; margin-left: -18px; text-align: center; color: #111; } + .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; } + .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 15px; left: 13px; } + .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 48px; } + .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 44px; } + .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 18px; } + + /* + .mejs-controls .mejs-time-rail:hover .mejs-time-handle { + visibility:visible; + } + */ + + /* End: Progress Bar */ + + /* Start: Fullscreen */ + .mejs-controls .mejs-fullscreen-button button { background-position: -31px 0; } + .mejs-controls .mejs-unfullscreen button { background-position: -32px -16px; } + + /* End: Fullscreen */ + + /* Start: Mute/Volume */ + .mejs-controls .mejs-volume-button { } + .mejs-controls .mejs-mute button { background-position: -16px -16px; } + .mejs-controls .mejs-unmute button { background-position: -16px 0; } + .mejs-controls .mejs-volume-button { position: relative; } + .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: url(../../images/background.png); background: #F5A623; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; } + .mejs-controls .mejs-volume-button:hover { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } + + /* + .mejs-controls .mejs-volume-button:hover .mejs-volume-slider { + display: block; + } + */ + .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.5); margin: 0; } + .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.9); margin: 0; } + .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255, 255, 255, 0.9); cursor: N-resize; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0; } + + /* horizontal version */ + .mejs-controls a.mejs-horizontal-volume-slider { height: 26px; width: 56px; position: relative; display: block; float: left; margin-top: 6px; vertical-align: middle; } + .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; background: #fff; } + .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; background: #F5A623; } + .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; } + + /* End: Mute/Volume */ + + /* Start: Track (Captions and Chapters) */ + .mejs-controls .mejs-captions-button { position: relative; } + .mejs-controls .mejs-captions-button button { background-position: -48px 0; } + .mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -51px; width: 85px; height: 100px; background: url(../../images/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px 10px 0 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } + + /* + .mejs-controls .mejs-captions-button:hover .mejs-captions-selector { + visibility: visible; + } + */ + .mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } + .mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } + .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } + .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 55px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } + .mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px 0; } + .mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; z-index: 1; } + .mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000); overflow: hidden; border: 0; } + .mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; } + .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; } + .mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666; background: rgba(102, 102, 102, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6))); background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232); } + .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px; } + .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space: nowrap; text-overflow: ellipsis; } + .mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align: center; line-height: 20px; font-size: 16px; color: #fff; } + .mejs-captions-layer a { color: #fff; text-decoration: underline; } + .mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; } + .mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; } + .mejs-captions-position-hover { bottom: 35px; } + .mejs-captions-text { padding: 3px 5px; background: url(../../images/background.png); background: rgba(20, 20, 20, 0.5); white-space: pre-wrap; } + + /* End: Track (Captions and Chapters) */ + + /* Start: Error */ + .me-cannotplay { } + .me-cannotplay a { color: #fff; font-weight: bold; } + .me-cannotplay span { padding: 15px; display: block; } + + /* End: Error */ + + /* Start: Loop */ + .mejs-controls .mejs-loop-off button { background-position: -64px -16px; } + .mejs-controls .mejs-loop-on button { background-position: -64px 0; } + + /* End: Loop */ + + /* Start: backlight */ + .mejs-controls .mejs-backlight-off button { background-position: -80px -16px; } + .mejs-controls .mejs-backlight-on button { background-position: -80px 0; } + + /* End: backlight */ + + /* Start: Picture Controls */ + .mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; } + + /* End: Picture Controls */ + + /* context menu */ + .mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; /* make sure it shows on fullscreen */ } + .mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; } + .mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica, Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; } + .mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; } + + /* Start: Source Chooser */ + .mejs-controls .mejs-sourcechooser-button { position: relative; } + .mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0; } + .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(../../images/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } + .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } + .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } + .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } + .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } + + /* End: Source Chooser */ + + /* Start: Postroll */ + .mejs-postroll-layer { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../../images/background.png); background: rgba(50, 50, 50, 0.7); z-index: 1000; overflow: hidden; } + .mejs-postroll-layer-content { width: 100%; height: 100%; } + .mejs-postroll-close { position: absolute; right: 0; top: 0; background: url(../../images/background.png); background: rgba(50, 50, 50, 0.7); color: #fff; padding: 4px; z-index: 100; cursor: pointer; } + + /* End: Postroll */ + + /* Start: Speed */ + div.mejs-speed-button { width: 46px !important; position: relative; } + .mejs-controls .mejs-button.mejs-speed-button button { background: transparent; width: 36px; font-size: 11px; line-height: normal; color: #ffffff; } + .mejs-controls .mejs-speed-button .mejs-speed-selector { display: none; position: absolute; top: -100px; left: -10px; width: 60px; height: 100px; background: url(../../images/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 0; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } + .mejs-controls .mejs-speed-button:hover > .mejs-speed-selector { display: block; } + .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected { color: rgba(33, 248, 248, 1); } + .mejs-controls .mejs-speed-button .mejs-speed-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } + .mejs-controls .mejs-speed-button .mejs-speed-selector ul li { margin: 0 0 6px 0; padding: 0 10px; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } + .mejs-controls .mejs-speed-button .mejs-speed-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; display: none; } + .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label { width: 60px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 11.5px; color: white; margin-left: 5px; cursor: pointer; } + .mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover { background-color: rgb(200, 200, 200) !important; background-color: rgba(255, 255, 255, .4) !important; } + + /* End: Speed */ + + /* Start: Jump Forward */ + + .mejs-controls .mejs-button.mejs-jump-forward-button { background: transparent url(../../images/jumpforward.png) no-repeat; background-position: 3px 3px; } + .mejs-controls .mejs-button.mejs-jump-forward-button button { background: transparent; font-size: 9px; line-height: normal; color: #ffffff; } + + /* End: Jump Forward */ + + /* Start: Skip Back */ + + .mejs-controls .mejs-button.mejs-skip-back-button { background: transparent url(../../images/skipback.png) no-repeat; background-position: 3px 3px; } + .mejs-controls .mejs-button.mejs-skip-back-button button { background: transparent; font-size: 9px; line-height: normal; color: #ffffff; } diff --git a/apply/css_r/plugins/mega_menu.css b/apply/css_r/plugins/mega_menu.css new file mode 100644 index 0000000..804e905 --- /dev/null +++ b/apply/css_r/plugins/mega_menu.css @@ -0,0 +1,722 @@ +/* MENU BASIC LAYOUT */ +.mega-menu { margin: 0 auto; padding: 0; display: block; float: none; position: relative; z-index: 999;/* max-width: 1280px; + width: 100%;*/ font-size: 16px; min-height: 100px; clear: both; box-sizing: border-box; } + @media screen and (max-width:992px) { + .mega-menu { /*float: left;*/ + margin: 0; /*min-width: 200px;*/ } + } + .mega-menu * { outline: none; list-style: none; text-decoration: none; box-sizing: border-box !important; font-weight: 400; -webkit-tap-highlight-color: transparent; text-align: left; } + @media screen and (max-width:992px) { + .mega-menu * { word-break: break-all; } + } + .mega-menu i.fa { /*----------------------------- FONT AWESOME ICONS */ + font-family: "FontAwesome"; } + .mega-menu img { /*------------------------------- IMAGE */ + margin: 0; padding: 0; display: block; max-width: 100% !important; float: left; } + .mega-menu .menu-logo img { height: 40px; } + .mega-menu input { /*------------------------------ DEFAULT INPUT */ + border: none; } + .mega-menu > section.menu-list-items { margin: 0; padding: 35px 0; display: block; float: left; width: 100%; background-color: transparent; } + .mega-menu .menu-logo { /*----------------------------------- MENU LOGO */ + margin: 0; padding: 0; display: block; float: left; position: relative; } + @media screen and (min-width:993px) { + .mega-menu .menu-logo.menu-logo-align-right { /*---------------------------------------------- MENU LOGO ALIGN RIGHT */ + float: right; } + } + @media screen and (max-width:992px) { + .mega-menu .menu-logo { width: 100%; } + } + .mega-menu .menu-logo > li { margin: 0; padding: 0; display: block; float: left; font-size: 1em; line-height: 50px; } + @media screen and (max-width:992px) { + .mega-menu .menu-logo > li { width: 100%; line-height: normal; } + } + .mega-menu .menu-logo > li > a { margin: 0; display: inline-block; float: left; width: 100%; color: #ffffff; font-size: 0.7800em; /*padding: 0 20px 0 45px;*/ line-height: 50px; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; } + .mega-menu .menu-logo > li > a:hover { /*-------------------------------------- HOVER MENU LOGO */ + + /*background-color: #F5A623;*/ } + @media screen and (max-width:992px) { + .mega-menu .menu-logo > li > a { line-height: normal; padding-top: 16px; padding-bottom: 16px; position: relative; z-index: 10; width: auto; } + } + .mega-menu .menu-logo > li > a i.fa { /*--------------------------------------- LOGO ICON */ + padding: 0; display: inline-block; font-size: 1.25em; position: absolute; top: 0; left: 20px; bottom: 0; margin: auto 0; line-height: 50px; } + .mega-menu .menu-logo > li > a img { /*--------------------------------------- LOGO IMAGE ICON */ + + /* width: 20px; + height: 20px; + position: absolute; + top: 0; + left: 15px; + bottom: 0; + margin: auto 0;*/ } + .mega-menu .menu-links { /*---------------------------------------- MENU LINKS */ + margin: 0; padding: 0; display: block; float: right; } + @media screen and (max-width:992px) { + .mega-menu .menu-links { width: 100%; background: #fff; } + } + @media screen and (min-width:993px) { + .mega-menu .menu-links { display: block !important; max-height: 100% !important; overflow: visible !important; } + .mega-menu .menu-links.menu-links-align-right { /*------------------------------------------ MENU LINKS ALIGN RIGHT */ + float: right; } + } + .mega-menu .menu-links > li { margin: 0; padding: 0; display: block; float: left; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; font-size: 1em; } + @media screen and (max-width:992px) { + .mega-menu .menu-links > li { width: 100%; position: relative; cursor: pointer; line-height: normal; border-bottom: 1px solid #f3f3f3; z-index: 50; } + .mega-menu .menu-links > li.activeTriggerMobile { /*background-color: #F5A623;*/ } + } + @media screen and (min-width:993px) { + .mega-menu .menu-links > li.activeTrigger { background-color: #F5A623; } + } + .mega-menu .menu-links > li.active a { /*------------------------------------- ACTIVE CLASS MENU LINKS */ + background-color: transparent; color: #F5A623; } + .mega-menu .menu-links > li:hover { /*-------------------------------------- HOVER MENU LINKS */ + background-color: transparent; color: #F5A623; } + .mega-menu .menu-links > li > a { margin: 0; padding: 0 13px; display: inline-block; float: none; width: 100%; color: #ffffff; font-size: 0.933em; line-height: 64px; position: relative; text-transform: capitalize; } + .mega-menu .menu-links > li > a:hover { color: #F5A623; } + @media screen and (max-width:992px) { + .mega-menu .menu-links > li > a { width: auto; line-height: normal; padding-top: 10px; padding-bottom: 10px; position: static; padding-right: 10px; z-index: 20; color: #363636; } + } + .mega-menu .menu-links > li > a i.fa { /*---------------------------------------------------- MENU LINKS ICONS*/ + font-size: 1em; line-height: 0.7800em; padding-right: 2px; } + .mega-menu .menu-links > li > a i.fa.fa-indicator { padding-right: 0; padding-left: 2px; } + @media screen and (max-width:992px) { + .mega-menu .menu-links > li > a i.fa.fa-indicator { float: right; position: absolute; right: 20px; top: 0; bottom: 0; line-height: 40px; height: 50px; z-index: -1; } + } + .mega-menu .menu-social-bar { /*---------------------------------------------- MENU SOCIAL BAR */ + margin: 0; display: block; float: left; padding: 0 10px; } + @media screen and (min-width:993px) { + .mega-menu .menu-social-bar { display: block !important; } + } + @media screen and (min-width:993px) { + .mega-menu .menu-social-bar.menu-social-bar-right { float: right; } + } + @media screen and (max-width:992px) { + .mega-menu .menu-social-bar { width: 100%; text-align: center; } + } + .mega-menu .menu-social-bar > li { margin: 0; padding: 0; display: block; float: left; font-size: 1em; line-height: 50px; } + .mega-menu .menu-social-bar > li[data-color='blue'] > a:hover { background-color: #3b5998; } + .mega-menu .menu-social-bar > li[data-color='sky-blue'] > a:hover { background-color: #2caae1; } + .mega-menu .menu-social-bar > li[data-color='orange'] > a:hover { background-color: #dd4b39; } + .mega-menu .menu-social-bar > li[data-color='red'] > a:hover { background-color: #bd081c; } + @media screen and (max-width:992px) { + .mega-menu .menu-social-bar > li { float: none; display: inline-block; margin-bottom: -5px; } + } + .mega-menu .menu-social-bar > li > a { margin: 0; display: inline-block; float: left; width: 100%; color: #ffffff; font-size: 0.875em; padding: 0 5px; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; line-height: 50px; } + @media screen and (max-width:992px) { + .mega-menu .menu-social-bar > li > a { padding-left: 10px; padding-right: 10px; } + } + .mega-menu .menu-social-bar > li > a i.fa { margin: 0; padding: 0; display: inline-block; float: left; width: 100%; font-size: 1.125em; line-height: 50px; } + .mega-menu .menu-search-bar { /*--------------------------------------------------- MENU SEARCH BAR */ + margin: 0; padding: 0; display: block; float: right; position: relative; height: 50px; } + @media screen and (min-width:993px) { + .mega-menu .menu-search-bar.menu-search-bar-left { float: left; } + } + @media screen and (max-width:992px) { + .mega-menu .menu-search-bar { width: 100%; position: absolute; top: 0; right: 0; } + } + .mega-menu .menu-search-bar li, + .mega-menu .menu-search-bar form, + .mega-menu .menu-search-bar label { margin: 0; padding: 0; display: block; float: left; width: 100%; line-height: 50px; } + .mega-menu .menu-search-bar li:hover i.fa.fa-search { background: #F5A623; } + .mega-menu .menu-search-bar input { max-width: 0; width: 100%; margin: 0; padding: 5px 50px 5px 0; font-size: 0.7800em; -webkit-transition: max-width 400ms ease, background 400ms ease, padding-left 400ms ease; transition: max-width 400ms ease, background 400ms ease, padding-left 400ms ease; height: 50px; display: block; background: none; color: #ffffff; font-weight: 400; } + .mega-menu .menu-search-bar input:focus { max-width: 170px; background: #F5A623; padding-left: 20px; } + @media screen and (max-width:992px) { + .mega-menu .menu-search-bar input:focus { max-width: 100%; position: relative; z-index: 20; } + } + .mega-menu .menu-search-bar i.fa.fa-search { position: absolute; top: 0; right: 0; bottom: 0; width: 50px; text-align: center; line-height: 50px; color: #ffffff; cursor: text; -webkit-transition: background 200ms ease; transition: background 200ms ease; z-index: 40; } + .mega-menu .menu-search-bar:-moz-placeholder { opacity: 1 !important; color: #ffffff !important; } + .mega-menu .menu-search-bar::-moz-placeholder { opacity: 1 !important; color: #ffffff !important; } + .mega-menu .menu-search-bar:-ms-input-placeholder { opacity: 1 !important; color: #ffffff !important; } + .mega-menu .menu-search-bar::-webkit-input-placeholder { opacity: 1 !important; color: #ffffff !important; } + @media screen and (max-width:992px) { + .mega-menu .menu-search-bar.active input { padding-right: 150px; } + .mega-menu .menu-search-bar.active i.fa.fa-search { right: 70px; } + } + .mega-menu .menu-mobile-collapse-trigger { /*------------------------------------------------------ MOBILE COLLAPSE TRIGGER BUTTON */ + margin: 0; padding: 0; height: 50px; width: 35px; background: transparent; display: none; position: absolute; top: 0; right: 0; z-index: 100; float: right; cursor: pointer; -webkit-transition: background 200ms ease; transition: background 200ms ease; } + .mega-menu .menu-mobile-collapse-trigger:hover { background: transparent; } + .mega-menu .menu-mobile-collapse-trigger:before, + .mega-menu .menu-mobile-collapse-trigger:after, + .mega-menu .menu-mobile-collapse-trigger span { content: ""; display: block; height: 2px; width: 26px; background: #ffffff; position: absolute; top: 13px; border-radius: 3px; left: 0; right: 0; margin: 0 auto; -webkit-transition: -webkit-transform 400ms ease 0s, opacity 400ms ease; transition: transform 400ms ease 0s, opacity 400ms ease; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 0px 50% 0px; -ms-transform-origin: 0px 50% 0px; transform-origin: 0px 50% 0px; } + .home-2 .mega-menu .menu-mobile-collapse-trigger:before, + .home-2 .mega-menu .menu-mobile-collapse-trigger:after, + .home-2 .mega-menu .menu-mobile-collapse-trigger span { background: #323232; } + .mega-menu .menu-mobile-collapse-trigger:after { top: 27px; } + .mega-menu .menu-mobile-collapse-trigger span { top: 20px; } + .mega-menu .menu-mobile-collapse-trigger.active span { opacity: 0; } + .mega-menu .menu-mobile-collapse-trigger.active:before { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } + .mega-menu .menu-mobile-collapse-trigger.active:after { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); } + @media screen and (max-width:992px) { + .mega-menu .menu-mobile-collapse-trigger { display: block; } + } + .mega-menu .drop-down-multilevel { /*-------------------------------------------------- DROP DOWN MULTILEVEL */ + margin: 0; padding: 0; display: block; position: absolute; top: auto; left: auto; right: auto; z-index: 50; width: 100%; background: #ffffff; float: left; max-width: 220px; } + .mega-menu .drop-down-multilevel * { color: #323232; } + @media screen and (min-width:993px) { + .mega-menu .drop-down-multilevel { display: block !important; opacity: 0; visibility: hidden; box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.05); border-bottom: 0px; border-radius: 0px; } + } + @media screen and (max-width:992px) { + .mega-menu .drop-down-multilevel { max-width: 100% !important; position: relative; left: 0; top: 0; padding: 10px; display: none; } + } + .mega-menu .drop-down-multilevel li { margin: 0; padding: 0; display: block; float: left; border-radius: 0px; /*border-bottom: 1px solid #f3f3f3;*/ width: 100%; position: relative; -webkit-transition: background 200ms ease; transition: background 200ms ease; z-index: 50; } + .mega-menu .drop-down-multilevel li:last-child { border-bottom: 0px; } + .mega-menu .drop-down-multilevel li:hover { background: #fafafa; } + .mega-menu .drop-down-multilevel li:hover > a { color: #F5A623; } + .mega-menu .drop-down-multilevel li:hover > a i.fa { color: #F5A623; } + @media screen and (min-width:993px) { + .mega-menu .drop-down-multilevel li.activeTrigger { background: #F5A623; } + .mega-menu .drop-down-multilevel li.activeTrigger > a { color: #ffffff; } + .mega-menu .drop-down-multilevel li.activeTrigger > a i.fa { color: #ffffff; } + } + @media screen and (max-width:992px) { + .mega-menu .drop-down-multilevel li.activeTriggerMobile { background: #F5A623; } + .mega-menu .drop-down-multilevel li.activeTriggerMobile > a { color: #ffffff; } + .mega-menu .drop-down-multilevel li.activeTriggerMobile > a i.fa { color: #ffffff; } + .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #ffffff !important; } + } + .mega-menu .menu-links > li.active .drop-down-multilevel a { color: #323232; } + .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #F5A623; } + .mega-menu .drop-down-multilevel a { margin: 0; padding: 10px 30px; font-size: 0.7800em; text-transform: capitalize; display: inline-block; float: left; width: 100%; color: #323232; -webkit-transition: color 200ms ease; transition: color 200ms ease; min-height: 40px; } + + .mega-menu .drop-down-multilevel > li:first-child > a { padding-top: 18px; } + .mega-menu .drop-down-multilevel > li:last-child > a { padding-bottom: 18px; } + + @media screen and (max-width:992px) { + + /* .mega-menu .drop-down-multilevel a { + width: auto; + }*/ } + .mega-menu .drop-down-multilevel i.fa { float: left; line-height: 1.375em; font-size: 1em; display: block; padding-right: 10px; -webkit-transition: color 200ms ease; transition: color 200ms ease; } + .mega-menu .drop-down-multilevel i.fa-indicator { float: right; line-height: 19px; font-size: 8px; font-weight: 900; display: block; padding-left: 10px; padding-right: 0; } + @media screen and (max-width:992px) { + .mega-menu .drop-down-multilevel i.fa-indicator { float: right; height: 50px; position: absolute; top: 0; right: 20px; line-height: 50px; z-index: -1; } + } + .mega-menu .drop-down-multilevel .drop-down-multilevel { /*------------------------------------------------------ SECOND LEVEL */ + left: 100%; top: 0; } + @media screen and (min-width:993px) { + .mega-menu .drop-down-multilevel .drop-down-multilevel.left-side { /*--------------------------------------------------- ALIGN SECOND LEVEL DROP DOWN LEFT SIDE */ + left: -100%; } + } + @media screen and (max-width:992px) { + .mega-menu .drop-down-multilevel .drop-down-multilevel { left: 0; border: 1px solid #cccccc; } + } + .mega-menu .drop-down, + .mega-menu .drop-down-tab-bar { /*--------------------------------------------------------- GRID DROP DOWN */ + position: absolute; left: auto; top: auto; right: auto; background: #ffffff; float: left; padding: 10px 20px; z-index: 999; display: block; cursor: default; overflow: hidden; /*-------------------------------------------------------- 12 COLUMNS FLUID GRID WITH NESTED COLUMNS */ } + .mega-menu .drop-down *, + .mega-menu .drop-down-tab-bar * { color: #323232; } + @media screen and (min-width:993px) { + .mega-menu .drop-down.menu-bg, + .mega-menu .drop-down-tab-bar { background: rgba(255, 255, 255, 1); background-repeat: no-repeat; background-position: 120% 0; } + .mega-menu .drop-down.menu-shop-bg, + .mega-menu .drop-down-tab-bar { background: rgba(255, 255, 255, 1) url(../../images/objects/menu-shop-bg.jpg); background-repeat: no-repeat; background-position: right; } + .mega-menu .drop-down.menu-bg [class*="grid-col-"] { padding: 10px 10px 0; } + .mega-menu .rev-slider { background: #fff; padding: 7px 12px; } + .mega-menu .rev-slider p { display: inline-block; padding: 0px 10px; margin-bottom: 0px !important; line-height: 0px !important; } + .mega-menu .rev-slider a { display: inline-block; font-size: 13px !important; color: #01a9da; width: inherit !important; padding: 5px 0px; } + .mega-menu .rev-slider a:hover { color: #323232 !important; } + } + @media screen and (min-width:993px) { + .mega-menu .drop-down, + .mega-menu .drop-down-tab-bar { display: block !important; opacity: 0; visibility: hidden; /*border-top:5px solid #F5A623;*/ border-radius: 0px !important; box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.05); } + } + @media screen and (max-width:992px) { + .mega-menu .drop-down, + .mega-menu .drop-down-tab-bar { width: 100% !important; top: 0; left: 0; position: relative; display: none; } + } + .mega-menu .drop-down .grid-row, + .mega-menu .drop-down-tab-bar .grid-row { margin: 0; padding: 0; min-height: 1px; width: 100%; float: left; clear: both; } + .mega-menu .drop-down [class*="grid-col-"], + .mega-menu .drop-down-tab-bar [class*="grid-col-"] { margin: 0; float: left; padding: 10px; position: relative; } + .mega-menu .drop-down .grid-col-1, + .mega-menu .drop-down-tab-bar .grid-col-1 { width: 8.333333333333333%; } + .mega-menu .drop-down .grid-col-2, + .mega-menu .drop-down-tab-bar .grid-col-2 { width: 16.66666666666667%; } + .mega-menu .drop-down .grid-col-3, + .mega-menu .drop-down-tab-bar .grid-col-3 { width: 25%; } + .mega-menu .drop-down .grid-col-4, + .mega-menu .drop-down-tab-bar .grid-col-4 { width: 33.33333333333333%; } + .mega-menu .drop-down .grid-col-5, + .mega-menu .drop-down-tab-bar .grid-col-5 { width: 41.66666666666667%; } + .mega-menu .drop-down .grid-col-6, + .mega-menu .drop-down-tab-bar .grid-col-6 { width: 50%; } + .mega-menu .drop-down .grid-col-7, + .mega-menu .drop-down-tab-bar .grid-col-7 { width: 58.33333333333333%; } + .mega-menu .drop-down .grid-col-8, + .mega-menu .drop-down-tab-bar .grid-col-8 { width: 66.66666666666667%; } + .mega-menu .drop-down .grid-col-9, + .mega-menu .drop-down-tab-bar .grid-col-9 { width: 75%; } + .mega-menu .drop-down .grid-col-10, + .mega-menu .drop-down-tab-bar .grid-col-10 { width: 83.33333333333333%; } + .mega-menu .drop-down .grid-col-11, + .mega-menu .drop-down-tab-bar .grid-col-11 { width: 91.66666666666667%; } + .mega-menu .drop-down .grid-col-12, + .mega-menu .drop-down-tab-bar .grid-col-12 { width: 100%; } + .mega-menu .drop-down.grid-col-1, + .mega-menu .drop-down-tab-bar.grid-col-1 { width: 8.333333333333333%; } + .mega-menu .drop-down.grid-col-2, + .mega-menu .drop-down-tab-bar.grid-col-2 { width: 16.66666666666667%; } + .mega-menu .drop-down.grid-col-3, + .mega-menu .drop-down-tab-bar.grid-col-3 { width: 25%; } + .mega-menu .drop-down.grid-col-4, + .mega-menu .drop-down-tab-bar.grid-col-4 { width: 33.33333333333333%; } + .mega-menu .drop-down.grid-col-5, + .mega-menu .drop-down-tab-bar.grid-col-5 { width: 41.66666666666667%; } + .mega-menu .drop-down.grid-col-6, + .mega-menu .drop-down-tab-bar.grid-col-6 { width: 50%; } + .mega-menu .drop-down.grid-col-7, + .mega-menu .drop-down-tab-bar.grid-col-7 { width: 58.33333333333333%; } + .mega-menu .drop-down.grid-col-8, + .mega-menu .drop-down-tab-bar.grid-col-8 { width: 66.66666666666667%; } + .mega-menu .drop-down.grid-col-9, + .mega-menu .drop-down-tab-bar.grid-col-9 { width: 75%; } + .mega-menu .drop-down.grid-col-10, + .mega-menu .drop-down-tab-bar.grid-col-10 { width: 83.33333333333333%; } + .mega-menu .drop-down.grid-col-11, + .mega-menu .drop-down-tab-bar.grid-col-11 { width: 91.66666666666667%; } + .mega-menu .drop-down.grid-col-12, + .mega-menu .drop-down-tab-bar.grid-col-12 { width: 100%; left: 0; } + @media screen and (max-width:992px) { + .mega-menu .drop-down [class*="grid-col-"], + .mega-menu .drop-down-tab-bar [class*="grid-col-"] { width: 50%; } + } + @media screen and (max-width:992px) { + .mega-menu .drop-down [class*="grid-col-"], + .mega-menu .drop-down-tab-bar [class*="grid-col-"] { width: 100%; } + } + .mega-menu .drop-down.grid-demo span, + .mega-menu .drop-down-tab-bar.grid-demo span { float: left; display: inline-block; width: 100%; padding: 4px 6px; background: #bfbfbf; font-size: 0.75em; color: #323232; } + .mega-menu .drop-down .space-0, + .mega-menu .drop-down-tab-bar .space-0 { /*--------------------------------------------------------- SPACE 0 CLASS */ + padding: 0 !important; margin: 0 !important; } + .mega-menu .drop-down a, + .mega-menu .drop-down-tab-bar a { font-size: 0.7800em; display: inline-block; padding: 8px 0; width: 100%; max-width: 100%; text-transform: capitalize; } + .mega-menu .drop-down h1, + .mega-menu .drop-down h2, + .mega-menu .drop-down h3, + .mega-menu .drop-down h4, + .mega-menu .drop-down h5, + .mega-menu .drop-down h6, + .mega-menu .drop-down-tab-bar h1, + .mega-menu .drop-down-tab-bar h2, + .mega-menu .drop-down-tab-bar h3, + .mega-menu .drop-down-tab-bar h4, + .mega-menu .drop-down-tab-bar h5, + .mega-menu .drop-down-tab-bar h6 { margin-top: 0; font-weight: 700; } + .mega-menu .drop-down h1, + .mega-menu .drop-down-tab-bar h1 { font-size: 1.5em; line-height: 1; padding-top: 0.53em; margin-bottom: 0.5em; } + .mega-menu .drop-down h2, + .mega-menu .drop-down-tab-bar h2 { font-size: 1.375em; padding-top: 0.25em; margin-bottom: 0.5em; } + .mega-menu .drop-down h3, + .mega-menu .drop-down-tab-bar h3 { font-size: 1.125em; line-height: 1; padding-top: 0.35em; margin-bottom: 0.65em; } + .mega-menu .drop-down h4, + .mega-menu .drop-down-tab-bar h4 { font-size: 1em; text-transform: capitalize; line-height: 1.25; padding-top: 0.45em; margin-bottom: 0px; padding-left: 8px; letter-spacing: 0px; } + .mega-menu .drop-down h5, + .mega-menu .drop-down-tab-bar h5 { font-size: 0.875em; font-weight: bold; padding-top: 0.6em; margin-bottom: 0.9em; } + .mega-menu .drop-down h6, + .mega-menu .drop-down-tab-bar h6 { font-size: 0.75em; font-weight: bold; margin-bottom: 0; } + .mega-menu .drop-down figure img, + .mega-menu .drop-down-tab-bar figure img { width: 100%; height: auto; display: block; } + .mega-menu .drop-down figcaption, + .mega-menu .drop-down-tab-bar figcaption { font-size: small; font-style: italic; color: #666666; } + .mega-menu .drop-down ul, + .mega-menu .drop-down ol, + .mega-menu .drop-down dl, + .mega-menu .drop-down-tab-bar ul, + .mega-menu .drop-down-tab-bar ol, + .mega-menu .drop-down-tab-bar dl { padding: 0; margin: 0 0 0px; } + .mega-menu .drop-down form, + .mega-menu .drop-down-tab-bar form { margin-bottom: 1.5em; } + .mega-menu .drop-down form ul, + .mega-menu .drop-down-tab-bar form ul { list-style: none none; margin: 0; padding: 0; } + .mega-menu .drop-down form ul li, + .mega-menu .drop-down-tab-bar form ul li { *zoom: 1; margin-bottom: 1.5em; } + .mega-menu .drop-down form ul li:before, + .mega-menu .drop-down form ul li:after, + .mega-menu .drop-down-tab-bar form ul li:before, + .mega-menu .drop-down-tab-bar form ul li:after { content: ""; display: table; } + .mega-menu .drop-down form ul li:after, + .mega-menu .drop-down-tab-bar form ul li:after { clear: both; } + .mega-menu .drop-down fieldset, + .mega-menu .drop-down-tab-bar fieldset { margin: 0; padding: 1.5em; } + .mega-menu .drop-down label, + .mega-menu .drop-down-tab-bar label { display: block; } + .mega-menu .drop-down label.inline, + .mega-menu .drop-down-tab-bar label.inline { display: inline; padding-right: 24px; } + .mega-menu .drop-down input[type="text"], + .mega-menu .drop-down input[type="url"], + .mega-menu .drop-down input[type="email"], + .mega-menu .drop-down input[type="password"], + .mega-menu .drop-down input[type="search"], + .mega-menu .drop-down input[type="number"], + .mega-menu .drop-down input[type="date"], + .mega-menu .drop-down input[type="month"], + .mega-menu .drop-down input[type="week"], + .mega-menu .drop-down input[type="time"], + .mega-menu .drop-down input[type="datetime"], + .mega-menu .drop-down input[type="datetime-local"], + .mega-menu .drop-down input[type="tel"], + .mega-menu .drop-down textarea, + .mega-menu .drop-down-tab-bar input[type="text"], + .mega-menu .drop-down-tab-bar input[type="url"], + .mega-menu .drop-down-tab-bar input[type="email"], + .mega-menu .drop-down-tab-bar input[type="password"], + .mega-menu .drop-down-tab-bar input[type="search"], + .mega-menu .drop-down-tab-bar input[type="number"], + .mega-menu .drop-down-tab-bar input[type="date"], + .mega-menu .drop-down-tab-bar input[type="month"], + .mega-menu .drop-down-tab-bar input[type="week"], + .mega-menu .drop-down-tab-bar input[type="time"], + .mega-menu .drop-down-tab-bar input[type="datetime"], + .mega-menu .drop-down-tab-bar input[type="datetime-local"], + .mega-menu .drop-down-tab-bar input[type="tel"], + .mega-menu .drop-down-tab-bar textarea { display: block; width: 100%; margin: 0 0 0.75em; padding: 10px; font-size: 0.7800em; border: 1px solid #e8e8e8; line-height: 1.5em; } + .mega-menu .drop-down select, + .mega-menu .drop-down-tab-bar select { width: 100%; height: 2.1em; margin-bottom: 0.9em; border: 1px solid #cccccc; } + .mega-menu .drop-down input[type="range"], + .mega-menu .drop-down input[type="color"], + .mega-menu .drop-down-tab-bar input[type="range"], + .mega-menu .drop-down-tab-bar input[type="color"] { vertical-align: middle; height: 1.5em; width: 100%; } + .mega-menu .drop-down input[type="range"], + .mega-menu .drop-down-tab-bar input[type="range"] { height: 1.4em; } + .mega-menu .drop-down input[type="color"], + .mega-menu .drop-down-tab-bar input[type="color"] { width: 1.5em; } + .mega-menu .drop-down input[type="time"], + .mega-menu .drop-down-tab-bar input[type="time"] { margin: 0 0 0.55em; } + .mega-menu .drop-down progress, + .mega-menu .drop-down meter, + .mega-menu .drop-down-tab-bar progress, + .mega-menu .drop-down-tab-bar meter { display: block; width: 100%; height: 1.5em; } + .mega-menu .drop-down table, + .mega-menu .drop-down-tab-bar table { margin-bottom: 1.4em; width: 100%; border: 1px solid #cccccc; } + .mega-menu .drop-down thead, + .mega-menu .drop-down-tab-bar thead { text-align: left; font-weight: bold; } + .mega-menu .drop-down tbody tr:nth-child(even) td, + .mega-menu .drop-down-tab-bar tbody tr:nth-child(even) td { background: #dddddd; } + .mega-menu .drop-down tfoot, + .mega-menu .drop-down-tab-bar tfoot { font-style: italic; } + .mega-menu .drop-down tfoot td, + .mega-menu .drop-down tfoot th, + .mega-menu .drop-down-tab-bar tfoot td, + .mega-menu .drop-down-tab-bar tfoot th { padding: 0.75em 10px; } + .mega-menu .drop-down th, + .mega-menu .drop-down td, + .mega-menu .drop-down caption, + .mega-menu .drop-down-tab-bar th, + .mega-menu .drop-down-tab-bar td, + .mega-menu .drop-down-tab-bar caption { border: 1px solid #cccccc; } + .mega-menu .drop-down td, + .mega-menu .drop-down th, + .mega-menu .drop-down-tab-bar td, + .mega-menu .drop-down-tab-bar th { padding: 0 10px 0 10px; line-height: 1.45em; } + .mega-menu .drop-down caption, + .mega-menu .drop-down-tab-bar caption { border-bottom: 0; padding: 0.75em 10px; line-height: 1.45em; text-align: left; font-style: italic; } + .mega-menu .drop-down p, + .mega-menu .drop-down-tab-bar p { margin: 0 0 1.5em 0; font-size: 0.7800em; } + .mega-menu .drop-down blockquote, + .mega-menu .drop-down-tab-bar blockquote { margin: 0 1.5em 1.5em; font-style: italic; } + .mega-menu .drop-down mark, + .mega-menu .drop-down-tab-bar mark { line-height: 1.5; background: #78aace; color: #ffffff; } + .mega-menu .drop-down del, + .mega-menu .drop-down-tab-bar del { color: #dddddd; } + .mega-menu .drop-down code, + .mega-menu .drop-down kbd, + .mega-menu .drop-down pre, + .mega-menu .drop-down samp, + .mega-menu .drop-down-tab-bar code, + .mega-menu .drop-down-tab-bar kbd, + .mega-menu .drop-down-tab-bar pre, + .mega-menu .drop-down-tab-bar samp { } + .mega-menu .drop-down ins, + .mega-menu .drop-down small, + .mega-menu .drop-down-tab-bar ins, + .mega-menu .drop-down-tab-bar small { line-height: 1.5; } + .mega-menu .drop-down kbd, + .mega-menu .drop-down samp, + .mega-menu .drop-down-tab-bar kbd, + .mega-menu .drop-down-tab-bar samp { line-height: 1.4; } + .mega-menu .drop-down hr, + .mega-menu .drop-down-tab-bar hr { background: #cccccc; color: #cccccc; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1.4em; border: none; } + .mega-menu .drop-down input[type="submit"], + .mega-menu .drop-down input[type="button"], + .mega-menu .drop-down-tab-bar input[type="submit"], + .mega-menu .drop-down-tab-bar input[type="button"] { background: #F5A623; padding: 10px 20px; margin: 5px 10px 0 0; line-height: 1.5em; font-weight: 600; font-size: 0.7800em; color: #ffffff; border-radius: 0; display: block; float: left; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; } + .mega-menu .drop-down input[type="submit"]:hover, + .mega-menu .drop-down input[type="button"]:hover, + .mega-menu .drop-down-tab-bar input[type="submit"]:hover, + .mega-menu .drop-down-tab-bar input[type="button"]:hover { background-color: #333333; } + @media screen and (max-width:992px) { + .mega-menu .drop-down input[type="submit"], + .mega-menu .drop-down input[type="button"], + .mega-menu .drop-down-tab-bar input[type="submit"], + .mega-menu .drop-down-tab-bar input[type="button"] { width: 100%; } + } + .mega-menu .drop-down a, + .mega-menu .drop-down-tab-bar a { -webkit-transition: color 200ms ease; transition: color 200ms ease; } + .mega-menu .drop-down a:hover, + .mega-menu .drop-down-tab-bar a:hover { color: #F5A623; } + .mega-menu .drop-down a i, + .mega-menu .drop-down-tab-bar a i { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } + .mega-menu .drop-down a:hover i, + .mega-menu .drop-down-tab-bar a:hover i { color: #F5A623; } + @media screen and (max-width:992px) { + .mega-menu .drop-down a, + .mega-menu .drop-down-tab-bar a { width: auto; } + } + + /*.mega-menu .drop-down ::-moz-selection, + .mega-menu .drop-down-tab-bar ::-moz-selection { + background: #ffb9ad; + } + + .mega-menu .drop-down ::selection, + .mega-menu .drop-down-tab-bar ::selection { + background: #ffb9ad; + }*/ + .mega-menu .drop-down .list-description span, + .mega-menu .drop-down-tab-bar .list-description span { color: #aeaeae; display: inline-block; width: 100%; } + .mega-menu .drop-down .image-description, + .mega-menu .drop-down-tab-bar .image-description { position: relative; } + .mega-menu .drop-down .image-description img, + .mega-menu .drop-down-tab-bar .image-description img { display: inline-block; float: left; max-width: 100%; position: absolute; left: 0; right: 0; height: 40px; width: 40px; } + .mega-menu .drop-down .image-description a, + .mega-menu .drop-down-tab-bar .image-description a { padding-left: 50px; } + .mega-menu .drop-down .image-description span, + .mega-menu .drop-down-tab-bar .image-description span { color: #aeaeae; display: inline-block; width: 100%; } + .mega-menu .drop-down i.fa, + .mega-menu .drop-down-tab-bar i.fa { padding-right: 10px; width: 20px; } + .mega-menu .drop-down iframe, + .mega-menu .drop-down-tab-bar iframe { width: 100%; display: block; float: left; margin: 0; padding: 0; border: none; } + @media screen and (min-width:993px) { + .mega-menu .drop-down.offset-1, + .mega-menu .drop-down-tab-bar.offset-1 { /*------------------------------------------- OFFSET CLASSES FOR DROP DOWN */ + margin-left: 100px; } + .mega-menu .drop-down.offset-2, + .mega-menu .drop-down-tab-bar.offset-2 { margin-left: -150px; } + .mega-menu .drop-down.offset-3, + .mega-menu .drop-down-tab-bar.offset-3 { margin-left: -200px; } + .mega-menu .drop-down.offset-4, + .mega-menu .drop-down-tab-bar.offset-4 { margin-left: -250px; } + .mega-menu .drop-down.offset-5, + .mega-menu .drop-down-tab-bar.offset-5 { margin-left: -300px; } + } + .mega-menu .drop-down .menu-contact-form, + .mega-menu .drop-down-tab-bar .menu-contact-form { /*------------------------------------------------------- MENU CONTACT FORM */ + margin: 0; display: block; float: left; width: 100%; background: #f7f7f7; padding: 20px; } + .mega-menu .mobileTriggerButton { /*---------------------------------------------------- MOBILE CLICK TRIGGER JQUERY DIV */ + margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; height: 50px; display: none; z-index: -1; } + @media screen and (max-width:992px) { + .mega-menu .mobileTriggerButton { display: block; } + } + .mega-menu .desktopTriggerButton { /*--------------------------------------------------- DESKTOP CLICK TRIGGER JQUERY DIV */ + margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; display: block; opacity: .2; } + @media screen and (max-width:992px) { + .mega-menu .desktopTriggerButton { display: none; } + } + @media screen and (min-width:993px) { + .mega-menu.desktopTopFixed .menu-list-items { /*--------------------------------------------------------- TOP FIXED FOR DESKTOP */ + position: fixed; top: 0; left: 0; right: 0; max-width: 100%; padding: 0px 10px; background: #323232; box-shadow: 0 0 10px rgba(0, 0, 0, .1); } + .mega-menu.desktopTopFixed .menu-list-items .drop-down.grid-col-12, + .mega-menu.desktopTopFixed .menu-list-items .drop-down-tab-bar.grid-col-12 { width: 100%; margin: 0px; } + .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 40px; padding-top: 0px; margin: 15px 0px; /*width: 75%;*/ } + .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 20px; } + } + @media screen and (max-width:992px) { + .mega-menu.mobileTopFixed .menu-list-items { /*--------------------------------------------------------- TOP FIXED FOR MOBILE */ + position: fixed; top: 0; left: 0; right: 0; max-width: 100%; } + } + .mega-menu .drop-down-tab-bar { /*----------------------------------------------------------- DROP DOWN TAB BAR */ + margin: 0; padding: 10px; float: left; } + .mega-menu .drop-down-tab-bar li { float: left; margin: 0; padding: 0; display: block; } + @media screen and (max-width:992px) { + .mega-menu .drop-down-tab-bar li { width: 100%; position: relative; } + } + .mega-menu .drop-down-tab-bar a { float: left; width: 100%; display: inline-block; padding: 5px 10px; font-size: 0.7800em; } + @media screen and (max-width:992px) { + .mega-menu .drop-down-tab-bar a { width: auto; padding-right: 20px; } + } + .mega-menu .drop-down-tab-bar i.fa { display: inline-block; padding-right: 5px; } + .mega-menu .drop-down-tab-bar i.fa.fa-indicator { padding-right: 0; padding-left: 10px; line-height: 0.7800em; } + @media screen and (max-width:992px) { + .mega-menu .drop-down-tab-bar i.fa.fa-indicator { float: right; position: absolute; right: 12px; top: 0; bottom: 0; line-height: 25px; } + } + @media screen and (min-width:993px) { + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-scale, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-scale, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-scale { /*--------------------------------------------- effect scale */ + -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-top, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-top, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-top { /*--------------------------------------------- effect expand top*/ + -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-bottom, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-bottom, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-bottom { /*--------------------------------------------- effect expand bottom*/ + -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; } + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-left, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-left, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-left { /*--------------------------------------------- effect expand left*/ + -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } + .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-right, + .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-right, + .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-right { /*--------------------------------------------- effect expand right*/ + -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel, + .mega-menu .menu-links li.ClickTrigger .drop-down.active, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active { -webkit-transition-delay: 200ms !important; transition-delay: 200ms !important; } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-fade, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-fade, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-fade, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-fade, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-fade, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-fade { /*------------------------------------------- DROP DOWN EFFECTS :::: fade-effect */ + opacity: 1; visibility: visible; } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-scale, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-scale, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-scale, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-scale { /*--------------------------------------------- effect scale */ + opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-top, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-top, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-top, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-top { /*--------------------------------------------- effect expand top*/ + opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-bottom, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-bottom, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-bottom, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-bottom { /*--------------------------------------------- effect expand bottom*/ + opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-left, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-left, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-left, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-left { /*--------------------------------------------- effect expand left*/ + opacity: 1; visibility: visible; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-right, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-right, + .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-right, + .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-right { /*--------------------------------------------- effect expand right */ + opacity: 1; visibility: visible; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } + } + @media screen and (max-width:992px) { + .mega-menu .menu-links li .drop-down, + .mega-menu .menu-links li .drop-down-tab-bar, + .mega-menu .menu-links li .drop-down-multilevel { -webkit-transition: none !important; transition: none !important; } + } + @media screen and (min-width:993px) { + .mega-menu.vertical-left, + .mega-menu.vertical-right { /*----------------------------------------------------- VERTICAL LEFT OR VERTICAL RIGHT */ + float: left; width: auto; display: block; /*max-width: 250px;*/ } + .mega-menu.vertical-left .menu-logo, + .mega-menu.vertical-right .menu-logo { clear: both; width: 100%; } + .mega-menu.vertical-left .menu-logo > li, + .mega-menu.vertical-right .menu-logo > li { width: 100%; } + .mega-menu.vertical-left .menu-logo > li > a, + .mega-menu.vertical-right .menu-logo > li > a { width: 100%; } + .mega-menu.vertical-left .menu-links, + .mega-menu.vertical-right .menu-links { clear: both; width: 100%; } + .mega-menu.vertical-left .menu-links > li, + .mega-menu.vertical-right .menu-links > li { clear: both; width: 100%; position: relative; } + .mega-menu.vertical-left .menu-links > li > a, + .mega-menu.vertical-right .menu-links > li > a { width: 100%; position: relative; line-height: 48px; } + .mega-menu.vertical-left .menu-links > li > a i.fa.fa-indicator, + .mega-menu.vertical-right .menu-links > li > a i.fa.fa-indicator { float: right; line-height: 48px; } + .mega-menu.vertical-left .menu-social-bar, + .mega-menu.vertical-right .menu-social-bar { width: 100%; text-align: center; } + .mega-menu.vertical-left .menu-social-bar > li, + .mega-menu.vertical-right .menu-social-bar > li { display: inline-block; float: none; } + .mega-menu.vertical-left .menu-social-bar > li > a, + .mega-menu.vertical-right .menu-social-bar > li > a { padding-left: 10px; padding-right: 10px; } + .mega-menu.vertical-left .drop-down-multilevel, + .mega-menu.vertical-right .drop-down-multilevel { top: 0; left: 100%; } + .mega-menu.vertical-left .drop-down, + .mega-menu.vertical-left .drop-down-tab-bar, + .mega-menu.vertical-right .drop-down, + .mega-menu.vertical-right .drop-down-tab-bar { left: 100%; top: 0; min-width: 600px; } + .mega-menu.vertical-left .drop-down.grid-col-12, + .mega-menu.vertical-left .drop-down-tab-bar.grid-col-12, + .mega-menu.vertical-right .drop-down.grid-col-12, + .mega-menu.vertical-right .drop-down-tab-bar.grid-col-12 { min-width: 1000px; } + .mega-menu.vertical-left .offset-1, + .mega-menu.vertical-left .offset-2, + .mega-menu.vertical-left .offset-3, + .mega-menu.vertical-left .offset-4, + .mega-menu.vertical-left .offset-5, + .mega-menu.vertical-right .offset-1, + .mega-menu.vertical-right .offset-2, + .mega-menu.vertical-right .offset-3, + .mega-menu.vertical-right .offset-4, + .mega-menu.vertical-right .offset-5 { margin-left: 0; } + .mega-menu.vertical-left .offset-1-vertical, + .mega-menu.vertical-right .offset-1-vertical { margin-top: -100px !important; } + .mega-menu.vertical-left .offset-2-vertical, + .mega-menu.vertical-right .offset-2-vertical { margin-top: -150px !important; } + .mega-menu.vertical-left .offset-3-vertical, + .mega-menu.vertical-right .offset-3-vertical { margin-top: -200px !important; } + .mega-menu.vertical-left .offset-4-vertical, + .mega-menu.vertical-right .offset-4-vertical { margin-top: -250px !important; } + .mega-menu.vertical-left .offset-5-vertical, + .mega-menu.vertical-right .offset-5-vertical { margin-top: -300px !important; } + .mega-menu.vertical-left.desktopTopFixed, + .mega-menu.vertical-right.desktopTopFixed { float: left; right: auto; padding: 0; height: 100%; } + .mega-menu.vertical-left.desktopTopFixed .menu-list-items, + .mega-menu.vertical-right.desktopTopFixed .menu-list-items { padding: 0; height: 100%; } + .mega-menu.vertical-left.desktopTopFixed .drop-down, + .mega-menu.vertical-left.desktopTopFixed .drop-down-tab-bar, + .mega-menu.vertical-right.desktopTopFixed .drop-down, + .mega-menu.vertical-right.desktopTopFixed .drop-down-tab-bar { margin: 0; } + .mega-menu.vertical-right { float: right; } + .mega-menu.vertical-right .drop-down-multilevel { left: auto; right: 100%; } + } + @media screen and (min-width:993px) and (min-width:993px) { + .mega-menu.vertical-right .drop-down-multilevel.left-side { left: 100%; } + } + @media screen and (min-width:993px) { + .mega-menu.vertical-right .drop-down, + .mega-menu.vertical-right .drop-down-tab-bar { left: auto; right: 100%; } + .mega-menu.vertical-right.desktopTopFixed { float: right; left: auto; right: 0; padding: 0; height: 100%; } + } + @media screen and (min-width:993px) { + .mega-menu.vertical-left .menu-search-bar, + .mega-menu.vertical-right .menu-search-bar { width: 100%; } + .mega-menu.vertical-left .menu-search-bar input, + .mega-menu.vertical-left .menu-search-bar li, + .mega-menu.vertical-left .menu-search-bar form, + .mega-menu.vertical-left .menu-search-bar label, + .mega-menu.vertical-right .menu-search-bar input, + .mega-menu.vertical-right .menu-search-bar li, + .mega-menu.vertical-right .menu-search-bar form, + .mega-menu.vertical-right .menu-search-bar label { width: 100%; max-width: 100%; background: #F5A623; -webkit-transition: none; transition: none; } + .mega-menu.vertical-left .menu-search-bar input, + .mega-menu.vertical-right .menu-search-bar input { padding-left: 20px; } + } + @media screen and (min-width:993px) { + .mega-menu.menuFullWidth { /*--------------------------------------------------- make menu full width */ + max-width: 100%; } + } diff --git a/apply/css_r/plugins/owl.carousel.min.css b/apply/css_r/plugins/owl.carousel.min.css new file mode 100644 index 0000000..d8becfa --- /dev/null +++ b/apply/css_r/plugins/owl.carousel.min.css @@ -0,0 +1,47 @@ +/** + * Owl Carousel v2.2.1 + * Copyright 2013-2017 David Deutsch + * Licensed under () + */ +.owl-carousel, +.owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } +.owl-carousel { display: none; width: 100%; z-index: 1 } +.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden } +.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } +.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } +.owl-carousel .owl-item, +.owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } +.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } +.owl-carousel .owl-item img { display: block; width: 100% } +.owl-carousel .owl-dots.disabled, +.owl-carousel .owl-nav.disabled { display: none } +.no-js .owl-carousel, +.owl-carousel.owl-loaded { display: block } +.owl-carousel .owl-dot, +.owl-carousel .owl-nav .owl-next, +.owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } +.owl-carousel.owl-loading { opacity: 0; display: block } +.owl-carousel.owl-hidden { opacity: 0 } +.owl-carousel.owl-refresh .owl-item { visibility: hidden } +.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } +.owl-carousel.owl-grab { cursor: move; cursor: grab } +.owl-carousel.owl-rtl { direction: rtl } +.owl-carousel.owl-rtl .owl-item { float: right } +.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } +.owl-carousel .owl-animated-in { z-index: 0 } +.owl-carousel .owl-animated-out { z-index: 1 } +.owl-carousel .fadeOut { animation-name: fadeOut } +@keyframes fadeOut { + 0% { opacity: 1 } + 100% { opacity: 0 } +} +.owl-height { transition: height .5s ease-in-out } +.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } +.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } +.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } +.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } +.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } +.owl-carousel .owl-video-playing .owl-video-play-icon, +.owl-carousel .owl-video-playing .owl-video-tn { display: none } +.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } +.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } diff --git a/apply/css_r/plugins/slick-theme.css b/apply/css_r/plugins/slick-theme.css new file mode 100644 index 0000000..f7538d1 --- /dev/null +++ b/apply/css_r/plugins/slick-theme.css @@ -0,0 +1,65 @@ +@charset 'UTF-8'; + +/* Slider */ +.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } +.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } +.slick-list:focus { outline: none; } +.slick-list.dragging { cursor: pointer; cursor: hand; } +.slick-slider .slick-track, +.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } +.slick-track { position: relative; top: 0; left: 0; display: block; } +.slick-track:before, +.slick-track:after { display: table; content: ''; } +.slick-track:after { clear: both; } +.slick-loading .slick-track { visibility: hidden; } +.slick-slide { display: none; float: left; height: 100%; min-height: 1px; } +[dir='rtl'] .slick-slide { float: right; } +.slick-slide img { display: block; } +.slick-slide.slick-loading img { display: none; } +.slick-slide.dragging img { pointer-events: none; } +.slick-initialized .slick-slide { display: block; } +.slick-loading .slick-slide { visibility: hidden; } +.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } +.slick-arrow.slick-hidden { display: none; } + +/* Slider */ +.slick-loading .slick-list { background: #fff url('../pre-loader/loader-02.svg') center center no-repeat; } + +/* Icons */ +@font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); } + +/* Arrows */ +.slick-prev, +.slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } +.slick-prev:hover, +.slick-prev:focus, +.slick-next:hover, +.slick-next:focus { color: transparent; outline: none; background: transparent; } +.slick-prev:hover:before, +.slick-prev:focus:before, +.slick-next:hover:before, +.slick-next:focus:before { opacity: 1; } +.slick-prev.slick-disabled:before, +.slick-next.slick-disabled:before { opacity: .25; } +.slick-prev:before, +.slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } +.slick-prev { left: -25px; } +[dir='rtl'] .slick-prev { right: -25px; left: auto; } +.slick-prev:before { content: '←'; } +[dir='rtl'] .slick-prev:before { content: '→'; } +.slick-next { right: -25px; } +[dir='rtl'] .slick-next { right: auto; left: -25px; } +.slick-next:before { content: '→'; } +[dir='rtl'] .slick-next:before { content: '←'; } + +/* Dots */ +.slick-dotted.slick-slider { margin-bottom: 30px; } +.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } +.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } +.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } +.slick-dots li button:hover, +.slick-dots li button:focus { outline: none; } +.slick-dots li button:hover:before, +.slick-dots li button:focus:before { opacity: 1; } +.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } +.slick-dots li.slick-active button:before { opacity: .75; color: black; } \ No newline at end of file diff --git a/apply/css_r/plugins/themify-icons.css b/apply/css_r/plugins/themify-icons.css new file mode 100644 index 0000000..1d106b3 --- /dev/null +++ b/apply/css_r/plugins/themify-icons.css @@ -0,0 +1,1081 @@ +@font-face { + font-family: 'themify'; + src:url('../../fonts/themify.eot?-fvbane'); + src:url('../../fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'), + url('../../fonts/themify.woff?-fvbane') format('woff'), + url('../../fonts/themify.ttf?-fvbane') format('truetype'), + url('../../fonts/themify.svg?-fvbane#themify') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="ti-"], [class*=" ti-"] { + font-family: 'themify'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.ti-wand:before { + content: "\e600"; +} +.ti-volume:before { + content: "\e601"; +} +.ti-user:before { + content: "\e602"; +} +.ti-unlock:before { + content: "\e603"; +} +.ti-unlink:before { + content: "\e604"; +} +.ti-trash:before { + content: "\e605"; +} +.ti-thought:before { + content: "\e606"; +} +.ti-target:before { + content: "\e607"; +} +.ti-tag:before { + content: "\e608"; +} +.ti-tablet:before { + content: "\e609"; +} +.ti-star:before { + content: "\e60a"; +} +.ti-spray:before { + content: "\e60b"; +} +.ti-signal:before { + content: "\e60c"; +} +.ti-shopping-cart:before { + content: "\e60d"; +} +.ti-shopping-cart-full:before { + content: "\e60e"; +} +.ti-settings:before { + content: "\e60f"; +} +.ti-search:before { + content: "\e610"; +} +.ti-zoom-in:before { + content: "\e611"; +} +.ti-zoom-out:before { + content: "\e612"; +} +.ti-cut:before { + content: "\e613"; +} +.ti-ruler:before { + content: "\e614"; +} +.ti-ruler-pencil:before { + content: "\e615"; +} +.ti-ruler-alt:before { + content: "\e616"; +} +.ti-bookmark:before { + content: "\e617"; +} +.ti-bookmark-alt:before { + content: "\e618"; +} +.ti-reload:before { + content: "\e619"; +} +.ti-plus:before { + content: "\e61a"; +} +.ti-pin:before { + content: "\e61b"; +} +.ti-pencil:before { + content: "\e61c"; +} +.ti-pencil-alt:before { + content: "\e61d"; +} +.ti-paint-roller:before { + content: "\e61e"; +} +.ti-paint-bucket:before { + content: "\e61f"; +} +.ti-na:before { + content: "\e620"; +} +.ti-mobile:before { + content: "\e621"; +} +.ti-minus:before { + content: "\e622"; +} +.ti-medall:before { + content: "\e623"; +} +.ti-medall-alt:before { + content: "\e624"; +} +.ti-marker:before { + content: "\e625"; +} +.ti-marker-alt:before { + content: "\e626"; +} +.ti-arrow-up:before { + content: "\e627"; +} +.ti-arrow-right:before { + content: "\e628"; +} +.ti-arrow-left:before { + content: "\e629"; +} +.ti-arrow-down:before { + content: "\e62a"; +} +.ti-lock:before { + content: "\e62b"; +} +.ti-location-arrow:before { + content: "\e62c"; +} +.ti-link:before { + content: "\e62d"; +} +.ti-layout:before { + content: "\e62e"; +} +.ti-layers:before { + content: "\e62f"; +} +.ti-layers-alt:before { + content: "\e630"; +} +.ti-key:before { + content: "\e631"; +} +.ti-import:before { + content: "\e632"; +} +.ti-image:before { + content: "\e633"; +} +.ti-heart:before { + content: "\e634"; +} +.ti-heart-broken:before { + content: "\e635"; +} +.ti-hand-stop:before { + content: "\e636"; +} +.ti-hand-open:before { + content: "\e637"; +} +.ti-hand-drag:before { + content: "\e638"; +} +.ti-folder:before { + content: "\e639"; +} +.ti-flag:before { + content: "\e63a"; +} +.ti-flag-alt:before { + content: "\e63b"; +} +.ti-flag-alt-2:before { + content: "\e63c"; +} +.ti-eye:before { + content: "\e63d"; +} +.ti-export:before { + content: "\e63e"; +} +.ti-exchange-vertical:before { + content: "\e63f"; +} +.ti-desktop:before { + content: "\e640"; +} +.ti-cup:before { + content: "\e641"; +} +.ti-crown:before { + content: "\e642"; +} +.ti-comments:before { + content: "\e643"; +} +.ti-comment:before { + content: "\e644"; +} +.ti-comment-alt:before { + content: "\e645"; +} +.ti-close:before { + content: "\e646"; +} +.ti-clip:before { + content: "\e647"; +} +.ti-angle-up:before { + content: "\e648"; +} +.ti-angle-right:before { + content: "\e649"; +} +.ti-angle-left:before { + content: "\e64a"; +} +.ti-angle-down:before { + content: "\e64b"; +} +.ti-check:before { + content: "\e64c"; +} +.ti-check-box:before { + content: "\e64d"; +} +.ti-camera:before { + content: "\e64e"; +} +.ti-announcement:before { + content: "\e64f"; +} +.ti-brush:before { + content: "\e650"; +} +.ti-briefcase:before { + content: "\e651"; +} +.ti-bolt:before { + content: "\e652"; +} +.ti-bolt-alt:before { + content: "\e653"; +} +.ti-blackboard:before { + content: "\e654"; +} +.ti-bag:before { + content: "\e655"; +} +.ti-move:before { + content: "\e656"; +} +.ti-arrows-vertical:before { + content: "\e657"; +} +.ti-arrows-horizontal:before { + content: "\e658"; +} +.ti-fullscreen:before { + content: "\e659"; +} +.ti-arrow-top-right:before { + content: "\e65a"; +} +.ti-arrow-top-left:before { + content: "\e65b"; +} +.ti-arrow-circle-up:before { + content: "\e65c"; +} +.ti-arrow-circle-right:before { + content: "\e65d"; +} +.ti-arrow-circle-left:before { + content: "\e65e"; +} +.ti-arrow-circle-down:before { + content: "\e65f"; +} +.ti-angle-double-up:before { + content: "\e660"; +} +.ti-angle-double-right:before { + content: "\e661"; +} +.ti-angle-double-left:before { + content: "\e662"; +} +.ti-angle-double-down:before { + content: "\e663"; +} +.ti-zip:before { + content: "\e664"; +} +.ti-world:before { + content: "\e665"; +} +.ti-wheelchair:before { + content: "\e666"; +} +.ti-view-list:before { + content: "\e667"; +} +.ti-view-list-alt:before { + content: "\e668"; +} +.ti-view-grid:before { + content: "\e669"; +} +.ti-uppercase:before { + content: "\e66a"; +} +.ti-upload:before { + content: "\e66b"; +} +.ti-underline:before { + content: "\e66c"; +} +.ti-truck:before { + content: "\e66d"; +} +.ti-timer:before { + content: "\e66e"; +} +.ti-ticket:before { + content: "\e66f"; +} +.ti-thumb-up:before { + content: "\e670"; +} +.ti-thumb-down:before { + content: "\e671"; +} +.ti-text:before { + content: "\e672"; +} +.ti-stats-up:before { + content: "\e673"; +} +.ti-stats-down:before { + content: "\e674"; +} +.ti-split-v:before { + content: "\e675"; +} +.ti-split-h:before { + content: "\e676"; +} +.ti-smallcap:before { + content: "\e677"; +} +.ti-shine:before { + content: "\e678"; +} +.ti-shift-right:before { + content: "\e679"; +} +.ti-shift-left:before { + content: "\e67a"; +} +.ti-shield:before { + content: "\e67b"; +} +.ti-notepad:before { + content: "\e67c"; +} +.ti-server:before { + content: "\e67d"; +} +.ti-quote-right:before { + content: "\e67e"; +} +.ti-quote-left:before { + content: "\e67f"; +} +.ti-pulse:before { + content: "\e680"; +} +.ti-printer:before { + content: "\e681"; +} +.ti-power-off:before { + content: "\e682"; +} +.ti-plug:before { + content: "\e683"; +} +.ti-pie-chart:before { + content: "\e684"; +} +.ti-paragraph:before { + content: "\e685"; +} +.ti-panel:before { + content: "\e686"; +} +.ti-package:before { + content: "\e687"; +} +.ti-music:before { + content: "\e688"; +} +.ti-music-alt:before { + content: "\e689"; +} +.ti-mouse:before { + content: "\e68a"; +} +.ti-mouse-alt:before { + content: "\e68b"; +} +.ti-money:before { + content: "\e68c"; +} +.ti-microphone:before { + content: "\e68d"; +} +.ti-menu:before { + content: "\e68e"; +} +.ti-menu-alt:before { + content: "\e68f"; +} +.ti-map:before { + content: "\e690"; +} +.ti-map-alt:before { + content: "\e691"; +} +.ti-loop:before { + content: "\e692"; +} +.ti-location-pin:before { + content: "\e693"; +} +.ti-list:before { + content: "\e694"; +} +.ti-light-bulb:before { + content: "\e695"; +} +.ti-Italic:before { + content: "\e696"; +} +.ti-info:before { + content: "\e697"; +} +.ti-infinite:before { + content: "\e698"; +} +.ti-id-badge:before { + content: "\e699"; +} +.ti-hummer:before { + content: "\e69a"; +} +.ti-home:before { + content: "\e69b"; +} +.ti-help:before { + content: "\e69c"; +} +.ti-headphone:before { + content: "\e69d"; +} +.ti-harddrives:before { + content: "\e69e"; +} +.ti-harddrive:before { + content: "\e69f"; +} +.ti-gift:before { + content: "\e6a0"; +} +.ti-game:before { + content: "\e6a1"; +} +.ti-filter:before { + content: "\e6a2"; +} +.ti-files:before { + content: "\e6a3"; +} +.ti-file:before { + content: "\e6a4"; +} +.ti-eraser:before { + content: "\e6a5"; +} +.ti-envelope:before { + content: "\e6a6"; +} +.ti-download:before { + content: "\e6a7"; +} +.ti-direction:before { + content: "\e6a8"; +} +.ti-direction-alt:before { + content: "\e6a9"; +} +.ti-dashboard:before { + content: "\e6aa"; +} +.ti-control-stop:before { + content: "\e6ab"; +} +.ti-control-shuffle:before { + content: "\e6ac"; +} +.ti-control-play:before { + content: "\e6ad"; +} +.ti-control-pause:before { + content: "\e6ae"; +} +.ti-control-forward:before { + content: "\e6af"; +} +.ti-control-backward:before { + content: "\e6b0"; +} +.ti-cloud:before { + content: "\e6b1"; +} +.ti-cloud-up:before { + content: "\e6b2"; +} +.ti-cloud-down:before { + content: "\e6b3"; +} +.ti-clipboard:before { + content: "\e6b4"; +} +.ti-car:before { + content: "\e6b5"; +} +.ti-calendar:before { + content: "\e6b6"; +} +.ti-book:before { + content: "\e6b7"; +} +.ti-bell:before { + content: "\e6b8"; +} +.ti-basketball:before { + content: "\e6b9"; +} +.ti-bar-chart:before { + content: "\e6ba"; +} +.ti-bar-chart-alt:before { + content: "\e6bb"; +} +.ti-back-right:before { + content: "\e6bc"; +} +.ti-back-left:before { + content: "\e6bd"; +} +.ti-arrows-corner:before { + content: "\e6be"; +} +.ti-archive:before { + content: "\e6bf"; +} +.ti-anchor:before { + content: "\e6c0"; +} +.ti-align-right:before { + content: "\e6c1"; +} +.ti-align-left:before { + content: "\e6c2"; +} +.ti-align-justify:before { + content: "\e6c3"; +} +.ti-align-center:before { + content: "\e6c4"; +} +.ti-alert:before { + content: "\e6c5"; +} +.ti-alarm-clock:before { + content: "\e6c6"; +} +.ti-agenda:before { + content: "\e6c7"; +} +.ti-write:before { + content: "\e6c8"; +} +.ti-window:before { + content: "\e6c9"; +} +.ti-widgetized:before { + content: "\e6ca"; +} +.ti-widget:before { + content: "\e6cb"; +} +.ti-widget-alt:before { + content: "\e6cc"; +} +.ti-wallet:before { + content: "\e6cd"; +} +.ti-video-clapper:before { + content: "\e6ce"; +} +.ti-video-camera:before { + content: "\e6cf"; +} +.ti-vector:before { + content: "\e6d0"; +} +.ti-themify-logo:before { + content: "\e6d1"; +} +.ti-themify-favicon:before { + content: "\e6d2"; +} +.ti-themify-favicon-alt:before { + content: "\e6d3"; +} +.ti-support:before { + content: "\e6d4"; +} +.ti-stamp:before { + content: "\e6d5"; +} +.ti-split-v-alt:before { + content: "\e6d6"; +} +.ti-slice:before { + content: "\e6d7"; +} +.ti-shortcode:before { + content: "\e6d8"; +} +.ti-shift-right-alt:before { + content: "\e6d9"; +} +.ti-shift-left-alt:before { + content: "\e6da"; +} +.ti-ruler-alt-2:before { + content: "\e6db"; +} +.ti-receipt:before { + content: "\e6dc"; +} +.ti-pin2:before { + content: "\e6dd"; +} +.ti-pin-alt:before { + content: "\e6de"; +} +.ti-pencil-alt2:before { + content: "\e6df"; +} +.ti-palette:before { + content: "\e6e0"; +} +.ti-more:before { + content: "\e6e1"; +} +.ti-more-alt:before { + content: "\e6e2"; +} +.ti-microphone-alt:before { + content: "\e6e3"; +} +.ti-magnet:before { + content: "\e6e4"; +} +.ti-line-double:before { + content: "\e6e5"; +} +.ti-line-dotted:before { + content: "\e6e6"; +} +.ti-line-dashed:before { + content: "\e6e7"; +} +.ti-layout-width-full:before { + content: "\e6e8"; +} +.ti-layout-width-default:before { + content: "\e6e9"; +} +.ti-layout-width-default-alt:before { + content: "\e6ea"; +} +.ti-layout-tab:before { + content: "\e6eb"; +} +.ti-layout-tab-window:before { + content: "\e6ec"; +} +.ti-layout-tab-v:before { + content: "\e6ed"; +} +.ti-layout-tab-min:before { + content: "\e6ee"; +} +.ti-layout-slider:before { + content: "\e6ef"; +} +.ti-layout-slider-alt:before { + content: "\e6f0"; +} +.ti-layout-sidebar-right:before { + content: "\e6f1"; +} +.ti-layout-sidebar-none:before { + content: "\e6f2"; +} +.ti-layout-sidebar-left:before { + content: "\e6f3"; +} +.ti-layout-placeholder:before { + content: "\e6f4"; +} +.ti-layout-menu:before { + content: "\e6f5"; +} +.ti-layout-menu-v:before { + content: "\e6f6"; +} +.ti-layout-menu-separated:before { + content: "\e6f7"; +} +.ti-layout-menu-full:before { + content: "\e6f8"; +} +.ti-layout-media-right-alt:before { + content: "\e6f9"; +} +.ti-layout-media-right:before { + content: "\e6fa"; +} +.ti-layout-media-overlay:before { + content: "\e6fb"; +} +.ti-layout-media-overlay-alt:before { + content: "\e6fc"; +} +.ti-layout-media-overlay-alt-2:before { + content: "\e6fd"; +} +.ti-layout-media-left-alt:before { + content: "\e6fe"; +} +.ti-layout-media-left:before { + content: "\e6ff"; +} +.ti-layout-media-center-alt:before { + content: "\e700"; +} +.ti-layout-media-center:before { + content: "\e701"; +} +.ti-layout-list-thumb:before { + content: "\e702"; +} +.ti-layout-list-thumb-alt:before { + content: "\e703"; +} +.ti-layout-list-post:before { + content: "\e704"; +} +.ti-layout-list-large-image:before { + content: "\e705"; +} +.ti-layout-line-solid:before { + content: "\e706"; +} +.ti-layout-grid4:before { + content: "\e707"; +} +.ti-layout-grid3:before { + content: "\e708"; +} +.ti-layout-grid2:before { + content: "\e709"; +} +.ti-layout-grid2-thumb:before { + content: "\e70a"; +} +.ti-layout-cta-right:before { + content: "\e70b"; +} +.ti-layout-cta-left:before { + content: "\e70c"; +} +.ti-layout-cta-center:before { + content: "\e70d"; +} +.ti-layout-cta-btn-right:before { + content: "\e70e"; +} +.ti-layout-cta-btn-left:before { + content: "\e70f"; +} +.ti-layout-column4:before { + content: "\e710"; +} +.ti-layout-column3:before { + content: "\e711"; +} +.ti-layout-column2:before { + content: "\e712"; +} +.ti-layout-accordion-separated:before { + content: "\e713"; +} +.ti-layout-accordion-merged:before { + content: "\e714"; +} +.ti-layout-accordion-list:before { + content: "\e715"; +} +.ti-ink-pen:before { + content: "\e716"; +} +.ti-info-alt:before { + content: "\e717"; +} +.ti-help-alt:before { + content: "\e718"; +} +.ti-headphone-alt:before { + content: "\e719"; +} +.ti-hand-point-up:before { + content: "\e71a"; +} +.ti-hand-point-right:before { + content: "\e71b"; +} +.ti-hand-point-left:before { + content: "\e71c"; +} +.ti-hand-point-down:before { + content: "\e71d"; +} +.ti-gallery:before { + content: "\e71e"; +} +.ti-face-smile:before { + content: "\e71f"; +} +.ti-face-sad:before { + content: "\e720"; +} +.ti-credit-card:before { + content: "\e721"; +} +.ti-control-skip-forward:before { + content: "\e722"; +} +.ti-control-skip-backward:before { + content: "\e723"; +} +.ti-control-record:before { + content: "\e724"; +} +.ti-control-eject:before { + content: "\e725"; +} +.ti-comments-smiley:before { + content: "\e726"; +} +.ti-brush-alt:before { + content: "\e727"; +} +.ti-youtube:before { + content: "\e728"; +} +.ti-vimeo:before { + content: "\e729"; +} +.ti-twitter:before { + content: "\e72a"; +} +.ti-time:before { + content: "\e72b"; +} +.ti-tumblr:before { + content: "\e72c"; +} +.ti-skype:before { + content: "\e72d"; +} +.ti-share:before { + content: "\e72e"; +} +.ti-share-alt:before { + content: "\e72f"; +} +.ti-rocket:before { + content: "\e730"; +} +.ti-pinterest:before { + content: "\e731"; +} +.ti-new-window:before { + content: "\e732"; +} +.ti-microsoft:before { + content: "\e733"; +} +.ti-list-ol:before { + content: "\e734"; +} +.ti-linkedin:before { + content: "\e735"; +} +.ti-layout-sidebar-2:before { + content: "\e736"; +} +.ti-layout-grid4-alt:before { + content: "\e737"; +} +.ti-layout-grid3-alt:before { + content: "\e738"; +} +.ti-layout-grid2-alt:before { + content: "\e739"; +} +.ti-layout-column4-alt:before { + content: "\e73a"; +} +.ti-layout-column3-alt:before { + content: "\e73b"; +} +.ti-layout-column2-alt:before { + content: "\e73c"; +} +.ti-instagram:before { + content: "\e73d"; +} +.ti-google:before { + content: "\e73e"; +} +.ti-github:before { + content: "\e73f"; +} +.ti-flickr:before { + content: "\e740"; +} +.ti-facebook:before { + content: "\e741"; +} +.ti-dropbox:before { + content: "\e742"; +} +.ti-dribbble:before { + content: "\e743"; +} +.ti-apple:before { + content: "\e744"; +} +.ti-android:before { + content: "\e745"; +} +.ti-save:before { + content: "\e746"; +} +.ti-save-alt:before { + content: "\e747"; +} +.ti-yahoo:before { + content: "\e748"; +} +.ti-wordpress:before { + content: "\e749"; +} +.ti-vimeo-alt:before { + content: "\e74a"; +} +.ti-twitter-alt:before { + content: "\e74b"; +} +.ti-tumblr-alt:before { + content: "\e74c"; +} +.ti-trello:before { + content: "\e74d"; +} +.ti-stack-overflow:before { + content: "\e74e"; +} +.ti-soundcloud:before { + content: "\e74f"; +} +.ti-sharethis:before { + content: "\e750"; +} +.ti-sharethis-alt:before { + content: "\e751"; +} +.ti-reddit:before { + content: "\e752"; +} +.ti-pinterest-alt:before { + content: "\e753"; +} +.ti-microsoft-alt:before { + content: "\e754"; +} +.ti-linux:before { + content: "\e755"; +} +.ti-jsfiddle:before { + content: "\e756"; +} +.ti-joomla:before { + content: "\e757"; +} +.ti-html5:before { + content: "\e758"; +} +.ti-flickr-alt:before { + content: "\e759"; +} +.ti-email:before { + content: "\e75a"; +} +.ti-drupal:before { + content: "\e75b"; +} +.ti-dropbox-alt:before { + content: "\e75c"; +} +.ti-css3:before { + content: "\e75d"; +} +.ti-rss:before { + content: "\e75e"; +} +.ti-rss-alt:before { + content: "\e75f"; +} diff --git a/apply/css_r/responsive.css b/apply/css_r/responsive.css new file mode 100644 index 0000000..eef1949 --- /dev/null +++ b/apply/css_r/responsive.css @@ -0,0 +1,1623 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains responsive Media Queries of the Template. You can edit/add anything in this file for responsive related changes! +*/ + + + /***************** +================================================ + ( Media Queries ) +================================================ + *******************/ + + +/************************* + 1700px +*************************/ +@media (max-width: 1700px) { + +.portfolio-title { padding: 60px 60px 30px; } +/*home-4 */ +.our-blog .blog-box-image { max-height: 286px; } +.our-blog .blog-box-info { max-height: 286px; } +/* about-1 */ +.feature-step-2 .feature-step-2-title-left h1 { font-size: 60px; line-height: 50px;} +.objects-left .objects-1 { left: -20px; } +.video-background-banner .slider-content { padding: 20px 30px; } +.scroll-down { bottom: 30px; } +#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } + +} + +@media (max-width: 1500px) { + +.portfolio-home .section-title p { font-size: 16px; } +/*home-4 */ +.our-blog .blog-box-image { max-height: 262px; } +.our-blog .blog-box-info { max-height: 262px; } +.blog-box-image .portfolio-caption .port-tag li a { font-size: 12px; } +.slider-fade-carousel { height: 100%; } +.our-service { padding-bottom: 60px; } +.objects-left, .objects-right { display: none; } +.fullWidth .mega-menu .drop-down.grid-col-5 { width: 51.666667%; } +.fancy .mega-menu .drop-down.grid-col-5 { width: 51.666667%; } +/*home 9*/ +.resume-contact #map { height: 642px; } + #rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } + + +} + +@media (max-width: 1400px) { + +.portfolio-title { padding:40px 40px 0px; } +.portfolio-home .portfolio-title.section-title { margin-bottom: 20px !important; } +.portfolio-home .portfolio-title.section-title .button.mt-30 { margin-top: 10px !important; } +.our-blog .blog-box-image { max-height: 240px; } +.our-blog .blog-box-info { max-height: 240px; } +.our-blog .blog-box-info p.pb-20.pt-30 { padding: 10px 0 !important; } +.custom-content-3.hello-content .custom-content-3-image img { margin-top: 150px; vertical-align: bottom; width: 100%; } +.our-blog .blog-box-info span.text-white { display: none; } +/*contact*/ +.contact-3-info .contact-add { text-align: center; } +.contact-3-info .contact-add i { float: none; text-align: center; display: block; margin: 0 auto; } +.contact-3-info .contact-add p { display: block; margin-top: 15px; } +/*home-9*/ +.image-holder-2-bg { height: 700px; } +.feature-step-2 .feature-step-2-title-2-right h2 { font-size: 24px; line-height: 30px;} +.feature-step-2 .feature-step-2-title-2-right h3 { font-size: 20px; line-height: 24px;} +.feature-step-2-box { padding: 50px 30px;} +.resume-page .container-fluid { padding: 0 30px; } +.resume-contact .contact-form-main { padding: 30px; } +.header.fancy.without-topbar .menu { top: 16px; } +#rev_slider_16_1_forcefullwidth .tp-parallax-wrap { margin-top: 20px; } +.awesome-features .img-side img { top: 20px; } +.video-background-banner .slider-content { padding: 30px 30px; } +.video-background-banner h1 { font-size: 60px; line-height: 60px; } + +/************************************* + v1.0.3 +**************************************/ +.slider-parallax.banner-personal .slider-content h1 { font-size: 110px; line-height: 120px; } +.slider-parallax.banner-personal .slider-content h1 strong { font-size: 132px; } + +/************************************* + v1.0.4 +**************************************/ +.movie-banner .slider-content .banner-popup { width: 72%; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 18px !important; position: relative; bottom: 10px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } + +} + +@media (max-width: 1272px) { +.our-blog .blog-box-image { max-height: 185px; } +.our-blog .blog-box-info { max-height: 185px; } +.our-blog .blog-box-image .portfolio-caption .port-tag li { margin-top: 0px; } +.our-blog .blog-box-image .portfolio-caption .button-border span { margin-top: 10px; padding: 4px 10px; font-size: 11px; } +.our-blog .blog-box-info a.button.button-white span { padding: 6px 16px; } +.our-blog .blog-box-info a.button.button-white i { padding: 11px; } +.our-blog .blog-box-info h1 { font-size: 20px; line-height: 20px; margin-bottom: 0; } +.our-blog .blog-box-info p { font-size: 14px; } +.our-blog .blog-box-info { padding: 15px 20px; } +/*home-5*/ +.team-3 .team-social-icon a i { font-size: 12px; height: 30px; line-height: 31px; width: 30px; } +/*about-1 page*/ +.our-history .history-content { padding: 125px 20px; } +/*about me*/ +.about-me .maintenance-progress-bar .progress-bar { margin: 0 15px; } +/*blog timeline*/ +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -50px; } +/*error*/ +.error-search-box { width: 91%; } +.fullWidth .mega-menu .drop-down.grid-col-5 { width: 61.666667%; } +.fancy .mega-menu .drop-down.grid-col-5 { width: 61.666667%; } +/* about-1 */ +.feature-step-2 .feature-step-2-title-left h1 { font-size: 40px; line-height: 30px;} +.feature-step-2 .feature-step-2-title-2-right h2 { font-size: 22px; line-height: 24px;} +.feature-step-2 .feature-step-2-title-2-right h3 { font-size: 18px; line-height: 20px;} +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 10px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } + +} + +@media (max-width: 1200px) { +.login-2-social li {margin: 0 3px;} +h2 {font-size: 28px;} +h4 {font-size: 18px;} +.title-effect::before { height: 25%; bottom: 4px; } +/*home2*/ +.testimonial-2 .testimonial-center { width: 100%; } +.deal-banner img { width: initial; } +/*home 9*/ +.footer-widget-social.pull-right { float: none !important; } +.blog-info h4 {font-size: 15px;} +.blog-info p {font-size: 16px; padding: 10px 0 20px;} +.blog-box.blog-1 .blog-info p { font-size: 14px; } +.feature-text.box, .feature-text.fill-box {padding: 30px;} +.nav.nav-tabs li a {margin-right: 5px; margin-bottom: 0px;} +.happy-clients .nav-tabs li img {height: 80px; width: 80px;} +.team .team-social-icon ul li a i {height: 35px; line-height: 35px; width: 35px; font-size: 14px;} +.team:hover .team-social-icon {bottom: 27%;} +.feature-info h5{font-size: 15px;} +.contact-3 .map-side {height: 808px;} +.contact-4 .map-side {height: 553px;} +.service-blog {padding-top: 0;} +.portfolio-home .isotope.columns-3 .grid-item { width: 50%; } +.portfolio-title { padding:60px 60px 30px; } +.action-box h3 { font-size: 22px; } +.action-box p { font-size: 15px; } +.vertical-header .container-fluid { padding: 0 30px; } +.team.team-round.full-border .team-description { padding: 30px 0; } +/*medical*/ +.medical-tab .nav.nav-tabs li a { margin-bottom: 0; } +.deal-banner .countdown.small { margin: 0; } +/*404 error*/ +.error-block { padding: 20px 0 70px 0px; } +.error-block .error-text h2 { font-size: 320px; } +.error-block .error-text span { font-size: 104px; right: 0; } +.error-text-02 h2 { font-size: 320px; } +.error-text-02 span { font-size: 104px; right: 0; } +.add-banner-2 .add-banner-content h2 { font-size: 42px; line-height: 42px; } +.pricing-content .pricing-table-list ul li { font-size: 14px; } +.pricing-content .pricing-table-list ul li i { width: 18px; } +.round .nav.nav-tabs li a { padding: 12px 20px; } +#rev_slider_16_1_forcefullwidth .tp-parallax-wrap { margin-top: 50px; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 10px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; } +#services .feature-text.left-icon .feature-icon { position: relative; text-align: left; } +#services .feature-text .feature-icon span, #services .feature-text .feature-icon i { padding-left: 0; margin-bottom: 10px; } +#services .feature-text.left-icon .feature-info { padding-left: 0; } +.medical-tab .nav.nav-tabs li a { padding: 12px 20px; } +.login-social li { margin: 3px 0px; } +.blog.blog-grid-3-column .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.blog.blog-grid-2-sidebar .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.blog.masnary-blog-3-columns .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.blog.masonry-main .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.timeline .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; } +.awesome-features .img-side img { top: 10%; } +.footer.footer-topbar .copyright ul li { padding: 0; } +.isotope.columns-4 .grid-item { width: 33.333%; } + + +/************************************* + v1.0.3 +**************************************/ +.blockquote-section blockquote { font-size: 40px; line-height: 40px; } + +/************************************* + v1.0.4 +**************************************/ +.christmas-countdown .countdown { margin: 0px 5px; width: 130px; height: 130px; } +.christmas-countdown .countdown span { font-size: 34px; } + +.conference-about-content-right { padding: 92px 0; } +.conference-about-content-left { padding: 110px 0 80px 0px; } +.timer-banner .slider-content h1 { font-size: 80px; line-height: 80px; } + +/************************************* + v1.0.7 +**************************************/ + .law-timeline .timeline-centered:before { left: 62px; } + +/************************************* + v1.0.8 +**************************************/ + .portfolio-parallax-banner p { padding-right: 400px; } + .portfolio-parallax-banner h2 { font-size: 90px; line-height: 90px; } + +/************************************* + v1.0.9 +**************************************/ + .coming-soon-aerial .coming-soon-form.contact-form input { width: 100%; } + .coming-soon-big { padding: 0; } + .error-05 .error-bottom .tree { left: -120px; } + .error-05 .error-bottom .back-to-home { right: 0; } + .error-05 h3, .error-05 span { font-size: 50px; line-height: 50px; } + .error-05 p { font-size: 22px; } + .error-03 .error-404 h1 { font-size: 100px; line-height: 100px; } + .error-03 .content h1 { font-size: 48px; } + .error-03 .content h2 { font-size: 42px; } + .coming-soon-birds .countdown { margin: 0px 10px; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -30px; } + + +/************************************* + v1.2 +**************************************/ + .about-05-split .shop-split-content { padding: 20px 0; } + .mega-menu .drop-down-multilevel { width: 200px; } + + +} +@media only screen and (min-width: 992px) and (max-width: 1500px) { +.vertical-header .container { width: auto; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 10px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; } +} +@media only screen and (min-width: 992px) and (max-width: 1200px) { +.container { width: 94%; } +/* about-1 */ +.feature-step-2 .feature-step-2-title-2-right h2 { padding-bottom: 5px; margin-bottom: 5px; } +.feature-step-2 .feature-step-2-title-2-right h3 { margin-bottom: 5px;} +.feature-step-2 .feature-step-2-title-2-right p{line-height: 20px;} +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; } + + +} + + +@media (max-width: 1025px) { +.mega-menu .menu-links > li > a { padding: 10px 8px; } +.portfolio-title { padding:30px 30px 30px; } + /*error*/ +.error-search-box { width: 100%; text-align: center; } +.clients-logo.line { width: 28.3333%; } +.clients-logo.line img { width: 90%; } +/*blog timeline*/ +.blog .timeline > li > .timeline-badge { right: -66px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: -63px; } +.deal-banner .caption { margin-top: 50px; margin-bottom: 50px; } +/*process*/ +.action-box p { font-size: 13px; } +/*medical*/ +.medical-tab .nav.nav-tabs li a { padding: 12px 10px; } +.membership-pricing-table table tr:first-child th .pricing-plan-price { font-size: 32px; } +.awesome-features .img-side img { top: 13%; } +.footer-social-big ul li { width: 66px; } +.footer .footer-social li, .footer ul.list-inline.text-left li { padding: 0 1px; } +.login-bg .login-social li a.fb { padding: 12px 14px; } +.isotope-filters button+button { margin-left: 2px; } + + +/************************************* + v1.0.2 +**************************************/ +.action-box h3 { padding-right: 230px; } + +/************************************* + v1.0.6 +**************************************/ +.movie-banner .slider-content .banner-popup { width: 100%; } +.movie-banner .countdown.small { margin: 0; } +.movie-banner .countdown.round.small { width: 90px; height: 90px; } +.movie-banner .countdown p { font-size: 13px; } + +/************************************* + v1.0.7 +**************************************/ + .law-timeline .timeline-centered:before { left: 56px; } + +/************************************* + v1.0.8 +**************************************/ + .agency-02-about-content-left { padding: 110px 0 0px 100px; } + +/************************************* + v1.0.9 +**************************************/ + .error-05 .error-bottom .board { left: 264px; } + +/************************************* + v1.2 +**************************************/ +.blockquote-section .action-box h3 { padding: 0; } + +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; } + +} + +@media only screen and (min-width: 768px) and (max-width: 999px) { +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; } +.container{ width:96%; } + + +} + +@media(max-width:992px) { + +/************************* + Margin top +*************************/ +.sm-mt-0 { margin-top: 0 !important; } +.sm-mt-10 { margin-top: 10px !important; } +.sm-mt-15 { margin-top: 15px !important; } +.sm-mt-20 { margin-top: 20px !important; } +.sm-mt-30 { margin-top: 30px !important; } +.sm-mt-40 { margin-top: 40px !important; } +.sm-mt-50 { margin-top: 50px !important; } + /************************* + Margin right +*************************/ +.sm-mr-0 { margin-right: 0!important } +.sm-mr-10 { margin-right: 10px !important; } +.sm-mr-15 { margin-right: 15px !important; } +.sm-mr-20 { margin-right: 20px !important; } +.sm-mr-30 { margin-right: 30px !important; } +.sm-mr-40 { margin-right: 40px !important; } +.sm-mr-50 { margin-right: 50px !important; } + /************************* + Margin bottom +*************************/ +.sm-mb-0 { margin-bottom: 0!important } +.sm-mb-10 { margin-bottom: 10px !important; } +.sm-mb-15 { margin-bottom: 15px !important; } +.sm-mb-20 { margin-bottom: 20px !important; } +.sm-mb-30 { margin-bottom: 30px !important; } +.sm-mb-40 { margin-bottom: 40px !important; } +.sm-mb-50 { margin-bottom: 50px !important; } +/************************* + Margin left +*************************/ +.sm-ml-0 { margin-left: 0!important } +.sm-ml-10 { margin-left: 10px !important; } +.sm-ml-15 { margin-left: 15px !important; } +.sm-ml-20 { margin-left: 20px !important; } +.sm-ml-30 { margin-left: 30px !important; } +.sm-ml-40 { margin-left: 40px !important; } +.sm-ml-50 { margin-left: 50px !important; } + /************************* + Padding top +*************************/ +.sm-pt-0 { padding-top: 0!important } +.sm-pt-10 { padding-top: 10px !important; } +.sm-pt-15 { padding-top: 15px !important; } +.sm-pt-20 { padding-top: 20px !important; } +.sm-pt-30 { padding-top: 30px !important; } +.sm-pt-40 { padding-top: 40px !important; } +.sm-pt-50 { padding-top: 50px !important; } + /************************* + Padding right +*************************/ +.sm-pr-0 { padding-right: 0!important } +.sm-pr-10 { padding-right: 10px !important; } +.sm-pr-15 { padding-right: 15px !important; } +.sm-pr-20 { padding-right: 20px !important; } +.sm-pr-30 { padding-right: 30px !important; } +.sm-pr-40 { padding-right: 40px !important; } +.sm-pr-50 { padding-right: 50px !important; } + /************************* + Padding bottom +*************************/ +.sm-pb-0 { padding-bottom: 0!important } +.sm-pb-10 { padding-bottom: 10px !important; } +.sm-pb-15 { padding-bottom: 15px !important; } +.sm-pb-20 { padding-bottom: 20px !important; } +.sm-pb-30 { padding-bottom: 30px !important; } +.sm-pb-40 { padding-bottom: 40px !important; } +.sm-pb-50 { padding-bottom: 50px !important; } + /************************* + Padding left +*************************/ +.sm-pl-0 { padding-left: 0!important } +.sm-pl-10 { padding-left: 10px !important; } +.sm-pl-15 { padding-left: 15px !important; } +.sm-pl-20 { padding-left: 20px !important; } +.sm-pl-30 { padding-left: 30px !important; } +.sm-pl-40 { padding-left: 40px !important; } +.sm-pl-50 { padding-left: 50px !important; } +.row-eq-height { display: block;} +h2 {font-size: 25px; line-height: 35px;} +h3 { font-size: 20px; } +h4 {font-size: 17px;} +h5 {font-size: 15px;} +/*home-1*/ +/*header*/ +.default { position: relative; background: #323232; } +/*menu*/ +.mega-menu { min-height: 60px; } +.mega-menu .menu-logo > li > a { padding: 0; } +.mega-menu .menu-logo { padding: 10px 0; } +.search-cart span.icon, .search-cart i.icon { line-height: 50px; } +.fancy .mega-menu > section.menu-list-items .menu-links { float: none; position: absolute; width: 100%; top: 100%; } +.header.fancy .mega-menu > section.menu-list-items { box-shadow: none; } +.mega-menu .menu-logo img { height: 30px; margin: 5px 0; } +.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #323232; } +.mega-menu .drop-down-multilevel li:hover > a i.fa { color: #323232; } +.mega-menu .drop-down-multilevel a { display: block; } +.mega-menu .mobileTriggerButton { z-index: 1; } +.mega-menu .drop-down-multilevel, .mega-menu .drop-down, .mega-menu .drop-down-tab-bar { border-top: 0px !important; } +.header.light .mega-menu .menu-mobile-collapse-trigger:before, .header.light .mega-menu .menu-mobile-collapse-trigger:after, .header.light .mega-menu .menu-mobile-collapse-trigger span { background: #323232; } +.header.logo-center .mega-menu { min-height: 60px; } +/*fancy*/ +.header.fancy .menu { position: relative; top: 0; } +.header.fancy .topbar + .menu { top: 0px; } +.header.fancy .mega-menu .menu-mobile-collapse-trigger:before, .header.fancy .mega-menu .menu-mobile-collapse-trigger:after, .header.fancy .mega-menu .menu-mobile-collapse-trigger span { background: #323232; } +.header.fancy .mega-menu > section.menu-list-items { padding: 0; } +.header.fancy .mega-menu .menu-logo { padding: 16px 0px; } +.header.fancy .search-cart span.icon, .search-cart i.icon { line-height: 60px; } +.header.fancy .mega-menu .menu-links > li > a { line-height: 20px; } +.header.fancy .topbar { padding: 10px 0px 10px; } +.header.fancy .search-cart i.icon { line-height: 74px; } +.header.left-menu .menu-links { padding-left: 0; } +.header.logo-center .menu-bar { border:0px; } +.header.transparent { position: relative; background: #323232; } +/*one page*/ +header.one-page { position: relative; background: #323232; } +.navbar { margin-bottom: 0; } +.navbar-header { float: none; } +.navbar-left,.navbar-right { float: none !important; } +.navbar-toggle { display: block; margin-right: 0; } +.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); padding-left: 22px; } +.navbar-fixed-top { top: 0; border-width: 0 0 1px; } +.navbar-collapse.collapse { display: none!important; } +.navbar-nav { float: none!important; margin-top: 7.5px; } +.navbar-nav>li { float: none; } +.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } +.collapse.in { display:block !important; } +.navbar .navbar-brand { padding:0;} +.navbar .navbar-brand img { height: 28px; } +.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { background: #323232; border:0; position: absolute; width: 100%; left: 0; right: 0; } +.navbar-collapse { box-shadow: none; } +.navbar-inverse .navbar-nav>li { padding: 15px 15px; } +.navbar-nav { float: none; } +.navbar-inverse .navbar-toggle { border:0; } +.navbar-toggle { margin-top: 14px; } +.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background: transparent; } +.header.burger { padding: 10px 10px; } +.header.burger .logo img { height: 30px; margin-top: 10px; } +.vertical-header { padding-left: 0; } +.vertical-header .header { left: inherit; padding-bottom: 150px; } +.vertical-menu .navbar-default .navbar-nav > li > a { padding: 10px 15px 10px 40px; } +.vertical-menu .navbar-nav .open .dropdown-menu { position: relative; background-color: #f4f5f6; } +.vertical-menu .navbar-nav>li>.dropdown-menu { margin-bottom: 10px; } +.vertical-menu .navbar-nav { margin: 0px; } +.vertical-menu .open>.dropdown-menu { display: inline-block; } +.vertical-menu .content-scroller { margin-left: 0px; padding-top: 50px; } +#left-header{position:fixed; left:-230px; top:0; width:230px; height:100%; z-index: 9999; } +.but span {position: absolute; right:15px; top: 20px; font-size: 24px;color: #fff; } +.but span { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition:all 0.5s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; } +.but.active span { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } +.menu-responsive b { color: #F5A623; font-size: 18px; text-transform: uppercase; } +.menu-responsive { height:60px; position: fixed; background: #000000; z-index: 9999; width: 100%; padding: 14px 15px; display: block; } +.vertical-menu .navbar-toggle { display: none; } +.vertical-menu .navbar-collapse.collapse { display: block !important; background: transparent; } + /*megamenu*/ +.vertical-menu .menu .mega-menu .menu-links { background: transparent; } +.vertical-menu .menu .mega-menu .menu-links > li > a { padding: 15px 23px; color: #ffffff; } +.vertical-menu .menu .mega-menu .menu-links > li { border-color: rgba(255, 255, 255, 0.2); } +.vertical-menu .mega-menu .menu-links { display: block !important; } +.vertical-menu .mega-menu .menu-mobile-collapse-trigger { display: none; } +.vertical-menu .social-icons li { float: none; display: inline-block; } +.vertical-menu .menu-widgets { bottom: 0; } +.header.fancy.without-topbar .menu { top: 0; } +.mega-menu > section.menu-list-items { height: 60px !important; } +.fancy .mega-menu > section.menu-list-items { height: 70px !important; } +.search .search-btn { line-height: 30px; } +.navbar .navbar-brand { padding: 15px 0; } +.logo-center .mega-menu .menu-logo { padding: 14px 0; } + +/*sticky header */ +.header .mega-menu.mobileTopFixed .menu-list-items { background: #323232; } +.header.light .mega-menu.mobileTopFixed .menu-list-items { background: #ffffff; border-bottom: 1px solid #f9f9f9; } +.header.fancy .mega-menu.mobileTopFixed section.menu-list-items { padding: 0 10px; border-bottom: 1px solid #f9f9f9; } +.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin: 0; } +.header.vertical-menu .mega-menu.mobileTopFixed { display: none;} +/* header */ +.st-effect-3 .header.default.fullWidth .search-cart { right: 50px; top: 3px; } + +/*.page-title*/ +.page-title { padding-top: 100px; text-align: left; } +.page-title .page-breadcrumb { float: none; text-align: left; } +.page-title.right .page-title-name { text-align: right; float: none; width: 100%; } +.page-title.right .page-breadcrumb { float: none; text-align: right; } +.portfolio-title.section-title { margin-bottom: 0; } +.happy-clients { padding-bottom: 60px !important; } +.popup-video { margin-bottom: 30px; } +.custom-content { padding: 30px; } +.custom-content-3-image { display: none; } +.happy-clients .col-md-6.mt-60 { margin-top: 0 !important; } +/*inner-intro*/ +.inner-intro { padding-top: 120px; } +/*page two sidebar*/ +.page-two-sidebar .page-content { margin-top: 40px; } +/*blog*/ +.blog-box { margin: 15px 0; } +/*clients-logo*/ +.clients-logo.line { width: 32.3333%; float: none; display: inline-block; } +.clients-logo.line img { width: 100%; } +/*contact*/ +.contact.contact-2 a.button { margin-bottom: 30px; } +.contact-3 .contact-add { min-height: 310px; } +.contact-3 .contact-3-info { height: auto; } +.contact-3 .contact-map iframe { height: 400px; } +.contact-3 .map-side { height: auto; position:inherit; } +.error-block { background-size: 90%;} +.error-block p { font-size: 26px; } +.error-search-box p { font-size: 19px; line-height: 35px; } +.map-side{position:inherit;} +/*action box*/ +.text-right.action-box-button { text-align: left; } +/*home 6 */ +.our-activities .accordion { margin-top: 60px; } +/*maintenance*/ +.maintenance-main h1.mb-50 { font-size: 34px; margin-bottom: 10px !important; } +.maintenance-main i { font-size: 60px; } +.maintenance-form { width: 100%; } +.maintenance-progress-bar span { font-size: 24px; } +.feature-text.box, .feature-text.fill-box {padding: 20px 10px;} +.feature-text.box p {font-size: 14px;} +.feature-box-content { padding: 20px 15px 0;} +.feature-box a {padding: 0 15px;} +.progress-title {font-size: 15px;} +.counter .timer {font-size: 38px;} +.counter label {font-size: 14px;} +.team-3-box .team-overlay {padding: 30px 15px 0;} +.team-3-box {padding: 10px;} +.menu-bar {float: none;} +.mega-menu .menu-links > li > a{line-height: normal;} +.mega-menu .menu-mobile-collapse-trigger {height: 40px; top: 50%; transform: translateY(-50%); z-index: 9999; } +.search-cart {display: inline-block; position: absolute; right: 60px; top: 0; z-index: 999; } +.search-active .search-cart { left: 0; width: 100%; } +.search .search-input input { width: 100%; } +.search-active .mega-menu .menu-mobile-collapse-trigger { z-index: 9; } +.footer p {font-size: 13px;} +.feature-text p{font-size: 14px;} +.accordion.accordion-2 .acd-group.acd-active .acd-heading {font-size: 22px;} +.split-section .img-side{display: none;} +.our-service { padding-bottom: 60px;} +.testimonial.boxed {padding: 50px 30px 75px;} +.button {font-size: 12px; padding: 12px 15px;} +.feature-step-2 .feature-step-2-title-left h1 {font-size: 80px;} +.services-text-box-blue, .services-text-box-black {padding: 50px 30px;} +.highlights-phone {margin-top: 20px;} +.mobile-slider h5{font-size: 14px;} +.service-blog b{right: 0; font-size: 250px;} +.service-blog.left b{left: 0;} +/*blog pages*/ +.blog.blog-grid-3-column .social.pull-right { float: none; margin-top: 10px; display: block; width: 100%; } +.masonry.columns-3 .masonry-item { width: 50%; } +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -70px; } +/*portfolio*/ + .isotope.columns-3 .grid-item { width: 50%; } +.isotope.columns-4 .grid-item { width: 50%; } +.isotope.columns-5 .grid-item { width: 50%; } +.masonry.columns-3 .masonry-item { width: 50%; } +.masonry.columns-4 .masonry-item { width: 50%; } +.masonry.columns-5 .masonry-item { width: 50%; } +.port-post-social.pull-right { float: none !important; } +/*process*/ +.process.left .process-content { padding-left: 50px; } +/*resume page*/ +img.bottom-img { display: none; } +.resume-contact #map { height: 300px !important; } +.contact-4 .map-side { height: 300px !important; } +/*footer*/ +footer .social-icons { width: 100%; float: left; } +img#logo-footer { height: 30px; } +.bottom-nav .owl-nav .owl-next { right: 44%; } +.bottom-nav .owl-nav .owl-prev { left: 44%; } +/*shortcode*/ +/*blockquote*/ +.blockquote-right { margin: 0; } +/*buttons*/ +.buttons .button { margin-bottom: 10px; } +.buttons button { margin-bottom: 4px; } +.button + .button { margin-left: 3px; } +/*countdown*/ +.countdown { margin: 0px 10px; } +.countdown.medium { margin: 0 15px; } +.countdown.large { margin: 0 10px; } +.countdown.round.medium { width: 140px; height: 140px; } +.countdown.medium span { font-size: 50px; } +.countdown.round.medium span { line-height: 58px; } +.countdown.round.large { width: 150px; height: 150px; } +.countdown.large span { font-size: 60px; } +.countdown.round.large span { line-height: 62px; } +.countdown.large p { font-size: 18px; } +.vertical-menu .social-icons li { margin: 0 3px 8px 0; } +/*actionbox*/ +.action-box a.button { position: relative; top: inherit; margin-top: 20px; } +.action-box.theme-bg a.button, .action-box.black-bg a.button, .action-box.gray-bg a.button { right: inherit; } +.agency-about { padding-bottom: 60px !important; } +.vertical-header .container-fluid { padding: 0 15px; } +.resume-contact .contact-form-main { padding: 30px 15px; } +/*construction*/ +.our-sercive1:before, .our-sercive1:after { display: none; } +.special-feature { top: 60px; margin-bottom: 0px; } +.page-section-1-pt { padding-top: 70px; } +.page-section-1-pb { padding-bottom: 70px; } +.page-section-1-ptb { padding: 70px 0; } +/*gym*/ +.gym-about { background: #ffffff !important; } +/*medical*/ +.appointment a.pull-left { float: none !important; } +.appointment { margin-top: 0px; } +/*one page*/ +.popup-video-banner h1 { font-size: 40px; line-height: 40px; } +.video-background-banner .slider-content { width: 100%; } +.video-background-banner h1 { font-size: 60px; line-height: 60px; } +/*shop*/ +.shop-split.split-section { padding: 0px; } +.shop-split-content { padding: 40px 0; } +.shop-split.split-section .img-side { display: block; } +.shop-split.split-section .img-holder { position: relative; top: inherit; width: inherit; height: inherit; padding: 130px; } +.shop-split.split-section .img-side.img-right { right: inherit; } +.shop-split.split-section .img-side.img-left { left: inherit; } +.shop-split.split-section .img-side { right: inherit; padding: 0; position: relative !important; top: inherit; height: 100%; overflow: hidden; z-index: 100; } +.add-banner-2 .add-banner-content { padding: 60px 20px; } +.add-banner-2 .add-banner-content h2 {font-size: 28px;line-height: 28px; } +.add-banner-2 .add-banner-content h3 {font-size: 26px; line-height: 26px; } +.add-banner-2.text-center .add-banner-content h2 {font-size: 26px;line-height: 29px; } +/*portfolio-banner*/ +.portfolio-banner .slider-content h1 { font-size: 30px; line-height: 30px; } +.personal-typer-banner h1 { font-size: 70px; line-height: 70px; } +.personal-typer-banner h1 span { font-size: 35px; } +.deal-banner.maintenance-progress-bar img { width: 100%; } +/*404 error*/ +.page-section-ptb.mt-150 { margin-top: 0 !important; } +.pricing-content { width: 90%; } +.process-list { padding-left: 30px; padding-right: 30px; } + +.special-feature .row-eq-height.no-gutter { margin-top: 40px; } +.interior-action-box .action-box { margin-top: 20px; } +.appointment .appointment-bg { margin-top: 30px; } + +.process-list .col-sm-12 { padding: 0; } +.pricing-table.active .pricing-top a.button { padding: 12px 40px; font-size: 15px; } +.membership-pricing-table table tr:first-child th .pricing-plan-price { font-size: 22px; } +.membership-pricing-table table tr:first-child th .pricing-plan-name { font-size: 16px; } +.action-box.full-width a.button { right: 0; } +.team.team-round .team-description { padding-bottom: 0; } +.footer .divider { display: none; } +#rev_slider_16_1_forcefullwidth .tp-parallax-wrap { margin-top: 0px; } +#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important; position: relative; bottom: 20px!important;} +#rev_slider_14_1 .tp-bullets { margin-bottom: -60px; } +#rev_slider_14_1 .zeus .tp-bullet {width: 12px; height: 12px;} +.resume-contact #map { padding-top: 40%; } +.blog-box.blog-2 .button.icon-color { margin-top: 10px; float: none !important; } +.special-feature .row-eq-height { display: flex; } +.medical-tab .tab .nav.nav-tabs li a { font-size: 14px; padding: 12px 6px; } +.navbar { border-radius: 0; } +.contact-3 #map { padding-top: 30%; } +.contact-2 #map { padding-top: 30%; } +.error-block .error-text h2 { font-size: 260px; } +.single-portfolio-post .port-information .social.pull-right { flex: none !important; display: inline-block; width: 100%; } +.page-title .page-title-name { width: 100%; } +.page-title .page-breadcrumb { width: 100%; } +.js-video.big { padding-top: 18px; } +.special-feature .feature-text { padding: 30px 20px; } +.special-feature .feature-text .feature-icon span, .special-feature .feature-text .feature-icon i {padding-left: 0; margin-bottom: 10px; } +.typer-banner h1 { font-size: 70px; line-height: 70px; } +ul.page-breadcrumb { padding-top: 10px; } +.service-blog { margin-bottom: 40px; } +.blog .timeline > li > .timeline-badge { right: -56px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: -53px; } +.action-box.border a.button { left: 0; } +.footer #logo-footer { height: 40px; } + +/************************************* + v1.0.2 +**************************************/ +.action-box h3 { padding-right:0px; } +.port-information img { width: 100%; } +.text-left.mt-100 { margin-top: 0 !important; } +.portfolio-03-about { padding-left: 0; } + +/************************************* + v1.0.3 +**************************************/ +.slider-parallax.typer-banner.business p { padding: 0; } +.blockquote-section blockquote.quote { padding-top: 50px; } +.blockquote-section blockquote.quote:before { line-height: 70px; } +.blockquote-section .blockquote-section-left { margin-left: 0; } +.blockquote-section .blockquote-section-right { margin-left: 0; } +.slider-parallax.banner-personal .slider-content span { font-size: 90px; line-height: 90px; } +.slider-parallax.banner-personal .slider-content h1 { font-size: 80px; line-height: 80px; margin-top: -40px; } +.slider-parallax.banner-personal .slider-content h1 strong { font-size: 96px; line-height: 70px; } + +/************************************* + v1.0.4 +**************************************/ + .christmas-team { margin-top: 0 !important; } + .christmas-event .blog-date { text-align: left; } + .christmas-event .button.mt-60 { margin-top: 20px !important; } + .christmas-price .mt-100.mb-100 { margin: 0 !important; } + .christmas .coming-soon h1 { font-size: 30px; line-height: 30px; margin-bottom: 20px; } + + .timer-banner .slider-content-middle { top: 50%; } + .timer-banner .slider-content h1 { font-size: 50px; line-height: 50px; margin-bottom: 20px; } + .conference-about-content-right { margin-left: 0px; padding: 20px 0 0 ; } +.conference-about-content-left { padding: 50px 0 30px 0px; } +.conference-about img { width: 100%; } +.conference-split-content { padding: 0; } +.conference-split.split-section .img-side { display: block; } +.conference-video .mt-100.mb-100 { margin: 0 !important; } + +/************************************* + v1.0.5 +**************************************/ +.one-page.light .navbar-inverse .navbar-toggle .icon-bar { background: #323232; } +.architecture-about h2 { font-size: 30px; line-height: 30px; } +.architecture-portfolio .text-right { text-align: left; margin-bottom: 30px; } +.architecture-portfolio .isotope-filters { text-align: left; } +.architecture-portfolio .mb-40 { margin-bottom: 0px !important; } +.architecture-about .mt-60.mb-60 { margin: 0 !important; } + +/************************************* + v1.0.6 +**************************************/ +.agency-banner .slider-content { padding: 0 0px 0 30px; } +.agency-banner .slider-content h1 { padding: 50px 20px 20px 20px; } +.movie-banner .slider-content-middle { top: 50%; } +.one-page.transparent { background: #323232; } +.one-page .social-icons { padding: 10px 0; right: 60px; } +.one-page.nav-center .navbar-collapse.collapse { text-align: left; } + +/************************************* + v1.0.7 +**************************************/ +.law-banner .slider-content { padding: 0; } +.law-timeline .timeline-centered:before { display: none; } +.law-timeline .timeline-label h3 { line-height: 12px; } +.law-timeline .timeline-centered .timeline-entry:last-child { margin-bottom: 0; } +.law-contact { padding: 0; } + +/************************************* + v1.0.7 +**************************************/ +.one-page.dark-text .navbar-inverse .navbar-nav>li>a { color: #ffffff; } + +/************************************* + v1.0.8 +**************************************/ +.agency-02-about-content-right { margin-left: 0; padding-top: 20px; padding-bottom: 20px; } +.agency-02-about-content-left { padding: 0; padding-bottom: 20px; } +.agency-02-action-box .action-box { margin-top: 40px; } +.agency-feature h3 { line-height: 60px; font-size: 16px; } +.action-box a.popup-youtube { position: relative; top: inherit; margin-top: 20px; right: inherit; } +.agency-02-action-box .action-box.white-bg { padding: 50px 20px } +.agency-02-action-box .popup-video-image a i { position: relative; top: 20px; transform: inherit; } +.agency-02-action-box .popup-video-image:before{ background: transparent; } +.portfolio-parallax-banner p { padding: 0; } +.portfolio-parallax-banner h2 { font-size: 60px; line-height: 60px; } +.agency-02-about h3:before { display: none; background: none } + +/************************************* + v1.0.9 +**************************************/ +.coming-soon-middle { position: inherit; top: inherit; transform: inherit; padding: 50px 20px; } +.coming-soon-aerial .container-fluid { padding: 30px; } +.coming-soon-big .countdown.medium span { font-size: 80px; line-height: 80px; } +.coming-soon-big .countdown.medium p { font-size: 20px; line-height: 20px; } +.error-05 .button-home { display: block; } +.error-05 .back-to-home, .error-05 .penguin { display: none; } +.error-05 .error-bottom .tree { display: none; } +footer.error-03 .social-icons, footer.error-04 .social-icons { float: none; } +footer.error-03 .social-icons ul, footer.error-04 .social-icons ul { display: inline-block; text-align: center; } +.coming-soon-effects .coming-soon h1 { font-size: 40px; } + +/************************************* + v1.0.9 +**************************************/ +.about-05-split.page-section-ptb { padding: 0; } + +/************************************* + v1.2 +**************************************/ +.login-fancy { padding: 40px 30px; } +.login .vertical-align, .login.vertical-align { position: inherit; top: inherit; transform:inherit; } +.login.height-100vh { height: inherit; } +.login .height-100vh { height: inherit; } +.login-box .pos-bot { position: inherit; padding-bottom: 0 !important; } +.login-box-theme:before, .login-box-theme:after { display: none; } +.login-box-left { padding-bottom: 20px; } +.login-14, .login-15 { padding: 30px 40px; } +.login-14 .pb-50, .login-15 .pb-50 { padding-bottom: 0 !important; } +.login-box-left .pos-bot { position: inherit; padding-bottom: 0 !important; margin-top: 20px; } +.blockquote-section .action-box { padding: 40px 20px; } +.about-mission { margin-top: 40px; } +.about-mission-title { padding-bottom: 80px; } + + + +} + +@media(max-width:767px) { +/************************* + Margin top +*************************/ +.xs-mt-0 { margin-top: 0 !important; } +.xs-mt-10 { margin-top: 10px !important; } +.xs-mt-15 { margin-top: 15px !important; } +.xs-mt-20 { margin-top: 20px !important; } +.xs-mt-30 { margin-top: 30px !important; } +.xs-mt-40 { margin-top: 40px !important; } + /************************* + Margin right +*************************/ +.xs-mr-0 { margin-right: 0!important } +.xs-mr-10 { margin-right: 10px !important; } +.xs-mr-15 { margin-right: 15px !important; } +.xs-mr-20 { margin-right: 20px !important; } +.xs-mr-30 { margin-right: 30px !important; } +.xs-mr-40 { margin-right: 40px !important; } + /************************* + Margin bottom +*************************/ +.xs-mb-0 { margin-bottom: 0!important } +.xs-mb-10 { margin-bottom: 10px !important; } +.xs-mb-15 { margin-bottom: 15px !important; } +.xs-mb-20 { margin-bottom: 20px !important; } +.xs-mb-30 { margin-bottom: 30px !important; } +.xs-mb-40 { margin-bottom: 40px !important; } +/************************* + Margin left +*************************/ +.xs-ml-0 { margin-left: 0!important } +.xs-ml-10 { margin-left: 10px !important; } +.xs-ml-15 { margin-left: 15px !important; } +.xs-ml-20 { margin-left: 20px !important; } +.xs-ml-30 { margin-left: 30px !important; } +.xs-ml-40 { margin-left: 40px !important; } + /************************* + Padding top +*************************/ +.xs-pt-0 { padding-top: 0!important } +.xs-pt-10 { padding-top: 10px !important; } +.xs-pt-15 { padding-top: 15px !important; } +.xs-pt-20 { padding-top: 20px !important; } +.xs-pt-30 { padding-top: 30px !important; } +.xs-pt-40 { padding-top: 40px !important; } + /************************* + Padding right +*************************/ +.xs-pr-0 { padding-right: 0!important } +.xs-pr-10 { padding-right: 10px !important; } +.xs-pr-15 { padding-right: 15px !important; } +.xs-pr-20 { padding-right: 20px !important; } +.xs-pr-30 { padding-right: 30px !important; } +.xs-pr-40 { padding-right: 40px !important; } + /************************* + Padding bottom +*************************/ +.xs-pb-0 { padding-bottom: 0!important } +.xs-pb-10 { padding-bottom: 10px !important; } +.xs-pb-15 { padding-bottom: 15px !important; } +.xs-pb-20 { padding-bottom: 20px !important; } +.xs-pb-30 { padding-bottom: 30px !important; } +.xs-pb-40 { padding-bottom: 40px !important; } + /************************* + Padding left +*************************/ +.xs-pl-0 { padding-left: 0!important } +.xs-pl-10 { padding-left: 10px !important; } +.xs-pl-15 { padding-left: 15px !important; } +.xs-pl-20 { padding-left: 20px !important; } +.xs-pl-30 { padding-left: 30px !important; } +.xs-pl-40 { padding-left: 40px !important; } +h1 { font-size: 30px; } +h2 { font-size: 26px; } +.page-section-ptb { padding: 50px 0; } +.page-section-pt { padding: 50px 0 0; } +.page-section-pb { padding: 0 0 50px; } +.page-section-1-ptb { padding: 60px 0; } +.header.fullWidth .container-fluid { padding: 0 20px; } +/*header topbar*/ +.topbar-left.text-left { text-align: center; margin-bottom:10px; } +.topbar-right.text-right { text-align: center; } +.custom-content { margin-top: 0px; } +/*testimonial*/ +.testimonial-2 { padding-bottom: 80px; } +/*team*/ +.team-3-box img { width: 100%; } +/*accordian*/ +.accordion.accordion-2 .acd-group .acd-heading { padding-left: 0px; padding-right: 0px; } +/*footer*/ +.footer-logo img { height: 60px; width: inherit; } +img#logo-footer { height: 40px; } +.footer .footer-nav.text-right { text-align: left; margin-top: 20px; } +.social.text-right { text-align: left; margin-top: 20px; } +.footer-contact { margin-top: 0; box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1); } +.our-clients.theme-bg { padding-bottom: 60px; } +.footer-contact .contact-box { margin-bottom: 20px; } +.copyright.mt-50 { margin-top: 10px !important; } +.copyright .text-right { text-align: left; margin-top: 15px; } +footer .social-icons.pull-right { float: left !important; width: 100%; } +.footer-widget.mt-60 { margin-top: 0 !important; } +.footer-box { margin-bottom: 20px; margin-top: 30px; } +/* Coming soon page */ +.coming-soon-main { overflow: hidden; } +.coming-soon-main i { font-size: 70px; } +.coming-soon-countdown ul.countdown li span { font-size: 60px; } +.coming-soon-countdown ul.countdown li p { font-size: 16px; } +.coming-soon-main p { font-size: 18px; line-height: 26px; } +.coming-soon-main h1 { font-size: 42px; margin-bottom: 20px; } +/*error*/ +.error-search-box input { width: 73%; } +.error-block p { font-size: 20px; } +.error-block h1 { font-size: 80px; } +.error-404-2 .error-block h1 { font-size: 290px; } +.maintenance-progress-bar .progress-bar { display: block; margin: 0 auto 90px; } +.maintenance-progress-bar { margin: 30px 0 60px; } +.maintenance-main p { margin-bottom: 10px; } +/*portfolio*/ +.isotope.columns-3 .grid-item { width: 50%; } +.isotope.columns-4 .grid-item { width: 50%; } +/*about-1 page*/ +.about .feature-3 { margin-bottom: 30px; } +.feature-text.box, .feature-text.fill-box{ padding: 30px;} +.footer-widget { text-align: left; } +.xs-text-left{text-align: left;} +.xs-text-center{text-align: center;} +.xs-text-right{text-align: right;} +.pricing-table{margin: 0 0 30px;} +.team-3-box, .team{margin-bottom: 30px;} +.lead {font-size: 14px;} +.inner-intro { text-align: center;} +ul.page-breadcrumb { padding-top: 30px;} +.feature-step-2-box {padding: 20px;} +.feature-step-2 .feature-step-2-title-left h1 {font-size: 50px;} +.our-app{background-image: none !important;} +.valign > [class*="col-"] {display: block;} +.highlights-phone {margin: 30px 0;} +/*blog pages*/ +.masonry.columns-2 .masonry-item { width: 100%; } +.masonry.columns-3 .masonry-item { width: 100%; } +/* blog timeline */ +.blog ul.timeline:before { left: 40px; } +.blog ul.timeline > li { margin-bottom: 20px; position: relative; width:100%; float: left; clear: left; } +.blog ul.timeline > li > .timeline-panel { width: calc(100% - 90px); width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); } +.blog ul.timeline > li > .timeline-badge { left: 12px; margin-left: 0; top: 16px; } +.blog ul.timeline > li > .timeline-panel { float: right; } +.blog ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } +.blog ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } +.blog .timeline > li.timeline-inverted { float: left; clear: left; margin-top: 30px; margin-bottom: 30px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: 12px; } +.blog .timeline-panel img { width: 100%; } +.blog .timeline li.entry-date-bottom { text-align: left; } +.blog .timeline li.entry-date-bottom a { font-size: 13px; padding: 8px 10px; } +.blog .timeline li.entry-date { text-align: left; } +.blog .timeline li.entry-date span { font-size: 13px; padding: 8px 10px; } +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: 23px; } +.blog .timeline > li:nth-child(2) { margin-top: 0; } +.blog .timeline > li.timeline-inverted { margin-top: 10px; } +.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 20px; } +.blog.timeline-sidebar .timeline > li.timeline-inverted:nth-child(2) { margin-bottom: 0px; } +.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 100%; } +/*login 2*/ +.login-2-social li { margin-bottom: 10px; } +/*maintenance*/ +.progress-new { width: 100%; } +.maintenance-form input { width: 100%; } +/*portfolio*/ +.isotope.columns-2 .grid-item { width: 100%; } +.isotope.columns-3 .grid-item { width: 100%; } +.isotope.columns-4 .grid-item { width: 100%; } +.isotope.columns-5 .grid-item { width: 100%; } +.masonry.columns-3 .masonry-item { width:100%; } +.masonry.columns-4 .masonry-item { width:100%; } +.masonry.columns-5 .masonry-item { width:100%; } +/*shop*/ +.deal-banner img { width: 100%; } +/*process*/ +.process.left .process-content .process-icon { display: block; margin-bottom: 20px; } +.process.left .process-content { padding-left: 40px; } +.process.right .process-content { padding-right: 40px; } +.process.right .process-content .process-icon { float: none; margin-bottom: 20px; } +.process.left .process-step { top: 30px; } +.process .process-step strong { width: 40px; height: 40px; line-height: 40px; } +.process.left .process-step { left: -20px; } +.process.right .process-step { right: -20px; } +/*resume*/ +.resume-page .container-fluid { padding: 0 15px; } +/*shortcode*/ +.clients-list ul li, .clients-list.column-4 ul li, .clients-list.column-3 ul li { width: 50%; } +/*countdown*/ +.countdown.round { width: 100px; height: 100px; } +.countdown.round span { font-size: 30px; line-height: 30px; } +.countdown.round { padding: 16px; } +.countdown.round.medium { width: 100px; height: 100px; } +.countdown.round.medium span { font-size: 30px; line-height: 30px; } +.countdown.round.medium p { font-size: 14px; } +.countdown.round.large { width: 100px; height: 100px; } +.countdown.round.large span { font-size: 30px; } +.countdown.round.large span { line-height: 30px; } +.countdown.round.large p { font-size: 14px; } +/*datatables*/ +.dataTables_paginate .pagination>li { display: inline-block; text-align: center; } +.datatable-base .table-responsive { border: 0; padding-bottom: 30px; } +/*feature text*/ +.feature-text.left-icon .feature-icon { padding-left: 15px; } +.feature-text.right-icon .feature-icon { padding-right: 15px; } +/*tab*/ +.tab-vertical .nav-tabs { width: 100%; } +.tab-vertical .tab-content { width: 100%; margin-left: 0; } +.feature-text .feature-icon span, .feature-text .feature-icon i { padding-left: 0; } +.bg-top-before { padding-top: 40px !important; } +.bg-top-before:before { display: none; } +.bg-top-before.pb-150 { padding-bottom: 40px !important; } + /*gym*/ +.course { margin-bottom: 20px; } +.medical-tab .tab .nav.nav-tabs li.active a:before { display: none; } +/*one page*/ +/*mobile app*/ +.mobile-app-about h2 { font-size: 40px; line-height: 40px; } +/*product*/ +.product .product-image img { width: 100%; } +/*portfolio-banner*/ +.portfolio-banner .slider-content h1 { font-size: 20px; line-height: 20px; } +.portfolio-banner .slider-content span { font-size: 12px; line-height: 18px; } +/*404 error*/ +.error-block { padding: 0; } +.error-block .error-text { padding: 0; display: none; } +.error-block h1 { padding: 0; } +.error-text-02 { display: none; } +.interior-action-box { margin-top: 30px; } +/*slider */ +#rev_slider_14_1 .rev-btn {padding: 15px 20px !important; font-size: 16px !important; position: relative; bottom: 0px!important;} +#rev_slider_11_1_wrapper strong { font-size: 20px !important; } +#rev_slider_13_1_wrapper i { font-size: 20px !important; } +.process-list { padding-left: 30px; padding-right: 30px; } +.isotope, .masonry { margin: 0; } +.app-home { padding-bottom: 40px; } +.services-text-box-green { padding: 50px 15px !important; } +.services-text-box-blue, .services-text-box-black { padding: 50px 15px !important; } +.bottom-nav .owl-nav { bottom: 20px; } +.blog-box.blog-2 .button.icon-color { margin-top: 0px; float: right !important; } +.team.team-hover.team-border .team-photo img { width: 100%; } +.owl-carousel .owl-dots { bottom: -15px; } +.special-feature .row-eq-height { display: block; } +.course img { width: 100%; } +.footer .footer-social ul.text-right { text-align: left; } +.cafe-counter.mt-60 { margin-top: 0px !important; } +.blog .timeline li.entry-date { top: -20px; } +.blog.timeline-sidebar .timeline li.entry-date { top: -20px; } +.footer .footer-widget .footer-widget-social.text-right { text-align: left; } +.footer.footer-one-page .footer-widget { text-align: center; } +.footer.footer-one-page .footer-widget .footer-widget-social.text-right { text-align: center; } + +/************************************* + v1.0.2 +**************************************/ +.footer .container-fluid { padding: 0 15px; } +.text-left.mt-100 { margin-top: 40px !important; } + +/************************************* + v1.0.3 +**************************************/ +.slider-parallax.typer-banner.business h1 { line-height: 30px; font-size: 40px; } +.play-video-section .content { padding: 0; } +.slider-parallax.banner-personal .slider-content span { font-size: 70px; line-height: 70px; } +.slider-parallax.banner-personal .slider-content h1 { font-size: 60px; line-height: 60px; margin-top: -20px; } +.slider-parallax.banner-personal .slider-content h1 strong { font-size: 72px; line-height: 60px; } + +/************************************* + v1.0.4 +**************************************/ +.countdown p { font-size: 13px; } +.christmas-about .feature-text { margin-bottom: 50px; } +.christmas-form-content h2 { font-size: 40px; line-height: 40px; } +.happy-clients .mb-40 { margin-bottom: 0 !important; } +.christmas-form-content.mt-100 { margin-top: 60px !important; } +.christmas-team .team .team-photo img { width: 100%; } +.timer-banner .slider-content h1 { font-size: 30px; line-height: 30px; } + +/************************************* + v1.0.6 +**************************************/ +.movie-banner .slider-content-middle { padding: 0; } + +/************************************* + v1.0.7 +**************************************/ +.law-banner .slider-content h1 { line-height: 30px; font-size: 30px; } + +/************************************* + v1.0.8 +**************************************/ +.banner-agency-02 h1 { font-size: 30px; line-height: 30px; } +.agency-02-contact .footer-contact { margin-top: -50px; } +.agency-02-contact-title .mb-50 { margin-bottom: 0 !important; } +.agency-02-contact .footer-contact { margin-bottom: 30px; } +.portfolio-parallax-banner h2 { font-size: 50px; line-height: 50px; } + +/************************************* + v1.0.9 +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 40px; line-height: 40px; } +.coming-soon-big .countdown.medium p { font-size: 16px; line-height: 16px; } +.error-05 h1 { font-size: 80px; line-height: 80px; } +.list-unstyled.pl-60 { padding-left: 0 !important;} +.page-title.light-overlay { padding-top: 200px; } +.divider.pt-70, .divider.pt-50 { padding-top: 30px !important; } +.page-title.light-overlay { padding-top: 200px; } +.faq-box { margin-top: 30px; } + .faq-page-title .mt-50 { margin-top: 10px !important; } + +} + +@media(max-width:600px) { +h3 { font-size: 22px; } +.search-box { width: 240px; } +.section-title p { + font-size: 14px; +} +/*cart*/ +.shpping-cart .cart { width: 290px; } +.shpping-cart .cart-total a { margin-bottom: 10px; } +.portfolio-home .isotope.columns-3 .grid-item { width: 100%; } +.portfolio-title { padding: 40px 30px; } +.main-counter .counter-info span.counter { font-size: 40px; } +/*action-box*/ +.action-box { text-align: center; } +.action-box .action-box-button { text-align: center; } + /*skills*/ +.skills-2.col-2 li { width: 100%; margin-bottom: 0; margin-right: 0; float: none; } +.skills-2.col-2.mr-60 { margin-right: 0 !important; } +/*error*/ +.error-block { padding: 30px 0px; } +.error-block h1 { font-size: 70px; } +.error-404-2 .error-block h1 { font-size: 200px; line-height: 200px; } +.error-404-2 .error-block p { font-size: 16px; } +/*maintenance*/ +.maintenance-main h1.mb-50 { font-size: 28px; } +.maintenance-2 .maintenance-main h1 { font-size: 32px; } + /*portfolio*/ +.isotope.columns-3 .grid-item { width: 100%; } +.isotope.columns-4 .grid-item { width: 100%; } +/*============== New ==============*/ +/*about-1 page*/ +.clients-logo.line img{height:65px;} +/*contact us*/ +.contact-form .section-field { width: 100%; } +.touch-in .contact-box { margin: 20px 0; } +/*our-history .timeline*/ +.our-history .timeline > li.timeline-inverted > .timeline-panel::before, +.our-history .timeline > li > .timeline-panel::before { left: 40px;} +.our-history .timeline > li > .timeline-panel { padding: 40px 20px 20px 75px; text-align: left; width: 100%;} +.our-history .timeline > li > .timeline-badge { left: 41px;} +.our-history .timeline > li > .timeline-badge p { margin-left: 40px;} +.our-history .timeline > li.timeline-inverted .timeline-badge p { float: left; margin-right: 0; text-align: left;} +.feature-text .feature-icon {font-size: 38px;} +.skill-bar {margin: 60px 0 20px;} +.feature-text.box {padding: 30px;} +.happy-clients .nav-tabs li img {height: 70px; width: 70px;} +.testimonial-info p {font-size: 15px; margin: 25px 0 0; padding: 0 0 20px;} +.testimonial-2 .testimonial-info p::before {font-size: 100px;} +/*blog pages*/ +.social.pull-right { float: none; margin-top: 10px; display: block; width: 100%; } +.port-post-social.pull-right { float: none !important; } +.port-post-photo { display: block; float: none; } +.port-post-info { padding-left: 0; margin-top: 20px; display: block; } +.comments-1.comments-2 { padding-left: 40px; } +.comments-1 .comments-photo { float: none; } +.comments-1.comments-2 .comments-info { padding: 20px 0px 10px; } + +/*team single*/ +.our-team .team-details .social { float: none !important; width: 100%; margin-bottom: 20px; } +/*shortcode*/ +.countdown.small span { font-size: 30px; } +.countdown span { font-size: 30px; } +.countdown.medium span { font-size: 30px; } +.countdown.medium p { font-size: 14px; } +.countdown.medium { margin: 0 10px; } +.countdown.large span { font-size: 30px; } +.countdown.large p { font-size: 14px; } +.countdown.large { margin: 0 6px; } +.countdown.gray-bg { margin: 0 1px; padding: 8px; } +.countdown.border { padding: 8px; margin: 0 0px; } +.countdown.round { margin-bottom: 10px; } +.countdown.round.small { padding: 16px; } +/*testimonial*/ +.testimonial.bottom_pos .author-info { margin-left: 0; margin-bottom: 30px; } +/*shortcode*/ +.pagination>li { display: inline-block; margin-bottom: 3px; } +/*shortcode*/ +.owl-carousel .owl-dots { bottom: 20px; } +.resume-contact .footer-widget-social a i { margin-bottom: 4px; } +/*popup-video-banner*/ +.popup-video-banner h1 { font-size: 36px; line-height: 40px; } +.kety-perry-list { padding-right: 20px; } +.kety-play-icon { float: none; } +.kety-name { padding-left: 0; } +.kety-play-icon { margin-top: 0; } +/*gym*/ +.team.team-list .team-photo { float: none; width: 100%; margin-bottom: 30px; } +.team.team-list .team-description { padding-left: 0; padding-bottom: 0; } +.tab .nav.nav-tabs li { margin-bottom: 5px; } +/*testimonial*/ +.testimonial.clean { padding: 0 10px 25px 40px; } +.typer-banner h1 { font-size: 50px; line-height: 100px; } +.portfolio-banner .slider-content { width: 100%; } +.personal-typer-banner h1 { font-size: 50px; line-height: 50px; } +.personal-typer-banner h1 span { font-size: 25px; } +.services-text-box-green { padding: 60px 15px !important; } +.services-text-box-black { padding: 60px 15px !important; } + .team.team-list .team-photo img { width: 100%; } + .isotope.columns-3 .grid-item { padding: 0 0px 15px 0; } + .bottom-nav .owl-nav .owl-next { right: 42%; } + .bottom-nav .owl-nav .owl-prev { left: 42%; } + .testimonial.light { padding: 85px 20px 45px 50px; } +.our-history .timeline:before { left: 40px; } +.our-team .team-details .title.pull-left { float: none !important; display: block; } +.our-team .team-details .social-icons.border.pull-right { float: none !important; display: inline-block; margin-bottom: 10px; } +.row.mt-80 { margin-top: 30px !important; } +.happy-clients .tab .nav.nav-tabs { margin-bottom: 0; } +.our-service-home .row.mb-60 { margin-bottom: 10px !important; } +.contact-3 #map { padding-top: 40%; } +.accordion.animated .acd-group.acd-active .acd-heading { font-size: 22px; } +.our-history .timeline .timeline-arrow { left: 34px; text-align: left; } +.our-history { overflow: hidden; } +.progress-new { margin-bottom: 0; } +.comments-1 .comments-photo { margin-bottom: 20px; } +.comments-1.comments-2 .comments-photo { margin-bottom: 0px; } +.isotope.columns-4 .grid-item { padding-right: 0; } +/*.rev-slider #rev_slider_20_1_forcefullwidth .rev-btn { padding: 6px 10px !important; line-height: 0 !important; font-size: 8px !important; }*/ +.shop-single .tab .nav.nav-tabs li a { padding: 12px 20px; } +.shop-single .tab .nav.nav-tabs li { margin-bottom: 0; } + + +/************************************* + v1.0.2 +**************************************/ +.st-menu.big-side { width: 270px; } +.st-menu.big-side .pos-bot { position: relative; } +.st-menu.big-side .slide-footer-content { padding: 0 10px 0px 0; } +.st-menu.big-side .social-icons.width-half ul li { width: inherit; display: block; float: none; } +.st-menu.big-side .copy-right .mb-70 { margin-bottom: 0 !important; } +.st-menu.big-side ul.menu { padding-top: 0; } + +/************************************* + v1.0.3 +**************************************/ +.blockquote-section blockquote { font-size: 30px; line-height: 34px; } +.custom-content-03 h2 { font-size: 30px; line-height: 34px; } + .mt-100.mb-100 { margin: 0px 0 !important; } + .slider-parallax.banner-personal .slider-content { width: 100%; } + + +/************************************* + v1.0.4 +**************************************/ +.christmas-clients .mt-80 { margin-top: 0 !important; } +.countdown.round { display: block; margin: 0 auto; } +.timer-banner .slider-content h1 { font-size: 21px; line-height: 28px; margin-bottom: 10px; } +.conference-video h3 { line-height: 30px; } + +/************************************* + v1.0.5 +**************************************/ +.architecture-about h2 { font-size: 24px; line-height: 30px; } + +/************************************* + v1.0.6 +**************************************/ +.agency-banner .slider-content .agency-banner-right { display: block; } +.agency-banner .slider-content .agency-banner-left { display: block; } +.agency-banner .slider-content span { padding-top: 0; font-size: 30px; line-height: 20px; } +.agency-banner .slider-content h1 { font-size: 30px; padding: 0; border:none; line-height: 20px; } +.slider-parallax.agency-banner { height: 80vh; } +.movie-banner .countdown.round.small { display: inline-block; } + +/************************************* + v1.0.7 +**************************************/ +.law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-year { left: -45px; } +.testimonial.left_pos { padding: 20px 10px 20px 50px; } +.testimonial.left_pos .testimonial-avatar { position: inherit; left: inherit; top: inherit; margin-top: 0 ; margin-bottom: 60px; margin-left: 0px; } + + +/************************************* + v1.0.8 +**************************************/ +.agency-02-contact .pl-50.pr-50 { padding: 15px !important; } +.agency-02-history-who { padding: 30px; } +.banner-agency-02 h1 { font-size: 24px; } +.portfolio-parallax-banner h2 { font-size: 40px; line-height: 40px; } + +/************************************* + v1.0.9 +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 30px; line-height: 30px; } +.coming-soon-big .countdown.medium p { font-size: 16px; line-height: 16px; } +.error-05 h1 { font-size: 60px; line-height: 60px; } +.error-05 h3, .error-05 span { font-size: 40px; } +.error-03 .content h2 { font-size: 32px; line-height: 32px; } +.error-03 .content h1 { font-size: 40px; line-height: 40px; } +.error-03 .error-404 h1 { font-size: 70px; line-height: 70px; } +.error-03 .error-404 h2 { font-size: 50px; line-height: 50px; } +.error-04 h1 { font-size: 160px; line-height: 160px; } +.coming-soon-effects .coming-soon h1 { font-size: 30px; line-height: 30px; } +.coming-soon h1, .coming-soon-effects .coming-soon h1 { font-size: 30px; line-height: 30px; } + +/************************************* + v1.2 +**************************************/ +.login-fancy h2 { font-size: 40px; line-height: 40px; } +.login-box h2 { font-size: 30px; line-height: 30px; } +.login-box-02 { padding: 20px; } +.login-signup .tab .nav.nav-tabs li { margin-bottom: 0; } +.login-signup .login-box-02 { padding: 30px; } +.about-mission .popup-content { padding-right: 20px; width: 100%; } +.about-mission .popup-content br { display: none; } +#rev_slider_14_1 .rev-btn {padding: 15px 20px !important; font-size: 14px !important; position: relative; bottom: 0px!important;} +} + +@media(max-width:479px) { + +/************************* + Margin top +*************************/ +.xx-mt-0 { margin-top: 0 !important; } +.xx-mt-10 { margin-top: 10px !important; } +.xx-mt-15 { margin-top: 15px !important; } +.xx-mt-20 { margin-top: 20px !important; } +.xx-mt-30 { margin-top: 30px !important; } +.xx-mt-40 { margin-top: 40px !important; } +/************************* + Margin right +*************************/ +.xx-mr-0 { margin-right: 0!important } +.xx-mr-10 { margin-right: 10px !important; } +.xx-mr-15 { margin-right: 15px !important; } +.xx-mr-20 { margin-right: 20px !important; } +.xx-mr-30 { margin-right: 30px !important; } +.xx-mr-40 { margin-right: 40px !important; } + /************************* + Margin bottom +*************************/ +.xx-mb-0 { margin-bottom: 0!important } +.xx-mb-10 { margin-bottom: 10px !important; } +.xx-mb-15 { margin-bottom: 15px !important; } +.xx-mb-20 { margin-bottom: 20px !important; } +.xx-mb-30 { margin-bottom: 30px !important; } +.xx-mb-40 { margin-bottom: 40px !important; } +/************************* + Margin left +*************************/ +.xx-ml-0 { margin-left: 0!important } +.xx-ml-10 { margin-left: 10px !important; } +.xx-ml-15 { margin-left: 15px !important; } +.xx-ml-20 { margin-left: 20px !important; } +.xx-ml-30 { margin-left: 30px !important; } +.xx-ml-40 { margin-left: 40px !important; } + /************************* + Padding top +*************************/ +.xx-pt-0 { padding-top: 0!important } +.xx-pt-10 { padding-top: 10px !important; } +.xx-pt-15 { padding-top: 15px !important; } +.xx-pt-20 { padding-top: 20px !important; } +.xx-pt-30 { padding-top: 30px !important; } +.xx-pt-40 { padding-top: 40px !important; } + /************************* + Padding right +*************************/ +.xx-pr-0 { padding-right: 0!important } +.xx-pr-10 { padding-right: 10px !important; } +.xx-pr-15 { padding-right: 15px !important; } +.xx-pr-20 { padding-right: 20px !important; } +.xx-pr-30 { padding-right: 30px !important; } +.xx-pr-40 { padding-right: 40px !important; } + /************************* + Padding bottom +*************************/ +.xx-pb-0 { padding-bottom: 0!important } +.xx-pb-10 { padding-bottom: 10px !important; } +.xx-pb-15 { padding-bottom: 15px !important; } +.xx-pb-20 { padding-bottom: 20px !important; } +.xx-pb-30 { padding-bottom: 30px !important; } +.xx-pb-40 { padding-bottom: 40px !important; } + /************************* + Padding left +*************************/ +.xx-pl-0 { padding-left: 0!important } +.xx-pl-10 { padding-left: 10px !important; } +.xx-pl-15 { padding-left: 15px !important; } +.xx-pl-20 { padding-left: 20px !important; } +.xx-pl-30 { padding-left: 30px !important; } +.xx-pl-40 { padding-left: 40px !important; } +.col-xx-12{width:100% !important;} +.col-xx-6{width:50% !important;} +h2 {font-size: 22px; line-height: 30px;} +.topbar .topbar-call.text-left li { margin-bottom: 5px; } +.clients-logo.line img { width: initial; } +.shpping-cart .cart { width: 240px; } +.cart-item .cart-name a { font-size: 12px; } +.cart-price del { font-size: 12px; } +.cart-price ins { font-size: 14px; } +.cart-item .cart-close { top: 17px; } +/*index*/ +.round .nav.nav-tabs li a { margin-right: 1px; padding: 8px 15px; } +/* header */ +.st-effect-3 .header.default.fullWidth .search-cart { right: 45px; top: 3px; } +.st-effect-3 .header.default.fullWidth .search-cart .search { padding-right: 6px; } + +/*action box*/ +.action-box-button .button.border-white { margin-top: 10px; } +.action-box-button .button.border.icon { margin-left: 0; margin-top: 15px; } +.action-box-button .button.border { margin-left: 0; margin-top: 15px; } +/*coming soon*/ +.coming-soon-main h1 { font-size: 34px; } +.coming-soon-countdown ul.countdown li span { font-size: 32px; } +.coming-soon-countdown ul.countdown li { width: 20%; } +.coming-soon-countdown ul.countdown li p { font-size: 13px; } +.coming-soon-countdown ul.countdown { margin: 20px 0; } +.coming-soon-main p { margin-bottom: 45px; font-size: 16px; } +.coming-soon-form { width: 100%; } +.coming-soon-form input { width: 90%; margin-bottom: 0; } +.coming-soon-form a.button-border span { padding: 11px 8px; } + /*error*/ +.error-block h1 { font-size: 50px; } +.error-block p { font-size: 18px; } +.error-block h1.mb-40 { margin-bottom: 10px !important; } +.error-search-box p { font-size: 16px; line-height: 32px; } +.error-search-box input { width: 60%; } +/*maintenance*/ +.maintenance-2 .maintenance-main h1 { font-size: 22px; margin-bottom: 10px; } +.maintenance-contant.mt-150 { margin-top: 30px !important; } +.maintenance-form.mt-100 { margin-top: 30px !important; } +.clients-logo.line{width:100%; border-left:none;} + .clients-logo.line img{height:auto;} +.clients-logo.line:nth-last-child(-n+3) { border-bottom: 1px solid #dddddd;} +.our-history .timeline > li > .timeline-panel::before { width: 22px; left: 25px; } +.our-history .timeline > li.timeline-inverted > .timeline-panel::before { left: 25px; } +.happy-clients .nav.nav-tabs li { display: inline-block; } +.nav.nav-tabs li { display: block; float: none; margin-bottom: 10px; text-align: center;} +.tab-2 .nav-tabs {float: none; width: 100%;} +.tab-2 .nav-tabs li{margin-bottom: 0;} +.tab-2 .tab-content {margin-left: 0; padding: 30px 20px;} +/*testimonial page*/ +.testimonial-3 .owl-carousel .owl-nav { bottom: -20px; } +.testimonial-3 .owl-carousel .owl-nav .owl-prev {left: 50%; margin-left: -45px;} +.testimonial-3 .owl-carousel .owl-nav .owl-next {right: 50%; margin-right: -45px;} +.testimonial-info p {padding: 0 10px 20px;} +.testimonial.boxed {padding: 30px 30px 75px;} + .feature-step-2-title-2-right {width: 100%;} +.feature-step-2-box {padding:20px 10px;} +.feature-step-2-box p{font-size: 13px;} +.service-blog b {font-size: 220px;} +/*blog*/ +.blog .timeline > li > .timeline-badge { font-size: 15px; height: 44px; line-height: 12px; width: 44px; } +.blog ul.timeline:before { left: 27px; } +.blog ul.timeline > li > .timeline-badge { left: 5px; } +.blog ul.timeline > li > .timeline-panel { width: 100%; } +.blog .timeline li.entry-date span { display: none;} +.blog ul.timeline::before { display: none; } +.blog ul.timeline > li > .timeline-badge { display: none; } +.blog ul.timeline > li > .timeline-panel::before { display: none; } +.blog ul.timeline > li > .timeline-panel::after { display: none; } +.blog .timeline li.timeline-inverted .timeline-panel::after { display: none; } +.blog .timeline li.timeline-inverted .timeline-panel::before { display: none; } +.blog.timeline-sidebar .timeline li { width: 100%; } +/*shop*/ +.offer-banner-1 h1 { font-size: 20px; } +.deal-banner .counter-deal ul li { padding: 7px 10px; margin-right: 2px; } +.deal-banner .caption h2 { font-size: 32px; } +.deal-banner.maintenance-progress-bar { margin: 0; } +.bottom-nav .owl-nav .owl-next { right: 36%; } +.bottom-nav .owl-nav .owl-prev { left: 36%; } +.action-box.pattern { padding: 70px 15px; } +.action-box { padding: 30px 15px; } +.appointment-bg { padding: 40px 15px; } +.appointment a.pull-left { display: block; } +/*mobile app*/ +.mobile-app-about a img { margin-bottom: 10px; } +.mobile-app-about h2 { font-size: 30px; line-height: 30px; } +.phone-holder { width: 260px; } +.highlights-phone.wht .phone-holder #fon { background:transparent; } +.highlights-phone.wht .hgi { top: 0; } +.highlights-phone { height: 550px; } +/*one page*/ +.typer-banner h1 { font-size: 30px; line-height: 30px; } +.popup-video-banner h1 { font-size: 30px; line-height: 40px; } +.video-background-banner h1 { font-size: 30px; line-height: 30px; } +.video-background-banner .slider-content { padding: 30px 15px; } +/*side panel*/ +.slide-footer .social ul li a { padding-right: 15px; } +.st-menu { width: 280px; } +.st-effect-2.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-3.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-4.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-5.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-6.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0) rotateY(-15deg); transform: translate3d(280px, 0, 0) rotateY(-15deg); } +.st-effect-7.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-8.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-9.st-menu-open .st-pusher { -webkit-transform: translate3d(0, 0, -280px); transform: translate3d(0, 0, -280px); } +.st-effect-10.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-10.st-menu { -webkit-transform: translate3d(0, 0, -280px); transform: translate3d(0, 0, -280px); } +.st-effect-13.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +.st-effect-14.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } +/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */ +.no-csstransforms3d .st-pusher, +.no-js .st-pusher { padding-left: 280px; } +.personal-typer-banner h1 { font-size: 30px; line-height: 30px; margin-bottom: 0px; } +.personal-typer-banner h1 span { font-size: 20px; left: -10px; top: 0; } +.image-content { width: 100%; margin-right: 0; } +.testimonial.bottom_pos { padding: 60px 20px 40px 46px; } + .owl-carousel .owl-dots { bottom: 0px; } +.kety-name a { font-size: 14px; } +.kety-link a { margin-bottom: 5px; } +.blog.blog-single .port-navigation .port-photo { width: 104px; } +.blog.blog-single .port-navigation .port-arrow { height: 62px; width: 30px; } +.blog.blog-single .port-navigation .port-arrow i { line-height: 62px; } +.single-portfolio-post .port-navigation .port-photo { width: 104px; } +.single-portfolio-post .port-navigation .port-arrow { height: 62px; width: 30px; } +.single-portfolio-post .port-navigation .port-arrow i { line-height: 62px; } +.happy-clients .nav-tabs li { padding: 0; } +.accordion.animated .acd-group.acd-active .acd-heading { font-size: 20px; } +.our-service .section-title { margin-bottom: 10px; } +.team.team-list h5 { font-size: 18px; } +.contact-2 #map { padding-top: 50%; } +.clients-box .clients-photo { margin-bottom: 20px; width: 100%; } +.countdown.round { display: block; margin: 0 auto 20px; } +.coming-soon-form.contact-form input { width: 100%; } +.add-banner-2 .add-banner-content h2 { font-size: 24px; } +.add-banner-2 .add-banner-content h3 { font-size: 20px; line-height: 20px; } +.add-banner-2 .add-banner-content .button.small { padding: 5px 18px; } + +/************************************* + v1.0.3 +**************************************/ + .slider-parallax.typer-banner.business h1 { font-size: 24px; line-height: 28px; } + .slider-parallax.typer-banner.business p { font-size: 18px; line-height: 28px; margin-top: 10px !important; } + .counter.big-counter .timer { font-size: 40px; line-height: 40px; } +.action-box.theme-bg { padding: 30px 0; } + .slider-parallax.banner-personal .slider-content span { font-size: 50px; line-height: 50px; } +.slider-parallax.banner-personal .slider-content h1 { font-size: 40px; line-height: 40px; margin-top: -20px; } +.slider-parallax.banner-personal .slider-content h1 strong { font-size: 48px; line-height: 50px; } + +/************************************* + v1.0.4 +**************************************/ +.christmas-form-content h2 { font-size: 24px; line-height: 24px } +.christmas-event .tab .nav.nav-tabs li a{ font-size: 14px; } +.christmas-event .blog-date span { font-size: 28px; display: inline-block; } +.portfolio-home .portfolio-title.section-title .button.mt-30 { margin-top: 20px !important; } +.countdown.small { margin: 10px 4px 0; } + +/************************************* + v1.0.4 +**************************************/ +.section-title-movie h2 { padding: 10px 30px; } +.movie-story b { font-size: 26px; } +.movie-banner .countdown.round.small { margin-bottom: 5px; } + +/************************************* + v1.0.7 +**************************************/ +.law-banner .slider-content h1 { font-size: 22px; line-height: 22px; } +.law-banner .slider-content p { font-size: 16px; } +.law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-year { left: 0; top: 25px; } + +/************************************* + v1.0.7 +**************************************/ +.portfolio-parallax-banner h2 { font-size: 30px; line-height: 30px; } + +/************************************* + v1.0.9 +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 24px; line-height: 24px; } +.coming-soon-big .countdown.medium p { font-size: 14px; line-height: 14px; } +.error-05 h1 { font-size: 50px; line-height: 50px; } +.error-03 .content h2 { font-size: 28px; line-height: 28px; } +.error-03 .content h1 { font-size: 32px; line-height: 32px; } +.error-03 .content p { font-size: 22px; } +.error-03 .error-404 h1 { font-size: 70px; line-height: 70px; } +.error-03 .error-404 h2 { font-size: 50px; line-height: 50px; } +.error-04 h1, .error-06 h1, .error-07 h1 { font-size: 100px; line-height: 100px; } +.error-04 h2 { font-size: 40px; line-height: 40px; } +.error-04 p { font-size: 18px; } +.error-06 h2 .error-07 h2, .error-09 h2 { font-size: 30px; line-height: 30px; } + +/************************************* + v1.2 +**************************************/ +.login.height-100vh { overflow: hidden; } +.login .remember-checkbox a { display: block; float: inherit !important; margin-top: 10px; } +.about-mission .popup-content { padding: 30px 30px 10px 30px; } +.about-mission .popup-content h2 { font-size: 14px; line-height: 20px; } +.about-mission .popup-video-image a i { width: 40px; height: 40px; top: 10px; line-height: 40px; } + .checkout-page .pl-50.pr-50.pt-50.pb-50 { padding: 20px !important; } + .checkout-page .pl-40 { padding: 0 !important; } +} + diff --git a/apply/css_r/shop.css b/apply/css_r/shop.css new file mode 100644 index 0000000..a17a364 --- /dev/null +++ b/apply/css_r/shop.css @@ -0,0 +1,163 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains the styling for the Shop Pages. You can edit/add anything in this file! +*/ + + +/******************************** + shop +********************************/ +.product { text-align: center; position: relative; } +.product .product-title a { font-size: 16px; text-transform: uppercase; font-weight: 600; margin: 20px 0px 10px; display: block; } + +.product .product-title a:hover { color: #353535; } +.product .product-price del { background: transparent; color: #323232; font-size: 13px; } +.product .product-price ins { text-decoration: none; color: #F5A623; font-size: 16px; font-weight: bold; } +.product .product-rating { margin-bottom: 10px; } +.product .product-rating i { color: #353535; } +.product .product-image { position: relative; } +.product .product-image .product-overlay { opacity: 0; text-align: center; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; margin: 0 auto; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } +.product:hover .product-image .product-overlay { opacity: 1; } +.product .product-image .add-to-cart a { background: #F5A623; color: #ffffff; text-transform: uppercase; padding: 10px 20px; border-radius: 30px; } +.product .product-image .add-to-cart a:hover { background: #353535; } + +.top-rated .product.left .product-title a { font-size: 14px; font-weight: 500; } +.shop-split-content .product-price del { background: transparent; color: #323232; } + +/*shop-single*/ +.shop-single .title { padding-top: 40px; } +.shop-single .product-detail .product-detail-price { display: inline-block; } +.shop-single .product-detail .product-detail-price ins { text-decoration: none; color: #F5A623; font-size: 16px; font-weight: bold; } +.shop-single .product-detail .product-detail-rating i { color: #353535; } +.shop-single .product-detail .product-detail-rating { display: inline-block; } +.shop-single .product-detail .product-detail-quantity input { box-shadow: none; border:1px solid #e0e0e0; padding: 10px 18px 10px 24px; border-radius: 30px; box-shadow: none; } +.shop-single .product-detail .input-group-btn button { background: transparent; border-color: #e0e0e0; } +.shop-single .product-detail .input-group-btn button:hover { color: #F5A623; } +.shop-single .product-detail .input-group { width: 90px; float: left; margin-right: 20px; } +.shop-single .product-detail .product-detail.add-to-cart .button { display: inline-block; font-size: 12px; } +.shop-single .product-detail .input-group-btn:first-child>.btn { border-top-left-radius: 30px; border-bottom-left-radius: 30px; } +.shop-single .product-detail .input-group-btn:last-child>.btn { border-top-right-radius: 30px; border-bottom-right-radius: 30px; } +.shop-single .product-detail .product-detail-price del { background: transparent; color: #333; font-size: 14px; } + +.shop-single .product-detail .product-detail-social { border-top: 1px solid #e0e0e0; padding-top: 20px; margin-top: 20px; } +.shop-single .product-detail .product-detail-social span { display: inline-block; padding-right: 20px; float: left; } +.shop-single .product-detail .product-detail-social ul li { display: inline-block; } +.shop-single .product-detail .product-detail-social ul li a { display: block; color: #aaaaaa; font-size: 14px; padding-right: 5px; } +.shop-single .product-detail .product-detail-social ul li a:hover { color: #F5A623; } + +.shop-single .product-detail .product-detail-meta { border-top: 1px solid #e0e0e0; padding-top: 20px; } +.shop-single .product-detail .product-detail-meta span { display: block; margin: 10px 0; } +.shop-single .product-detail .product-detail-meta span a { padding-left: 5px; } + +.slider-slick { overflow: hidden; } + +/*sidebar-widgets-wrap*/ +.sidebar-widgets-wrap .recent-item { margin-bottom: 20px; } +.sidebar-widgets-wrap .recent-item .recent-image { display: table-cell; padding-right: 10px; width: 50px; float: left; } +.sidebar-widgets-wrap .recent-item .recent-info { display: table-cell; vertical-align: top; } +.sidebar-widgets-wrap .recent-item .recent-title a { color: #353535; font-weight: bold; } +.sidebar-widgets-wrap .recent-item .recent-title a:hover { color: #F5A623;} +.sidebar-widgets-wrap .recent-item .recent-meta li { display: inline-block; color: #353535; } + +/*product left*/ +.product.left .product-image { float: left; padding-right: 20px; width: 26%; } +.product.left .product-image a {display: block; width: 100%; height: 100%; } +.product.left .product-description { padding-top: 0; display: table-cell; padding-bottom: 0; vertical-align: top; text-align: left; width: 74%; } +.product.left .product-title a { margin-top: 0; } + + +/*deal-banner*/ +.deal-banner{background:#f4f4f2;} +.deal-banner img { width:100%; } +.deal-banner .caption{text-align:center;margin-top:25%;} +.deal-banner .caption span.off{color:#F5A623;font-size:24px;font-weight:600;text-transform:uppercase;} +.deal-banner .caption h2{font-size:42px;line-height:42px;color:#494949;font-weight:600;text-transform:uppercase;margin-top:12px;margin-bottom:22px;} +.deal-banner .caption a.viewbt{color:#fff;background:#F5A623;padding:10px 22px;text-align:center;display:inline-block;margin-top:26px; border-radius: 30px;} +.deal-banner .caption a.viewbt:hover{background:#494949;} +.deal-banner .counter-deal ul li{background:#fff;display:inline-block;padding:7px 12px;margin-right:17px;} +.deal-banner .counter-deal ul li span.big{font-size:22px;font-weight:700;margin-left:12%;margin-right:12%;} +.deal-banner .counter-deal ul li span.smalltxt{padding-top:0;} + +/************************************* + offer banner +*************************************/ + .line-effect { position:relative; background: transparent; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } + .overlay { position:absolute; width:100%; height:100%; left:0; top:0; } + .overlay { background:none; width:100%; height:100%; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} + .overlay:before{ border-bottom: 1px solid #fff; border-top: 1px solid #fff; -o-transform: scale(0, 1); -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); transform: scale(0, 1); } + .overlay:after { border-left: 1px solid #fff; border-right: 1px solid #fff; -o-transform: scale(1, 0); -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); transform: scale(1, 0); } + .overlay:before, .overlay:after { bottom: 15px; content: ""; left: 15px; opacity: 0; position: absolute; right: 15px; top: 15px; -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; z-index: 1; } + +.offer-banner-1 { position: relative; } +.offer-banner-1 .banner-content { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; z-index: 2; } +.offer-banner-1 .banner-content strong { display: block; color: #fff; margin: 20px 0px; } +.offer-banner-1 .banner-image.bg-overlay-black-50:before { z-index: 1; } +.offer-banner-1:hover .line-effect .overlay:before, .offer-banner-1:hover .line-effect .overlay:after { opacity:1; -o-transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -o-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;-webkit-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; -moz-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;} +.offer-banner-1 .banner-image img { width: 100%; } +.offer-banner-2 { height: 458px; display: block; width: 100%; } +.offer-banner-2 .banner-bg {display: table; height: 100%; position: relative; width: 100%; } +.offer-banner-2 .line-effect { display: table-cell; vertical-align: middle; position: relative; } +.offer-banner-2 .banner-content { position: relative; z-index: 99; } +.offer-banner-2 .banner-content h1 { position: relative; padding-bottom: 10px; } +.offer-banner-2 .banner-content h1:before { position: absolute; content: ""; background: #F5A623; width: 60px; bottom: 0px; margin-left: -30px; height: 1px; left: 50%; } +.offer-banner-2 .banner-content strong { display: block; color: #000; margin: 20px 40px; } +.offer-banner-2 .banner-content span { display: block; color: #000; margin: 20px 0px; } + .offer-banner-2 .overlay:before{ border-bottom: 1px solid #000; border-top: 1px solid #000; -o-transform: scale(0, 1); -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); transform: scale(0, 1); } + .offer-banner-2 .overlay:after { border-left: 1px solid #000; border-right: 1px solid #000; -o-transform: scale(1, 0); -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); transform: scale(1, 0); } +.offer-banner-2:hover .line-effect .overlay:before, .offer-banner-2:hover .line-effect .overlay:after { opacity:1; -o-transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -o-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;-webkit-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; -moz-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;} + +/************************************* + add banner +*************************************/ +.add-banner-1 { position: relative; } +.add-banner-1 .add-banner-content { padding: 30px; display: inline-block; left: 0; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; z-index: 99; } +.add-banner-1 .add-section-image.bg-overlay-black-50:before { z-index: 0; } +.add-banner-1 .add-banner-content p { font-size: 14px; color: #fff; line-height: 26px; margin-bottom: 15px; } +.add-banner-1 .add-banner-content h5 { position: relative; padding-bottom:20px; } +.add-banner-1 .add-banner-content h5.border:before { position: absolute; content: ""; width: 60px; height: 1px; background: #F5A623; left: 50%; margin-left: -30px; bottom: 0px; } +.add-banner-1 .add-banner-content span { display: block; font-size: 14px; color: #fff; padding: 15px 0px; } +.add-banner-1 .add-banner-content a { font-size: 14px; color: #fff; text-transform: uppercase; } +.add-banner-1 .add-banner-content a:hover { color: #F5A623; } +.add-banner-1 .add-banner-content a.button-white-border { padding: 10px 40px; } +.add-banner-1:hover .line-effect .overlay:before, .add-banner-1:hover .line-effect .overlay:after { opacity:1; -o-transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -o-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;-webkit-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; -moz-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; } + +/************************************* + add banner 2 +*************************************/ +.add-banner-2 .add-banner-content { padding: 100px 50px; } +.add-banner-2 .add-banner-content h2 { font-size: 48px; line-height: 48px; font-weight: 400; text-transform: uppercase; margin-bottom: 15px; } +.add-banner-2 .add-banner-content h3 { font-size: 38px; line-height: 38px; font-weight: 400; text-transform: uppercase; margin-bottom: 15px; } + + /************************************* + home 02 +*************************************/ + .shop-split-content { padding: 130px 0; } + .shop-split-content ins { font-size: 30px; font-weight: 600; text-decoration: none; color: #F5A623; } + + /************************************* + home 03 +*************************************/ + .shop-blog .blog-box { padding: 220px 30px 40px; } + .shop-blog .blog-box:hover .blog-box-img:before, .shop-blog .blog-box.active .blog-box-img:before { background:linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-webkit-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-o-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-ms-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-moz-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); } + + /************************************* + wishlist page +**************************************/ +.wishlist-page .table tbody { border:0px; border-bottom: 1px solid #f0ede7; } +.wishlist-page .table > tfoot > tr > td { border-top: none; border-bottom: solid 1px #f0ede7; } +.wishlist-page .table > thead > tr > th, +.wishlist-page .table > tbody > tr > th, +.wishlist-page .table > tfoot > tr > th, +.wishlist-page .table > thead > tr > td, +.wishlist-page .table > tbody > tr > td, +.wishlist-page .table > tfoot > tr > td { padding: 20px 20px; vertical-align: middle; text-align: center; } +.wishlist-page .table .image img { width: 50px; } +.wishlist-page .table td.price.price-2 { color: #F5A623; } +.wishlist-page .table td.total a { border: 1px solid #f0ede7; font-size: 14px; padding: 3px 6px; } +.wishlist-page .table td.total a:hover { border: 1px solid #F5A623; background: #F5A623; color: #ffffff; } +.wishlist-page .table .td-quentety input { border: 1px solid #ccc; margin: 15px 0 5px 0; padding: 0px 0px 0 20px; width: 70px; height: 35px; background: transparent; } +.wishlist-page .table .td-quentety input:focus { box-shadow: none; } +.wishlist-page .price:hover { box-shadow: none; } \ No newline at end of file diff --git a/apply/css_r/shortcodes/_feature-text.css b/apply/css_r/shortcodes/_feature-text.css new file mode 100644 index 0000000..33ccc29 --- /dev/null +++ b/apply/css_r/shortcodes/_feature-text.css @@ -0,0 +1,66 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Features box CSS. +*/ + +/************************************* + Features all + **************************************/ +.feature-text { text-align: center; } +.feature-text.text-left { text-align: left; } +.feature-text.text-left .feature-icon span, .feature-text.text-left .feature-icon i { padding-left: 0; } +.feature-text.text-right .feature-icon span, .feature-text.text-right .feature-icon i { padding-right: 0; } +.feature-text.text-right { text-align: right; } +.feature-text .feature-icon span, .feature-text .feature-icon i { font-size: 40px; margin-bottom: 30px; display: inline-block; padding-left: 15px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; } +.feature-text.round .feature-icon span, .feature-text.round .feature-icon i { width: 70px; height: 70px; line-height: 70px; display: inline-block; font-size: 26px; border-radius: 50%; padding-left: 0px; } +.feature-text.border .feature-icon span, .feature-text.border .feature-icon i { color: #323232; background: transparent; border:2px solid #323232; padding-left: 0px; } +.feature-text.gray-icon .feature-icon span, .feature-text.gray-icon .feature-icon i { color: #323232; background: #f6f7f8; padding-left: 0px; } +.feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i { color: #ffffff; background: #FC5C3C; padding-left: 0px; } +.feature-text.shadow .feature-icon span, .feature-text.shadow .feature-icon i { color: #323232; background: #ffffff; box-shadow: 0 4px 20px rgba(0,0,0,0.09); padding-left: 0px; } +.feature-text.square .feature-icon span, .feature-text.square .feature-icon i { width: 70px; height: 70px; line-height: 70px; display: inline-block; font-size: 26px; padding-left: 0px;} + +/*left-icon*/ +.feature-text.left-icon .feature-info { text-align: left; padding-left: 60px; } +.feature-text.left-icon .feature-icon { position: absolute; left: 0; } + +/*right-icon*/ +.feature-text.right-icon .feature-info { text-align: right; padding-right: 60px; } +.feature-text.right-icon .feature-icon { position: absolute; right: 0; } + +.feature-text.left-icon.round .feature-info { padding-left: 80px; } +.feature-text.right-icon.round .feature-info { padding-right: 80px; } + + /*box-shadow*/ +.feature-text.box-shadow { box-shadow: 0 0px 30px rgba(0,0,0,0.09); padding: 40px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.feature-text.box-shadow:hover { box-shadow: 0 0px 70px rgba(0,0,0,0.09); } + +/*border-box*/ +.feature-text.border-box { box-shadow: 0 0px 1px rgba(0,0,0,0.5); padding: 40px;} + +/*button*/ +.feature-text .button { margin-top: 10px; } +.feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span { background: #FC5C3C; color: #ffffff; border-color: #FC5C3C; } +.feature-text.theme-icon:hover .feature-icon span, .feature-text.theme-icon:hover .feature-icon i { background: #323232; color: #ffffff; } +.feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span { background: #FC5C3C; color: #ffffff; border-color: #FC5C3C; } +.feature-text.square.theme-icon:hover .feature-icon span, .feature-text.square.theme-icon:hover .feature-icon i { background: #323232; color: #ffffff; } + + /*feature-box*/ + .awesome-features .img-side img { position: absolute; top: -30px; left: 0; } +.feature-box { border:1px solid #e6e6e6; padding: 1px; position: relative; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 1; } +.feature-box-content { position: relative; padding: 30px; padding-bottom: 0; z-index: 9; } +.feature-box i { width: 100%; font-size: 30px; color: #FC5C3C; padding: 0 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} +.feature-box h4 { text-transform: none; padding:30px 0 0px; font-weight: 500; transition: all 0.3s ease-out 0s; } +.feature-box p { transition: all 0.3s ease-out 0s; } +.feature-box a { font-size: 16px; font-weight: 300; color: #808080; margin: 25px 0 10px; padding: 0 30px; display: block; position: relative; z-index: 3; } +.feature-box .feature-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 0; background-size: cover; background-position: center center; } +.feature-box .border { position: absolute; background: #FC5C3C; height: 0px; bottom: 0; left: 0; z-index:2; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.feature-box:hover .feature-box-img, .feature-box.active .feature-box-img { opacity: 1; } +.feature-box:hover .border, .feature-box.active .border { height: 45px; } +.feature-box:hover i, .feature-box.active i { background: rgba(255, 255, 255, 0); color: #fff; } +.feature-box:hover h4, .feature-box.active h4, .feature-box:hover p, .feature-box.active p { color: #fff; } +.feature-box:hover a, .feature-box.active a { color: #fff; } +.feature-box:hover:before, .feature-box.active:before { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; color: #fff; content: ""; display: inline-block; height: 100%; + left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } \ No newline at end of file diff --git a/apply/css_r/shortcodes/_nice-select.css b/apply/css_r/shortcodes/_nice-select.css new file mode 100644 index 0000000..8ec578e --- /dev/null +++ b/apply/css_r/shortcodes/_nice-select.css @@ -0,0 +1,38 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains nice select CSS. +*/ + +/************************* + nice-select +*************************/ +.nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 25px; border: solid 1px #d0dae5; box-sizing: border-box; + clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 12px; font-weight: normal; height: 50px; line-height: 47px; outline: none; + padding-left: 30px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; } +.nice-select:hover { border-color: #FC5C3C; } +.nice-select:active, .nice-select.open, .nice-select:focus { border-color: #88bfff; } +.nice-select:after { border-bottom: 2px solid #90a1b5; border-right: 2px solid #90a1b5; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; + position: absolute; right: 22px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; } +.nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } +.nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } +.nice-select.disabled { border-color: #e7ecf2; color: #90a1b5; pointer-events: none; } +.nice-select.disabled:after { border-color: #cdd5de; } +.nice-select.wide { width: 100%; } +.nice-select.wide .list { left: 0 !important; right: 0 !important; } +.nice-select.right { float: right; } +.nice-select.right .list { left: auto; right: 0; } +.nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } +.nice-select.small:after { height: 4px; width: 4px; } +.nice-select.small .option { line-height: 34px; min-height: 34px; } +.nice-select .list { max-height: 300px; overflow-y: scroll; background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } +.nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } +.nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; + -webkit-transition: all 0.2s; transition: all 0.2s; } +.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f7f9; } +.nice-select .option.selected { font-weight: bold; } +.nice-select .option.disabled { background-color: transparent; color: #90a1b5; cursor: not-allowed; } +.nice-select:active, .nice-select.open, .nice-select:focus { border-color: #ffffff !important; } \ No newline at end of file diff --git a/apply/css_r/shortcodes/_owl-carousel.css b/apply/css_r/shortcodes/_owl-carousel.css new file mode 100644 index 0000000..9bbda86 --- /dev/null +++ b/apply/css_r/shortcodes/_owl-carousel.css @@ -0,0 +1,31 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Owl Carousel CSS. +*/ + +/*************************** + Owl Carousel +***************************/ +.owl-carousel .owl-item img { width: auto; } +.owl-carousel .owl-nav { display: block; position: absolute; text-indent: inherit; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; z-index: 999;} +.owl-carousel .owl-nav .owl-prev, +.owl-carousel .owl-nav .owl-next{display: block; position: absolute; text-indent: inherit; width: auto; cursor: pointer; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out;} +.owl-carousel .owl-nav .owl-prev{left:0;} +.owl-carousel .owl-nav .owl-next{right:0;} +.owl-carousel .owl-nav i{ font-size: 20px; width:36px; height:36px; line-height:36px; display: inline-block; color:#ffffff; border-radius: 50%; background:#FC5C3C; border:0px solid #3d3d3d; font-weight:normal; text-align: center; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;} +.owl-carousel .owl-nav i:hover{background:#333; color:#ffffff;} +.bottom-nav .owl-nav { bottom: 0; top: inherit; } +.bottom-nav .owl-nav .owl-next { right: 46%; } +.bottom-nav .owl-nav .owl-prev { left: 46%; } + +/* Dots */ +.owl-carousel .owl-controls .owl-dot { margin: 0; display: inline-block; } +.owl-carousel .owl-dots { display: inline-block; /*position: absolute; bottom: -35px; */text-indent: inherit; width: 100%; cursor: pointer; text-align: center; } +.owl-carousel .owl-dots .owl-dot span { background: #ddd; display: inline-block; width: 10px; height: 10px; border-radius: 50%; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; cursor: pointer; } +.owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span { background:#FC5C3C; } +.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { display: inline-block; margin: 14px 2px 0; } +.bottom-left-dots .owl-dots { bottom: 30px !important; position: absolute; } +.bottom-left-dots .owl-dots .owl-dot span { background: #ffffff; } \ No newline at end of file diff --git a/apply/css_r/shortcodes/accordion.css b/apply/css_r/shortcodes/accordion.css new file mode 100644 index 0000000..2d0c874 --- /dev/null +++ b/apply/css_r/shortcodes/accordion.css @@ -0,0 +1,56 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Accordion CSS. +*/ + +/*************************** + Accordion +***************************/ +.accordion .acd-group .acd-heading:before { font-family: fontawesome; } +.accordion .acd-group .acd-heading:before { cursor: pointer; position: absolute; top: 6px; right: 20px; display: block; padding: 3px 6px 2px; content: "\f105"; font-size: 22px; line-height: 38px; } +.accordion .acd-group > .acd-heading > span { margin-right: 15px; } +.accordion .acd-heading { font-weight: 500; position: relative; padding: 20px 0; color: #353535; line-height: normal; cursor: pointer; background-color: transparent; margin-bottom: 0px; display: block; font-family: 'Nanum Gothic', serif; text-transform: uppercase; border-radius: 90px; } +.acd-des { padding: 0 20px 20px 0; } +.accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover { color: #F5A623; } +.accordion .acd-group.acd-active .acd-heading:before { content: "\f107"; } +.accordion .acd-group.acd-active .acd-heading span { color: #fff; } + +/*plus-icon*/ +.accordion.plus-icon .acd-group.acd-active .acd-heading:before { content: "\f068"; font-size: 14px; } +.accordion.plus-icon .acd-group .acd-heading:before { content: "\f067"; font-size: 14px; } + +/*plus-icon round*/ +.accordion.plus-icon.round .acd-group.acd-active .acd-heading:before { content: "\f056"; font-size: 14px; } +.accordion.plus-icon.round .acd-group .acd-heading:before { content: "\f055"; font-size: 14px; } + +/*gray*/ +.accordion.gray .acd-heading { background-color: #f7f7f7; } +.accordion.gray .acd-heading { margin-bottom: 20px; padding: 20px 30px; } +.accordion.gray .acd-des { padding: 0 30px 20px; } +.accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover { color: #fff; background: #F5A623; } + +/*shadow*/ +.accordion.shadow .acd-heading { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } +.accordion.shadow .acd-heading { margin-bottom: 20px; padding: 20px 30px; } +.accordion.shadow .acd-des { padding: 0 30px 20px; } +.accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover { color: #fff; background: #F5A623; } + + +/*border*/ +.accordion.border .acd-heading { background: transparent; border:1px solid #eeeeee; box-shadow: none; } +.accordion.border .acd-heading { margin-bottom: 20px; padding: 20px 30px; } +.accordion.border .acd-des { padding: 0 30px 20px; } +.accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover { color: #fff; background: #F5A623; } + +/* Accordion Simple */ +.accordion.animated .acd-group .acd-heading { box-shadow: none; border:none; font-size: 18px; margin-bottom: 0; color:#363636; text-transform: inherit; font-weight: 700; padding: 20px 0px 0; } +.accordion.animated .acd-group.acd-active .acd-heading { font-size: 28px; color: #F5A623; margin-bottom: 20px; background: none !important;} +.accordion.animated .acd-group .acd-heading:hover{background: none !important; color: #F5A623;} +.accordion.animated .acd-group .acd-heading::before { display: none; } +.accordion.animated .acd-group .acd-des { padding: 0 30px 20px; } + +.accordion.animated.dark-bg .acd-group.acd-active .acd-heading { color: #ffffff; } +.accordion.animated.dark-bg .acd-group .acd-heading:hover { color: #ffffff; } \ No newline at end of file diff --git a/apply/css_r/shortcodes/action-box.css b/apply/css_r/shortcodes/action-box.css new file mode 100644 index 0000000..64bc652 --- /dev/null +++ b/apply/css_r/shortcodes/action-box.css @@ -0,0 +1,54 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Action Box CSS. +*/ + +/************************************* + action-box +**************************************/ +.action-box { position: relative; } +.action-box a.button { position: absolute; right: 0; top: 50%; margin-top: -20px; } + +/*border*/ +.action-box.border { padding: 30px; border:1px solid #eeeeee; } +.action-box.border a.button { right: 30px; } + +/*border center*/ +.action-box.center { text-align: center; } +.action-box.center a.button { position: relative; top: inherit; right: inherit; margin-top: 15px; } + +/*theme-bg*/ +.action-box.theme-bg { padding: 30px; } +.action-box.theme-bg a.button { right: 30px; } +.action-box.theme-bg h3, .action-box.theme-bg p { color: #ffffff; } + +/*theme-bg*/ +.action-box.black-bg { padding: 30px; } +.action-box.black-bg a.button { right: 30px; } +.action-box.black-bg h3, .action-box.black-bg p { color: #ffffff; } + +/*gray-bg*/ +.action-box.gray-bg { padding: 30px; } +.action-box.gray-bg a.button { right: 30px; } + +/*white-bg*/ +.action-box.white-bg { padding: 30px; } +.action-box.white-bg a.button { right: 30px; } + +/*gray-bg*/ +.action-box.parallax { padding: 100px 30px; } +.action-box.parallax h3, .action-box.parallax p { color: #ffffff; } + +/*full-width*/ +.action-box.full-width a.button { right: 15px; } + +/*gray-bg*/ +.action-box.pattern { padding: 100px 30px; } + +/*small*/ +.action-box.small { padding: 40px 35px; } +.action-box.small h3, .action-box.small p, .action-box.small .social-icons { position: relative; } +.action-box.small a.button { position: relative; top: inherit; right: inherit; margin-top: 15px; } \ No newline at end of file diff --git a/apply/css_r/shortcodes/blockquote.css b/apply/css_r/shortcodes/blockquote.css new file mode 100644 index 0000000..3c2890e --- /dev/null +++ b/apply/css_r/shortcodes/blockquote.css @@ -0,0 +1,31 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains blockquote CSS. +*/ + +/************************* + blockquote +*************************/ +blockquote { position: relative; } +blockquote cite { display: block; font-weight: 600; margin-top: 10px; } + +/*blockquote-right*/ +.blockquote-right { text-align: right; border-right: 5px solid #eee; border-left: 0; margin: 0 20px 0; } + +/*quote*/ +.quote { padding-top: 50px; } +.quote:before { content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #eee; position: absolute; left: 14px;top: -20px; } + +/*quote right*/ +.blockquote-right.quote:before { left: inherit; right: 14px; } + +/*theme-bg*/ +blockquote.theme-bg { border: 0px; color: #ffffff; padding: 70px 30px 30px; border-radius: 6px; } +blockquote.theme-bg:before { left: 24px; top: -10px; } + +/*theme-bg*/ +blockquote.black-bg { border: 0px; color: #ffffff; padding: 70px 30px 30px; border-radius: 6px; } +blockquote.black-bg:before { left: 24px; top: -10px; left: inherit; } \ No newline at end of file diff --git a/apply/css_r/shortcodes/bootstrap-typography.css b/apply/css_r/shortcodes/bootstrap-typography.css new file mode 100644 index 0000000..f487bd4 --- /dev/null +++ b/apply/css_r/shortcodes/bootstrap-typography.css @@ -0,0 +1,147 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Bootstrap Typography CSS. +*/ + +.pager { margin: 0; } +.affix { left: 0; right: 0; } +.btn-primary { background-color: #F5A623; border-color: #F5A623; } +.btn-primary:hover { background-color: #323232; border-color: #323232; } +.btn-primary.focus, .btn-primary:focus { background-color: #323232; border-color: #323232; } +.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background-color: #F5A623; } +select.input-sm { height: 50px; } +.nice-select:active, .nice-select.open, .nice-select:focus { border-color:#F5A623 !important; } +.list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge { color: #F5A623; } +.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { border-color: #F5A623; } +.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { background-color: #F5A623; border-color: #F5A623 } +.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background: #F5A623; } +.input-group-addon:last-child { border: 0; } +.input-group-addon { border-left:1px solid #e0e0e0 !important; padding: 6px 26px 6px 22px; background: #f6f7f8; border-radius: 25px; } +.datetimepicker .form-control:focus { box-shadow: none; background-color: #f6f7f8; } +.modal1 .mfp-close { display: none; } +.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0; } +/************************* + Process step +*************************/ +.stepwizard-step p { margin-top: 10px; } +.stepwizard-row { display: table-row;} +.stepwizard { display: table; width: 100%; position: relative; } +.stepwizard-step button[disabled] { opacity: 1 !important; filter: alpha(opacity=100) !important; } +.stepwizard-row:before { top: 24px; bottom: 0; position: absolute; content: " "; width: 100%; height: 1px; background-color: #ccc; z-order: 0; } +.stepwizard-step { display: table-cell; text-align: center; position: relative; } +.btn-circle { width: 50px; height: 50px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 50%; } + +/************************* + responsive-utilities +*************************/ +.responsive-utilities .is-visible { color: #468847; background-color: #dff0d8!important; } +.responsive-utilities .is-hidden { color: #ccc; background-color: #f9f9f9!important; } +.hidden-on .col-6 .visible, .visible-on .col-6 .visible { color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; } + +/************************************* + animations + **************************************/ +.bg { padding: 30px; border-radius: 3px; margin-bottom: 30px; } +.bg-01 { background: #fe80c0; } +.bg-02 { background: #b24a7d; } +.bg-03 { background: #76bcff; } +.bg-04 { background: #8d708e; } +.bg-05 { background: #807fff; } +.bg-06 { background: #e74c3c; } +.bg-07 { background: #16a085; } +.bg-08 { background: #f1c40f; } +.bg-09 { background: #27ae60; } +.bg-10 { background: #1abc9c; } +.bg-11 { background: #9b59b6; } +.bg-12 { background: #3498db; } +.bg-13 { background: #ff6d3a; } +.bg-14 { background: #2ecc71; } +.bg-15 { background: #32cdc7; } +.bg-16 { background: #009a9a; } + +/************************* + columns +*************************/ +.columns .gray-bg { padding: 15px; border-radius: 3px;} +.columns .gray-bg h5 { margin-bottom: 0px; } + +/************************* + Typography +*************************/ +.typography del, s, u { font-size: 14px; } +.typography .mark, mark { background: #F5A623; color: #fff; } +del, mark { background: #F5A623; color: #ffffff; padding: 0 5px; margin-right: 3px; } + +/************************* + data table +*************************/ +.table { margin-bottom: 0; } +.table-bordered tbody tr td, .table-bordered thead tr th { border-color: #eee; font-size: 14px; padding: 12px 20px; } +.table-1 thead { background: #F5A623; color: #fff; text-align: center; } +.table-1 thead tr th { border: medium none; font-weight: normal; text-align: center;} +.table-1 tbody tr td { color: #7e8890; font-size: 14px; padding: 12px 0; text-align: center; } +.table-2.table thead { background: transparent; color: #F5A623; font-weight: 600; text-align: center; } +.table-2.table thead tr th { border: 1px solid #F5A623 !important; text-align: center; } +.table-3.table thead { background: #dfdfdf; color: #323232; font-weight: 600; text-align: center; } +.table-3.table thead tr th { border:none; text-align: center; } + +/************************* + alerts and callouts +*************************/ +.alerts-and-callouts { font-size: 14px; } +.alerts-and-callouts .bs-callout { padding: 20px; margin: 20px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px; } +.alerts-and-callouts .bs-callout h4 { margin-top: 0; margin-bottom: 5px; } +.alerts-and-callouts .bs-callout p:last-child { margin-bottom: 0; } +.alerts-and-callouts .bs-callout code { border-radius: 3px; } +.alerts-and-callouts .bs-callout+.bs-callout { margin-top: -5px; } +.alerts-and-callouts .bs-callout-default { border-left-color: #777; } +.alerts-and-callouts .bs-callout-default h4 { color: #777; } +.alerts-and-callouts .bs-callout-primary { border-left-color: #428bca; } +.alerts-and-callouts .bs-callout-primary h4 { color: #428bca; } +.alerts-and-callouts .bs-callout-success { border-left-color: #5cb85c; } +.alerts-and-callouts .bs-callout-success h4 { color: #5cb85c; } +.alerts-and-callouts .bs-callout-danger { border-left-color: #d9534f; } +.alerts-and-callouts .bs-callout-danger h4 { color: #d9534f; } +.alerts-and-callouts .bs-callout-warning { border-left-color: #f0ad4e; } +.alerts-and-callouts .bs-callout-warning h4 { color: #f0ad4e; } +.alerts-and-callouts .bs-callout-info { border-left-color: #5bc0de; } +.alerts-and-callouts .bs-callout-info h4 { color: #5bc0de; } + +@media screen and (max-width: 767px) { +.animated { margin-top: 30px; } +.data-table .table tbody tr td { padding: 12px 10px; } +.tab-2 #tabs .tabs { width: 100%; } +.nav-tabs li a { font-size: 14px; } +.tab-1 li { margin-right: 2px; } +} + + /************************* + isotope +*************************/ +.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity}.isotope .isotope-item.no-transition,.isotope.no-transition,.isotope.no-transition .isotope-item{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s} + + /************************* + lists panels +*************************/ +.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { background-color: #F5A623; border-color: #F5A623; } +.panel-primary { border-color: #F5A623; } +.panel-primary>.panel-heading { background-color: #F5A623; border-color: #F5A623; } + + /************************* + lists panels +*************************/ +.modal { z-index: 99999; } +.modal-backdrop { z-index: 9999; } +.modal-dialog { margin: 100px auto; } +.modal-header, .modal-footer { border: 0; } +.modal-header, .modal-body { padding: 30px 30px 0 30px; } +.modal-footer { padding: 30px 30px 30px 30px; text-align: left; } +.modal-header .close { position: relative; z-index: 99; } + + /************************* + extra class +*************************/ +.image-content { float: left; width: 50%; margin: 0 20px 20px 0 ; } \ No newline at end of file diff --git a/apply/css_r/shortcodes/button.css b/apply/css_r/shortcodes/button.css new file mode 100644 index 0000000..096aef8 --- /dev/null +++ b/apply/css_r/shortcodes/button.css @@ -0,0 +1,58 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains button CSS. +*/ + +/*************************** + button +***************************/ +.button { background: #F5A623; padding: 12px 20px; font-size: 13px; letter-spacing: 1px; font-family: 'Nanum Gothic', serif; border: 0; color: #ffffff; text-transform: uppercase; font-weight: 400; display: inline-block; border-radius: 30px; text-align: center; border:2px solid #F5A623; } +.button + .button {margin-left: 20px;} +.button:hover, .button:focus { background: #353535; color: #ffffff; border-color: #353535; } +button { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } +.button.black { background: #353535; color: #ffffff; border:2px solid #353535;} +.button.black:hover, .button.black.active, .button.black:focus { background: #F5A623; color: #ffffff; border-color: #F5A623; } +.button.gray { background: #e0e0e0; color: #353535; border:2px solid #e0e0e0; } +.button.gray:hover, .button.gray.active, .button.gray:focus { background: #F5A623; color: #ffffff; border-color: #F5A623;} +.button.white { background: #fff; color: #F5A623; } +.button.white:hover, .button.white:focus { background: #353535; color: #ffffff;} +.button.opacity { background: rgba(245,166,35,0.6); color: #fff; border:0;} +.button.opacity:hover, .button.opacity:focus { background: #F5A623; color: #ffffff; border:0;} +.button.border { background: transparent; border: 2px solid #F5A623; color: #323232; } +.button.border:hover, .button.border:focus { background: #F5A623; color: #ffffff; border-color: #F5A623; } +.button.border.gray { background: transparent; border: 2px solid #e0e0e0; color: #aaaaaa; } +.button.border.gray:hover, .button.border.gray:focus { background: #F5A623; color: #ffffff; border-color: #F5A623; } +.button.border.white { background: transparent; border: 2px solid #fff; color: #fff; } +.button.border.white:hover, .button.border.white:focus { background: #fff; color: #F5A623; border-color: #fff; } +.button.border.black { background: transparent; border: 2px solid #353535; color: #353535; } +.button.border.black:hover, .button.border.black:focus { background: #353535; color: #ffffff; border-color: #353535; } +.button.icon i { margin-left: 10px; } +/*button with icon*/ +.button.arrow { background: transparent; border: none; color: #F5A623; padding: 0; font-weight: 600; } +.button.arrow i { padding-left: 10px; font-size: 16px; } +.button.arrow:hover { color: #353535; } +.button.arrow.white { color: #ffffff; border: none; } +.button.arrow.white:hover { color: #aaaaaa; background: transparent; } +.button.icon-color{background: none; border: none; color: #F5A623; padding: 0} +.button.icon-color:hover{color: #353535; background: transparent; } +.button.icon-color i{border: 1px solid #F5A623; border-radius: 50%; height: 22px; width: 22px; line-height: 20px; margin-left: 10px; transform: translateX(0px); transition: all 0.5s cubic-bezier(0.76, 0.46, 0.22, 1) 0s;} +.button.icon-color:hover i{background: #353535; border-color: #353535; color: #ffffff; transform: translateX(3px);} +.button.icon-color.white:hover, .button.icon-color.white:focus{color: #ffffff; border:none; background: none;} +.button.icon-color.white:hover i, .button.icon-color.white:focus i{background: #ffffff; color: #F5A623;} +.theme-bg .button.icon-color{color: #ffffff;} +.theme-bg .button.icon-color i {border-color: #ffffff;} +.theme-bg .button.icon-color:hover i { background: #ffffff; color: #F5A623; } +.big-button { padding: 28px 30px; font-size: 24px; } +.big-button span { display: block; font-size: 12px; margin-top: 6px;} +.button.x-small { padding: 8px 14px; font-size: 12px; } +.button.small { padding: 10px 18px; font-size: 12px; } +.button.medium { padding: 12px 20px; font-size: 14px; } +.button.large { padding: 14px 20px; font-size: 15px; } +.button.wide { padding: 8px 50px; font-size: 20px; } + +.button + .button.btn-block { margin-left: 0; } +/*button dropdown */ +.btn-dropdown { width:100%; padding:8px; font-size:12px; background-color:#fff; border-radius: 0px; border:1px solid #979797; } \ No newline at end of file diff --git a/apply/css_r/shortcodes/clients.css b/apply/css_r/shortcodes/clients.css new file mode 100644 index 0000000..ffaa6fa --- /dev/null +++ b/apply/css_r/shortcodes/clients.css @@ -0,0 +1,28 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Clients logo CSS. +*/ + +/************************* + Clients +*************************/ +.clients-list { overflow: hidden; } +.clients-list ul li { float: left; position: relative; width: 20%; padding: 20px; } +.clients-list.border ul li:before { height: 100%; top: 0; left: -1px; border-left: 1px solid #eee; } +.clients-list.border ul li:after, .clients-list.border ul li:before { content: ''; position: absolute; } +.clients-list.border ul li:after { width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px solid #eee; } + +/*column-4*/ + .clients-list.column-4 ul li { float: left; position: relative; width: 25%; padding: 10px; } + +/*column-3*/ +.clients-list.column-3 ul li { float: left; position: relative; width: 33.333%; padding: 10px; } + +/*column-2*/ +.clients-list.column-2 ul li { float: left; position: relative; width: 50%; padding: 10px; } + +.clients-list.grayscale img { filter: gray; -webkit-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } +.clients-list.grayscale img:hover { -webkit-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); } diff --git a/apply/css_r/shortcodes/contact-form.css b/apply/css_r/shortcodes/contact-form.css new file mode 100644 index 0000000..3a72846 --- /dev/null +++ b/apply/css_r/shortcodes/contact-form.css @@ -0,0 +1,61 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Contact form CSS. +*/ + +/************************* + Contact form +*************************/ +/*form-control*/ +.form-control { border-radius: 30px; height: auto; line-height: 1.33333; padding: 15px 18px 15px 30px; background: #f6f7f8; color: #323232; border: 0px solid transparent; box-shadow: none; } +.form-control:focus { background: #ffffff; border:0px; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; + -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; + border-color: transparent; } +.form-control.input-lg { resize: none; font-size: .9em } +.form-control.rounded { border-radius: 0px; } +.input-group-addon { border: 1px solid #e0e0e0; } +.form-group label { color: #353535; display: inline-block; margin-top: 8px; margin-bottom: 4px; text-transform: uppercase; font-size: 13px; } +.form-inline button { margin: 0px; } +.form-group > label { display: block; } +.form-control::-moz-placeholder { color: #323232; } +.form-control::-ms-input-placeholder { color: #323232; } +.form-control::-webkit-input-placeholder { color: #323232; } +.table-bordeblue>tbody>tr>td, .table-bordeblue>tbody>tr>th, .table-bordeblue>tfoot>tr>td, .table-bordeblue>tfoot>tr>th, .table-bordeblue>thead>tr>td, .table-bordeblue>thead>tr>th { border-color: #e0e0e0; padding: 12px 20px; } +textarea.form-control { resize: vertical; } +.contact-form.border-form .form-control { background: transparent; color: #aaaaaa; border:2px solid #eeeeee; } +.contact-form.border-form .form-control { box-shadow: none; color: #aaaaaa; } +.contact-form.border-form .form-control::-moz-placeholder { color: #aaaaaa; } +.contact-form.border-form .form-control::-ms-input-placeholder { color: #aaaaaa; } +.contact-form.border-form .form-control::-webkit-input-placeholder { color: #aaaaaa; } +.contact-form.border-form .form-control:focus { background: #f6f7f8; } +.contact-form.border-form .nice-select { background: transparent; color: #aaaaaa; border:2px solid #eeeeee; } +.contact-form.border-form .nice-select .option { color: #323232; } +.contact-form.border-form .nice-select:after { border-color: #aaaaaa; } +.contact-form.dark-form .form-control { background: rgba(43, 43, 43, 0.12); color: #ffffff; } +.contact-form.dark-form .form-control { box-shadow: none; color: #ffffff; } +.contact-form.dark-form .form-control::-moz-placeholder { color: #ffffff; } +.contact-form.dark-form .form-control::-ms-input-placeholder { color: #ffffff; } +.contact-form.dark-form .form-control::-webkit-input-placeholder { color: #ffffff; } +.contact-form.dark-form .form-control:focus { background: rgba(43, 43, 43, 0.19); } +.contact-form.dark-form .nice-select { background: rgba(43, 43, 43, 0.12); ; color: #ffffff; border:0; } +.contact-form.dark-form .nice-select .option { color: #323232; } +.contact-form.dark-form .nice-select:after { border-color: #ffffff; } +.contact-form.transparent-form .form-control { background: rgba(255, 255, 255, 0.12); color: #ffffff; } +.contact-form.transparent-form .form-control { box-shadow: none; color: #ffffff; } +.contact-form.transparent-form .form-control::-moz-placeholder { color: #ffffff; } +.contact-form.transparent-form .form-control::-ms-input-placeholder { color: #ffffff; } +.contact-form.transparent-form .form-control::-webkit-input-placeholder { color: #ffffff; } +.contact-form.transparent-form .form-control:focus { background: rgba(255, 255, 255, 0.19); } +.contact-form.transparent-form .nice-select { background: rgba(255, 255, 255, 0.12); color: #ffffff; border:0; } +.contact-form.transparent-form .nice-select .option { color: #323232; } +.contact-form.transparent-form .nice-select:after { border-color: #ffffff; } +.contact-form.full-width .section-field { width: 100%; } +.newsletter.francy { position: relative; } +.newsletter.francy .form-control { padding-right: 200px; } +.newsletter.francy button { position: absolute; top: 0; right: 0; padding: 13px 20px; } +.newsletter-box { padding: 30px; background: #ffffff; border-radius: 3px; } +.newsletter-box.gray-bg .form-control { background: #ffffff; } +.newsletter-box.border { padding: 30px; border:2px solid #eeeeee; border-radius: 3px; } \ No newline at end of file diff --git a/apply/css_r/shortcodes/countdown.css b/apply/css_r/shortcodes/countdown.css new file mode 100644 index 0000000..7ab55a7 --- /dev/null +++ b/apply/css_r/shortcodes/countdown.css @@ -0,0 +1,45 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains countdown CSS. +*/ + +/************************* + countdown +*************************/ +.countdown { display: inline-block; text-align: center; margin: 0px 20px; } +.countdown span { font-size: 40px; line-height: 40px; } +.countdown p { font-size: 16px; text-transform: capitalize; margin-bottom: 0; } + +/*small*/ +.countdown.small { display: inline-block; text-align: center; margin: 0px 10px; } +.countdown.small span { font-size: 30px; line-height: 30px; } + +/*medium*/ +.countdown.medium { display: inline-block; text-align: center; margin: 0px 30px; } +.countdown.medium span { font-size: 50px; line-height: 50px; } +.countdown.medium p { font-size: 20px; text-transform: capitalize; } + +/*large*/ +.countdown.large { display: inline-block; text-align: center; margin: 0px 40px; } +.countdown.large span { font-size: 70px; line-height: 70px; } +.countdown.large p { font-size: 24px; text-transform: capitalize; } + +/*gray-bg */ +.countdown.gray-bg { padding: 10px; } + +/*border*/ +.countdown.border { padding: 10px; border:2px solid #eeeeee; } + +/*border*/ +.countdown.round { padding: 30px; border:7px solid #eeeeee; border-radius: 50%; width: 140px; height: 140px; } +.countdown.round.small { width: 100px; height: 100px; padding: 15px 10px; } +.countdown.round.medium { width: 150px; height: 150px; padding: 15px; } +.countdown.round.medium span { line-height: 68px; } +.countdown.round.large { width: 190px; height: 190px; padding: 20px; } +.countdown.round.large span { line-height: 102px; } + +.countdown.text-white p { color: #ffffff; } +.countdown.round.text-white { border-color: rgba(255, 255, 255, 0.3); } \ No newline at end of file diff --git a/apply/css_r/shortcodes/counter.css b/apply/css_r/shortcodes/counter.css new file mode 100644 index 0000000..d100b06 --- /dev/null +++ b/apply/css_r/shortcodes/counter.css @@ -0,0 +1,37 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Counter CSS. +*/ + +/************************* + Counter +*************************/ +.counter{ position:relative; color:#353535; min-height:60px; } +.counter .icon { font-size: 40px; } +.counter .timer { display: block; font-size: 44px; font-weight: 600; line-height: 40px; margin: 20px 0 5px; } +.counter label { font-size: 15px; font-weight: 600; margin: 10px 0 0; position: relative; text-transform: uppercase; } +.counter.text-white { color:#ffffff; } +.counter.text-white label { color:#ffffff; } +.counter.text-white span { color:#ffffff; } +.counter.theme-color { color:#F5A623; } +.counter.theme-color label { color:#F5A623; } +.counter.theme-color span { color:#F5A623; } + +/*big-counter*/ +.counter.big-counter .timer { font-size: 70px; font-weight: 600; } +.counter.big-counter label { font-size: 18px; font-weight: 300; margin-top: 20px; } +.counter.big-counter icon { font-size: 50px; line-height: 60px; } + + /*left-icon*/ +.counter.left-icon { position:relative; padding-left:70px; } +.counter.left-icon .icon { font-size:40px; line-height:50px; position:absolute; left:0; bottom:auto; top:0; } +.counter.left-icon span { margin:0; line-height:40px; } + + /*left-icon*/ +.counter.right-icon { position:relative; padding-right:70px; } +.counter.right-icon .icon { font-size:40px; line-height:50px; position:absolute; right:0; bottom:auto; top:0; } +.counter.right-icon span { margin:0; line-height:40px; text-align: right; } +.counter.right-icon label { text-align: right; display: block; } \ No newline at end of file diff --git a/apply/css_r/shortcodes/divider.css b/apply/css_r/shortcodes/divider.css new file mode 100644 index 0000000..9c6ab92 --- /dev/null +++ b/apply/css_r/shortcodes/divider.css @@ -0,0 +1,34 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains divider CSS. +*/ + +/************************************* + divider + **************************************/ +.divider { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } +.divider.dotted { border-bottom: 2px dotted rgba(0, 0, 0, 0.1); } +.divider.dashed { border-bottom: 2px dashed rgba(0, 0, 0, 0.1); } +.divider.double { border-bottom: 5px double rgba(0, 0, 0, 0.1); } +.divider.outset { border-bottom: 5px outset rgba(0, 0, 0, 0.1); } + +/*icon*/ +.divider.icon { border: 0; color: #ccc; width: 100%; overflow: hidden; text-align: center; } +.divider.icon:after, .divider.icon:before, .divider.icon:after, .divider.icon:before { border-bottom: 1px solid rgba(0, 0, 0, 0.2); content: ""; display: inline-block; height: 10px; + margin: 0 -4px 0 -100%; vertical-align: top; width: 50%; } +.divider.icon::after, .divider.icon::after { margin: 0 -100% 0 0; } +.divider.icon i, .divider.icon span, .divider.icon i, .divider.icon span { margin: 0 20px 0 24px; } + +/*icon left*/ +.divider.icon.left i, .divider.icon.left span { float: left; margin: 0 40px 0 0; } +.divider.icon.right i, .divider.icon.right span { float: right; margin: 0 0 0 40px; } + +/*medium*/ +.divider.medium { width: 40%; margin: 0 auto; } + +/*small*/ +.divider.small { width: 20%; margin: 0 auto; } +.divider.light { border-color: rgba(255, 255, 255, 0.1); } \ No newline at end of file diff --git a/apply/css_r/shortcodes/dropcap.css b/apply/css_r/shortcodes/dropcap.css new file mode 100644 index 0000000..2a08646 --- /dev/null +++ b/apply/css_r/shortcodes/dropcap.css @@ -0,0 +1,16 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Dropcap & Highlight CSS. +*/ + +/************************************* + Dropcap & Highlight + **************************************/ + .dropcap { width: 40px; height: 40px; line-height: 40px; float: left; border-radius: 50%; background: #F5A623; text-align: center; color: #ffffff; margin-right: 10px; } + .dropcap.border { background: transparent; border:2px solid #F5A623; color: #F5A623; } + .dropcap.gray { background: #f6f7f8; color: #F5A623; } + .dropcap.large { width: 70px; height: 70px; line-height: 70px; font-size: 30px; } + .dropcap.square { border-radius: 3px; } \ No newline at end of file diff --git a/apply/css_r/shortcodes/feature-text.css b/apply/css_r/shortcodes/feature-text.css new file mode 100644 index 0000000..3b92b65 --- /dev/null +++ b/apply/css_r/shortcodes/feature-text.css @@ -0,0 +1,66 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Features box CSS. +*/ + +/************************************* + Features all + **************************************/ +.feature-text { text-align: center; } +.feature-text.text-left { text-align: left; } +.feature-text.text-left .feature-icon span, .feature-text.text-left .feature-icon i { padding-left: 0; } +.feature-text.text-right .feature-icon span, .feature-text.text-right .feature-icon i { padding-right: 0; } +.feature-text.text-right { text-align: right; } +.feature-text .feature-icon span, .feature-text .feature-icon i { font-size: 40px; margin-bottom: 30px; display: inline-block; padding-left: 15px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; } +.feature-text.round .feature-icon span, .feature-text.round .feature-icon i { width: 70px; height: 70px; line-height: 70px; display: inline-block; font-size: 26px; border-radius: 50%; padding-left: 0px; } +.feature-text.border .feature-icon span, .feature-text.border .feature-icon i { color: #323232; background: transparent; border:2px solid #323232; padding-left: 0px; } +.feature-text.gray-icon .feature-icon span, .feature-text.gray-icon .feature-icon i { color: #323232; background: #f6f7f8; padding-left: 0px; } +.feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i { color: #ffffff; background: #F5A623; padding-left: 0px; } +.feature-text.shadow .feature-icon span, .feature-text.shadow .feature-icon i { color: #323232; background: #ffffff; box-shadow: 0 4px 20px rgba(0,0,0,0.09); padding-left: 0px; } +.feature-text.square .feature-icon span, .feature-text.square .feature-icon i { width: 70px; height: 70px; line-height: 70px; display: inline-block; font-size: 26px; padding-left: 0px;} + +/*left-icon*/ +.feature-text.left-icon .feature-info { text-align: left; padding-left: 60px; } +.feature-text.left-icon .feature-icon { position: absolute; left: 0; } + +/*right-icon*/ +.feature-text.right-icon .feature-info { text-align: right; padding-right: 60px; } +.feature-text.right-icon .feature-icon { position: absolute; right: 0; } + +.feature-text.left-icon.round .feature-info { padding-left: 80px; } +.feature-text.right-icon.round .feature-info { padding-right: 80px; } + + /*box-shadow*/ +.feature-text.box-shadow { box-shadow: 0 0px 30px rgba(0,0,0,0.09); padding: 40px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.feature-text.box-shadow:hover { box-shadow: 0 0px 70px rgba(0,0,0,0.09); } + +/*border-box*/ +.feature-text.border-box { box-shadow: 0 0px 1px rgba(0,0,0,0.5); padding: 40px;} + +/*button*/ +.feature-text .button { margin-top: 10px; } +.feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span { background: #F5A623; color: #ffffff; border-color: #F5A623; } +.feature-text.theme-icon:hover .feature-icon span, .feature-text.theme-icon:hover .feature-icon i { background: #323232; color: #ffffff; } +.feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span { background: #F5A623; color: #ffffff; border-color: #F5A623; } +.feature-text.square.theme-icon:hover .feature-icon span, .feature-text.square.theme-icon:hover .feature-icon i { background: #323232; color: #ffffff; } + + /*feature-box*/ + .awesome-features .img-side img { position: absolute; top: -30px; left: 0; } +.feature-box { border:1px solid #e6e6e6; padding: 1px; position: relative; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 1; } +.feature-box-content { position: relative; padding: 30px; padding-bottom: 0; z-index: 9; } +.feature-box i { width: 100%; font-size: 30px; color: #F5A623; padding: 0 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} +.feature-box h4 { text-transform: none; padding:30px 0 0px; font-weight: 500; transition: all 0.3s ease-out 0s; } +.feature-box p { transition: all 0.3s ease-out 0s; } +.feature-box a { font-size: 16px; font-weight: 300; color: #808080; margin: 25px 0 10px; padding: 0 30px; display: block; position: relative; z-index: 3; } +.feature-box .feature-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 0; background-size: cover; background-position: center center; } +.feature-box .border { position: absolute; background: #F5A623; height: 0px; bottom: 0; left: 0; z-index:2; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.feature-box:hover .feature-box-img, .feature-box.active .feature-box-img { opacity: 1; } +.feature-box:hover .border, .feature-box.active .border { height: 45px; } +.feature-box:hover i, .feature-box.active i { background: rgba(255, 255, 255, 0); color: #fff; } +.feature-box:hover h4, .feature-box.active h4, .feature-box:hover p, .feature-box.active p { color: #fff; } +.feature-box:hover a, .feature-box.active a { color: #fff; } +.feature-box:hover:before, .feature-box.active:before { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; color: #fff; content: ""; display: inline-block; height: 100%; + left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } \ No newline at end of file diff --git a/apply/css_r/shortcodes/list-style.css b/apply/css_r/shortcodes/list-style.css new file mode 100644 index 0000000..3721680 --- /dev/null +++ b/apply/css_r/shortcodes/list-style.css @@ -0,0 +1,37 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains list style CSS. +*/ + +/************************* + list-style +*************************/ +ul.list { padding:0; margin:0; } +ul.list li { margin:5px 0; padding-left:24px; position: relative; line-height: 28px; } +ul.list i { position: absolute; left: 0; top: 5px; } +ul.list.theme-color li i { color: #F5A623; } +ul.list.theme-color li { color: #333333; } +ul.list li:after { content:""; font-family: 'FontAwesome'; position:absolute; color:#F5A623; left:0; top:0; } + +/* Ul List Mark */ +ul.list-mark{padding:0; margin:0;} +ul.list-mark li{list-style-type:none; padding-left:25px; position:relative;} +ul.list-mark li:after{content:"\f00c";} + +/* Ul List Arrow */ +ul.list-arrow{padding:0; margin:0;} +ul.list-arrow li{list-style-type:none; padding-left:25px; position:relative;} +ul.list-arrow li:after{content:"\f105"; font-size:18px;} + +/* Ul List Hand */ +ul.list-hand{padding:0; margin:0;} +ul.list-hand li{list-style-type:none; padding-left:25px; position:relative;} +ul.list-hand li:after{content:"\f0a4";} + +/* Ul List Edit */ +ul.list-edit{padding:0; margin:0;} +ul.list-edit li{list-style-type:none; padding-left:25px; position:relative;} +ul.list-edit li:after{content:"\f040";} \ No newline at end of file diff --git a/apply/css_r/shortcodes/nice-select.css b/apply/css_r/shortcodes/nice-select.css new file mode 100644 index 0000000..d5bd5e4 --- /dev/null +++ b/apply/css_r/shortcodes/nice-select.css @@ -0,0 +1,38 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains nice select CSS. +*/ + +/************************* + nice-select +*************************/ +.nice-select { -webkit-tap-highlight-color: transparent; background-color: #f6f7f8; border-radius: 25px; border: solid 1px #f6f7f8; box-sizing: border-box; + clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 50px; line-height: 47px; outline: none; + padding-left: 30px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; } +.nice-select:hover { border-color: #d0dae5; } +.nice-select:active, .nice-select.open, .nice-select:focus { border-color: #88bfff; } +.nice-select:after { border-bottom: 2px solid #90a1b5; border-right: 2px solid #90a1b5; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; + position: absolute; right: 22px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; } +.nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } +.nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } +.nice-select.disabled { border-color: #e7ecf2; color: #90a1b5; pointer-events: none; } +.nice-select.disabled:after { border-color: #cdd5de; } +.nice-select.wide { width: 100%; } +.nice-select.wide .list { left: 0 !important; right: 0 !important; } +.nice-select.right { float: right; } +.nice-select.right .list { left: auto; right: 0; } +.nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } +.nice-select.small:after { height: 4px; width: 4px; } +.nice-select.small .option { line-height: 34px; min-height: 34px; } +.nice-select .list { max-height: 300px; overflow-y: scroll; background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } +.nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } +.nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; + -webkit-transition: all 0.2s; transition: all 0.2s; } +.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f7f9; } +.nice-select .option.selected { font-weight: bold; } +.nice-select .option.disabled { background-color: transparent; color: #90a1b5; cursor: not-allowed; } +.nice-select:active, .nice-select.open, .nice-select:focus { border-color: #ffffff !important; } \ No newline at end of file diff --git a/apply/css_r/shortcodes/onload-modal.css b/apply/css_r/shortcodes/onload-modal.css new file mode 100644 index 0000000..00214b1 --- /dev/null +++ b/apply/css_r/shortcodes/onload-modal.css @@ -0,0 +1,48 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains onload modal CSS. +*/ + +.mfp-container { cursor: url("../../images/close.png") 25 25, pointer; } + +/*modal-simple-content*/ +.modal-simple-content { background: #ffffff; padding: 50px 30px; border-radius: 3px; margin: 0 auto; max-width: 600px; } + +/*modal-shop*/ +.modal-shop { background: #323232; padding: 50px 60px; border-radius: 3px; margin: 0 auto; max-width: 650px; } +.modal-shop h2 { font-size: 60px; line-height: 60px; color: #ffffff; font-weight: 500; margin-top: 15px; } +.modal-shop span { display: block; } +.modal-shop p { color: rgba(255,255,255,0.5); } + +/*modal-subscribe*/ +.modal-subscribe { background: #ffffff; margin: 0 auto; max-width: 500px; } +.modal-subscribe .subscribe-icon { height: 300px; background: #F5A623; display: block; overflow: hidden; } +.modal-subscribe .subscribe-icon i { color: rgba(0, 0, 0, 0.2); font-size: 270px; transform: rotate(-30deg); -o-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -moz-transform: rotate(-30deg); } +.modal-subscribe .subscribe-content { padding: 30px; } +.modal-subscribe .subscribe-content p { color: #323232; } + +/*modal-login*/ +.modal-login { background: #ffffff; border-radius: 3px; margin: 0 auto; max-width: 600px; } +.modal-login .login-bg .login-title { border-radius: 0; } + +/*modal-register*/ +.modal-register { background: #ffffff; border-radius: 3px; margin: 0 auto; max-width: 600px; } +.modal-register .register-title { padding: 40px 30px; text-align: center; } +.modal-register .register-title img { height: 40px; } +.modal-register .register-form { padding: 50px; } + +/*modal-video*/ +.modal-video { background: #ffffff; padding: 50px 30px; border-radius: 3px; margin: 0 auto; max-width: 600px; } +.image-source-link { color: #98C3D1; } + +/*mfp-with-zoom*/ +.mfp-with-zoom .mfp-container, +.mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden;/* ideally, transition speed should match zoom duration */ + -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } +.mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } +.mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } +.mfp-with-zoom.mfp-removing .mfp-container, +.mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } \ No newline at end of file diff --git a/apply/css_r/shortcodes/owl-carousel.css b/apply/css_r/shortcodes/owl-carousel.css new file mode 100644 index 0000000..c95fe44 --- /dev/null +++ b/apply/css_r/shortcodes/owl-carousel.css @@ -0,0 +1,31 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Owl Carousel CSS. +*/ + +/*************************** + Owl Carousel +***************************/ +.owl-carousel .owl-item img { width: auto; } +.owl-carousel .owl-nav { display: block; position: absolute; text-indent: inherit; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; z-index: 999;} +.owl-carousel .owl-nav .owl-prev, +.owl-carousel .owl-nav .owl-next{display: block; position: absolute; text-indent: inherit; width: auto; cursor: pointer; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out;} +.owl-carousel .owl-nav .owl-prev{left:0;} +.owl-carousel .owl-nav .owl-next{right:0;} +.owl-carousel .owl-nav i{ font-size: 20px; width:36px; height:36px; line-height:36px; display: inline-block; color:#ffffff; border-radius: 50%; background:#F5A623; border:0px solid #3d3d3d; font-weight:normal; text-align: center; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;} +.owl-carousel .owl-nav i:hover{background:#333; color:#ffffff;} +.bottom-nav .owl-nav { bottom: 0; top: inherit; } +.bottom-nav .owl-nav .owl-next { right: 46%; } +.bottom-nav .owl-nav .owl-prev { left: 46%; } + +/* Dots */ +.owl-carousel .owl-controls .owl-dot { margin: 0; display: inline-block; } +.owl-carousel .owl-dots { display: inline-block; /*position: absolute; bottom: -35px; */text-indent: inherit; width: 100%; cursor: pointer; text-align: center; } +.owl-carousel .owl-dots .owl-dot span { background: #ddd; display: inline-block; width: 10px; height: 10px; border-radius: 50%; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; cursor: pointer; } +.owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span { background:#F5A623; } +.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { display: inline-block; margin: 14px 2px 0; } +.bottom-left-dots .owl-dots { bottom: 30px !important; position: absolute; } +.bottom-left-dots .owl-dots .owl-dot span { background: #ffffff; } \ No newline at end of file diff --git a/apply/css_r/shortcodes/page-title.css b/apply/css_r/shortcodes/page-title.css new file mode 100644 index 0000000..022b6fa --- /dev/null +++ b/apply/css_r/shortcodes/page-title.css @@ -0,0 +1,66 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Page Title CSS. +*/ + +/************************************* + page-title +**************************************/ +.page-title { display: block; padding-top:250px; padding-bottom: 100px; position: relative; } +.page-title.bg-overlay-black-60:before { z-index: 0; } +.page-title .container { height: 100%; position: relative; } +.page-title span { text-transform: capitalize; } +.page-title h1 { text-transform: capitalize; color: #ffffff; font-weight: 600; } +.page-title p { font-size: 18px; text-transform: capitalize; color: #ffffff; } +.page-title .page-title-name { display: inline-block; width: 60%; } +.page-title .page-breadcrumb { float: right; width: 40%; text-align: right; } +ul.page-breadcrumb li span { color: #fff; font-size: 14px; text-transform: capitalize; } +ul.page-breadcrumb { padding-top: 30px; } +ul.page-breadcrumb li { color: #fff; display: inline-block; list-style: none; } +ul.page-breadcrumb li i { font-size: 14px; padding: 0 7px;} +ul.page-breadcrumb li a { color: #fff; font-size: 14px; text-transform: capitalize; } +ul.page-breadcrumb li a:hover { color: #F5A623; } +.page-title.gray-bg h1, .page-title.gray-bg p { color: #323232; } +.page-title.gray-bg ul.page-breadcrumb li a { color: #323232; } +.page-title.gray-bg ul.page-breadcrumb li a:hover { color: #F5A623; } +.page-title.gray-bg ul.page-breadcrumb li { color: #323232; } +.page-title.gray-bg ul.page-breadcrumb li span { color: #F5A623; } + +/*center*/ +.page-title.center { text-align: center; } +.page-title.center .page-title-name { display: block; width: inherit; } +.page-title.center .page-breadcrumb { float: none; width: inherit; text-align: center; } + +/*right*/ +.page-title.right { clear: both; } +.page-title.right .page-title-name { display: inline-block; float: right; text-align: right; } +.page-title.right .page-breadcrumb { float: left; text-align: left; } + +/*small*/ +.page-title.small { padding-top:20px; padding-bottom: 20px; position: relative; } +.page-title.small h1 { font-size: 22px; line-height: 24px; margin-bottom: 0px; margin-top: 8px; } +.page-title.small .page-breadcrumb { padding-top: 10px; } + +/*gray-bg */ +.page-title.pattern h1, .page-title.pattern p { color: #323232; } +.page-title.pattern ul.page-breadcrumb li a { color: #323232; } +.page-title.pattern ul.page-breadcrumb li a:hover { color: #F5A623; } +.page-title.pattern ul.page-breadcrumb li { color: #323232; } +.page-title.pattern ul.page-breadcrumb li span { color: #F5A623; } + +/*light-overlay*/ +.page-title.light-overlay { position: relative; padding-top: 360px; } +.page-title.light-overlay:before { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; right: 0; content: ""; background: url(../../images/white-overlay.png); background-repeat: repeat-x; background-position: bottom; } +.page-title.light-overlay h1, .page-title.light-overlay p { color: #323232; } +.page-title.light-overlay ul.page-breadcrumb li a { color: #323232; } +.page-title.light-overlay ul.page-breadcrumb li a:hover { color: #F5A623; } +.page-title.light-overlay ul.page-breadcrumb li { color: #323232; } +.page-title.light-overlay ul.page-breadcrumb li span { color: #F5A623; } + + +/*dark-overlay*/ +.page-title.dark-overlay { position: relative; } +.page-title.dark-overlay:before { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; right: 0; content: ""; background: url(../../images/dark-overlay.png); background-repeat: repeat-x; background-position: bottom; } diff --git a/apply/css_r/shortcodes/pie-chart.css b/apply/css_r/shortcodes/pie-chart.css new file mode 100644 index 0000000..4b88279 --- /dev/null +++ b/apply/css_r/shortcodes/pie-chart.css @@ -0,0 +1,15 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Pie chart CSS. +*/ + + +/*************************** + pie-chart +***************************/ +.round-chart { display: inline-block; position: relative; text-align: center; margin-bottom: 20px; } +.round-chart span, .round-chart i { display: inline-block; font-size: 28px; z-index: 2; font-weight: 600; position: absolute; } +.round-chart.white span, .round-chart.white i { color: #ffffff; } diff --git a/apply/css_r/shortcodes/pricing.css b/apply/css_r/shortcodes/pricing.css new file mode 100644 index 0000000..8708111 --- /dev/null +++ b/apply/css_r/shortcodes/pricing.css @@ -0,0 +1,72 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Pricing CSS. +*/ + +/*************************** + Our Pricing +***************************/ +.pricing-top { box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); padding: 30px; border-top: 8px solid #1a1a1a; border-radius: 6px; } +.pricing-prize h2 span { font-size: 18px; } +.pricing-prize { margin: 30px 0; } +.pricing-content { width: 70%; margin: 40px auto 0; } +.pricing-content .pricing-table-list ul li { line-height: 56px; font-weight: 600; } +.pricing-content .pricing-table-list ul li i { width: 25px; display: inline-block; color: #F5A623; } +.pricing-content .pricing-table-list ul li i.fa-times { color: red; } +.pricing-content .pricing-table-list ul li span { margin-top: 16px; text-align: center; font-size: 14px; line-height: 24px; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.09); width: 24px; height: 24px; background: transparent; border-radius: 50%; } +.pricing-content .pricing-table-list ul li span i { padding-right: 0; } +.pricing-table.active { margin-top: -7px; } +.pricing-table.active .pricing-top { border-top: 16px solid #F5A623; box-shadow: 0 0 50px rgba(0, 0, 0, 0.05); padding-bottom: 30px; } +.pricing-table.active .pricing-top a.button { padding: 12px 60px; font-size: 20px; } +.pricing-table.active .pricing-prize { margin: 30px 0 20px; } + +/*style-2*/ +.pricing-table.boxed { box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); padding: 30px; border-top: 8px solid #1a1a1a; border-radius: 6px; } +.pricing-table.boxed .pricing-top { box-shadow: none; border: 0; padding: inherit; border-radius: inherit; padding: 0; } +.pricing-table.boxed .pricing-content { width: inherit; margin:0 ; margin-top: 20px; } +.pricing-table.active.boxed { border-top: 16px solid #F5A623; box-shadow: 0 0 50px rgba(0, 0, 0, 0.05); } + +/*price simple*/ +.price { list-style-type: none; border: 1px solid #eee; margin: 0; padding: 0; -webkit-transition: 0.3s; transition: 0.3s; border:0; } +.price:hover { box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); } +.price .header { background-color: #111; color: #ffffff; font-size: 25px; } +.price li { border-bottom: 1px solid #eee; padding: 20px; text-align: center; } +.price .grey { background-color: #eee; font-size: 20px; } +.price.active .header { background: #F5A623; } + +/*membership-pricing*/ +.membership-pricing-table { width: 100%; } +.membership-pricing-table table { width: 100%; } +.membership-pricing-table table .icon-no,.membership-pricing-table table .icon-yes { font-size: 22px; } +.membership-pricing-table table .icon-no { color: #a93717; } +.membership-pricing-table table .icon-yes { color: #209e61; } +.membership-pricing-table table .plan-header { text-align: center; font-size: 48px; border: 1px solid #e2e2e2; padding: 25px 0; } +.membership-pricing-table table .plan-header-free { background-color: #eee; color: #555; } +.membership-pricing-table table .plan-header-blue { color: #fff; background-color: #111; border-color: #000; } +.membership-pricing-table table .plan-header-standard { color: #fff; background-color: #F5A623; border-color: #F5A623; } +.membership-pricing-table table td { text-align: center; width: 15%; padding: 7px 10px; background-color: #fafafa; font-size: 14px; -webkit-box-shadow: 0 1px 0 #fff inset; + box-shadow: 0 1px 0 #fff inset; } +.membership-pricing-table table,.membership-pricing-table table td { border: 1px solid #ebebeb; } +.membership-pricing-table table tr td:first-child { background-color: transparent; text-align: right; width: 14%; } +.membership-pricing-table table tr td:nth-child(5) { background-color: #FFF; } +.membership-pricing-table table tr:first-child td,.membership-pricing-table table tr:nth-child(2) td { -webkit-box-shadow: none; box-shadow: none; } +.membership-pricing-table table tr:first-child th:first-child { border-top-color: transparent; border-left-color: transparent; border-right-color: #e2e2e2; } +.membership-pricing-table table tr:first-child th .pricing-plan-name { font-size: 22px; } +.membership-pricing-table table tr:first-child th .pricing-plan-price { line-height: 35px; } +.membership-pricing-table table tr:first-child th .pricing-plan-price>sup { font-size: 45%; } +.membership-pricing-table table tr:first-child th .pricing-plan-price>i { font-size: 30%; } +.membership-pricing-table table tr:first-child th .pricing-plan-period { margin-top: 10px; font-size: 25%; } +.membership-pricing-table table .header-plan-inner { position: relative; } +.membership-pricing-table table .recommended-plan-ribbon { box-sizing: content-box; background-color: #ffffff; color: #F5A623; position: absolute; + padding: 3px 6px; font-size: 11px!important; font-weight: 500; left: -6px; top: -22px; z-index: 99; width: 100%; -webkit-box-shadow: 0 -1px #c2284c inset; + box-shadow: 0 -1px #ffffff inset; text-shadow: 0 -1px #ffffff; } +.membership-pricing-table table .recommended-plan-ribbon:before { border: solid; border-color: #ffffff transparent; border-width: 6px 0 0 6px; + bottom: -5px; content: ""; left: 0; position: absolute; z-index: 90; } +.membership-pricing-table table .recommended-plan-ribbon:after { border: solid; border-color: #ffffff transparent; border-width: 6px 6px 0 0; + bottom: -5px; content: ""; right: 0; position: absolute; z-index: 90; } +.membership-pricing-table table .plan-head { box-sizing: content-box; background-color: #ff9c00; border: 1px solid #cf7300; position: absolute; top: -33px; + left: -1px; height: 30px; width: 100%; border-bottom: none; } +.membership-pricing-table table td i.fa-times-circle-o { color: red; } \ No newline at end of file diff --git a/apply/css_r/shortcodes/progress-bar.css b/apply/css_r/shortcodes/progress-bar.css new file mode 100644 index 0000000..e1512fe --- /dev/null +++ b/apply/css_r/shortcodes/progress-bar.css @@ -0,0 +1,37 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Progress Bar (Skill) CSS. +*/ + +/************************* + skills +*************************/ +.skill-bar{width:100%; height:7px; margin:40px 0 20px 0; background-color:#eceff8; border-radius: 4px;} +.skill-bar:not(:first-child){margin-top:64px;} +.progress-bar{height:100%; border-radius: 4px; padding:0px; background:#F5A623; box-shadow:none; transition: width .9s ease; -webkit-transition: width .9s ease; -o-transition: width .9s ease; -ms-transition: width .9s ease; -moz-transition: width .9s ease; } +.progress-title{color:#353535; font-size:18px; font-weight:600; position:absolute; text-align:left; margin-left:0; margin-top:-28px;} +.progress-title > i{margin-right:8px;} +.progress-bar .progress-number, +.progress-bar .progress-type{color:#353535; float:right; margin-top:-18px; position:relative; top:-10px; font-size:15px; font-weight: 600;} + +/* Dark Background */ +.text-white .skill-bar{background:rgba(255,255,255,0.25);} +.text-white .progress-title{color:#ffffff;} +.text-white .progress-bar .progress-number, +.text-white .progress-bar .progress-type{color:#ffffff;} +.theme-bg .progress-bar, .services-text-box-blue .progress-bar{background: #ffffff} + +/* big Skills */ +.skill-bar.skill-big { height:12px; } + +/* Medium Skills */ +.skill-bar.skill-medium { height:8px; } + +/* Small Skills */ +.skill-bar.skill-small { height:3px; } + +/* Dark Skills */ +.skill-bar.skill-dark .progress-bar { background:#353535; } \ No newline at end of file diff --git a/apply/css_r/shortcodes/section-title.css b/apply/css_r/shortcodes/section-title.css new file mode 100644 index 0000000..2568b7c --- /dev/null +++ b/apply/css_r/shortcodes/section-title.css @@ -0,0 +1,52 @@ + +/*Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Section titles CSS.*/ + + +/************************* + Section title 1 +***********************/ +.section-title { margin-bottom: 40px; position: relative; } +.section-title .title { margin-top: 0px; position: relative; } +.section-title .subtitle { font-size: 12px; letter-spacing: 1px; font-weight: 700; margin-bottom: 10px; text-transform: uppercase;} +.section-title p { margin-bottom: 0px; font-size: 14px; font-weight: 400; } + +/*line*/ +.section-title.line .title { padding-bottom: 20px; } +.section-title.line .title:before { position: absolute; left: 0; bottom: 0; width: 80px; height: 3px; background: #F5A623; content: ""; } + + /*title center */ +.section-title.center .title:before { left: 50%; margin-left: -35px; } +.section-title.right .title:before { right: 0; left: inherit; margin-left: inherit; } + +/*bg */ +.section-title span.theme-bg { background: #F5A623; color: #ffffff; padding: 0 15px; } + +/*dark-bg*/ +.section-title.dark-bg .title { color: #ffffff; } +.section-title.dark-bg .subtitle { color: #ffffff; } +.section-title.dark-bg p { color: #ffffff; } +.section-title.dark-bg.line .title:before { background: #ffffff; } +.section-title.dark-bg span.theme-bg { background: #ffffff; color: #F5A623; } + +.title-effect { z-index: 99; position: relative; display: inline-block; transition: transform 0.5s, color 0.5s; transition-timing-function: cubic-bezier(0.2,1,0.3,1); } +.title-effect::before { content: ''; position: absolute; z-index: -1; width: 100%; height: 50%; left: 0; bottom: 0; opacity: 0.2; transform: scale3d(0,1,1); + transform-origin: 0% 50%; transition: transform 0.5s; transition-timing-function: cubic-bezier(0.2,1,0.3,1); } +.section-title:nth-child(odd) .title-effect::before { background: #F5A623; } + +section:hover .title-effect::before, section:focus .title-effect::before {transform: scale3d(1,1,1); } +section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even) { color: #F5A623; } + + /*dark*/ +section:nth-child(odd) .title-effect.dark::before { background: #ffffff; } +section:hover .title-effect.dark:nth-child(even), section:focus .title-effect.dark:nth-child(even) { color: #ffffff; } + +/*.title-effect:hover:before, .title-effect:focus::before {transform: scale3d(1,1,1); } +.title-effect:hover:nth-child(even), .title-effect:focus:nth-child(even) { color: #F5A623; }*/ + + /*dark*/ +/*.title-effect.dark:nth-child(odd):before { background: #ffffff; } +.title-effect.dark:hover:nth-child(even), section .title-effect.dark:focus:nth-child(even) { color: #ffffff; } \ No newline at end of file diff --git a/apply/css_r/shortcodes/shortcodes.css b/apply/css_r/shortcodes/shortcodes.css new file mode 100644 index 0000000..c2de4e6 --- /dev/null +++ b/apply/css_r/shortcodes/shortcodes.css @@ -0,0 +1,38 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file includes all shortcode css. If you don't want to use any shortcode from below. You can simply remove that line from this file. + +*/ + +/*shortcode*/ +@import url("accordion.css"); +@import url("action-box.css"); +@import url("blockquote.css"); +@import url("bootstrap-typography.css"); +@import url("button.css"); +@import url("clients.css"); +@import url("contact-form.css"); +@import url("countdown.css"); +@import url("counter.css"); +@import url("divider.css"); +@import url("dropcap.css"); +@import url("feature-text.css"); +@import url("list-style.css"); +@import url("nice-select.css"); +@import url("owl-carousel.css"); +@import url("page-title.css"); +@import url("pie-chart.css"); +@import url("pricing.css"); +@import url("progress-bar.css"); +@import url("section-title.css"); +@import url("shortcodes.css"); +@import url("social-icons.css"); +@import url("tabs.css"); +@import url("team.css"); +@import url("testimonial.css"); +@import url("side-panel.css"); +@import url("onload-modal.css"); diff --git a/apply/css_r/shortcodes/side-panel.css b/apply/css_r/shortcodes/side-panel.css new file mode 100644 index 0000000..cc26610 --- /dev/null +++ b/apply/css_r/shortcodes/side-panel.css @@ -0,0 +1,173 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Side panel CSS. +*/ + +html, +body, +.st-container, +.st-pusher, +.st-content { } +.st-content { overflow-y: scroll; } +.st-content, +.st-content-inner { position: relative; } +.st-container { position: relative; overflow-x: hidden; } +.st-pusher { position: relative; left: 0; z-index: 99; height: 100%; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; } +.st-menu .newsletter-box.border { border-left: 0; border-right: 0; } +.st-pusher::after { position: absolute; top: 0; right: 0; width: 0; height: 0; background: rgba(0, 0, 0, 0.6); content: ''; opacity: 0; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -o-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -ms-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -moz-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; } +.st-menu-open .st-pusher::after { width: 100%; height: 100%; opacity: 1; z-index: 9999; -webkit-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; cursor: url("../../images/close.png") 25 25, pointer; } +.st-menu { position: fixed; top: 0; left: 0; z-index: 9999; visibility: hidden; width: 380px; height: 100%; background: #ffffff; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } +.st-menu::after { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); content: ''; opacity: 1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; } +.st-menu-open .st-menu::after { width: 0; height: 0; opacity: 0; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -moz-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -o-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -ms-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; } + + +/* content style */ +.slide-logo { padding: 30px; } +.slide-logo img { height: 50px; } +.st-menu ul.menu { margin: 0; padding: 30px; list-style: none; } +.st-menu ul.menu li { line-height: 60px; } +.st-menu ul.menu li a { font-size: 30px; color: #323232; font-family: 'Nanum Gothic', serif; position: relative; } +.st-menu ul.menu li a:before { opacity: 0; content: ''; position: absolute; left: 0; width: 0; height: 14px; background: rgba(132, 186, 63, 0.4); bottom: 0; transition: 0.3s ease-in-out; } +.st-menu ul.menu li a:hover:before, +.st-menu ul.menu li a.active:before, +.st-menu ul.menu li a.active, +.st-menu ul.menu li a:hover { opacity: 1; width: 100%; color: #F5A623; } +.slide-footer { padding: 30px; } +.slide-footer .social ul li { display: inline-block; } +.slide-footer .social ul li a { font-size: 20px; padding-right: 20px; } +.slide-footer .social ul li.facebook a { color: #5d82d1; } +.slide-footer .social ul li.instagram a { color: #521313; } +.slide-footer .social ul li.twitter a { color: #40bff5; } +.slide-footer .social ul li.pinterest a { color: #e13138; } +.slide-footer .social ul li.behance a { color: #1879fd; } +.slide-footer .social ul li.google a { color: #ff0000; } + +/* Individual effects */ + +/* Effect 1: Slide in on top */ +.st-effect-1.st-menu { visibility: visible; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } +.st-effect-1.st-menu-open .st-effect-1.st-menu { visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } +.st-effect-1.st-menu::after { display: none; } + +/* Effect 2: Reveal */ +.st-effect-2.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-2.st-menu { z-index: 1; } +.st-effect-2.st-menu-open .st-effect-2.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -ms-transition: -ms-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; } +.st-effect-2.st-menu::after { display: none; } + +/* Effect 3: Push*/ +.st-effect-3.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-3.st-menu { -webkit-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } +.st-effect-3.st-menu-open .st-effect-3.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; } +.st-effect-3.st-menu::after { display: none; } + +/* Effect 4: Slide along */ +.st-effect-4.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-4.st-menu { z-index: 1; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } +.st-effect-4.st-menu-open .st-effect-4.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } +.st-effect-4.st-menu::after { display: none; } + +/* Effect 5: Reverse slide out */ +.st-effect-5.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-5.st-menu { z-index: 1; -webkit-transform: translate3d(50%, 0, 0); -ms-transform: translate3d(50%, 0, 0); -o-transform: translate3d(50%, 0, 0); -moz-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } +.st-effect-5.st-menu-open .st-effect-5.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -o-transition: -o-transform 0.5s; -ms-transition: -ms-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } + +/* Effect 6: Rotate pusher */ +.st-effect-6.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; } +.st-effect-6 .st-pusher { -webkit-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-6.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0) rotateY(-15deg); -o-transform: translate3d(380px, 0, 0) rotateY(-15deg); -ms-transform: translate3d(380px, 0, 0) rotateY(-15deg); -moz-transform: translate3d(380px, 0, 0) rotateY(-15deg); transform: translate3d(380px, 0, 0) rotateY(-15deg); } +.st-effect-6.st-menu { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-6.st-menu-open .st-effect-6.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(-100%, 0, 0) rotateY(15deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(15deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(15deg); -o-transform: translate3d(-100%, 0, 0) rotateY(15deg); transform: translate3d(-100%, 0, 0) rotateY(15deg); } +.st-effect-6.st-menu::after { display: none; } + +/* Effect 7: 3D rotate in */ +.st-effect-7.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; } +.st-effect-7 .st-pusher { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-7.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-7.st-menu { -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(-90deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(-90deg); -o-transform: translate3d(-100%, 0, 0) rotateY(-90deg); transform: translate3d(-100%, 0, 0) rotateY(-90deg); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-7.st-menu-open .st-effect-7.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -ms-transition: -ms-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg); -o-transform: translate3d(-100%, 0, 0) rotateY(0deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(0deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(0deg); transform: translate3d(-100%, 0, 0) rotateY(0deg); } + +/* Effect 8: 3D rotate out */ +.st-effect-8.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; } +.st-effect-8 .st-pusher { -webkit-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-8.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-8.st-menu { -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg); -o-transform: translate3d(-100%, 0, 0) rotateY(90deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(90deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(90deg); transform: translate3d(-100%, 0, 0) rotateY(90deg); -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-8.st-menu-open .st-effect-8.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(0deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(0deg); -o-transform: translate3d(-100%, 0, 0) rotateY(0deg); transform: translate3d(-100%, 0, 0) rotateY(0deg); } +.st-effect-8.st-menu::after { display: none; } + +/* Effect 9: Scale down pusher */ +.st-effect-9.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; } +.st-effect-9 .st-pusher { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-9.st-menu-open .st-pusher { -webkit-transform: translate3d(0, 0, -380px); -ms-transform: translate3d(0, 0, -380px); -moz-transform: translate3d(0, 0, -380px); -o-transform: translate3d(0, 0, -380px); transform: translate3d(0, 0, -380px); } +.st-effect-9.st-menu { opacity: 1; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } +.st-effect-9.st-menu-open .st-effect-9.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } +.st-effect-9.st-menu::after { display: none; } + +/* Effect 10: Scale up */ +.st-effect-10.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; } +.st-effect-10.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-10.st-menu { z-index: 1; opacity: 1; -webkit-transform: translate3d(0, 0, -380px); -moz-transform: translate3d(0, 0, -380px); -ms-transform: translate3d(0, 0, -380px); -o-transform: translate3d(0, 0, -380px); transform: translate3d(0, 0, -380px); } +.st-effect-10.st-menu-open .st-effect-10.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } + +/* Effect 11: Scale and rotate pusher */ +.st-effect-11.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; } +.st-effect-11 .st-pusher { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-11.st-menu-open .st-pusher { -webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg); -ms-transform: translate3d(100px, 0, -600px) rotateY(-20deg); -moz-transform: translate3d(100px, 0, -600px) rotateY(-20deg); -o-transform: translate3d(100px, 0, -600px) rotateY(-20deg); transform: translate3d(100px, 0, -600px) rotateY(-20deg); } +.st-effect-11.st-menu { opacity: 1; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } +.st-effect-11.st-menu-open .st-effect-11.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; -ms-transition: -ms-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } +.st-effect-11.st-menu::after { display: none; } + +/* Effect 12: Open door */ +.st-effect-12.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; } +.st-effect-12 .st-pusher { -webkit-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-12.st-menu-open .st-pusher { -webkit-transform: rotateY(-10deg); -moz-transform: rotateY(-10deg); -o-transform: rotateY(-10deg); -ms-transform: rotateY(-10deg); transform: rotateY(-10deg); } +.st-effect-12.st-menu { opacity: 1; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } +.st-effect-12.st-menu-open .st-effect-12.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; -ms-transition: -ms-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } +.st-effect-12.st-menu::after { display: none; } + +/* Effect 13: Fall down */ +.st-effect-13.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; } +.st-effect-13.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-13.st-menu { z-index: 1; opacity: 1; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } +.st-effect-13.st-menu-open .st-effect-13.st-menu { visibility: visible; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -ms-transition-property: -ms-transform; -o-transition-property: -o-transform; transition-property: transform; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-speed: 0.2s; -o-transition-speed: 0.2s; -moz-transition-speed: 0.2s; -ms-transition-speed: 0.2s; transition-speed: 0.2s; } + +/* Effect 14: Delayed 3D rotate */ +.st-effect-14.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; -moz-perspective-origin: 0% 50%; -ms-perspective-origin: 0% 50%; -o-perspective-origin: 0% 50%; perspective-origin: 0% 50%; } +.st-effect-14 .st-pusher { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-14.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } +.st-effect-14.st-menu { -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(90deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(90deg); -o-transform: translate3d(-100%, 0, 0) rotateY(90deg); transform: translate3d(-100%, 0, 0) rotateY(90deg); -webkit-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } +.st-effect-14.st-menu-open .st-effect-14.st-menu { visibility: visible; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-property: -webkit-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(0deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(0deg); -o-transform: translate3d(-100%, 0, 0) rotateY(0deg); transform: translate3d(-100%, 0, 0) rotateY(0deg); } + +/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */ +.no-csstransforms3d .st-pusher, +.no-js .st-pusher { padding-left: 380px; } + +/************************************* + v1.2 +**************************************/ +/*right-side*/ +.st-menu.right-side { right: 0; left: inherit; } + +/* Effect 1: Slide in on top */ +.st-effect-1.st-menu.right-side { background: #ffffff url(../../images/objects/sidemenu_bg.png) no-repeat; visibility: visible; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } +.st-effect-1.st-menu-open.right-side .st-effect-1.st-menu.right-side { visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } +.st-effect-1.right-side.st-menu::after { display: none; } + +/*big-side */ +.st-menu.big-side { width: 550px; } +.st-menu.big-side ul.menu { padding-bottom: 0px; } +.st-menu.big-side ul.menu li a { font-size: 40px; line-height: 40px; font-weight: 500; } + +.st-menu.big-side .right-side-bottom { position: relative; top: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } + +.social-icons.width-half ul { display: inline-block; } +.social-icons.width-half ul li { width: 49%; float: left; margin: 0; } +.social-icons.width-half ul li a { text-align: left; } + +/*slide-footer-content*/ +.slide-footer-content { padding: 30px 30px 30px 0; margin-bottom: 30px; position: relative; } +.slide-footer-content p {font-size: 16px; font-weight: bold; line-height: 30px; font-style: italic; } + \ No newline at end of file diff --git a/apply/css_r/shortcodes/social-icons.css b/apply/css_r/shortcodes/social-icons.css new file mode 100644 index 0000000..a33ce73 --- /dev/null +++ b/apply/css_r/shortcodes/social-icons.css @@ -0,0 +1,249 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains social icon CSS. +*/ + +/************************* + social-icon +*************************/ +.social-icons ul{padding:0;} +.text-center.social-icons ul{display:inline-block;} +.social-icons li{float:left; list-style:none; padding:0; margin:0 8px 8px 0;} +.social-icons li a { float: left; height: 32px; width: 32px; line-height: 33px; font-size: 16px; text-align: center; margin:0; border-radius: 4px; border: 0; background: transparent; color: #333; overflow: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } + +.text-white .social-icons li a{color:#ffffff;} + +/*Colored*/ +.social-icons.color a, +.social-icons.color-hover a:hover{color:#fff; border:0;} + +.social-icons.color .social-rss a, +.social-icons.color-hover .social-rss a:hover {background-color: #faa33d;} + +.social-icons.color .social-facebook a, +.social-icons.color-hover .social-facebook a:hover{background-color:#5d82d1;} + +.social-icons.color .social-twitter a, +.social-icons.color-hover .social-twitter a:hover{background-color:#40bff5;} + +.social-icons.color .social-vimeo a, +.social-icons.color-hover .social-vimeo a:hover{background-color:#35c6ea;} + +.social-icons.color .social-myspace a, +.social-icons.color-hover .social-myspace a:hover{background-color:#008dde;} + +.social-icons.color .social-youtube a, +.social-icons.color-hover .social-youtube a:hover{background-color:#ef4e41;} + +.social-icons.color .social-instagram a, +.social-icons.color-hover .social-instagram a:hover{background-color:#e1326b;} + +.social-icons.color .social-gplus a, +.social-icons.color-hover .social-gplus a:hover{background-color:#d68400;} + +.social-icons.color .social-stumbleupon a, +.social-icons.color-hover .social-stumbleupon a:hover{background-color:#ff5c30;} + +.social-icons.color .social-lastfm a, +.social-icons.color-hover .social-lastfm a:hover{background-color:#f34320;} + +.social-icons.color .social-pinterest a, +.social-icons.color-hover .social-pinterest a:hover{background-color:#e13138;} + +.social-icons.color .social-google a, +.social-icons.color-hover .social-google a:hover{background-color:#eb5e4c;} + +.social-icons.color .social-evernote a, +.social-icons.color-hover .social-evernote a:hover{background-color:#9acf4f;} + +.social-icons.color .social-dribbble a, +.social-icons.color-hover .social-dribbble a:hover{background-color:#f7659c;} + +.social-icons.color .social-skype a, +.social-icons.color-hover .social-skype a:hover{background-color:#13c1f3;} + +.social-icons.color .social-forrst a, +.social-icons.color-hover .social-forrst a:hover{background-color:#45ad76;} + +.social-icons.color .social-linkedin a, +.social-icons.color-hover .social-linkedin a:hover{background-color:#238cc8;} + +.social-icons.color .social-wordpress a, +.social-icons.color-hover .social-wordpress a:hover{background-color:#2592c3;} + +.social-icons.color .social-grooveshark a, +.social-icons.color-hover .social-grooveshark a:hover{background-color:#ffb21d;} + +.social-icons.color .social-delicious a, +.social-icons.color-hover .social-delicious a:hover{background-color:#377bda;} + +.social-icons.color .social-behance a, +.social-icons.color-hover .social-behance a:hover{background-color:#1879fd;} + +.social-icons.color .social-dropbox a, +.social-icons.color-hover .social-dropbox a:hover{background-color:#17a3eb;} + +.social-icons.color .social-soundcloud a, +.social-icons.color-hover .social-soundcloud a:hover{background-color:#ff7e30;} + +.social-icons.color .social-deviantart a, +.social-icons.color-hover .social-deviantart a:hover{background-color:#6a8a7b;} + +.social-icons.color .social-yahoo a, +.social-icons.color-hover .social-yahoo a:hover{background-color:#ab47ac;} + +.social-icons.color .social-flickr a, +.social-icons.color-hover .social-flickr a:hover{background-color:#ff48a3;} + +.social-icons.color .social-digg a, +.social-icons.color-hover .social-digg a:hover{background-color:#75788d;} + +.social-icons.color .social-blogger a, +.social-icons.color-hover .social-blogger a:hover{background-color:#ff9233;} + +.social-icons.color .social-tumblr a, +.social-icons.color-hover .social-tumblr a:hover{background-color:#426d9b;} + +.social-icons.color .social-quora a, +.social-icons.color-hover .social-quora a:hover{background-color:#ea3d23;} + +.social-icons.color .social-github a, +.social-icons.color-hover .social-github a:hover{background-color:#3f91cb;} + +.social-icons.color .social-amazon a, +.social-icons.color-hover .social-amazon a:hover{background-color:#ff8e2e;} + +.social-icons.color .social-xing a, +.social-icons.color-hover .social-xing a:hover{background-color:#1a8e8c;} + +.social-icons.color .social-wikipedia a, +.social-icons.color-hover .social-wikipedia a:hover{background-color:#b3b5b8;} + +.social-icons.color .social-android a, +.social-icons.color-hover .social-android a:hover{background-color:#A4C639;} + +.social-icons.color .social-apple a, +.social-icons.color-hover .social-apple a:hover{background-color:#999999;} + +/* Border */ +.social-icons.border li a{border:1px solid #eee; background:transparent;} + +/* Dark */ +.social-icons.social-icons-dark li a{background:#888; color:#fff;} + +/* Light */ +.social-icons.light li a{background:#fff; color:#333; border:1px solid #eee;} + +/* Rounded */ +.social-icons.rounded li a{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} + +/* Medium Size */ +.social-icons.medium li a{height:42px; width:42px; line-height:42px; font-size:18px;} + +/* Large Size */ +.social-icons.social-icons-large li a{height:48px; width:48px; line-height:48px; font-size:18px; margin:0 10px 10px 0;} +.social-icons:not(.color):not(.color-hover) li a:hover{background-color: #eee;} +.social-icons li:hover i{-webkit-animation: toTopFromBottom 0.3s forwards; -moz-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards;} + +@-webkit-keyframes toTopFromBottom { + 49% {-webkit-transform: translateY(-100%);} + 50% {opacity: 0; -webkit-transform: translateY(100%);} + 51% {opacity: 1;} +} +@-moz-keyframes toTopFromBottom { + 49% {-moz-transform: translateY(-100%);} + 50% {opacity: 0; -moz-transform: translateY(100%);} + 51% {opacity: 1;} +} +@keyframes toTopFromBottom { + 49% {transform: translateY(-100%);} + 50% {opacity: 0; transform: translateY(100%);} + 51% {opacity: 1;} +} + +.social-icons.big li a { height:62px; width:62px; line-height:62px; font-size:18px; } + + +/*icon */ +.social-icons.color-icon a { #F5A623; } + +.social-icons.color-icon .social-rss a { color: #faa33d;} + +.social-icons.color-icon .social-facebook a { color:#5d82d1;} + +.social-icons.color-icon .social-twitter a { color:#40bff5;} + +.social-icons.color-icon .social-vimeo a { color:#35c6ea;} + +.social-icons.color-icon .social-myspace a { color:#008dde;} + +.social-icons.color-icon .social-youtube a { color:#ef4e41;} + +.social-icons.color-icon .social-instagram a { color:#e1326b;} + +.social-icons.color-icon .social-gplus a { color:#d68400;} + +.social-icons.color-icon .social-stumbleupon a { color:#ff5c30;} + +.social-icons.color-icon .social-lastfm a { color:#f34320;} + +.social-icons.color-icon .social-pinterest a { color:#e13138;} + +.social-icons.color-icon .social-google a { color:#eb5e4c;} + +.social-icons.color-icon .social-evernote a { color:#9acf4f;} + +.social-icons.color-icon .social-dribbble a { color:#f7659c;} + +.social-icons.color-icon .social-skype a { color:#13c1f3;} + +.social-icons.color-icon .social-forrst a { color:#45ad76;} + +.social-icons.color-icon .social-linkedin a { color:#238cc8;} + +.social-icons.color-icon .social-wordpress a { color:#2592c3;} + +.social-icons.color-icon .social-grooveshark a { color:#ffb21d;} + +.social-icons.color-icon .social-delicious a { color:#377bda;} + +.social-icons.color-icon .social-behance a { color:#1879fd;} + +.social-icons.color-icon .social-dropbox a { color:#17a3eb;} + +.social-icons.color-icon .social-soundcloud a { color:#ff7e30;} + +.social-icons.color-icon .social-deviantart a { color:#6a8a7b;} + +.social-icons.color-icon .social-yahoo a { color:#ab47ac;} + +.social-icons.color-icon .social-flickr a { color:#ff48a3;} + +.social-icons.color-icon .social-digg a { color:#75788d;} + +.social-icons.color-icon .social-blogger a { color:#ff9233;} + +.social-icons.color-icon .social-tumblr a { color:#426d9b;} + +.social-icons.color-icon .social-quora a { color:#ea3d23;} + +.social-icons.color-icon .social-github a { color:#3f91cb;} + +.social-icons.color-icon .social-amazon a { color:#ff8e2e;} + +.social-icons.color-icon .social-xing a { color:#1a8e8c;} + +.social-icons.color-icon .social-wikipedia a { color:#b3b5b8;} + +.social-icons.color-icon .social-android a { color:#A4C639;} + +.social-icons.color-icon .social-apple a { color:#999999;} + +.social-icons.text-social li a { width: inherit; height: inherit; font-size: 18px; font-weight: bold; } +.social-icons.text-social li a:hover { background: transparent; } +.social-icons:not(.color):not(.color-hover) li a:hover { background: transparent; } + + diff --git a/apply/css_r/shortcodes/tabs.css b/apply/css_r/shortcodes/tabs.css new file mode 100644 index 0000000..ba577f1 --- /dev/null +++ b/apply/css_r/shortcodes/tabs.css @@ -0,0 +1,53 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains tab CSS. +*/ + +/************************* + tab +*************************/ + /*tab 1*/ +.tab .nav.nav-tabs { border: none; margin-bottom: 30px; } +.tab .nav.nav-tabs li { margin-bottom: 0px; float: none; display: inline-block; } +.tab .nav.nav-tabs li a { border: none; line-height: normal; border-radius: 0px; padding: 12px 30px; background: #f6f7f8; color: #353535; border:1px solid #eeeeee; } +.tab .nav.nav-tabs li a i { padding-right: 15px; } +.tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover { background: #F5A623; color: #fff; border-color:#F5A623; } + +/*nav-border*/ +.nav-border .nav.nav-tabs li a { margin-right: 0; border:1px solid #eeeeee; background: transparent; } +.nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover { color: #ffffff; background: #F5A623; border-color:#F5A623; } + +/*tab-border*/ +.tab-border .nav.nav-tabs { margin-bottom: 0; } +.tab-border .tab-content { padding: 20px; border:1px solid #eeeeee; margin-top: -2px; } +.tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover { color: #F5A623; background: #ffffff !important; border-color:#eeeeee; border-bottom: 0; } + +/*nav-center*/ +.nav-center .nav.nav-tabs { text-align: center; } + +/*round*/ +.round .nav.nav-tabs li a { border: none; line-height: normal; margin-right: 10px; border-radius: 90px; padding: 12px 30px; background: #f6f7f8; color: #353535; } + +/*shadow*/ +.shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover { color: #F5A623; background: #ffffff !important; border-color:#eeeeee; border-bottom: 0; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); } + +/*tab-vertical*/ +.tab-vertical .nav-tabs { float: left; width: 25%; } +.tab-vertical .nav.nav-tabs li { display: block; } +.tab-vertical .nav.nav-tabs li a { border-right: 0; border-top: 0; padding: 14px 30px; } +.tab-vertical .nav.nav-tabs li:first-child a { border-top: 1px solid #eeeeee; } +.tab-vertical .tab-content { background-color: #fff; border: 1px solid #e9e9e9; padding: 40px 30px; margin-left: 24.8%; line-height: 30px; margin-top: 0; } +.tab-vertical .tab-content p { line-height: 30px; } +.tab-vertical .nav.nav-tabs > li.active > a, .tab-vertical .nav.nav-tabs > li.active > a:focus, .tab-vertical .nav.nav-tabs > li.active > a:hover { border-bottom: 1px solid #eeeeee; } + +/*vertical-right*/ +.vertical-right .nav-tabs { float: right; } +.vertical-right .nav.nav-tabs li a { border-right: 1px solid #eeeeee; border-left: 0; } +.vertical-right .tab-content { margin-right: 24.8%; margin-left: inherit; text-align: right; } + +/* dropdown */ +.tab-dropdown .tab-content { margin-top: 30px; } +.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { background: #F5A623; color: #ffffff; } \ No newline at end of file diff --git a/apply/css_r/shortcodes/team.css b/apply/css_r/shortcodes/team.css new file mode 100644 index 0000000..4a8aca0 --- /dev/null +++ b/apply/css_r/shortcodes/team.css @@ -0,0 +1,62 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains Team CSS. +*/ + +/************************* + team +*************************/ +.team { text-align: center; overflow: hidden; } +.team .team-description { padding: 30px 20px; } +.team .team-info h5 { text-transform: uppercase; } +.team .team-info span { font-size: 14px; text-transform: uppercase;} +.team .social-icons { text-align: center; display: inline-block; margin-top: 20px; } +.team .team-contact span { display: block; font-size: 14px; } +.team .team-contact span.call { font-size: 20px; line-height: 28px; font-weight: 600; margin: 10px 0; color: #F5A623; } +.team .team-contact span i { padding-right: 5px; } + +/*team-hover*/ +.team.team-hover .social-icons { position: absolute; top: 0; left: 10px; opacity: 0; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; } +.team.team-hover .social-icons ul { display: block; } +.team.team-hover .social-icons li { display: block; float: none; clear: both; } +.team.team-hover .social-icons li a { margin: 3px 0; border-radius: 50%; } +.team.team-hover:hover .social-icons { opacity: 1; left: 40px; } + +/*team border*/ +.team-border .team-description { border:1px solid #eeeeee; } + +/*team bg*/ +.team-bg .team-description { background: #f6f7f8; } + +/*team shadow*/ +.team-shadow { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } + +/*team round*/ +.team-round .team-photo img { border-radius: 50%; } + +/*team full border*/ +.team-round.full-border { padding: 30px; border:1px solid #eeeeee; } +.team-round.full-border .team-contact span.call { font-size: 16px; line-height: 22px; font-weight: normal; color: #363636; } +.team-round.full-border .team-contact span.email { font-size: 17px; color: #F5A623; } +.team-round.full-border .team-description { padding-bottom: 0; } +.team.team-list { clear: both; } +.team.team-list h5 { font-size: 26px; } +.team.team-list .team-info span { font-size: 18px; } +.team.team-list .team-photo { float: left; width: 40%; } +.team.team-list .team-description { position: relative; overflow: hidden; text-align: left; } +.team.team-list .team-description { padding-top: 0; } +.team.team-list.team-hover .social-icons { opacity: 1; left: inherit; top: inherit; margin-top:15px; } +.team.team-list.team-hover .social-icons li { float: left; } +.team.team-list.team-hover .team-description { padding: 30px 20px 50px; } + +/*team-overlay*/ +.team.team-overlay { position: relative; } +.team.team-overlay .team-description { width: 100%; padding: 10px 0px; position: absolute; bottom: 10px; display: block; margin-top: 0; float: left; z-index: 9; padding-left: 20px; left: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.team.team-overlay .team-description span { display: block; } +.team.team-overlay:before { z-index: 1; position: absolute; width: 100%; left: 0; right: 0; bottom: 0; content: ""; ackground: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; } +.team.team-overlay img { transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } +.team.team-overlay:hover img { -webkit-transform:scale(1.20); -moz-transform:scale(1.20); -ms-transform:scale(1.20); -o-transform:scale(1.20); transform:scale(1.20); } +.team.team-overlay.team-hover .social-icons, .team.team-overlay.team-hover .team-contact { display: none; } \ No newline at end of file diff --git a/apply/css_r/shortcodes/testimonial.css b/apply/css_r/shortcodes/testimonial.css new file mode 100644 index 0000000..fa3de41 --- /dev/null +++ b/apply/css_r/shortcodes/testimonial.css @@ -0,0 +1,58 @@ +/* +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file contains testimonial CSS. +*/ + +/************************* + testimonial +*************************/ +.testimonial {position: relative; background:#f9f9f9; padding:85px 50px 45px 70px; margin:0 0px 4px 0; margin-top:45px; color:#656565; font-weight:400; line-height:24px; text-align:center; } +.testimonial-avatar{position: absolute; left: 50%; margin-left:-40px; top:-45px; width:100px; height:100px;} +.testimonial-avatar img{border:4px solid #F5A623; max-width:100%; border-radius: 50%;} + +.testimonial-info{position: relative;} +.testimonial-info:before{position:absolute; top:-15px; left:-35px; color:#F5A623; content: "\201C"; font-family: Georgia, serif; font-size:100px;} + +.author-info{font-size:16px; color:#032323; text-transform:uppercase; margin-top:20px; position:relative;} +.author-info strong{font-weight:500;} +.author-info span{font-weight: normal; color: #F5A623; text-transform:none;} + +/* Light */ +.testimonial.light { background:#fff; } + +/* Text White */ +.text-white .testimonial, .testimonial.text-white { color:#fff; } +.text-white .testimonial .author-info { color:#fff; } + +/* Clean */ +.testimonial.clean { background:none; box-shadow:none; padding-bottom:0; padding:0 50px 25px 70px; margin-top:0; } +.testimonial.clean .testimonial-avatar { position:relative; top:0; margin-bottom:20px; } + +.testimonial.text-white.clean .author-info { color:#F5A623; } +.theme-bg .testimonial.clean { padding-bottom:10px; margin-bottom:0;} +.theme-bg .testimonial.clean .author-info { color:#032323; } +.theme-bg .testimonial.clean .testimonial-avatar img { border-color:#ffffff; } +.testimonial.text-white.clean .testimonial-info:before, +.testimonial.text-white.clean .author-info span { color:#ffffff; } +.testimonial.text-white.clean .author-info:before{ background:#ffffff;} + +/* Left Position */ +.testimonial.left_pos { margin-left: 40px; padding:60px 40px 40px 100px; text-align:left; } +.testimonial.left_pos .testimonial-avatar { left:0; margin-top:-50px; top:50%; } +.testimonial.left_pos .author-info:before { margin-left:0; left:0; } + +/* Bottom Position */ +.testimonial.bottom_pos { padding:60px 40px 40px 60px; text-align: left; margin-top:0; margin-bottom:70px; } +.testimonial.bottom_pos .testimonial-avatar { bottom: -50px; top: inherit; left: 0px; margin-left: 50px; } +.testimonial.bottom_pos .author-info { margin-left:125px; } +.testimonial.bottom_pos .author-info:before { margin-left:0; left:0; } + +/* green BG */ +.testimonial.theme-bg { background:#F5A623; color:#ffffff; } +.testimonial.theme-bg .testimonial-info:before, +.testimonial.theme-bg .author-info span { color:#ffffff; } +.testimonial.theme-bg .testimonial-avatar img { border-color:#ffffff; color:#ffffff; } +.testimonial.theme-bg .author-info:before { background:#ffffff; } \ No newline at end of file diff --git a/apply/css_r/skins/css - 바로 가기.lnk b/apply/css_r/skins/css - 바로 가기.lnk new file mode 100644 index 0000000..81d579e Binary files /dev/null and b/apply/css_r/skins/css - 바로 가기.lnk differ diff --git a/apply/css_r/skins/skin-blue-gem.css b/apply/css_r/skins/skin-blue-gem.css new file mode 100644 index 0000000..62585b3 --- /dev/null +++ b/apply/css_r/skins/skin-blue-gem.css @@ -0,0 +1,111 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #5713A9; color: #fff; text-shadow: none; } +::-moz-selection { background: #5713A9; color: #fff; text-shadow: none; } +::selection { background: #5713A9; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #5713A9;} + +/*v1.2*/ +.popup-video-image a i { background: #5713A9;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #5713A9;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #5713A9;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #5713A9; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #5713A9; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #5713A9; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #5713A9; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i { color: #5713A9; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #5713A9; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #5713A9; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #5713A9; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #5713A9; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #5713A9; } + +.progress-bar-new { background-color: #5713A9; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #5713A9; border-right-color:#5713A9; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #5713A9; } + +.rev-color { color: #5713A9 !important; } +.rev-button { background: #5713A9 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #5713A9 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #5713A9 !important; } + + .st-menu ul.menu li a:before { background: rgba(87, 19, 169, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #4b0d95; } + + + +.bg-overlay-theme-10:before { background: rgba(87, 19, 169, 0.1); } +.bg-overlay-theme-20:before { background: rgba(87, 19, 169, 0.2); } +.bg-overlay-theme-30:before { background: rgba(87, 19, 169, 0.3); } +.bg-overlay-theme-40:before { background: rgba(87, 19, 169, 0.4); } +.bg-overlay-theme-50:before { background: rgba(87, 19, 169, 0.5); } +.bg-overlay-theme-60:before { background: rgba(87, 19, 169, 0.6); } +.bg-overlay-theme-70:before { background: rgba(87, 19, 169, 0.7); } +.bg-overlay-theme-80:before { background: rgba(87, 19, 169, 0.8); } +.bg-overlay-theme-90:before { background: rgba(87, 19, 169, 0.9); } + + + + + + + + + \ No newline at end of file diff --git a/apply/css_r/skins/skin-blue.css b/apply/css_r/skins/skin-blue.css new file mode 100644 index 0000000..a4c9d93 --- /dev/null +++ b/apply/css_r/skins/skin-blue.css @@ -0,0 +1,110 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #299be8; color: #fff; text-shadow: none; } +::-moz-selection { background: #299be8; color: #fff; text-shadow: none; } +::selection { background: #299be8; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #299be8;} + + +/*v1.2*/ +.popup-video-image a i { background: #299be8;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #299be8;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #299be8;} + + +/************************* + Color +*************************/ + +a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #299be8; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #299be8; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #299be8; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #299be8; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #299be8; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #299be8; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #299be8; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #299be8; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #299be8; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #299be8; } + +.progress-bar-new { background-color: #299be8; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #299be8; border-right-color:#299be8; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #299be8; } + +.rev-color { color: #299be8 !important; } +.rev-button { background: #299be8 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #299be8 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #299be8 !important; } + + .st-menu ul.menu li a:before { background: rgba(41, 155, 232, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #1d7ebf; } + + +.bg-overlay-theme-10:before { background: rgba(41, 155, 232, 0.1); } +.bg-overlay-theme-20:before { background: rgba(41, 155, 232, 0.2); } +.bg-overlay-theme-30:before { background: rgba(41, 155, 232, 0.3); } +.bg-overlay-theme-40:before { background: rgba(41, 155, 232, 0.4); } +.bg-overlay-theme-50:before { background: rgba(41, 155, 232, 0.5); } +.bg-overlay-theme-60:before { background: rgba(41, 155, 232, 0.6); } +.bg-overlay-theme-70:before { background: rgba(41, 155, 232, 0.7); } +.bg-overlay-theme-80:before { background: rgba(41, 155, 232, 0.8); } +.bg-overlay-theme-90:before { background: rgba(41, 155, 232, 0.9); } + + + + + + diff --git a/apply/css_r/skins/skin-brown.css b/apply/css_r/skins/skin-brown.css new file mode 100644 index 0000000..f8ee68c --- /dev/null +++ b/apply/css_r/skins/skin-brown.css @@ -0,0 +1,100 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #885830; color: #fff; text-shadow: none; } +::-moz-selection { background: #885830; color: #fff; text-shadow: none; } +::selection { background: #885830; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #885830;} + +/*v1.2*/ +.popup-video-image a i { background: #5713A9;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .popup-video-image a i, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #885830;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #885830;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #885830; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #5713A9; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #5713A9; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #5713A9; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #885830; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #885830; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #885830; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #885830; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #885830; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #885830; } + +.progress-bar-new { background-color: #885830; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #885830; border-right-color:#885830; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #885830; } + +.rev-color { color: #885830 !important; } +.rev-button { background: #885830 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #885830 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #885830 !important; } + + .st-menu ul.menu li a:before { background: rgba(136, 88, 48, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #784b25; } + +.bg-overlay-theme-10:before { background: rgba(136, 88, 48, 0.1); } +.bg-overlay-theme-20:before { background: rgba(136, 88, 48, 0.2); } +.bg-overlay-theme-30:before { background: rgba(136, 88, 48, 0.3); } +.bg-overlay-theme-40:before { background: rgba(136, 88, 48, 0.4); } +.bg-overlay-theme-50:before { background: rgba(136, 88, 48, 0.5); } +.bg-overlay-theme-60:before { background: rgba(136, 88, 48, 0.6); } +.bg-overlay-theme-70:before { background: rgba(136, 88, 48, 0.7); } +.bg-overlay-theme-80:before { background: rgba(136, 88, 48, 0.8); } +.bg-overlay-theme-90:before { background: rgba(136, 88, 48, 0.9); } \ No newline at end of file diff --git a/apply/css_r/skins/skin-chestnut-rose.css b/apply/css_r/skins/skin-chestnut-rose.css new file mode 100644 index 0000000..90ffc0d --- /dev/null +++ b/apply/css_r/skins/skin-chestnut-rose.css @@ -0,0 +1,101 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #D35665; color: #fff; text-shadow: none; } +::-moz-selection { background: #D35665; color: #fff; text-shadow: none; } +::selection { background: #D35665; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #D35665;} + +/*v1.2*/ +.popup-video-image a i { background: #D35665;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #D35665;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #D35665;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #D35665; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #D35665; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #D35665; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #D35665; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #D35665; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #D35665; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #D35665; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #D35665; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #D35665; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #D35665; } + +.progress-bar-new { background-color: #D35665; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #D35665; border-right-color:#D35665; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #D35665; } + +.rev-color { color: #D35665 !important; } +.rev-button { background: #D35665 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #D35665 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #D35665 !important; } + + .st-menu ul.menu li a:before { background: rgba(211, 86, 101, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #c34857; } + +.bg-overlay-theme-10:before { background: rgba(211, 86, 101, 0.1); } +.bg-overlay-theme-20:before { background: rgba(211, 86, 101, 0.2); } +.bg-overlay-theme-30:before { background: rgba(211, 86, 101, 0.3); } +.bg-overlay-theme-40:before { background: rgba(211, 86, 101, 0.4); } +.bg-overlay-theme-50:before { background: rgba(211, 86, 101, 0.5); } +.bg-overlay-theme-60:before { background: rgba(211, 86, 101, 0.6); } +.bg-overlay-theme-70:before { background: rgba(211, 86, 101, 0.7); } +.bg-overlay-theme-80:before { background: rgba(211, 86, 101, 0.8); } +.bg-overlay-theme-90:before { background: rgba(211, 86, 101, 0.9); } + \ No newline at end of file diff --git a/apply/css_r/skins/skin-cyan.css b/apply/css_r/skins/skin-cyan.css new file mode 100644 index 0000000..2073758 --- /dev/null +++ b/apply/css_r/skins/skin-cyan.css @@ -0,0 +1,103 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #37c5a6; color: #fff; text-shadow: none; } +::-moz-selection { background: #37c5a6; color: #fff; text-shadow: none; } +::selection { background: #37c5a6; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #37c5a6;} + +/*v1.2*/ +.popup-video-image a i { background: #37c5a6;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #37c5a6;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #37c5a6;} + +/************************* + Color +*************************/ + +a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #37c5a6; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #37c5a6; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #37c5a6; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #37c5a6; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #37c5a6; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #37c5a6; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #37c5a6; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #37c5a6; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #37c5a6; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #37c5a6; } + +.progress-bar-new { background-color: #37c5a6; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #37c5a6; border-right-color:#37c5a6; } + + + header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #37c5a6; } + +.rev-color { color: #37c5a6 !important; } +.rev-button { background: #37c5a6 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #37c5a6 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #37c5a6 !important; } + + .st-menu ul.menu li a:before { background: rgba(55, 197, 166, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #29a88c; } + + + .bg-overlay-theme-10:before { background: rgba(55, 197, 166, 0.1); } +.bg-overlay-theme-20:before { background: rgba(55, 197, 166, 0.2); } +.bg-overlay-theme-30:before { background: rgba(55, 197, 166, 0.3); } +.bg-overlay-theme-40:before { background: rgba(55, 197, 166, 0.4); } +.bg-overlay-theme-50:before { background: rgba(55, 197, 166, 0.5); } +.bg-overlay-theme-60:before { background: rgba(55, 197, 166, 0.6); } +.bg-overlay-theme-70:before { background: rgba(55, 197, 166, 0.7); } +.bg-overlay-theme-80:before { background: rgba(55, 197, 166, 0.8); } +.bg-overlay-theme-90:before { background: rgba(55, 197, 166, 0.9); } \ No newline at end of file diff --git a/apply/css_r/skins/skin-dark-pink.css b/apply/css_r/skins/skin-dark-pink.css new file mode 100644 index 0000000..2527a6b --- /dev/null +++ b/apply/css_r/skins/skin-dark-pink.css @@ -0,0 +1,102 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #f41e54; color: #fff; text-shadow: none; } +::-moz-selection { background: #f41e54; color: #fff; text-shadow: none; } +::selection { background: #f41e54; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #f41e54;} + + +/*v1.2*/ +.popup-video-image a i { background: #f41e54;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #f41e54;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #f41e54;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #f41e54; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #f41e54; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #f41e54; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #f41e54; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i { color: #f41e54; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #f41e54; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #f41e54; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #f41e54; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #f41e54; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #f41e54; } + +.progress-bar-new { background-color: #f41e54; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #f41e54; border-right-color:#f41e54; } + + header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #f41e54; } + +.rev-color { color: #f41e54 !important; } +.rev-button { background: #f41e54 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #f41e54 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #f41e54 !important; } + + .st-menu ul.menu li a:before { background: rgba(244, 30, 84, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #dc1547; } + + .bg-overlay-theme-10:before { background: rgba(244, 30, 84, 0.1); } +.bg-overlay-theme-20:before { background: rgba(244, 30, 84, 0.2); } +.bg-overlay-theme-30:before { background: rgba(244, 30, 84, 0.3); } +.bg-overlay-theme-40:before { background: rgba(244, 30, 84, 0.4); } +.bg-overlay-theme-50:before { background: rgba(244, 30, 84, 0.5); } +.bg-overlay-theme-60:before { background: rgba(244, 30, 84, 0.6); } +.bg-overlay-theme-70:before { background: rgba(244, 30, 84, 0.7); } +.bg-overlay-theme-80:before { background: rgba(244, 30, 84, 0.8); } +.bg-overlay-theme-90:before { background: rgba(244, 30, 84, 0.9); } + \ No newline at end of file diff --git a/apply/css_r/skins/skin-default.css b/apply/css_r/skins/skin-default.css new file mode 100644 index 0000000..0b5ccee --- /dev/null +++ b/apply/css_r/skins/skin-default.css @@ -0,0 +1,102 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #F5A623; color: #fff; text-shadow: none; } +::-moz-selection { background: #F5A623; color: #fff; text-shadow: none; } +::selection { background: #F5A623; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #F5A623;} + +/*v1.2*/ +.popup-video-image a i { background: #F5A623;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #F5A623;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #F5A623;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #F5A623; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #F5A623; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #F5A623; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover, .agency-banner .slider-content h1 { border-color: #F5A623; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i { color: #F5A623; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #F5A623; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #F5A623; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #F5A623; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover { border-color: #F5A623; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #F5A623; } + +.progress-bar-new { background-color: #F5A623; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #F5A623; border-right-color:#F5A623; } + + header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #F5A623; } + +.rev-color { color: #F5A623 !important; } +.rev-button { background: #F5A623 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #F5A623 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #F5A623 !important; } + + .st-menu ul.menu li a:before { background: rgba(132, 186, 63, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #72a62f; } + + + .bg-overlay-theme-10:before { background: rgba(132, 186, 63, 0.1); } +.bg-overlay-theme-20:before { background: rgba(132, 186, 63, 0.2); } +.bg-overlay-theme-30:before { background: rgba(132, 186, 63, 0.3); } +.bg-overlay-theme-40:before { background: rgba(132, 186, 63, 0.4); } +.bg-overlay-theme-50:before { background: rgba(132, 186, 63, 0.5); } +.bg-overlay-theme-60:before { background: rgba(132, 186, 63, 0.6); } +.bg-overlay-theme-70:before { background: rgba(132, 186, 63, 0.7); } +.bg-overlay-theme-80:before { background: rgba(132, 186, 63, 0.8); } +.bg-overlay-theme-90:before { background: rgba(132, 186, 63, 0.9); } + \ No newline at end of file diff --git a/apply/css_r/skins/skin-gold.css b/apply/css_r/skins/skin-gold.css new file mode 100644 index 0000000..6f248ae --- /dev/null +++ b/apply/css_r/skins/skin-gold.css @@ -0,0 +1,117 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #ba893f; color: #fff; text-shadow: none; } +::-moz-selection { background: #ba893f; color: #fff; text-shadow: none; } +::selection { background: #ba893f; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #ba893f;} + +/*v1.2*/ +.popup-video-image a i { background: #ba893f;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #ba893f;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #ba893f;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #ba893f; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #ba893f; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #ba893f; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #ba893f; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i { color: #ba893f; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #ba893f; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #ba893f; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #ba893f; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #ba893f; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #ba893f; } + +.progress-bar-new { background-color: #ba893f; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #ba893f; border-right-color:#ba893f; } + + header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #ba893f; } + +.rev-color { color: #ba893f !important; } +.rev-button { background: #ba893f !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #ba893f !important; } + + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #ba893f !important; } + + .st-menu ul.menu li a:before { background: rgba(186, 137, 63, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #a67730; } + + .bg-overlay-theme-10:before { background: rgba(186, 137, 63, 0.1); } +.bg-overlay-theme-20:before { background: rgba(186, 137, 63, 0.2); } +.bg-overlay-theme-30:before { background: rgba(186, 137, 63, 0.3); } +.bg-overlay-theme-40:before { background: rgba(186, 137, 63, 0.4); } +.bg-overlay-theme-50:before { background: rgba(186, 137, 63, 0.5); } +.bg-overlay-theme-60:before { background: rgba(186, 137, 63, 0.6); } +.bg-overlay-theme-70:before { background: rgba(186, 137, 63, 0.7); } +.bg-overlay-theme-80:before { background: rgba(186, 137, 63, 0.8); } +.bg-overlay-theme-90:before { background: rgba(186, 137, 63, 0.9); } + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/apply/css_r/skins/skin-gray.css b/apply/css_r/skins/skin-gray.css new file mode 100644 index 0000000..c43cd3c --- /dev/null +++ b/apply/css_r/skins/skin-gray.css @@ -0,0 +1,102 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #9a9a9a; color: #fff; text-shadow: none; } +::-moz-selection { background: #9a9a9a; color: #fff; text-shadow: none; } +::selection { background: #9a9a9a; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #9a9a9a;} + +/*v1.2*/ +.popup-video-image a i { background: #9a9a9a;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #9a9a9a;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #9a9a9a;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #9a9a9a; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #9a9a9a; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #9a9a9a; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #9a9a9a; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #9a9a9a; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #9a9a9a; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #9a9a9a; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #9a9a9a; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #9a9a9a; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #9a9a9a; } + +.progress-bar-new { background-color: #9a9a9a; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #9a9a9a; border-right-color:#9a9a9a; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #9a9a9a; } + +.rev-color { color: #9a9a9a !important; } +.rev-button { background: #9a9a9a !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #9a9a9a !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #9a9a9a !important; } + + .st-menu ul.menu li a:before { background: rgba(154, 154, 154, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #797979; } + + + .bg-overlay-theme-10:before { background: rgba(154, 154, 154, 0.1); } +.bg-overlay-theme-20:before { background: rgba(154, 154, 154, 0.2); } +.bg-overlay-theme-30:before { background: rgba(154, 154, 154, 0.3); } +.bg-overlay-theme-40:before { background: rgba(154, 154, 154, 0.4); } +.bg-overlay-theme-50:before { background: rgba(154, 154, 154, 0.5); } +.bg-overlay-theme-60:before { background: rgba(154, 154, 154, 0.6); } +.bg-overlay-theme-70:before { background: rgba(154, 154, 154, 0.7); } +.bg-overlay-theme-80:before { background: rgba(154, 154, 154, 0.8); } +.bg-overlay-theme-90:before { background: rgba(154, 154, 154, 0.9); } + \ No newline at end of file diff --git a/apply/css_r/skins/skin-green-dark.css b/apply/css_r/skins/skin-green-dark.css new file mode 100644 index 0000000..cd05f10 --- /dev/null +++ b/apply/css_r/skins/skin-green-dark.css @@ -0,0 +1,102 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #005608; color: #fff; text-shadow: none; } +::-moz-selection { background: #005608; color: #fff; text-shadow: none; } +::selection { background: #005608; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #005608;} + +/*v1.2*/ +.popup-video-image a i { background: #005608;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #005608;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #005608;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #005608; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #005608; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #005608; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #005608; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #005608; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #005608; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #005608; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #005608; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #005608; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #005608; } + +.progress-bar-new { background-color: #005608; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #005608; border-right-color:#005608; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #005608; } + +.rev-color { color: #005608 !important; } +.rev-button { background: #005608 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #005608 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #005608 !important; } + + .st-menu ul.menu li a:before { background: rgba(0, 86, 8, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #003905; } + + + .bg-overlay-theme-10:before { background: rgba(0, 86, 8, 0.1); } +.bg-overlay-theme-20:before { background: rgba(0, 86, 8, 0.2); } +.bg-overlay-theme-30:before { background: rgba(0, 86, 8, 0.3); } +.bg-overlay-theme-40:before { background: rgba(0, 86, 8, 0.4); } +.bg-overlay-theme-50:before { background: rgba(0, 86, 8, 0.5); } +.bg-overlay-theme-60:before { background: rgba(0, 86, 8, 0.6); } +.bg-overlay-theme-70:before { background: rgba(0, 86, 8, 0.7); } +.bg-overlay-theme-80:before { background: rgba(0, 86, 8, 0.8); } +.bg-overlay-theme-90:before { background: rgba(0, 86, 8, 0.9); } + \ No newline at end of file diff --git a/apply/css_r/skins/skin-green.css b/apply/css_r/skins/skin-green.css new file mode 100644 index 0000000..7db00cc --- /dev/null +++ b/apply/css_r/skins/skin-green.css @@ -0,0 +1,100 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #00b106; color: #fff; text-shadow: none; } +::-moz-selection { background: #00b106; color: #fff; text-shadow: none; } +::selection { background: #00b106; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #00b106;} + +/*v1.2*/ +.popup-video-image a i { background: #00b106;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #00b106;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #00b106;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #00b106; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #00b106; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #00b106; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #00b106; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #00b106; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #00b106; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #00b106; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #00b106; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #00b106; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #00b106; } + +.progress-bar-new { background-color: #00b106; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #00b106; border-right-color:#00b106; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #00b106; } + +.rev-color { color: #00b106 !important; } +.rev-button { background: #00b106 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #00b106 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #00b106 !important; } + + .st-menu ul.menu li a:before { background: rgba(0, 177, 6, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #038b07; } + + .bg-overlay-theme-10:before { background: rgba(0, 177, 6, 0.1); } +.bg-overlay-theme-20:before { background: rgba(0, 177, 6, 0.2); } +.bg-overlay-theme-30:before { background: rgba(0, 177, 6, 0.3); } +.bg-overlay-theme-40:before { background: rgba(0, 177, 6, 0.4); } +.bg-overlay-theme-50:before { background: rgba(0, 177, 6, 0.5); } +.bg-overlay-theme-60:before { background: rgba(0, 177, 6, 0.6); } +.bg-overlay-theme-70:before { background: rgba(0, 177, 6, 0.7); } +.bg-overlay-theme-80:before { background: rgba(0, 177, 6, 0.8); } +.bg-overlay-theme-90:before { background: rgba(0, 177, 6, 0.9); } \ No newline at end of file diff --git a/apply/css_r/skins/skin-lime.css b/apply/css_r/skins/skin-lime.css new file mode 100644 index 0000000..f108e8e --- /dev/null +++ b/apply/css_r/skins/skin-lime.css @@ -0,0 +1,102 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #b4ef56; color: #fff; text-shadow: none; } +::-moz-selection { background: #b4ef56; color: #fff; text-shadow: none; } +::selection { background: #b4ef56; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #b4ef56;} + +/*v1.2*/ +.popup-video-image a i { background: #b4ef56;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #b4ef56;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #b4ef56;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #b4ef56; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #b4ef56; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #b4ef56; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #b4ef56; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #b4ef56; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #b4ef56; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #b4ef56; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #b4ef56; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #b4ef56; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #b4ef56; } + +.progress-bar-new { background-color: #b4ef56; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #b4ef56; border-right-color:#b4ef56; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #b4ef56; } + +.rev-color { color: #b4ef56 !important; } +.rev-button { background: #b4ef56 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #b4ef56 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #b4ef56 !important; } + + .st-menu ul.menu li a:before { background: rgba(180, 239, 86, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #9ad53c; } + + + .bg-overlay-theme-10:before { background: rgba(180, 239, 86, 0.1); } +.bg-overlay-theme-20:before { background: rgba(180, 239, 86, 0.2); } +.bg-overlay-theme-30:before { background: rgba(180, 239, 86, 0.3); } +.bg-overlay-theme-40:before { background: rgba(180, 239, 86, 0.4); } +.bg-overlay-theme-50:before { background: rgba(180, 239, 86, 0.5); } +.bg-overlay-theme-60:before { background: rgba(180, 239, 86, 0.6); } +.bg-overlay-theme-70:before { background: rgba(180, 239, 86, 0.7); } +.bg-overlay-theme-80:before { background: rgba(180, 239, 86, 0.8); } +.bg-overlay-theme-90:before { background: rgba(180, 239, 86, 0.9); } + \ No newline at end of file diff --git a/apply/css_r/skins/skin-malachite.css b/apply/css_r/skins/skin-malachite.css new file mode 100644 index 0000000..89ff143 --- /dev/null +++ b/apply/css_r/skins/skin-malachite.css @@ -0,0 +1,113 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #51e887; color: #fff; text-shadow: none; } +::-moz-selection { background: #51e887; color: #fff; text-shadow: none; } +::selection { background: #51e887; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #51e887;} + +/*v1.2*/ +.popup-video-image a i { background: #51e887;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #51e887;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #51e887;} + + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #51e887; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #51e887; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #51e887; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #51e887; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #51e887; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #51e887; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #51e887; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #51e887; } +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #51e887; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #51e887; } + +.progress-bar-new { background-color: #51e887; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #51e887; border-right-color:#51e887; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #51e887; } + +.rev-color { color: #51e887 !important; } +.rev-button { background: #51e887 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #51e887 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #51e887 !important; } + + .st-menu ul.menu li a:before { background: rgba(81, 232, 135, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #42d577; } + + + .bg-overlay-theme-10:before { background: rgba(81, 232, 135, 0.1); } +.bg-overlay-theme-20:before { background: rgba(81, 232, 135, 0.2); } +.bg-overlay-theme-30:before { background: rgba(81, 232, 135, 0.3); } +.bg-overlay-theme-40:before { background: rgba(81, 232, 135, 0.4); } +.bg-overlay-theme-50:before { background: rgba(81, 232, 135, 0.5); } +.bg-overlay-theme-60:before { background: rgba(81, 232, 135, 0.6); } +.bg-overlay-theme-70:before { background: rgba(81, 232, 135, 0.7); } +.bg-overlay-theme-80:before { background: rgba(81, 232, 135, 0.8); } +.bg-overlay-theme-90:before { background: rgba(81, 232, 135, 0.9); } + + + + + + + + + + + + \ No newline at end of file diff --git a/apply/css_r/skins/skin-olive.css b/apply/css_r/skins/skin-olive.css new file mode 100644 index 0000000..f61b95f --- /dev/null +++ b/apply/css_r/skins/skin-olive.css @@ -0,0 +1,101 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #8d8f02; color: #fff; text-shadow: none; } +::-moz-selection { background: #8d8f02; color: #fff; text-shadow: none; } +::selection { background: #8d8f02; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #8d8f02;} + +/*v1.2*/ +.popup-video-image a i { background: #8d8f02;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #8d8f02;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #8d8f02;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #8d8f02; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #8d8f02; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #8d8f02; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #8d8f02; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #8d8f02; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #8d8f02; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #8d8f02; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #8d8f02; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #8d8f02; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #8d8f02; } + +.progress-bar-new { background-color: #8d8f02; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #8d8f02; border-right-color:#8d8f02; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #8d8f02; } + +.rev-color { color: #8d8f02 !important; } +.rev-button { background: #8d8f02 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #8d8f02 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #8d8f02 !important; } + + .st-menu ul.menu li a:before { background: rgba(141, 143, 2, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #6e7003; } + + + .bg-overlay-theme-10:before { background: rgba(141, 143, 2, 0.1); } +.bg-overlay-theme-20:before { background: rgba(141, 143, 2, 0.2); } +.bg-overlay-theme-30:before { background: rgba(141, 143, 2, 0.3); } +.bg-overlay-theme-40:before { background: rgba(141, 143, 2, 0.4); } +.bg-overlay-theme-50:before { background: rgba(141, 143, 2, 0.5); } +.bg-overlay-theme-60:before { background: rgba(141, 143, 2, 0.6); } +.bg-overlay-theme-70:before { background: rgba(141, 143, 2, 0.7); } +.bg-overlay-theme-80:before { background: rgba(141, 143, 2, 0.8); } +.bg-overlay-theme-90:before { background: rgba(141, 143, 2, 0.9); } diff --git a/apply/css_r/skins/skin-orange.css b/apply/css_r/skins/skin-orange.css new file mode 100644 index 0000000..24ba92a --- /dev/null +++ b/apply/css_r/skins/skin-orange.css @@ -0,0 +1,101 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #ed5001; color: #fff; text-shadow: none; } +::-moz-selection { background: #ed5001; color: #fff; text-shadow: none; } +::selection { background: #ed5001; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #ed5001;} + +/*v1.2*/ +.popup-video-image a i { background: #ed5001;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #ed5001;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #ed5001;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #ed5001; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #ed5001; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #ed5001; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #ed5001; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #ed5001; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #ed5001; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #ed5001; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #ed5001; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #ed5001; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #ed5001; } + +.progress-bar-new { background-color: #ed5001; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #ed5001; border-right-color:#ed5001; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #ed5001; } + +.rev-color { color: #ed5001 !important; } +.rev-button { background: #ed5001 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #ed5001 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #ed5001 !important; } + + .st-menu ul.menu li a:before { background: rgba(237, 80, 1, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #4a5801; } + + + .bg-overlay-theme-10:before { background: rgba(237, 80, 1, 0.1); } +.bg-overlay-theme-20:before { background: rgba(237, 80, 1, 0.2); } +.bg-overlay-theme-30:before { background: rgba(237, 80, 1, 0.3); } +.bg-overlay-theme-40:before { background: rgba(237, 80, 1, 0.4); } +.bg-overlay-theme-50:before { background: rgba(237, 80, 1, 0.5); } +.bg-overlay-theme-60:before { background: rgba(237, 80, 1, 0.6); } +.bg-overlay-theme-70:before { background: rgba(237, 80, 1, 0.7); } +.bg-overlay-theme-80:before { background: rgba(237, 80, 1, 0.8); } +.bg-overlay-theme-90:before { background: rgba(237, 80, 1, 0.9); } \ No newline at end of file diff --git a/apply/css_r/skins/skin-perfume.css b/apply/css_r/skins/skin-perfume.css new file mode 100644 index 0000000..77aaa1d --- /dev/null +++ b/apply/css_r/skins/skin-perfume.css @@ -0,0 +1,112 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #b3affa; color: #fff; text-shadow: none; } +::-moz-selection { background: #b3affa; color: #fff; text-shadow: none; } +::selection { background: #b3affa; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #b3affa;} + +/*v1.2*/ +.popup-video-image a i { background: #b3affa;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #b3affa;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #b3affa;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #b3affa; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #b3affa; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #b3affa; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #b3affa; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #b3affa; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #b3affa; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #b3affa; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #b3affa; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #b3affa; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #b3affa; } + +.progress-bar-new { background-color: #b3affa; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #b3affa; border-right-color:#b3affa; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #b3affa; } + +.rev-color { color: #b3affa !important; } +.rev-button { background: #b3affa !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #b3affa !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #b3affa !important; } + + .st-menu ul.menu li a:before { background: rgba(179, 175, 250, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #a09ce8; } + + + .bg-overlay-theme-10:before { background: rgba(179, 175, 250, 0.1); } +.bg-overlay-theme-20:before { background: rgba(179, 175, 250, 0.2); } +.bg-overlay-theme-30:before { background: rgba(179, 175, 250, 0.3); } +.bg-overlay-theme-40:before { background: rgba(179, 175, 250, 0.4); } +.bg-overlay-theme-50:before { background: rgba(179, 175, 250, 0.5); } +.bg-overlay-theme-60:before { background: rgba(179, 175, 250, 0.6); } +.bg-overlay-theme-70:before { background: rgba(179, 175, 250, 0.7); } +.bg-overlay-theme-80:before { background: rgba(179, 175, 250, 0.8); } +.bg-overlay-theme-90:before { background: rgba(179, 175, 250, 0.9); } + + + + + + + + + + + \ No newline at end of file diff --git a/apply/css_r/skins/skin-persian-green.css b/apply/css_r/skins/skin-persian-green.css new file mode 100644 index 0000000..b49ac2e --- /dev/null +++ b/apply/css_r/skins/skin-persian-green.css @@ -0,0 +1,100 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #7dcdcd; color: #fff; text-shadow: none; } +::-moz-selection { background: #7dcdcd; color: #fff; text-shadow: none; } +::selection { background: #7dcdcd; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #7dcdcd;} + +/*v1.2*/ +.popup-video-image a i { background: #7dcdcd;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #7dcdcd;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #7dcdcd;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #7dcdcd; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #7dcdcd; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #7dcdcd; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #7dcdcd; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #7dcdcd; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #7dcdcd; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #7dcdcd; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #7dcdcd; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #7dcdcd; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #7dcdcd; } + +.progress-bar-new { background-color: #7dcdcd; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #7dcdcd; border-right-color:#7dcdcd; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #7dcdcd; } + +.rev-color { color: #7dcdcd !important; } +.rev-button { background: #7dcdcd !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #7dcdcd !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #7dcdcd !important; } + + .st-menu ul.menu li a:before { background: rgba(125, 205, 205, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #55a9a9; } + + .bg-overlay-theme-10:before { background: rgba(125, 205, 205, 0.1); } +.bg-overlay-theme-20:before { background: rgba(125, 205, 205, 0.2); } +.bg-overlay-theme-30:before { background: rgba(125, 205, 205, 0.3); } +.bg-overlay-theme-40:before { background: rgba(125, 205, 205, 0.4); } +.bg-overlay-theme-50:before { background: rgba(125, 205, 205, 0.5); } +.bg-overlay-theme-60:before { background: rgba(125, 205, 205, 0.6); } +.bg-overlay-theme-70:before { background: rgba(125, 205, 205, 0.7); } +.bg-overlay-theme-80:before { background: rgba(125, 205, 205, 0.8); } +.bg-overlay-theme-90:before { background: rgba(125, 205, 205, 0.9); } \ No newline at end of file diff --git a/apply/css_r/skins/skin-pink.css b/apply/css_r/skins/skin-pink.css new file mode 100644 index 0000000..5b3d51c --- /dev/null +++ b/apply/css_r/skins/skin-pink.css @@ -0,0 +1,102 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #e9457a; color: #fff; text-shadow: none; } +::-moz-selection { background: #e9457a; color: #fff; text-shadow: none; } +::selection { background: #e9457a; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #e9457a;} + +/*v1.2*/ +.popup-video-image a i { background: #e9457a;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #e9457a;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #e9457a;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #e9457a; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #e9457a; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #e9457a; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #e9457a; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #e9457a; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #e9457a; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #e9457a; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #e9457a; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #e9457a; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #e9457a; } + +.progress-bar-new { background-color: #e9457a; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #e9457a; border-right-color:#e9457a; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #e9457a; } + +.rev-color { color: #e9457a !important; } +.rev-button { background: #e9457a !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #e9457a !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #e9457a !important; } + + .st-menu ul.menu li a:before { background: rgba(233, 69, 122, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #4a5801; } + + + .bg-overlay-theme-10:before { background: rgba(233, 69, 122, 0.1); } +.bg-overlay-theme-20:before { background: rgba(233, 69, 122, 0.2); } +.bg-overlay-theme-30:before { background: rgba(233, 69, 122, 0.3); } +.bg-overlay-theme-40:before { background: rgba(233, 69, 122, 0.4); } +.bg-overlay-theme-50:before { background: rgba(233, 69, 122, 0.5); } +.bg-overlay-theme-60:before { background: rgba(233, 69, 122, 0.6); } +.bg-overlay-theme-70:before { background: rgba(233, 69, 122, 0.7); } +.bg-overlay-theme-80:before { background: rgba(233, 69, 122, 0.8); } +.bg-overlay-theme-90:before { background: rgba(233, 69, 122, 0.9); } + \ No newline at end of file diff --git a/apply/css_r/skins/skin-purple.css b/apply/css_r/skins/skin-purple.css new file mode 100644 index 0000000..2cf6a03 --- /dev/null +++ b/apply/css_r/skins/skin-purple.css @@ -0,0 +1,100 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #c36dff; color: #fff; text-shadow: none; } +::-moz-selection { background: #c36dff; color: #fff; text-shadow: none; } +::selection { background: #c36dff; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #c36dff;} + +/*v1.2*/ +.popup-video-image a i { background: #c36dff;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #c36dff;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #c36dff;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #c36dff; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #c36dff; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #c36dff; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #c36dff; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #c36dff; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #c36dff; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #c36dff; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #c36dff; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #c36dff; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #c36dff; } + +.progress-bar-new { background-color: #c36dff; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #c36dff; border-right-color:#c36dff; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #c36dff; } + +.rev-color { color: #c36dff !important; } +.rev-button { background: #c36dff !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #c36dff !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #c36dff !important; } + + .st-menu ul.menu li a:before { background: rgba(195, 109, 255, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #a351dc; } + + .bg-overlay-theme-10:before { background: rgba(195, 109, 255, 0.1); } +.bg-overlay-theme-20:before { background: rgba(195, 109, 255, 0.2); } +.bg-overlay-theme-30:before { background: rgba(195, 109, 255, 0.3); } +.bg-overlay-theme-40:before { background: rgba(195, 109, 255, 0.4); } +.bg-overlay-theme-50:before { background: rgba(195, 109, 255, 0.5); } +.bg-overlay-theme-60:before { background: rgba(195, 109, 255, 0.6); } +.bg-overlay-theme-70:before { background: rgba(195, 109, 255, 0.7); } +.bg-overlay-theme-80:before { background: rgba(195, 109, 255, 0.8); } +.bg-overlay-theme-90:before { background: rgba(195, 109, 255, 0.9); } \ No newline at end of file diff --git a/apply/css_r/skins/skin-red.css b/apply/css_r/skins/skin-red.css new file mode 100644 index 0000000..9e241de --- /dev/null +++ b/apply/css_r/skins/skin-red.css @@ -0,0 +1,101 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #d12326; color: #fff; text-shadow: none; } +::-moz-selection { background: #d12326; color: #fff; text-shadow: none; } +::selection { background: #d12326; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #d12326;} + +/*v1.2*/ +.popup-video-image a i { background: #d12326;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #d12326;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #d12326;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #d12326; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #d12326; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #d12326; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #d12326; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #d12326; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #d12326; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #d12326; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #d12326; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #d12326; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #d12326; } + +.progress-bar-new { background-color: #d12326; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #d12326; border-right-color:#d12326; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #d12326; } + +.rev-color { color: #d12326 !important; } +.rev-button { background: #d12326 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #d12326 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #d12326 !important; } + + .st-menu ul.menu li a:before { background: rgba(209, 35, 38, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #bc1518; } + + + .bg-overlay-theme-10:before { background: rgba(209, 35, 38, 0.1); } +.bg-overlay-theme-20:before { background: rgba(209, 35, 38, 0.2); } +.bg-overlay-theme-30:before { background: rgba(209, 35, 38, 0.3); } +.bg-overlay-theme-40:before { background: rgba(209, 35, 38, 0.4); } +.bg-overlay-theme-50:before { background: rgba(209, 35, 38, 0.5); } +.bg-overlay-theme-60:before { background: rgba(209, 35, 38, 0.6); } +.bg-overlay-theme-70:before { background: rgba(209, 35, 38, 0.7); } +.bg-overlay-theme-80:before { background: rgba(209, 35, 38, 0.8); } +.bg-overlay-theme-90:before { background: rgba(209, 35, 38, 0.9); } \ No newline at end of file diff --git a/apply/css_r/skins/skin-salmon.css b/apply/css_r/skins/skin-salmon.css new file mode 100644 index 0000000..c58373f --- /dev/null +++ b/apply/css_r/skins/skin-salmon.css @@ -0,0 +1,103 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #ff796c; color: #fff; text-shadow: none; } +::-moz-selection { background: #ff796c; color: #fff; text-shadow: none; } +::selection { background: #ff796c; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #ff796c;} + +/*v1.2*/ +.popup-video-image a i { background: #ff796c;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #ff796c;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #ff796c;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #ff796c; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #ff796c; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #ff796c; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #ff796c; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #ff796c; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #ff796c; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #ff796c; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #ff796c; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #ff796c; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #ff796c; } + +.progress-bar-new { background-color: #ff796c; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #ff796c; border-right-color:#ff796c; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #ff796c; } + +.rev-color { color: #ff796c !important; } +.rev-button { background: #ff796c !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #ff796c !important; } + + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #ff796c !important; } + + .st-menu ul.menu li a:before { background: rgba(255, 121, 108, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #dc5244; } + + + + .bg-overlay-theme-10:before { background: rgba(255, 121, 108, 0.1); } +.bg-overlay-theme-20:before { background: rgba(255, 121, 108, 0.2); } +.bg-overlay-theme-30:before { background: rgba(255, 121, 108, 0.3); } +.bg-overlay-theme-40:before { background: rgba(255, 121, 108, 0.4); } +.bg-overlay-theme-50:before { background: rgba(255, 121, 108, 0.5); } +.bg-overlay-theme-60:before { background: rgba(255, 121, 108, 0.6); } +.bg-overlay-theme-70:before { background: rgba(255, 121, 108, 0.7); } +.bg-overlay-theme-80:before { background: rgba(255, 121, 108, 0.8); } +.bg-overlay-theme-90:before { background: rgba(255, 121, 108, 0.9); } \ No newline at end of file diff --git a/apply/css_r/skins/skin-steelblue.css b/apply/css_r/skins/skin-steelblue.css new file mode 100644 index 0000000..a4f8a3d --- /dev/null +++ b/apply/css_r/skins/skin-steelblue.css @@ -0,0 +1,106 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #354a6b; color: #fff; text-shadow: none; } +::-moz-selection { background: #354a6b; color: #fff; text-shadow: none; } +::selection { background: #354a6b; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #354a6b;} + +/*v1.2*/ +.popup-video-image a i { background: #354a6b;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #354a6b;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #354a6b;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #354a6b; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #354a6b; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #354a6b; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #354a6b; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #354a6b; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #354a6b; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #354a6b; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #354a6b; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #354a6b; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #354a6b; } + +.progress-bar-new { background-color: #354a6b; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #354a6b; border-right-color:#354a6b; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #354a6b; } + +.rev-color { color: #354a6b !important; } +.rev-button { background: #354a6b !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #354a6b !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #354a6b !important; } + + .st-menu ul.menu li a:before { background: rgba(53, 74, 107, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #273a58; } + + + + .bg-overlay-theme-10:before { background: rgba(53, 74, 107, 0.1); } +.bg-overlay-theme-20:before { background: rgba(53, 74, 107, 0.2); } +.bg-overlay-theme-30:before { background: rgba(53, 74, 107, 0.3); } +.bg-overlay-theme-40:before { background: rgba(53, 74, 107, 0.4); } +.bg-overlay-theme-50:before { background: rgba(53, 74, 107, 0.5); } +.bg-overlay-theme-60:before { background: rgba(53, 74, 107, 0.6); } +.bg-overlay-theme-70:before { background: rgba(53, 74, 107, 0.7); } +.bg-overlay-theme-80:before { background: rgba(53, 74, 107, 0.8); } +.bg-overlay-theme-90:before { background: rgba(53, 74, 107, 0.9); } + + + + \ No newline at end of file diff --git a/apply/css_r/skins/skin-water-blue.css b/apply/css_r/skins/skin-water-blue.css new file mode 100644 index 0000000..3216046 --- /dev/null +++ b/apply/css_r/skins/skin-water-blue.css @@ -0,0 +1,103 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #0079fc; color: #fff; text-shadow: none; } +::-moz-selection { background: #0079fc; color: #fff; text-shadow: none; } +::selection { background: #0079fc; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #0079fc;} + +/*v1.2*/ +.popup-video-image a i { background: #0079fc;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #0079fc;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #0079fc;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #0079fc; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #0079fc; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #0079fc; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #0079fc; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #0079fc; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #0079fc; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #0079fc; } + + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #0079fc; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #0079fc; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #0079fc; } + +.progress-bar-new { background-color: #0079fc; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #0079fc; border-right-color:#0079fc; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #0079fc; } + +.rev-color { color: #0079fc !important; } +.rev-button { background: #0079fc !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #0079fc !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #0079fc !important; } + + .st-menu ul.menu li a:before { background: rgba(0, 121, 252, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #0368d5; } + + + .bg-overlay-theme-10:before { background: rgba(0, 121, 252, 0.1); } +.bg-overlay-theme-20:before { background: rgba(0, 121, 252, 0.2); } +.bg-overlay-theme-30:before { background: rgba(0, 121, 252, 0.3); } +.bg-overlay-theme-40:before { background: rgba(0, 121, 252, 0.4); } +.bg-overlay-theme-50:before { background: rgba(0, 121, 252, 0.5); } +.bg-overlay-theme-60:before { background: rgba(0, 121, 252, 0.6); } +.bg-overlay-theme-70:before { background: rgba(0, 121, 252, 0.7); } +.bg-overlay-theme-80:before { background: rgba(0, 121, 252, 0.8); } +.bg-overlay-theme-90:before { background: rgba(0, 121, 252, 0.9); } + \ No newline at end of file diff --git a/apply/css_r/skins/skin-yellow.css b/apply/css_r/skins/skin-yellow.css new file mode 100644 index 0000000..2b9b49a --- /dev/null +++ b/apply/css_r/skins/skin-yellow.css @@ -0,0 +1,111 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is color stylesheet of Color Scheme. + +*/ + +/************************* + General +*************************/ +/** selection **/ +*::-moz-selection { background: #f7c605; color: #fff; text-shadow: none; } +::-moz-selection { background: #f7c605; color: #fff; text-shadow: none; } +::selection { background: #f7c605; color: #fff; text-shadow: none; } + +/************************* + Background Color +*************************/ + +.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #f7c605;} + +/*v1.2*/ +.popup-video-image a i { background: #f7c605;} + +/*v1.3.1*/ +.conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #f7c605;} + +/*v1.2*/ +.login-box-theme:before, .login-box-theme:after { background: #f7c605;} + +/************************* + Color +*************************/ + a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #f7c605; } + +/*v1.2*/ +.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #f7c605; } + +/*v1.3*/ +.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #f7c605; } +.isotope-filters.dark-bg button.active, .isotope-filters button:hover { border-color: #f7c605; } + +/*v1.3.1*/ +.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #f7c605; } + +/*v1.0.4*/ +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #f7c605; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #f7c605; } + +/************************* + Border Color +*************************/ + +.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #f7c605; } + +/*v1.3.1*/ +.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #f7c605; } + +/*v1.2*/ +.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #f7c605; } + +.progress-bar-new { background-color: #f7c605; } + +.blog .timeline li:hover .timeline-panel:before { border-left-color: #f7c605; border-right-color:#f7c605; } + +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #f7c605; } + +.rev-color { color: #f7c605 !important; } +.rev-button { background: #f7c605 !important; } +.rev-button:hover { background: #ffffff !important; color: #323232 !important; } +.rev-bg { background: #f7c605 !important; } + +/************************* + Rgba Background Color +*************************/ + + /*important*/ + .footer .footer-social ul li a:hover, .slider-content .typer { color: #f7c605 !important; } + + .st-menu ul.menu li a:before { background: rgba(247, 198, 5, 0.4); } + +/*dark blue*/ +.agency-form .contact-form, .agency-counter .row { background: #d4aa07; } + + + + .bg-overlay-theme-10:before { background: rgba(247, 198, 5, 0.1); } +.bg-overlay-theme-20:before { background: rgba(247, 198, 5, 0.2); } +.bg-overlay-theme-30:before { background: rgba(247, 198, 5, 0.3); } +.bg-overlay-theme-40:before { background: rgba(247, 198, 5, 0.4); } +.bg-overlay-theme-50:before { background: rgba(247, 198, 5, 0.5); } +.bg-overlay-theme-60:before { background: rgba(247, 198, 5, 0.6); } +.bg-overlay-theme-70:before { background: rgba(247, 198, 5, 0.7); } +.bg-overlay-theme-80:before { background: rgba(247, 198, 5, 0.8); } +.bg-overlay-theme-90:before { background: rgba(247, 198, 5, 0.9); } + + + + + + + + + \ No newline at end of file diff --git a/apply/css_r/style.css b/apply/css_r/style.css new file mode 100644 index 0000000..5525f65 --- /dev/null +++ b/apply/css_r/style.css @@ -0,0 +1,1735 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Version: 1.0 +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. + +*/ + + +/*================================================ +[ Table of contents ] +================================================ + :: Header + - topbar + - search + - Cart + - FullWidth + - Light + - Dark + - Left-menu + - Logo-center + - Fancy + - fancy without-topbar + - Side menu icon + - Vertical header + - One page Header + :: Slider (all home page main sliders ) + :: - Slider-parallax one page + :: - Mobile slider + :: Background + :: Home page section + :: Decolines + :: Awesome features + :: Feature Step + :: About Us + :: Resume + :: Portfolio + :: - Portfolio item + :: - Portfolio-item-2 + :: - Portfolio single page + :: Our Blog + :: Our services + :: Creativity + :: Our History + :: Our Service Objects + :: Sidebar + :: About me + :: Team page + :: Error 404 + :: Coming soon + :: Register + :: Login + :: maintenance + :: Our clients + :: Process + :: Careers + :: Sitemap + :: Privacy-policy + :: Page sidebar + :: Terms and conditions + :: Footer + :: Boxed + + v1.2 + :: index portfolio 4 + :: index portfolio 04 about + :: index portfolio single + +====================================== +[ End table content ] +======================================*/ + +/************************* + Header +*************************/ +.default { background: transparent; z-index: 9999; position: absolute; width: 100%; } +/*topbar*/ +.topbar { /*padding: 10px 0;*/ font-size:12px; color:#4a4a4a; } +.topbar ul li { display: inline-block; color: #fff; font-size: 12px; font-weight: normal;} +.topbar ul li:last-child { margin-right: 0px; } +.topbar ul li a { color: #4a4a4a; font-size: 12px; font-weight: normal; font-style: normal; } +.topbar-left { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; } +.topbar-right { position: relative; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; } +.topbar ul li a:hover { font-weight:600; } +#topbar-nav {list-style:none;} +#topbar-nav li{display:inline-block; position:relative; line-height: 20px; } +#topbar-nav li:first-child > a {border: 0;} +#topbar-nav li > a {border-left: 1px solid #ccc; padding:0px 15px;} + +/*menu*/ +.menu-bar { float: right; } +.mega-menu .menu-links { float: left; } +.search-cart { display: inline-block; } +.search-cart i.icon { color: #ffffff; line-height: 20px; font-size: 14px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } +.search-cart i.icon:hover { color: #F5A623; } +.search-cart .search { display: inline-block; padding-right: 15px; padding-left: 10px; } +.search-cart .shpping-cart { display: inline-block; } +.shpping-cart a { position: relative; } +.shpping-cart strong.item { display: block; position: absolute; top: -7px; left: auto; right: -8px; font-size: 10px; color: #ffffff; width: 16px; height: 16px;line-height: 16px; text-align: center; background-color: #F5A623; border-radius: 50%; } + + /*search*/ + .search .search-btn { display: block; height: 20px; line-height: 21px; position: relative; text-indent: -9999px; width: 14px; color: #ffffff; -o-transition: color 300ms ease 0s; -moz-transition: color 300ms ease 0s; -ms-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s; transition: color 300ms ease 0s; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } + .search .search-btn:before { content: ""; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; left: 0; position: absolute; text-indent: 0; top: 0; } + .search .search-btn:hover { color: #F5A623; } + .search.search-open .search-btn:before { content: ""; } + .search-box { background: #fff; display: block; margin: 0; opacity: 0 !important; padding: 15px; position: absolute; right: 0; top: 100%; transition: visibility 300ms ease 0s, opacity 300ms ease 0s; visibility: hidden; width: 327px; z-index: 888; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; transform-origin: 0 0; transition: all 400ms ease; } + .search.search-open .search-box { opacity: 1 !important;visibility: visible !important; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); box-shadow: 0 0 50px rgba(0,0,0,.1); } + .search .search-box input { background: transparent; border:1px solid #eceff8; padding-left: 15px; border-radius: 3px; } + .search .search-box input:focus { background: transparent; border:1px solid #eceff8; } + .search .search-box i { cursor: pointer; font-size: 15px; position: absolute; right: 27px; top: 31px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } + .search .search-box i:hover { color: #F5A623; } + +/*cart*/ +.cart { opacity: 0; visibility: hidden; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,.1); position: absolute; right: 0; margin-top: 0px; right: 0; width: 300px; border: 1px solid #eceff8; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; + transform-origin: 0 0; transition: all 400ms ease;} +.cart.cart-open {-webkit-transform: rotateX(0deg); transform: rotateX(0deg);opacity: 1; visibility: visible; } +.cart:before { bottom: 100%; right: 8px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(194, 225, 245, 0); + border-bottom-color: #fff; border-width: 6px; margin-left: -8px; } +.cart-title { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; } +.cart-item { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; position: relative; } +.cart-item .cart-image { display: table-cell; padding-right: 15px; } +.cart-item .cart-image img { height: 40px; } +.cart-item .cart-name { display: table-cell; vertical-align: top; } +.cart-item .cart-name a { display: block; color: #323232; } +.cart-item .cart-name a:hover { color: #F5A623; } +.cart-item .cart-name span { color: #323232; display: inline-block; } +.cart-item .cart-name strong { padding-left: 30px; } +.cart-price del { font-size: 14px; background: transparent; color: #323232; padding-left: 0; } +.cart-price ins { text-decoration: none; color: #F5A623; font-size: 16px;font-weight: bold; } +.cart-total { padding: 20px; text-align: center; background: #f7f7f7; } +.cart-total h6 { text-align: center; } +.cart-total a { display: inline-block; margin-top: 20px; padding: 6px 18px; margin: 0; } +.cart-total a.button { display: inline-block; } +.cart-total .button + .button { margin: 0; } +.cart-item .cart-close { position: absolute; right: 20px; top: 20px; } +.cart-item .cart-close a { font-size: 14px; } +.cart-item .cart-close a:hover { color: #323232; } + +/*mega-menu */ + +.mega-menu .drop-down-multilevel.right-menu { right: 0px; } +.mega-menu > section.menu-list-items { padding: 0; } +.mega-menu .menu-links > li > a { text-transform: uppercase; font-size: 14px; font-weight: 500; line-height: 20px; } +.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; } +.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down a { color: #323232; } +.mega-menu .menu-links > li.active .drop-down li.active a { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down a:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down li.active a i { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down a i:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #F5A623; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #F5A623; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.mega-menu .row { margin-left: 0px; margin-right: 0px; } +.mega-menu .col-md-12 { padding-left: 0px; padding-right: 0px; } +.mega-menu.desktopTopFixed .menu-logo { padding: 0px; } +.mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } +.mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } + +/*fullWidth*/ +.header.fullWidth .container-fluid { padding: 0 60px; } + +/*light*/ +.header.light { background: #ffffff; position: relative; border-bottom: 1px solid #FA6F0D; } +.header.light .topbar ul li { color: #323232; } +.header.light .topbar ul li a { color: #323232; } +.header.light .mega-menu .menu-links > li > a { color: #323232; } +.header.light .mega-menu .menu-links > li > a:hover { color: #F5A623; font-weight: bold;} +.header.light .mega-menu .menu-links > li.active > a { color: #F5A623; font-weight: bold;} +.header.light .topbar { background-color:rgba(210,144,37,0.2); } +.header.light .search-cart i.icon { color: #323232; } +.header.light .search-cart i.icon:hover { color: #F5A623; } +.header.light .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; } +.header.light .search .search-btn { color: #323232; } +.header.light .search .search-btn:hover { color: #F5A623; } + +/*dark*/ +.header.dark { background: #323232; position: relative; } +.header.transparent { background: rgba(0, 0, 0, 0.4); position: absolute; width: 100%; z-index: 999; } + +/*left-menu*/ +.header.left-menu .menu-bar { float: none; } +.header.left-menu .menu-links { padding-left: 30px; } +.header.left-menu .search-cart { float: right; } + +/*logo-center*/ +.header.logo-center .mega-menu { min-height: 170px; } +.header.logo-center .menu-logo { float: none; display: block; text-align: center; } +.header.logo-center .mega-menu .menu-logo > li > a { float: none; } +.header.logo-center .mega-menu .menu-logo > li { float: none; } +.header.logo-center .mega-menu img { float: none; margin: 0 auto; } +.header.logo-center .menu-bar { float: none; } +.header.logo-center .search-cart { float: right; } +.header.logo-center .mega-menu.desktopTopFixed .menu-logo { float: left; display: inline-block; } +.header.logo-center .mega-menu.desktopTopFixed .menu-logo > li > a { float: left; } +.header.logo-center .mega-menu.desktopTopFixed img { float: left; margin: 0 auto; } +.header.logo-center .mega-menu.desktopTopFixed .menu-bar { float: right; border-top: 0px solid rgba(0, 0, 0, 0.1); } +.header.logo-center .mega-menu.desktopTopFixed .search-cart { float: right; } + +/*fancy */ + +.header.fancy { background: transparent; position: relative; border-bottom: 0; } +.header.fancy .topbar { background: #F5A623; padding: 15px 0px 70px; } +.header.fancy .topbar .topbar-right li a:hover { color: #323232; } +.header.fancy .search-cart i.icon { color: #323232; line-height: 20px; } +.header.fancy .topbar-call ul li i { color: #ffffff; } +.header.fancy .mega-menu .menu-logo { padding: 26px 0px; } +.header.fancy .menu { position: absolute; width: 100%; top: 30px; } +.header.fancy .topbar + .menu { top: 60px; } +.header.fancy .mega-menu > section.menu-list-items { background: #ffffff; padding: 0px 25px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } +.header.fancy .mega-menu.desktopTopFixed > section.menu-list-items { border-bottom: 1px solid #f6f6f6; } +.header.fancy .topbar ul li a:hover { color: #323232;} + +.header.fancy .mega-menu .menu-links > li > a { color: #323232; line-height: 20px; } +.header.fancy .mega-menu .menu-links > li > a:hover { color: #F5A623; } +.header.fancy .mega-menu .menu-links > li.active > a { color: #F5A623; } +.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #ffffff; } +.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #323232; } +.header.fancy .mega-menu.desktopTopFixed .menu-logo { padding: 0; } +.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 20px; } +.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } +.header.fancy .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } +.header.fancy .search-cart i.icon:hover { color: #F5A623; } +.header.fancy .search .search-btn { color: #323232; } +.header.fancy .search .search-btn:hover { color: #F5A623; } +.header.fancy .mega-menu.desktopTopFixed .drop-down.grid-col-5 { width: 21.66666666666667%; } +.header.fancy .search-box { margin-top: -6px; } + +/*fancy without-topbar*/ +.header.fancy.without-topbar .menu { top: 30px; } +.header.burger .menu-icon { font-size: 30px; color: #323232; } +.header.burger .menu-icon:hover { color: #F5A623; } +.header.burger { position: absolute; z-index: 999; width: 100%; padding: 30px 30px; } +.header.burger .logo { display: inline-block; } +.header.burger .logo img { height: 50px; } + +/*side-menu-icon*/ +.side-menu-icon { display: inline-block; } +.side-menu-icon .menu-icon { font-size: 16px; color: #ffffff; padding-left: 15px; } +.side-menu-icon .menu-icon:hover { color: #F5A623; } + +/************************* + header text-dark +*************************/ +.header.text-dark .topbar ul li { color: #323232; } +.header.text-dark .topbar ul li a { color: #323232; } +.header.text-dark .topbar ul li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li > a { color: #323232; } +.header.text-dark .mega-menu .menu-links > li > a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active > a { color: #F5A623; } +.header.text-dark .topbar { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } +.header.text-dark .search-cart i.icon { color: #323232; } +.header.text-dark .search-cart i.icon:hover { color: #F5A623; } +.header.text-dark .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; } +.header.text-dark .search .search-btn { color: #323232; } +.header.text-dark .search .search-btn:hover { color: #F5A623; } +.header.text-dark .mega-menu .drop-down-multilevel { background: #323232; } +.header.text-dark .mega-menu .drop-down.menu-bg, .header.text-dark .mega-menu .drop-down-tab-bar { background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png); + background-repeat: no-repeat; background-position: 120% 0; } +.header.text-dark .mega-menu .drop-down, .header.text-dark .mega-menu .drop-down-tab-bar { background: #323232; } +.header.text-dark .mega-menu .drop-down a, .header.text-dark .mega-menu .drop-down-tab-bar a { color: #ffffff; } +.header.text-dark .mega-menu .drop-down i.fa, .header.text-dark .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; } +.header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.text-dark .mega-menu .drop-down-multilevel a { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel li:hover { background: #282828; } +.header.text-dark .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important; background-repeat: no-repeat; background-position: right;} +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; + background: #282828; } +.header.text-dark .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; } +.header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #F5A623; } +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #F5A623; } +/*dark-dropdown*/ +.header.dark-dropdown .mega-menu .drop-down-multilevel { background: #323232; } +.header.dark-dropdown .mega-menu .drop-down.menu-bg, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png); + background-repeat: no-repeat; background-position: 120% 0; } +.header.dark-dropdown .mega-menu .drop-down, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: #323232; } +.header.dark-dropdown .mega-menu .drop-down a, .header.dark-dropdown .mega-menu .drop-down-tab-bar a { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.dark-dropdown .mega-menu .drop-down-multilevel a { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel li:hover { background: #282828; } +.header.dark-dropdown .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important; background-repeat: no-repeat; background-position: right;} +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #F5A623; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #F5A623; + background: #282828; } +.header.dark-dropdown .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #F5A623; } +.header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #F5A623; } +/*label*/ +.header .label.label-default, .header .label.label-primary, .header .label.label-success, .header .label.label-info, .header .label.label-warning, .header .label.label-danger { color: #fff; padding: 0px 5px; line-height: 14px; display: inline-block; } + + +/************************* + one page +*************************/ +header.one-page { position: absolute; width: 100%; z-index: 999; } +.navbar-inverse { background: transparent; border: 0; } +.navbar-brand { height: auto; padding: 25px 0; } +.navbar .navbar-brand img { height: 40px; } +.navbar { min-height: 80px; } +.navbar-nav { float: right; } +.navbar-inverse .navbar-nav>li { padding: 35px 15px; } +.navbar-inverse .navbar-nav>li>a { color: #ffffff; padding: 0; text-transform: capitalize; } +.navbar-inverse .navbar-nav>li>a:hover { color: #F5A623; } +.navbar.affix { width: 100%; background: #323232; } +.navbar.affix { width: 100%; background: #323232; } +.navbar { min-height: inherit !important; } +.navbar.affix .navbar-brand img { height: 30px; } +.navbar.affix .navbar-brand { padding: 15px 0; } +.navbar.affix .navbar-nav>li { padding: 20px 15px; } + .navbar-nav>li>a { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } + +/*vertical-header*/ +.vertical-header .container-fluid { padding: 0 80px; } +.menu-responsive { display: none; } +.vertical-header .navbar { overflow-y: scroll; overflow-x: hidden; height: 100%;} +.vertical-header { padding-left: 260px; } +.header.vertical-menu { position: fixed; left: 0; top: 0; width: 260px; min-height: 100%; background: #212121; z-index: 999; -o-transition: all 1s; -webkit-transition: all 1s; + transition: all 1s; } +.header.vertical-menu .menu-bar { float: none; } +.mega-menu.vertical-left, .mega-menu.vertical-right { float: none; } +.menu-widgets { position: absolute; bottom: 20px; } +.menu-widgets .social-icons.border li a { border:2px solid; line-height: 30px; } +.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #F5A623; } +header.one-page.vertical-menu { position: fixed; left: 0; top: 0; height: 100%; background: #212121; width: 260px; padding: 30px; } +header.one-page.vertical-menu .navbar-header { float: none; margin-bottom: 20px; } +header.one-page.vertical-menu .navbar-nav { float: none; } +header.one-page.vertical-menu .navbar-nav>li { display: block; float: none; } +header.one-page.vertical-menu .navbar-inverse .navbar-nav>li { padding: 15px 0px; } +header.one-page.vertical-menu .navbar-collapse { padding: 0; } +header.one-page.vertical-menu .menu-widgets { padding: 0px; } + +header.one-page.light { position: relative; background: #ffffff; } +header.one-page.light .navbar { margin-bottom: 0; } +header.one-page.light .navbar-inverse .navbar-nav>li>a { color: #323232; } +header.one-page.light .navbar-inverse .navbar-nav>li>a:hover { color: #F5A623; } +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #F5A623; } + +header.one-page.light .navbar-inverse .navbar-collapse, header.one-page.light .navbar-inverse .navbar-form { background: #ffffff; } +header.one-page.light .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a { padding: 5px 10px; -o-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; } +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #F5A623; -webkit-box-shadow: inset 178px 0px 0px 0px #F5A623; -o-box-shadow: inset 178px 0px 0px 0px #F5A623; -ms-box-shadow: inset 178px 0px 0px 0px #F5A623; -moz-box-shadow: inset 178px 0px 0px 0px #F5A623; color: #fff; transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -moz-transition: all 0.9s ease-in; -ms-transition: all 0.9s ease-in; -o-transition: all 0.9s ease-in; } + +.one-page.nav-center .navbar-collapse.collapse { text-align: center; } +.one-page.nav-center .navbar-nav { float: none; display: inline-block; } +.one-page.transparent { background: rgba(0, 12, 27, 0.5); } +.one-page.transparent .navbar { margin-bottom: 0; } + +/*dark-text*/ +.one-page.dark-text .navbar-inverse .navbar-nav>li>a { color: #323232; } +.one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #d12326; } +.one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover { color: #d12326; } +.one-page.dark-text .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } + +/*mega menu vertical*/ +.vertical-menu .menu .menu-logo { padding: 50px 20px; } +.vertical-menu .menu .mega-menu .menu-links > li > a { padding: 0 23px; } +.vertical-menu .menu-widgets { padding: 20px; } + + @media (min-width: 993px) { + +.mega-menu { min-height: inherit; } +.mega-menu > section.menu-list-items { float: none; } +.mega-menu > section.menu-list-items > .container, +.mega-menu > section.menu-list-items > .container > .row, +.mega-menu > section.menu-list-items > .container > .row > div { height: 100%; } +.mega-menu > section.menu-list-items .menu-bar { height: 100%; } +.mega-menu > section.menu-list-items .menu-bar > ul{ display: table !important; height: 100%; } +.mega-menu > section.menu-list-items .menu-bar > ul > li { display: table-cell; vertical-align: middle; float: none; } +.mega-menu .drop-down, .mega-menu .drop-down-tab-bar, .mega-menu .drop-down-multilevel { top: 100%; } +.mega-menu > section.menu-list-items .search-cart { height: 100%; } +.mega-menu > section.menu-list-items .search-cart .search { vertical-align: middle; display: table; height: 100%; float: left; } +.header .search .search-btn { display: table-cell; vertical-align: middle; position: relative; width: 10px; float: none; clear: both; height: 100%; } +.search .search-btn:before { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } +.search-cart .shpping-cart { display: table; float: left; height: 100%; } +.shpping-cart a { position: relative; display: table-cell; vertical-align: middle; } +.shpping-cart strong.item { display: block; position: absolute; top: 50%; border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); margin-top: -10px; } +.cart { top: 100%; } +.mega-menu > section.menu-list-items > .container-fluid, +.mega-menu > section.menu-list-items > .container-fluid > .row, +.mega-menu > section.menu-list-items > .container-fluid > .row > div { height: 100%; } +.logo-center .mega-menu > section.menu-list-items .menu-bar > ul { height: auto; } +.logo-center .mega-menu > section.menu-list-items .menu-bar > ul > li { display: inline-block; } +.logo-center .mega-menu > section.menu-list-items .search-cart { height: auto; } +.logo-center .mega-menu > section.menu-list-items .menu-bar { height: auto; } +.logo-center .mega-menu .drop-down, .logo-center .mega-menu .drop-down-tab-bar, .logo-center .mega-menu .drop-down-multilevel { top: auto; } +.logo-center .mega-menu .menu-links > li > a { line-height: 72px; } +.logo-center.header .search .search-btn { line-height: 72px; } +.logo-center .search-cart i.icon { line-height: 72px; } +.logo-center .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 60px; } +.logo-center .mega-menu.desktopTopFixed .search .search-btn { line-height: 60px; } +.logo-center .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 60px; } +.logo-center .search .search-btn:before { top: inherit; transform: inherit; } +.logo-center .search-cart .shpping-cart { float: right; } + +.vertical-menu .mega-menu > section.menu-list-items .menu-bar { height: auto; } +.vertical-menu .mega-menu > section.menu-list-items .menu-bar > ul > li { display: block; } +.search-cart .side-menu-icon { display: table; float: left; height: 100%; } +.side-menu-icon .menu-icon { position: relative; display: table-cell; vertical-align: middle; } + +.header.light .mega-menu { min-height: 90px; } + +} + +/************************************* + Slider (all home page main sliders ) + **************************************/ +.rev-slider { overflow: hidden; position: relative; } + + + /*slider 10*/ +#rev_slider_14_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; } + #rev_slider_14_1 .zeus .tp-bullet{box-sizing:content-box; -webkit-box-sizing:content-box; border-radius:60%; background-color:rgba(255,255,255,0.5); -webkit-transition:opacity 0.3s ease; transition:opacity 0.3s ease; width:14px;height:14px; border:0px solid rgb(255,201,4)}#rev_slider_14_1 .zeus .tp-bullet:after{content:""; position:absolute; width:100%; height:100%; left:0; border-radius:60%; background-color:rgb(255,201,4); -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:-webkit-transform 0.3s ease; transition:transform 0.3s ease}#rev_slider_14_1 .zeus .tp-bullet:hover:after,#rev_slider_14_1 .zeus .tp-bullet.selected:after{-webkit-transform:scale(1.2); transform:scale(1.2)}#rev_slider_14_1 .zeus .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{width:135px; height:60px; position:absolute; background:#000; background:rgba(0,0,0,0.5); bottom:13px; margin-bottom:10px; transform:translateX(-50%); -webkit-transform:translateX(-50%); box-sizing:border-box; background-size:cover; background-position:center center; visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; border-radius:4px}#rev_slider_14_1 .zeus .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(-50%); -webkit-transform:translateX(-50%)}#rev_slider_14_1 .zeus .tp-bullet-title{color:rgb(255,255,255); text-align:center; line-height:15px; font-size:13px; font-weight:600; z-index:3; visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; position:absolute; bottom:45px; width:135px; vertical-align:middle}#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-imageoverlay{opacity:1; visibility:visible; -webkit-transform:translateY(0px) translateX(-50%); transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{bottom:auto; margin-right:10px; margin-bottom:0px; right:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title{bottom:auto; right:100%; margin-right:10px}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-imageoverlay{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{bottom:auto; margin-left:10px; margin-bottom:0px; left:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title{bottom:auto; left:100%; margin-left:10px}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{bottom:auto; top:13px; margin-top:10px; margin-bottom:0px; left:0px; transform:translateY(0px) translateX(-50%); -webkit-transform:translateX(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet:hover .tp-bullet-image{transform:scale(1) translateY(0px) translateX(-50%); -webkit-transform:scale(1) translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateY(0px) translateX(-50%); -webkit-transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title{bottom:auto; top:13px; margin-top:20px} +#rev_slider_14_1 .uranus.tparrows{width:50px; height:50px; background:rgba(255,255,255,0)}#rev_slider_14_1 .uranus.tparrows:before{width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s}#rev_slider_14_1 .uranus.tparrows:hover:before{opacity:0.75} + + +/************************************* + slider-parallax one page +**************************************/ +.slider-parallax { height: 86vh; position: relative; } +.slider-content-middle { position: absolute; display: inline-block; width: 100%; top: 50%; left: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); + -ms-transform: translate(0,-50%);-o-transform: translate(0,-50%); transform: translate(0,-50%); } +/*scroll-down*/ +.scroll-down { text-align: center; width: 34px; height: 58px; display: inline-block; border-radius: 20px; border:2px solid #fff; position: absolute; left: 50%; bottom: 60px; +margin-left: -17px; line-height: 50px; } +.scroll-down i { height: 10px; width: 4px; background: #fff; display: inline-block; border-radius: 3px; -webkit-animation-name:fadebounce; -moz-animation-name:fadebounce; -ms-animation-name:fadebounce; -o-animation-name:fadebounce; animation-name:fadebounce; -webkit-animation-duration:3s; -moz-animation-duration:3s; -ms-animation-duration:3s; -o-animation-duration:3s; + animation-duration:3s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; + animation-iteration-count:infinite; } +@-moz-keyframes fadebounce { +0% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; } +50% { -moz-transform:translateY(25px); transform:translateY(25px); opacity:1; } +100% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@-webkit-keyframes fadebounce { +0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } +50% { -webkit-transform:translateY(25px); transform:translateY(25px); opacity:1; } +100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@-o-keyframes fadebounce { +0% { -o-transform:translateY(0); transform:translateY(0); opacity:1; } +50% {-o-transform:translateY(25px);transform:translateY(25px);opacity:1; } +100% {-o-transform:translateY(0);transform:translateY(0);opacity:1; } +} +@-ms-keyframes fadebounce { +0% { -ms-transform:translateY(0); transform:translateY(0); opacity:1; } +50% {-ms-transform:translateY(25px);transform:translateY(25px);opacity:1; } +100% {-ms-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@keyframes fadebounce { +0% { transform:translateY(0); opacity:1; } +50% {transform:translateY(25px);opacity:1; } +100% {transform:translateY(0);opacity:1; } +} + +/*personal-typer-banner*/ + .personal-typer-banner span.sub-text { font-size: 22px; line-height: 22px; margin-bottom: 16px; display: block; } + .personal-typer-banner b { border-bottom: 2px solid #F5A623; } + .personal-typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; color: #F5A623; } + .personal-typer-banner h1 span { color: #ffffff; font-size: 50px; display: inline-block; transform: rotate(-90deg); line-height: 50px; position: relative; top: -11px; left: -20px; } + .personal-typer-banner h2 { border-left: 3px solid #F5A623; padding-left: 10px; margin-top: 20px; } + +/*typer-banner*/ +.typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; } +.typer-banner p { font-size: 22px; line-height: 22px; } +.slider-content .typer { color: #F5A623 !important; } + +/*popup-video-banner*/ +.popup-video-banner h1 { font-size:60px; line-height:80px; font-weight: 400; } +.popup-video-banner a span{ margin-left: 6px; width: 50px; height: 50px; line-height: 50px; display: inline-block; text-align: center; background: #ffffff; color: #F5A623; border-radius: 50%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } +.popup-video-banner a:hover span { background: #F5A623; color: #ffffff; } +.popup-video-banner a strong { padding-left:10px; display: inline-block; } + + /*video-background-banner*/ +#video-background.bg-overlay-black-50:before { z-index: 0; } +.video-background-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; text-transform: uppercase; } +.video-background-banner .slider-content { border:20px solid #F5A623; width: 50%; margin: 0 auto; padding: 60px 30px; } +.video-background-banner .slider-content span { font-size: 22px; line-height: 22px; color: #ffffff; display: block; margin-bottom: 20px; } +.video-background-banner .slider-content p { font-size: 18px; line-height: 22px; color: #ffffff; margin-top: 20px; } + +/* portfolio-banner*/ +.portfolio-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; } +.portfolio-banner .slider-content { background: #ffffff; width: 50%; margin: 0 auto; padding: 60px 30px; box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.02); } +.portfolio-banner .slider-content span { text-transform: uppercase; letter-spacing: 10px; font-size: 18px; line-height: 18px; display: block; margin-bottom: 20px; font-weight: 600; } +.portfolio-banner .slider-content span i { line-height: 20px; } +.portfolio-banner .slider-content h1 { font-size: 70px; margin-bottom: 0; } + + /************************************* + Background + **************************************/ +/*images background*/ + .white-bg { background: #fff; } + .gray-bg { background: #f7f7f7; } + .dark-gray-bg { background: #666666; } + .theme-bg { background: #F5A623; } + .black-bg { background: #323232; } + .dark-theme-bg { background: #050801; } + + .bg-overlay-black-10:before { background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-20:before { background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-30:before { background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-40:before { background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-50:before { background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-60:before { background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-70:before { background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-80:before { background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-90:before { background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-10:before { background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-20:before { background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-30:before { background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-40:before { background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-50:before { background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-60:before { background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-70:before { background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-80:before { background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-90:before { background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-20:before { background: rgba(132,186,63, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-50:before { background: rgba(132,186,63, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-70:before { background: rgba(132,186,63, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-90:before { background: rgba(132,186,63, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-10, .bg-overlay-black-20, .bg-overlay-black-30, .bg-overlay-black-40, .bg-overlay-black-50, .bg-overlay-black-60, .bg-overlay-black-70, .bg-overlay-black-80, .bg-overlay-black-90, .bg-overlay-white-10, .bg-overlay-white-20, .bg-overlay-white-30, .bg-overlay-white-40, .bg-overlay-white-50, .bg-overlay-white-60, .bg-overlay-white-70, .bg-overlay-white-80, .bg-overlay-white-90, .bg-overlay-theme-20, .bg-overlay-theme-50, .bg-overlay-theme-70, .bg-overlay-theme-90, { position: relative; } + + +/************************************* + home page section + **************************************/ +.our-service-home { padding-bottom: 230px; } +.custom-content { margin-top: -220px; background: #F5A623; position: relative; z-index: 9; padding: 50px;} + +/************************************* + decolines + **************************************/ +.decolines { pointer-events: none; position: absolute; width: 100%; height: 100%; top: 0;left: 0; pointer-events: none; } +.decolines--fixed { position: fixed; width: 100vw;height: 100vh; } +.decoline { position: absolute; } + +/************************************* + feature step + **************************************/ +.feature-step h1 { font-size: 60px; } +.feature-step h3 { font-weight: 300; margin: 30px 0px 20px; } +.feature-step a { font-size: 14px; color: #F5A623; } +.feature-step a:hover { color: #323232; } + +.feature-step-2-box { padding: 70px 30px; z-index: 99; position: relative; } +.feature-step-2.bg-01 { background: url(../images/blog/05.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-02 { background: url(../images/blog/06.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-03 { background: url(../images/blog/09.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-overlay-black-50:before { z-index: 0; } +.feature-step-2 .feature-step-2-title-left h1 { font-size: 75px; line-height: 60px; color: #ffffff; } +.feature-step-2 h3 { margin-bottom: 0; } +.feature-step-2 h2{font-weight: 200; position: relative; padding-bottom: 10px; font-size: 28px; } +.feature-step-2 img {display: block; width: 100%;} +.feature-step-2 .button { margin-top: 20px; } +.feature-step-2 .feature-step-2-title-left {opacity: 0.5; display: table-cell; padding-right: 26px; } +.feature-step-2-title-2-right { display: table-cell; vertical-align: top; } +.feature-step-2.black-bg .feature-step-2-box, .feature-step-2.theme-bg .feature-step-2-box{position: inherit; top: inherit; transform: inherit; display: inline-block;} +.service-blog { padding-top: 50px; padding-right: 25px; margin-bottom: 100px; } +.service-blog p { position: relative; z-index: 9; margin-top: 20px; margin-bottom: 20px; } +.service-blog b {position: absolute; z-index: 0; top: -35px; font-family: 'Poppins', sans-serif; right: -35px; font-size:300px; color: #dde1eb; line-height: normal; opacity: 0.3;} +.service-blog ul { border-right: 6px solid #F5A623; padding-right: 20px; } +.service-blog li { color: #626262; font-size: 16px; line-height: 22px; padding: 2px 0 7px; } +.service-blog.left b{left:-35px; right: inherit;} +.service-blog.left ul{border-left:6px solid #F5A623;border-right:0 none;padding-left:20px;padding-right:0;} +/*split-section*/ +.split-section { position: relative; z-index: 10; } +.split-section .img-holder { position: absolute; top: 0; width: 100%; height: 100%; } +.split-section .img-side.img-right { right: 0; } +.split-section .img-side.img-left { left: 0; } +.split-section .img-side { right: 0; padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100; } + .our-awesome-core .img-side { top: 20px; } + + /************************************* + about us + **************************************/ +.who-we-are-left .owl-carousel .owl-dots { bottom: 26px; position: absolute; } +.who-we-are-left .owl-carousel.owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; border-radius: 50%; } + + /************************************* + resume + **************************************/ +.resume-page .container-fluid { padding: 0 70px; } +.resume-block .resume-icon { float: left; margin-right: 30px; } +.resume-block .resume-icon span { font-size: 30px; line-height: 50px; color: #F5A623; } +.resume-block .resume-name { display: table-cell; } +.resume-block .resume-name span { color: #9ea8b6; font-size: 16px; } +.resume-contact #map { padding-top: 120%; } +.resume-contact .contact-form-main { padding: 80px 80px; } +.resume-contact .footer-widget-social a i { color: #ffffff; background: rgba(43, 43, 43, 0.12); width: 45px; height: 45px; line-height: 45px; } +.resume-contact .footer-widget-social a i:hover { background: rgba(43, 43, 43, 0.19); } + + /************************************* + portfolio + *************************************/ + .isotope-filters { display: table; margin:0px 0px 30px 0px; text-align: left; } +.isotope-filters.text-left { display: block; margin: 0px 0px 30px 0px; text-align: left; } +.isotope-filters button { margin: 4px; cursor: pointer; padding: 6.5px 25px; font-size: 16px; border-radius: 19px;background: transparent; color: #363636; font-weight: 600; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } +.isotope-filters button:focus { outline: none; outline-style: none; outline-offset:0; } +.isotope-filters button.active, .isotope-filters button:hover { background: #F5A623; color: #fff; border-color: #F5A623; } +.isotope-filters button+button { margin-left: 10px; } +.isotope, .masonry { margin: 0 -15px 0 0; } +.isotope .grid-item img { width: 100%; } +.isotope.columns-1 .grid-item { width: 100%; padding: 0 15px 15px 0; } +.isotope.columns-2 .grid-item { width: 50%; padding: 0 15px 15px 0; } +.isotope.columns-3 .grid-item { width: 33.33333333%; padding: 0 15px 15px 0; } +.isotope.columns-4 .grid-item { width: 25%; padding: 0 15px 15px 0; } +.isotope.columns-5 .grid-item { width: 20%; padding: 0 15px 15px 0; } +.isotope.no-padding .grid-item { padding: 0 !important; } +.masonry.no-padding .masonry-item { padding: 0 !important; } +.masonry .masonry-item img { width: 100%; } +.masonry.columns-2 .masonry-item { width: 50%; padding: 0 15px 15px 0; } +.masonry.columns-3 .masonry-item { width: 33.33333333%; padding: 0 15px 15px 0; } +.masonry.columns-4 .masonry-item { width: 25%; padding: 0 15px 15px 0; } +.masonry.columns-5 .masonry-item { width: 20%; padding: 0 15px 15px 0; } +.isotope.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.isotope.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } +.isotope.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.isotope.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } +.masonry.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.masonry.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } +.masonry.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.masonry.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } + + /************************************* + portfolio item + **************************************/ +.portfolio-title { padding: 100px 60px 30px; } +.portfolio-title span { display: block; } +.portfolio-item { width: 100%; position: relative; overflow: hidden; color: #fff; border: 0; position: relative; } +.portfolio-item img { width: 100%; -webkit-transition: -ms-transform 0.35s; -o-transform 0.35s; -moz-transform 0.35s; transition: transform 0.35s; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;} +.portfolio-item .portfolio-overlay { width: 100%; background: #F5A623; padding: 10px 0px; position: absolute; bottom:-80px; display: block; margin-top: 0; float: left; z-index: 9; text-align: left; padding-left: 20px; left: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item .portfolio-overlay h4 { font-weight: 600; margin-bottom: 5px; } +.portfolio-item .portfolio-overlay a:hover { color: #323232; } +.portfolio-item .portfolio-overlay span { font-weight: 400; font-size: 14px; } +.portfolio-item .portfolio-overlay span a { color: #ffffff; } +.portfolio-item .portfolio-overlay span a:hover { color: #323232; } +.portfolio-item a.popup{position: absolute; right: 20px; top: -20px; color: #fff; z-index: 9; display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 40px; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;} +.portfolio-item a.popup:hover { background: #F5A623; color: #ffffff; } +.portfolio-item:hover img { -webkit-transform:scale(1.20); -moz-transform:scale(1.20); -ms-transform:scale(1.20); -o-transform:scale(1.20); transform:scale(1.20); } +.portfolio-item:hover a.popup{ opacity: 1; top: 20px; } +.portfolio-item:before { content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-size: 115%; + -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.7s cubic-bezier(.68,.11,.13,.98); + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.owl-carousel .owl-item .portfolio-item img { width: 100%; } + .portfolio-item.only-popup { width: 100%; text-align: center; } + .portfolio-item.only-popup a.popup { display: inline-block; left: 50%; margin-left: -20px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } +.portfolio-item:hover .portfolio-overlay { bottom: 0; } +/* no-title */ +.no-title .portfolio-item .portfolio-overlay { position: inherit; bottom: inherit; background: #f6f7f8; } +.no-title .portfolio-item .portfolio-overlay a, .no-title .portfolio-item .portfolio-overlay span { color: #323232; } +.no-title .portfolio-item .portfolio-overlay a:hover { color: #F5A623; } + /*portfolio pupup*/ + .mfp-bottom-bar { display: none; } +.portfolio-home .isotope { margin-bottom: 0; } + +/************************************* + portfolio-item-2 +**************************************/ +.portfolio-item-2 { width: 100%; overflow: hidden; position: relative; } +.portfolio-item-2:before { background: transparent; } +.portfolio-item-2 .portfolio-hover { padding: 20px; position: absolute; z-index: 99; bottom: 0px; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-name { position: absolute; bottom: -10px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-name span { font-size: 14px; color: #fff; display: block; } +.portfolio-item-2 .portfolio-hover .hover-name a { font-size: 22px; text-transform: uppercase; color: #fff; display: block; margin-top: 5px; } +.portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #F5A623; } +.portfolio-item-2 .portfolio-hover .hover-icon { position: absolute; bottom: -10px; right: 30px; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-icon a { color: #fff; } +.portfolio-item-2 .portfolio-hover .hover-icon a:hover { color: #F5A623; } +.portfolio-item-2:hover .portfolio-hover { opacity: 1; background: rgba(0, 0, 0, 0.9); } +.portfolio-item-2 img { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } +.portfolio-item-2:hover img { opacity: 0.1; -webkit-transform:scale(1.10); -moz-transform:scale(1.10); -ms-transform:scale(1.10); -o-transform:scale(1.10); transform:scale(1.10); } +.portfolio-item-2:hover .portfolio-hover .hover-name { bottom: 30px; } +.portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: 40px; } +.no-title .portfolio-item-2 { overflow: visible; } +.no-title .portfolio-item-2 .portfolio-hover { position: inherit; border: inherit; opacity: 1; background: #f6f7f8; clear: both; } +.no-title .portfolio-item-2:hover .portfolio-hover { bottom: inherit; background: inherit; background: #f6f7f8; } +.no-title .portfolio-item-2 .portfolio-hover .hover-name { bottom: inherit; position: inherit; display: inline-block; clear: both; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon { bottom: inherit; position: inherit; display: inline-block; float: right; padding-top: 20px; text-align: right;} +.no-title .portfolio-item-2:hover .portfolio-hover .hover-name { bottom: inherit; } +.no-title .portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: inherit; } +.no-title .portfolio-item-2:hover img { opacity: 1; -webkit-transform:inherit; -moz-transform:inherit; -ms-transform:inherit; -o-transform:inherit; transform:inherit; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon a, .no-title .portfolio-item-2 .portfolio-hover .hover-name span, .no-title .portfolio-item-2 .portfolio-hover .hover-name a { color: #323232; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .no-title .portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #F5A623; } + + /************************************* + Portfolio single page +**************************************/ + /*tags*/ +.tags h5 { display: inline-block; padding-right: 20px; } +.tags ul { display: inline-block; } +.tags li { display: inline-block; } +.tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } + +/*share*/ +.share .social ul { display: inline-block; } +.share .social ul li { display: inline-block; padding: 0px 6px; } +.share .social ul li a:hover { color: #353535; } + +/*port-meta*/ +.port-meta ul { margin-bottom: 30px; } +.port-meta li { margin-bottom: 20px; font-size: 16px; } +.port-meta li b { color: #F5A623; width: 200px; font-weight: 400; width: 100px; display: inline-block; } +.port-meta li span { font-weight: normal; } +.port-info p { margin-bottom: 0px; } + +/*port-navigation*/ +.port-navigation { padding: 20px 0; border-bottom:1px dashed #d0d0d0; border-top: 1px dashed #d0d0d0;} +.port-navigation a { color: #626262; } +.port-arrow { height: 74px; width: 40px; text-align: center; background: #f7f7f7; display: inline-block;} +.port-arrow i { text-align: center; font-size: 25px; line-height: 75px;} +.port-photo { width: 124px; height: 77px; display: inline-block; } +.port-photo img { width: 100%; } + +/*port-post*/ +.port-post { background: #f7f7f7; padding: 15px; } +.port-post-photo { width: 170px; display: inline-block; float: left; margin-right: 20px; } +.port-post-photo img { width: 100%; } + +/*port-post-info*/ +.port-post-info { padding-left: 190px;} +.port-post-info h3 { display: inline-block; font-size: 24px; } +.port-post-info span { color: #626262; } +.port-post-social strong { font-size: 14px; } +.port-post-social a { color: #626262; margin-left: 8px; font-size: 14px; } +.port-post-social a:hover { color: #F5A623; } +.port-post-info p { margin-top: 10px; } +.port-singal .owl-carousel .owl-item img { width: 100%; } + +/************************************* + Our Blog + **************************************/ + /*Blog 1*/ +.blog-box { padding: 30px; border:1px solid #ddd; position: relative; z-index: 1; } +.blog-info { position: relative; z-index: 9; } +.blog-info span { color: #626262; font-size: 14px; margin-right: 6px; } +.blog-info h4 { font-weight: 600; font-size: 18px;} +.blog-box .post-format-icon{text-align: right; position: relative; z-index: 9} +.blog-box .post-format-icon i { padding-right: 0; font-size: 35px; color: #e1e1e1; } +.blog-info p { padding: 0px 0 10px; font-size: 14px; } +.blog-box .post-category a { display: inline-block; padding: 5px 15px; font-size: 12px; text-transform: uppercase; font-weight: 700; border-radius: 50em; color:#fff; background-color: #F5A623; -webkit-transition: all 0.3s ease; -moz-transition: ll 0.3s ease; transition: all 0.3s ease; margin-bottom: 20px;} +a.blog-btn { text-align: center; font-size: 14px; color: #F5A623; display: block; padding-bottom: 12px; position: relative; z-index: 1; } +a.blog-btn i { margin-left: 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-box .border { position: absolute; background: #F5A623; height: 0px; bottom: 0; left: 0; z-index: 0; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-box .blog-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background-size: cover; background-position: center center; } +.blog-box:hover .blog-box-img, .blog-box.active .blog-box-img { opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-1:hover h4, .blog-1:hover i, .blog-1:hover span, .blog-1:hover p, .blog-1:hover a.blog-btn, .blog-1.active h4, .blog-1.active i, .blog-1.active span, .blog-1.active p, .blog-1.active a.blog-btn,.blog-1:hover .post-category a,.blog-1:hover .post-format-icon i,.blog-1.active .post-category a,.blog-1.active .post-format-icon i { color: #fff; } +.blog-box:hover .blog-box-img:before, .blog-box.active .blog-box-img:before { background: rgba(0, 0, 0, 0.6); color: #fff; content: ""; display: inline-block; height: 100%; + left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } +.blog-box.blog-2 {padding: 0; position: relative; border:none; transition: all 0.5s ease 0s; height: 100%; } +.blog-box.blog-2 .blog-info{background: #ffffff; padding: 30px;} +.blog-box.blog-2.gray-bg .blog-info {background: #f7f7f7; } +.blog-box.blog-2 .blog-box-img{opacity: 1;} +.blog-box.blog-2 .post-format-icon{position: absolute; right: 30px; top: 30px;} +.blog-box.blog-2 .button.icon-color{text-transform: capitalize; float: right;} +.blog-box.blog-2:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);} +.blog-box.blog-2.gray-bg:hover { box-shadow: none;} +.blog-box.blog-2.transparent .blog-info { background: transparent; padding: 30px 0; } +.blog-box.blog-2.transparent .blog-info span { color: #ffffff; } + + +/*************************** + blog +***************************/ +.blog-entry { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } +.blog-entry:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } +.blog-entry .entry-image img { width: 100%; } +.blog-entry .blog-detail { background: #ffffff; padding: 30px; border-top: 0px; } +.blog-entry .blog-detail .entry-title a { font-size: 22px; font-weight: 600; line-height: 24px; color: #353535; line-height: 28px; } +.blog-entry .blog-detail .entry-title a:hover { color: #F5A623; } +.blog-entry .entry-meta ul li { display: inline-block; margin-right: 12px; } +.blog-entry .entry-meta ul li i { color: #F5A623; padding-right: 6px; } +.blog-entry .entry-meta ul li a { color: #353535; line-height: 0px; padding-right: 5px; } +.blog-entry .entry-meta ul li a i { padding-right: 6px; color: #F5A623; } +.blog-entry .entry-meta ul li a:hover { color: #F5A623; } +.blog-entry .social strong { display: inline-block; margin-right: 10px; } +.blog-entry .entry-button { display: inline-block;} +.blog-entry .social ul { display: inline-block; } +.blog-entry .social ul li { display: inline-block; padding: 0px 6px; } +.blog-entry .social ul li a:hover { color: #353535; } +.blog-entry .entry-share { margin-top: 20px; display: block; } + +/*blog-entry blockquote*/ +.blog-entry.blockquote { background: #F5A623; border: 0px; padding: 36px 30px; } +.blog-entry.blockquote blockquote { background: #F5A623; border-left: 0px; color: #ffffff; padding: 0px; position: relative; margin-top: 0 !important; padding-top: 60px; } +.blog-entry.blockquote blockquote:before { content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #ffffff; position: absolute; left: 0px; top: -20px; } +.blog-entry.blockquote .blog-detail { border: 0px; background: #F5A623; padding: 0px; } +.blog-entry.blockquote .blog-detail .entry-title a { color: #ffffff; } +.blog-entry.blockquote .blog-detail .entry-title a:hover { color: #323232; } +.blog-entry.blockquote .social ul li a { color: #ffffff; } +.blog-entry.blockquote .social ul li a:hover { color: #323232; } +.blog-entry.blockquote .entry-meta ul li a { color: #ffffff; } +.blog-entry.blockquote .entry-meta ul li i { color: #ffffff; } +.blog-entry.blockquote .entry-meta ul li a i { color: #ffffff !important; } +.blog-entry.blockquote .entry-meta ul li a:hover { color: #323232; } +.blog-entry.blockquote .button.arrow.white:hover { color: #323232; } + +/*video vimeo and youtube*/ +.js-video { height: 0; padding-top: 25px; padding-bottom: 54%; position: relative; overflow: hidden; } +.js-video.widescreen { padding-bottom: 34.34%; } +.js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: none; } +.js-video.big { padding-top: 30px; } + +.blog-entry .grid-post li { float: left; width: 50%; border-right: 4px solid #fff; border-bottom: 4px solid #fff; list-style: none; } +.blog-entry .grid-post li img { width: 100%; } +.blog-entry .grid-post li .portfolio-item { width: 100%; } + + /*blog-entry-audio*/ + .blog-entry .blog-entry-audio { padding: 136px 20px; background: url(../images/blog/04.jpg) no-repeat; background-position: center center; background-size: cover; } + + /*blog pages*/ + /*blog-grid-3-column*/ + .blog-grid-3-column .blog-entry .blog-entry-audio { padding: 63px 20px; } + .blog-grid-2-sidebar .blog-entry .blog-entry-audio { padding: 96px 20px; } + +/************************************* + our services +**************************************/ +.service-image-holder { position: relative; height: 496px; } +.service-image-holder .section-title-2 { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } +.services-text-box { background:#fff; padding: 10% 15%;} +.services-text-box-black { background:#363636; padding: 80px 50px !important; } +.services-text-box-green { background:#F5A623; padding: 80px 50px !important; } + +/************************************* + creativity +**************************************/ +.creativity h1 { line-height: 65px; text-transform: uppercase; font-size: 50px; font-weight: bold; } +.creativity p { font-size: 30px; } +.creativity .button { display: inline-block; float: none; } + .contact-map iframe { width: 100%; height: 100%; } +#formmessage {display: none;} +.contact-form .section-field { position: relative; width: 31.3%; margin-right: 3%; float: left; } +.contact-form .section-field:nth-child(3) { margin-right: 0px; } +.contact-form .section-field:nth-child(6) { margin-right: 0px; } +.contact-box.contact-box-top { margin-top: -1px; position: relative; } +.touch-in .contact-box {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); display: inline-block; margin-bottom: 0; padding: 60px 20px; width: 100%;} +.contact-box i { background: #F5A623; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 5px; font-size: 34px; color: #ffffff; display: inline-block;} +.contact-form .form-control {position: relative; width: 100%; margin-bottom: 20px; } +.section-field.textarea{width: 100%;} +.g-recaptcha.section-field {width: 100%; margin-bottom: 20px; } +.contact-form textarea.form-control {width: 100%; } +.contact-box .contact-icon { display: table-cell; padding-right: 20px; } +.contact-box .contact-icon i { background: transparent; line-height: normal; font-size: 34px; height: auto; width: auto;} +.contact-box.theme-bg .contact-icon i{color: #ffffff !important;} +.contact-box .contact-info { display: table-cell; vertical-align: top; padding: 0; background: none;} +.contact-2 .addresss-info p, .contact-2 .addresss-info i, .contact-2 .addresss-info li{color: #ffffff;} +.contact-2 .contact-add{padding: 80px 0} +.contact-2 .contact-add i{font-size: 40px;} +.contact-3 #map { padding-top: 101%; } +.contact-2 #map { padding-top: 100%; } +.map-side { left: 0; overflow: hidden; padding: 0; position: absolute; top: 0; z-index: 9;} +.map-side.map-right {left: auto; right: 0;} +.contact-3 .contact-add{padding: 80px 20px; } +.contact-3 .contact-add i{font-size: 40px; color: #F5A623;} +.contact-3 .contact-form .section-field {width: 100%;} +.contact-social ul li { display: inline-block; } +.contact-social ul li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #323232; background: #eceff8; font-size: 14px; border-radius: 3px; margin-right: 5px; } +.contact-social ul li a:hover { background: #353535 !important; color: #fff;} +.contact-3 .theme-bg.contact-add i{color: #ffffff !important;} +.footer #logo-footer { height: 30px; } +.footer-contact .footer-nav ul li a { color: #353535; } +.footer-contact .footer-nav ul li a:hover { color: #2046f2; } +.footer-contact .contact-box .contact-icon i { background: transparent; color: #F5A623; margin-bottom: 10px; } +.footer.footer-topbar hr { border-color: #d9d9d9; } +.footer-contact .social ul { background: #f6f7f8; } +.footer-contact .social ul li a i { color: #353535; } +.footer-contact .social ul li a i:hover { color: #2046f2; } +.footer-contact .usefull-link ul li a { color: #353535; } +.footer-contact .usefull-link ul li a:hover { color: #2046f2; } +.footer-contact { box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); margin-bottom: 80px; margin-top: -220px; padding: 60px 0; } +.footer-contact .contact-box { text-align: center; } +.footer-contact .contact-box .contact-icon { display: block; padding-right: 0; color: #2046f2; } +.footer-contact .contact-box .contact-info { display: block; background: none; padding: 0; width: 100%;} +.footer-contact .contact-box .contact-info .section-title { margin-bottom: 0px; } +.footer-contact .contact-box .contact-info h5 { color: #353535; } +.our-clients.theme-bg{padding: 60px 0 170px;} +.footer-Newsletter .form-control::-moz-placeholder { color: rgba(255,255,255,0.5); } +.footer-Newsletter .form-control::-ms-input-placeholder { color: rgba(255,255,255,0.5); } +.footer-Newsletter .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.5); } + +/************************************* + Our History +**************************************/ + .history-main { width: 100%; } + .liner { background: #fff; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: 96%; z-index: 1; position: relative; } + .liner i { position: absolute; right: -2px; top: -9px; color: #fff; } + .history-content { list-style: outside none none; padding: 125px 0; width: auto; } + .history-1 { position: relative; left: 45px; } + .history-2 { position: relative; margin-left: 30%; } + .history-3 { position: relative; margin-left:58%; } + .history-4{ position: relative; margin-left: 95%; } + .history-line { background: #fff; height: 60px; left: 3px; position: absolute; top: -75px; width: 2px; z-index: 9; } + .history-time-lin { position: relative; top: 10px; z-index: 2; } + .history-time-lin:before { bottom: 0; } + .history-time-lin:before { background: #fff; border-radius: 50%; content: ""; height: 20px; left: -5px; position: absolute; width: 20px; z-index: 1; } + .history-time-lin:after { border:2px solid #fff; background: #000; border-radius: 50%; content: ""; height: 30px; left: -5px; position: absolute; width: 30px; } + .history-time-lin:after { left: -10px; top: -25px; } + .history-item { left: -20px; position: absolute; top: -125px; } + .history-item a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } + .history-5 { position: relative; margin-left: 15%; } + .history-6 { position: relative; margin-left: 53%; } + .history-7 { position: relative; margin-left:78%; } + .history-line-2 { background: #fff none repeat scroll 0 0; height: 60px; left: 3px; position: absolute; top: 15px; width: 2px; z-index: 9; } + .history-item-2 { left: -20px; position: absolute; top: 75px; } + .history-item-2 a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } + /*Our History */ +.our-history .timeline { list-style: none; padding: 20px 0 20px; position: relative; } +.our-history .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 2px; background-color: #e6e6e6; left: 50%; margin-left: -0.5px; } +.our-history .timeline > li { margin-bottom: 20px; position: relative; } +.our-history .timeline > li:before, +.our-history .timeline > li:after { content: " "; display: table; } +.our-history .timeline > li:after { clear: both; } +.our-history .timeline > li:before, +.our-history .timeline > li:after { content: " "; display: table; } +.our-history .timeline > li:after { clear: both;} +.our-history .timeline > li > .timeline-panel { width: 46%; float: left; padding: 15px 00px 25px 00px; position: relative; } +.our-history .timeline > li > .timeline-panel:before { position: absolute; top: 23px; right: -25px; display: inline-block; width: 25px; height: 2px; background: #e6e6e6; content: " "; } +.our-history .timeline > li > .timeline-badge { color: #fff; width: 18px; height: 18px; line-height: 10px; font-size: 0.7em; text-align: center; position: absolute; top: 16px; left: 50%; + border:3px solid #F5A623; margin-left: -9px; background-color: #fff; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0 0 0 5px #fff; } +.our-history .timeline > li.timeline-inverted > .timeline-panel { float: right;} +.our-history .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -32px; right: auto; } +.our-history .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } + .our-history .timeline-body > p, +.our-history .timeline-body > ul { margin-bottom: 0; } +.our-history .timeline-body > p + p margin-top: 5px; +.our-history .timeline > li { text-align: right;} +.our-history .timeline > li.timeline-inverted { text-align: left;} +.our-history .timeline .timeline-arrow { position: absolute; width: 100%; left: 0.5px; right: 0; text-align: center; color: #e6e6e6; bottom: -29px; } +.our-history .timeline > li > .timeline-badge p{width: 200px; margin-top: -9px; margin-left: 25px;font-size: 17px; font-weight: bold; text-align: left;} +.our-history .timeline > li.timeline-inverted .timeline-badge p{text-align: right; float: right; margin-right: 25px;} + +/************************************* + our-service objects +**************************************/ +.our-service { position: relative; padding-bottom: 280px; z-index: 1; } +.objects-left { position: absolute; height: 100%; width: 100%; left: 0; top: 80px; z-index: -1; } +.objects-left .objects-1 { position: absolute; left: 50px; top: 0; } +.objects-left .objects-2 { position: absolute; left: 100px; bottom: 170px; } +.objects-left .objects-3 { position: absolute; left: 50%; bottom: 150px; margin-left: -150px; } +.objects-right { position: absolute; height: 100%; width: 100%; right: 0; top:80px; z-index: -1; } +.objects-right .objects-4 { position: absolute; right: 0px; top: 0; } +.objects-right .objects-5 { position: absolute; right: 0px; bottom: 170px; } +.objects-right .objects-bottom { position: absolute; right: 0px; bottom: 0; } + +/************************************* + sidebar +**************************************/ +.sidebar-widget p { margin-bottom: 0px; } +/*.widget-search */ +.widget-search { position: relative; } +.widget-search input { padding-right: 30px; color: #353535; box-shadow: none; background: #f6f7f8; } +.widget-search i { position: absolute; right: 0px; padding: 16px 22px; font-size: 14px; color: #626262; cursor: pointer; } +.widget-search input:focus { border-color: #F5A623; } + +/*Recent Posts*/ +.sidebar-widget .recent-post { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding-bottom: 20px; margin-bottom: 20px; } +.sidebar-widget .recent-post .recent-post-image { float: left; margin-right: 15px; } +.sidebar-widget .recent-post .recent-post-image img { width: 50px; height: 50px; border-radius: 50%; } +.sidebar-widget .recent-post .recent-post-info { overflow: hidden; } +.sidebar-widget .recent-post .recent-post-info a { display: block; margin-bottom: 5px; color: #323232; } +.sidebar-widget .recent-post .recent-post-info a:hover { color: #F5A623; } +.sidebar-widget .recent-post .recent-post-info span { color: #F5A623; font-style: italic; font-size: 14px; } +.sidebar-widget .recent-post .recent-post-info span i { padding-right: 10px; } +.sidebar-widget .recent-post:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } + +/*widget-archives*/ +.sidebar-widget .widget-categories li { display: block; margin-bottom: 6px; } +.sidebar-widget .widget-categories li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } +.sidebar-widget .widget-categories li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 10px; width: 20px; height: 20px; text-align: center; } +.sidebar-widget .widget-categories li a:hover { color: #F5A623; } +.sidebar-widget .widget-categories li a:hover i { border-color: #F5A623; color: #F5A623; } + +/*widget-link*/ +.sidebar-widget .widget-link li { display: block; margin-bottom: 6px; } +.sidebar-widget .widget-link li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } +.sidebar-widget .widget-link li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 20px; width: 20px; height: 20px; text-align: center; } +.sidebar-widget .widget-link li a:hover { color: #F5A623; } + +/*tags*/ +.sidebar-widget .widget-tags li { display: inline-block; } +.sidebar-widget .widget-tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.sidebar-widget .widget-tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } + +/*widget-testimonial*/ +.sidebar-widget .testimonial-widget .testimonial-content { background: #f6f7f8; padding: 20px; font-style: italic; border-radius: 5px; position: relative; } +.sidebar-widget .testimonial-widget .testimonial-content:before { position: absolute; content: ""; bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; +border-color: #f6f7f8 transparent transparent transparent; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar { display: table-cell; padding-right: 20px; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar img { width: 50px; height: 50px; border-radius: 50%; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name { display: table-cell; vertical-align: top; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name span { display: block; font-style: italic; font-size: 14px; } +.sidebar-widget .testimonial-widget .testimonial-info:before { display: none; } + +/*widget-gallery*/ +.sidebar-widget .widget-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; } + +/*widget-newsletter*/ +.sidebar-widget .widget-newsletter { background: #f6f7f8; padding: 30px; position: relative; z-index: 9; overflow: hidden; } +.sidebar-widget .widget-newsletter .newsletter-icon { position: absolute; right: 0; top: -16px; } +.sidebar-widget .widget-newsletter .newsletter-icon i { font-size: 100px; z-index: 0; color: rgba(0, 0, 0, 0.05); } +.sidebar-widget .widget-newsletter .form-control { background: #ffffff; box-shadow: none; } + +/*widget-clients*/ +.sidebar-widget .widget-clients .item { background: #f6f7f8; padding: 30px 30px; } + +/*opening-time*/ + .opening-time ul li { font-size: 14px; line-height: 20px; color: rgba(255,255,255,0.5); border-bottom: 1px solid #262626; padding-bottom: 14px; margin-bottom: 14px; } + .opening-time ul li:last-child { border-bottom: 0; } + +/************************************* + About me +**************************************/ +.about-me .custom-content { margin-top: 0px; } +.about-me .maintenance-progress-bar { margin: 0; } +.about-me .maintenance-progress-bar .progress-bar { margin: 0 44px; } +.maintenance-progress-bar .progress-bar .rotate { background: #F5A623 !important; } +.maintenance-progress-bar .progress-bar .right { background: #F5A623 !important; } +.about-me .portfolio-item { width: 100%;} +.about-me .contact-me p { color: #363636; margin: 15px 0; display: table; } +.about-me .contact-me i { float: left; color: #F5A623; margin-right: 15px; line-height: 23px; width: 20px; } +.about-me .follow-me ul { margin-top: 20px; } +.about-me .follow-me li { display: inline-block; } +.about-me .follow-me li a { background: #e4e4e4; color: #F5A623; border-radius: 3px; display: block; width: 35px; height: 35px; line-height: 35px; margin-right: 2px; text-align: center; font-size: 16px; } +.about-me .follow-me li a:hover { background: #F5A623; color: #fff; } + +/************************************* + Team 1 page +**************************************/ +/*team-details*/ + .team-details .social{display:table;float:right;} +.team-details .social li a { background:#f7f7f7 none repeat scroll 0 0;border-radius:3px;color:#F5A623;display:block;font-size:15px;height:35px;line-height:35px;margin-left:0px;text-align:center;width:35px; } +.team-details .social li a:hover { background: #F5A623; color: #ffffff; } +.team-details .info i{color:#f7f7f7;font-size:126px;left:0;position:absolute;z-index:0;} +.team-details .info p{font-size:16px;font-style:italic;line-height:28px;padding-left:64px;position:relative;z-index:9;} + +/************************************* + blog page +**************************************/ + .owl-carousel img { width: 100%; } +/*pagination-nav*/ +.pagination { margin:0px; } +.pagination li a { font-size: 15px; font-weight: 500; margin: 0 5px; color: #626262; border-radius: 50%; } +.pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 50%; } +.pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 50%; } +.pagination>.active>a, .pagination>.active>a:hover { color: #626262; } +.pagination > li > a, .pagination > li > span { width: 44px; height: 44px; line-height: 44px; background: #f6f7f8; border:0px; padding: 0; text-align: center; } +.pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background-color:#F5A623; color: #ffffff;} +.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color:#F5A623; color: #ffffff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); } +.dataTables_paginate li.paginate_button.previous a, .dataTables_paginate li.paginate_button.next a { width: inherit; height: inherit; background: transparent !important; color: inherit !important; box-shadow: none !important; } + /*timeline blog*/ +.blog .timeline { list-style: none; padding: 20px 0 20px; position: relative; } +.blog .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 4px; background-color: #f7f7f7; left: 50%; margin-left: -1.5px; } +.blog .timeline > li { margin-bottom: 20px; position: relative; width: 46%; float: left; clear: left; } +.blog .timeline > li:before, +.blog .timeline > li:after { content: " "; display: table; } +.blog .timeline > li:after { clear: both; } +.blog .timeline > li:before, +.blog .timeline > li:after { content: " "; display: table; } +.blog .timeline > li:after { clear: both; } +.blog .timeline > li > .timeline-panel { width: 95%; float: left; border: 1px solid #d4d4d4; /*border-radius: 2px;*/ /*padding: 20px;*/ position: relative; border:1px solid #f7f7f7; + padding: 20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } +.blog .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #f7f7f7; + border-right: 0 solid #f7f7f7; border-bottom: 15px solid transparent; content: " "; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } +.blog .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; + border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } +.blog .timeline > li > .timeline-badge { color: #fff; width: 54px; height: 54px; line-height: 18px; padding: 6px; font-size: 22px; border:4px solid #f7f7f7; background: #fff; + border-radius: 50%; text-align: center; font-weight: bold; position: absolute; color: #f7f7f7; top: 16px; right: -73px; /*z-index: 100;*/ } +.blog .timeline > li > .timeline-badge span { font-size: 13px; font-weight: normal; display: block; } +.blog .timeline > li.timeline-inverted > .timeline-panel { float: right; } +.blog .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } +.blog .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } +.blog .timeline-title { margin-top: 0; color: inherit; } +.blog .timeline-body > p, +.blog .timeline-body > ul { padding:20px; margin-bottom: 0; } +.blog .timeline-body > p + p { margin-top: 5px; } +.blog .timeline-footer { padding:20px; background-color:#f4f4f4; } +.blog .timeline-footer > a { cursor: pointer; text-decoration: none; } +.blog .timeline > li.timeline-inverted { float: right; clear: right; margin-top: 30px; margin-bottom: 0px; } +.blog .timeline > li:nth-child(2){ margin-top: 60px; } +.blog .timeline > li:nth-child(3){ margin-top: 60px; } +.blog .timeline .entry-title i { font-size: 24px;} +.blog .timeline-inverted .timeline-badge { margin-top: 70px} +.blog .timeline li.timeline-inverted .timeline-panel:after { top: 98px; } +.blog .timeline li.timeline-inverted .timeline-panel:before { top: 97px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: -73px; } +.blog .timeline li.entry-date { top: 0; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } +.blog .timeline li.entry-date span { background: #f7f7f7; color: #363636; font-size: 16px; font-weight: 400; text-transform: capitalize; padding: 10px 25px;border-radius: 30px;} +.blog .timeline li.entry-date-bottom { bottom: -30px; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } +.blog .timeline li.entry-date-bottom a { background: #f7f7f7; padding: 7px 10px; color: #363636; font-size: 16px; padding: 10px 25px; border-radius: 30px; } +.blog .timeline li.entry-date-bottom a:hover { background: #F5A623; color: #fff; } +.blog .timeline li:hover .timeline-panel { border-color: #F5A623; } +.blog .timeline li:hover .timeline-badge a { color: #fff; } +.blog .timeline li:hover .timeline-badge{ background: #F5A623; border-color: #F5A623; } +.blog .timeline li:hover .timeline-panel:before { border-left-color: #F5A623; border-right-color: #F5A623; } +.blog .blog.timeline .entry-quote p { font-size: 16px; } +/* blog 2 column masonry left sidebar */ +.blog.timeline-sidebar .timeline > li { width: 89%; } +.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 50%;} +.blog.timeline-sidebar .timeline:before { left: 54px; } +.blog.timeline-sidebar .timeline li.entry-date { text-align: left;} +.blog.timeline-sidebar .timeline li.entry-date-bottom { text-align: left;} +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -66px; } +.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 0px; } +.blog.timeline-sidebar .timeline > li:nth-child(3) { margin-top: 30px; } +.blog.timeline-sidebar .timeline li.entry-date { top: 3px; } +.blog.timeline-sidebar .timeline li.entry-date span { font-size: 14px; padding: 10px 25px; } +.blog.timeline-sidebar .timeline li.entry-date-bottom { bottom: -48px; } +.blog.timeline-sidebar .timeline li.entry-date-bottom a { font-size: 14px; padding: 10px 25px; } +.blog.timeline-sidebar .timeline li .share ul li { width: auto; } + +/*blog-single*/ +.blog-single .blog-entry { box-shadow: none; } +.blog-single .blog-entry .blog-detail { padding: 0; margin-top: 20px; } + +.blog-single .blockquote { font-style: italic; line-height: 30px; background: #f6f7f8 !important; } +.blog-single .blog-entry.blockquote blockquote { background: #f6f7f8;color: #626262; } +.blog-single .blog-entry.blockquote blockquote cite { color: #F5A623; } +.blog-single .entry-share .tags { display: inline-block; } +.blog-single .blog-entry.blockquote blockquote:before { color: #323232; top: 20px; } + +/*blog-comments*/ +.comments-1 .comments-photo { width: 106px; height: auto; float: left; border:5px solid #f7f7f7; margin-right: 20px; } +.comments-1 .comments-photo img { width: 100%; } +.comments-1 .comments-info { display: table; background: #f7f7f7; padding: 20px; margin-bottom: 20px; } +.comments-1 .comments-info h4 { display: inline-block; } +.comments-1 .comments-info span { font-size: 13px; color: #626262; } +.comments-1 .comments-info a { color: #F5A623; } +.comments-1 .comments-info a:hover { color: #363636; } +.comments-1.comments-2 { padding-left: 127px; } +.comments-1.comments-2 .comments-info { background: #fff; margin-bottom: 0px; padding: 20px 20px 10px; } + +/************************************* + error 404 +**************************************/ +.error-block { position: relative; z-index: 9; padding: 20px 0 130px 0px; } +.error-block .error-text { position: absolute; text-align: center; left: 0; right: 0; z-index: -1; } +.error-block .error-text h2 { font-size: 420px; line-height: 300px; color: rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0; } +.error-block .error-text span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 134px; line-height: 100px; color: rgba(0, 0, 0, 0.1); font-weight: bold; } +.error-block h1 { font-size: 87px; padding-top: 110px; } +.error-block p { font-size: 33px; } + +.error-text-02 { position: relative; text-align: center; } +.error-text-02 h2 { font-size: 420px; line-height: 300px; color: rgba(255, 255, 255, 0.2); position: relative; left: -70px; top: 0; } +.error-text-02 span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 117px; line-height: 100px; color: rgba(255, 255, 255, 0.2); font-weight: bold; } +.error-middle { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } + + +/************************************* + coming soon +**************************************/ +.coming-soon { background: transparent; } +.coming-soon-countdown ul.countdown { list-style: none; margin: 75px 0; padding: 0; display: block; text-align: center; } +.coming-soon-countdown ul.countdown li { display: inline-block; width: 24%; } +.coming-soon-countdown ul.countdown li span { font-size: 90px; font-weight: bold; line-height: 80px; color: #F5A623; } +.coming-soon-countdown ul.countdown li p { color: #626262; font-size: 20px; text-transform: capitalize; margin-bottom: 30px; } +.coming-soon .coming-soon-form input { color: #626262; } +.coming-soon-form` input { width: 50%; color: #fff; display: block; margin: 0 auto; } +.coming-soon-form.contact-form input { width: 50%; display: block; margin: 0 auto; } +.coming-soon-middle { padding: 100px; display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } + +/************************************* + Register +**************************************/ +.register-form .section-field { display: block; } +.register-form .field-widget { position: relative; } +.register-form .field-widget input { width: 100%; margin-bottom: 20px; padding-left: 30px; } +.register-form .field-widget select { width: 100%; margin-bottom: 20px; padding-left: 15px; } +.register-form .field-widget input.gui-input { padding-left: 140px;} +.register-form .field-widget .button { background: #666; height: 46px; left: 0; margin: 2px; position: absolute; text-align: center; top: 0; width: 115px; border:0; } +.register-form .nice-select { float: none; margin-bottom: 20px; background: #f6f7f8; border:0; } +.remember-checkbox a {color: #F5A623; } +.remember-checkbox label { position: relative; padding-left: 30px; font-size: 14px; cursor: pointer;} +.remember-checkbox label:before, label:after { font-family: FontAwesome; font-size: 17px; position: absolute; top: -3px; left: 0; padding-left: 2px; border-radius: 6px; } +.remember-checkbox label:before { border: 2px solid #F5A623; content: ""; height: 20px; margin-top: 3px; width: 20px; } +.remember-checkbox label:after { content: '\f00c'; max-width: 0; overflow: hidden; opacity: 0.5; transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; } +.remember-checkbox input[type="checkbox"] { display: none; } +.remember-checkbox input[type="checkbox"]:checked + label:after { max-width: 25px; opacity: 1; } +/*all id*/ +#one+label:before, #one+label:after {color: #F5A623;} +#two+label:before, #two+label:after {color: #F5A623;} +#three+label:before, #three+label:after {color: hsl(120, 45%, 40%); } +#four+label:before, #four+label:after {color: hsl(180, 45%, 40%); } +#five+label:before, #five+label:after {color: hsl(240, 45%, 40%); } +#six+label:before, #six+label:after {color: hsl(300, 45%, 40%); } + +/************************************* + Login +**************************************/ +.full-height-bg { height: 100vh; } +/*login-2-social*/ +.login-social li { display: inline-block; margin: 2px 0px; } +.login-social li a { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;} +.login-social li a.fb { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #4c70ad; border-radius:30px; } +.login-social li a.twitter { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #25b6e6; border-radius:30px; } +.login-social li a.pinterest { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #dd4b39; border-radius:30px; } +.login-social li i { border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px; } +.login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover { background: #F5A623; } + +/*login 02*/ +.section-transparent { background: transparent; } +.login-bg { background: #ffffff; border-radius: 10px; } +.login-bg .login-title { background: #F5A623; padding: 30px; border-radius: 10px 10px 0 0; } +.login-bg .login-form { padding: 40px 30px; } +.login-bg .login-social { padding: 30px; background: #f6f7f8; border-radius: 0 0 10px 10px; } + +/*login 02*/ +.register-bg { background: #ffffff; border-radius: 10px; } +.register-bg .register-title { background: #F5A623; padding: 30px; border-radius: 10px 10px 0 0; } +.register-bg .register-form { padding: 30px 30px 50px; } + +/************************************* + maintenance +**************************************/ +img.logo-small { height: 40px; margin: 30px 0; position: relative; } +.maintenance-main i { font-size: 100px; margin-bottom: 10px; color: #e4e4e4; } +.maintenance-main h1 { font-size: 62px; text-transform: uppercase; font-weight: bold; } +.maintenance-main p { font-size: 26px; line-height: 35px; margin-bottom: 70px;} +.maintenance-form { width: 76%; margin: 0 auto; } +.maintenance-form p { font-size: 19px; } +.maintenance-form input { width: 50%; margin: 0 auto; } + +/*maintenance 2 */ +.maintenance-main h1 { font-size: 40px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; } +.maintenance-contant p { line-height: 25px; margin-top:20px; font-size: 14px; } +.progress-new { margin-top: 50px; height: 50px; background: #f6f7f8; border-radius: 0; margin-bottom: 50px; margin-left: auto; margin-right: auto; width: 50%; } +.progress-bar-new { line-height: 50px; background-color: #F5A623; color: #ffffff; font-size: 20px; padding-left: 20px; } +.progress-bar-new span { position: absolute; right: 30px; color: #323232; font-weight: bold; font-size: 20px; } +.progress-bar-striped, +.progress-striped .progress-bar-new { + background-image: linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); +} + +/************************************* + Our clients +**************************************/ +/*clients-box*/ +.clients-box { background: #f7f7f7; padding: 20px; } +.clients-photo { position: relative; margin-right: 20px; width: 200px; height: 200px; float: left; display: table-cell; text-align: center; vertical-align: middle; background: #fff; } +.clients-photo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } +.clients-info { display: table; } +.clients-info i { padding-right: 10px; } +.clients-info a { font-size: 14px; color: #F5A623; } +.clients-info a:hover { color: #626262; } +.clients-info p { margin-top: 10px; } +.happy-clients .tab-content { padding: 0 30px; position: relative; text-align: left; } +.happy-clients .tab-content .quoter-icon { position: absolute; left: 0; top: -10px; font-size: 120px; line-height: 1; color: #F5A623;} +.happy-clients .tab-content p{padding-left: 30px; font-size: 18px; padding-top: 10px; font-style: italic; } +.happy-clients .nav-tabs li { overflow: visible; display: inline-block; padding: 0 5px; } +.happy-clients .nav.nav-tabs li a, .happy-clients .nav.nav-tabs li a:hover, .happy-clients .nav.nav-tabs li a:focus { background: none; padding: 0; border:0; outline: none; background: transparent !important;} +.happy-clients .nav-tabs li img {width: 96px; opacity: 0.1; height: 96px; border-radius: 50%; } +.happy-clients .nav-tabs li.active img, .happy-clients .nav-tabs li:focus img { border: 4px solid #fff; opacity: 1; top: -2px; box-shadow: 0 0 40px rgba(0,0,0,.3); } +.happy-clients .testimonial-avatar { position: relative; right: inherit; left: inherit; top: inherit; width: inherit; height: inherit; margin-left: inherit; margin-top: 30px; } +.happy-clients .nav-tabs { border: 0; } + +/*********************************** + process +************************************/ +.process-list .col-sm-12 { padding: 0 50px; } +.process { margin: 0px; border: 2px dashed rgba(0, 0, 0, 0.3); position: relative; width: 100%; float: left; padding-bottom: 50px; padding-top: 50px; min-height: inherit; } +.process.left { border-right: 0; border-top: 0; } +.process.right { border-left: 0; border-top: 0; } +.process .border-area.left-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; left: -2px; z-index: 99; } +.process .border-area.left-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.right-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } +.process .border-area.right-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.right-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } +.process .border-area.right-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.left-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; left: -2px; } +.process .border-area.left-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); } +.process:first-child { padding-top: 0; } +.process.left:first-child .process-step { top: 0; } +.process:last-child { border-bottom: 0; } +.process:last-child .border-area.left-bottom { bottom: 0; } +.process:last-child .border-area.left-bottom:before { border-bottom-left-radius:0; border-bottom: 0; } +.process.left .process-step { position: absolute; top: 50px; left: -35px; z-index: 999; } +.process.right .process-step { position: absolute; top: 50px; right: -35px; z-index: 99; } +.process.left .process-content { padding-left: 80px; } +.process.right .process-content{ padding-right: 80px; } +.process .process-step strong { width: 70px; height: 70px; line-height: 70px; text-align: center; background: #F5A623; border-radius: 100%; display: inline-block; + z-index: 99; font-size: 20px; color: #fff; } +.process .process-content { position: relative; z-index: 99; } +.process .process-content span { font-size: 80px; line-height: 80px; color: #F5A623; } +.process.left .process-content .process-icon { display: table-cell; padding-right: 30px; } +.process.left .process-content .process-info { display: table-cell; vertical-align: top; } +.process.right .process-content .process-icon { float: right; padding-left: 30px; } +.process.right .process-content .process-info { display: table-cell; vertical-align: top; } + +/************************************* + Careers +**************************************/ +.agency-about { padding-bottom: 100px; } + +/*careers accordion*/ +.careers .acd-des span { display: block; } + +/*careers form*/ +.careers-from .section-field label { margin-bottom: 10px; } + +/************************************* + sitemap +**************************************/ +.sitemap h4 { margin-bottom: 25px; text-transform: capitalize; } +.sitemap h4 i { padding-right: 10px; } +.sitemap ul li { display: block; line-height: 34px; } +.sitemap ul li i { padding-right: 10px; } +.sitemap ul li a { font-size: 14px; color: #626262; text-transform: capitalize; } +.sitemap ul li a:hover { color: #F5A623; } + +/************************************* + privacy-policy +**************************************/ +.privacy-policy ul li { font-size: 14px; line-height: 30px; } +.privacy-policy ul li i { padding-right: 10px; } + +/************************************* + page sidebar +**************************************/ +.page-sidebar .page-content ul li { font-size: 14px; line-height: 30px; } +.page-sidebar .page-content ul li i { padding-right: 10px; } + +/************************************* + terms and conditions +**************************************/ +.terms-and-conditions ul li { font-size: 14px; line-height: 30px; } +.terms-and-conditions ul li i { padding-right: 10px; } + + +.special-feature .feature-text {padding:40px;} +.special-feature { padding-bottom:-117px; } +.special-feature .row-eq-height.no-gutter { position:relative; z-index:99; margin-top:-117px; } + +/************************* + BG - Images +*************************/ +.parallax { background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -ms-background-size: cover !important; position: relative; z-index: 0; background-origin: initial; background-position: center center !important; background-repeat: no-repeat; } +.gradient-overlay{position:relative;} +.gradient-overlay:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background:url(../images/construction/bg/gradient-overlay1.png) repeat-y left 0;} + +/************************************* + Footer +**************************************/ +.footer.black-bg{background: #1a1a1a;} +.footer.black-bg p { color: rgba(255,255,255,0.5); } +.footer.black-bg .social-icons li a { color: rgba(255,255,255,0.5); } +.footer p{font-size: 14px;} +.footer-logo img { width: 65%; } +.footer h6{font-size: 14px;} +.addresss-info li { font-size: 14px; margin-bottom: 15px; color: rgba(255,255,255,0.5); list-style: none; } +.addresss-info i{ color:rgba(255,255,255,0.5); padding-right: 5px; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 14px; } +.addresss-info p { display: table; color: rgba(255,255,255,0.5); margin-bottom: 0px; } +.addresss-info li a { color: rgba(255,255,255,0.5); } +.footer a{font-size: 14px;} + +/*footer-Newsletter*/ +.footer-Newsletter { display: inline-block; width: 100%;} +.footer-useful-link.footer-hedding ul { margin-top: -6px; } +.footer-Newsletter .form-control { border-left: 0px; height: 50px; border-radius: 30px; font-size: 14px; color: rgba(255,255,255,0.3); border:none; background: #252525; padding: 10px 25px; width: 100%; } +.footer-Newsletter .form-control:focus { border:0; box-shadow: none;} +.footer-Newsletter .button.border{border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.5); padding: 10px 18px; font-size: 12px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.footer-Newsletter .button.border:hover { color: #ffffff; } +.footer-useful-link ul li { list-style: none; margin-bottom: 12px;} +.footer-useful-link ul li:last-child { margin-bottom: 0; } +.footer-useful-link ul li a { color: rgba(255,255,255,0.5); font-size: 14px; vertical-align: top; display: block; line-height: 26px; } +.footer-useful-link ul li a:hover { color: #F5A623; } +/*transparent*/ +.footer-Newsletter.transparent .form-control { background: rgba(0, 0, 0, 0.04); } +.footer-Newsletter.transparent .form-control::-moz-placeholder { color: #323232; } +.footer-Newsletter.transparent .form-control::-ms-input-placeholder { color: #323232; } +.footer-Newsletter.transparent .form-control::-webkit-input-placeholder { color: #323232; } + +/*footer-widget*/ +.footer-widget { padding: 20px 0; border-top: 1px solid #262626;} +.footer-widget p{font-size: 14px; color: rgba(255,255,255,0.5); letter-spacing: 0.5px;} +.footer-widget a { color: #F5A623; } +.footer-widget a:hover { color: #F5A623; } +.footer-widget-social {margin-top: 5px; } +.footer-widget-social li { display: inline-block;} +.footer-widget-social a i { display: inline-block; color: rgba(255,255,255,0.5); background: none; border-radius: 50%; width: 35px; height: 35px; text-align:center; line-height: 37px; font-size: 14px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} +.footer-widget-social a i:hover{background: #F5A623;} +.footer .footer-nav ul li { display: inline-block;} +.footer .footer-nav ul li a { margin: 0 5px; color: #323232;} +.footer .footer-nav ul li a:hover { color: #F5A623; } +.footer .social ul li {display: inline-block;} +.footer .social ul li a i { font-size: 14px; width: 45px; height: 45px; line-height: 45px; text-align: center; float: none; color: #323232;} +.footer .social ul li a i:hover{color: #F5A623;} +.footer .social ul{background: #f6f7f8; display: inline-block; border-radius: 30px; padding: 0px 10px;} +.footer .usefull-link ul li {display: block; border-bottom: 0px; line-height: 24px; padding: 5px 0; } +.footer .usefull-link ul li a{color: #323232;} +.footer .usefull-link ul li a:hover { color: #F5A623; } +.footer .copyright { padding: 30px 0 20px;} +.footer .copyright ul li a {color: #323232;} +.footer .copyright ul li a:hover {color: #F5A623;} +img#logo-footer{ height: 50px; width: auto; } +.footer.light .footer-nav ul li a{color: #fff;} +.footer.light .footer-nav ul li a:hover { color: #323232; } +.footer.light h6{color: #fff;} +.footer.light .about-content p{color: #fff;} +.footer.light .usefull-link ul li a{color: #fff;} +.footer.light .usefull-link ul li a:hover {color: #323232;} +.footer.light .copyright ul li {color: #fff;} +.footer.light .copyright ul li a {color: #ffffff; font-size: 14px;} +.footer.light .copyright ul li a:hover {color: #323232; } +.footer.light.footer-topbar .copyright ul li { color: #ffffff } +.footer.light .copyright p {color: #fff;} +.footer.light .social ul li a i {color: #F5A623;} +.footer.light .social ul li a:hover i {color: #323232;} +.footer .footer-text p{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} +.footer .footer-social ul li a{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} +.footer .footer-social ul li a:hover { color: #F5A623 !important; } +.footer.footer-topbar .copyright ul li{color:rgba(255, 255, 255, 0.5) !important;} +.footer.footer-one-page .contact-add i { font-size: 20px } +.footer.footer-one-page h5 { color: rgba(255,255,255,0.5); } +.footer.footer-one-page p { color: rgba(255,255,255,0.5); } + +/* footer transparent*/ +.footer.transparent h6, .footer.transparent p, .footer.transparent ul li a, .footer.transparent span { color: #ffffff; } + +/*widget-gallery*/ +.footer .footer-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; } +.footer .footer-tags li { display: inline-block; } +.footer .footer-tags li a { background: transparent; color: #fff; border:1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.footer .footer-tags li a:hover { background: #F5A623; } + +/*footer-social-big*/ +.footer-social-big ul li { display: inline-block; padding: 10px; width: 70px; text-align: center; background: rgba(255, 255, 255, 0.1); } +.footer-social-big ul li.facebook { background: #5d82d1; } +.footer-social-big ul li.pinterest { background: #e13138; } +.footer-social-big ul li.linkedin { background: #238cc8; } +.footer-social-big ul li i { color: #ffffff; display: block; width: 30px; height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.2); border-radius: 50%; margin: 0 auto; } +.footer-social-big ul li span { display: block; text-align: center; color: #ffffff; margin-top: 10px; font-size: 11px; } + +/*footer-box*/ +.footer-box { background: rgba(102, 102, 102, 0.2); padding: 30px; clear: both; margin-bottom: 40px; margin-top: 60px; } +.footer-box .box-content { display: table-cell; vertical-align: top; } +.footer-box .box-link { display: table-cell; padding-left: 20px; vertical-align: middle; } +.footer-box .box-link a { display: block; padding: 8px 16px; width: 140px; } + +/*google-map*/ +.google-map { background: #; } +.google-map .row [class*='col-'] { min-height: 0; } +.map-icon { position: relative; z-index: 999; cursor: pointer; } +.google-map .map-icon:before { cursor: pointer; content: "\f041"; font-family: "FontAwesome"; font-size: 30px; font-weight: normal; right: 0; position: absolute; text-indent: 0; top: -32px; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #ffffff; color: #F5A623; text-align: center; } +.google-map.google-map-open .map-icon::before { content: "\f00d"; } +.google-map .map-open { height: 0; overflow: hidden; transition: all 900ms ease; } +.google-map .map-open iframe { height: 300px; } +.google-map-open .map-open { height: 300px; } +.pos-r{position: relative;} +.img-side img{max-width: 100%} +.img-side.img-left {left: 0;} +.img-side {padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100;} +.font-bold {font-weight: 600} +.no-gutter{ margin-right:0; margin-left:0;} +.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;} + +/*youtube-video*/ + .popup-video { position: relative; } +.popup-video .play-video { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } +.popup-video .play-video { width: 50px; height: 50px; } +.popup-video .play-video a { width: 50px; height: 50px; } +.popup-video .play-video a i { line-height: 50px; } +.popup-video .play-video:hover { transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); background-color: #ffffff; } +.popup-video .play-video:hover a { color: #F5A623; } +.play-video { cursor: pointer; position: relative; width: 100px; height: 100px; margin: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } +.play-video { background-color: #F5A623; -webkit-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); -moz-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); } +.play-video a { color: #fff; width: 100px; height: 100px; position: absolute; top: 0; left: 50%; padding-left: 5px; transform: translateX(-50%); } +.play-video a i { line-height: 100px; } +.play-video:hover a { color: #F5A623; } +.play-video:after { content: ''; top: 0; left: 0; padding: 0; z-index: -1; opacity: 0; pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); } + +.play-video:hover{background: #ffffff; color: #F5A623; border-color:transparent !important;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-box-shadow:2px 6px 18px transparent !important;-moz-box-shadow:2px 6px 18px transparent !important;box-shadow:2px 6px 18px transparent !important} +.play-video:hover:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms; -moz-animation:sonarEffect 1.3s ease-out 75ms; animation:sonarEffect 1.3s ease-out 75ms;} +@-webkit-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-webkit-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}} +@-moz-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-moz-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}} +@keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);transform:scale(1.5);opacity:0; }} +.my-contact .contact-icon{float: left; margin-right: 25px;} +.my-contact .contact-icon span{color: #fff ! important;} + +/************************************* + index portfolio 4 +**************************************/ +.portfolio-item.simple-effect .portfolio-overlay span { color: #363636; } +.portfolio-item.simple-effect .portfolio-overlay span a { color: #363636; } +.portfolio-item.simple-effect .portfolio-overlay a:hover { color: #F5A623; } +.portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #F5A623; } +.portfolio-item.simple-effect .portfolio-overlay { z-index: 9; opacity: 0; bottom: inherit; background: transparent; top: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: center; } +.portfolio-item.simple-effect:hover:before { position: absolute; width: 100%; height: 100%; content: ""; background: rgba(255, 255, 255, 1); z-index: 1; background-size: 115%; + -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.6s cubic-bezier(.68,.11,.13,.98); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.portfolio-item.simple-effect:hover .portfolio-overlay { top: 50%; opacity: 1; } + +/*footer*/ +.footer .container-fluid { padding: 0 60px; } +#footer-fixed { position: fixed; bottom: 0; width: 100%; z-index: -1; box-shadow: inset 0 27px 60px -25px rgba(0,0,0,0.3); } +.footer.footer-simple ul li a, .footer.footer-simple p, .footer.footer-simple i, .footer.footer-simple li { color: #ffffff; font-weight: bold; font-size: 16px; } +.footer.footer-simple ul li a:hover { color: rgba(255, 255, 255, 0.6); } +.footer.footer-simple .social-icons li a { color: #ffffff; width: 100%; } +.footer.footer-simple .social-icons li a:hover { color: rgba(255, 255, 255, 0.6); } + +/*elements*/ +.full-width { width: 100%; } +.height-100vh { height: 100vh; } +.pos-bot { position: absolute; bottom: 0; width: 100%; } +.vertical-align { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } + +/************************************* + index portfolio 04 about +**************************************/ +.portfolio-03-about { padding-left: 50px; } +.portfolio-03-about p { font-size: 16px; font-weight: 600; } + +/************************************* + index portfolio single +**************************************/ +/*popup-video*/ +.popup-video-image { position: relative; } +.popup-video-image:before { background: rgba(37, 41, 51, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } +.popup-video-image a i { color: #ffffff; text-align: center; line-height: 60px; width: 60px; height: 60px; background: #F5A623; display: inline-block; margin: 0 auto; + border-radius: 50%; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); + -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; font-size: 20px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } +.popup-video-image a i:hover { background: #323232; } + +/************************************* + index 11 +**************************************/ + +/*index 11*/ + /*slider-parallax typer-banner business*/ + .slider-parallax.typer-banner.business h1 { font-family: 'Dosis', sans-serif; } + .slider-parallax.typer-banner.business p { padding: 0 200px; line-height: 34px; font-size: 26px; font-weight: 600; display: block; } + + /*play-video*/ +.custom-content-02 .feature-text p { line-height: 28px; } +.play-video-section .play-video { box-shadow: none; background: #ffffff; width: 60px; height: 60px; line-height: 60px; } +.play-video-section .play-video a { color: #F5A623; line-height: 60px; } +.play-video-section .play-video a i { line-height: 60px; padding-right: 3px; } +.play-video-section .play-video:after {box-shadow: none; } +.play-video-section .content { padding: 0 100px; } +.play-video-section .content h2 { font-family: 'Dosis', sans-serif; } +.custom-content-03 h2 { font-family: 'Dosis', sans-serif; font-size: 40px; line-height: 50px; } + +/*blockquote-section*/ +.blockquote-section { position: relative; z-index: 9; } +.blockquote-section blockquote { font-size: 50px; font-weight: 600; line-height: 60px; border-left: 0; padding-left: 0; font-family: 'Dosis', sans-serif; } +.blockquote-section blockquote cite { font-size: 16px; font-weight: 600; margin-top: 40px; line-height: 30px; font-family: 'Nanum Gothic', serif; font-style: normal; } +.blockquote-section blockquote cite span { display: block; font-size: 14px; } +.blockquote-section blockquote.quote { padding-top: 100px; } +.blockquote-section blockquote.quote:before { color: #F5A623; left: 0; top: 0; font-size: 120px; line-height: 120px; } +.blockquote-section .blockquote-section-left { margin-left: 60px; } +.blockquote-section .blockquote-section-right { margin-left: -120px; position: relative;z-index: -1; } + +/************************************* + footer +**************************************/ +.footer.gray-footer .footer-Newsletter .form-control { background: #ffffff; color: #323232; height: 60px; line-height: 60px; box-shadow: 0 10px 50px rgba(0,0,0,0.1); } +.footer.gray-footer .footer-widget { border-top: none; } +.footer.gray-footer .footer-widget p { color: #323232; } + +.footer.gray-footer .footer-Newsletter .form-control::-moz-placeholder { color: #323232; } +.footer.gray-footer .footer-Newsletter .form-control::-ms-input-placeholder { color: #323232; } +.footer.gray-footer .footer-Newsletter .form-control::-webkit-input-placeholder { color: #323232; } + +/************************************* + portfolio +**************************************/ +.portfolio-item.image-text { position: relative; } +.portfolio-item.image-text .portfolio-overlay { bottom: 30px; background: transparent; } +.portfolio-item.image-text .portfolio-overlay span { display: block; } +.portfolio-item.image-text:before { position: absolute; width: 100%; bottom: 0; content: ""; ackground: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; } +.portfolio-item.image-text .portfolio-overlay a.button { padding: 6px 16px; } +.portfolio-item.image-text .portfolio-overlay a.button span { font-size: 12px; } +.portfolio-item.image-text .portfolio-overlay a.button:hover { color: #ffffff; } + +/************************************* + coming-soon-big +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 120px; line-height: 120px; font-weight: bold; } +.coming-soon-big .countdown.medium p { font-size: 30px; line-height: 30px; font-weight: bold; } +.coming-soon-big .coming-soon-form p { font-weight: bold; } +.coming-soon-big .contact-form.transparent-form .form-control { background: rgba(255, 255, 255, 0.4); } +.coming-soon-big .button { font-weight: bold; } + +/************************************* + inner page +**************************************/ +/* about-05 */ +.about-05-split .shop-split-content { padding: 100px 0; } +/*about-mission*/ +.about-mission .popup-video-image a i { position: relative; top: inherit; left: inherit; bottom: inherit; right: inherit; } +.about-mission .popup-content { position: absolute; bottom: 0; padding: 30px 130px 30px 30px; } +.about-mission-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); } +.about-mission-box .content { padding:24px; } +.about-mission-title { padding-bottom: 250px; } +.about-mission { margin-top: -150px; } +/*faq 03*/ +.faq-page-title .form { position: relative; z-index: 9; } +.faq-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); padding: 40px; border-radius: 10px; background: #ffffff; margin-top: -60px; } +.faq-box span { font-size: 40px; line-height: 40px; margin-bottom: 20px; display: block; } +.faq-box strong { display: block; } +.faq-box a.button { padding: 8px 16px; } + +/*login-fancy*/ +.login-fancy { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); } +.login-fancy-bg { position: relative; z-index: 1; } +.login-fancy h2 { font-size: 70px; line-height: 70px; } +.login-gradient, .login-gradient-02, .login-gradient-03 { position: relative; } +.login-gradient:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9af1e1), color-stop(100%, #4003f6)); background: -webkit-linear-gradient(-315deg, #9af1e1 0%, #4003f6 100%); background: -webkit-linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); background: linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); } +.login-gradient-02:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee38a6), color-stop(100%, #ffc863)); background: -webkit-linear-gradient(-315deg, #ee38a6 0%, #ffc863 100%); background: -webkit-linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); background: linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); } +.login-gradient-03:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcdd2), color-stop(100%, #470df5)); background: -webkit-linear-gradient(-315deg, #ffcdd2 0%, #470df5 100%); background: -webkit-linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); background: linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); } + +/*login-box*/ +.login-box { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); border-radius: 0px 10px 10px 0px; } +.login-box-bg { position: relative; z-index: 1; } +.login-box h2 { font-size: 40px; line-height: 40px; } +.login-box-main { display: table; width: 100%; } +.login-box-main-middle { display: table-cell; vertical-align: middle; } +.login-box-left { box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); height: 100%; border-radius: 10px 0 0px 10px; } +.login-box-left .logo-small { margin-left: 30px; } +.login-box-main .theme-bg { box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.2); position: relative; z-index: 1; } +.login-box-theme { position: relative; } +.login-box-theme:before { position: absolute; content: ""; height: 30px; top: -29px; width: 100%; background: #F5A623; left: 0; } +.login-box-theme:after { position: absolute; content: ""; height: 30px; bottom: -29px; width: 100%; background: #F5A623; left: 0; } +.login-box-main .nav li a { padding-left: 30px; } +.login-box-main .nav li a { display: block; text-align: left; color: #323232; border-left: 5px solid transparent; background: transparent; } +.login-box-left li.active a, .login-box-left li a:hover { border-left: 5px solid #F5A623; color: #F5A623; } +.login-box-main .nav li a i { display: inline-block; padding-right: 6px; text-align: left; margin-bottom: 10px; } +.login-box .list-unstyled.list-inline a:hover { color: #323232; } +/*login-box-02*/ +.login-box-02 { padding: 40px; border:1px solid rgba(0, 0, 0, 0.1); height: 100%; } +.login-box-02.white-overlay { background: rgba(255, 255, 255, 0.5); } +.login-signup a.text-black:hover { color: #ffffff; } + +/*login-14*/ +.login-14 { padding: 0 100px; } + +/*login-15*/ +.login-15 { padding: 0 60px; } + +/*login-signup*/ +.login-signup .tab-border .tab-content { padding: 0; } +.login-signup .login-box-02 { border:0; } + +/************************************* + boxed +**************************************/ + +@media (min-width: 1220px) { +body.boxed-layout .wrapper { float: none; width: 1220px; margin: 0 auto; position:relative; background-color: #FFF; box-shadow: 0 0 60px rgba(0,0,0,.1); -moz-box-shadow: 0 0 60px rgba(0,0,0,.1); + -webkit-box-shadow: 0 0 60px rgba(0,0,0,.1); } +/*index 01*/ +body.boxed-layout .wrapper .portfolio-title.section-title p { display: none; } +body.boxed-layout .wrapper .portfolio-title.section-title span { display: none; } + + +/*index 02*/ +body.boxed-layout .wrapper .contact-3 #map { padding-top: 140%; } +body.boxed-layout .wrapper .contact-2 #map { padding-top: 90% } +body.boxed-layout .wrapper.vertical-header { width: auto; box-shadow: none; } +body.boxed-layout #footer-fixed { position: inherit !important; width: inherit; bottom: inherit !important; z-index: inherit; } +body.boxed-layout .wrapper { margin-bottom: 0 !important; } +body.boxed-layout .christmas-coming-soon { position: absolute; } + +body.frame-layout .wrapper { margin: 0 auto; margin-top: 1.5%; margin-bottom: 1.5%; width: 97%; position: relative; box-shadow: 0 0 60px rgba(0,0,0,.1); } +body.frame-layout .header.default, body.frame-layout .header.transparent, body.frame-layout header.one-page { left: 0; right: 0; } +body.frame-layout .navbar.affix { top: 0; } +body.frame-layout header.one-page.light .navbar { min-height: 10px !important; } +body.frame-layout #footer-fixed { position: inherit !important; bottom: inherit !important; z-index: inherit; } +body.frame-layout .wrapper { margin-bottom:1.5% !important; } +body.frame-layout .christmas-coming-soon { position: absolute; } + +} + +@media all and (-ms-high-contrast:none) { +.st-menu { position: absolute; } + img.bottom-img { top: 0; } +.search-cart { display: table; } +.search { display: table-cell !important; } +.shpping-cart { display: table-cell !important; } +.search-cart .shpping-cart { float: none !important; } + .mega-menu > section.menu-list-items .search-cart .search { float: none !important; } + .search-cart .shpping-cart { vertical-align: middle; } +} + + + + + + diff --git a/apply/css_r/style_org.css b/apply/css_r/style_org.css new file mode 100644 index 0000000..04b9654 --- /dev/null +++ b/apply/css_r/style_org.css @@ -0,0 +1,1735 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Version: 1.0 +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. + +*/ + + +/*================================================ +[ Table of contents ] +================================================ + :: Header + - topbar + - search + - Cart + - FullWidth + - Light + - Dark + - Left-menu + - Logo-center + - Fancy + - fancy without-topbar + - Side menu icon + - Vertical header + - One page Header + :: Slider (all home page main sliders ) + :: - Slider-parallax one page + :: - Mobile slider + :: Background + :: Home page section + :: Decolines + :: Awesome features + :: Feature Step + :: About Us + :: Resume + :: Portfolio + :: - Portfolio item + :: - Portfolio-item-2 + :: - Portfolio single page + :: Our Blog + :: Our services + :: Creativity + :: Our History + :: Our Service Objects + :: Sidebar + :: About me + :: Team page + :: Error 404 + :: Coming soon + :: Register + :: Login + :: maintenance + :: Our clients + :: Process + :: Careers + :: Sitemap + :: Privacy-policy + :: Page sidebar + :: Terms and conditions + :: Footer + :: Boxed + + v1.2 + :: index portfolio 4 + :: index portfolio 04 about + :: index portfolio single + +====================================== +[ End table content ] +======================================*/ + +/************************* + Header +*************************/ +.default { background: transparent; z-index: 9999; position: absolute; width: 100%; } +/*topbar*/ +.topbar { /*padding: 10px 0;*/ font-size:12px; color:#4a4a4a; } +.topbar ul li { display: inline-block; color: #fff; font-size: 12px; font-weight: normal;} +.topbar ul li:last-child { margin-right: 0px; } +.topbar ul li a { color: #4a4a4a; font-size: 12px; font-weight: normal; font-style: normal; } +.topbar-left { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; letter-spacing: -0.1em;} +.topbar-right { position: relative; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; } +.topbar ul li a:hover { font-weight:600; } +#topbar-nav {list-style:none;} +#topbar-nav li{display:inline-block; position:relative; line-height: 38px; } +#topbar-nav li:first-child > a {border: 0;} +#topbar-nav li > a {border-left: 1px solid #ccc; padding:0px 15px;} + +/*menu*/ +.menu-bar { float: right; } +.mega-menu .menu-links { float: left; } +.search-cart { display: inline-block; } +.search-cart i.icon { color: #ffffff; line-height: 20px; font-size: 14px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } +.search-cart i.icon:hover { color: #FC5C3C; } +.search-cart .search { display: inline-block; padding-right: 15px; padding-left: 10px; } +.search-cart .shpping-cart { display: inline-block; } +.shpping-cart a { position: relative; } +.shpping-cart strong.item { display: block; position: absolute; top: -7px; left: auto; right: -8px; font-size: 10px; color: #ffffff; width: 16px; height: 16px;line-height: 16px; text-align: center; background-color: #FC5C3C; border-radius: 50%; } + + /*search*/ + .search .search-btn { display: block; height: 20px; line-height: 21px; position: relative; text-indent: -9999px; width: 14px; color: #ffffff; -o-transition: color 300ms ease 0s; -moz-transition: color 300ms ease 0s; -ms-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s; transition: color 300ms ease 0s; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } + .search .search-btn:before { content: ""; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; left: 0; position: absolute; text-indent: 0; top: 0; } + .search .search-btn:hover { color: #FC5C3C; } + .search.search-open .search-btn:before { content: ""; } + .search-box { background: #fff; display: block; margin: 0; opacity: 0 !important; padding: 15px; position: absolute; right: 0; top: 100%; transition: visibility 300ms ease 0s, opacity 300ms ease 0s; visibility: hidden; width: 327px; z-index: 888; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; transform-origin: 0 0; transition: all 400ms ease; } + .search.search-open .search-box { opacity: 1 !important;visibility: visible !important; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); box-shadow: 0 0 50px rgba(0,0,0,.1); } + .search .search-box input { background: transparent; border:1px solid #eceff8; padding-left: 15px; border-radius: 3px; } + .search .search-box input:focus { background: transparent; border:1px solid #eceff8; } + .search .search-box i { cursor: pointer; font-size: 15px; position: absolute; right: 27px; top: 31px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } + .search .search-box i:hover { color: #FC5C3C; } + +/*cart*/ +.cart { opacity: 0; visibility: hidden; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,.1); position: absolute; right: 0; margin-top: 0px; right: 0; width: 300px; border: 1px solid #eceff8; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; + transform-origin: 0 0; transition: all 400ms ease;} +.cart.cart-open {-webkit-transform: rotateX(0deg); transform: rotateX(0deg);opacity: 1; visibility: visible; } +.cart:before { bottom: 100%; right: 8px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(194, 225, 245, 0); + border-bottom-color: #fff; border-width: 6px; margin-left: -8px; } +.cart-title { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; } +.cart-item { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; position: relative; } +.cart-item .cart-image { display: table-cell; padding-right: 15px; } +.cart-item .cart-image img { height: 40px; } +.cart-item .cart-name { display: table-cell; vertical-align: top; } +.cart-item .cart-name a { display: block; color: #323232; } +.cart-item .cart-name a:hover { color: #FC5C3C; } +.cart-item .cart-name span { color: #323232; display: inline-block; } +.cart-item .cart-name strong { padding-left: 30px; } +.cart-price del { font-size: 14px; background: transparent; color: #323232; padding-left: 0; } +.cart-price ins { text-decoration: none; color: #FC5C3C; font-size: 16px;font-weight: bold; } +.cart-total { padding: 20px; text-align: center; background: #f7f7f7; } +.cart-total h6 { text-align: center; } +.cart-total a { display: inline-block; margin-top: 20px; padding: 6px 18px; margin: 0; } +.cart-total a.button { display: inline-block; } +.cart-total .button + .button { margin: 0; } +.cart-item .cart-close { position: absolute; right: 20px; top: 20px; } +.cart-item .cart-close a { font-size: 14px; } +.cart-item .cart-close a:hover { color: #323232; } + +/*mega-menu */ +.mega-menu .menu-logo { padding: 25px 0 25px; } +.mega-menu .menu-logo img { height: 40px; } +.mega-menu .drop-down-multilevel.right-menu { right: 0px; } +.mega-menu > section.menu-list-items { padding: 0; } +.mega-menu .menu-links > li > a { text-transform: uppercase; font-size: 16px; font-weight: 600; line-height: 20px; } +.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; } +.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down a { color: #323232; } +.mega-menu .menu-links > li.active .drop-down li.active a { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down a:hover { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down li.active a i { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down a i:hover { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #f7f7f7; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #FC5C3C; } +.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #FC5C3C; } +.mega-menu .row { margin-left: 0px; margin-right: 0px; } +.mega-menu .col-md-12 { padding-left: 0px; padding-right: 0px; } +.mega-menu.desktopTopFixed .menu-logo { padding: 0px; } +.mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } +.mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } + +/*fullWidth*/ +.header.fullWidth .container-fluid { padding: 0 60px; } + +/*light*/ +.header.light { background: #ffffff; position: relative; border-bottom: 3px solid #006EBD;} +.header.light .topbar ul li { color: #333; } +.header.light .topbar ul li a { color: #333; } +.header.light .mega-menu .menu-links > li > a { color: #333; } +.header.light .mega-menu .menu-links > li > a:hover { color: #FC5C3C; font-weight: bold;} +.header.light .mega-menu .menu-links > li.active > a { color: #FC5C3C; font-weight: bold;} +.header.light .topbar {/*background-color:#e8e8e8;*/ border-bottom: 1px solid #d1d1d1;} +.header.light .search-cart i.icon { color: #323232; } +.header.light .search-cart i.icon:hover { color: #FC5C3C; } +.header.light .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; border-bottom: 3px solid #006EBD;} +.header.light .search .search-btn { color: #323232; } +.header.light .search .search-btn:hover { color: #FC5C3C; } + +/*dark*/ +.header.dark { background: #323232; position: relative; } +.header.transparent { background: rgba(0, 0, 0, 0.4); position: absolute; width: 100%; z-index: 999; } + +/*left-menu*/ +.header.left-menu .menu-bar { float: none; } +.header.left-menu .menu-links { padding-left: 30px; } +.header.left-menu .search-cart { float: right; } + +/*logo-center*/ +.header.logo-center .mega-menu { min-height: 170px; } +.header.logo-center .menu-logo { float: none; display: block; text-align: center; } +.header.logo-center .mega-menu .menu-logo > li > a { float: none; } +.header.logo-center .mega-menu .menu-logo > li { float: none; } +.header.logo-center .mega-menu img { float: none; margin: 0 auto; } +.header.logo-center .menu-bar { float: none; } +.header.logo-center .search-cart { float: right; } +.header.logo-center .mega-menu.desktopTopFixed .menu-logo { float: left; display: inline-block; } +.header.logo-center .mega-menu.desktopTopFixed .menu-logo > li > a { float: left; } +.header.logo-center .mega-menu.desktopTopFixed img { float: left; margin: 0 auto; } +.header.logo-center .mega-menu.desktopTopFixed .menu-bar { float: right; border-top: 0px solid rgba(0, 0, 0, 0.1); } +.header.logo-center .mega-menu.desktopTopFixed .search-cart { float: right; } + +/*fancy */ + +.header.fancy { background: transparent; position: relative; border-bottom: 0; } +.header.fancy .topbar { background: #FC5C3C; padding: 15px 0px 70px; } +.header.fancy .topbar .topbar-right li a:hover { color: #323232; } +.header.fancy .search-cart i.icon { color: #323232; line-height: 20px; } +.header.fancy .topbar-call ul li i { color: #ffffff; } +.header.fancy .mega-menu .menu-logo { padding: 26px 0px; } +.header.fancy .menu { position: absolute; width: 100%; top: 30px; } +.header.fancy .topbar + .menu { top: 60px; } +.header.fancy .mega-menu > section.menu-list-items { background: #ffffff; padding: 0px 25px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } +.header.fancy .mega-menu.desktopTopFixed > section.menu-list-items { border-bottom: 1px solid #f6f6f6; } +.header.fancy .topbar ul li a:hover { color: #323232;} + +.header.fancy .mega-menu .menu-links > li > a { color: #323232; line-height: 20px; } +.header.fancy .mega-menu .menu-links > li > a:hover { color: #FC5C3C; } +.header.fancy .mega-menu .menu-links > li.active > a { color: #FC5C3C; } +.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #ffffff; } +.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #323232; } +.header.fancy .mega-menu.desktopTopFixed .menu-logo { padding: 0; } +.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 20px; } +.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } +.header.fancy .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } +.header.fancy .search-cart i.icon:hover { color: #FC5C3C; } +.header.fancy .search .search-btn { color: #323232; } +.header.fancy .search .search-btn:hover { color: #FC5C3C; } +.header.fancy .mega-menu.desktopTopFixed .drop-down.grid-col-5 { width: 21.66666666666667%; } +.header.fancy .search-box { margin-top: -6px; } + +/*fancy without-topbar*/ +.header.fancy.without-topbar .menu { top: 30px; } +.header.burger .menu-icon { font-size: 30px; color: #323232; } +.header.burger .menu-icon:hover { color: #FC5C3C; } +.header.burger { position: absolute; z-index: 999; width: 100%; padding: 30px 30px; } +.header.burger .logo { display: inline-block; } +.header.burger .logo img { height: 50px; } + +/*side-menu-icon*/ +.side-menu-icon { display: inline-block; } +.side-menu-icon .menu-icon { font-size: 16px; color: #ffffff; padding-left: 15px; } +.side-menu-icon .menu-icon:hover { color: #FC5C3C; } + +/************************* + header text-dark +*************************/ +.header.text-dark .topbar ul li { color: #323232; } +.header.text-dark .topbar ul li a { color: #323232; } +.header.text-dark .topbar ul li a:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li > a { color: #323232; } +.header.text-dark .mega-menu .menu-links > li > a:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active > a { color: #FC5C3C; } +.header.text-dark .topbar { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } +.header.text-dark .search-cart i.icon { color: #323232; } +.header.text-dark .search-cart i.icon:hover { color: #FC5C3C; } +.header.text-dark .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; } +.header.text-dark .search .search-btn { color: #323232; } +.header.text-dark .search .search-btn:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .drop-down-multilevel { background: #323232; } +.header.text-dark .mega-menu .drop-down.menu-bg, .header.text-dark .mega-menu .drop-down-tab-bar { background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png); + background-repeat: no-repeat; background-position: 120% 0; } +.header.text-dark .mega-menu .drop-down, .header.text-dark .mega-menu .drop-down-tab-bar { background: #323232; } +.header.text-dark .mega-menu .drop-down a, .header.text-dark .mega-menu .drop-down-tab-bar a { color: #ffffff; } +.header.text-dark .mega-menu .drop-down i.fa, .header.text-dark .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; } +.header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.text-dark .mega-menu .drop-down-multilevel a { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel li:hover { background: #282828; } +.header.text-dark .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important; background-repeat: no-repeat; background-position: right;} +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #282828; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #FC5C3C; } +.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #FC5C3C; + background: #282828; } +.header.text-dark .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; } +.header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #FC5C3C; } +.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #FC5C3C; } +/*dark-dropdown*/ +.header.dark-dropdown .mega-menu .drop-down-multilevel { background: #323232; } +.header.dark-dropdown .mega-menu .drop-down.menu-bg, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png); + background-repeat: no-repeat; background-position: 120% 0; } +.header.dark-dropdown .mega-menu .drop-down, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: #323232; } +.header.dark-dropdown .mega-menu .drop-down a, .header.dark-dropdown .mega-menu .drop-down-tab-bar a { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.dark-dropdown .mega-menu .drop-down-multilevel a { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel li:hover { background: #282828; } +.header.dark-dropdown .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important; background-repeat: no-repeat; background-position: right;} +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #FC5C3C; background: #282828; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #FC5C3C; + background: #282828; } +.header.dark-dropdown .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; } +.header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #FC5C3C; } +.header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #FC5C3C; } +/*label*/ +.header .label.label-default, .header .label.label-primary, .header .label.label-success, .header .label.label-info, .header .label.label-warning, .header .label.label-danger { color: #fff; padding: 0px 5px; line-height: 14px; display: inline-block; } + + +/************************* + one page +*************************/ +header.one-page { position: absolute; width: 100%; z-index: 999; } +.navbar-inverse { background: transparent; border: 0; } +.navbar-brand { height: auto; padding: 25px 0; } +.navbar .navbar-brand img { height: 40px; } +.navbar { min-height: 80px; } +.navbar-nav { float: right; } +.navbar-inverse .navbar-nav>li { padding: 35px 15px; } +.navbar-inverse .navbar-nav>li>a { color: #ffffff; padding: 0; text-transform: capitalize; } +.navbar-inverse .navbar-nav>li>a:hover { color: #FC5C3C; } +.navbar.affix { width: 100%; background: #323232; } +.navbar.affix { width: 100%; background: #323232; } +.navbar { min-height: inherit !important; } +.navbar.affix .navbar-brand img { height: 30px; } +.navbar.affix .navbar-brand { padding: 15px 0; } +.navbar.affix .navbar-nav>li { padding: 20px 15px; } + .navbar-nav>li>a { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } + +/*vertical-header*/ +.vertical-header .container-fluid { padding: 0 80px; } +.menu-responsive { display: none; } +.vertical-header .navbar { overflow-y: scroll; overflow-x: hidden; height: 100%;} +.vertical-header { padding-left: 260px; } +.header.vertical-menu { position: fixed; left: 0; top: 0; width: 260px; min-height: 100%; background: #212121; z-index: 999; -o-transition: all 1s; -webkit-transition: all 1s; + transition: all 1s; } +.header.vertical-menu .menu-bar { float: none; } +.mega-menu.vertical-left, .mega-menu.vertical-right { float: none; } +.menu-widgets { position: absolute; bottom: 20px; } +.menu-widgets .social-icons.border li a { border:2px solid; line-height: 30px; } +.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #FC5C3C; } +header.one-page.vertical-menu { position: fixed; left: 0; top: 0; height: 100%; background: #212121; width: 260px; padding: 30px; } +header.one-page.vertical-menu .navbar-header { float: none; margin-bottom: 20px; } +header.one-page.vertical-menu .navbar-nav { float: none; } +header.one-page.vertical-menu .navbar-nav>li { display: block; float: none; } +header.one-page.vertical-menu .navbar-inverse .navbar-nav>li { padding: 15px 0px; } +header.one-page.vertical-menu .navbar-collapse { padding: 0; } +header.one-page.vertical-menu .menu-widgets { padding: 0px; } + +header.one-page.light { position: relative; background: #ffffff; } +header.one-page.light .navbar { margin-bottom: 0; } +header.one-page.light .navbar-inverse .navbar-nav>li>a { color: #323232; } +header.one-page.light .navbar-inverse .navbar-nav>li>a:hover { color: #FC5C3C; } +header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #FC5C3C; } + +header.one-page.light .navbar-inverse .navbar-collapse, header.one-page.light .navbar-inverse .navbar-form { background: #ffffff; } +header.one-page.light .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a { padding: 5px 10px; -o-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; } +header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #FC5C3C; -webkit-box-shadow: inset 178px 0px 0px 0px #FC5C3C; -o-box-shadow: inset 178px 0px 0px 0px #FC5C3C; -ms-box-shadow: inset 178px 0px 0px 0px #FC5C3C; -moz-box-shadow: inset 178px 0px 0px 0px #FC5C3C; color: #fff; transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -moz-transition: all 0.9s ease-in; -ms-transition: all 0.9s ease-in; -o-transition: all 0.9s ease-in; } + +.one-page.nav-center .navbar-collapse.collapse { text-align: center; } +.one-page.nav-center .navbar-nav { float: none; display: inline-block; } +.one-page.transparent { background: rgba(0, 12, 27, 0.5); } +.one-page.transparent .navbar { margin-bottom: 0; } + +/*dark-text*/ +.one-page.dark-text .navbar-inverse .navbar-nav>li>a { color: #323232; } +.one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #d12326; } +.one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover { color: #d12326; } +.one-page.dark-text .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } + +/*mega menu vertical*/ +.vertical-menu .menu .menu-logo { padding: 50px 20px; } +.vertical-menu .menu .mega-menu .menu-links > li > a { padding: 0 23px; } +.vertical-menu .menu-widgets { padding: 20px; } + + @media (min-width: 1101px) { +.mega-menu { min-height: inherit; } +.mega-menu > section.menu-list-items { float: none; } +.mega-menu > section.menu-list-items > .container, +.mega-menu > section.menu-list-items > .container > .row, +.mega-menu > section.menu-list-items > .container > .row > div { height: 100%; } +.mega-menu > section.menu-list-items .menu-bar { height: 100%; } +.mega-menu > section.menu-list-items .menu-bar > ul{ display: table !important; height: 100%; } +.mega-menu > section.menu-list-items .menu-bar > ul > li { display: table-cell; vertical-align: middle; float: none; } +.mega-menu .drop-down, .mega-menu .drop-down-tab-bar, .mega-menu .drop-down-multilevel { top: 100%; } +.mega-menu > section.menu-list-items .search-cart { height: 100%; } +.mega-menu > section.menu-list-items .search-cart .search { vertical-align: middle; display: table; height: 100%; float: left; } +.header .search .search-btn { display: table-cell; vertical-align: middle; position: relative; width: 10px; float: none; clear: both; height: 100%; } +.search .search-btn:before { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } +.search-cart .shpping-cart { display: table; float: left; height: 100%; } +.shpping-cart a { position: relative; display: table-cell; vertical-align: middle; } +.shpping-cart strong.item { display: block; position: absolute; top: 50%; border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); margin-top: -10px; } +.cart { top: 100%; } +.mega-menu > section.menu-list-items > .container-fluid, +.mega-menu > section.menu-list-items > .container-fluid > .row, +.mega-menu > section.menu-list-items > .container-fluid > .row > div { height: 100%; } +.logo-center .mega-menu > section.menu-list-items .menu-bar > ul { height: auto; } +.logo-center .mega-menu > section.menu-list-items .menu-bar > ul > li { display: inline-block; } +.logo-center .mega-menu > section.menu-list-items .search-cart { height: auto; } +.logo-center .mega-menu > section.menu-list-items .menu-bar { height: auto; } +.logo-center .mega-menu .drop-down, .logo-center .mega-menu .drop-down-tab-bar, .logo-center .mega-menu .drop-down-multilevel { top: auto; } +.logo-center .mega-menu .menu-links > li > a { line-height: 72px; } +.logo-center.header .search .search-btn { line-height: 72px; } +.logo-center .search-cart i.icon { line-height: 72px; } +.logo-center .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 60px; } +.logo-center .mega-menu.desktopTopFixed .search .search-btn { line-height: 60px; } +.logo-center .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 60px; } +.logo-center .search .search-btn:before { top: inherit; transform: inherit; } +.logo-center .search-cart .shpping-cart { float: right; } + +.vertical-menu .mega-menu > section.menu-list-items .menu-bar { height: auto; } +.vertical-menu .mega-menu > section.menu-list-items .menu-bar > ul > li { display: block; } +.search-cart .side-menu-icon { display: table; float: left; height: 100%; } +.side-menu-icon .menu-icon { position: relative; display: table-cell; vertical-align: middle; } + +.header.light .mega-menu { min-height: 90px; } + +} + +/************************************* + Slider (all home page main sliders ) + **************************************/ +.rev-slider { overflow: hidden; position: relative; } + + + /*slider 10*/ +#rev_slider_14_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; } + #rev_slider_14_1 .zeus .tp-bullet{box-sizing:content-box; -webkit-box-sizing:content-box; border-radius:60%; background-color:rgba(255,255,255,0.5); -webkit-transition:opacity 0.3s ease; transition:opacity 0.3s ease; width:14px;height:14px; border:0px solid rgb(255,201,4)}#rev_slider_14_1 .zeus .tp-bullet:after{content:""; position:absolute; width:100%; height:100%; left:0; border-radius:60%; background-color:rgb(255,201,4); -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:-webkit-transform 0.3s ease; transition:transform 0.3s ease}#rev_slider_14_1 .zeus .tp-bullet:hover:after,#rev_slider_14_1 .zeus .tp-bullet.selected:after{-webkit-transform:scale(1.2); transform:scale(1.2)}#rev_slider_14_1 .zeus .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{width:135px; height:60px; position:absolute; background:#000; background:rgba(0,0,0,0.5); bottom:13px; margin-bottom:10px; transform:translateX(-50%); -webkit-transform:translateX(-50%); box-sizing:border-box; background-size:cover; background-position:center center; visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; border-radius:4px}#rev_slider_14_1 .zeus .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(-50%); -webkit-transform:translateX(-50%)}#rev_slider_14_1 .zeus .tp-bullet-title{color:rgb(255,255,255); text-align:center; line-height:15px; font-size:13px; font-weight:600; z-index:3; visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; position:absolute; bottom:45px; width:135px; vertical-align:middle}#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-imageoverlay{opacity:1; visibility:visible; -webkit-transform:translateY(0px) translateX(-50%); transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{bottom:auto; margin-right:10px; margin-bottom:0px; right:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title{bottom:auto; right:100%; margin-right:10px}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-imageoverlay{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{bottom:auto; margin-left:10px; margin-bottom:0px; left:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title{bottom:auto; left:100%; margin-left:10px}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{bottom:auto; top:13px; margin-top:10px; margin-bottom:0px; left:0px; transform:translateY(0px) translateX(-50%); -webkit-transform:translateX(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet:hover .tp-bullet-image{transform:scale(1) translateY(0px) translateX(-50%); -webkit-transform:scale(1) translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateY(0px) translateX(-50%); -webkit-transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title{bottom:auto; top:13px; margin-top:20px} +#rev_slider_14_1 .uranus.tparrows{width:50px; height:50px; background:rgba(255,255,255,0)}#rev_slider_14_1 .uranus.tparrows:before{width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s}#rev_slider_14_1 .uranus.tparrows:hover:before{opacity:0.75} + + +/************************************* + slider-parallax one page +**************************************/ +.slider-parallax { height: 86vh; position: relative; } +.slider-content-middle { position: absolute; display: inline-block; width: 100%; top: 50%; left: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); + -ms-transform: translate(0,-50%);-o-transform: translate(0,-50%); transform: translate(0,-50%); } +/*scroll-down*/ +.scroll-down { text-align: center; width: 34px; height: 58px; display: inline-block; border-radius: 20px; border:2px solid #fff; position: absolute; left: 50%; bottom: 60px; +margin-left: -17px; line-height: 50px; } +.scroll-down i { height: 10px; width: 4px; background: #fff; display: inline-block; border-radius: 3px; -webkit-animation-name:fadebounce; -moz-animation-name:fadebounce; -ms-animation-name:fadebounce; -o-animation-name:fadebounce; animation-name:fadebounce; -webkit-animation-duration:3s; -moz-animation-duration:3s; -ms-animation-duration:3s; -o-animation-duration:3s; + animation-duration:3s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; + animation-iteration-count:infinite; } +@-moz-keyframes fadebounce { +0% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; } +50% { -moz-transform:translateY(25px); transform:translateY(25px); opacity:1; } +100% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@-webkit-keyframes fadebounce { +0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } +50% { -webkit-transform:translateY(25px); transform:translateY(25px); opacity:1; } +100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@-o-keyframes fadebounce { +0% { -o-transform:translateY(0); transform:translateY(0); opacity:1; } +50% {-o-transform:translateY(25px);transform:translateY(25px);opacity:1; } +100% {-o-transform:translateY(0);transform:translateY(0);opacity:1; } +} +@-ms-keyframes fadebounce { +0% { -ms-transform:translateY(0); transform:translateY(0); opacity:1; } +50% {-ms-transform:translateY(25px);transform:translateY(25px);opacity:1; } +100% {-ms-transform:translateY(0); transform:translateY(0); opacity:1; } +} +@keyframes fadebounce { +0% { transform:translateY(0); opacity:1; } +50% {transform:translateY(25px);opacity:1; } +100% {transform:translateY(0);opacity:1; } +} + +/*personal-typer-banner*/ + .personal-typer-banner span.sub-text { font-size: 22px; line-height: 22px; margin-bottom: 16px; display: block; } + .personal-typer-banner b { border-bottom: 2px solid #FC5C3C; } + .personal-typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; color: #FC5C3C; } + .personal-typer-banner h1 span { color: #ffffff; font-size: 50px; display: inline-block; transform: rotate(-90deg); line-height: 50px; position: relative; top: -11px; left: -20px; } + .personal-typer-banner h2 { border-left: 3px solid #FC5C3C; padding-left: 10px; margin-top: 20px; } + +/*typer-banner*/ +.typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; } +.typer-banner p { font-size: 22px; line-height: 22px; } +.slider-content .typer { color: #FC5C3C !important; } + +/*popup-video-banner*/ +.popup-video-banner h1 { font-size:60px; line-height:80px; font-weight: 400; } +.popup-video-banner a span{ margin-left: 6px; width: 50px; height: 50px; line-height: 50px; display: inline-block; text-align: center; background: #ffffff; color: #FC5C3C; border-radius: 50%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } +.popup-video-banner a:hover span { background: #FC5C3C; color: #ffffff; } +.popup-video-banner a strong { padding-left:10px; display: inline-block; } + + /*video-background-banner*/ +#video-background.bg-overlay-black-50:before { z-index: 0; } +.video-background-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; text-transform: uppercase; } +.video-background-banner .slider-content { border:20px solid #FC5C3C; width: 50%; margin: 0 auto; padding: 60px 30px; } +.video-background-banner .slider-content span { font-size: 22px; line-height: 22px; color: #ffffff; display: block; margin-bottom: 20px; } +.video-background-banner .slider-content p { font-size: 18px; line-height: 22px; color: #ffffff; margin-top: 20px; } + +/* portfolio-banner*/ +.portfolio-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; } +.portfolio-banner .slider-content { background: #ffffff; width: 50%; margin: 0 auto; padding: 60px 30px; box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.02); } +.portfolio-banner .slider-content span { text-transform: uppercase; letter-spacing: 10px; font-size: 18px; line-height: 18px; display: block; margin-bottom: 20px; font-weight: 600; } +.portfolio-banner .slider-content span i { line-height: 20px; } +.portfolio-banner .slider-content h1 { font-size: 70px; margin-bottom: 0; } + + /************************************* + Background + **************************************/ +/*images background*/ + .white-bg { background: #fff; } + .gray-bg { background: #666; } + .dark-gray-bg { background: #666666; } + .theme-bg { background: #FC5C3C; } + .black-bg { background: #323232; } + .dark-theme-bg { background: #050801; } + + .bg-overlay-black-10:before { background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-20:before { background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-30:before { background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-40:before { background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-50:before { background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-60:before { background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-70:before { background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-80:before { background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-90:before { background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-10:before { background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-20:before { background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-30:before { background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-40:before { background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-50:before { background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-60:before { background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-70:before { background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-80:before { background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-white-90:before { background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-20:before { background: rgba(132,186,63, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-50:before { background: rgba(132,186,63, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-70:before { background: rgba(132,186,63, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-theme-90:before { background: rgba(132,186,63, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } + .bg-overlay-black-10, .bg-overlay-black-20, .bg-overlay-black-30, .bg-overlay-black-40, .bg-overlay-black-50, .bg-overlay-black-60, .bg-overlay-black-70, .bg-overlay-black-80, .bg-overlay-black-90, .bg-overlay-white-10, .bg-overlay-white-20, .bg-overlay-white-30, .bg-overlay-white-40, .bg-overlay-white-50, .bg-overlay-white-60, .bg-overlay-white-70, .bg-overlay-white-80, .bg-overlay-white-90, .bg-overlay-theme-20, .bg-overlay-theme-50, .bg-overlay-theme-70, .bg-overlay-theme-90, { position: relative; } + + +/************************************* + home page section + **************************************/ +.our-service-home { padding-bottom: 230px; } +.custom-content { margin-top: -220px; background: #FC5C3C; position: relative; z-index: 9; padding: 50px;} + +/************************************* + decolines + **************************************/ +.decolines { pointer-events: none; position: absolute; width: 100%; height: 100%; top: 0;left: 0; pointer-events: none; } +.decolines--fixed { position: fixed; width: 100vw;height: 100vh; } +.decoline { position: absolute; } + +/************************************* + feature step + **************************************/ +.feature-step h1 { font-size: 60px; } +.feature-step h3 { font-weight: 300; margin: 30px 0px 20px; } +.feature-step a { font-size: 14px; color: #FC5C3C; } +.feature-step a:hover { color: #323232; } + +.feature-step-2-box { padding: 70px 30px; z-index: 99; position: relative; } +.feature-step-2.bg-01 { background: url(../images/blog/05.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-02 { background: url(../images/blog/06.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-03 { background: url(../images/blog/09.jpg); background-repeat: no-repeat; background-size: cover; } +.feature-step-2.bg-overlay-black-50:before { z-index: 0; } +.feature-step-2 .feature-step-2-title-left h1 { font-size: 75px; line-height: 60px; color: #ffffff; } +.feature-step-2 h3 { margin-bottom: 0; } +.feature-step-2 h2{font-weight: 200; position: relative; padding-bottom: 10px; font-size: 28px; } +.feature-step-2 img {display: block; width: 100%;} +.feature-step-2 .button { margin-top: 20px; } +.feature-step-2 .feature-step-2-title-left {opacity: 0.5; display: table-cell; padding-right: 26px; } +.feature-step-2-title-2-right { display: table-cell; vertical-align: top; } +.feature-step-2.black-bg .feature-step-2-box, .feature-step-2.theme-bg .feature-step-2-box{position: inherit; top: inherit; transform: inherit; display: inline-block;} +.service-blog { padding-top: 50px; padding-right: 25px; margin-bottom: 100px; } +.service-blog p { position: relative; z-index: 9; margin-top: 20px; margin-bottom: 20px; } +.service-blog b {position: absolute; z-index: 0; top: -35px; font-family: 'Poppins', sans-serif; right: -35px; font-size:300px; color: #dde1eb; line-height: normal; opacity: 0.3;} +.service-blog ul { border-right: 6px solid #FC5C3C; padding-right: 20px; } +.service-blog li { color: #626262; font-size: 16px; line-height: 22px; padding: 2px 0 7px; } +.service-blog.left b{left:-35px; right: inherit;} +.service-blog.left ul{border-left:6px solid #FC5C3C;border-right:0 none;padding-left:20px;padding-right:0;} +/*split-section*/ +.split-section { position: relative; z-index: 10; } +.split-section .img-holder { position: absolute; top: 0; width: 100%; height: 100%; } +.split-section .img-side.img-right { right: 0; } +.split-section .img-side.img-left { left: 0; } +.split-section .img-side { right: 0; padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100; } + .our-awesome-core .img-side { top: 20px; } + + /************************************* + about us + **************************************/ +.who-we-are-left .owl-carousel .owl-dots { bottom: 26px; position: absolute; } +.who-we-are-left .owl-carousel.owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; border-radius: 50%; } + + /************************************* + resume + **************************************/ +.resume-page .container-fluid { padding: 0 70px; } +.resume-block .resume-icon { float: left; margin-right: 30px; } +.resume-block .resume-icon span { font-size: 30px; line-height: 50px; color: #FC5C3C; } +.resume-block .resume-name { display: table-cell; } +.resume-block .resume-name span { color: #9ea8b6; font-size: 16px; } +.resume-contact #map { padding-top: 120%; } +.resume-contact .contact-form-main { padding: 80px 80px; } +.resume-contact .footer-widget-social a i { color: #ffffff; background: rgba(43, 43, 43, 0.12); width: 45px; height: 45px; line-height: 45px; } +.resume-contact .footer-widget-social a i:hover { background: rgba(43, 43, 43, 0.19); } + + /************************************* + portfolio + *************************************/ + .isotope-filters { display: table; margin:0px 0px 30px 0px; text-align: left; } +.isotope-filters.text-left { display: block; margin: 0px 0px 30px 0px; text-align: left; } +.isotope-filters button { margin: 4px; cursor: pointer; padding: 6.5px 16px; font-size: 14px; background: transparent; border-radius: 18px; color: #363636; font-weight: 600; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } +.isotope-filters button:focus { outline: none; outline-style: none; outline-offset:0; } +.isotope-filters button.active, .isotope-filters button:hover { background: #FC5C3C; color: #fff; border-color: #FC5C3C; } +.isotope-filters button+button { margin-left: px; background-color: #fff; } +.isotope, .masonry { margin: 0 -15px 0 0; } +.isotope .grid-item img { width: 100%; } +.isotope.columns-1 .grid-item { width: 100%; padding: 0 15px 15px 0; } +.isotope.columns-2 .grid-item { width: 50%; padding: 0 15px 15px 0; } +.isotope.columns-3 .grid-item { width: 33.33333333%; padding: 0 15px 15px 0; } +.isotope.columns-4 .grid-item { width: 25%; padding: 0 15px 15px 0; } +.isotope.columns-5 .grid-item { width: 20%; padding: 0 15px 15px 0; } +.isotope.no-padding .grid-item { padding: 0 !important; } +.masonry.no-padding .masonry-item { padding: 0 !important; } +.masonry .masonry-item img { width: 100%; } +.masonry.columns-2 .masonry-item { width: 50%; padding: 0 15px 15px 0; } +.masonry.columns-3 .masonry-item { width: 33.33333333%; padding: 0 15px 15px 0; } +.masonry.columns-4 .masonry-item { width: 25%; padding: 0 15px 15px 0; } +.masonry.columns-5 .masonry-item { width: 20%; padding: 0 15px 15px 0; } +.isotope.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.isotope.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } +.isotope.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.isotope.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } +.masonry.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.masonry.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } +.masonry.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } +.masonry.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } + + /************************************* + portfolio item + **************************************/ +.portfolio-title { padding: 100px 60px 30px; } +.portfolio-title span { display: block; } +.portfolio-item { width: 100%; position: relative; overflow: hidden; color: #fff; border: 0; position: relative; } +.portfolio-item img { width: 100%; -webkit-transition: -ms-transform 0.35s; -o-transform 0.35s; -moz-transform 0.35s; transition: transform 0.35s; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;} +.portfolio-item .portfolio-overlay { width: 100%; background: #FC5C3C; padding: 10px 0px; position: absolute; bottom:-80px; display: block; margin-top: 0; float: left; z-index: 9; text-align: left; padding-left: 20px; left: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item .portfolio-overlay h4 { font-weight: 600; margin-bottom: 5px; } +.portfolio-item .portfolio-overlay a:hover { color: #323232; } +.portfolio-item .portfolio-overlay span { font-weight: 400; font-size: 14px; } +.portfolio-item .portfolio-overlay span a { color: #ffffff; } +.portfolio-item .portfolio-overlay span a:hover { color: #323232; } +.portfolio-item a.popup{position: absolute; right: 20px; top: -20px; color: #fff; z-index: 9; display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 40px; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;} +.portfolio-item a.popup:hover { background: #FC5C3C; color: #ffffff; } +.portfolio-item:hover img { -webkit-transform:scale(1.20); -moz-transform:scale(1.20); -ms-transform:scale(1.20); -o-transform:scale(1.20); transform:scale(1.20); } +.portfolio-item:hover a.popup{ opacity: 1; top: 20px; } +.portfolio-item:before { content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-size: 115%; + -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.7s cubic-bezier(.68,.11,.13,.98); + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.owl-carousel .owl-item .portfolio-item img { width: 100%; } + .portfolio-item.only-popup { width: 100%; text-align: center; } + .portfolio-item.only-popup a.popup { display: inline-block; left: 50%; margin-left: -20px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } +.portfolio-item:hover .portfolio-overlay { bottom: 0; } +/* no-title */ +.no-title .portfolio-item .portfolio-overlay { position: inherit; bottom: inherit; background: #f6f7f8; } +.no-title .portfolio-item .portfolio-overlay a, .no-title .portfolio-item .portfolio-overlay span { color: #323232; } +.no-title .portfolio-item .portfolio-overlay a:hover { color: #FC5C3C; } + /*portfolio pupup*/ + .mfp-bottom-bar { display: none; } +.portfolio-home .isotope { margin-bottom: 0; } + +/************************************* + portfolio-item-2 +**************************************/ +.portfolio-item-2 { width: 100%; overflow: hidden; position: relative; } +.portfolio-item-2:before { background: transparent; } +.portfolio-item-2 .portfolio-hover { padding: 20px; position: absolute; z-index: 99; bottom: 0px; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-name { position: absolute; bottom: -10px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-name span { font-size: 14px; color: #fff; display: block; } +.portfolio-item-2 .portfolio-hover .hover-name a { font-size: 22px; text-transform: uppercase; color: #fff; display: block; margin-top: 5px; } +.portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #FC5C3C; } +.portfolio-item-2 .portfolio-hover .hover-icon { position: absolute; bottom: -10px; right: 30px; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; } +.portfolio-item-2 .portfolio-hover .hover-icon a { color: #fff; } +.portfolio-item-2 .portfolio-hover .hover-icon a:hover { color: #FC5C3C; } +.portfolio-item-2:hover .portfolio-hover { opacity: 1; background: rgba(0, 0, 0, 0.9); } +.portfolio-item-2 img { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } +.portfolio-item-2:hover img { opacity: 0.1; -webkit-transform:scale(1.10); -moz-transform:scale(1.10); -ms-transform:scale(1.10); -o-transform:scale(1.10); transform:scale(1.10); } +.portfolio-item-2:hover .portfolio-hover .hover-name { bottom: 30px; } +.portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: 40px; } +.no-title .portfolio-item-2 { overflow: visible; } +.no-title .portfolio-item-2 .portfolio-hover { position: inherit; border: inherit; opacity: 1; background: #f6f7f8; clear: both; } +.no-title .portfolio-item-2:hover .portfolio-hover { bottom: inherit; background: inherit; background: #f6f7f8; } +.no-title .portfolio-item-2 .portfolio-hover .hover-name { bottom: inherit; position: inherit; display: inline-block; clear: both; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon { bottom: inherit; position: inherit; display: inline-block; float: right; padding-top: 20px; text-align: right;} +.no-title .portfolio-item-2:hover .portfolio-hover .hover-name { bottom: inherit; } +.no-title .portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: inherit; } +.no-title .portfolio-item-2:hover img { opacity: 1; -webkit-transform:inherit; -moz-transform:inherit; -ms-transform:inherit; -o-transform:inherit; transform:inherit; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon a, .no-title .portfolio-item-2 .portfolio-hover .hover-name span, .no-title .portfolio-item-2 .portfolio-hover .hover-name a { color: #323232; } +.no-title .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .no-title .portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #FC5C3C; } + + /************************************* + Portfolio single page +**************************************/ + /*tags*/ +.tags h5 { display: inline-block; padding-right: 20px; } +.tags ul { display: inline-block; } +.tags li { display: inline-block; } +.tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } + +/*share*/ +.share .social ul { display: inline-block; } +.share .social ul li { display: inline-block; padding: 0px 6px; } +.share .social ul li a:hover { color: #353535; } + +/*port-meta*/ +.port-meta ul { margin-bottom: 30px; } +.port-meta li { margin-bottom: 20px; font-size: 16px; } +.port-meta li b { color: #FC5C3C; width: 200px; font-weight: 400; width: 100px; display: inline-block; } +.port-meta li span { font-weight: normal; } +.port-info p { margin-bottom: 0px; } + +/*port-navigation*/ +.port-navigation { padding: 20px 0; border-bottom:1px dashed #d0d0d0; border-top: 1px dashed #d0d0d0;} +.port-navigation a { color: #626262; } +.port-arrow { height: 74px; width: 40px; text-align: center; background: #f7f7f7; display: inline-block;} +.port-arrow i { text-align: center; font-size: 25px; line-height: 75px;} +.port-photo { width: 124px; height: 77px; display: inline-block; } +.port-photo img { width: 100%; } + +/*port-post*/ +.port-post { background: #f7f7f7; padding: 15px; } +.port-post-photo { width: 170px; display: inline-block; float: left; margin-right: 20px; } +.port-post-photo img { width: 100%; } + +/*port-post-info*/ +.port-post-info { padding-left: 190px;} +.port-post-info h3 { display: inline-block; font-size: 24px; } +.port-post-info span { color: #626262; } +.port-post-social strong { font-size: 14px; } +.port-post-social a { color: #626262; margin-left: 8px; font-size: 14px; } +.port-post-social a:hover { color: #FC5C3C; } +.port-post-info p { margin-top: 10px; } +.port-singal .owl-carousel .owl-item img { width: 100%; } + +/************************************* + Our Blog + **************************************/ + /*Blog 1*/ +.blog-box { padding: 30px; border:1px solid #ddd; position: relative; z-index: 1; } +.blog-info { position: relative; z-index: 9; } +.blog-info span { color: #626262; font-size: 14px; margin-right: 6px; } +.blog-info h4 { font-weight: 600; font-size: 18px;} +.blog-box .post-format-icon{text-align: right; position: relative; z-index: 9} +.blog-box .post-format-icon i { padding-right: 0; font-size: 35px; color: #e1e1e1; } +.blog-info p { padding: 0px 0 10px; font-size: 14px; } +.blog-box .post-category a { display: inline-block; padding: 5px 15px; font-size: 12px; text-transform: uppercase; font-weight: 700; border-radius: 50em; color:#fff; background-color: #FC5C3C; -webkit-transition: all 0.3s ease; -moz-transition: ll 0.3s ease; transition: all 0.3s ease; margin-bottom: 20px;} +a.blog-btn { text-align: center; font-size: 14px; color: #FC5C3C; display: block; padding-bottom: 12px; position: relative; z-index: 1; } +a.blog-btn i { margin-left: 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-box .border { position: absolute; background: #FC5C3C; height: 0px; bottom: 0; left: 0; z-index: 0; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-box .blog-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background-size: cover; background-position: center center; } +.blog-box:hover .blog-box-img, .blog-box.active .blog-box-img { opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.blog-1:hover h4, .blog-1:hover i, .blog-1:hover span, .blog-1:hover p, .blog-1:hover a.blog-btn, .blog-1.active h4, .blog-1.active i, .blog-1.active span, .blog-1.active p, .blog-1.active a.blog-btn,.blog-1:hover .post-category a,.blog-1:hover .post-format-icon i,.blog-1.active .post-category a,.blog-1.active .post-format-icon i { color: #fff; } +.blog-box:hover .blog-box-img:before, .blog-box.active .blog-box-img:before { background: rgba(0, 0, 0, 0.6); color: #fff; content: ""; display: inline-block; height: 100%; + left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } +.blog-box.blog-2 {padding: 0; position: relative; border:none; transition: all 0.5s ease 0s; height: 100%; } +.blog-box.blog-2 .blog-info{background: #ffffff; padding: 30px;} +.blog-box.blog-2.gray-bg .blog-info {background: #f7f7f7; } +.blog-box.blog-2 .blog-box-img{opacity: 1;} +.blog-box.blog-2 .post-format-icon{position: absolute; right: 30px; top: 30px;} +.blog-box.blog-2 .button.icon-color{text-transform: capitalize; float: right;} +.blog-box.blog-2:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);} +.blog-box.blog-2.gray-bg:hover { box-shadow: none;} +.blog-box.blog-2.transparent .blog-info { background: transparent; padding: 30px 0; } +.blog-box.blog-2.transparent .blog-info span { color: #ffffff; } + + +/*************************** + blog +***************************/ +.blog-entry { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } +.blog-entry:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } +.blog-entry .entry-image img { width: 100%; } +.blog-entry .blog-detail { background: #ffffff; padding: 30px; border-top: 0px; } +.blog-entry .blog-detail .entry-title a { font-size: 22px; font-weight: 600; line-height: 24px; color: #353535; line-height: 28px; } +.blog-entry .blog-detail .entry-title a:hover { color: #FC5C3C; } +.blog-entry .entry-meta ul li { display: inline-block; margin-right: 12px; } +.blog-entry .entry-meta ul li i { color: #FC5C3C; padding-right: 6px; } +.blog-entry .entry-meta ul li a { color: #353535; line-height: 0px; padding-right: 5px; } +.blog-entry .entry-meta ul li a i { padding-right: 6px; color: #FC5C3C; } +.blog-entry .entry-meta ul li a:hover { color: #FC5C3C; } +.blog-entry .social strong { display: inline-block; margin-right: 10px; } +.blog-entry .entry-button { display: inline-block;} +.blog-entry .social ul { display: inline-block; } +.blog-entry .social ul li { display: inline-block; padding: 0px 6px; } +.blog-entry .social ul li a:hover { color: #353535; } +.blog-entry .entry-share { margin-top: 20px; display: block; } + +/*blog-entry blockquote*/ +.blog-entry.blockquote { background: #FC5C3C; border: 0px; padding: 36px 30px; } +.blog-entry.blockquote blockquote { background: #FC5C3C; border-left: 0px; color: #ffffff; padding: 0px; position: relative; margin-top: 0 !important; padding-top: 60px; } +.blog-entry.blockquote blockquote:before { content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #ffffff; position: absolute; left: 0px; top: -20px; } +.blog-entry.blockquote .blog-detail { border: 0px; background: #FC5C3C; padding: 0px; } +.blog-entry.blockquote .blog-detail .entry-title a { color: #ffffff; } +.blog-entry.blockquote .blog-detail .entry-title a:hover { color: #323232; } +.blog-entry.blockquote .social ul li a { color: #ffffff; } +.blog-entry.blockquote .social ul li a:hover { color: #323232; } +.blog-entry.blockquote .entry-meta ul li a { color: #ffffff; } +.blog-entry.blockquote .entry-meta ul li i { color: #ffffff; } +.blog-entry.blockquote .entry-meta ul li a i { color: #ffffff !important; } +.blog-entry.blockquote .entry-meta ul li a:hover { color: #323232; } +.blog-entry.blockquote .button.arrow.white:hover { color: #323232; } + +/*video vimeo and youtube*/ +.js-video { height: 0; padding-top: 25px; padding-bottom: 54%; position: relative; overflow: hidden; } +.js-video.widescreen { padding-bottom: 34.34%; } +.js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: none; } +.js-video.big { padding-top: 30px; } + +.blog-entry .grid-post li { float: left; width: 50%; border-right: 4px solid #fff; border-bottom: 4px solid #fff; list-style: none; } +.blog-entry .grid-post li img { width: 100%; } +.blog-entry .grid-post li .portfolio-item { width: 100%; } + + /*blog-entry-audio*/ + .blog-entry .blog-entry-audio { padding: 136px 20px; background: url(../images/blog/04.jpg) no-repeat; background-position: center center; background-size: cover; } + + /*blog pages*/ + /*blog-grid-3-column*/ + .blog-grid-3-column .blog-entry .blog-entry-audio { padding: 63px 20px; } + .blog-grid-2-sidebar .blog-entry .blog-entry-audio { padding: 96px 20px; } + +/************************************* + our services +**************************************/ +.service-image-holder { position: relative; height: 496px; } +.service-image-holder .section-title-2 { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } +.services-text-box { background:#fff; padding: 10% 15%;} +.services-text-box-black { background:#363636; padding: 80px 50px !important; } +.services-text-box-green { background:#FC5C3C; padding: 80px 50px !important; } + +/************************************* + creativity +**************************************/ +.creativity h1 { line-height: 65px; text-transform: uppercase; font-size: 50px; font-weight: bold; } +.creativity p { font-size: 30px; } +.creativity .button { display: inline-block; float: none; } + .contact-map iframe { width: 100%; height: 100%; } +#formmessage {display: none;} +.contact-form .section-field { position: relative; width: 31.3%; margin-right: 3%; float: left; } +.contact-form .section-field:nth-child(3) { margin-right: 0px; } +.contact-form .section-field:nth-child(6) { margin-right: 0px; } +.contact-box.contact-box-top { margin-top: -1px; position: relative; } +.touch-in .contact-box {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); display: inline-block; margin-bottom: 0; padding: 60px 20px; width: 100%;} +.contact-box i { background: #FC5C3C; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 5px; font-size: 34px; color: #ffffff; display: inline-block;} +.contact-form .form-control {position: relative; width: 100%; margin-bottom: 20px; } +.section-field.textarea{width: 100%;} +.g-recaptcha.section-field {width: 100%; margin-bottom: 20px; } +.contact-form textarea.form-control {width: 100%; } +.contact-box .contact-icon { display: table-cell; padding-right: 20px; } +.contact-box .contact-icon i { background: transparent; line-height: normal; font-size: 34px; height: auto; width: auto;} +.contact-box.theme-bg .contact-icon i{color: #ffffff !important;} +.contact-box .contact-info { display: table-cell; vertical-align: top; padding: 0; background: none;} +.contact-2 .addresss-info p, .contact-2 .addresss-info i, .contact-2 .addresss-info li{color: #ffffff;} +.contact-2 .contact-add{padding: 80px 0} +.contact-2 .contact-add i{font-size: 40px;} +.contact-3 #map { padding-top: 101%; } +.contact-2 #map { padding-top: 100%; } +.map-side { left: 0; overflow: hidden; padding: 0; position: absolute; top: 0; z-index: 9;} +.map-side.map-right {left: auto; right: 0;} +.contact-3 .contact-add{padding: 80px 20px; } +.contact-3 .contact-add i{font-size: 40px; color: #FC5C3C;} +.contact-3 .contact-form .section-field {width: 100%;} +.contact-social ul li { display: inline-block; } +.contact-social ul li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #323232; background: #eceff8; font-size: 14px; border-radius: 3px; margin-right: 5px; } +.contact-social ul li a:hover { background: #353535 !important; color: #fff;} +.contact-3 .theme-bg.contact-add i{color: #ffffff !important;} +.footer #logo-footer { height: 30px; } +.footer-contact .footer-nav ul li a { color: #353535; } +.footer-contact .footer-nav ul li a:hover { color: #2046f2; } +.footer-contact .contact-box .contact-icon i { background: transparent; color: #FC5C3C; margin-bottom: 10px; } +.footer.footer-topbar hr { border-color: #d9d9d9; } +.footer-contact .social ul { background: #f6f7f8; } +.footer-contact .social ul li a i { color: #353535; } +.footer-contact .social ul li a i:hover { color: #2046f2; } +.footer-contact .usefull-link ul li a { color: #353535; } +.footer-contact .usefull-link ul li a:hover { color: #2046f2; } +.footer-contact { box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); margin-bottom: 80px; margin-top: -220px; padding: 60px 0; } +.footer-contact .contact-box { text-align: center; } +.footer-contact .contact-box .contact-icon { display: block; padding-right: 0; color: #2046f2; } +.footer-contact .contact-box .contact-info { display: block; background: none; padding: 0; width: 100%;} +.footer-contact .contact-box .contact-info .section-title { margin-bottom: 0px; } +.footer-contact .contact-box .contact-info h5 { color: #353535; } +.our-clients.theme-bg{padding: 60px 0 170px;} +.footer-Newsletter .form-control::-moz-placeholder { color: rgba(255,255,255,0.5); } +.footer-Newsletter .form-control::-ms-input-placeholder { color: rgba(255,255,255,0.5); } +.footer-Newsletter .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.5); } + +/************************************* + Our History +**************************************/ + .history-main { width: 100%; } + .liner { background: #fff; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: 96%; z-index: 1; position: relative; } + .liner i { position: absolute; right: -2px; top: -9px; color: #fff; } + .history-content { list-style: outside none none; padding: 125px 0; width: auto; } + .history-1 { position: relative; left: 45px; } + .history-2 { position: relative; margin-left: 30%; } + .history-3 { position: relative; margin-left:58%; } + .history-4{ position: relative; margin-left: 95%; } + .history-line { background: #fff; height: 60px; left: 3px; position: absolute; top: -75px; width: 2px; z-index: 9; } + .history-time-lin { position: relative; top: 10px; z-index: 2; } + .history-time-lin:before { bottom: 0; } + .history-time-lin:before { background: #fff; border-radius: 50%; content: ""; height: 20px; left: -5px; position: absolute; width: 20px; z-index: 1; } + .history-time-lin:after { border:2px solid #fff; background: #000; border-radius: 50%; content: ""; height: 30px; left: -5px; position: absolute; width: 30px; } + .history-time-lin:after { left: -10px; top: -25px; } + .history-item { left: -20px; position: absolute; top: -125px; } + .history-item a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } + .history-5 { position: relative; margin-left: 15%; } + .history-6 { position: relative; margin-left: 53%; } + .history-7 { position: relative; margin-left:78%; } + .history-line-2 { background: #fff none repeat scroll 0 0; height: 60px; left: 3px; position: absolute; top: 15px; width: 2px; z-index: 9; } + .history-item-2 { left: -20px; position: absolute; top: 75px; } + .history-item-2 a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } + /*Our History */ +.our-history .timeline { list-style: none; padding: 20px 0 20px; position: relative; } +.our-history .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 2px; background-color: #e6e6e6; left: 50%; margin-left: -0.5px; } +.our-history .timeline > li { margin-bottom: 20px; position: relative; } +.our-history .timeline > li:before, +.our-history .timeline > li:after { content: " "; display: table; } +.our-history .timeline > li:after { clear: both; } +.our-history .timeline > li:before, +.our-history .timeline > li:after { content: " "; display: table; } +.our-history .timeline > li:after { clear: both;} +.our-history .timeline > li > .timeline-panel { width: 46%; float: left; padding: 15px 00px 25px 00px; position: relative; } +.our-history .timeline > li > .timeline-panel:before { position: absolute; top: 23px; right: -25px; display: inline-block; width: 25px; height: 2px; background: #e6e6e6; content: " "; } +.our-history .timeline > li > .timeline-badge { color: #fff; width: 18px; height: 18px; line-height: 10px; font-size: 0.7em; text-align: center; position: absolute; top: 16px; left: 50%; + border:3px solid #FC5C3C; margin-left: -9px; background-color: #fff; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0 0 0 5px #f6f6f6; } +.our-history .timeline > li.timeline-inverted > .timeline-panel { float: right;} +.our-history .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -25px; right: auto; } +.our-history .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } + .our-history .timeline-body > p, +.our-history .timeline-body > ul { margin-bottom: 0; } +.our-history .timeline-body > p + p margin-top: 5px; +.our-history .timeline > li { text-align: right;} +.our-history .timeline > li.timeline-inverted { text-align: left;} +.our-history .timeline .timeline-arrow { position: absolute; width: 100%; left: 0.5px; right: 0; text-align: center; color: #e6e6e6; bottom: -29px; } +.our-history .timeline > li > .timeline-badge p{width: 200px; margin-top: -9px; margin-left: 25px;font-size: 17px; font-weight: bold; text-align: left;} +.our-history .timeline > li.timeline-inverted .timeline-badge p{text-align: right; float: right; margin-right: 25px;} + +/************************************* + our-service objects +**************************************/ +.our-service { position: relative; padding-bottom: 280px; z-index: 1; } +.objects-left { position: absolute; height: 100%; width: 100%; left: 0; top: 80px; z-index: -1; } +.objects-left .objects-1 { position: absolute; left: 50px; top: 0; } +.objects-left .objects-2 { position: absolute; left: 100px; bottom: 170px; } +.objects-left .objects-3 { position: absolute; left: 50%; bottom: 150px; margin-left: -150px; } +.objects-right { position: absolute; height: 100%; width: 100%; right: 0; top:80px; z-index: -1; } +.objects-right .objects-4 { position: absolute; right: 0px; top: 0; } +.objects-right .objects-5 { position: absolute; right: 0px; bottom: 170px; } +.objects-right .objects-bottom { position: absolute; right: 0px; bottom: 0; } + +/************************************* + sidebar +**************************************/ +.sidebar-widget p { margin-bottom: 0px; } +/*.widget-search */ +.widget-search { position: relative; } +.widget-search input { padding-right: 30px; color: #353535; box-shadow: none; background: #f6f7f8; } +.widget-search i { position: absolute; right: 0px; padding: 16px 22px; font-size: 14px; color: #626262; cursor: pointer; } +.widget-search input:focus { border-color: #FC5C3C; } + +/*Recent Posts*/ +.sidebar-widget .recent-post { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding-bottom: 20px; margin-bottom: 20px; } +.sidebar-widget .recent-post .recent-post-image { float: left; margin-right: 15px; } +.sidebar-widget .recent-post .recent-post-image img { width: 50px; height: 50px; border-radius: 50%; } +.sidebar-widget .recent-post .recent-post-info { overflow: hidden; } +.sidebar-widget .recent-post .recent-post-info a { display: block; margin-bottom: 5px; color: #323232; } +.sidebar-widget .recent-post .recent-post-info a:hover { color: #FC5C3C; } +.sidebar-widget .recent-post .recent-post-info span { color: #FC5C3C; font-style: italic; font-size: 14px; } +.sidebar-widget .recent-post .recent-post-info span i { padding-right: 10px; } +.sidebar-widget .recent-post:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } + +/*widget-archives*/ +.sidebar-widget .widget-categories li { display: block; margin-bottom: 6px; } +.sidebar-widget .widget-categories li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } +.sidebar-widget .widget-categories li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 10px; width: 20px; height: 20px; text-align: center; } +.sidebar-widget .widget-categories li a:hover { color: #FC5C3C; } +.sidebar-widget .widget-categories li a:hover i { border-color: #FC5C3C; color: #FC5C3C; } + +/*widget-link*/ +.sidebar-widget .widget-link li { display: block; margin-bottom: 6px; } +.sidebar-widget .widget-link li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } +.sidebar-widget .widget-link li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 20px; width: 20px; height: 20px; text-align: center; } +.sidebar-widget .widget-link li a:hover { color: #FC5C3C; } + +/*tags*/ +.sidebar-widget .widget-tags li { display: inline-block; } +.sidebar-widget .widget-tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.sidebar-widget .widget-tags li a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; } + +/*widget-testimonial*/ +.sidebar-widget .testimonial-widget .testimonial-content { background: #f6f7f8; padding: 20px; font-style: italic; border-radius: 5px; position: relative; } +.sidebar-widget .testimonial-widget .testimonial-content:before { position: absolute; content: ""; bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; +border-color: #f6f7f8 transparent transparent transparent; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar { display: table-cell; padding-right: 20px; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar img { width: 50px; height: 50px; border-radius: 50%; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name { display: table-cell; vertical-align: top; } +.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name span { display: block; font-style: italic; font-size: 14px; } +.sidebar-widget .testimonial-widget .testimonial-info:before { display: none; } + +/*widget-gallery*/ +.sidebar-widget .widget-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; } + +/*widget-newsletter*/ +.sidebar-widget .widget-newsletter { background: #f6f7f8; padding: 30px; position: relative; z-index: 9; overflow: hidden; } +.sidebar-widget .widget-newsletter .newsletter-icon { position: absolute; right: 0; top: -16px; } +.sidebar-widget .widget-newsletter .newsletter-icon i { font-size: 100px; z-index: 0; color: rgba(0, 0, 0, 0.05); } +.sidebar-widget .widget-newsletter .form-control { background: #ffffff; box-shadow: none; } + +/*widget-clients*/ +.sidebar-widget .widget-clients .item { background: #f6f7f8; padding: 30px 30px; } + +/*opening-time*/ + .opening-time ul li { font-size: 14px; line-height: 20px; color: rgba(255,255,255,0.5); border-bottom: 1px solid #262626; padding-bottom: 14px; margin-bottom: 14px; } + .opening-time ul li:last-child { border-bottom: 0; } + +/************************************* + About me +**************************************/ +.about-me .custom-content { margin-top: 0px; } +.about-me .maintenance-progress-bar { margin: 0; } +.about-me .maintenance-progress-bar .progress-bar { margin: 0 44px; } +.maintenance-progress-bar .progress-bar .rotate { background: #FC5C3C !important; } +.maintenance-progress-bar .progress-bar .right { background: #FC5C3C !important; } +.about-me .portfolio-item { width: 100%;} +.about-me .contact-me p { color: #363636; margin: 15px 0; display: table; } +.about-me .contact-me i { float: left; color: #FC5C3C; margin-right: 15px; line-height: 23px; width: 20px; } +.about-me .follow-me ul { margin-top: 20px; } +.about-me .follow-me li { display: inline-block; } +.about-me .follow-me li a { background: #e4e4e4; color: #FC5C3C; border-radius: 3px; display: block; width: 35px; height: 35px; line-height: 35px; margin-right: 2px; text-align: center; font-size: 16px; } +.about-me .follow-me li a:hover { background: #FC5C3C; color: #fff; } + +/************************************* + Team 1 page +**************************************/ +/*team-details*/ + .team-details .social{display:table;float:right;} +.team-details .social li a { background:#f7f7f7 none repeat scroll 0 0;border-radius:3px;color:#FC5C3C;display:block;font-size:15px;height:35px;line-height:35px;margin-left:0px;text-align:center;width:35px; } +.team-details .social li a:hover { background: #FC5C3C; color: #ffffff; } +.team-details .info i{color:#f7f7f7;font-size:126px;left:0;position:absolute;z-index:0;} +.team-details .info p{font-size:16px;font-style:italic;line-height:28px;padding-left:64px;position:relative;z-index:9;} + +/************************************* + blog page +**************************************/ + .owl-carousel img { width: 100%; } +/*pagination-nav*/ +.pagination { margin:0px; } +.pagination li a { font-size: 15px; font-weight: 500; margin: 0 5px; color: #626262; border-radius: 50%; } +.pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 50%; } +.pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 50%; } +.pagination>.active>a, .pagination>.active>a:hover { color: #626262; } +.pagination > li > a, .pagination > li > span { width: 44px; height: 44px; line-height: 44px; background: #f6f7f8; border:0px; padding: 0; text-align: center; } +.pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background-color:#FC5C3C; color: #ffffff;} +.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color:#FC5C3C; color: #ffffff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); } +.dataTables_paginate li.paginate_button.previous a, .dataTables_paginate li.paginate_button.next a { width: inherit; height: inherit; background: transparent !important; color: inherit !important; box-shadow: none !important; } + /*timeline blog*/ +.blog .timeline { list-style: none; padding: 20px 0 20px; position: relative; } +.blog .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 4px; background-color: #f7f7f7; left: 50%; margin-left: -1.5px; } +.blog .timeline > li { margin-bottom: 20px; position: relative; width: 46%; float: left; clear: left; } +.blog .timeline > li:before, +.blog .timeline > li:after { content: " "; display: table; } +.blog .timeline > li:after { clear: both; } +.blog .timeline > li:before, +.blog .timeline > li:after { content: " "; display: table; } +.blog .timeline > li:after { clear: both; } +.blog .timeline > li > .timeline-panel { width: 95%; float: left; border: 1px solid #d4d4d4; /*border-radius: 2px;*/ /*padding: 20px;*/ position: relative; border:1px solid #f7f7f7; + padding: 20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } +.blog .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #f7f7f7; + border-right: 0 solid #f7f7f7; border-bottom: 15px solid transparent; content: " "; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } +.blog .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; + border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } +.blog .timeline > li > .timeline-badge { color: #fff; width: 54px; height: 54px; line-height: 18px; padding: 6px; font-size: 22px; border:4px solid #f7f7f7; background: #fff; + border-radius: 50%; text-align: center; font-weight: bold; position: absolute; color: #f7f7f7; top: 16px; right: -73px; /*z-index: 100;*/ } +.blog .timeline > li > .timeline-badge span { font-size: 13px; font-weight: normal; display: block; } +.blog .timeline > li.timeline-inverted > .timeline-panel { float: right; } +.blog .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } +.blog .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } +.blog .timeline-title { margin-top: 0; color: inherit; } +.blog .timeline-body > p, +.blog .timeline-body > ul { padding:20px; margin-bottom: 0; } +.blog .timeline-body > p + p { margin-top: 5px; } +.blog .timeline-footer { padding:20px; background-color:#f4f4f4; } +.blog .timeline-footer > a { cursor: pointer; text-decoration: none; } +.blog .timeline > li.timeline-inverted { float: right; clear: right; margin-top: 30px; margin-bottom: 0px; } +.blog .timeline > li:nth-child(2){ margin-top: 60px; } +.blog .timeline > li:nth-child(3){ margin-top: 60px; } +.blog .timeline .entry-title i { font-size: 24px;} +.blog .timeline-inverted .timeline-badge { margin-top: 70px} +.blog .timeline li.timeline-inverted .timeline-panel:after { top: 98px; } +.blog .timeline li.timeline-inverted .timeline-panel:before { top: 97px; } +.blog .timeline > li.timeline-inverted > .timeline-badge { left: -73px; } +.blog .timeline li.entry-date { top: 0; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } +.blog .timeline li.entry-date span { background: #f7f7f7; color: #363636; font-size: 16px; font-weight: 400; text-transform: capitalize; padding: 10px 25px;border-radius: 30px;} +.blog .timeline li.entry-date-bottom { bottom: -30px; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } +.blog .timeline li.entry-date-bottom a { background: #f7f7f7; padding: 7px 10px; color: #363636; font-size: 16px; padding: 10px 25px; border-radius: 30px; } +.blog .timeline li.entry-date-bottom a:hover { background: #FC5C3C; color: #fff; } +.blog .timeline li:hover .timeline-panel { border-color: #FC5C3C; } +.blog .timeline li:hover .timeline-badge a { color: #fff; } +.blog .timeline li:hover .timeline-badge{ background: #FC5C3C; border-color: #FC5C3C; } +.blog .timeline li:hover .timeline-panel:before { border-left-color: #FC5C3C; border-right-color: #FC5C3C; } +.blog .blog.timeline .entry-quote p { font-size: 16px; } +/* blog 2 column masonry left sidebar */ +.blog.timeline-sidebar .timeline > li { width: 89%; } +.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 50%;} +.blog.timeline-sidebar .timeline:before { left: 54px; } +.blog.timeline-sidebar .timeline li.entry-date { text-align: left;} +.blog.timeline-sidebar .timeline li.entry-date-bottom { text-align: left;} +.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -66px; } +.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 0px; } +.blog.timeline-sidebar .timeline > li:nth-child(3) { margin-top: 30px; } +.blog.timeline-sidebar .timeline li.entry-date { top: 3px; } +.blog.timeline-sidebar .timeline li.entry-date span { font-size: 14px; padding: 10px 25px; } +.blog.timeline-sidebar .timeline li.entry-date-bottom { bottom: -48px; } +.blog.timeline-sidebar .timeline li.entry-date-bottom a { font-size: 14px; padding: 10px 25px; } +.blog.timeline-sidebar .timeline li .share ul li { width: auto; } + +/*blog-single*/ +.blog-single .blog-entry { box-shadow: none; } +.blog-single .blog-entry .blog-detail { padding: 0; margin-top: 20px; } + +.blog-single .blockquote { font-style: italic; line-height: 30px; background: #f6f7f8 !important; } +.blog-single .blog-entry.blockquote blockquote { background: #f6f7f8;color: #626262; } +.blog-single .blog-entry.blockquote blockquote cite { color: #FC5C3C; } +.blog-single .entry-share .tags { display: inline-block; } +.blog-single .blog-entry.blockquote blockquote:before { color: #323232; top: 20px; } + +/*blog-comments*/ +.comments-1 .comments-photo { width: 106px; height: auto; float: left; border:5px solid #f7f7f7; margin-right: 20px; } +.comments-1 .comments-photo img { width: 100%; } +.comments-1 .comments-info { display: table; background: #f7f7f7; padding: 20px; margin-bottom: 20px; } +.comments-1 .comments-info h4 { display: inline-block; } +.comments-1 .comments-info span { font-size: 13px; color: #626262; } +.comments-1 .comments-info a { color: #FC5C3C; } +.comments-1 .comments-info a:hover { color: #363636; } +.comments-1.comments-2 { padding-left: 127px; } +.comments-1.comments-2 .comments-info { background: #fff; margin-bottom: 0px; padding: 20px 20px 10px; } + +/************************************* + error 404 +**************************************/ +.error-block { position: relative; z-index: 9; padding: 20px 0 130px 0px; } +.error-block .error-text { position: absolute; text-align: center; left: 0; right: 0; z-index: -1; } +.error-block .error-text h2 { font-size: 420px; line-height: 300px; color: rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0; } +.error-block .error-text span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 134px; line-height: 100px; color: rgba(0, 0, 0, 0.1); font-weight: bold; } +.error-block h1 { font-size: 87px; padding-top: 110px; } +.error-block p { font-size: 33px; } + +.error-text-02 { position: relative; text-align: center; } +.error-text-02 h2 { font-size: 420px; line-height: 300px; color: rgba(255, 255, 255, 0.2); position: relative; left: -70px; top: 0; } +.error-text-02 span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 117px; line-height: 100px; color: rgba(255, 255, 255, 0.2); font-weight: bold; } +.error-middle { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } + + +/************************************* + coming soon +**************************************/ +.coming-soon { background: transparent; } +.coming-soon-countdown ul.countdown { list-style: none; margin: 75px 0; padding: 0; display: block; text-align: center; } +.coming-soon-countdown ul.countdown li { display: inline-block; width: 24%; } +.coming-soon-countdown ul.countdown li span { font-size: 90px; font-weight: bold; line-height: 80px; color: #FC5C3C; } +.coming-soon-countdown ul.countdown li p { color: #626262; font-size: 20px; text-transform: capitalize; margin-bottom: 30px; } +.coming-soon .coming-soon-form input { color: #626262; } +.coming-soon-form` input { width: 50%; color: #fff; display: block; margin: 0 auto; } +.coming-soon-form.contact-form input { width: 50%; display: block; margin: 0 auto; } +.coming-soon-middle { padding: 100px; display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } + +/************************************* + Register +**************************************/ +.register-form .section-field { display: block; } +.register-form .field-widget { position: relative; } +.register-form .field-widget input { width: 100%; margin-bottom: 20px; padding-left: 30px; } +.register-form .field-widget select { width: 100%; margin-bottom: 20px; padding-left: 15px; } +.register-form .field-widget input.gui-input { padding-left: 140px;} +.register-form .field-widget .button { background: #666; height: 46px; left: 0; margin: 2px; position: absolute; text-align: center; top: 0; width: 115px; border:0; } +.register-form .nice-select { float: none; margin-bottom: 20px; background: #f6f7f8; border:0; } +.remember-checkbox a {color: #FC5C3C; } +.remember-checkbox label { position: relative; padding-left: 30px; font-size: 14px; cursor: pointer;} +.remember-checkbox label:before, label:after { font-family: FontAwesome; font-size: 17px; position: absolute; top: -3px; left: 0; padding-left: 2px; border-radius: 6px; } +.remember-checkbox label:before { border: 2px solid #FC5C3C; content: ""; height: 20px; margin-top: 3px; width: 20px; } +.remember-checkbox label:after { content: '\f00c'; max-width: 0; overflow: hidden; opacity: 0.5; transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; } +.remember-checkbox input[type="checkbox"] { display: none; } +.remember-checkbox input[type="checkbox"]:checked + label:after { max-width: 25px; opacity: 1; } +/*all id*/ +#one+label:before, #one+label:after {color: #FC5C3C;} +#two+label:before, #two+label:after {color: #FC5C3C;} +#three+label:before, #three+label:after {color: hsl(120, 45%, 40%); } +#four+label:before, #four+label:after {color: hsl(180, 45%, 40%); } +#five+label:before, #five+label:after {color: hsl(240, 45%, 40%); } +#six+label:before, #six+label:after {color: hsl(300, 45%, 40%); } + +/************************************* + Login +**************************************/ +.full-height-bg { height: 100vh; } +/*login-2-social*/ +.login-social li { display: inline-block; margin: 2px 0px; } +.login-social li a { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;} +.login-social li a.fb { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #4c70ad; border-radius:30px; } +.login-social li a.twitter { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #25b6e6; border-radius:30px; } +.login-social li a.pinterest { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #dd4b39; border-radius:30px; } +.login-social li i { border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px; } +.login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover { background: #FC5C3C; } + +/*login 02*/ +.section-transparent { background: transparent; } +.login-bg { background: #ffffff; border-radius: 10px; } +.login-bg .login-title { background: #FC5C3C; padding: 30px; border-radius: 10px 10px 0 0; } +.login-bg .login-form { padding: 40px 30px; } +.login-bg .login-social { padding: 30px; background: #f6f7f8; border-radius: 0 0 10px 10px; } + +/*login 02*/ +.register-bg { background: #ffffff; border-radius: 10px; } +.register-bg .register-title { background: #FC5C3C; padding: 30px; border-radius: 10px 10px 0 0; } +.register-bg .register-form { padding: 30px 30px 50px; } + +/************************************* + maintenance +**************************************/ +img.logo-small { height: 40px; margin: 30px 0; position: relative; } +.maintenance-main i { font-size: 100px; margin-bottom: 10px; color: #e4e4e4; } +.maintenance-main h1 { font-size: 62px; text-transform: uppercase; font-weight: bold; } +.maintenance-main p { font-size: 26px; line-height: 35px; margin-bottom: 70px;} +.maintenance-form { width: 76%; margin: 0 auto; } +.maintenance-form p { font-size: 19px; } +.maintenance-form input { width: 50%; margin: 0 auto; } + +/*maintenance 2 */ +.maintenance-main h1 { font-size: 40px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; } +.maintenance-contant p { line-height: 25px; margin-top:20px; font-size: 14px; } +.progress-new { margin-top: 50px; height: 50px; background: #f6f7f8; border-radius: 0; margin-bottom: 50px; margin-left: auto; margin-right: auto; width: 50%; } +.progress-bar-new { line-height: 50px; background-color: #FC5C3C; color: #ffffff; font-size: 20px; padding-left: 20px; } +.progress-bar-new span { position: absolute; right: 30px; color: #323232; font-weight: bold; font-size: 20px; } +.progress-bar-striped, +.progress-striped .progress-bar-new { + background-image: linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent); +} + +/************************************* + Our clients +**************************************/ +/*clients-box*/ +.clients-box { background: #f7f7f7; padding: 20px; } +.clients-photo { position: relative; margin-right: 20px; width: 200px; height: 200px; float: left; display: table-cell; text-align: center; vertical-align: middle; background: #fff; } +.clients-photo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } +.clients-info { display: table; } +.clients-info i { padding-right: 10px; } +.clients-info a { font-size: 14px; color: #FC5C3C; } +.clients-info a:hover { color: #626262; } +.clients-info p { margin-top: 10px; } +.happy-clients .tab-content { padding: 0 30px; position: relative; text-align: left; } +.happy-clients .tab-content .quoter-icon { position: absolute; left: 0; top: -10px; font-size: 120px; line-height: 1; color: #FC5C3C;} +.happy-clients .tab-content p{padding-left: 30px; font-size: 18px; padding-top: 10px; font-style: italic; } +.happy-clients .nav-tabs li { overflow: visible; display: inline-block; padding: 0 5px; } +.happy-clients .nav.nav-tabs li a, .happy-clients .nav.nav-tabs li a:hover, .happy-clients .nav.nav-tabs li a:focus { background: none; padding: 0; border:0; outline: none; background: transparent !important;} +.happy-clients .nav-tabs li img {width: 96px; opacity: 0.1; height: 96px; border-radius: 50%; } +.happy-clients .nav-tabs li.active img, .happy-clients .nav-tabs li:focus img { border: 4px solid #fff; opacity: 1; top: -2px; box-shadow: 0 0 40px rgba(0,0,0,.3); } +.happy-clients .testimonial-avatar { position: relative; right: inherit; left: inherit; top: inherit; width: inherit; height: inherit; margin-left: inherit; margin-top: 30px; } +.happy-clients .nav-tabs { border: 0; } + +/*********************************** + process +************************************/ +.process-list .col-sm-12 { padding: 0 50px; } +.process { margin: 0px; border: 2px dashed rgba(0, 0, 0, 0.3); position: relative; width: 100%; float: left; padding-bottom: 50px; padding-top: 50px; min-height: inherit; } +.process.left { border-right: 0; border-top: 0; } +.process.right { border-left: 0; border-top: 0; } +.process .border-area.left-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; left: -2px; z-index: 99; } +.process .border-area.left-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.right-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } +.process .border-area.right-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.right-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } +.process .border-area.right-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); } +.process .border-area.left-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; left: -2px; } +.process .border-area.left-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); } +.process:first-child { padding-top: 0; } +.process.left:first-child .process-step { top: 0; } +.process:last-child { border-bottom: 0; } +.process:last-child .border-area.left-bottom { bottom: 0; } +.process:last-child .border-area.left-bottom:before { border-bottom-left-radius:0; border-bottom: 0; } +.process.left .process-step { position: absolute; top: 50px; left: -35px; z-index: 999; } +.process.right .process-step { position: absolute; top: 50px; right: -35px; z-index: 99; } +.process.left .process-content { padding-left: 80px; } +.process.right .process-content{ padding-right: 80px; } +.process .process-step strong { width: 70px; height: 70px; line-height: 70px; text-align: center; background: #FC5C3C; border-radius: 100%; display: inline-block; + z-index: 99; font-size: 20px; color: #fff; } +.process .process-content { position: relative; z-index: 99; } +.process .process-content span { font-size: 80px; line-height: 80px; color: #FC5C3C; } +.process.left .process-content .process-icon { display: table-cell; padding-right: 30px; } +.process.left .process-content .process-info { display: table-cell; vertical-align: top; } +.process.right .process-content .process-icon { float: right; padding-left: 30px; } +.process.right .process-content .process-info { display: table-cell; vertical-align: top; } + +/************************************* + Careers +**************************************/ +.agency-about { padding-bottom: 100px; } + +/*careers accordion*/ +.careers .acd-des span { display: block; } + +/*careers form*/ +.careers-from .section-field label { margin-bottom: 10px; } + +/************************************* + sitemap +**************************************/ +.sitemap h4 { margin-bottom: 25px; text-transform: capitalize; } +.sitemap h4 i { padding-right: 10px; } +.sitemap ul li { display: block; line-height: 34px; } +.sitemap ul li i { padding-right: 10px; } +.sitemap ul li a { font-size: 14px; color: #626262; text-transform: capitalize; } +.sitemap ul li a:hover { color: #FC5C3C; } + +/************************************* + privacy-policy +**************************************/ +.privacy-policy ul li { font-size: 14px; line-height: 30px; } +.privacy-policy ul li i { padding-right: 10px; } + +/************************************* + page sidebar +**************************************/ +.page-sidebar .page-content ul li { font-size: 14px; line-height: 30px; } +.page-sidebar .page-content ul li i { } + +/************************************* + terms and conditions +**************************************/ +.terms-and-conditions ul li { font-size: 14px; line-height: 30px; } +.terms-and-conditions ul li i { padding-right: 10px; } + + +.special-feature .feature-text {padding:40px;} +.special-feature { padding-bottom:-117px; } +.special-feature .row-eq-height.no-gutter { position:relative; z-index:99; margin-top:-117px; } + +/************************* + BG - Images +*************************/ +.parallax { background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -ms-background-size: cover !important; position: relative; z-index: 0; background-origin: initial; background-position: center bottom !important; background-repeat: no-repeat; } +.gradient-overlay{position:relative;} +.gradient-overlay:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background:url(../images/construction/bg/gradient-overlay1.png) repeat-y left 0;} + +/************************************* + Footer +**************************************/ +.footer.black-bg{background: #1a1a1a;} +.footer.black-bg p { color: rgba(255,255,255,0.5); } +.footer.black-bg .social-icons li a { color: rgba(255,255,255,0.5); } +.footer p{font-size: 14px;} +.footer-logo img { width: 65%; } +.footer h6{font-size: 14px;} +.addresss-info li { font-size: 14px; margin-bottom: 15px; color: rgba(255,255,255,0.5); list-style: none; } +.addresss-info i{ color:rgba(255,255,255,0.5); padding-right: 5px; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 14px; } +.addresss-info p { display: table; color: rgba(255,255,255,0.5); margin-bottom: 0px; } +.addresss-info li a { color: rgba(255,255,255,0.5); } +.footer a{font-size: 14px;} + +/*footer-Newsletter*/ +.footer-Newsletter { display: inline-block; width: 100%;} +.footer-useful-link.footer-hedding ul { margin-top: -6px; } +.footer-Newsletter .form-control { border-left: 0px; height: 50px; border-radius: 30px; font-size: 14px; color: rgba(255,255,255,0.3); border:none; background: #252525; padding: 10px 25px; width: 100%; } +.footer-Newsletter .form-control:focus { border:0; box-shadow: none;} +.footer-Newsletter .button.border{border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.5); padding: 10px 18px; font-size: 12px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } +.footer-Newsletter .button.border:hover { color: #ffffff; } +.footer-useful-link ul li { list-style: none; margin-bottom: 12px;} +.footer-useful-link ul li:last-child { margin-bottom: 0; } +.footer-useful-link ul li a { color: rgba(255,255,255,0.5); font-size: 14px; vertical-align: top; display: block; line-height: 26px; } +.footer-useful-link ul li a:hover { color: #FC5C3C; } +/*transparent*/ +.footer-Newsletter.transparent .form-control { background: rgba(0, 0, 0, 0.04); } +.footer-Newsletter.transparent .form-control::-moz-placeholder { color: #323232; } +.footer-Newsletter.transparent .form-control::-ms-input-placeholder { color: #323232; } +.footer-Newsletter.transparent .form-control::-webkit-input-placeholder { color: #323232; } + +/*footer-widget*/ +.footer-widget { padding: 20px 0; border-top: 1px solid #262626;} +.footer-widget p{font-size: 14px; color: rgba(255,255,255,0.5); letter-spacing: 0.5px;} +.footer-widget a { color: #FC5C3C; } +.footer-widget a:hover { color: #FC5C3C; } +.footer-widget-social {margin-top: 5px; } +.footer-widget-social li { display: inline-block;} +.footer-widget-social a i { display: inline-block; color: rgba(255,255,255,0.5); background: none; border-radius: 50%; width: 35px; height: 35px; text-align:center; line-height: 37px; font-size: 14px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} +.footer-widget-social a i:hover{background: #FC5C3C;} +.footer .footer-nav ul li { display: inline-block;} +.footer .footer-nav ul li a { margin: 0 5px; color: #323232;} +.footer .footer-nav ul li a:hover { color: #FC5C3C; } +.footer .social ul li {display: inline-block;} +.footer .social ul li a i { font-size: 14px; width: 45px; height: 45px; line-height: 45px; text-align: center; float: none; color: #323232;} +.footer .social ul li a i:hover{color: #FC5C3C;} +.footer .social ul{background: #f6f7f8; display: inline-block; border-radius: 30px; padding: 0px 10px;} +.footer .usefull-link ul li {display: block; border-bottom: 0px; line-height: 24px; padding: 5px 0; } +.footer .usefull-link ul li a{color: #323232;} +.footer .usefull-link ul li a:hover { color: #FC5C3C; } +.footer .copyright { padding: 30px 0 20px;} +.footer .copyright ul li a {color: #323232;} +.footer .copyright ul li a:hover {color: #FC5C3C;} +img#logo-footer{ height: 50px; width: auto; } +.footer.light .footer-nav ul li a{color: #fff;} +.footer.light .footer-nav ul li a:hover { color: #323232; } +.footer.light h6{color: #fff;} +.footer.light .about-content p{color: #fff;} +.footer.light .usefull-link ul li a{color: #fff;} +.footer.light .usefull-link ul li a:hover {color: #323232;} +.footer.light .copyright ul li {color: #fff;} +.footer.light .copyright ul li a {color: #ffffff; font-size: 14px;} +.footer.light .copyright ul li a:hover {color: #323232; } +.footer.light.footer-topbar .copyright ul li { color: #ffffff } +.footer.light .copyright p {color: #fff;} +.footer.light .social ul li a i {color: #FC5C3C;} +.footer.light .social ul li a:hover i {color: #323232;} +.footer .footer-text p{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} +.footer .footer-social ul li a{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} +.footer .footer-social ul li a:hover { color: #FC5C3C !important; } +.footer.footer-topbar .copyright ul li{color:rgba(255, 255, 255, 0.5) !important;} +.footer.footer-one-page .contact-add i { font-size: 20px } +.footer.footer-one-page h5 { color: rgba(255,255,255,0.5); } +.footer.footer-one-page p { color: rgba(255,255,255,0.5); } + +/* footer transparent*/ +.footer.transparent h6, .footer.transparent p, .footer.transparent ul li a, .footer.transparent span { color: #ffffff; } + +/*widget-gallery*/ +.footer .footer-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; } +.footer .footer-tags li { display: inline-block; } +.footer .footer-tags li a { background: transparent; color: #fff; border:1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; } +.footer .footer-tags li a:hover { background: #FC5C3C; } + +/*footer-social-big*/ +.footer-social-big ul li { display: inline-block; padding: 10px; width: 70px; text-align: center; background: rgba(255, 255, 255, 0.1); } +.footer-social-big ul li.facebook { background: #5d82d1; } +.footer-social-big ul li.pinterest { background: #e13138; } +.footer-social-big ul li.linkedin { background: #238cc8; } +.footer-social-big ul li i { color: #ffffff; display: block; width: 30px; height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.2); border-radius: 50%; margin: 0 auto; } +.footer-social-big ul li span { display: block; text-align: center; color: #ffffff; margin-top: 10px; font-size: 11px; } + +/*footer-box*/ +.footer-box { background: rgba(102, 102, 102, 0.2); padding: 30px; clear: both; margin-bottom: 40px; margin-top: 60px; } +.footer-box .box-content { display: table-cell; vertical-align: top; } +.footer-box .box-link { display: table-cell; padding-left: 20px; vertical-align: middle; } +.footer-box .box-link a { display: block; padding: 8px 16px; width: 140px; } + +/*google-map*/ +.google-map { background: #; } +.google-map .row [class*='col-'] { min-height: 0; } +.map-icon { position: relative; z-index: 999; cursor: pointer; } +.google-map .map-icon:before { cursor: pointer; content: "\f041"; font-family: "FontAwesome"; font-size: 30px; font-weight: normal; right: 0; position: absolute; text-indent: 0; top: -32px; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #ffffff; color: #FC5C3C; text-align: center; } +.google-map.google-map-open .map-icon::before { content: "\f00d"; } +.google-map .map-open { height: 0; overflow: hidden; transition: all 900ms ease; } +.google-map .map-open iframe { height: 300px; } +.google-map-open .map-open { height: 300px; } +.pos-r{position: relative;} +.img-side img{max-width: 100%} +.img-side.img-left {left: 0;} +.img-side {padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100;} +.font-bold {font-weight: 600} +.no-gutter{ margin-right:0; margin-left:0;} +.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;} + +/*youtube-video*/ + .popup-video { position: relative; } +.popup-video .play-video { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } +.popup-video .play-video { width: 50px; height: 50px; } +.popup-video .play-video a { width: 50px; height: 50px; } +.popup-video .play-video a i { line-height: 50px; } +.popup-video .play-video:hover { transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); background-color: #ffffff; } +.popup-video .play-video:hover a { color: #FC5C3C; } +.play-video { cursor: pointer; position: relative; width: 100px; height: 100px; margin: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } +.play-video { background-color: #FC5C3C; -webkit-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); -moz-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); } +.play-video a { color: #fff; width: 100px; height: 100px; position: absolute; top: 0; left: 50%; padding-left: 5px; transform: translateX(-50%); } +.play-video a i { line-height: 100px; } +.play-video:hover a { color: #FC5C3C; } +.play-video:after { content: ''; top: 0; left: 0; padding: 0; z-index: -1; opacity: 0; pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); } + +.play-video:hover{background: #ffffff; color: #FC5C3C; border-color:transparent !important;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-box-shadow:2px 6px 18px transparent !important;-moz-box-shadow:2px 6px 18px transparent !important;box-shadow:2px 6px 18px transparent !important} +.play-video:hover:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms; -moz-animation:sonarEffect 1.3s ease-out 75ms; animation:sonarEffect 1.3s ease-out 75ms;} +@-webkit-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-webkit-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}} +@-moz-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-moz-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}} +@keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);transform:scale(1.5);opacity:0; }} +.my-contact .contact-icon{float: left; margin-right: 25px;} +.my-contact .contact-icon span{color: #fff ! important;} + +/************************************* + index portfolio 4 +**************************************/ +.portfolio-item.simple-effect .portfolio-overlay span { color: #363636; } +.portfolio-item.simple-effect .portfolio-overlay span a { color: #363636; } +.portfolio-item.simple-effect .portfolio-overlay a:hover { color: #FC5C3C; } +.portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #FC5C3C; } +.portfolio-item.simple-effect .portfolio-overlay { z-index: 9; opacity: 0; bottom: inherit; background: transparent; top: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: center; } +.portfolio-item.simple-effect:hover:before { position: absolute; width: 100%; height: 100%; content: ""; background: rgba(255, 255, 255, 1); z-index: 1; background-size: 115%; + -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.6s cubic-bezier(.68,.11,.13,.98); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.portfolio-item.simple-effect:hover .portfolio-overlay { top: 50%; opacity: 1; } + +/*footer*/ +.footer .container-fluid { padding: 0 60px; } +#footer-fixed { position: fixed; bottom: 0; width: 100%; z-index: -1; box-shadow: inset 0 27px 60px -25px rgba(0,0,0,0.3); } +.footer.footer-simple ul li a, .footer.footer-simple p, .footer.footer-simple i, .footer.footer-simple li { color: #ffffff; font-weight: bold; font-size: 16px; } +.footer.footer-simple ul li a:hover { color: rgba(255, 255, 255, 0.6); } +.footer.footer-simple .social-icons li a { color: #ffffff; width: 100%; } +.footer.footer-simple .social-icons li a:hover { color: rgba(255, 255, 255, 0.6); } + +/*elements*/ +.full-width { width: 100%; } +.height-100vh { height: 100vh; } +.pos-bot { position: absolute; bottom: 0; width: 100%; } +.vertical-align { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } + +/************************************* + index portfolio 04 about +**************************************/ +.portfolio-03-about { padding-left: 50px; } +.portfolio-03-about p { font-size: 16px; font-weight: 600; } + +/************************************* + index portfolio single +**************************************/ +/*popup-video*/ +.popup-video-image { position: relative; } +.popup-video-image:before { background: rgba(37, 41, 51, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } +.popup-video-image a i { color: #ffffff; text-align: center; line-height: 60px; width: 60px; height: 60px; background: #FC5C3C; display: inline-block; margin: 0 auto; + border-radius: 50%; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); + -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; font-size: 20px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } +.popup-video-image a i:hover { background: #323232; } + +/************************************* + index 11 +**************************************/ + +/*index 11*/ + /*slider-parallax typer-banner business*/ + .slider-parallax.typer-banner.business h1 { font-family: 'Dosis', sans-serif; } + .slider-parallax.typer-banner.business p { padding: 0 200px; line-height: 34px; font-size: 26px; font-weight: 600; display: block; } + + /*play-video*/ +.custom-content-02 .feature-text p { line-height: 28px; } +.play-video-section .play-video { box-shadow: none; background: #ffffff; width: 60px; height: 60px; line-height: 60px; } +.play-video-section .play-video a { color: #FC5C3C; line-height: 60px; } +.play-video-section .play-video a i { line-height: 60px; padding-right: 3px; } +.play-video-section .play-video:after {box-shadow: none; } +.play-video-section .content { padding: 0 100px; } +.play-video-section .content h2 { font-family: 'Dosis', sans-serif; } +.custom-content-03 h2 { font-family: 'Dosis', sans-serif; font-size: 40px; line-height: 50px; } + +/*blockquote-section*/ +.blockquote-section { position: relative; z-index: 9; } +.blockquote-section blockquote { font-size: 50px; font-weight: 600; line-height: 60px; border-left: 0; padding-left: 0; font-family: 'Dosis', sans-serif; } +.blockquote-section blockquote cite { font-size: 16px; font-weight: 600; margin-top: 40px; line-height: 30px; font-family: 'Nanum Gothic', serif; font-style: normal; } +.blockquote-section blockquote cite span { display: block; font-size: 14px; } +.blockquote-section blockquote.quote { padding-top: 100px; } +.blockquote-section blockquote.quote:before { color: #FC5C3C; left: 0; top: 0; font-size: 120px; line-height: 120px; } +.blockquote-section .blockquote-section-left { margin-left: 60px; } +.blockquote-section .blockquote-section-right { margin-left: -120px; position: relative;z-index: -1; } + +/************************************* + footer +**************************************/ +.footer.gray-footer .footer-Newsletter .form-control { background: #ffffff; color: #323232; height: 60px; line-height: 60px; box-shadow: 0 10px 50px rgba(0,0,0,0.1); } +.footer.gray-footer .footer-widget { border-top: none; } +.footer.gray-footer .footer-widget p { color: #323232; } + +.footer.gray-footer .footer-Newsletter .form-control::-moz-placeholder { color: #323232; } +.footer.gray-footer .footer-Newsletter .form-control::-ms-input-placeholder { color: #323232; } +.footer.gray-footer .footer-Newsletter .form-control::-webkit-input-placeholder { color: #323232; } + +/************************************* + portfolio +**************************************/ +.portfolio-item.image-text { position: relative; } +.portfolio-item.image-text .portfolio-overlay { bottom: 30px; background: transparent; } +.portfolio-item.image-text .portfolio-overlay span { display: block; } +.portfolio-item.image-text:before { position: absolute; width: 100%; bottom: 0; content: ""; ackground: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; } +.portfolio-item.image-text .portfolio-overlay a.button { padding: 6px 16px; } +.portfolio-item.image-text .portfolio-overlay a.button span { font-size: 12px; } +.portfolio-item.image-text .portfolio-overlay a.button:hover { color: #ffffff; } + +/************************************* + coming-soon-big +**************************************/ +.coming-soon-big .countdown.medium span { font-size: 120px; line-height: 120px; font-weight: bold; } +.coming-soon-big .countdown.medium p { font-size: 30px; line-height: 30px; font-weight: bold; } +.coming-soon-big .coming-soon-form p { font-weight: bold; } +.coming-soon-big .contact-form.transparent-form .form-control { background: rgba(255, 255, 255, 0.4); } +.coming-soon-big .button { font-weight: bold; } + +/************************************* + inner page +**************************************/ +/* about-05 */ +.about-05-split .shop-split-content { padding: 100px 0; } +/*about-mission*/ +.about-mission .popup-video-image a i { position: relative; top: inherit; left: inherit; bottom: inherit; right: inherit; } +.about-mission .popup-content { position: absolute; bottom: 0; padding: 30px 130px 30px 30px; } +.about-mission-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); } +.about-mission-box .content { padding:24px; } +.about-mission-title { padding-bottom: 250px; } +.about-mission { margin-top: -150px; } +/*faq 03*/ +.faq-page-title .form { position: relative; z-index: 9; } +.faq-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); padding: 40px; border-radius: 10px; background: #ffffff; margin-top: -60px; } +.faq-box span { font-size: 40px; line-height: 40px; margin-bottom: 20px; display: block; } +.faq-box strong { display: block; } +.faq-box a.button { padding: 8px 16px; } + +/*login-fancy*/ +.login-fancy { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); } +.login-fancy-bg { position: relative; z-index: 1; } +.login-fancy h2 { font-size: 70px; line-height: 70px; } +.login-gradient, .login-gradient-02, .login-gradient-03 { position: relative; } +.login-gradient:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9af1e1), color-stop(100%, #4003f6)); background: -webkit-linear-gradient(-315deg, #9af1e1 0%, #4003f6 100%); background: -webkit-linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); background: linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); } +.login-gradient-02:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee38a6), color-stop(100%, #ffc863)); background: -webkit-linear-gradient(-315deg, #ee38a6 0%, #ffc863 100%); background: -webkit-linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); background: linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); } +.login-gradient-03:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcdd2), color-stop(100%, #470df5)); background: -webkit-linear-gradient(-315deg, #ffcdd2 0%, #470df5 100%); background: -webkit-linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); background: linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); } + +/*login-box*/ +.login-box { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); border-radius: 0px 10px 10px 0px; } +.login-box-bg { position: relative; z-index: 1; } +.login-box h2 { font-size: 40px; line-height: 40px; } +.login-box-main { display: table; width: 100%; } +.login-box-main-middle { display: table-cell; vertical-align: middle; } +.login-box-left { box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); height: 100%; border-radius: 10px 0 0px 10px; } +.login-box-left .logo-small { margin-left: 30px; } +.login-box-main .theme-bg { box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.2); position: relative; z-index: 1; } +.login-box-theme { position: relative; } +.login-box-theme:before { position: absolute; content: ""; height: 30px; top: -29px; width: 100%; background: #FC5C3C; left: 0; } +.login-box-theme:after { position: absolute; content: ""; height: 30px; bottom: -29px; width: 100%; background: #FC5C3C; left: 0; } +.login-box-main .nav li a { padding-left: 30px; } +.login-box-main .nav li a { display: block; text-align: left; color: #323232; border-left: 5px solid transparent; background: transparent; } +.login-box-left li.active a, .login-box-left li a:hover { border-left: 5px solid #FC5C3C; color: #FC5C3C; } +.login-box-main .nav li a i { display: inline-block; padding-right: 6px; text-align: left; margin-bottom: 10px; } +.login-box .list-unstyled.list-inline a:hover { color: #323232; } +/*login-box-02*/ +.login-box-02 { padding: 40px; border:1px solid rgba(0, 0, 0, 0.1); height: 100%; } +.login-box-02.white-overlay { background: rgba(255, 255, 255, 0.5); } +.login-signup a.text-black:hover { color: #ffffff; } + +/*login-14*/ +.login-14 { padding: 0 100px; } + +/*login-15*/ +.login-15 { padding: 0 60px; } + +/*login-signup*/ +.login-signup .tab-border .tab-content { padding: 0; } +.login-signup .login-box-02 { border:0; } + +/************************************* + boxed +**************************************/ + +@media (min-width: 1220px) { +body.boxed-layout .wrapper { float: none; width: 1220px; margin: 0 auto; position:relative; background-color: #FFF; box-shadow: 0 0 60px rgba(0,0,0,.1); -moz-box-shadow: 0 0 60px rgba(0,0,0,.1); + -webkit-box-shadow: 0 0 60px rgba(0,0,0,.1); } +/*index 01*/ +body.boxed-layout .wrapper .portfolio-title.section-title p { display: none; } +body.boxed-layout .wrapper .portfolio-title.section-title span { display: none; } + +/*index 02*/ +body.boxed-layout .wrapper .contact-3 #map { padding-top: 140%; } +body.boxed-layout .wrapper .contact-2 #map { padding-top: 90% } +body.boxed-layout .wrapper.vertical-header { width: auto; box-shadow: none; } +body.boxed-layout #footer-fixed { position: inherit !important; width: inherit; bottom: inherit !important; z-index: inherit; } +body.boxed-layout .wrapper { margin-bottom: 0 !important; } +body.boxed-layout .christmas-coming-soon { position: absolute; } + +body.frame-layout .wrapper { margin: 0 auto; margin-top: 1.5%; margin-bottom: 1.5%; width: 97%; position: relative; box-shadow: 0 0 60px rgba(0,0,0,.1); } +body.frame-layout .header.default, body.frame-layout .header.transparent, body.frame-layout header.one-page { left: 0; right: 0; } +body.frame-layout .navbar.affix { top: 0; } +body.frame-layout header.one-page.light .navbar { min-height: 10px !important; } +body.frame-layout #footer-fixed { position: inherit !important; bottom: inherit !important; z-index: inherit; } +body.frame-layout .wrapper { margin-bottom:1.5% !important; } +body.frame-layout .christmas-coming-soon { position: absolute; } + +} + +@media all and (-ms-high-contrast:none) { +.st-menu { position: absolute; } + img.bottom-img { top: 0; } +.search-cart { display: table; } +.search { display: table-cell !important; } +.shpping-cart { display: table-cell !important; } +.search-cart .shpping-cart { float: none !important; } + .mega-menu > section.menu-list-items .search-cart .search { float: none !important; } + .search-cart .shpping-cart { vertical-align: middle; } +} + + +@media (max-width: 1100px) { +.isotope-filters button { margin: 2px; cursor: pointer; padding: 6.5px 13px; font-size: 16px; background: transparent; color: #363636; font-weight: 600; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } +} + + diff --git a/apply/css_r/typography.css b/apply/css_r/typography.css new file mode 100644 index 0000000..1b97f1b --- /dev/null +++ b/apply/css_r/typography.css @@ -0,0 +1,312 @@ +/* + +Template: Webster — Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This is typography stylesheet of template, This file contains typography of the Template. + +*/ + + +/*================================================ +[ Table of contents ] +================================================ + +:: General +:: Page section margin padding +:: Text color +:: Row eq height And No Gutter +:: Extra class +:: Loading +:: Back to top +:: Basic margin padding + +====================================== +[ End table content ] +======================================*/ +@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); + + +/************************* + General +*************************/ +body { font-family: 'Nanum Gothic', serif; font-weight: normal; font-style: normal; font-size: 14px; } +a, .btn { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; + transition: all 0.3s ease-out 0s; } +a:focus { text-decoration: none !important; } +a:focus, a:hover { color: #F5A623; text-decoration: none !important; } +a, button, input { outline: medium none !important; color: #F5A623; } +.uppercase { text-transform: uppercase; } +h1, h2, h3, h4, h5, h6 { font-family: 'Nanum Gothic', serif; font-weight: normal; color: #363636; margin-top: 0px; } +h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } +label { font-weight: normal; } + +h1 { font-size: 36px; font-style: normal; font-weight: 800; line-height: 40px; } +h2 { font-size: 32px; font-style: normal; font-weight: 600; line-height: 38px; } +h3 { font-size: 28px; font-style: normal; font-weight: 600; line-height: 32px; } +h4 { font-size: 22px; font-style: normal; font-weight: 500; line-height: 26px; } +h5 { font-size: 18px; font-style: normal; font-weight: 600; line-height: 18px; } +h6 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 18px; } + + +.fw-1 { font-weight: 100; } +.fw-2 { font-weight: 200; } +.fw-3 { font-weight: 300; } +.fw-4 { font-weight: 400; } +.fw-5 { font-weight: 500; } +.fw-6 { font-weight: 600; } +.fw-7 { font-weight: 700; } +.fw-8 { font-weight: 800; } +.fw-9 { font-weight: 900; } + +ul { margin: 0px; padding: 0px; } +p { font-weight: normal; line-height: 1.5; color: #626262; } +hr { margin: 0; padding: 0px; border-bottom:1px dashed #eceff8; border-top: 0px; } + +*::-moz-selection { background: #F5A623; color: #fff; text-shadow: none; } +::-moz-selection { background: #F5A623; color: #fff; text-shadow: none; } +::selection { background: #F5A623; color: #fff; text-shadow: none; } + +/*************************** +Page section margin padding +****************************/ +.page-section-ptb { padding: 80px 0; } +.page-section-pt { padding: 80px 0 0; } +.page-section-pb { padding: 0 0 80px; } + +.page-section-1-ptb { padding: 120px 0; } +.page-section-1-pt { padding: 120px 0 0; } +.page-section-1-pb { padding: 0 0 120px; } + +/************************* + Text color +*************************/ +.theme-color { color: #F5A623; } +.text-white { color: #fff; } +.text-black { color: #000; } +.text-gray { color:#9b9b9b; } +.text-darkgray { color:#9b9b9b; } + + +img.bottom-img { position: absolute; bottom: 0; left: 0; right: 0; } + +/************************* + Text size +*************************/ +.f10 { font-size:10px; } +.f12 { font-size:12px; } +.f14 { font-size:14px; } +.f16 { font-size:16px; } +.f18 { font-size:18px; } +.f20 { font-size:20px; } +.f22 { font-size:22px; } +.f24 { font-size:24px; } +.f28 { font-size:28px; } +.f30 { font-size:30px; } +.f32 { font-size:32px; } +.f48 { font-size:48px; } + +/******************************************** + Row-eq-height And No Gutter +/*********************************************/ +.no-gutter{ margin-right:0; margin-left:0;} +.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;} +.row-eq-height{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;} +.row-eq-height.full-height > [class*='col-'] > div{height: 100%;} + +/* Vertical Align */ +.valign{display: table;} +.valign > [class*='col-']{display:table-cell; float:none;} +[data-valign-overlay="top"]{vertical-align:top;} +[data-valign-overlay="middle"]{vertical-align:middle;} +[data-valign-overlay="bottom"]{vertical-align:bottom;} + + + /************************* + Extra class +*************************/ +.o-hidden { overflow: hidden; } +.position-re { position: relative; } +.full-width{width: 100% !important;} +section { background: #ffffff; } + +/************************* + back to top +*************************/ +#back-to-top .top { z-index: 999; position: fixed; margin: 0px; color: #fff; transition:all .5s ease-in-out; position:fixed; bottom:105px; right:15px; border-radius: 3px; z-index: 999; background: transparent; font-size: 14px; background: #F5A623; width: 40px; height: 40px; text-align: center; } +#back-to-top i { padding-top: 2px; font-size: 20px; } +#back-to-top span { display: block; line-height: 8px; font-size: 11px; } + + /************************* + Basic margin padding +*************************/ +.m-0 { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; } +.p-0 { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; } + +/************************* + Margin top +*************************/ +.mt-0 { margin-top: 0 !important; } +.mt-10 { margin-top: 10px !important; } +.mt-15 { margin-top: 15px !important; } +.mt-20 { margin-top: 20px !important; } +.mt-30 { margin-top: 30px !important; } +.mt-40 { margin-top: 40px !important; } +.mt-50 { margin-top: 50px !important; } +.mt-60 { margin-top: 60px !important; } +.mt-70 { margin-top: 70px !important; } +.mt-80 { margin-top: 80px !important; } +.mt-90 { margin-top: 90px !important; } +.mt-100 { margin-top: 100px !important; } +.mt-110 { margin-top: 110px !important; } +.mt-120 { margin-top: 120px !important; } +.mt-130 { margin-top: 130px !important; } +.mt-140 { margin-top: 140px !important; } +.mt-150 { margin-top: 150px !important;} + + /************************* + Margin right +*************************/ +.mr-0 { margin-right: 0!important } +.mr-10 { margin-right: 10px !important; } +.mr-15 { margin-right: 15px !important; } +.mr-20 { margin-right: 20px !important; } +.mr-30 { margin-right: 30px !important; } +.mr-40 { margin-right: 40px !important; } +.mr-50 { margin-right: 50px !important; } +.mr-60 { margin-right: 60px !important; } +.mr-70 { margin-right: 70px !important; } +.mr-80 { margin-right: 80px !important; } +.mr-90 { margin-right: 90px !important; } +.mr-100 { margin-right: 100px !important; } +.mr-110 { margin-right: 110px !important; } +.mr-120 { margin-right: 120px !important; } +.mr-130 { margin-right: 130px !important; } +.mr-140 { margin-right: 140px !important; } +.mr-150 { margin-right: 150px !important; } + + /************************* + Margin bottom +*************************/ +.mb-0 { margin-bottom: 0!important } +.mb-10 { margin-bottom: 10px !important; } +.mb-15 { margin-bottom: 15px !important; } +.mb-20 { margin-bottom: 20px !important; } +.mb-30 { margin-bottom: 30px !important; } +.mb-40 { margin-bottom: 40px !important; } +.mb-50 { margin-bottom: 50px !important; } +.mb-60 { margin-bottom: 60px !important; } +.mb-70 { margin-bottom: 70px !important; } +.mb-80 { margin-bottom: 80px !important; } +.mb-90 { margin-bottom: 90px !important; } +.mb-100 { margin-bottom: 100px !important; } +.mb-110 { margin-bottom: 110px !important; } +.mb-120 { margin-bottom: 120px !important; } +.mb-130 { margin-bottom: 130px !important; } +.mb-140 { margin-bottom: 140px !important; } +.mb-150 { margin-bottom: 150px !important; } + +/************************* + Margin left +*************************/ +.ml-0 { margin-left: 0!important } +.ml-10 { margin-left: 10px !important; } +.ml-15 { margin-left: 15px !important; } +.ml-20 { margin-left: 20px !important; } +.ml-30 { margin-left: 30px !important; } +.ml-40 { margin-left: 40px !important; } +.ml-50 { margin-left: 50px !important; } +.ml-60 { margin-left: 60px !important; } +.ml-70 { margin-left: 70px !important; } +.ml-80 { margin-left: 80px !important; } +.ml-90 { margin-left: 90px !important; } +.ml-100 { margin-left: 100px !important; } +.ml-110 { margin-left: 110px !important; } +.ml-120 { margin-left: 120px !important; } +.ml-130 { margin-left: 130px !important; } +.ml-140 { margin-left: 140px !important; } +.ml-150 { margin-left: 150px !important; } + + /************************* + Padding top +*************************/ +.pt-0 { padding-top: 0!important } +.pt-10 { padding-top: 10px !important; } +.pt-15 { padding-top: 15px !important; } +.pt-20 { padding-top: 20px !important; } +.pt-30 { padding-top: 30px !important; } +.pt-40 { padding-top: 40px !important; } +.pt-50 { padding-top: 50px !important; } +.pt-60 { padding-top: 60px !important; } +.pt-70 { padding-top: 70px !important; } +.pt-80 { padding-top: 80px !important; } +.pt-90 { padding-top: 90px !important; } +.pt-100 { padding-top: 100px !important; } +.pt-110 { padding-top: 110px !important; } +.pt-120 { padding-top: 120px !important; } +.pt-130 { padding-top: 130px !important; } +.pt-140 { padding-top: 140px !important; } +.pt-150 { padding-top: 150px !important; } + + /************************* + Padding right +*************************/ +.pr-0 { padding-right: 0!important } +.pr-10 { padding-right: 10px !important; } +.pr-15 { padding-right: 15px !important; } +.pr-20 { padding-right: 20px !important; } +.pr-30 { padding-right: 30px !important; } +.pr-40 { padding-right: 40px !important; } +.pr-50 { padding-right: 50px !important; } +.pr-60 { padding-right: 60px !important; } +.pr-70 { padding-right: 70px !important; } +.pr-80 { padding-right: 80px !important; } +.pr-90 { padding-right: 90px !important; } +.pr-100 { padding-right: 100px !important; } +.pr-110 { padding-right: 110px !important; } +.pr-120 { padding-right: 120px !important; } +.pr-130 { padding-right: 130px !important; } +.pr-140 { padding-right: 140px !important; } + + /************************* + Padding bottom +*************************/ +.pb-0 { padding-bottom: 0!important } +.pb-10 { padding-bottom: 10px !important; } +.pb-15 { padding-bottom: 15px !important; } +.pb-20 { padding-bottom: 20px !important; } +.pb-30 { padding-bottom: 30px !important; } +.pb-40 { padding-bottom: 40px !important; } +.pb-50 { padding-bottom: 50px !important; } +.pb-60 { padding-bottom: 60px !important; } +.pb-70 { padding-bottom: 70px !important; } +.pb-80 { padding-bottom: 80px !important; } +.pb-90 { padding-bottom: 90px !important; } +.pb-100 { padding-bottom: 100px !important; } +.pb-110 { padding-bottom: 110px !important; } +.pb-120 { padding-bottom: 120px !important; } +.pb-130 { padding-bottom: 130px !important; } +.pb-140 { padding-bottom: 140px !important; } +.pb-150 { padding-bottom: 150px !important; } + + /************************* + Padding left +*************************/ +.pl-0 { padding-left: 0!important } +.pl-10 { padding-left: 10px !important; } +.pl-15 { padding-left: 15px !important; } +.pl-20 { padding-left: 20px !important; } +.pl-30 { padding-left: 30px !important; } +.pl-40 { padding-left: 40px !important; } +.pl-50 { padding-left: 50px !important; } +.pl-60 { padding-left: 60px !important; } +.pl-70 { padding-left: 70px !important; } +.pl-80 { padding-left: 80px !important; } +.pl-90 { padding-left: 90px !important; } +.pl-100 { padding-left: 100px !important; } +.pl-110 { padding-left: 110px !important; } +.pl-120 { padding-left: 120px !important; } +.pl-130 { padding-left: 130px !important; } +.pl-140 { padding-left: 140px !important; } +.pl-150 { padding-left: 150px !important; } \ No newline at end of file diff --git a/apply/default.jsp b/apply/default.jsp new file mode 100644 index 0000000..f22b5ed --- /dev/null +++ b/apply/default.jsp @@ -0,0 +1,101 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<%@include file="/include/head.jsp"%> + + +
+
+<% + int c_main_type = 1; + String sql_main = "select * from tbl_field where c_no = " + c_home + " and c_relation = 0 "; + ResultSet rs_main = stmt.executeQuery(sql_main); + if(rs_main.next()){ + c_main_type = rs_main.getInt("c_main_type"); + }else{ + } + rs_main.close(); + String call_page = ""; +%> + +<%if(c_main_type == 1){%> +
+ <% + call_page = "/main_sub/"; + call_page = call_page + "main_image.jsp?c_home=" + c_home + "&c_maker=1&c_image=1"; + %>* + +
+
+ <% + call_page = "/main_sub/"; + call_page = call_page + "main_text.jsp?c_home=" + c_home + "&c_maker=1&c_image=0"; + %> + +
+
+
+ <% + call_page = "/main_sub/"; + call_page = call_page + "main_image.jsp?c_home=" + c_home + "&c_maker=1&c_image=2"; + %> + +
+
+ <% + call_page = "/main_sub/"; + call_page = call_page + "main_image.jsp?c_home=" + c_home + "&c_maker=1&c_image=3"; + %> + +
+
+ <% + call_page = "/main_sub/"; + call_page = call_page + "main_notice.jsp?c_home=" + c_home + "&c_maker=1"; + %> + +
+
+<%}%> +<%if(c_main_type == 2){%> +
+ <% + call_page = "/main_sub/"; + call_page = call_page + "main_image.jsp?c_home=" + c_home + "&c_maker=1&c_image=1"; + %> + +
+
+
+ <% + call_page = "/main_sub/"; + call_page = call_page + "main_text.jsp?c_home=" + c_home + "&c_maker=1&c_image=0"; + %> + +
+
+ <% + call_page = "/main_sub/"; + call_page = call_page + "main_image.jsp?c_home=" + c_home + "&c_maker=1&c_image=2"; + %> + +
+
+ <% + call_page = "/main_sub/"; + call_page = call_page + "main_image.jsp?c_home=" + c_home + "&c_maker=1&c_image=3"; + %> + +
+
+ <% + call_page = "/main_sub/"; + call_page = call_page + "main_notice.jsp?c_home=" + c_home + "&c_maker=1"; + %> + +
+
+<%}%> +
+
+<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/error.jsp b/apply/error.jsp new file mode 100644 index 0000000..945a3ca --- /dev/null +++ b/apply/error.jsp @@ -0,0 +1,7 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<% +%> + \ No newline at end of file diff --git a/apply/fonts/FontAwesome.otf b/apply/fonts/FontAwesome.otf new file mode 100644 index 0000000..8b0f54e Binary files /dev/null and b/apply/fonts/FontAwesome.otf differ diff --git a/apply/fonts/NanumMyeongjo.ttf b/apply/fonts/NanumMyeongjo.ttf new file mode 100644 index 0000000..5d753f0 Binary files /dev/null and b/apply/fonts/NanumMyeongjo.ttf differ diff --git a/apply/fonts/NanumMyeongjoBold.ttf b/apply/fonts/NanumMyeongjoBold.ttf new file mode 100644 index 0000000..15adcf3 Binary files /dev/null and b/apply/fonts/NanumMyeongjoBold.ttf differ diff --git a/apply/fonts/NanumMyeongjoExtraBold.ttf b/apply/fonts/NanumMyeongjoExtraBold.ttf new file mode 100644 index 0000000..23e8cd1 Binary files /dev/null and b/apply/fonts/NanumMyeongjoExtraBold.ttf differ diff --git a/apply/fonts/customicon/Icons.eot b/apply/fonts/customicon/Icons.eot new file mode 100644 index 0000000..7ac16db Binary files /dev/null and b/apply/fonts/customicon/Icons.eot differ diff --git a/apply/fonts/customicon/Icons.svg b/apply/fonts/customicon/Icons.svg new file mode 100644 index 0000000..5c2071e --- /dev/null +++ b/apply/fonts/customicon/Icons.svg @@ -0,0 +1,1186 @@ + + + + +This is a custom SVG font generated by IcoMoon. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/apply/fonts/customicon/Icons.ttf b/apply/fonts/customicon/Icons.ttf new file mode 100644 index 0000000..0a2ac6f Binary files /dev/null and b/apply/fonts/customicon/Icons.ttf differ diff --git a/apply/fonts/customicon/Icons.woff b/apply/fonts/customicon/Icons.woff new file mode 100644 index 0000000..f9391cb Binary files /dev/null and b/apply/fonts/customicon/Icons.woff differ diff --git a/apply/fonts/fontawesome-webfont.eot b/apply/fonts/fontawesome-webfont.eot new file mode 100644 index 0000000..7c79c6a Binary files /dev/null and b/apply/fonts/fontawesome-webfont.eot differ diff --git a/apply/fonts/fontawesome-webfont.svg b/apply/fonts/fontawesome-webfont.svg new file mode 100644 index 0000000..45fdf33 --- /dev/null +++ b/apply/fonts/fontawesome-webfont.svg @@ -0,0 +1,414 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/apply/fonts/fontawesome-webfont.ttf b/apply/fonts/fontawesome-webfont.ttf new file mode 100644 index 0000000..e89738d Binary files /dev/null and b/apply/fonts/fontawesome-webfont.ttf differ diff --git a/apply/fonts/fontawesome-webfont.woff b/apply/fonts/fontawesome-webfont.woff new file mode 100644 index 0000000..8c1748a Binary files /dev/null and b/apply/fonts/fontawesome-webfont.woff differ diff --git a/apply/fonts/fontawesome-webfont.woff2 b/apply/fonts/fontawesome-webfont.woff2 new file mode 100644 index 0000000..8c1748a Binary files /dev/null and b/apply/fonts/fontawesome-webfont.woff2 differ diff --git a/apply/go_ac.jsp b/apply/go_ac.jsp new file mode 100644 index 0000000..8dde605 --- /dev/null +++ b/apply/go_ac.jsp @@ -0,0 +1,32 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + String c_pnm_no = r_call(request.getParameter("c_pnm_no")); + + + + + String sql2 = "select a.*, b.c_field as c_field_no,b.c_up_no as c_cate_no from tbl_pnm_for_bcb a "; + sql2 = sql2 + " inner join tbl_project b on b.c_no = a.c_project_no "; + sql2 = sql2 + " where a.c_use = 0 and a.c_member_no = " + session.getAttribute("member_no") + " and a.c_no = " + c_pnm_no; + ResultSet rs2=stmt.executeQuery(sql2); + if(rs2.next()){ + session.setAttribute("member_field_no",rs2.getString("c_field_no")); + session.setAttribute("member_cate_no",rs2.getString("c_cate_no")); + session.setAttribute("member_project_no",rs2.getString("c_project_no")); + session.setAttribute("member_team_no",rs2.getString("c_team_no")); + session.setAttribute("member_pnm_no",rs2.getString("c_no")); + session.setAttribute("member_type",rs2.getString("c_type")); + + } + rs2.close(); + + + %> + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/images/do.png b/apply/images/do.png new file mode 100644 index 0000000..488323c Binary files /dev/null and b/apply/images/do.png differ diff --git a/apply/images/graph_bg.gif b/apply/images/graph_bg.gif new file mode 100644 index 0000000..f51f412 Binary files /dev/null and b/apply/images/graph_bg.gif differ diff --git a/apply/images/graph_left.gif b/apply/images/graph_left.gif new file mode 100644 index 0000000..cb3557e Binary files /dev/null and b/apply/images/graph_left.gif differ diff --git a/apply/images/icon/bad.png b/apply/images/icon/bad.png new file mode 100644 index 0000000..3e4cb07 Binary files /dev/null and b/apply/images/icon/bad.png differ diff --git a/apply/images/icon/cal.gif b/apply/images/icon/cal.gif new file mode 100644 index 0000000..20a2b98 Binary files /dev/null and b/apply/images/icon/cal.gif differ diff --git a/apply/images/icon/cal.png b/apply/images/icon/cal.png new file mode 100644 index 0000000..3cf9a8c Binary files /dev/null and b/apply/images/icon/cal.png differ diff --git a/apply/images/icon/cal2.gif b/apply/images/icon/cal2.gif new file mode 100644 index 0000000..e838a2c Binary files /dev/null and b/apply/images/icon/cal2.gif differ diff --git a/apply/images/icon/chart.png b/apply/images/icon/chart.png new file mode 100644 index 0000000..3e62852 Binary files /dev/null and b/apply/images/icon/chart.png differ diff --git a/apply/images/icon/chat.png b/apply/images/icon/chat.png new file mode 100644 index 0000000..5ef817b Binary files /dev/null and b/apply/images/icon/chat.png differ diff --git a/apply/images/icon/comment.png b/apply/images/icon/comment.png new file mode 100644 index 0000000..39b8e02 Binary files /dev/null and b/apply/images/icon/comment.png differ diff --git a/apply/images/icon/del.png b/apply/images/icon/del.png new file mode 100644 index 0000000..327bb4a Binary files /dev/null and b/apply/images/icon/del.png differ diff --git a/apply/images/icon/detail.png b/apply/images/icon/detail.png new file mode 100644 index 0000000..9de84ec Binary files /dev/null and b/apply/images/icon/detail.png differ diff --git a/apply/images/icon/excel.gif b/apply/images/icon/excel.gif new file mode 100644 index 0000000..1d1d642 Binary files /dev/null and b/apply/images/icon/excel.gif differ diff --git a/apply/images/icon/exp.png b/apply/images/icon/exp.png new file mode 100644 index 0000000..c000511 Binary files /dev/null and b/apply/images/icon/exp.png differ diff --git a/apply/images/icon/exp_ani.gif b/apply/images/icon/exp_ani.gif new file mode 100644 index 0000000..7a4de66 Binary files /dev/null and b/apply/images/icon/exp_ani.gif differ diff --git a/apply/images/icon/exp_ani_sub.gif b/apply/images/icon/exp_ani_sub.gif new file mode 100644 index 0000000..18bb57e Binary files /dev/null and b/apply/images/icon/exp_ani_sub.gif differ diff --git a/apply/images/icon/exp_inval.png b/apply/images/icon/exp_inval.png new file mode 100644 index 0000000..9560413 Binary files /dev/null and b/apply/images/icon/exp_inval.png differ diff --git a/apply/images/icon/exp_val.png b/apply/images/icon/exp_val.png new file mode 100644 index 0000000..0fce3a4 Binary files /dev/null and b/apply/images/icon/exp_val.png differ diff --git a/apply/images/icon/file.gif b/apply/images/icon/file.gif new file mode 100644 index 0000000..3df896c Binary files /dev/null and b/apply/images/icon/file.gif differ diff --git a/apply/images/icon/file.png b/apply/images/icon/file.png new file mode 100644 index 0000000..356551d Binary files /dev/null and b/apply/images/icon/file.png differ diff --git a/apply/images/icon/good.png b/apply/images/icon/good.png new file mode 100644 index 0000000..6965a35 Binary files /dev/null and b/apply/images/icon/good.png differ diff --git a/apply/images/icon/m10.gif b/apply/images/icon/m10.gif new file mode 100644 index 0000000..6672a73 Binary files /dev/null and b/apply/images/icon/m10.gif differ diff --git a/apply/images/icon/m102.gif b/apply/images/icon/m102.gif new file mode 100644 index 0000000..002926b Binary files /dev/null and b/apply/images/icon/m102.gif differ diff --git a/apply/images/icon/m11.gif b/apply/images/icon/m11.gif new file mode 100644 index 0000000..de14d18 Binary files /dev/null and b/apply/images/icon/m11.gif differ diff --git a/apply/images/icon/m12.gif b/apply/images/icon/m12.gif new file mode 100644 index 0000000..4c466fe Binary files /dev/null and b/apply/images/icon/m12.gif differ diff --git a/apply/images/icon/m6.gif b/apply/images/icon/m6.gif new file mode 100644 index 0000000..536f7d7 Binary files /dev/null and b/apply/images/icon/m6.gif differ diff --git a/apply/images/icon/m7.gif b/apply/images/icon/m7.gif new file mode 100644 index 0000000..1a7d2dd Binary files /dev/null and b/apply/images/icon/m7.gif differ diff --git a/apply/images/icon/m8.gif b/apply/images/icon/m8.gif new file mode 100644 index 0000000..5b7d1c2 Binary files /dev/null and b/apply/images/icon/m8.gif differ diff --git a/apply/images/icon/m9.gif b/apply/images/icon/m9.gif new file mode 100644 index 0000000..dd73c23 Binary files /dev/null and b/apply/images/icon/m9.gif differ diff --git a/apply/images/icon/mic.gif b/apply/images/icon/mic.gif new file mode 100644 index 0000000..19e30f3 Binary files /dev/null and b/apply/images/icon/mic.gif differ diff --git a/apply/images/icon/mic.png b/apply/images/icon/mic.png new file mode 100644 index 0000000..6e603e6 Binary files /dev/null and b/apply/images/icon/mic.png differ diff --git a/apply/images/icon/movie.gif b/apply/images/icon/movie.gif new file mode 100644 index 0000000..6ac480e Binary files /dev/null and b/apply/images/icon/movie.gif differ diff --git a/apply/images/icon/person.png b/apply/images/icon/person.png new file mode 100644 index 0000000..1aff435 Binary files /dev/null and b/apply/images/icon/person.png differ diff --git a/apply/images/icon/photo.gif b/apply/images/icon/photo.gif new file mode 100644 index 0000000..abaab09 Binary files /dev/null and b/apply/images/icon/photo.gif differ diff --git a/apply/images/icon/point.png b/apply/images/icon/point.png new file mode 100644 index 0000000..4533779 Binary files /dev/null and b/apply/images/icon/point.png differ diff --git a/apply/images/icon/point2.png b/apply/images/icon/point2.png new file mode 100644 index 0000000..ba75c31 Binary files /dev/null and b/apply/images/icon/point2.png differ diff --git a/apply/images/icon/point3.png b/apply/images/icon/point3.png new file mode 100644 index 0000000..d25869f Binary files /dev/null and b/apply/images/icon/point3.png differ diff --git a/apply/images/icon/pt.png b/apply/images/icon/pt.png new file mode 100644 index 0000000..c8faf74 Binary files /dev/null and b/apply/images/icon/pt.png differ diff --git a/apply/images/icon/pts.png b/apply/images/icon/pts.png new file mode 100644 index 0000000..b77f67e Binary files /dev/null and b/apply/images/icon/pts.png differ diff --git a/apply/images/icon/soso.png b/apply/images/icon/soso.png new file mode 100644 index 0000000..a53d95c Binary files /dev/null and b/apply/images/icon/soso.png differ diff --git a/apply/images/icon/team.png b/apply/images/icon/team.png new file mode 100644 index 0000000..bf53469 Binary files /dev/null and b/apply/images/icon/team.png differ diff --git a/apply/images/logo.gif b/apply/images/logo.gif new file mode 100644 index 0000000..e367ee9 Binary files /dev/null and b/apply/images/logo.gif differ diff --git a/apply/images/reload.png b/apply/images/reload.png new file mode 100644 index 0000000..0aeb531 Binary files /dev/null and b/apply/images/reload.png differ diff --git a/apply/images/setting.png b/apply/images/setting.png new file mode 100644 index 0000000..0e825fb Binary files /dev/null and b/apply/images/setting.png differ diff --git a/apply/include/bottom.jsp b/apply/include/bottom.jsp new file mode 100644 index 0000000..e6bed8f --- /dev/null +++ b/apply/include/bottom.jsp @@ -0,0 +1,78 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> + + + + +
+
+
+
+
    +
  • ⓒ KOICA.    All rights reserved.
    • +
+
+
+ + +
+ + +
+
+
+ + + + +
+ + + + + + + + + + + + + +<% +Calendar currentCalendar = Calendar.getInstance(); +int strYear = currentCalendar.get(Calendar.YEAR); +int strMonth = currentCalendar.get(Calendar.MONTH) + 1; + +String visit_ok = ""; + + String sql_visit = "select c_no from tbl_visit "; + sql_visit = sql_visit + " where c_home = " + c_home + " "; + sql_visit = sql_visit + " and c_show_no = " + visit_show_no + " "; + sql_visit = sql_visit + " and c_year = " + strYear + " "; + sql_visit = sql_visit + " and c_month = " + strMonth + " "; + + ResultSet rs_vist = stmt.executeQuery(sql_visit); + if(rs_vist.next()){ + visit_ok = "update tbl_visit set c_visit = c_visit + 1 "; + visit_ok = visit_ok + " where c_home = " + c_home + " and c_project_no = 0 and c_show_no = " + visit_show_no + " and c_c_no =0 "; + visit_ok = visit_ok + " and c_year = " + strYear + " and c_month = " + strMonth + " "; + }else{ + visit_ok = "insert into tbl_visit(c_home,c_project_no,c_show_no,c_c_no,c_year,c_month,c_visit)values("; + visit_ok = visit_ok + "" + c_home + ",0," + visit_show_no + ",0," + strYear + "," + strMonth + ",1)"; + } + rs_vist.close(); + + stmt2.execute(visit_ok); +%> + + <%}else{%> + + <%}%> +<%}%> \ No newline at end of file diff --git a/apply/include/db/db_close.jsp b/apply/include/db/db_close.jsp new file mode 100644 index 0000000..a6dd60b --- /dev/null +++ b/apply/include/db/db_close.jsp @@ -0,0 +1,10 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<% + stmt2.close(); + stmt.close(); + conn.close(); + + } catch(NumberFormatException e){ + response.sendRedirect("/error.jsp"); + } +%> \ No newline at end of file diff --git a/apply/include/db/db_connect.jsp b/apply/include/db/db_connect.jsp new file mode 100644 index 0000000..6bbd2b7 --- /dev/null +++ b/apply/include/db/db_connect.jsp @@ -0,0 +1,13 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@ page import="java.sql.*,java.util.*"%> +<% + Class.forName("org.mariadb.jdbc.Driver"); + + try{ + // Connection conn = DriverManager.getConnection("jdbc:mariadb://localhost:3306/cinnovacion","cinnovacion","c0ncyt3c"); + Connection conn = DriverManager.getConnection("jdbc:mariadb://localhost:3306/resoft","root","c0ncyt3c"); + + + Statement stmt=conn.createStatement(); + Statement stmt2=conn.createStatement(); +%> diff --git a/apply/include/function/function.jsp b/apply/include/function/function.jsp new file mode 100644 index 0000000..406c8e1 --- /dev/null +++ b/apply/include/function/function.jsp @@ -0,0 +1,15 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%! + public String r_call(String flag) + { + String pl1 = flag; + if (pl1 == null) { + pl1 = ""; + } + String str = pl1.replaceAll("<","<"); + str = str.replaceAll("script",""); + str = str.replaceAll(">",">"); + str = str.replaceAll("'","''"); + return str; + } +%> diff --git a/apply/include/head.jsp b/apply/include/head.jsp new file mode 100644 index 0000000..ab1a456 --- /dev/null +++ b/apply/include/head.jsp @@ -0,0 +1,267 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> + + +<% +if(login_tag == 1 && (session.getAttribute("member_no") == null || session.getAttribute("member_no").equals(""))){ +%> + +<%}else{ + + int now_community = 0; + int now_community_board = 0; + + String visit_show_no = "0"; + String visit_c_no = "0"; + + String page_title = ""; + int menu1 = 0; + String menu1_title = ""; + int menu2 = 0; + int menu3 = 0; + String navi_text = "Home > "; + String page_content = ""; + int page_type = 0; + + + String show_no = r_call(request.getParameter("show_no")); + String check_no = r_call(request.getParameter("check_no")); + String c_relation = r_call(request.getParameter("c_relation")); + String c_relation2 = r_call(request.getParameter("c_relation2")); + if(!show_no.equals("")){ + visit_show_no = show_no; + } + + int page_ok = 0; + if(!show_no.equals("")){ + String sql_page = "select a.*,(select c_up_no from tbl_menu where c_no = a.c_up_no ) as c_up_up_no "; + sql_page = sql_page + " ,(select c_name from tbl_menu where c_no = a.c_up_no ) as c_up_name "; + sql_page = sql_page + " from tbl_menu a "; + sql_page = sql_page + " where a.c_no = "+ show_no +" and a.c_up_no = "+ check_no +" and a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +" "; + if(home_fact != 1){ + sql_page = sql_page + " and a.c_home = "+ c_home +" "; + } + ResultSet rs_page = stmt.executeQuery(sql_page); + if(rs_page.next()){ + page_title = rs_page.getString("c_name"); + page_content = rs_page.getString("c_content"); + page_type = rs_page.getInt("c_type"); + if(rs_page.getInt("c_up_up_no") == 0){ + menu1 = rs_page.getInt("c_up_no"); + menu1_title = rs_page.getString("c_up_name"); + menu2 = rs_page.getInt("c_no"); + navi_text = navi_text + rs_page.getString("c_up_name") + " > " + rs_page.getString("c_name"); + }else{ + String sql_page2 = "select c_name from tbl_menu where c_no = " + rs_page.getInt("c_up_up_no"); + ResultSet rs_page2 = stmt.executeQuery(sql_page2); + if(rs_page2.next()){ + menu1 = rs_page.getInt("c_up_up_no"); + menu1_title = rs_page2.getString("c_name"); + menu2 = rs_page.getInt("c_up_no"); + menu3 = rs_page.getInt("c_no"); + navi_text = navi_text + rs_page2.getString("c_name") + " > " + rs_page.getString("c_up_name") + " > " + rs_page.getString("c_name"); + }else{ + page_ok = 1; + } + rs_page.close(); + } + }else{ + page_ok = 1; + } + rs_page.close(); + } + if(page_ok == 0 || home_fact == 1){ +%> + + + + + + + + + +<%=home_name%> - Suppoted by KOICA + + + + + + + + + + + + + + + + + + + +
+ + + + \ No newline at end of file diff --git a/apply/include/include.jsp b/apply/include/include.jsp new file mode 100644 index 0000000..a984f87 --- /dev/null +++ b/apply/include/include.jsp @@ -0,0 +1,46 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<% + + String h_no = r_call(request.getParameter("h")); + int login_tag = 0; + int home_fact = 0; + String t_home = request.getServerName().replaceAll(".c-innovacion.org",""); + int c_home = 0; + String home_name = ""; + String home_eng_name = ""; + String home_site_name = ""; + + if(h_no.equals("")){ + if(session.getAttribute("home") == null || session.getAttribute("home").equals("")){ + String home_sql = "select c_no from tbl_field where c_eng_name = '" + t_home + "' "; + ResultSet rs_home = stmt.executeQuery(home_sql); + if(rs_home.next()){ + c_home = rs_home.getInt("c_no"); + }else{ + c_home = 33; + } + rs_home.close(); + session.setAttribute("home",c_home); + }else{ + String s_h = session.getAttribute("home") + ""; + c_home = Integer.parseInt(s_h); + } + }else{ + c_home = Integer.parseInt(h_no); + session.setAttribute("home",c_home); + } + + String home_sql2 = "select c_name,c_eng_name, c_site_name from tbl_field where c_no = " + c_home + " "; + ResultSet rs_home2 = stmt.executeQuery(home_sql2); + if(rs_home2.next()){ + home_name = rs_home2.getString("c_name"); + home_eng_name = rs_home2.getString("c_eng_name"); + home_site_name = rs_home2.getString("c_site_name"); + }else{ + session.setAttribute("home",""); + response.sendRedirect("/"); + } + rs_home2.close(); +%> diff --git a/apply/include/include_b.jsp b/apply/include/include_b.jsp new file mode 100644 index 0000000..a02de28 --- /dev/null +++ b/apply/include/include_b.jsp @@ -0,0 +1,3 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> + +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/index.jsp b/apply/index.jsp new file mode 100644 index 0000000..509df3b --- /dev/null +++ b/apply/index.jsp @@ -0,0 +1,260 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<%if(!request.getServerName().equals("apply.itpeople.synology.me")){%> + +<%}else{ + session.setAttribute("home",""); +%> + + + + + + + + + + + +KOEF BCB Apply System + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+

Business Core Board
+ Apply Field System

+
+

+ KOEF BCB Apply System은 BCB를 운영하고자 하는 Field(기관)를 기반으로 운영됩니다.
+ BCB Apply System은 기본 Apply와 관련 Field System이 독립적으로 운영되며
+ 기본 Apply System 접속은 [여기]를 클릭해 주세요. +

+
+
+
+

BCB Field Apply System List

+
+

+ + <% + String sql_field = " select * from tbl_field where c_use = 0 and c_nameserver = 1 order by c_name asc"; + ResultSet rs_field = stmt.executeQuery(sql_field); + while(rs_field.next()){ + %> + [ <%=rs_field.getString("c_name")%> ] + <%if(rs_field.getInt("c_nameserver") == 1){%> + http://<%=rs_field.getString("c_eng_name")%>.c-innovacion.org/default.jsp + .c-innovacion.org/default.jsp" target="_blank">[ 바로가기 ] + <%}else{%> + http://apply.ci.concytec.gob.pe/default.jsp?h=<%=rs_field.getString("c_no")%> + " target="_blank">[ 바로가기 ] + <%}%> +
+ + <% + } + rs_field.close(); + + %> +

+
+
+
+
+ + +
+
+
+ +
+ +

공지사항   more

+ + + + <% + String sql1 = " select t.* from ( select a.* "; + sql1 = sql1 + " from tbl_board a "; + sql1 = sql1 + " where a.c_use= 0 and a.c_relation = 33 and a.c_relation2 = 35 ) t "; + sql1 = sql1 + " order by t.c_no desc "; + sql1 = sql1 + " limit 0 , 10 "; + ResultSet rst = stmt.executeQuery(sql1); + while(rst.next()){ + %> + + + + + + <% + } + rst.close(); + + %> +
+ "> + <%if(rst.getString("c_title").length() > 35){%> + <%=rst.getString("c_title").substring(0,35)%>.. + <%}else{%> + <%=rst.getString("c_title")%> + <%}%> + + + <%=rst.getString("c_date").substring(0,10)%> +
+
+
+
+
+ + + + + + + + + + + + + + + + + + + +
',srcAction:"iframe_src",patterns:{youtube:{index:"youtube.com",id:"v=",src:"//www.youtube.com/embed/%id%?autoplay=1"},vimeo:{index:"vimeo.com/",id:"/",src:"//player.vimeo.com/video/%id%?autoplay=1"},gmaps:{index:"//maps.google.",src:"%id%&output=embed"}}},proto:{initIframe:function(){b.types.push(P),w("BeforeChange",function(a,b,c){b!==c&&(b===P?R():c===P&&R(!0))}),w(h+"."+P,function(){R()})},getIframe:function(c,d){var e=c.src,f=b.st.iframe;a.each(f.patterns,function(){return e.indexOf(this.index)>-1?(this.id&&(e="string"==typeof this.id?e.substr(e.lastIndexOf(this.id)+this.id.length,e.length):this.id.call(this,e)),e=this.src.replace("%id%",e),!1):void 0});var g={};return f.srcAction&&(g[f.srcAction]=e),b._parseMarkup(d,g,c),b.updateStatus("ready"),d}}});var S=function(a){var c=b.items.length;return a>c-1?a-c:0>a?c+a:a},T=function(a,b,c){return a.replace(/%curr%/gi,b+1).replace(/%total%/gi,c)};a.magnificPopup.registerModule("gallery",{options:{enabled:!1,arrowMarkup:'',preload:[0,2],navigateByImgClick:!0,arrows:!0,tPrev:"Previous (Left arrow key)",tNext:"Next (Right arrow key)",tCounter:"%curr% of %total%"},proto:{initGallery:function(){var c=b.st.gallery,e=".mfp-gallery";return b.direction=!0,c&&c.enabled?(f+=" mfp-gallery",w(m+e,function(){c.navigateByImgClick&&b.wrap.on("click"+e,".mfp-img",function(){return b.items.length>1?(b.next(),!1):void 0}),d.on("keydown"+e,function(a){37===a.keyCode?b.prev():39===a.keyCode&&b.next()})}),w("UpdateStatus"+e,function(a,c){c.text&&(c.text=T(c.text,b.currItem.index,b.items.length))}),w(l+e,function(a,d,e,f){var g=b.items.length;e.counter=g>1?T(c.tCounter,f.index,g):""}),w("BuildControls"+e,function(){if(b.items.length>1&&c.arrows&&!b.arrowLeft){var d=c.arrowMarkup,e=b.arrowLeft=a(d.replace(/%title%/gi,c.tPrev).replace(/%dir%/gi,"left")).addClass(s),f=b.arrowRight=a(d.replace(/%title%/gi,c.tNext).replace(/%dir%/gi,"right")).addClass(s);e.click(function(){b.prev()}),f.click(function(){b.next()}),b.container.append(e.add(f))}}),w(n+e,function(){b._preloadTimeout&&clearTimeout(b._preloadTimeout),b._preloadTimeout=setTimeout(function(){b.preloadNearbyImages(),b._preloadTimeout=null},16)}),void w(h+e,function(){d.off(e),b.wrap.off("click"+e),b.arrowRight=b.arrowLeft=null})):!1},next:function(){b.direction=!0,b.index=S(b.index+1),b.updateItemHTML()},prev:function(){b.direction=!1,b.index=S(b.index-1),b.updateItemHTML()},goTo:function(a){b.direction=a>=b.index,b.index=a,b.updateItemHTML()},preloadNearbyImages:function(){var a,c=b.st.gallery.preload,d=Math.min(c[0],b.items.length),e=Math.min(c[1],b.items.length);for(a=1;a<=(b.direction?e:d);a++)b._preloadItem(b.index+a);for(a=1;a<=(b.direction?d:e);a++)b._preloadItem(b.index-a)},_preloadItem:function(c){if(c=S(c),!b.items[c].preloaded){var d=b.items[c];d.parsed||(d=b.parseEl(c)),y("LazyLoad",d),"image"===d.type&&(d.img=a('').on("load.mfploader",function(){d.hasSize=!0}).on("error.mfploader",function(){d.hasSize=!0,d.loadError=!0,y("LazyLoadError",d)}).attr("src",d.src)),d.preloaded=!0}}}});var U="retina";a.magnificPopup.registerModule(U,{options:{replaceSrc:function(a){return a.src.replace(/\.\w+$/,function(a){return"@2x"+a})},ratio:1},proto:{initRetina:function(){if(window.devicePixelRatio>1){var a=b.st.retina,c=a.ratio;c=isNaN(c)?c():c,c>1&&(w("ImageHasSize."+U,function(a,b){b.img.css({"max-width":b.img[0].naturalWidth/c,width:"100%"})}),w("ElementParse."+U,function(b,d){d.src=a.replaceSrc(d,c)}))}}}}),A()}); \ No newline at end of file diff --git a/apply/js/mediaelement-and-player/mediaelement-and-player.js b/apply/js/mediaelement-and-player/mediaelement-and-player.js new file mode 100644 index 0000000..52cc23c --- /dev/null +++ b/apply/js/mediaelement-and-player/mediaelement-and-player.js @@ -0,0 +1,5749 @@ +/*! + * + * MediaElement.js + * HTML5
+
+
+
+
+ + + + * Ingrese el ID / PW proporcionado por el administrador. +
+ + "> + +
+ +
+
+ IDENTIFICACIÓN + +
+
+
+ contraseña + +
+
+ +
+
+ acceso + +
+
+ +
+
+
+ + +
+
+
+ +
+ + +<%@include file="/point/point_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/point/insert.jsp b/apply/point/insert.jsp new file mode 100644 index 0000000..ba9bce7 --- /dev/null +++ b/apply/point/insert.jsp @@ -0,0 +1,114 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<%@include file="/include/head.jsp"%> +<%@include file="/point/point_head.jsp"%> +<%@include file="/point/log_head.jsp"%> + +
+
+
+

·  Consulte la lista de objetivos para la evaluación

+
+ +
+
+
+ +
+
+
+
+
+
+
+
+ + + + + + + + + +
Nombre del proyecto + <%=rs_p.getString("p_name")%> +
Nombre de la evaluación + <%=rs_p.getString("c_name")%> / <%=session.getAttribute("pointer_part")%> +
+
+ + + + + <%if(c_part_name != null){%> + + <%}%> + + + + + <% + + + String sql_pt="select t.* from ( select a.*,b.c_team_name,c.c_name as jang_name "; + sql_pt = sql_pt +" ,( select "+ c_part_field +" from tbl_apply_team where c_no = b.c_no ) as part_part "; + sql_pt = sql_pt +" from tbl_point_target a "; + sql_pt = sql_pt +" inner join tbl_apply_team b on a.c_team_no = b.c_no "; + sql_pt = sql_pt +" inner join tbl_apply_team_member c on c.c_team_no = b.c_no and c.c_type = 1 "; + sql_pt = sql_pt +" where a.c_point_project_no = " + c_point_project_no + " and a.c_use = 0 ) t "; + if(c_part_name != null){ + sql_pt = sql_pt +" where t.part_part = '"+ session.getAttribute("pointer_part") +"' "; + } + sql_pt = sql_pt +" order by t.part_part asc, t.c_team_name asc "; + ResultSet rs_pt = stmt.executeQuery(sql_pt); + int i_no = 0; + while (rs_pt.next()) { + i_no = i_no + 1; + %> + + + + <%if(c_part_name != null){%> + + <%}%> + + + + + + + + <% + } + if(i_no == 0){ + %> + + <% } + rs_pt.close(); + %> +
NoNombre del equipo<%=c_part_name%>Jefe de equipoVer informaciónevaluación
+ <%=i_no%> + + &c_project_no=<%=c_project_no%>" target="_blank"><%=rs_pt.getString("c_team_name")%> + + <%=rs_pt.getString("part_part")%> + + <%=rs_pt.getString("jang_name")%> + + &c_project_no=<%=c_project_no%>" target="_blank">[Ver información] + + " >[Evaluar] +
+
+
+
+
+
+
+
+ +<%@include file="/point/log_bottom.jsp"%> +<%@include file="/point/point_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/point/insert0.jsp b/apply/point/insert0.jsp new file mode 100644 index 0000000..609e829 --- /dev/null +++ b/apply/point/insert0.jsp @@ -0,0 +1,133 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<%@include file="/include/head.jsp"%> +<%@include file="/point/point_head.jsp"%> +<%@include file="/point/log_head.jsp"%> + +
+ +
+
+
+

·  Confirmación del compromiso del evaluador

+
+ +
+
+
+ +
+
+
+
+
+
+
+
+
+ <%=rs_p.getString("c_content")%> +
+
+ He confirmado el contenido del compromiso y acepto. +
+
+ + + + + + + + + + + + + + + + + + + + + +
+ pertenecer + + +
+ rango + + +
+ nombre + + +
+ contraseña + + +
+ confirmar Contraseña + + +
+ + +
+ + Confirmar +
+ +
+
+
+
+
+ + +<%@include file="/point/log_bottom.jsp"%> +<%@include file="/point/point_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/point/insert_go.jsp b/apply/point/insert_go.jsp new file mode 100644 index 0000000..539b083 --- /dev/null +++ b/apply/point/insert_go.jsp @@ -0,0 +1,278 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<%@include file="/include/head.jsp"%> +<%@include file="/point/point_head.jsp"%> +<%@include file="/point/log_head.jsp"%> + <% + String c_team_no = r_call(request.getParameter("c_team_no")); + int c_ok = 0; + String c_value = "0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0"; + int c_point = 0; + String c_content = ""; + String sql_re = "select * from tbl_point_result where c_point_project_no = "+ c_point_project_no +" and c_team_no = "+ c_team_no +" and c_pointer_no = "+ session.getAttribute("pointer_no") +" "; + ResultSet rs_re = stmt.executeQuery(sql_re); + if (rs_re.next()) { + c_ok = rs_re.getInt("c_ok"); + c_value = rs_re.getString("c_value"); + c_point = rs_re.getInt("c_point"); + c_content = rs_re.getString("c_content"); + } + rs_re.close(); + String[] a_value = c_value.split("[|]"); + %> + +
+ + + +
+
+
+

·  Procesamiento de evaluación

+
+ +
+
+
+ +
+
+
+
+
+
+
+
+ + + + + + + + + +
Nombre del proyecto + <%=rs_p.getString("p_name")%> +
Nombre de la evaluación + <%=rs_p.getString("c_name")%> +
+
+ + + + + <%if(c_part_name != null){%> + + <%}%> + + + + + + + <%if(c_part_name != null){%> + + <%}%> + + + + +
+ Selección de equipo + + Jefe de equipo + <%=c_part_name%> + Información + + Estado de evaluación +
+ + + <%=jang_name%> + + <%=part_part%> + + [Ver información] + + <%if(c_ok ==0){%> + Proceder + <%}else{%> + completo + <%}%> +
+ +
+ + + + + + + + <% + int total_point = 0; + int o_no = 0; + int o_order = 0; + int o_no2 = 0; + int o_order2 = 0; + int get_point = 0; + String sql1=" SELECT a.*,(select count(c_no) from tbl_point_ji_detail where c_up_no = a.c_no and c_use=0 ) as down_no from tbl_point_ji_detail a where a.c_ji_no = " + rs_p.getInt("c_ji_no") + " and a.c_up_no = 0 and a.c_use=0 order by a.c_order asc"; + ResultSet rst = stmt.executeQuery(sql1); + int i_no = 0; + int i_no3 = -1; + + while (rst.next()) { + i_no = i_no + 1; + %> + + + <% + + o_no2 = 0; + o_order2 = 0; + + String sql12=" SELECT * from tbl_point_ji_detail where c_ji_no = " + rs_p.getInt("c_ji_no") + " and c_up_no = "+ rst.getInt("c_no") +" and c_use=0 order by c_order asc"; + ResultSet rst2 = stmt.executeQuery(sql12); + int i_no2 = 0; + + while (rst2.next()) { + total_point = total_point + rst2.getInt("c_point"); + i_no2 = i_no2 + 1; + i_no3 = i_no3 + 1; + get_point = get_point + Integer.parseInt(a_value[i_no3]); + %> + <%if(i_no2 > 1){%> + + <%}%> + + + + + + + + + + <% o_no2 = rst2.getInt("c_no"); + o_order2 = rst2.getInt("c_order"); + } + rst2.close(); + %> + + <% + } + if(i_no == 0){ + %> + + <% } + rst.close(); + %> + + + + + + + +
ArtículoNotapuntos
" bgcolor="efefef"> + <%=rst.getString("c_title")%> +
+ <%=rst2.getString("c_title")%> + + <%=rst2.getString("c_exp").replaceAll("\r","
").replaceAll("\n\r","
")%> + 		+ +
+ Puntaje total + + <%=get_point%> puntos +
+ Opinión +
+ +
+
+ + +
+ <%if(c_ok == 0){%> + almacenamiento temporal + Guardado final + <%}%> + lista + +
+
+
+
+
+
+ + +<%@include file="/point/log_bottom.jsp"%> +<%@include file="/point/point_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/point/insert_ok.jsp b/apply/point/insert_ok.jsp new file mode 100644 index 0000000..c9ff825 --- /dev/null +++ b/apply/point/insert_ok.jsp @@ -0,0 +1,41 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> + +<% + + String c_ok = r_call(request.getParameter("c_ok")); + String c_team_no = r_call(request.getParameter("c_team_no")); + String c_content = r_call(request.getParameter("c_content")); + String c_point_project_no = r_call(request.getParameter("c_point_project_no")); + String p1[] = request.getParameterValues("p1"); + String c_value = ""; + int c_point = 0; + for(int i=0; i< p1.length; i++){ + if(i>0){ + c_value = c_value + "|"; + } + c_value = c_value + p1[i]; + c_point = c_point + Integer.parseInt(p1[i]); + } + + String sql_re = "select * from tbl_point_result where c_point_project_no = "+ c_point_project_no +" and c_team_no = "+ c_team_no +" and c_pointer_no = "+ session.getAttribute("pointer_no") +" "; + ResultSet rs_re = stmt.executeQuery(sql_re); + if (rs_re.next()) { + String sql_ok = "update tbl_point_result set c_value = '"+ c_value +"', c_point = "+ c_point +", c_ok = "+ c_ok +", c_content = '"+ c_content +"', c_update = now() where c_point_project_no = "+ c_point_project_no +" and c_team_no = "+ c_team_no +" and c_pointer_no = "+ session.getAttribute("pointer_no") +" "; + stmt2.execute(sql_ok); + }else{ + String sql_ok = "insert into tbl_point_result (c_point_project_no,c_team_no,c_pointer_no,c_value,c_point,c_content,c_ok,c_date) values ("; + sql_ok = sql_ok + c_point_project_no + "," + c_team_no + "," + session.getAttribute("pointer_no") + ",'" + c_value + "'," + c_point + ",'" + c_content + "'," + c_ok + ",now())"; + stmt2.execute(sql_ok); + + } + rs_re.close(); + +%> + + <%@include file="/include/db/db_close.jsp"%> \ No newline at end of file diff --git a/apply/point/log_bottom.jsp b/apply/point/log_bottom.jsp new file mode 100644 index 0000000..f1e4a49 --- /dev/null +++ b/apply/point/log_bottom.jsp @@ -0,0 +1,5 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> + +<% } +%> + \ No newline at end of file diff --git a/apply/point/log_head.jsp b/apply/point/log_head.jsp new file mode 100644 index 0000000..dc4127c --- /dev/null +++ b/apply/point/log_head.jsp @@ -0,0 +1,12 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<% + if(session.getAttribute("pointer_no") == null || session.getAttribute("pointer_no").equals("")){ +%> + +<% + }else{ +%> + \ No newline at end of file diff --git a/apply/point/login_ok.jsp b/apply/point/login_ok.jsp new file mode 100644 index 0000000..c66b74f --- /dev/null +++ b/apply/point/login_ok.jsp @@ -0,0 +1,53 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<%@include file="/include/head.jsp"%> +<%@include file="/point/point_head.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + String c_id = r_call(request.getParameter("c_id")); + String c_pass = r_call(request.getParameter("c_pass")); + + + String sql= "select * from tbl_point_pointer where c_id= '"+ c_id +"' and c_pass = SHA2('" + c_pass + "',512) and c_point_project_no = " + c_point_project_no; + + ResultSet rs=stmt.executeQuery(sql); + if(rs.next()){ + + session.setAttribute("pointer_no",rs.getString("c_no")); + session.setAttribute("pointer_id",rs.getString("c_id")); + session.setAttribute("pointer_part",rs.getString("c_part")); + + if(rs.getString("c_name").equals("")){ + %> + + <% }else{ + %> + + <% + } + String sql_ok = "update tbl_point_pointer set c_update=now() where c_no = " + session.getAttribute("pointer_no"); + + stmt2.execute(sql_ok); + + }else{ + %> + + <% + } + rs.close(); + + + %> +<%@include file="/point/point_bottom.jsp"%> +<%@include file="/include/bottom.jsp"%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/point/login_ok2.jsp b/apply/point/login_ok2.jsp new file mode 100644 index 0000000..10c5217 --- /dev/null +++ b/apply/point/login_ok2.jsp @@ -0,0 +1,22 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> + +<% + + String c_sosok = r_call(request.getParameter("c_sosok")); + String c_position = r_call(request.getParameter("c_position")); + String c_name = r_call(request.getParameter("c_name")); + String c_pass = r_call(request.getParameter("c_pass")); + + + String sql_ok = "update tbl_point_pointer set c_sosok = '"+ c_sosok +"', c_position = '"+ c_position +"', c_name='"+ c_name +"', c_pass = SHA2('" + c_pass + "',512) where c_no = " + session.getAttribute("pointer_no"); + + stmt2.execute(sql_ok); +%> + + <%@include file="/include/db/db_close.jsp"%> \ No newline at end of file diff --git a/apply/point/manager_system.css b/apply/point/manager_system.css new file mode 100644 index 0000000..1055303 --- /dev/null +++ b/apply/point/manager_system.css @@ -0,0 +1,123 @@ +@charset "utf-8"; + +*{margin:0; padding:0} +div,ul,li{margin:0; padding:0} +div,ul,li{list-style:none} +body{font-family:dotum,돋움; font-style:9pt;} +ul,li,img{border:0; vertical-align:middle;} +select{vertical-align:middle; font-size:9pt; font-family:dotum,돋움;} + + +.Top_Box{/*background:url('../images/top/bg_top.gif');*/ height:116px; width:1100px;} + .Logo_Gnb{height:76px} + .Logo_img{float:left; padding-top:20px; padding-left:21px;} + .Gnb_box{font-size:8pt; padding-top:20px; margin-right:20px;} + .Gnb_box ul li a{font-size:8pt} + .Gnb_Box ul{float:right; margin-right:35px;} + .Gnb_Box ul li{height:16px; float:left; display:inline;} + .manager_txt a{color:#54bdff; text-decoration:none; line-height:16px; font-size:8pt;} + .manager_txt a:hover{text-decoration:underline} + .pad01{margin-left:10px;} + .pad02{margin-left:7px;} + .g_notice a{color:#a8a8a8; text-decoration:none; font-size:8pt;} + .g_notice a:hover{text-decoration:underline;} + .g_notice img{margin-right:6px} + .Top_Navi{height:40px; border:0px solid red; padding-right:35px;} + .Top_Navi ul{padding-left:25px;} + .Top_Navi ul li {float:left; display:inline; line-height:40px; font-size:12pt; font-weight:bold; margin-right:50px;} + .Top_Navi ul li a{color:#9deeff; text-decoration:none} + .Top_Navi ul li a strong{color:#FFFFFF} + .Top_Navi ul li a:hover{color:#FFFFFF} + .Search_Box{border:0px solid red; margin-top:10px; width:171px; float:right} + .Top_search{background:url('../images/top/bg_search.gif'); width:171px; height:19px;} + .Top_search img{float:right} + .txt_search{border:0px solid; width:137px; margin-left:6px; height:16px; float:left; margin-top:1px;} +.Left_Box{width:205px; font-size:9pt;} + .member{padding-top:18px; padding-left:12px;} + .Left_Box ul li{line-height:20px} + .pad03{padding-bottom:10px;} + .pad04{padding-bottom:14px;} + .line01{border-bottom:3px solid #0462ff; width:201px;} + .menu01{border:0px solid red;} + .menu01 li{background-image:url('../images/left/icon02.gif'); background-repeat:no-repeat; background-position:20px 25px;} + .menu01 p{padding-left:0px; font-weight:bold; line-height:26px;} + .menu01 li ul li{background-image:url('../images/left/arrow01.gif'); background-repeat:no-repeat; background-position:3px 10px; padding-left:5px; line-height:26px;} + .menu01 li ul li a{color:#696969} + .menu01 a{text-decoration:none; color:#000000} + .line02{border-bottom:1px solid #e0e0e0; width:181px; padding-top:17px; padding-left:20px; padding-bottom:10px;} + .m_ov{color:#0462ff} +.Contents_Box{width:824px; padding-top:26px; padding-left:37px; font-size:9pt; margin-bottom:50px;} + .C_Tit{font-size:14pt; font-weight:bold; color:#000; background-image:url('../images/mid/m_icon01.gif'); background-repeat:no-repeat; padding-left:26px; background-position:0px 3px;; font-family:gulim,굴림체; letter-spacing:-1px;} + .C_Tit2{float:left; font-size:14pt; font-weight:bold; color:#000; background-image:url('../images/cont/icon_arrow01.gif'); background-repeat:no-repeat; padding-left:26px; background-position:0px 3px;; font-family:gulim,굴림체; letter-spacing:-1px;} + .Ranking_Box{margin-top:30px; border:10px solid #ebeae6; width:803px; height:204px;} + .icon01{background-image:url('../images/mid/m_icon02.gif'); background-repeat:no-repeat; background-position:0px 10px; color:#876c01; font-size:11pt; padding-left:24px;} + .icon07{background-image:url('../images/mid/m_icon07.gif'); background-repeat:no-repeat; background-position:0px 10px; color:#876c01; font-size:11pt; padding-left:24px;} + .line03{border-bottom:1px solid #dbdbdb} + .line04{border-left:1px solid #eaebe5} + .txt01{text-align:right; color:#777777; font-size:9pt;} + .txt02{text-align:right; color:#a97d02; font-size:9pt;} + .icon02{background-image:url('../images/mid/m_icon03.gif'); background-repeat:no-repeat; background-position:0px 3px; padding-left:20px; font-weight:bold} + .icon03{background-image:url('../images/mid/m_icon04.gif'); background-repeat:no-repeat; background-position:0px 3px; padding-left:20px; font-weight:bold} + .icon04{background-image:url('../images/mid/m_icon05.gif'); background-repeat:no-repeat; background-position:0px 3px; padding-left:20px; font-weight:bold} + .icon05{background-image:url('../images/mid/m_icon06.gif'); background-repeat:no-repeat; background-position:0px 4px; padding-left:20px; font-weight:bold} + .txt03{text-align:center; color:#777777; font-size:9pt;} + .txt04{color:#777777; font-size:9pt; padding-left:14px;} + .table01{background:url('../images/mid/bg_list.gif'); background-repeat:no-repeat; height:204px;} + .b_list{margin-top:40px; width:824px;} + .icon06{background-image:url('../images/mid/m_arrow01.gif'); background-repeat:no-repeat; background-position:0px 12px; color:#000; font-size:11pt; padding-left:20px;} + .b_list_dot{background-image:url('../images/mid/dot.gif'); background-repeat:no-repeat; background-position:0px 12px;; padding-left:10px; text-align:left} + .b_list_dot a{color:#000; text-decoration:none; } + .b_list_dot a:hover{color:#0462ff} +.foot{overflow:hidden; margin-left:40px; padding-top:20px; width:820px; margin-bottom:20px; border-top:1px solid #e0e0e0} + .f_right{float:right} + .f_right img{vertical-align:top} + .f_left{float:left} + + +#logoin_box{background:url('../images/login/bg_login.gif'); background-repeat:no-repeat; width:1000px; height:768px; margin:0 auto;} + #logoin_box ul{padding-top:370px; padding-left:390px;} + .in01{border:1px solid #95a3c5; width:120px; height:29px; margin-right:7px; line-height:27px; padding:0px 10px; color:#2f3342} + .arrow_img{font-size:9pt; color:#d9d9d9; padding-top:15px;} + .arrow_img img{margin-right:8px;} + + .top_title{overflow:hidden; margin-bottom:40px;} + .board_box{} + .board_box ul li{display:block} + + +.C_path{float:right; background:url('../images/cont/icon_dot01.gif'); background-repeat:no-repeat; background-position:0px 6px; padding-left:7px; color:#afafaf; font-size:8pt} +.C_path img{margin:0 4px;} +.bd_all_number{float:left} +.bd_search_box{float:right} +.line_h{padding-bottom:30px;} +.in02{border:1px solid #7f9db9; width:122px; height:18px;} +.bd_table01{padding-top:20px} +.bd_table01 tr td{text-align:center} +.bd_table01 thead{background-color:#f7f7f7;} +.bd_line01{border-bottom:1px solid #cccccc; border-top:2px solid #cccccc} +.bd_line02{border-bottom:1px solid #cccccc;} +.sel01{height:20px} +.pad05{padding-top:10px; overflow:hidden} +.b_left{float:left} +.b_right{float:right} + +.paginate_complex{padding:15px 0;line-height:normal;text-align:center; overflow:hidden} +.paginate_complex a, +.paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:1px 8px;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;background-color:#fff;font:bold 12px/16px Tahoma, Sans-serif;color:#323232;text-decoration:none;vertical-align:top} +.paginate_complex a:hover, +.paginate_complex a:active, +.paginate_complex a:focus{background-color:#f8f8f8} +.paginate_complex strong{color:#ff5901} +.paginate_complex .direction{border:0;font-weight:normal;color:#767676;text-decoration:none !important;z-index:1} +.paginate_complex .direction:hover, +.paginate_complex .direction:active, +.paginate_complex .direction:focus{color:#323232;background-color:#fff} +.paginate_complex .prev{border-left:0; margin-top:2px} +.paginate_complex .next{border-right:0; margin-top:2px} + +.num01{font-weight:bold; font-size:12pt; color:#555; margin-right:8px;} +.num02{font-weight:bold; font-size:8pt; color:#b1b1b1} +.graph{background:url('../images/cont/bg_graph.gif'); background-repeat:no-repeat; height:217px; margin-top:10px;} +.graph strong{color:#ff7200} +.graph2{background:url('../images/cont/bg_graph2.gif'); background-repeat:no-repeat; height:217px; margin-top:10px;} +.graph2 strong{color:#ea3f22} \ No newline at end of file diff --git a/apply/point/point_bottom.jsp b/apply/point/point_bottom.jsp new file mode 100644 index 0000000..fb6ecf0 --- /dev/null +++ b/apply/point/point_bottom.jsp @@ -0,0 +1,12 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> + +
+ +<% }else{%> + +<% } + rs_p.close(); +%> \ No newline at end of file diff --git a/apply/point/point_head.jsp b/apply/point/point_head.jsp new file mode 100644 index 0000000..f2f9162 --- /dev/null +++ b/apply/point/point_head.jsp @@ -0,0 +1,25 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<% + int c_project_no = 0; + int c_point_project_no = 0; + + String sql_p = "select a.*, b.c_name as p_name "; + + sql_p = sql_p + " ,( select c_name from tbl_apply_field where c_no = a.c_part ) as c_part_name "; + sql_p = sql_p + " ,( select c_use_field from tbl_apply_field where c_no = a.c_part ) as c_part_field "; + + sql_p = sql_p + " from tbl_point_project a "; + sql_p = sql_p + " inner join tbl_project b on b.c_no = a.c_project_no "; + sql_p = sql_p + " where a.c_home = " + c_home + " and a.c_maker = 0 and a.c_now = 1 "; + String c_part_name = ""; + String c_part_field = ""; + ResultSet rs_p = stmt.executeQuery(sql_p); + if(rs_p.next()){ + c_project_no = rs_p.getInt("c_project_no"); + c_point_project_no = rs_p.getInt("c_no"); + c_part_name = rs_p.getString("c_part_name"); + c_part_field = rs_p.getString("c_part_field"); +%> +
+
+ \ No newline at end of file diff --git a/apply/point/style.css b/apply/point/style.css new file mode 100644 index 0000000..483bc7f --- /dev/null +++ b/apply/point/style.css @@ -0,0 +1,141 @@ +a {text-decoration:none; color: 000000;} +a:hover {text-decoration:none; color: 355ca6} +img{border:none} + +BODY{scrollbar-face-color:#ECECEC; + scrollbar-highlight-color: #E3E1DE; + scrollbar-shadow-color: #CCCCCC; + scrollbar-3dlight-color: #F5F5F5; + scrollbar-darkshadow-color: #ffffff; + scrollbar-track-color: #FAFAFA; + scrollbar-arrow-color: #646464; + margin:0 0 0 0; } + + +td { font-family:Gulim,dotum; font-size:8pt; color:#5e5e5e; } +textarea{ font-family:Gulim; font-size:9pt; color:#474747; padding:5 5 5 5; } +select { font-size:9pt; color:#7F7F7F; font-family:Gulim; } +input { font-size:9pt; font-family:Gulim; padding-top:4px; color:#474747;} + + +.main_input { font-size:9pt; width:103px; height:19px; font-family:dotum; padding-top:2px; color:#474747; border:1x solid #AFAFAF; background-color:#EEEEEE; } + +.line01 { font-family:dotum,Gulim; font-size:9pt; color:#474747; border:1x solid #999999; padding:10 10 10 10; } +.textarea01 { + border:1x solid; border-color:#999999 #E3E3E3 #E3E3E3 #999999; color:#323232; + font-family:Gulim; font-size:9pt; padding:5 5 5 5; + scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #E3E3E3; + scrollbar-highlight-color: #E3E3E3; scrollbar-3dlight-color: #FFFFFF; + scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; + scrollbar-arrow-color: #999999; + +} + + + + +/* style */ +.log_input { font-size:11px; width:74px; height:15px; font-family:gulim; padding-top:2px; color:#ffffff;background-color:#A6C4DE; border:1x solid #A6C4DE} +.log_2008 { font-size:12px; width:105px; height:18px; font-family:gulim; padding-top:2px; color:#000000;background-color:#ffffff; border:1x solid #BFBFBF} +.log_input_kid { font-size:11px; width:105px; height:15px; font-family:gulim; padding-top:2px; color:#000000;background-color:#FEEEB2; border:1x solid #FEEEB2} +.log_input_kid_sub { font-size:11px; width:105px; height:15px; font-family:gulim; padding-top:2px; color:#000000;background-color:#ffffff; border:1x solid #ffffff} + +.input01 { font-family:Gulim; font-size:9pt; border:1x solid; border-color:#999999 #E3E3E3 #E3E3E3 #999999; color:#323232; } +.input02 { font-size:9pt; height:19px; font-family:gulim; padding-top:2px; color:#474747; border:1x solid #D4D0C8;} +.select01 { font-size:9pt; background-color:#F5EBE8; color:#323232; font-family:gulim; } +.select02 { font-size:9pt; background-color:#D6E3E6; color:#323232; font-family:gulim; } +.textarea01 { } + + +/* 한자공간*/ +.bluebold {font-family:Gulim; font-weight:bold; color:4164a5; text-align:center; padding-top:2} +.form { font-family:Gulim; font-size:9pt; border:1x solid; border-color:#f1f4f8 #f1f4f8 #f1f4f8 #f1f4f8; color:123579; background-color:f1f4f8 } + + + +/* 급수별강의실 */ + +.whitebold {font-family:Gulim; font-weight:bold; color:ffffff; background-repeat:no-repeat; padding-left:3} +.gwhitebold {font-family:Gulim; font-weight:bold; color:ffffff; background:#355ca6; text-align:center; padding-top:2} +.sblue { color:144196; font-size:11px} +.stext { color:797979; font-size:11px} + + +/* Submenu 색1 */ +.g_link { color:#ffffff; font-family:gulim;} +A.g_link:link { font-size:9pt; color:#646464; text-decoration: none; font-family:gulim; } +A.g_link:active { font-size:9pt; color:#646464; text-decoration: none; font-family:gulim; } +A.g_link:visited { font-size:9pt; color:#646464; text-decoration: none; font-family:gulim; } +A.g_link:hover { font-size:9pt; color:#000000; text-decoration: none; font-family:gulim; } + + +/* Submenu 색1 */ +.sub_menu { color:#ffffff; font-family:gulim;} +A.sub_menu:link { font-size:8pt; color:#7F7F7F; text-decoration: none; font-family:gulim; } +A.sub_menu:active { font-size:8pt; color:#7F7F7F; text-decoration: none; font-family:gulim; } +A.sub_menu:visited { font-size:8pt; color:#7F7F7F; text-decoration: none; font-family:gulim; } +A.sub_menu:hover { font-size:8pt; color:#000000; text-decoration: none; font-family:gulim; } + + +/* Submenu 색1 */ +.page_menu { color:#ffffff; font-family:gulim;} +A.page_menu:link { font-size:10pt; color:#7F7F7F; text-decoration: none; font-family:gulim; } +A.page_menu:active { font-size:10pt; color:#7F7F7F; text-decoration: none; font-family:gulim; } +A.page_menu:visited { font-size:10pt; color:#7F7F7F; text-decoration: none; font-family:gulim; } +A.page_menu:hover { font-size:10pt; color:#000000; text-decoration: none; font-family:gulim; } + + +/* 카테고리 색1 */ +.scate_s { color:#ffffff; font-family:gulim;} +A.scate_s:link { font-size:9pt; color:#ffffff; text-decoration: none; font-family:gulim; } +A.scate_s:active { font-size:9pt; color:#ffffff; text-decoration: none; font-family:gulim; } +A.scate_s:visited { font-size:9pt; color:#ffffff; text-decoration: none; font-family:gulim; } +A.scate_s:hover { font-size:9pt; color:#F6FF01; text-decoration: none; font-family:gulim; } + +/* 카테고리 색1 */ +.mcate_m { font-family:Gulim; font-size:11pt; color:#F6FF01; } +.list_s { font-family:Gulim; font-size:11px; color:#7F7F7F; } + +/* 1레벨 카테고리 */ +.cate1 { color:#ffffff; font-family:gulim; font-size:9pt;} +A.cate1:link { color:#ffffff; text-decoration: none; font-family:gulim; } +A.cate1:active { color:#ffffff; text-decoration: none;font-family:gulim; } +A.cate1:visited { color:#ffffff; text-decoration: none;font-family:gulim; } +A.cate1:hover { color:#000000; text-decoration: none;font-family:gulim; } + +.list_m { color:#7F7F7F; font-family:gulim; font-size:12px;} +A.list_m:link { color:#7F7F7F; text-decoration: none; font-family:gulim; } +A.list_m:active { color:#7F7F7F; text-decoration: none;font-family:gulim; } +A.list_m:visited { color:#7F7F7F; text-decoration: none;font-family:gulim; } +A.list_m:hover { color:#000000; text-decoration: none;font-family:gulim; } + +.list_l { color:#7F7F7F; font-family:gulim; font-size:13px;} +A.list_l:link { color:#7F7F7F; text-decoration: none; font-family:gulim; } +A.list_l:active { color:#7F7F7F; text-decoration: none;font-family:gulim; } +A.list_l:visited { color:#7F7F7F; text-decoration: none;font-family:gulim; } +A.list_l:hover { color:#000000; text-decoration: none;font-family:gulim; } + +/* 링크 1 */ +.link01 { color:#496468; font-family:gulim; } +A.link01:link { color:#496468; text-decoration: none; font-family:gulim; } +A.link01:active { color:#496468; text-decoration: none;font-family:gulim; } +A.link01:visited { color:#496468; text-decoration: none;font-family:gulim; } +A.link01:hover { color:#496468; text-decoration: none;font-family:gulim; } + +/* 링크 2 */ +.link02 { color:#DA8500; font-family:gulim; } +A.link02:link { color:#DA8500; text-decoration: none; font-family:gulim; } +A.link02:active { color:#DA8500; text-decoration: none;font-family:gulim; } +A.link02:visited { color:#DA8500; text-decoration: none;font-family:gulim; } +A.link02:hover { color:#D6572A; text-decoration: none;font-family:gulim; } + + + + + +.sub_navi { font-size:11px; font-family:돋움; color:#6c6c6c } +.navi_link {text-decoration: none; font-size:11px; color:#6c6c6c; font-family:돋움; } +A.navi_link:link {text-decoration: none; font-size:11px; color:#6c6c6c; font-family:돋움; } +A.navi_link:active {text-decoration: none; font-size:11px; color:#6c6c6c; font-family:돋움;} +A.navi_link:visited text-decoration: none; font-size:11px; color:#6c6c6c; font-family:돋움;} +A.navi_link:hover {text-decoration: none; font-size:11px; color:#323232; font-family:돋움;} diff --git a/apply/point/view_team.jsp b/apply/point/view_team.jsp new file mode 100644 index 0000000..b0688f1 --- /dev/null +++ b/apply/point/view_team.jsp @@ -0,0 +1,206 @@ +<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/include.jsp"%> +<% + String c_project_no = r_call(request.getParameter("c_project_no")); + String c_team_no = r_call(request.getParameter("c_team_no")); + int c_now_propose = 0; + if(c_project_no.equals("")){ +%> + +<% + }else{ + String slq_chekc = "select * from tbl_apply_team where c_project_no = "+ c_project_no + " and c_no = " + c_team_no + " and c_use = 0 "; + ResultSet rs_check = stmt.executeQuery(slq_chekc); + if (rs_check.next()) { + + + String sql_up = " SELECT c.*, a.c_name as u_name, b.c_name as f_name "; + sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ; + sql_up = sql_up + " from tbl_project c "; + sql_up = sql_up + " inner join tbl_project a on a.c_no = c.c_up_no "; + sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field "; + sql_up = sql_up + " where c.c_no = " + c_project_no; + + ResultSet rs_up = stmt.executeQuery(sql_up); + if (rs_up.next()) { + c_now_propose = rs_up.getInt("c_now_propose"); + + +%> + + + +
+ + + + +
+ + + + +
+ Información del equipo de solicitud del proyecto +
+ + + + + + + + + + + + + + + +
Campo principal + <%=rs_up.getString("f_name")%> +
Categoría + <%=rs_up.getString("u_name")%> +
Nombre del proyecto + <%=rs_up.getString("c_name")%> +
+ <% + + } + rs_up.close(); + +%> + + + + +
+ * Información del equipo de aplicación +
+ + + + + + + + <% + int i = 0; + int stu_check = 1; + String sql_field = " SELECT * from tbl_apply_field where c_project_no = " + c_project_no +" order by c_order asc "; + ResultSet rs_field = stmt.executeQuery(sql_field); + while (rs_field.next()) { + if(rs_field.getString("c_use_field").equals("c_grade")){ + stu_check = 0; + } + i = i + 1; + %> + + + + + + + + + + <% + + } + rs_field.close(); + %> +
Artículo Contenido
+ <%=rs_field.getString("c_name")%> + + <%if(rs_field.getInt("c_type") == 1){%> + <%=rs_check.getString(rs_field.getString("c_use_field"))%> + <%}%> + <%if(rs_field.getInt("c_type") == 2){ + %> + <%=rs_check.getString(rs_field.getString("c_use_field"))%> + <%}%> + <%if(rs_field.getInt("c_type") == 3){%> + <%=rs_check.getString(rs_field.getString("c_use_field"))%> + <%}%> + <%if(rs_field.getInt("c_type") == 4){%> + Archivo de registro : "><%=rs_check.getString(rs_field.getString("c_use_field"))%> + + <%}%> +
+ <% + String major_t = "Departamento"; + String grade_t = "calificación"; + if( stu_check == 1){ + major_t = "Departamento"; + grade_t = "rango"; + } + %> + + + + +
+ * Información de los miembros del equipo +
+ + + + + + + + + + <% + String slq_t = "select * from tbl_apply_team_member where c_project_no = "+ c_project_no + " and c_team_no = " + c_team_no + " and c_use = 0 order by c_type desc "; + ResultSet rs_t = stmt2.executeQuery(slq_t); + while(rs_t.next()) { + %> + + + + + + + + + <%} + rs_t.close(); + %> +
Jefe de equipo. Email nombre teléfono <%=major_t%> <%=grade_t%>
+ <%if(rs_t.getInt("c_type") == 1){%> + Jefe de equipo + <%}else{%> + Miembros del equipo + <%}%> + + <%=rs_t.getString("c_email")%> + + <%=rs_t.getString("c_name")%> + + <%=rs_t.getString("c_phone")%> + + <%=rs_t.getString("c_major")%> + + <%=rs_t.getString("c_grade")%> +
+ +

+

+
+ + +<%}else{%> + + <%} + rs_check.close(); + %> + <%}%> +<%@include file="/include/include_b.jsp"%> diff --git a/apply/relation/login_ok.jsp b/apply/relation/login_ok.jsp new file mode 100644 index 0000000..46a13a7 --- /dev/null +++ b/apply/relation/login_ok.jsp @@ -0,0 +1,55 @@ +<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> +<%@include file="/include/db/db_connect.jsp"%> +<%@include file="/include/function/function.jsp"%> +<%request.setCharacterEncoding("utf-8");%> +<% + + String c_id = r_call(request.getParameter("c_id")); + String c_pass = r_call(request.getParameter("c_pass")); + String return_no = r_call(request.getParameter("return_no")); + + + + String sql= "select * from tbl_member where c_id= '"+ c_id +"' and c_pass = '" + c_pass + "' and c_use = 0 "; + ResultSet rs=stmt.executeQuery(sql); + if(rs.next()){ + + session.setAttribute("member_no",rs.getString("c_no")); + session.setAttribute("member_name",rs.getString("c_name")); + session.setAttribute("member_home",rs.getString("c_from")); + + String r_url="/default.jsp"; + if(!return_no.equals("")){ + String sql_re= "select * from tbl_menu where c_no= " + return_no; + ResultSet rs_re=stmt.executeQuery(sql_re); + if(rs_re.next()){ + if(rs_re.getInt("c_type") == 1){ + r_url = "/cms_for_bcb/show.jsp?show_no="+ rs_re.getInt("c_no") +"&check_no="+ rs_re.getInt("c_up_no") +"&c_relation="+ rs_re.getInt("c_relation") +"&c_relation2="+ rs_re.getInt("c_relation2") +""; + } + if(rs_re.getInt("c_type") == 2){ + r_url = "/cms_for_bcb/process/"+ rs_re.getString("c_content") +"/list.jsp?show_no="+ rs_re.getInt("c_no") +"&check_no="+ rs_re.getInt("c_up_no") +"&c_relation="+ rs_re.getInt("c_relation") +"&c_relation2="+ rs_re.getInt("c_relation2") +""; + } + } + rs_re.close(); + } + +%> + +<% + + }else{ +%> + +<% + } + rs.close(); + + + %> +<%@include file="/include/db/db_close.jsp"%> diff --git a/apply/revolution/assets/slider-01/02483-02.jpg b/apply/revolution/assets/slider-01/02483-02.jpg new file mode 100644 index 0000000..4ba7c4a Binary files /dev/null and b/apply/revolution/assets/slider-01/02483-02.jpg differ diff --git a/apply/revolution/assets/slider-01/1a353-01.jpg b/apply/revolution/assets/slider-01/1a353-01.jpg new file mode 100644 index 0000000..d753fd5 Binary files /dev/null and b/apply/revolution/assets/slider-01/1a353-01.jpg differ diff --git a/apply/revolution/assets/slider-01/70x70_02483-02.jpg b/apply/revolution/assets/slider-01/70x70_02483-02.jpg new file mode 100644 index 0000000..11e9414 Binary files /dev/null and b/apply/revolution/assets/slider-01/70x70_02483-02.jpg differ diff --git a/apply/revolution/assets/slider-01/70x70_1a353-01.jpg b/apply/revolution/assets/slider-01/70x70_1a353-01.jpg new file mode 100644 index 0000000..9989392 Binary files /dev/null and b/apply/revolution/assets/slider-01/70x70_1a353-01.jpg differ diff --git a/apply/revolution/assets/slider-01/Thumbs.db b/apply/revolution/assets/slider-01/Thumbs.db new file mode 100644 index 0000000..b7390a1 Binary files /dev/null and b/apply/revolution/assets/slider-01/Thumbs.db differ diff --git a/apply/revolution/assets/slider-02/4fd8a-bg.jpg b/apply/revolution/assets/slider-02/4fd8a-bg.jpg new file mode 100644 index 0000000..fc68917 Binary files /dev/null and b/apply/revolution/assets/slider-02/4fd8a-bg.jpg differ diff --git a/apply/revolution/assets/slider-02/71766-bg.jpg b/apply/revolution/assets/slider-02/71766-bg.jpg new file mode 100644 index 0000000..3255432 Binary files /dev/null and b/apply/revolution/assets/slider-02/71766-bg.jpg differ diff --git a/apply/revolution/assets/slider-02/90x900_4fd8a-bg.jpg b/apply/revolution/assets/slider-02/90x900_4fd8a-bg.jpg new file mode 100644 index 0000000..d21b427 Binary files /dev/null and b/apply/revolution/assets/slider-02/90x900_4fd8a-bg.jpg differ diff --git a/apply/revolution/assets/slider-02/90x900_71766-bg.jpg b/apply/revolution/assets/slider-02/90x900_71766-bg.jpg new file mode 100644 index 0000000..24891cd Binary files /dev/null and b/apply/revolution/assets/slider-02/90x900_71766-bg.jpg differ diff --git a/apply/revolution/assets/slider-02/Thumbs.db b/apply/revolution/assets/slider-02/Thumbs.db new file mode 100644 index 0000000..1b16fbe Binary files /dev/null and b/apply/revolution/assets/slider-02/Thumbs.db differ diff --git a/apply/revolution/assets/slider-03/2a3ef-4.png b/apply/revolution/assets/slider-03/2a3ef-4.png new file mode 100644 index 0000000..a38fe4b Binary files /dev/null and b/apply/revolution/assets/slider-03/2a3ef-4.png differ diff --git a/apply/revolution/assets/slider-03/2f5f7-7.png b/apply/revolution/assets/slider-03/2f5f7-7.png new file mode 100644 index 0000000..90c1011 Binary files /dev/null and b/apply/revolution/assets/slider-03/2f5f7-7.png differ diff --git a/apply/revolution/assets/slider-03/5536f-Shadow.png b/apply/revolution/assets/slider-03/5536f-Shadow.png new file mode 100644 index 0000000..63759a9 Binary files /dev/null and b/apply/revolution/assets/slider-03/5536f-Shadow.png differ diff --git a/apply/revolution/assets/slider-03/73382-15.png b/apply/revolution/assets/slider-03/73382-15.png new file mode 100644 index 0000000..a59b698 Binary files /dev/null and b/apply/revolution/assets/slider-03/73382-15.png differ diff --git a/apply/revolution/assets/slider-03/756d0-9.png b/apply/revolution/assets/slider-03/756d0-9.png new file mode 100644 index 0000000..242fc14 Binary files /dev/null and b/apply/revolution/assets/slider-03/756d0-9.png differ diff --git a/apply/revolution/assets/slider-03/7c087-6.png b/apply/revolution/assets/slider-03/7c087-6.png new file mode 100644 index 0000000..400a6ab Binary files /dev/null and b/apply/revolution/assets/slider-03/7c087-6.png differ diff --git a/apply/revolution/assets/slider-03/7f737-11.png b/apply/revolution/assets/slider-03/7f737-11.png new file mode 100644 index 0000000..7835854 Binary files /dev/null and b/apply/revolution/assets/slider-03/7f737-11.png differ diff --git a/apply/revolution/assets/slider-03/85cc7-5.png b/apply/revolution/assets/slider-03/85cc7-5.png new file mode 100644 index 0000000..1edaa99 Binary files /dev/null and b/apply/revolution/assets/slider-03/85cc7-5.png differ diff --git a/apply/revolution/assets/slider-03/8f4ba-14.png b/apply/revolution/assets/slider-03/8f4ba-14.png new file mode 100644 index 0000000..135a266 Binary files /dev/null and b/apply/revolution/assets/slider-03/8f4ba-14.png differ diff --git a/apply/revolution/assets/slider-03/Thumbs.db b/apply/revolution/assets/slider-03/Thumbs.db new file mode 100644 index 0000000..02fea17 Binary files /dev/null and b/apply/revolution/assets/slider-03/Thumbs.db differ diff --git a/apply/revolution/assets/slider-03/a5c1a-16.png b/apply/revolution/assets/slider-03/a5c1a-16.png new file mode 100644 index 0000000..ae8672d Binary files /dev/null and b/apply/revolution/assets/slider-03/a5c1a-16.png differ diff --git a/apply/revolution/assets/slider-03/ab657-13.png b/apply/revolution/assets/slider-03/ab657-13.png new file mode 100644 index 0000000..9911b75 Binary files /dev/null and b/apply/revolution/assets/slider-03/ab657-13.png differ diff --git a/apply/revolution/assets/slider-03/b894c-Bg.jpg b/apply/revolution/assets/slider-03/b894c-Bg.jpg new file mode 100644 index 0000000..1221d64 Binary files /dev/null and b/apply/revolution/assets/slider-03/b894c-Bg.jpg differ diff --git a/apply/revolution/assets/slider-03/ce4ef-12.png b/apply/revolution/assets/slider-03/ce4ef-12.png new file mode 100644 index 0000000..501e094 Binary files /dev/null and b/apply/revolution/assets/slider-03/ce4ef-12.png differ diff --git a/apply/revolution/assets/slider-03/db7df-10.png b/apply/revolution/assets/slider-03/db7df-10.png new file mode 100644 index 0000000..b53ab1e Binary files /dev/null and b/apply/revolution/assets/slider-03/db7df-10.png differ diff --git a/apply/revolution/assets/slider-03/e5039-17.png b/apply/revolution/assets/slider-03/e5039-17.png new file mode 100644 index 0000000..b9d5bbc Binary files /dev/null and b/apply/revolution/assets/slider-03/e5039-17.png differ diff --git a/apply/revolution/assets/slider-03/ea23f-8.png b/apply/revolution/assets/slider-03/ea23f-8.png new file mode 100644 index 0000000..68174e5 Binary files /dev/null and b/apply/revolution/assets/slider-03/ea23f-8.png differ diff --git a/apply/revolution/assets/slider-04/180x110_32c00-01.jpg b/apply/revolution/assets/slider-04/180x110_32c00-01.jpg new file mode 100644 index 0000000..07bcc20 Binary files /dev/null and b/apply/revolution/assets/slider-04/180x110_32c00-01.jpg differ diff --git a/apply/revolution/assets/slider-04/180x110_c78a6-02.jpg b/apply/revolution/assets/slider-04/180x110_c78a6-02.jpg new file mode 100644 index 0000000..439d708 Binary files /dev/null and b/apply/revolution/assets/slider-04/180x110_c78a6-02.jpg differ diff --git a/apply/revolution/assets/slider-04/32c00-01.jpg b/apply/revolution/assets/slider-04/32c00-01.jpg new file mode 100644 index 0000000..b0fcb59 Binary files /dev/null and b/apply/revolution/assets/slider-04/32c00-01.jpg differ diff --git a/apply/revolution/assets/slider-04/Thumbs.db b/apply/revolution/assets/slider-04/Thumbs.db new file mode 100644 index 0000000..714ccf8 Binary files /dev/null and b/apply/revolution/assets/slider-04/Thumbs.db differ diff --git a/apply/revolution/assets/slider-04/c78a6-02.jpg b/apply/revolution/assets/slider-04/c78a6-02.jpg new file mode 100644 index 0000000..b8cd7c3 Binary files /dev/null and b/apply/revolution/assets/slider-04/c78a6-02.jpg differ diff --git a/apply/revolution/assets/slider-05/100x50_25f4d-848ab-Untitled-2.jpg b/apply/revolution/assets/slider-05/100x50_25f4d-848ab-Untitled-2.jpg new file mode 100644 index 0000000..3d075b0 Binary files /dev/null and b/apply/revolution/assets/slider-05/100x50_25f4d-848ab-Untitled-2.jpg differ diff --git a/apply/revolution/assets/slider-05/100x50_bfca5-650e2-02.jpg b/apply/revolution/assets/slider-05/100x50_bfca5-650e2-02.jpg new file mode 100644 index 0000000..a0c1369 Binary files /dev/null and b/apply/revolution/assets/slider-05/100x50_bfca5-650e2-02.jpg differ diff --git a/apply/revolution/assets/slider-05/25f4d-848ab-Untitled-2.jpg b/apply/revolution/assets/slider-05/25f4d-848ab-Untitled-2.jpg new file mode 100644 index 0000000..114bd67 Binary files /dev/null and b/apply/revolution/assets/slider-05/25f4d-848ab-Untitled-2.jpg differ diff --git a/apply/revolution/assets/slider-05/Thumbs.db b/apply/revolution/assets/slider-05/Thumbs.db new file mode 100644 index 0000000..bef8ed8 Binary files /dev/null and b/apply/revolution/assets/slider-05/Thumbs.db differ diff --git a/apply/revolution/assets/slider-05/bfca5-650e2-02.jpg b/apply/revolution/assets/slider-05/bfca5-650e2-02.jpg new file mode 100644 index 0000000..f52a8d7 Binary files /dev/null and b/apply/revolution/assets/slider-05/bfca5-650e2-02.jpg differ diff --git a/apply/revolution/assets/slider-06/100x50_95d68-bg.jpg b/apply/revolution/assets/slider-06/100x50_95d68-bg.jpg new file mode 100644 index 0000000..98b4782 Binary files /dev/null and b/apply/revolution/assets/slider-06/100x50_95d68-bg.jpg differ diff --git a/apply/revolution/assets/slider-06/100x50_ac32d-bg.jpg b/apply/revolution/assets/slider-06/100x50_ac32d-bg.jpg new file mode 100644 index 0000000..22c1e93 Binary files /dev/null and b/apply/revolution/assets/slider-06/100x50_ac32d-bg.jpg differ diff --git a/apply/revolution/assets/slider-06/100x50_c81f3-ac32d-bg.jpg b/apply/revolution/assets/slider-06/100x50_c81f3-ac32d-bg.jpg new file mode 100644 index 0000000..3ed7023 Binary files /dev/null and b/apply/revolution/assets/slider-06/100x50_c81f3-ac32d-bg.jpg differ diff --git a/apply/revolution/assets/slider-06/14957-skull.png b/apply/revolution/assets/slider-06/14957-skull.png new file mode 100644 index 0000000..8e9aed0 Binary files /dev/null and b/apply/revolution/assets/slider-06/14957-skull.png differ diff --git a/apply/revolution/assets/slider-06/17988-plan.png b/apply/revolution/assets/slider-06/17988-plan.png new file mode 100644 index 0000000..c75e656 Binary files /dev/null and b/apply/revolution/assets/slider-06/17988-plan.png differ diff --git a/apply/revolution/assets/slider-06/1aee7-clock.png b/apply/revolution/assets/slider-06/1aee7-clock.png new file mode 100644 index 0000000..22c3176 Binary files /dev/null and b/apply/revolution/assets/slider-06/1aee7-clock.png differ diff --git a/apply/revolution/assets/slider-06/1c427-3.png b/apply/revolution/assets/slider-06/1c427-3.png new file mode 100644 index 0000000..57fdcf4 Binary files /dev/null and b/apply/revolution/assets/slider-06/1c427-3.png differ diff --git a/apply/revolution/assets/slider-06/27713-4.png b/apply/revolution/assets/slider-06/27713-4.png new file mode 100644 index 0000000..5930df2 Binary files /dev/null and b/apply/revolution/assets/slider-06/27713-4.png differ diff --git a/apply/revolution/assets/slider-06/4dc69-Ruler.png b/apply/revolution/assets/slider-06/4dc69-Ruler.png new file mode 100644 index 0000000..ae384d5 Binary files /dev/null and b/apply/revolution/assets/slider-06/4dc69-Ruler.png differ diff --git a/apply/revolution/assets/slider-06/6a46f-keyboard.png b/apply/revolution/assets/slider-06/6a46f-keyboard.png new file mode 100644 index 0000000..e5a32b2 Binary files /dev/null and b/apply/revolution/assets/slider-06/6a46f-keyboard.png differ diff --git a/apply/revolution/assets/slider-06/715f2-lamp.png b/apply/revolution/assets/slider-06/715f2-lamp.png new file mode 100644 index 0000000..2352b81 Binary files /dev/null and b/apply/revolution/assets/slider-06/715f2-lamp.png differ diff --git a/apply/revolution/assets/slider-06/7bf8e-2.png b/apply/revolution/assets/slider-06/7bf8e-2.png new file mode 100644 index 0000000..11d4674 Binary files /dev/null and b/apply/revolution/assets/slider-06/7bf8e-2.png differ diff --git a/apply/revolution/assets/slider-06/89354-Pencils.png b/apply/revolution/assets/slider-06/89354-Pencils.png new file mode 100644 index 0000000..760cf0d Binary files /dev/null and b/apply/revolution/assets/slider-06/89354-Pencils.png differ diff --git a/apply/revolution/assets/slider-06/952ba-clock.png b/apply/revolution/assets/slider-06/952ba-clock.png new file mode 100644 index 0000000..e5138e3 Binary files /dev/null and b/apply/revolution/assets/slider-06/952ba-clock.png differ diff --git a/apply/revolution/assets/slider-06/95d68-bg.jpg b/apply/revolution/assets/slider-06/95d68-bg.jpg new file mode 100644 index 0000000..407c951 Binary files /dev/null and b/apply/revolution/assets/slider-06/95d68-bg.jpg differ diff --git a/apply/revolution/assets/slider-06/Thumbs.db b/apply/revolution/assets/slider-06/Thumbs.db new file mode 100644 index 0000000..c3ec4bf Binary files /dev/null and b/apply/revolution/assets/slider-06/Thumbs.db differ diff --git a/apply/revolution/assets/slider-06/ac32d-bg.jpg b/apply/revolution/assets/slider-06/ac32d-bg.jpg new file mode 100644 index 0000000..e547802 Binary files /dev/null and b/apply/revolution/assets/slider-06/ac32d-bg.jpg differ diff --git a/apply/revolution/assets/slider-06/bb88b-plant.png b/apply/revolution/assets/slider-06/bb88b-plant.png new file mode 100644 index 0000000..ceec2d3 Binary files /dev/null and b/apply/revolution/assets/slider-06/bb88b-plant.png differ diff --git a/apply/revolution/assets/slider-06/bc107-mouse.png b/apply/revolution/assets/slider-06/bc107-mouse.png new file mode 100644 index 0000000..dd60f93 Binary files /dev/null and b/apply/revolution/assets/slider-06/bc107-mouse.png differ diff --git a/apply/revolution/assets/slider-06/c6ce7-cup.png b/apply/revolution/assets/slider-06/c6ce7-cup.png new file mode 100644 index 0000000..ea0bc4e Binary files /dev/null and b/apply/revolution/assets/slider-06/c6ce7-cup.png differ diff --git a/apply/revolution/assets/slider-06/c81f3-ac32d-bg.jpg b/apply/revolution/assets/slider-06/c81f3-ac32d-bg.jpg new file mode 100644 index 0000000..df1d178 Binary files /dev/null and b/apply/revolution/assets/slider-06/c81f3-ac32d-bg.jpg differ diff --git a/apply/revolution/assets/slider-06/ced2b-book.png b/apply/revolution/assets/slider-06/ced2b-book.png new file mode 100644 index 0000000..ff5519c Binary files /dev/null and b/apply/revolution/assets/slider-06/ced2b-book.png differ diff --git a/apply/revolution/assets/slider-06/da328-pc1.png b/apply/revolution/assets/slider-06/da328-pc1.png new file mode 100644 index 0000000..992c36d Binary files /dev/null and b/apply/revolution/assets/slider-06/da328-pc1.png differ diff --git a/apply/revolution/assets/slider-06/ea737-Pressform.png b/apply/revolution/assets/slider-06/ea737-Pressform.png new file mode 100644 index 0000000..a7b385e Binary files /dev/null and b/apply/revolution/assets/slider-06/ea737-Pressform.png differ diff --git a/apply/revolution/assets/slider-06/f3523-tag.png b/apply/revolution/assets/slider-06/f3523-tag.png new file mode 100644 index 0000000..a5ed6d2 Binary files /dev/null and b/apply/revolution/assets/slider-06/f3523-tag.png differ diff --git a/apply/revolution/assets/slider-07/160x70_29f21-02.jpg b/apply/revolution/assets/slider-07/160x70_29f21-02.jpg new file mode 100644 index 0000000..f59dfae Binary files /dev/null and b/apply/revolution/assets/slider-07/160x70_29f21-02.jpg differ diff --git a/apply/revolution/assets/slider-07/160x70_92af2-01.jpg b/apply/revolution/assets/slider-07/160x70_92af2-01.jpg new file mode 100644 index 0000000..32e73c1 Binary files /dev/null and b/apply/revolution/assets/slider-07/160x70_92af2-01.jpg differ diff --git a/apply/revolution/assets/slider-07/29f21-02.jpg b/apply/revolution/assets/slider-07/29f21-02.jpg new file mode 100644 index 0000000..34731b1 Binary files /dev/null and b/apply/revolution/assets/slider-07/29f21-02.jpg differ diff --git a/apply/revolution/assets/slider-07/92af2-01.jpg b/apply/revolution/assets/slider-07/92af2-01.jpg new file mode 100644 index 0000000..765acfe Binary files /dev/null and b/apply/revolution/assets/slider-07/92af2-01.jpg differ diff --git a/apply/revolution/assets/slider-07/Thumbs.db b/apply/revolution/assets/slider-07/Thumbs.db new file mode 100644 index 0000000..f763323 Binary files /dev/null and b/apply/revolution/assets/slider-07/Thumbs.db differ diff --git a/apply/revolution/assets/slider-08/6833d-IMG_19092017_181434_0.png b/apply/revolution/assets/slider-08/6833d-IMG_19092017_181434_0.png new file mode 100644 index 0000000..eb57e1e Binary files /dev/null and b/apply/revolution/assets/slider-08/6833d-IMG_19092017_181434_0.png differ diff --git a/apply/revolution/assets/slider-08/Thumbs.db b/apply/revolution/assets/slider-08/Thumbs.db new file mode 100644 index 0000000..fc8399d Binary files /dev/null and b/apply/revolution/assets/slider-08/Thumbs.db differ diff --git a/apply/revolution/assets/slider-10/100x50_2f733-bg.jpg b/apply/revolution/assets/slider-10/100x50_2f733-bg.jpg new file mode 100644 index 0000000..7b497af Binary files /dev/null and b/apply/revolution/assets/slider-10/100x50_2f733-bg.jpg differ diff --git a/apply/revolution/assets/slider-10/1bf51-Man.png b/apply/revolution/assets/slider-10/1bf51-Man.png new file mode 100644 index 0000000..e934e98 Binary files /dev/null and b/apply/revolution/assets/slider-10/1bf51-Man.png differ diff --git a/apply/revolution/assets/slider-10/208a5-border2.png b/apply/revolution/assets/slider-10/208a5-border2.png new file mode 100644 index 0000000..006d4d1 Binary files /dev/null and b/apply/revolution/assets/slider-10/208a5-border2.png differ diff --git a/apply/revolution/assets/slider-10/2f733-bg.jpg b/apply/revolution/assets/slider-10/2f733-bg.jpg new file mode 100644 index 0000000..fb64269 Binary files /dev/null and b/apply/revolution/assets/slider-10/2f733-bg.jpg differ diff --git a/apply/revolution/assets/slider-10/30f39-1.png b/apply/revolution/assets/slider-10/30f39-1.png new file mode 100644 index 0000000..f06b895 Binary files /dev/null and b/apply/revolution/assets/slider-10/30f39-1.png differ diff --git a/apply/revolution/assets/slider-10/8f533-1.png b/apply/revolution/assets/slider-10/8f533-1.png new file mode 100644 index 0000000..a942e9e Binary files /dev/null and b/apply/revolution/assets/slider-10/8f533-1.png differ diff --git a/apply/revolution/assets/slider-10/Thumbs.db b/apply/revolution/assets/slider-10/Thumbs.db new file mode 100644 index 0000000..53bbd81 Binary files /dev/null and b/apply/revolution/assets/slider-10/Thumbs.db differ diff --git a/apply/revolution/assets/slider-10/mm1.jpg b/apply/revolution/assets/slider-10/mm1.jpg new file mode 100644 index 0000000..73d8fc8 Binary files /dev/null and b/apply/revolution/assets/slider-10/mm1.jpg differ diff --git a/apply/revolution/assets/slider-10/mm1_r.jpg b/apply/revolution/assets/slider-10/mm1_r.jpg new file mode 100644 index 0000000..06d8452 Binary files /dev/null and b/apply/revolution/assets/slider-10/mm1_r.jpg differ diff --git a/apply/revolution/assets/slider-10/mm2.jpg b/apply/revolution/assets/slider-10/mm2.jpg new file mode 100644 index 0000000..4be001f Binary files /dev/null and b/apply/revolution/assets/slider-10/mm2.jpg differ diff --git a/apply/revolution/assets/slider-10/mm3.jpg b/apply/revolution/assets/slider-10/mm3.jpg new file mode 100644 index 0000000..97c2f64 Binary files /dev/null and b/apply/revolution/assets/slider-10/mm3.jpg differ diff --git a/apply/revolution/assets/slider-10/mm4.jpg b/apply/revolution/assets/slider-10/mm4.jpg new file mode 100644 index 0000000..adbdcce Binary files /dev/null and b/apply/revolution/assets/slider-10/mm4.jpg differ diff --git a/apply/revolution/assets/slider-10/mm5.jpg b/apply/revolution/assets/slider-10/mm5.jpg new file mode 100644 index 0000000..6d40122 Binary files /dev/null and b/apply/revolution/assets/slider-10/mm5.jpg differ diff --git a/apply/revolution/assets/slider-10/mm6.jpg b/apply/revolution/assets/slider-10/mm6.jpg new file mode 100644 index 0000000..bb8297f Binary files /dev/null and b/apply/revolution/assets/slider-10/mm6.jpg differ diff --git a/apply/revolution/assets/slider-10/mm7.jpg b/apply/revolution/assets/slider-10/mm7.jpg new file mode 100644 index 0000000..743b01f Binary files /dev/null and b/apply/revolution/assets/slider-10/mm7.jpg differ diff --git a/apply/revolution/assets/slider-10/mm8.jpg b/apply/revolution/assets/slider-10/mm8.jpg new file mode 100644 index 0000000..87973a3 Binary files /dev/null and b/apply/revolution/assets/slider-10/mm8.jpg differ diff --git a/apply/revolution/assets/slider-10/mm9.jpg b/apply/revolution/assets/slider-10/mm9.jpg new file mode 100644 index 0000000..646e8e8 Binary files /dev/null and b/apply/revolution/assets/slider-10/mm9.jpg differ diff --git a/apply/revolution/assets/slider-10/transparent.png b/apply/revolution/assets/slider-10/transparent.png new file mode 100644 index 0000000..dba9084 Binary files /dev/null and b/apply/revolution/assets/slider-10/transparent.png differ diff --git a/apply/revolution/assets/slider-cafe/04a4e-6.png b/apply/revolution/assets/slider-cafe/04a4e-6.png new file mode 100644 index 0000000..09bf183 Binary files /dev/null and b/apply/revolution/assets/slider-cafe/04a4e-6.png differ diff --git a/apply/revolution/assets/slider-cafe/0715e-5.png b/apply/revolution/assets/slider-cafe/0715e-5.png new file mode 100644 index 0000000..994c2eb Binary files /dev/null and b/apply/revolution/assets/slider-cafe/0715e-5.png differ diff --git a/apply/revolution/assets/slider-cafe/0bf25-2.jpg b/apply/revolution/assets/slider-cafe/0bf25-2.jpg new file mode 100644 index 0000000..1da86de Binary files /dev/null and b/apply/revolution/assets/slider-cafe/0bf25-2.jpg differ diff --git a/apply/revolution/assets/slider-cafe/100x50_0bf25-2.jpg b/apply/revolution/assets/slider-cafe/100x50_0bf25-2.jpg new file mode 100644 index 0000000..065f031 Binary files /dev/null and b/apply/revolution/assets/slider-cafe/100x50_0bf25-2.jpg differ diff --git a/apply/revolution/assets/slider-cafe/100x50_48d5d-1.jpg b/apply/revolution/assets/slider-cafe/100x50_48d5d-1.jpg new file mode 100644 index 0000000..e303a51 Binary files /dev/null and b/apply/revolution/assets/slider-cafe/100x50_48d5d-1.jpg differ diff --git a/apply/revolution/assets/slider-cafe/11956-7.png b/apply/revolution/assets/slider-cafe/11956-7.png new file mode 100644 index 0000000..739c27e Binary files /dev/null and b/apply/revolution/assets/slider-cafe/11956-7.png differ diff --git a/apply/revolution/assets/slider-cafe/33e54-Untitled-4.png b/apply/revolution/assets/slider-cafe/33e54-Untitled-4.png new file mode 100644 index 0000000..40cd26c Binary files /dev/null and b/apply/revolution/assets/slider-cafe/33e54-Untitled-4.png differ diff --git a/apply/revolution/assets/slider-cafe/48d5d-1.jpg b/apply/revolution/assets/slider-cafe/48d5d-1.jpg new file mode 100644 index 0000000..140de4f Binary files /dev/null and b/apply/revolution/assets/slider-cafe/48d5d-1.jpg differ diff --git a/apply/revolution/assets/slider-cafe/50537-2.png b/apply/revolution/assets/slider-cafe/50537-2.png new file mode 100644 index 0000000..99185be Binary files /dev/null and b/apply/revolution/assets/slider-cafe/50537-2.png differ diff --git a/apply/revolution/assets/slider-cafe/54b8e-8.png b/apply/revolution/assets/slider-cafe/54b8e-8.png new file mode 100644 index 0000000..9b9bcad Binary files /dev/null and b/apply/revolution/assets/slider-cafe/54b8e-8.png differ diff --git a/apply/revolution/assets/slider-cafe/5535e-9.png b/apply/revolution/assets/slider-cafe/5535e-9.png new file mode 100644 index 0000000..e0c516d Binary files /dev/null and b/apply/revolution/assets/slider-cafe/5535e-9.png differ diff --git a/apply/revolution/assets/slider-cafe/80a55-10.png b/apply/revolution/assets/slider-cafe/80a55-10.png new file mode 100644 index 0000000..b69bcf6 Binary files /dev/null and b/apply/revolution/assets/slider-cafe/80a55-10.png differ diff --git a/apply/revolution/assets/slider-cafe/87d89-papecup.png b/apply/revolution/assets/slider-cafe/87d89-papecup.png new file mode 100644 index 0000000..7817c4e Binary files /dev/null and b/apply/revolution/assets/slider-cafe/87d89-papecup.png differ diff --git a/apply/revolution/assets/slider-cafe/Thumbs.db b/apply/revolution/assets/slider-cafe/Thumbs.db new file mode 100644 index 0000000..dfe109c Binary files /dev/null and b/apply/revolution/assets/slider-cafe/Thumbs.db differ diff --git a/apply/revolution/assets/slider-cafe/c40ce-arrow.png b/apply/revolution/assets/slider-cafe/c40ce-arrow.png new file mode 100644 index 0000000..f739e34 Binary files /dev/null and b/apply/revolution/assets/slider-cafe/c40ce-arrow.png differ diff --git a/apply/revolution/assets/slider-cafe/d0f8c-Donut.png b/apply/revolution/assets/slider-cafe/d0f8c-Donut.png new file mode 100644 index 0000000..b139cc2 Binary files /dev/null and b/apply/revolution/assets/slider-cafe/d0f8c-Donut.png differ diff --git a/apply/revolution/assets/slider-construction/03f46-4.png b/apply/revolution/assets/slider-construction/03f46-4.png new file mode 100644 index 0000000..40b3885 Binary files /dev/null and b/apply/revolution/assets/slider-construction/03f46-4.png differ diff --git a/apply/revolution/assets/slider-construction/100x50_ae8a9-1.jpg b/apply/revolution/assets/slider-construction/100x50_ae8a9-1.jpg new file mode 100644 index 0000000..483413f Binary files /dev/null and b/apply/revolution/assets/slider-construction/100x50_ae8a9-1.jpg differ diff --git a/apply/revolution/assets/slider-construction/100x50_b9486-2.jpg b/apply/revolution/assets/slider-construction/100x50_b9486-2.jpg new file mode 100644 index 0000000..fdadef4 Binary files /dev/null and b/apply/revolution/assets/slider-construction/100x50_b9486-2.jpg differ diff --git a/apply/revolution/assets/slider-construction/6f8d6-2.png b/apply/revolution/assets/slider-construction/6f8d6-2.png new file mode 100644 index 0000000..33f8199 Binary files /dev/null and b/apply/revolution/assets/slider-construction/6f8d6-2.png differ diff --git a/apply/revolution/assets/slider-construction/Thumbs.db b/apply/revolution/assets/slider-construction/Thumbs.db new file mode 100644 index 0000000..6c9613e Binary files /dev/null and b/apply/revolution/assets/slider-construction/Thumbs.db differ diff --git a/apply/revolution/assets/slider-construction/ae8a9-1.jpg b/apply/revolution/assets/slider-construction/ae8a9-1.jpg new file mode 100644 index 0000000..270f188 Binary files /dev/null and b/apply/revolution/assets/slider-construction/ae8a9-1.jpg differ diff --git a/apply/revolution/assets/slider-construction/b9486-2.jpg b/apply/revolution/assets/slider-construction/b9486-2.jpg new file mode 100644 index 0000000..8729815 Binary files /dev/null and b/apply/revolution/assets/slider-construction/b9486-2.jpg differ diff --git a/apply/revolution/assets/slider-consulting/180x110_7faa4-bg1.jpg b/apply/revolution/assets/slider-consulting/180x110_7faa4-bg1.jpg new file mode 100644 index 0000000..b46fdbe Binary files /dev/null and b/apply/revolution/assets/slider-consulting/180x110_7faa4-bg1.jpg differ diff --git a/apply/revolution/assets/slider-consulting/180x110_e306e-bg.jpg b/apply/revolution/assets/slider-consulting/180x110_e306e-bg.jpg new file mode 100644 index 0000000..e09be31 Binary files /dev/null and b/apply/revolution/assets/slider-consulting/180x110_e306e-bg.jpg differ diff --git a/apply/revolution/assets/slider-consulting/7faa4-bg1.jpg b/apply/revolution/assets/slider-consulting/7faa4-bg1.jpg new file mode 100644 index 0000000..4d19cfe Binary files /dev/null and b/apply/revolution/assets/slider-consulting/7faa4-bg1.jpg differ diff --git a/apply/revolution/assets/slider-consulting/Thumbs.db b/apply/revolution/assets/slider-consulting/Thumbs.db new file mode 100644 index 0000000..23a1cbf Binary files /dev/null and b/apply/revolution/assets/slider-consulting/Thumbs.db differ diff --git a/apply/revolution/assets/slider-consulting/e306e-bg.jpg b/apply/revolution/assets/slider-consulting/e306e-bg.jpg new file mode 100644 index 0000000..7b79071 Binary files /dev/null and b/apply/revolution/assets/slider-consulting/e306e-bg.jpg differ diff --git a/apply/revolution/assets/slider-gym/72d91-01.jpg b/apply/revolution/assets/slider-gym/72d91-01.jpg new file mode 100644 index 0000000..b47059f Binary files /dev/null and b/apply/revolution/assets/slider-gym/72d91-01.jpg differ diff --git a/apply/revolution/assets/slider-gym/Thumbs.db b/apply/revolution/assets/slider-gym/Thumbs.db new file mode 100644 index 0000000..6a9c168 Binary files /dev/null and b/apply/revolution/assets/slider-gym/Thumbs.db differ diff --git a/apply/revolution/assets/slider-gym/ee606-02.jpg b/apply/revolution/assets/slider-gym/ee606-02.jpg new file mode 100644 index 0000000..85e090d Binary files /dev/null and b/apply/revolution/assets/slider-gym/ee606-02.jpg differ diff --git a/apply/revolution/assets/slider-interior-design/05da2-01.jpg b/apply/revolution/assets/slider-interior-design/05da2-01.jpg new file mode 100644 index 0000000..41d844d Binary files /dev/null and b/apply/revolution/assets/slider-interior-design/05da2-01.jpg differ diff --git a/apply/revolution/assets/slider-interior-design/1f308-02.jpg b/apply/revolution/assets/slider-interior-design/1f308-02.jpg new file mode 100644 index 0000000..e6a0979 Binary files /dev/null and b/apply/revolution/assets/slider-interior-design/1f308-02.jpg differ diff --git a/apply/revolution/assets/slider-interior-design/90x90_05da2-01.jpg b/apply/revolution/assets/slider-interior-design/90x90_05da2-01.jpg new file mode 100644 index 0000000..4bb0e92 Binary files /dev/null and b/apply/revolution/assets/slider-interior-design/90x90_05da2-01.jpg differ diff --git a/apply/revolution/assets/slider-interior-design/90x90_1f308-02.jpg b/apply/revolution/assets/slider-interior-design/90x90_1f308-02.jpg new file mode 100644 index 0000000..fd78398 Binary files /dev/null and b/apply/revolution/assets/slider-interior-design/90x90_1f308-02.jpg differ diff --git a/apply/revolution/assets/slider-interior-design/Thumbs.db b/apply/revolution/assets/slider-interior-design/Thumbs.db new file mode 100644 index 0000000..f5674a7 Binary files /dev/null and b/apply/revolution/assets/slider-interior-design/Thumbs.db differ diff --git a/apply/revolution/assets/slider-medical/100x50_4c806-01.jpg b/apply/revolution/assets/slider-medical/100x50_4c806-01.jpg new file mode 100644 index 0000000..a96f872 Binary files /dev/null and b/apply/revolution/assets/slider-medical/100x50_4c806-01.jpg differ diff --git a/apply/revolution/assets/slider-medical/100x50_569a2-02.jpg b/apply/revolution/assets/slider-medical/100x50_569a2-02.jpg new file mode 100644 index 0000000..5664c96 Binary files /dev/null and b/apply/revolution/assets/slider-medical/100x50_569a2-02.jpg differ diff --git a/apply/revolution/assets/slider-medical/4c806-01.jpg b/apply/revolution/assets/slider-medical/4c806-01.jpg new file mode 100644 index 0000000..42071dc Binary files /dev/null and b/apply/revolution/assets/slider-medical/4c806-01.jpg differ diff --git a/apply/revolution/assets/slider-medical/569a2-02.jpg b/apply/revolution/assets/slider-medical/569a2-02.jpg new file mode 100644 index 0000000..7ac592c Binary files /dev/null and b/apply/revolution/assets/slider-medical/569a2-02.jpg differ diff --git a/apply/revolution/assets/slider-medical/Thumbs.db b/apply/revolution/assets/slider-medical/Thumbs.db new file mode 100644 index 0000000..0e48f56 Binary files /dev/null and b/apply/revolution/assets/slider-medical/Thumbs.db differ diff --git a/apply/revolution/assets/slider-mobile-app/27260-05.png b/apply/revolution/assets/slider-mobile-app/27260-05.png new file mode 100644 index 0000000..2622406 Binary files /dev/null and b/apply/revolution/assets/slider-mobile-app/27260-05.png differ diff --git a/apply/revolution/assets/slider-mobile-app/4024b-bg-pattern.png b/apply/revolution/assets/slider-mobile-app/4024b-bg-pattern.png new file mode 100644 index 0000000..d71318d Binary files /dev/null and b/apply/revolution/assets/slider-mobile-app/4024b-bg-pattern.png differ diff --git a/apply/revolution/assets/slider-mobile-app/40265-bg-pattern-02.png b/apply/revolution/assets/slider-mobile-app/40265-bg-pattern-02.png new file mode 100644 index 0000000..061e98d Binary files /dev/null and b/apply/revolution/assets/slider-mobile-app/40265-bg-pattern-02.png differ diff --git a/apply/revolution/assets/slider-mobile-app/46d4d-04.png b/apply/revolution/assets/slider-mobile-app/46d4d-04.png new file mode 100644 index 0000000..425c616 Binary files /dev/null and b/apply/revolution/assets/slider-mobile-app/46d4d-04.png differ diff --git a/apply/revolution/assets/slider-mobile-app/7dd0d-03.png b/apply/revolution/assets/slider-mobile-app/7dd0d-03.png new file mode 100644 index 0000000..092f247 Binary files /dev/null and b/apply/revolution/assets/slider-mobile-app/7dd0d-03.png differ diff --git a/apply/revolution/assets/slider-mobile-app/Thumbs.db b/apply/revolution/assets/slider-mobile-app/Thumbs.db new file mode 100644 index 0000000..c5c126c Binary files /dev/null and b/apply/revolution/assets/slider-mobile-app/Thumbs.db differ diff --git a/apply/revolution/assets/slider-mobile-app/a3e99-01.jpg b/apply/revolution/assets/slider-mobile-app/a3e99-01.jpg new file mode 100644 index 0000000..cbe5666 Binary files /dev/null and b/apply/revolution/assets/slider-mobile-app/a3e99-01.jpg differ diff --git a/apply/revolution/assets/slider-shop-02/180x120_284b1-01.jpg b/apply/revolution/assets/slider-shop-02/180x120_284b1-01.jpg new file mode 100644 index 0000000..d772850 Binary files /dev/null and b/apply/revolution/assets/slider-shop-02/180x120_284b1-01.jpg differ diff --git a/apply/revolution/assets/slider-shop-02/180x120_28522-02.jpg b/apply/revolution/assets/slider-shop-02/180x120_28522-02.jpg new file mode 100644 index 0000000..86bf55f Binary files /dev/null and b/apply/revolution/assets/slider-shop-02/180x120_28522-02.jpg differ diff --git a/apply/revolution/assets/slider-shop-02/284b1-01.jpg b/apply/revolution/assets/slider-shop-02/284b1-01.jpg new file mode 100644 index 0000000..0068a0b Binary files /dev/null and b/apply/revolution/assets/slider-shop-02/284b1-01.jpg differ diff --git a/apply/revolution/assets/slider-shop-02/28522-02.jpg b/apply/revolution/assets/slider-shop-02/28522-02.jpg new file mode 100644 index 0000000..bafc95b Binary files /dev/null and b/apply/revolution/assets/slider-shop-02/28522-02.jpg differ diff --git a/apply/revolution/assets/slider-shop-02/Thumbs.db b/apply/revolution/assets/slider-shop-02/Thumbs.db new file mode 100644 index 0000000..12db9e9 Binary files /dev/null and b/apply/revolution/assets/slider-shop-02/Thumbs.db differ diff --git a/apply/revolution/assets/slider-shop/100x50_1d370-bg1.jpg b/apply/revolution/assets/slider-shop/100x50_1d370-bg1.jpg new file mode 100644 index 0000000..e9a697e Binary files /dev/null and b/apply/revolution/assets/slider-shop/100x50_1d370-bg1.jpg differ diff --git a/apply/revolution/assets/slider-shop/100x50_c93e3-3.jpg b/apply/revolution/assets/slider-shop/100x50_c93e3-3.jpg new file mode 100644 index 0000000..9a4d1a7 Binary files /dev/null and b/apply/revolution/assets/slider-shop/100x50_c93e3-3.jpg differ diff --git a/apply/revolution/assets/slider-shop/1d370-bg1.jpg b/apply/revolution/assets/slider-shop/1d370-bg1.jpg new file mode 100644 index 0000000..8ad071a Binary files /dev/null and b/apply/revolution/assets/slider-shop/1d370-bg1.jpg differ diff --git a/apply/revolution/assets/slider-shop/Thumbs.db b/apply/revolution/assets/slider-shop/Thumbs.db new file mode 100644 index 0000000..7c704ef Binary files /dev/null and b/apply/revolution/assets/slider-shop/Thumbs.db differ diff --git a/apply/revolution/assets/slider-shop/c93e3-3.jpg b/apply/revolution/assets/slider-shop/c93e3-3.jpg new file mode 100644 index 0000000..687c29d Binary files /dev/null and b/apply/revolution/assets/slider-shop/c93e3-3.jpg differ diff --git a/apply/revolution/css/_settings.css b/apply/revolution/css/_settings.css new file mode 100644 index 0000000..5951ab5 --- /dev/null +++ b/apply/revolution/css/_settings.css @@ -0,0 +1,13 @@ +/*----------------------------------------------------------------------------- + +- Revolution Slider 5.0 Default Style Settings - + +Screen Stylesheet + +version: 5.4.5 +date: 15/05/17 +author: themepunch +email: info@themepunch.com +website: http://www.themepunch.com +-----------------------------------------------------------------------------*/ +#debungcontrolls,.debugtimeline{width:100%;box-sizing:border-box}.rev_column,.rev_column .tp-parallax-wrap,.tp-svg-layer svg{vertical-align:top}#debungcontrolls{z-index:100000;position:fixed;bottom:0;height:auto;background:rgba(0,0,0,.6);padding:10px}.debugtimeline{height:10px;position:relative;margin-bottom:3px;display:none;white-space:nowrap}.debugtimeline:hover{height:15px}.the_timeline_tester{background:#e74c3c;position:absolute;top:0;left:0;height:100%;width:0}.rs-go-fullscreen{position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;z-index:9999999!important;background:#fff!important}.debugtimeline.tl_slide .the_timeline_tester{background:#f39c12}.debugtimeline.tl_frame .the_timeline_tester{background:#3498db}.debugtimline_txt{color:#fff;font-weight:400;font-size:7px;position:absolute;left:10px;top:0;white-space:nowrap;line-height:10px}.rtl{direction:rtl}@font-face{font-family:revicons;src:url(../fonts/revicons/revicons.eot?5510888);src:url(../fonts/revicons/revicons.eot?5510888#iefix) format('embedded-opentype'),url(../fonts/revicons/revicons.woff?5510888) format('woff'),url(../fonts/revicons/revicons.ttf?5510888) format('truetype'),url(../fonts/revicons/revicons.svg?5510888#revicons) format('svg');font-weight:400;font-style:normal}[class*=" revicon-"]:before,[class^=revicon-]:before{font-family:revicons;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.revicon-search-1:before{content:'\e802'}.revicon-pencil-1:before{content:'\e831'}.revicon-picture-1:before{content:'\e803'}.revicon-cancel:before{content:'\e80a'}.revicon-info-circled:before{content:'\e80f'}.revicon-trash:before{content:'\e801'}.revicon-left-dir:before{content:'\e817'}.revicon-right-dir:before{content:'\e818'}.revicon-down-open:before{content:'\e83b'}.revicon-left-open:before{content:'\e819'}.revicon-right-open:before{content:'\e81a'}.revicon-angle-left:before{content:'\e820'}.revicon-angle-right:before{content:'\e81d'}.revicon-left-big:before{content:'\e81f'}.revicon-right-big:before{content:'\e81e'}.revicon-magic:before{content:'\e807'}.revicon-picture:before{content:'\e800'}.revicon-export:before{content:'\e80b'}.revicon-cog:before{content:'\e832'}.revicon-login:before{content:'\e833'}.revicon-logout:before{content:'\e834'}.revicon-video:before{content:'\e805'}.revicon-arrow-combo:before{content:'\e827'}.revicon-left-open-1:before{content:'\e82a'}.revicon-right-open-1:before{content:'\e82b'}.revicon-left-open-mini:before{content:'\e822'}.revicon-right-open-mini:before{content:'\e823'}.revicon-left-open-big:before{content:'\e824'}.revicon-right-open-big:before{content:'\e825'}.revicon-left:before{content:'\e836'}.revicon-right:before{content:'\e826'}.revicon-ccw:before{content:'\e808'}.revicon-arrows-ccw:before{content:'\e806'}.revicon-palette:before{content:'\e829'}.revicon-list-add:before{content:'\e80c'}.revicon-doc:before{content:'\e809'}.revicon-left-open-outline:before{content:'\e82e'}.revicon-left-open-2:before{content:'\e82c'}.revicon-right-open-outline:before{content:'\e82f'}.revicon-right-open-2:before{content:'\e82d'}.revicon-equalizer:before{content:'\e83a'}.revicon-layers-alt:before{content:'\e804'}.revicon-popup:before{content:'\e828'}.rev_slider_wrapper{position:relative;z-index:0;width:100%}.rev_slider{position:relative;overflow:visible}.entry-content .rev_slider a,.rev_slider a{box-shadow:none}.tp-overflow-hidden{overflow:hidden!important}.group_ov_hidden{overflow:hidden}.rev_slider img,.tp-simpleresponsive img{max-width:none!important;transition:none;margin:0;padding:0;border:none}.rev_slider .no-slides-text{font-weight:700;text-align:center;padding-top:80px}.rev_slider>ul,.rev_slider>ul>li,.rev_slider>ul>li:before,.rev_slider_wrapper>ul,.tp-revslider-mainul>li,.tp-revslider-mainul>li:before,.tp-simpleresponsive>ul,.tp-simpleresponsive>ul>li,.tp-simpleresponsive>ul>li:before{list-style:none!important;position:absolute;margin:0!important;padding:0!important;overflow-x:visible;overflow-y:visible;background-image:none;background-position:0 0;text-indent:0;top:0;left:0}.rev_slider>ul>li,.rev_slider>ul>li:before,.tp-revslider-mainul>li,.tp-revslider-mainul>li:before,.tp-simpleresponsive>ul>li,.tp-simpleresponsive>ul>li:before{visibility:hidden}.tp-revslider-mainul,.tp-revslider-slidesli{padding:0!important;margin:0!important;list-style:none!important}.fullscreen-container,.fullwidthbanner-container{padding:0;position:relative}.rev_slider li.tp-revslider-slidesli{position:absolute!important}.tp-caption .rs-untoggled-content{display:block}.tp-caption .rs-toggled-content{display:none}.rs-toggle-content-active.tp-caption .rs-toggled-content{display:block}.rs-toggle-content-active.tp-caption .rs-untoggled-content{display:none}.rev_slider .caption,.rev_slider .tp-caption{position:relative;visibility:hidden;white-space:nowrap;display:block;-webkit-font-smoothing:antialiased!important;z-index:1}.rev_slider .caption,.rev_slider .tp-caption,.tp-simpleresponsive img{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.rev_slider .tp-mask-wrap .tp-caption,.rev_slider .tp-mask-wrap :last-child,.wpb_text_column .rev_slider .tp-mask-wrap .tp-caption,.wpb_text_column .rev_slider .tp-mask-wrap :last-child{margin-bottom:0}.tp-svg-layer svg{width:100%;height:100%;position:relative}.tp-carousel-wrapper{cursor:url(openhand.cur),move}.tp-carousel-wrapper.dragged{cursor:url(closedhand.cur),move}.tp_inner_padding{box-sizing:border-box;max-height:none!important}.tp-caption.tp-layer-selectable{-moz-user-select:all;-khtml-user-select:all;-webkit-user-select:all;-o-user-select:all}.tp-caption.tp-hidden-caption,.tp-forcenotvisible,.tp-hide-revslider,.tp-parallax-wrap.tp-hidden-caption{visibility:hidden!important;display:none!important}.rev_slider audio,.rev_slider embed,.rev_slider iframe,.rev_slider object,.rev_slider video{max-width:none!important}.tp-element-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.tp-blockmask,.tp-blockmask_in,.tp-blockmask_out{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1000;transform:scaleX(0) scaleY(0)}.tp-parallax-wrap{transform-style:preserve-3d}.rev_row_zone{position:absolute;width:100%;left:0;box-sizing:border-box;min-height:50px;font-size:0}.rev_column_inner,.rev_slider .tp-caption.rev_row{position:relative;width:100%!important;box-sizing:border-box}.rev_row_zone_top{top:0}.rev_row_zone_middle{top:50%;transform:translateY(-50%)}.rev_row_zone_bottom{bottom:0}.rev_slider .tp-caption.rev_row{display:table;table-layout:fixed;vertical-align:top;height:auto!important;font-size:0}.rev_column{display:table-cell;position:relative;height:auto;box-sizing:border-box;font-size:0}.rev_column_inner{display:block;height:auto!important;white-space:normal!important}.rev_column_bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;box-sizing:border-box;background-clip:content-box;border:0 solid transparent}.tp-caption .backcorner,.tp-caption .backcornertop,.tp-caption .frontcorner,.tp-caption .frontcornertop{height:0;top:0;width:0;position:absolute}.rev_column_inner .tp-loop-wrap,.rev_column_inner .tp-mask-wrap,.rev_column_inner .tp-parallax-wrap{text-align:inherit}.rev_column_inner .tp-mask-wrap{display:inline-block}.rev_column_inner .tp-parallax-wrap,.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,.rev_column_inner .tp-parallax-wrap .tp-mask-wrap{position:relative!important;left:auto!important;top:auto!important;line-height:0}.tp-video-play-button,.tp-video-play-button i{line-height:50px!important;vertical-align:top;text-align:center}.rev_column_inner .rev_layer_in_column,.rev_column_inner .tp-parallax-wrap,.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,.rev_column_inner .tp-parallax-wrap .tp-mask-wrap{vertical-align:top}.rev_break_columns{display:block!important}.rev_break_columns .tp-parallax-wrap.rev_column{display:block!important;width:100%!important}.fullwidthbanner-container{overflow:hidden}.fullwidthbanner-container .fullwidthabanner{width:100%;position:relative}.tp-static-layers{position:absolute;z-index:101;top:0;left:0}.tp-caption .frontcorner{border-left:40px solid transparent;border-right:0 solid transparent;border-top:40px solid #00A8FF;left:-40px}.tp-caption .backcorner{border-left:0 solid transparent;border-right:40px solid transparent;border-bottom:40px solid #00A8FF;right:0}.tp-caption .frontcornertop{border-left:40px solid transparent;border-right:0 solid transparent;border-bottom:40px solid #00A8FF;left:-40px}.tp-caption .backcornertop{border-left:0 solid transparent;border-right:40px solid transparent;border-top:40px solid #00A8FF;right:0}.tp-layer-inner-rotation{position:relative!important}img.tp-slider-alternative-image{width:100%;height:auto}.caption.fullscreenvideo,.rs-background-video-layer,.tp-caption.coverscreenvideo,.tp-caption.fullscreenvideo{width:100%;height:100%;top:0;left:0;position:absolute}.noFilterClass{filter:none!important}.rs-background-video-layer{visibility:hidden;z-index:0}.caption.fullscreenvideo audio,.caption.fullscreenvideo iframe,.caption.fullscreenvideo video,.tp-caption.fullscreenvideo iframe,.tp-caption.fullscreenvideo iframe audio,.tp-caption.fullscreenvideo iframe video{width:100%!important;height:100%!important;display:none}.fullcoveredvideo audio,.fullscreenvideo audio .fullcoveredvideo video,.fullscreenvideo video{background:#000}.fullcoveredvideo .tp-poster{background-position:center center;background-size:cover;width:100%;height:100%;top:0;left:0}.videoisplaying .html5vid .tp-poster{display:none}.tp-video-play-button{background:#000;background:rgba(0,0,0,.3);border-radius:5px;position:absolute;top:50%;left:50%;color:#FFF;margin-top:-25px;margin-left:-25px;cursor:pointer;width:50px;height:50px;box-sizing:border-box;display:inline-block;z-index:4;opacity:0;transition:opacity .3s ease-out!important}.tp-audio-html5 .tp-video-play-button,.tp-hiddenaudio{display:none!important}.tp-caption .html5vid{width:100%!important;height:100%!important}.tp-video-play-button i{width:50px;height:50px;display:inline-block;font-size:40px!important}.rs-fullvideo-cover,.tp-dottedoverlay,.tp-shadowcover{height:100%;top:0;left:0;position:absolute}.tp-caption:hover .tp-video-play-button{opacity:1;display:block}.tp-caption .tp-revstop{display:none;border-left:5px solid #fff!important;border-right:5px solid #fff!important;margin-top:15px!important;line-height:20px!important;vertical-align:top;font-size:25px!important}.tp-seek-bar,.tp-video-button,.tp-volume-bar{outline:0;line-height:12px;margin:0;cursor:pointer}.videoisplaying .revicon-right-dir{display:none}.videoisplaying .tp-revstop{display:inline-block}.videoisplaying .tp-video-play-button{display:none}.fullcoveredvideo .tp-video-play-button{display:none!important}.fullscreenvideo .fullscreenvideo audio,.fullscreenvideo .fullscreenvideo video{object-fit:contain!important}.fullscreenvideo .fullcoveredvideo audio,.fullscreenvideo .fullcoveredvideo video{object-fit:cover!important}.tp-video-controls{position:absolute;bottom:0;left:0;right:0;padding:5px;opacity:0;transition:opacity .3s;background-image:linear-gradient(to bottom,#000 13%,#323232 100%);display:table;max-width:100%;overflow:hidden;box-sizing:border-box}.rev-btn.rev-hiddenicon i,.rev-btn.rev-withicon i{transition:all .2s ease-out!important;font-size:15px}.tp-caption:hover .tp-video-controls{opacity:.9}.tp-video-button{background:rgba(0,0,0,.5);border:0;border-radius:3px;font-size:12px;color:#fff;padding:0}.tp-video-button:hover{cursor:pointer}.tp-video-button-wrap,.tp-video-seek-bar-wrap,.tp-video-vol-bar-wrap{padding:0 5px;display:table-cell;vertical-align:middle}.tp-video-seek-bar-wrap{width:80%}.tp-video-vol-bar-wrap{width:20%}.tp-seek-bar,.tp-volume-bar{width:100%;padding:0}.rs-fullvideo-cover{width:100%;background:0 0;z-index:5}.disabled_lc .tp-video-play-button,.rs-background-video-layer audio::-webkit-media-controls,.rs-background-video-layer video::-webkit-media-controls,.rs-background-video-layer video::-webkit-media-controls-start-playback-button{display:none!important}.tp-audio-html5 .tp-video-controls{opacity:1!important;visibility:visible!important}.tp-dottedoverlay{background-repeat:repeat;width:100%;z-index:3}.tp-dottedoverlay.twoxtwo{background:url(../assets/gridtile.png)}.tp-dottedoverlay.twoxtwowhite{background:url(../assets/gridtile_white.png)}.tp-dottedoverlay.threexthree{background:url(../assets/gridtile_3x3.png)}.tp-dottedoverlay.threexthreewhite{background:url(../assets/gridtile_3x3_white.png)}.tp-shadowcover{width:100%;background:#fff;z-index:-1}.tp-shadow1{box-shadow:0 10px 6px -6px rgba(0,0,0,.8)}.tp-shadow2:after,.tp-shadow2:before,.tp-shadow3:before,.tp-shadow4:after{z-index:-2;position:absolute;content:"";bottom:10px;left:10px;width:50%;top:85%;max-width:300px;background:0 0;box-shadow:0 15px 10px rgba(0,0,0,.8);transform:rotate(-3deg)}.tp-shadow2:after,.tp-shadow4:after{transform:rotate(3deg);right:10px;left:auto}.tp-shadow5{position:relative;box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset}.tp-shadow5:after,.tp-shadow5:before{content:"";position:absolute;z-index:-2;box-shadow:0 0 25px 0 rgba(0,0,0,.6);top:30%;bottom:0;left:20px;right:20px;border-radius:100px/20px}.tp-button{padding:6px 13px 5px;border-radius:3px;height:30px;cursor:pointer;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.6)!important;font-size:15px;line-height:45px!important;font-family:arial,sans-serif;font-weight:700;letter-spacing:-1px;text-decoration:none}.tp-button.big{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.6);font-weight:700;padding:9px 20px;font-size:19px;line-height:57px!important}.purchase:hover,.tp-button.big:hover,.tp-button:hover{background-position:bottom,15px 11px}.purchase.green,.purchase:hover.green,.tp-button.green,.tp-button:hover.green{background-color:#21a117;box-shadow:0 3px 0 0 #104d0b}.purchase.blue,.purchase:hover.blue,.tp-button.blue,.tp-button:hover.blue{background-color:#1d78cb;box-shadow:0 3px 0 0 #0f3e68}.purchase.red,.purchase:hover.red,.tp-button.red,.tp-button:hover.red{background-color:#cb1d1d;box-shadow:0 3px 0 0 #7c1212}.purchase.orange,.purchase:hover.orange,.tp-button.orange,.tp-button:hover.orange{background-color:#f70;box-shadow:0 3px 0 0 #a34c00}.purchase.darkgrey,.purchase:hover.darkgrey,.tp-button.darkgrey,.tp-button.grey,.tp-button:hover.darkgrey,.tp-button:hover.grey{background-color:#555;box-shadow:0 3px 0 0 #222}.purchase.lightgrey,.purchase:hover.lightgrey,.tp-button.lightgrey,.tp-button:hover.lightgrey{background-color:#888;box-shadow:0 3px 0 0 #555}.rev-btn,.rev-btn:visited{outline:0!important;box-shadow:none!important;text-decoration:none!important;line-height:44px;font-size:17px;font-weight:500;padding:12px 35px;box-sizing:border-box;font-family:Roboto,sans-serif;cursor:pointer}.rev-btn.rev-uppercase,.rev-btn.rev-uppercase:visited{text-transform:uppercase;letter-spacing:1px;font-size:15px;font-weight:900}.rev-btn.rev-withicon i{font-weight:400;position:relative;top:0;margin-left:10px!important}.rev-btn.rev-hiddenicon i{font-weight:400;position:relative;top:0;opacity:0;margin-left:0!important;width:0!important}.rev-btn.rev-hiddenicon:hover i{opacity:1!important;margin-left:10px!important;width:auto!important}.rev-btn.rev-medium,.rev-btn.rev-medium:visited{line-height:36px;font-size:14px;padding:10px 30px}.rev-btn.rev-medium.rev-hiddenicon i,.rev-btn.rev-medium.rev-withicon i{font-size:14px;top:0}.rev-btn.rev-small,.rev-btn.rev-small:visited{line-height:28px;font-size:12px;padding:7px 20px}.rev-btn.rev-small.rev-hiddenicon i,.rev-btn.rev-small.rev-withicon i{font-size:12px;top:0}.rev-maxround{border-radius:30px}.rev-minround{border-radius:3px}.rev-burger{position:relative;width:60px;height:60px;box-sizing:border-box;padding:22px 0 0 14px;border-radius:50%;border:1px solid rgba(51,51,51,.25);-webkit-tap-highlight-color:transparent;cursor:pointer}.rev-burger span{display:block;width:30px;height:3px;background:#333;transition:.7s;pointer-events:none;transform-style:flat!important}.rev-burger.revb-white span,.rev-burger.revb-whitenoborder span{background:#fff}.rev-burger span:nth-child(2){margin:3px 0}#dialog_addbutton .rev-burger:hover :first-child,.open .rev-burger :first-child,.open.rev-burger :first-child{transform:translateY(6px) rotate(-45deg)}#dialog_addbutton .rev-burger:hover :nth-child(2),.open .rev-burger :nth-child(2),.open.rev-burger :nth-child(2){transform:rotate(-45deg);opacity:0}#dialog_addbutton .rev-burger:hover :last-child,.open .rev-burger :last-child,.open.rev-burger :last-child{transform:translateY(-6px) rotate(-135deg)}.rev-burger.revb-white{border:2px solid rgba(255,255,255,.2)}.rev-burger.revb-darknoborder,.rev-burger.revb-whitenoborder{border:0}.rev-burger.revb-darknoborder span{background:#333}.rev-burger.revb-whitefull{background:#fff;border:none}.rev-burger.revb-whitefull span{background:#333}.rev-burger.revb-darkfull{background:#333;border:none}.rev-burger.revb-darkfull span,.rev-scroll-btn.revs-fullwhite{background:#fff}@keyframes rev-ani-mouse{0%{opacity:1;top:29%}15%{opacity:1;top:50%}50%{opacity:0;top:50%}100%{opacity:0;top:29%}}.rev-scroll-btn{display:inline-block;position:relative;left:0;right:0;text-align:center;cursor:pointer;width:35px;height:55px;box-sizing:border-box;border:3px solid #fff;border-radius:23px}.rev-scroll-btn>*{display:inline-block;line-height:18px;font-size:13px;font-weight:400;color:#fff;font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:2px}.rev-scroll-btn>.active,.rev-scroll-btn>:focus,.rev-scroll-btn>:hover{color:#fff}.rev-scroll-btn>.active,.rev-scroll-btn>:active,.rev-scroll-btn>:focus,.rev-scroll-btn>:hover{opacity:.8}.rev-scroll-btn.revs-fullwhite span{background:#333}.rev-scroll-btn.revs-fulldark{background:#333;border:none}.rev-scroll-btn.revs-fulldark span,.tp-bullet{background:#fff}.rev-scroll-btn span{position:absolute;display:block;top:29%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:#fff;border-radius:50%;animation:rev-ani-mouse 2.5s linear infinite}.rev-scroll-btn.revs-dark{border-color:#333}.rev-scroll-btn.revs-dark span{background:#333}.rev-control-btn{position:relative;display:inline-block;z-index:5;color:#FFF;font-size:20px;line-height:60px;font-weight:400;font-style:normal;font-family:Raleway;text-decoration:none;text-align:center;background-color:#000;border-radius:50px;text-shadow:none;background-color:rgba(0,0,0,.5);width:60px;height:60px;box-sizing:border-box;cursor:pointer}.rev-cbutton-dark-sr,.rev-cbutton-light-sr{border-radius:3px}.rev-cbutton-light,.rev-cbutton-light-sr{color:#333;background-color:rgba(255,255,255,.75)}.rev-sbutton{line-height:37px;width:37px;height:37px}.rev-sbutton-blue{background-color:#3B5998}.rev-sbutton-lightblue{background-color:#00A0D1}.rev-sbutton-red{background-color:#DD4B39}.tp-bannertimer{visibility:hidden;width:100%;height:5px;background:#000;background:rgba(0,0,0,.15);position:absolute;z-index:200;top:0}.tp-bannertimer.tp-bottom{top:auto;bottom:0!important;height:5px}.tp-caption img{background:0 0;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);zoom:1}.caption.slidelink a div,.tp-caption.slidelink a div{width:3000px;height:1500px;background:url(../assets/coloredbg.png)}.tp-caption.slidelink a span{background:url(../assets/coloredbg.png)}.tp-loader.spinner0,.tp-loader.spinner5{background-image:url(../assets/loader.gif);background-repeat:no-repeat}.tp-shape{width:100%;height:100%}.tp-caption .rs-starring{display:inline-block}.tp-caption .rs-starring .star-rating{float:none;display:inline-block;vertical-align:top;color:#FFC321!important}.tp-caption .rs-starring .star-rating,.tp-caption .rs-starring-page .star-rating{position:relative;height:1em;width:5.4em;font-family:star;font-size:1em!important}.tp-loader.spinner0,.tp-loader.spinner1{width:40px;height:40px;margin-top:-20px;margin-left:-20px;animation:tp-rotateplane 1.2s infinite ease-in-out;background-color:#fff;border-radius:3px;box-shadow:0 0 20px 0 rgba(0,0,0,.15)}.tp-caption .rs-starring .star-rating:before,.tp-caption .rs-starring-page .star-rating:before{content:"\73\73\73\73\73";color:#E0DADF;float:left;top:0;left:0;position:absolute}.tp-caption .rs-starring .star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em;font-size:1em!important}.tp-caption .rs-starring .star-rating span:before{content:"\53\53\53\53\53";top:0;position:absolute;left:0}.tp-loader{top:50%;left:50%;z-index:10000;position:absolute}.tp-loader.spinner0{background-position:center center}.tp-loader.spinner5{background-position:10px 10px;background-color:#fff;margin:-22px;width:44px;height:44px;border-radius:3px}@keyframes tp-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.tp-loader.spinner2{width:40px;height:40px;margin-top:-20px;margin-left:-20px;background-color:red;box-shadow:0 0 20px 0 rgba(0,0,0,.15);border-radius:100%;animation:tp-scaleout 1s infinite ease-in-out}@keyframes tp-scaleout{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}.tp-loader.spinner3{margin:-9px 0 0 -35px;width:70px;text-align:center}.tp-loader.spinner3 .bounce1,.tp-loader.spinner3 .bounce2,.tp-loader.spinner3 .bounce3{width:18px;height:18px;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.15);border-radius:100%;display:inline-block;animation:tp-bouncedelay 1.4s infinite ease-in-out;animation-fill-mode:both}.tp-loader.spinner3 .bounce1{animation-delay:-.32s}.tp-loader.spinner3 .bounce2{animation-delay:-.16s}@keyframes tp-bouncedelay{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tp-loader.spinner4{margin:-20px 0 0 -20px;width:40px;height:40px;text-align:center;animation:tp-rotate 2s infinite linear}.tp-loader.spinner4 .dot1,.tp-loader.spinner4 .dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#fff;border-radius:100%;animation:tp-bounce 2s infinite ease-in-out;box-shadow:0 0 20px 0 rgba(0,0,0,.15)}.tp-loader.spinner4 .dot2{top:auto;bottom:0;animation-delay:-1s}@keyframes tp-rotate{100%{transform:rotate(360deg)}}@keyframes tp-bounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.tp-bullets.navbar,.tp-tabs.navbar,.tp-thumbs.navbar{border:none;min-height:0;margin:0;border-radius:0}.tp-bullets,.tp-tabs,.tp-thumbs{position:absolute;display:block;z-index:1000;top:0;left:0}.tp-tab,.tp-thumb{cursor:pointer;position:absolute;opacity:.5;box-sizing:border-box}.tp-arr-imgholder,.tp-tab-image,.tp-thumb-image,.tp-videoposter{background-position:center center;background-size:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.tp-tab.selected,.tp-tab:hover,.tp-thumb.selected,.tp-thumb:hover{opacity:1}.tp-tab-mask,.tp-thumb-mask{box-sizing:border-box!important}.tp-tabs,.tp-thumbs{box-sizing:content-box!important}.tp-bullet{width:15px;height:15px;position:absolute;background:rgba(255,255,255,.3);cursor:pointer}.tp-bullet.selected,.tp-bullet:hover{background:#fff}.tparrows{cursor:pointer;background:#000;background:rgba(0,0,0,.5);width:40px;height:40px;position:absolute;display:block;z-index:1000}.tparrows:hover{background:#000}.tparrows:before{font-family:revicons;font-size:15px;color:#fff;display:block;line-height:40px;text-align:center}.hginfo,.hglayerinfo{font-size:12px;font-weight:600}.tparrows.tp-leftarrow:before{content:'\e824'}.tparrows.tp-rightarrow:before{content:'\e825'}body.rtl .tp-kbimg{left:0!important}.dddwrappershadow{box-shadow:0 45px 100px rgba(0,0,0,.4)}.hglayerinfo{position:fixed;bottom:0;left:0;color:#FFF;line-height:20px;background:rgba(0,0,0,.75);padding:5px 10px;z-index:2000;white-space:normal}.helpgrid,.hginfo{position:absolute}.hginfo{top:-2px;left:-2px;color:#e74c3c;background:#000;padding:2px 5px}.indebugmode .tp-caption:hover{border:1px dashed #c0392b!important}.helpgrid{border:2px dashed #c0392b;top:0;left:0;z-index:0}#revsliderlogloglog{padding:15px;color:#fff;position:fixed;top:0;left:0;width:200px;height:150px;background:rgba(0,0,0,.7);z-index:100000;font-size:10px;overflow:scroll}.aden{filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.perpetua::after,.reyes::after{mix-blend-mode:soft-light;opacity:.5}.inkwell{filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua::after{background:linear-gradient(to bottom,#005b9a,#e6c13d)}.reyes{filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad}.gingham{filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{filter:contrast(1.5) brightness(.9)}.toaster::after{background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{filter:contrast(.9) sepia(.2)}.earlybird::after{background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{filter:saturate(1.1) contrast(1.5)}.lofi::after{background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{filter:sepia(.3)}.xpro2::after{background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge}.moon{filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten}.clarendon{filter:contrast(1.2) saturate(1.35)}.clarendon:before{background:rgba(127,187,227,.2);mix-blend-mode:overlay}.willow{filter:grayscale(.5) contrast(.95) brightness(.9)}.willow::before{background-color:radial-gradient(40%,circle,#d4a9af 55%,#000 150%);mix-blend-mode:overlay}.willow::after{background-color:#d8cdcb;mix-blend-mode:color}.rise{filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9)}.rise::after{background:radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6}.rise::before{background:radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));mix-blend-mode:multiply}._1977:after,._1977:before,.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.clarendon:after,.clarendon:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.rise:after,.rise:before,.slumber:after,.slumber:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.willow:after,.willow:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.clarendon,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.rise,.slumber,.toaster,.walden,.willow,.xpro2{position:relative}._1977 img,.aden img,.brooklyn img,.clarendon img,.earlybird img,.gingham img,.hudson img,.inkwell img,.lark img,.lofi img,.mayfair img,.moon img,.nashville img,.perpetua img,.reyes img,.rise img,.slumber img,.toaster img,.walden img,.willow img,.xpro2 img{width:100%;z-index:1}._1977:before,.aden:before,.brooklyn:before,.clarendon:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.rise:before,.slumber:before,.toaster:before,.walden:before,.willow:before,.xpro2:before{z-index:2}._1977:after,.aden:after,.brooklyn:after,.clarendon:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.rise:after,.slumber:after,.toaster:after,.walden:after,.willow:after,.xpro2:after{z-index:3}.slumber{filter:saturate(.66) brightness(1.05)}.slumber::after{background:rgba(125,105,24,.5);mix-blend-mode:soft-light}.slumber::before{background:rgba(69,41,12,.4);mix-blend-mode:lighten}.tp-kbimg-wrap:after,.tp-kbimg-wrap:before{height:500%;width:500%} \ No newline at end of file diff --git a/apply/revolution/css/settings.css b/apply/revolution/css/settings.css new file mode 100644 index 0000000..5951ab5 --- /dev/null +++ b/apply/revolution/css/settings.css @@ -0,0 +1,13 @@ +/*----------------------------------------------------------------------------- + +- Revolution Slider 5.0 Default Style Settings - + +Screen Stylesheet + +version: 5.4.5 +date: 15/05/17 +author: themepunch +email: info@themepunch.com +website: http://www.themepunch.com +-----------------------------------------------------------------------------*/ +#debungcontrolls,.debugtimeline{width:100%;box-sizing:border-box}.rev_column,.rev_column .tp-parallax-wrap,.tp-svg-layer svg{vertical-align:top}#debungcontrolls{z-index:100000;position:fixed;bottom:0;height:auto;background:rgba(0,0,0,.6);padding:10px}.debugtimeline{height:10px;position:relative;margin-bottom:3px;display:none;white-space:nowrap}.debugtimeline:hover{height:15px}.the_timeline_tester{background:#e74c3c;position:absolute;top:0;left:0;height:100%;width:0}.rs-go-fullscreen{position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;z-index:9999999!important;background:#fff!important}.debugtimeline.tl_slide .the_timeline_tester{background:#f39c12}.debugtimeline.tl_frame .the_timeline_tester{background:#3498db}.debugtimline_txt{color:#fff;font-weight:400;font-size:7px;position:absolute;left:10px;top:0;white-space:nowrap;line-height:10px}.rtl{direction:rtl}@font-face{font-family:revicons;src:url(../fonts/revicons/revicons.eot?5510888);src:url(../fonts/revicons/revicons.eot?5510888#iefix) format('embedded-opentype'),url(../fonts/revicons/revicons.woff?5510888) format('woff'),url(../fonts/revicons/revicons.ttf?5510888) format('truetype'),url(../fonts/revicons/revicons.svg?5510888#revicons) format('svg');font-weight:400;font-style:normal}[class*=" revicon-"]:before,[class^=revicon-]:before{font-family:revicons;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.revicon-search-1:before{content:'\e802'}.revicon-pencil-1:before{content:'\e831'}.revicon-picture-1:before{content:'\e803'}.revicon-cancel:before{content:'\e80a'}.revicon-info-circled:before{content:'\e80f'}.revicon-trash:before{content:'\e801'}.revicon-left-dir:before{content:'\e817'}.revicon-right-dir:before{content:'\e818'}.revicon-down-open:before{content:'\e83b'}.revicon-left-open:before{content:'\e819'}.revicon-right-open:before{content:'\e81a'}.revicon-angle-left:before{content:'\e820'}.revicon-angle-right:before{content:'\e81d'}.revicon-left-big:before{content:'\e81f'}.revicon-right-big:before{content:'\e81e'}.revicon-magic:before{content:'\e807'}.revicon-picture:before{content:'\e800'}.revicon-export:before{content:'\e80b'}.revicon-cog:before{content:'\e832'}.revicon-login:before{content:'\e833'}.revicon-logout:before{content:'\e834'}.revicon-video:before{content:'\e805'}.revicon-arrow-combo:before{content:'\e827'}.revicon-left-open-1:before{content:'\e82a'}.revicon-right-open-1:before{content:'\e82b'}.revicon-left-open-mini:before{content:'\e822'}.revicon-right-open-mini:before{content:'\e823'}.revicon-left-open-big:before{content:'\e824'}.revicon-right-open-big:before{content:'\e825'}.revicon-left:before{content:'\e836'}.revicon-right:before{content:'\e826'}.revicon-ccw:before{content:'\e808'}.revicon-arrows-ccw:before{content:'\e806'}.revicon-palette:before{content:'\e829'}.revicon-list-add:before{content:'\e80c'}.revicon-doc:before{content:'\e809'}.revicon-left-open-outline:before{content:'\e82e'}.revicon-left-open-2:before{content:'\e82c'}.revicon-right-open-outline:before{content:'\e82f'}.revicon-right-open-2:before{content:'\e82d'}.revicon-equalizer:before{content:'\e83a'}.revicon-layers-alt:before{content:'\e804'}.revicon-popup:before{content:'\e828'}.rev_slider_wrapper{position:relative;z-index:0;width:100%}.rev_slider{position:relative;overflow:visible}.entry-content .rev_slider a,.rev_slider a{box-shadow:none}.tp-overflow-hidden{overflow:hidden!important}.group_ov_hidden{overflow:hidden}.rev_slider img,.tp-simpleresponsive img{max-width:none!important;transition:none;margin:0;padding:0;border:none}.rev_slider .no-slides-text{font-weight:700;text-align:center;padding-top:80px}.rev_slider>ul,.rev_slider>ul>li,.rev_slider>ul>li:before,.rev_slider_wrapper>ul,.tp-revslider-mainul>li,.tp-revslider-mainul>li:before,.tp-simpleresponsive>ul,.tp-simpleresponsive>ul>li,.tp-simpleresponsive>ul>li:before{list-style:none!important;position:absolute;margin:0!important;padding:0!important;overflow-x:visible;overflow-y:visible;background-image:none;background-position:0 0;text-indent:0;top:0;left:0}.rev_slider>ul>li,.rev_slider>ul>li:before,.tp-revslider-mainul>li,.tp-revslider-mainul>li:before,.tp-simpleresponsive>ul>li,.tp-simpleresponsive>ul>li:before{visibility:hidden}.tp-revslider-mainul,.tp-revslider-slidesli{padding:0!important;margin:0!important;list-style:none!important}.fullscreen-container,.fullwidthbanner-container{padding:0;position:relative}.rev_slider li.tp-revslider-slidesli{position:absolute!important}.tp-caption .rs-untoggled-content{display:block}.tp-caption .rs-toggled-content{display:none}.rs-toggle-content-active.tp-caption .rs-toggled-content{display:block}.rs-toggle-content-active.tp-caption .rs-untoggled-content{display:none}.rev_slider .caption,.rev_slider .tp-caption{position:relative;visibility:hidden;white-space:nowrap;display:block;-webkit-font-smoothing:antialiased!important;z-index:1}.rev_slider .caption,.rev_slider .tp-caption,.tp-simpleresponsive img{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.rev_slider .tp-mask-wrap .tp-caption,.rev_slider .tp-mask-wrap :last-child,.wpb_text_column .rev_slider .tp-mask-wrap .tp-caption,.wpb_text_column .rev_slider .tp-mask-wrap :last-child{margin-bottom:0}.tp-svg-layer svg{width:100%;height:100%;position:relative}.tp-carousel-wrapper{cursor:url(openhand.cur),move}.tp-carousel-wrapper.dragged{cursor:url(closedhand.cur),move}.tp_inner_padding{box-sizing:border-box;max-height:none!important}.tp-caption.tp-layer-selectable{-moz-user-select:all;-khtml-user-select:all;-webkit-user-select:all;-o-user-select:all}.tp-caption.tp-hidden-caption,.tp-forcenotvisible,.tp-hide-revslider,.tp-parallax-wrap.tp-hidden-caption{visibility:hidden!important;display:none!important}.rev_slider audio,.rev_slider embed,.rev_slider iframe,.rev_slider object,.rev_slider video{max-width:none!important}.tp-element-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.tp-blockmask,.tp-blockmask_in,.tp-blockmask_out{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1000;transform:scaleX(0) scaleY(0)}.tp-parallax-wrap{transform-style:preserve-3d}.rev_row_zone{position:absolute;width:100%;left:0;box-sizing:border-box;min-height:50px;font-size:0}.rev_column_inner,.rev_slider .tp-caption.rev_row{position:relative;width:100%!important;box-sizing:border-box}.rev_row_zone_top{top:0}.rev_row_zone_middle{top:50%;transform:translateY(-50%)}.rev_row_zone_bottom{bottom:0}.rev_slider .tp-caption.rev_row{display:table;table-layout:fixed;vertical-align:top;height:auto!important;font-size:0}.rev_column{display:table-cell;position:relative;height:auto;box-sizing:border-box;font-size:0}.rev_column_inner{display:block;height:auto!important;white-space:normal!important}.rev_column_bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;box-sizing:border-box;background-clip:content-box;border:0 solid transparent}.tp-caption .backcorner,.tp-caption .backcornertop,.tp-caption .frontcorner,.tp-caption .frontcornertop{height:0;top:0;width:0;position:absolute}.rev_column_inner .tp-loop-wrap,.rev_column_inner .tp-mask-wrap,.rev_column_inner .tp-parallax-wrap{text-align:inherit}.rev_column_inner .tp-mask-wrap{display:inline-block}.rev_column_inner .tp-parallax-wrap,.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,.rev_column_inner .tp-parallax-wrap .tp-mask-wrap{position:relative!important;left:auto!important;top:auto!important;line-height:0}.tp-video-play-button,.tp-video-play-button i{line-height:50px!important;vertical-align:top;text-align:center}.rev_column_inner .rev_layer_in_column,.rev_column_inner .tp-parallax-wrap,.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,.rev_column_inner .tp-parallax-wrap .tp-mask-wrap{vertical-align:top}.rev_break_columns{display:block!important}.rev_break_columns .tp-parallax-wrap.rev_column{display:block!important;width:100%!important}.fullwidthbanner-container{overflow:hidden}.fullwidthbanner-container .fullwidthabanner{width:100%;position:relative}.tp-static-layers{position:absolute;z-index:101;top:0;left:0}.tp-caption .frontcorner{border-left:40px solid transparent;border-right:0 solid transparent;border-top:40px solid #00A8FF;left:-40px}.tp-caption .backcorner{border-left:0 solid transparent;border-right:40px solid transparent;border-bottom:40px solid #00A8FF;right:0}.tp-caption .frontcornertop{border-left:40px solid transparent;border-right:0 solid transparent;border-bottom:40px solid #00A8FF;left:-40px}.tp-caption .backcornertop{border-left:0 solid transparent;border-right:40px solid transparent;border-top:40px solid #00A8FF;right:0}.tp-layer-inner-rotation{position:relative!important}img.tp-slider-alternative-image{width:100%;height:auto}.caption.fullscreenvideo,.rs-background-video-layer,.tp-caption.coverscreenvideo,.tp-caption.fullscreenvideo{width:100%;height:100%;top:0;left:0;position:absolute}.noFilterClass{filter:none!important}.rs-background-video-layer{visibility:hidden;z-index:0}.caption.fullscreenvideo audio,.caption.fullscreenvideo iframe,.caption.fullscreenvideo video,.tp-caption.fullscreenvideo iframe,.tp-caption.fullscreenvideo iframe audio,.tp-caption.fullscreenvideo iframe video{width:100%!important;height:100%!important;display:none}.fullcoveredvideo audio,.fullscreenvideo audio .fullcoveredvideo video,.fullscreenvideo video{background:#000}.fullcoveredvideo .tp-poster{background-position:center center;background-size:cover;width:100%;height:100%;top:0;left:0}.videoisplaying .html5vid .tp-poster{display:none}.tp-video-play-button{background:#000;background:rgba(0,0,0,.3);border-radius:5px;position:absolute;top:50%;left:50%;color:#FFF;margin-top:-25px;margin-left:-25px;cursor:pointer;width:50px;height:50px;box-sizing:border-box;display:inline-block;z-index:4;opacity:0;transition:opacity .3s ease-out!important}.tp-audio-html5 .tp-video-play-button,.tp-hiddenaudio{display:none!important}.tp-caption .html5vid{width:100%!important;height:100%!important}.tp-video-play-button i{width:50px;height:50px;display:inline-block;font-size:40px!important}.rs-fullvideo-cover,.tp-dottedoverlay,.tp-shadowcover{height:100%;top:0;left:0;position:absolute}.tp-caption:hover .tp-video-play-button{opacity:1;display:block}.tp-caption .tp-revstop{display:none;border-left:5px solid #fff!important;border-right:5px solid #fff!important;margin-top:15px!important;line-height:20px!important;vertical-align:top;font-size:25px!important}.tp-seek-bar,.tp-video-button,.tp-volume-bar{outline:0;line-height:12px;margin:0;cursor:pointer}.videoisplaying .revicon-right-dir{display:none}.videoisplaying .tp-revstop{display:inline-block}.videoisplaying .tp-video-play-button{display:none}.fullcoveredvideo .tp-video-play-button{display:none!important}.fullscreenvideo .fullscreenvideo audio,.fullscreenvideo .fullscreenvideo video{object-fit:contain!important}.fullscreenvideo .fullcoveredvideo audio,.fullscreenvideo .fullcoveredvideo video{object-fit:cover!important}.tp-video-controls{position:absolute;bottom:0;left:0;right:0;padding:5px;opacity:0;transition:opacity .3s;background-image:linear-gradient(to bottom,#000 13%,#323232 100%);display:table;max-width:100%;overflow:hidden;box-sizing:border-box}.rev-btn.rev-hiddenicon i,.rev-btn.rev-withicon i{transition:all .2s ease-out!important;font-size:15px}.tp-caption:hover .tp-video-controls{opacity:.9}.tp-video-button{background:rgba(0,0,0,.5);border:0;border-radius:3px;font-size:12px;color:#fff;padding:0}.tp-video-button:hover{cursor:pointer}.tp-video-button-wrap,.tp-video-seek-bar-wrap,.tp-video-vol-bar-wrap{padding:0 5px;display:table-cell;vertical-align:middle}.tp-video-seek-bar-wrap{width:80%}.tp-video-vol-bar-wrap{width:20%}.tp-seek-bar,.tp-volume-bar{width:100%;padding:0}.rs-fullvideo-cover{width:100%;background:0 0;z-index:5}.disabled_lc .tp-video-play-button,.rs-background-video-layer audio::-webkit-media-controls,.rs-background-video-layer video::-webkit-media-controls,.rs-background-video-layer video::-webkit-media-controls-start-playback-button{display:none!important}.tp-audio-html5 .tp-video-controls{opacity:1!important;visibility:visible!important}.tp-dottedoverlay{background-repeat:repeat;width:100%;z-index:3}.tp-dottedoverlay.twoxtwo{background:url(../assets/gridtile.png)}.tp-dottedoverlay.twoxtwowhite{background:url(../assets/gridtile_white.png)}.tp-dottedoverlay.threexthree{background:url(../assets/gridtile_3x3.png)}.tp-dottedoverlay.threexthreewhite{background:url(../assets/gridtile_3x3_white.png)}.tp-shadowcover{width:100%;background:#fff;z-index:-1}.tp-shadow1{box-shadow:0 10px 6px -6px rgba(0,0,0,.8)}.tp-shadow2:after,.tp-shadow2:before,.tp-shadow3:before,.tp-shadow4:after{z-index:-2;position:absolute;content:"";bottom:10px;left:10px;width:50%;top:85%;max-width:300px;background:0 0;box-shadow:0 15px 10px rgba(0,0,0,.8);transform:rotate(-3deg)}.tp-shadow2:after,.tp-shadow4:after{transform:rotate(3deg);right:10px;left:auto}.tp-shadow5{position:relative;box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset}.tp-shadow5:after,.tp-shadow5:before{content:"";position:absolute;z-index:-2;box-shadow:0 0 25px 0 rgba(0,0,0,.6);top:30%;bottom:0;left:20px;right:20px;border-radius:100px/20px}.tp-button{padding:6px 13px 5px;border-radius:3px;height:30px;cursor:pointer;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.6)!important;font-size:15px;line-height:45px!important;font-family:arial,sans-serif;font-weight:700;letter-spacing:-1px;text-decoration:none}.tp-button.big{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.6);font-weight:700;padding:9px 20px;font-size:19px;line-height:57px!important}.purchase:hover,.tp-button.big:hover,.tp-button:hover{background-position:bottom,15px 11px}.purchase.green,.purchase:hover.green,.tp-button.green,.tp-button:hover.green{background-color:#21a117;box-shadow:0 3px 0 0 #104d0b}.purchase.blue,.purchase:hover.blue,.tp-button.blue,.tp-button:hover.blue{background-color:#1d78cb;box-shadow:0 3px 0 0 #0f3e68}.purchase.red,.purchase:hover.red,.tp-button.red,.tp-button:hover.red{background-color:#cb1d1d;box-shadow:0 3px 0 0 #7c1212}.purchase.orange,.purchase:hover.orange,.tp-button.orange,.tp-button:hover.orange{background-color:#f70;box-shadow:0 3px 0 0 #a34c00}.purchase.darkgrey,.purchase:hover.darkgrey,.tp-button.darkgrey,.tp-button.grey,.tp-button:hover.darkgrey,.tp-button:hover.grey{background-color:#555;box-shadow:0 3px 0 0 #222}.purchase.lightgrey,.purchase:hover.lightgrey,.tp-button.lightgrey,.tp-button:hover.lightgrey{background-color:#888;box-shadow:0 3px 0 0 #555}.rev-btn,.rev-btn:visited{outline:0!important;box-shadow:none!important;text-decoration:none!important;line-height:44px;font-size:17px;font-weight:500;padding:12px 35px;box-sizing:border-box;font-family:Roboto,sans-serif;cursor:pointer}.rev-btn.rev-uppercase,.rev-btn.rev-uppercase:visited{text-transform:uppercase;letter-spacing:1px;font-size:15px;font-weight:900}.rev-btn.rev-withicon i{font-weight:400;position:relative;top:0;margin-left:10px!important}.rev-btn.rev-hiddenicon i{font-weight:400;position:relative;top:0;opacity:0;margin-left:0!important;width:0!important}.rev-btn.rev-hiddenicon:hover i{opacity:1!important;margin-left:10px!important;width:auto!important}.rev-btn.rev-medium,.rev-btn.rev-medium:visited{line-height:36px;font-size:14px;padding:10px 30px}.rev-btn.rev-medium.rev-hiddenicon i,.rev-btn.rev-medium.rev-withicon i{font-size:14px;top:0}.rev-btn.rev-small,.rev-btn.rev-small:visited{line-height:28px;font-size:12px;padding:7px 20px}.rev-btn.rev-small.rev-hiddenicon i,.rev-btn.rev-small.rev-withicon i{font-size:12px;top:0}.rev-maxround{border-radius:30px}.rev-minround{border-radius:3px}.rev-burger{position:relative;width:60px;height:60px;box-sizing:border-box;padding:22px 0 0 14px;border-radius:50%;border:1px solid rgba(51,51,51,.25);-webkit-tap-highlight-color:transparent;cursor:pointer}.rev-burger span{display:block;width:30px;height:3px;background:#333;transition:.7s;pointer-events:none;transform-style:flat!important}.rev-burger.revb-white span,.rev-burger.revb-whitenoborder span{background:#fff}.rev-burger span:nth-child(2){margin:3px 0}#dialog_addbutton .rev-burger:hover :first-child,.open .rev-burger :first-child,.open.rev-burger :first-child{transform:translateY(6px) rotate(-45deg)}#dialog_addbutton .rev-burger:hover :nth-child(2),.open .rev-burger :nth-child(2),.open.rev-burger :nth-child(2){transform:rotate(-45deg);opacity:0}#dialog_addbutton .rev-burger:hover :last-child,.open .rev-burger :last-child,.open.rev-burger :last-child{transform:translateY(-6px) rotate(-135deg)}.rev-burger.revb-white{border:2px solid rgba(255,255,255,.2)}.rev-burger.revb-darknoborder,.rev-burger.revb-whitenoborder{border:0}.rev-burger.revb-darknoborder span{background:#333}.rev-burger.revb-whitefull{background:#fff;border:none}.rev-burger.revb-whitefull span{background:#333}.rev-burger.revb-darkfull{background:#333;border:none}.rev-burger.revb-darkfull span,.rev-scroll-btn.revs-fullwhite{background:#fff}@keyframes rev-ani-mouse{0%{opacity:1;top:29%}15%{opacity:1;top:50%}50%{opacity:0;top:50%}100%{opacity:0;top:29%}}.rev-scroll-btn{display:inline-block;position:relative;left:0;right:0;text-align:center;cursor:pointer;width:35px;height:55px;box-sizing:border-box;border:3px solid #fff;border-radius:23px}.rev-scroll-btn>*{display:inline-block;line-height:18px;font-size:13px;font-weight:400;color:#fff;font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:2px}.rev-scroll-btn>.active,.rev-scroll-btn>:focus,.rev-scroll-btn>:hover{color:#fff}.rev-scroll-btn>.active,.rev-scroll-btn>:active,.rev-scroll-btn>:focus,.rev-scroll-btn>:hover{opacity:.8}.rev-scroll-btn.revs-fullwhite span{background:#333}.rev-scroll-btn.revs-fulldark{background:#333;border:none}.rev-scroll-btn.revs-fulldark span,.tp-bullet{background:#fff}.rev-scroll-btn span{position:absolute;display:block;top:29%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:#fff;border-radius:50%;animation:rev-ani-mouse 2.5s linear infinite}.rev-scroll-btn.revs-dark{border-color:#333}.rev-scroll-btn.revs-dark span{background:#333}.rev-control-btn{position:relative;display:inline-block;z-index:5;color:#FFF;font-size:20px;line-height:60px;font-weight:400;font-style:normal;font-family:Raleway;text-decoration:none;text-align:center;background-color:#000;border-radius:50px;text-shadow:none;background-color:rgba(0,0,0,.5);width:60px;height:60px;box-sizing:border-box;cursor:pointer}.rev-cbutton-dark-sr,.rev-cbutton-light-sr{border-radius:3px}.rev-cbutton-light,.rev-cbutton-light-sr{color:#333;background-color:rgba(255,255,255,.75)}.rev-sbutton{line-height:37px;width:37px;height:37px}.rev-sbutton-blue{background-color:#3B5998}.rev-sbutton-lightblue{background-color:#00A0D1}.rev-sbutton-red{background-color:#DD4B39}.tp-bannertimer{visibility:hidden;width:100%;height:5px;background:#000;background:rgba(0,0,0,.15);position:absolute;z-index:200;top:0}.tp-bannertimer.tp-bottom{top:auto;bottom:0!important;height:5px}.tp-caption img{background:0 0;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);zoom:1}.caption.slidelink a div,.tp-caption.slidelink a div{width:3000px;height:1500px;background:url(../assets/coloredbg.png)}.tp-caption.slidelink a span{background:url(../assets/coloredbg.png)}.tp-loader.spinner0,.tp-loader.spinner5{background-image:url(../assets/loader.gif);background-repeat:no-repeat}.tp-shape{width:100%;height:100%}.tp-caption .rs-starring{display:inline-block}.tp-caption .rs-starring .star-rating{float:none;display:inline-block;vertical-align:top;color:#FFC321!important}.tp-caption .rs-starring .star-rating,.tp-caption .rs-starring-page .star-rating{position:relative;height:1em;width:5.4em;font-family:star;font-size:1em!important}.tp-loader.spinner0,.tp-loader.spinner1{width:40px;height:40px;margin-top:-20px;margin-left:-20px;animation:tp-rotateplane 1.2s infinite ease-in-out;background-color:#fff;border-radius:3px;box-shadow:0 0 20px 0 rgba(0,0,0,.15)}.tp-caption .rs-starring .star-rating:before,.tp-caption .rs-starring-page .star-rating:before{content:"\73\73\73\73\73";color:#E0DADF;float:left;top:0;left:0;position:absolute}.tp-caption .rs-starring .star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em;font-size:1em!important}.tp-caption .rs-starring .star-rating span:before{content:"\53\53\53\53\53";top:0;position:absolute;left:0}.tp-loader{top:50%;left:50%;z-index:10000;position:absolute}.tp-loader.spinner0{background-position:center center}.tp-loader.spinner5{background-position:10px 10px;background-color:#fff;margin:-22px;width:44px;height:44px;border-radius:3px}@keyframes tp-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.tp-loader.spinner2{width:40px;height:40px;margin-top:-20px;margin-left:-20px;background-color:red;box-shadow:0 0 20px 0 rgba(0,0,0,.15);border-radius:100%;animation:tp-scaleout 1s infinite ease-in-out}@keyframes tp-scaleout{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}.tp-loader.spinner3{margin:-9px 0 0 -35px;width:70px;text-align:center}.tp-loader.spinner3 .bounce1,.tp-loader.spinner3 .bounce2,.tp-loader.spinner3 .bounce3{width:18px;height:18px;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.15);border-radius:100%;display:inline-block;animation:tp-bouncedelay 1.4s infinite ease-in-out;animation-fill-mode:both}.tp-loader.spinner3 .bounce1{animation-delay:-.32s}.tp-loader.spinner3 .bounce2{animation-delay:-.16s}@keyframes tp-bouncedelay{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tp-loader.spinner4{margin:-20px 0 0 -20px;width:40px;height:40px;text-align:center;animation:tp-rotate 2s infinite linear}.tp-loader.spinner4 .dot1,.tp-loader.spinner4 .dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#fff;border-radius:100%;animation:tp-bounce 2s infinite ease-in-out;box-shadow:0 0 20px 0 rgba(0,0,0,.15)}.tp-loader.spinner4 .dot2{top:auto;bottom:0;animation-delay:-1s}@keyframes tp-rotate{100%{transform:rotate(360deg)}}@keyframes tp-bounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.tp-bullets.navbar,.tp-tabs.navbar,.tp-thumbs.navbar{border:none;min-height:0;margin:0;border-radius:0}.tp-bullets,.tp-tabs,.tp-thumbs{position:absolute;display:block;z-index:1000;top:0;left:0}.tp-tab,.tp-thumb{cursor:pointer;position:absolute;opacity:.5;box-sizing:border-box}.tp-arr-imgholder,.tp-tab-image,.tp-thumb-image,.tp-videoposter{background-position:center center;background-size:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.tp-tab.selected,.tp-tab:hover,.tp-thumb.selected,.tp-thumb:hover{opacity:1}.tp-tab-mask,.tp-thumb-mask{box-sizing:border-box!important}.tp-tabs,.tp-thumbs{box-sizing:content-box!important}.tp-bullet{width:15px;height:15px;position:absolute;background:rgba(255,255,255,.3);cursor:pointer}.tp-bullet.selected,.tp-bullet:hover{background:#fff}.tparrows{cursor:pointer;background:#000;background:rgba(0,0,0,.5);width:40px;height:40px;position:absolute;display:block;z-index:1000}.tparrows:hover{background:#000}.tparrows:before{font-family:revicons;font-size:15px;color:#fff;display:block;line-height:40px;text-align:center}.hginfo,.hglayerinfo{font-size:12px;font-weight:600}.tparrows.tp-leftarrow:before{content:'\e824'}.tparrows.tp-rightarrow:before{content:'\e825'}body.rtl .tp-kbimg{left:0!important}.dddwrappershadow{box-shadow:0 45px 100px rgba(0,0,0,.4)}.hglayerinfo{position:fixed;bottom:0;left:0;color:#FFF;line-height:20px;background:rgba(0,0,0,.75);padding:5px 10px;z-index:2000;white-space:normal}.helpgrid,.hginfo{position:absolute}.hginfo{top:-2px;left:-2px;color:#e74c3c;background:#000;padding:2px 5px}.indebugmode .tp-caption:hover{border:1px dashed #c0392b!important}.helpgrid{border:2px dashed #c0392b;top:0;left:0;z-index:0}#revsliderlogloglog{padding:15px;color:#fff;position:fixed;top:0;left:0;width:200px;height:150px;background:rgba(0,0,0,.7);z-index:100000;font-size:10px;overflow:scroll}.aden{filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.perpetua::after,.reyes::after{mix-blend-mode:soft-light;opacity:.5}.inkwell{filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua::after{background:linear-gradient(to bottom,#005b9a,#e6c13d)}.reyes{filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad}.gingham{filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{filter:contrast(1.5) brightness(.9)}.toaster::after{background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{filter:contrast(.9) sepia(.2)}.earlybird::after{background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{filter:saturate(1.1) contrast(1.5)}.lofi::after{background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{filter:sepia(.3)}.xpro2::after{background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge}.moon{filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten}.clarendon{filter:contrast(1.2) saturate(1.35)}.clarendon:before{background:rgba(127,187,227,.2);mix-blend-mode:overlay}.willow{filter:grayscale(.5) contrast(.95) brightness(.9)}.willow::before{background-color:radial-gradient(40%,circle,#d4a9af 55%,#000 150%);mix-blend-mode:overlay}.willow::after{background-color:#d8cdcb;mix-blend-mode:color}.rise{filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9)}.rise::after{background:radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6}.rise::before{background:radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));mix-blend-mode:multiply}._1977:after,._1977:before,.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.clarendon:after,.clarendon:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.rise:after,.rise:before,.slumber:after,.slumber:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.willow:after,.willow:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.clarendon,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.rise,.slumber,.toaster,.walden,.willow,.xpro2{position:relative}._1977 img,.aden img,.brooklyn img,.clarendon img,.earlybird img,.gingham img,.hudson img,.inkwell img,.lark img,.lofi img,.mayfair img,.moon img,.nashville img,.perpetua img,.reyes img,.rise img,.slumber img,.toaster img,.walden img,.willow img,.xpro2 img{width:100%;z-index:1}._1977:before,.aden:before,.brooklyn:before,.clarendon:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.rise:before,.slumber:before,.toaster:before,.walden:before,.willow:before,.xpro2:before{z-index:2}._1977:after,.aden:after,.brooklyn:after,.clarendon:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.rise:after,.slumber:after,.toaster:after,.walden:after,.willow:after,.xpro2:after{z-index:3}.slumber{filter:saturate(.66) brightness(1.05)}.slumber::after{background:rgba(125,105,24,.5);mix-blend-mode:soft-light}.slumber::before{background:rgba(69,41,12,.4);mix-blend-mode:lighten}.tp-kbimg-wrap:after,.tp-kbimg-wrap:before{height:500%;width:500%} \ No newline at end of file diff --git a/apply/revolution/fonts/font-awesome/css/font-awesome.css b/apply/revolution/fonts/font-awesome/css/font-awesome.css new file mode 100644 index 0000000..641b389 --- /dev/null +++ b/apply/revolution/fonts/font-awesome/css/font-awesome.css @@ -0,0 +1,2337 @@ +/*! + * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */ +/* FONT PATH + * -------------------------- */ +@font-face { + font-family: 'FontAwesome'; + src: url('../fonts/fontawesome-webfont.eot?v=4.7.0'); + src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); + font-weight: normal; + font-style: normal; +} +[class^="fa-icon-"], [class*=" fa-icon-"] { + display: inline-block; + font: normal normal normal 14px/1 FontAwesome; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +/* makes the font 33% larger relative to the icon container */ +.fa-icon-lg { + font-size: 1.33333333em; + line-height: 0.75em; + vertical-align: -15%; +} +.fa-icon-2x { + font-size: 2em; +} +.fa-icon-3x { + font-size: 3em; +} +.fa-icon-4x { + font-size: 4em; +} +.fa-icon-5x { + font-size: 5em; +} +.fa-icon-fw { + width: 1.28571429em; + text-align: center; +} +.fa-icon-ul { + padding-left: 0; + margin-left: 2.14285714em; + list-style-type: none; +} +.fa-icon-ul > li { + position: relative; +} +.fa-icon-li { + position: absolute; + left: -2.14285714em; + width: 2.14285714em; + top: 0.14285714em; + text-align: center; +} +.fa-icon-li.fa-icon-lg { + left: -1.85714286em; +} +.fa-icon-border { + padding: .2em .25em .15em; + border: solid 0.08em #eeeeee; + border-radius: .1em; +} +.fa-icon-pull-left { + float: left; +} +.fa-icon-pull-right { + float: right; +} +.fa.fa-icon-pull-left { + margin-right: .3em; +} +.fa.fa-icon-pull-right { + margin-left: .3em; +} +/* Deprecated as of 4.4.0 */ +.pull-right { + float: right; +} +.pull-left { + float: left; +} +.fa.pull-left { + margin-right: .3em; +} +.fa.pull-right { + margin-left: .3em; +} +.fa-icon-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} +.fa-icon-pulse { + -webkit-animation: fa-spin 1s infinite steps(8); + animation: fa-spin 1s infinite steps(8); +} +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +.fa-icon-rotate-90 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +.fa-icon-rotate-180 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.fa-icon-rotate-270 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + transform: rotate(270deg); +} +.fa-icon-flip-horizontal { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; + -webkit-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + transform: scale(-1, 1); +} +.fa-icon-flip-vertical { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; + -webkit-transform: scale(1, -1); + -ms-transform: scale(1, -1); + transform: scale(1, -1); +} +:root .fa-icon-rotate-90, +:root .fa-icon-rotate-180, +:root .fa-icon-rotate-270, +:root .fa-icon-flip-horizontal, +:root .fa-icon-flip-vertical { + filter: none; +} +.fa-icon-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; +} +.fa-icon-stack-1x, +.fa-icon-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; +} +.fa-icon-stack-1x { + line-height: inherit; +} +.fa-icon-stack-2x { + font-size: 2em; +} +.fa-icon-inverse { + color: #ffffff; +} +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.fa-icon-glass:before { + content: "\f000"; +} +.fa-icon-music:before { + content: "\f001"; +} +.fa-icon-search:before { + content: "\f002"; +} +.fa-icon-envelope-o:before { + content: "\f003"; +} +.fa-icon-heart:before { + content: "\f004"; +} +.fa-icon-star:before { + content: "\f005"; +} +.fa-icon-star-o:before { + content: "\f006"; +} +.fa-icon-user:before { + content: "\f007"; +} +.fa-icon-film:before { + content: "\f008"; +} +.fa-icon-th-large:before { + content: "\f009"; +} +.fa-icon-th:before { + content: "\f00a"; +} +.fa-icon-th-list:before { + content: "\f00b"; +} +.fa-icon-check:before { + content: "\f00c"; +} +.fa-icon-remove:before, +.fa-icon-close:before, +.fa-icon-times:before { + content: "\f00d"; +} +.fa-icon-search-plus:before { + content: "\f00e"; +} +.fa-icon-search-minus:before { + content: "\f010"; +} +.fa-icon-power-off:before { + content: "\f011"; +} +.fa-icon-signal:before { + content: "\f012"; +} +.fa-icon-gear:before, +.fa-icon-cog:before { + content: "\f013"; +} +.fa-icon-trash-o:before { + content: "\f014"; +} +.fa-icon-home:before { + content: "\f015"; +} +.fa-icon-file-o:before { + content: "\f016"; +} +.fa-icon-clock-o:before { + content: "\f017"; +} +.fa-icon-road:before { + content: "\f018"; +} +.fa-icon-download:before { + content: "\f019"; +} +.fa-icon-arrow-circle-o-down:before { + content: "\f01a"; +} +.fa-icon-arrow-circle-o-up:before { + content: "\f01b"; +} +.fa-icon-inbox:before { + content: "\f01c"; +} +.fa-icon-play-circle-o:before { + content: "\f01d"; +} +.fa-icon-rotate-right:before, +.fa-icon-repeat:before { + content: "\f01e"; +} +.fa-icon-refresh:before { + content: "\f021"; +} +.fa-icon-list-alt:before { + content: "\f022"; +} +.fa-icon-lock:before { + content: "\f023"; +} +.fa-icon-flag:before { + content: "\f024"; +} +.fa-icon-headphones:before { + content: "\f025"; +} +.fa-icon-volume-off:before { + content: "\f026"; +} +.fa-icon-volume-down:before { + content: "\f027"; +} +.fa-icon-volume-up:before { + content: "\f028"; +} +.fa-icon-qrcode:before { + content: "\f029"; +} +.fa-icon-barcode:before { + content: "\f02a"; +} +.fa-icon-tag:before { + content: "\f02b"; +} +.fa-icon-tags:before { + content: "\f02c"; +} +.fa-icon-book:before { + content: "\f02d"; +} +.fa-icon-bookmark:before { + content: "\f02e"; +} +.fa-icon-print:before { + content: "\f02f"; +} +.fa-icon-camera:before { + content: "\f030"; +} +.fa-icon-font:before { + content: "\f031"; +} +.fa-icon-bold:before { + content: "\f032"; +} +.fa-icon-italic:before { + content: "\f033"; +} +.fa-icon-text-height:before { + content: "\f034"; +} +.fa-icon-text-width:before { + content: "\f035"; +} +.fa-icon-align-left:before { + content: "\f036"; +} +.fa-icon-align-center:before { + content: "\f037"; +} +.fa-icon-align-right:before { + content: "\f038"; +} +.fa-icon-align-justify:before { + content: "\f039"; +} +.fa-icon-list:before { + content: "\f03a"; +} +.fa-icon-dedent:before, +.fa-icon-outdent:before { + content: "\f03b"; +} +.fa-icon-indent:before { + content: "\f03c"; +} +.fa-icon-video-camera:before { + content: "\f03d"; +} +.fa-icon-photo:before, +.fa-icon-image:before, +.fa-icon-picture-o:before { + content: "\f03e"; +} +.fa-icon-pencil:before { + content: "\f040"; +} +.fa-icon-map-marker:before { + content: "\f041"; +} +.fa-icon-adjust:before { + content: "\f042"; +} +.fa-icon-tint:before { + content: "\f043"; +} +.fa-icon-edit:before, +.fa-icon-pencil-square-o:before { + content: "\f044"; +} +.fa-icon-share-square-o:before { + content: "\f045"; +} +.fa-icon-check-square-o:before { + content: "\f046"; +} +.fa-icon-arrows:before { + content: "\f047"; +} +.fa-icon-step-backward:before { + content: "\f048"; +} +.fa-icon-fast-backward:before { + content: "\f049"; +} +.fa-icon-backward:before { + content: "\f04a"; +} +.fa-icon-play:before { + content: "\f04b"; +} +.fa-icon-pause:before { + content: "\f04c"; +} +.fa-icon-stop:before { + content: "\f04d"; +} +.fa-icon-forward:before { + content: "\f04e"; +} +.fa-icon-fast-forward:before { + content: "\f050"; +} +.fa-icon-step-forward:before { + content: "\f051"; +} +.fa-icon-eject:before { + content: "\f052"; +} +.fa-icon-chevron-left:before { + content: "\f053"; +} +.fa-icon-chevron-right:before { + content: "\f054"; +} +.fa-icon-plus-circle:before { + content: "\f055"; +} +.fa-icon-minus-circle:before { + content: "\f056"; +} +.fa-icon-times-circle:before { + content: "\f057"; +} +.fa-icon-check-circle:before { + content: "\f058"; +} +.fa-icon-question-circle:before { + content: "\f059"; +} +.fa-icon-info-circle:before { + content: "\f05a"; +} +.fa-icon-crosshairs:before { + content: "\f05b"; +} +.fa-icon-times-circle-o:before { + content: "\f05c"; +} +.fa-icon-check-circle-o:before { + content: "\f05d"; +} +.fa-icon-ban:before { + content: "\f05e"; +} +.fa-icon-arrow-left:before { + content: "\f060"; +} +.fa-icon-arrow-right:before { + content: "\f061"; +} +.fa-icon-arrow-up:before { + content: "\f062"; +} +.fa-icon-arrow-down:before { + content: "\f063"; +} +.fa-icon-mail-forward:before, +.fa-icon-share:before { + content: "\f064"; +} +.fa-icon-expand:before { + content: "\f065"; +} +.fa-icon-compress:before { + content: "\f066"; +} +.fa-icon-plus:before { + content: "\f067"; +} +.fa-icon-minus:before { + content: "\f068"; +} +.fa-icon-asterisk:before { + content: "\f069"; +} +.fa-icon-exclamation-circle:before { + content: "\f06a"; +} +.fa-icon-gift:before { + content: "\f06b"; +} +.fa-icon-leaf:before { + content: "\f06c"; +} +.fa-icon-fire:before { + content: "\f06d"; +} +.fa-icon-eye:before { + content: "\f06e"; +} +.fa-icon-eye-slash:before { + content: "\f070"; +} +.fa-icon-warning:before, +.fa-icon-exclamation-triangle:before { + content: "\f071"; +} +.fa-icon-plane:before { + content: "\f072"; +} +.fa-icon-calendar:before { + content: "\f073"; +} +.fa-icon-random:before { + content: "\f074"; +} +.fa-icon-comment:before { + content: "\f075"; +} +.fa-icon-magnet:before { + content: "\f076"; +} +.fa-icon-chevron-up:before { + content: "\f077"; +} +.fa-icon-chevron-down:before { + content: "\f078"; +} +.fa-icon-retweet:before { + content: "\f079"; +} +.fa-icon-shopping-cart:before { + content: "\f07a"; +} +.fa-icon-folder:before { + content: "\f07b"; +} +.fa-icon-folder-open:before { + content: "\f07c"; +} +.fa-icon-arrows-v:before { + content: "\f07d"; +} +.fa-icon-arrows-h:before { + content: "\f07e"; +} +.fa-icon-bar-chart-o:before, +.fa-icon-bar-chart:before { + content: "\f080"; +} +.fa-icon-twitter-square:before { + content: "\f081"; +} +.fa-icon-facebook-square:before { + content: "\f082"; +} +.fa-icon-camera-retro:before { + content: "\f083"; +} +.fa-icon-key:before { + content: "\f084"; +} +.fa-icon-gears:before, +.fa-icon-cogs:before { + content: "\f085"; +} +.fa-icon-comments:before { + content: "\f086"; +} +.fa-icon-thumbs-o-up:before { + content: "\f087"; +} +.fa-icon-thumbs-o-down:before { + content: "\f088"; +} +.fa-icon-star-half:before { + content: "\f089"; +} +.fa-icon-heart-o:before { + content: "\f08a"; +} +.fa-icon-sign-out:before { + content: "\f08b"; +} +.fa-icon-linkedin-square:before { + content: "\f08c"; +} +.fa-icon-thumb-tack:before { + content: "\f08d"; +} +.fa-icon-external-link:before { + content: "\f08e"; +} +.fa-icon-sign-in:before { + content: "\f090"; +} +.fa-icon-trophy:before { + content: "\f091"; +} +.fa-icon-github-square:before { + content: "\f092"; +} +.fa-icon-upload:before { + content: "\f093"; +} +.fa-icon-lemon-o:before { + content: "\f094"; +} +.fa-icon-phone:before { + content: "\f095"; +} +.fa-icon-square-o:before { + content: "\f096"; +} +.fa-icon-bookmark-o:before { + content: "\f097"; +} +.fa-icon-phone-square:before { + content: "\f098"; +} +.fa-icon-twitter:before { + content: "\f099"; +} +.fa-icon-facebook-f:before, +.fa-icon-facebook:before { + content: "\f09a"; +} +.fa-icon-github:before { + content: "\f09b"; +} +.fa-icon-unlock:before { + content: "\f09c"; +} +.fa-icon-credit-card:before { + content: "\f09d"; +} +.fa-icon-feed:before, +.fa-icon-rss:before { + content: "\f09e"; +} +.fa-icon-hdd-o:before { + content: "\f0a0"; +} +.fa-icon-bullhorn:before { + content: "\f0a1"; +} +.fa-icon-bell:before { + content: "\f0f3"; +} +.fa-icon-certificate:before { + content: "\f0a3"; +} +.fa-icon-hand-o-right:before { + content: "\f0a4"; +} +.fa-icon-hand-o-left:before { + content: "\f0a5"; +} +.fa-icon-hand-o-up:before { + content: "\f0a6"; +} +.fa-icon-hand-o-down:before { + content: "\f0a7"; +} +.fa-icon-arrow-circle-left:before { + content: "\f0a8"; +} +.fa-icon-arrow-circle-right:before { + content: "\f0a9"; +} +.fa-icon-arrow-circle-up:before { + content: "\f0aa"; +} +.fa-icon-arrow-circle-down:before { + content: "\f0ab"; +} +.fa-icon-globe:before { + content: "\f0ac"; +} +.fa-icon-wrench:before { + content: "\f0ad"; +} +.fa-icon-tasks:before { + content: "\f0ae"; +} +.fa-icon-filter:before { + content: "\f0b0"; +} +.fa-icon-briefcase:before { + content: "\f0b1"; +} +.fa-icon-arrows-alt:before { + content: "\f0b2"; +} +.fa-icon-group:before, +.fa-icon-users:before { + content: "\f0c0"; +} +.fa-icon-chain:before, +.fa-icon-link:before { + content: "\f0c1"; +} +.fa-icon-cloud:before { + content: "\f0c2"; +} +.fa-icon-flask:before { + content: "\f0c3"; +} +.fa-icon-cut:before, +.fa-icon-scissors:before { + content: "\f0c4"; +} +.fa-icon-copy:before, +.fa-icon-files-o:before { + content: "\f0c5"; +} +.fa-icon-paperclip:before { + content: "\f0c6"; +} +.fa-icon-save:before, +.fa-icon-floppy-o:before { + content: "\f0c7"; +} +.fa-icon-square:before { + content: "\f0c8"; +} +.fa-icon-navicon:before, +.fa-icon-reorder:before, +.fa-icon-bars:before { + content: "\f0c9"; +} +.fa-icon-list-ul:before { + content: "\f0ca"; +} +.fa-icon-list-ol:before { + content: "\f0cb"; +} +.fa-icon-strikethrough:before { + content: "\f0cc"; +} +.fa-icon-underline:before { + content: "\f0cd"; +} +.fa-icon-table:before { + content: "\f0ce"; +} +.fa-icon-magic:before { + content: "\f0d0"; +} +.fa-icon-truck:before { + content: "\f0d1"; +} +.fa-icon-pinterest:before { + content: "\f0d2"; +} +.fa-icon-pinterest-square:before { + content: "\f0d3"; +} +.fa-icon-google-plus-square:before { + content: "\f0d4"; +} +.fa-icon-google-plus:before { + content: "\f0d5"; +} +.fa-icon-money:before { + content: "\f0d6"; +} +.fa-icon-caret-down:before { + content: "\f0d7"; +} +.fa-icon-caret-up:before { + content: "\f0d8"; +} +.fa-icon-caret-left:before { + content: "\f0d9"; +} +.fa-icon-caret-right:before { + content: "\f0da"; +} +.fa-icon-columns:before { + content: "\f0db"; +} +.fa-icon-unsorted:before, +.fa-icon-sort:before { + content: "\f0dc"; +} +.fa-icon-sort-down:before, +.fa-icon-sort-desc:before { + content: "\f0dd"; +} +.fa-icon-sort-up:before, +.fa-icon-sort-asc:before { + content: "\f0de"; +} +.fa-icon-envelope:before { + content: "\f0e0"; +} +.fa-icon-linkedin:before { + content: "\f0e1"; +} +.fa-icon-rotate-left:before, +.fa-icon-undo:before { + content: "\f0e2"; +} +.fa-icon-legal:before, +.fa-icon-gavel:before { + content: "\f0e3"; +} +.fa-icon-dashboard:before, +.fa-icon-tachometer:before { + content: "\f0e4"; +} +.fa-icon-comment-o:before { + content: "\f0e5"; +} +.fa-icon-comments-o:before { + content: "\f0e6"; +} +.fa-icon-flash:before, +.fa-icon-bolt:before { + content: "\f0e7"; +} +.fa-icon-sitemap:before { + content: "\f0e8"; +} +.fa-icon-umbrella:before { + content: "\f0e9"; +} +.fa-icon-paste:before, +.fa-icon-clipboard:before { + content: "\f0ea"; +} +.fa-icon-lightbulb-o:before { + content: "\f0eb"; +} +.fa-icon-exchange:before { + content: "\f0ec"; +} +.fa-icon-cloud-download:before { + content: "\f0ed"; +} +.fa-icon-cloud-upload:before { + content: "\f0ee"; +} +.fa-icon-user-md:before { + content: "\f0f0"; +} +.fa-icon-stethoscope:before { + content: "\f0f1"; +} +.fa-icon-suitcase:before { + content: "\f0f2"; +} +.fa-icon-bell-o:before { + content: "\f0a2"; +} +.fa-icon-coffee:before { + content: "\f0f4"; +} +.fa-icon-cutlery:before { + content: "\f0f5"; +} +.fa-icon-file-text-o:before { + content: "\f0f6"; +} +.fa-icon-building-o:before { + content: "\f0f7"; +} +.fa-icon-hospital-o:before { + content: "\f0f8"; +} +.fa-icon-ambulance:before { + content: "\f0f9"; +} +.fa-icon-medkit:before { + content: "\f0fa"; +} +.fa-icon-fighter-jet:before { + content: "\f0fb"; +} +.fa-icon-beer:before { + content: "\f0fc"; +} +.fa-icon-h-square:before { + content: "\f0fd"; +} +.fa-icon-plus-square:before { + content: "\f0fe"; +} +.fa-icon-angle-double-left:before { + content: "\f100"; +} +.fa-icon-angle-double-right:before { + content: "\f101"; +} +.fa-icon-angle-double-up:before { + content: "\f102"; +} +.fa-icon-angle-double-down:before { + content: "\f103"; +} +.fa-icon-angle-left:before { + content: "\f104"; +} +.fa-icon-angle-right:before { + content: "\f105"; +} +.fa-icon-angle-up:before { + content: "\f106"; +} +.fa-icon-angle-down:before { + content: "\f107"; +} +.fa-icon-desktop:before { + content: "\f108"; +} +.fa-icon-laptop:before { + content: "\f109"; +} +.fa-icon-tablet:before { + content: "\f10a"; +} +.fa-icon-mobile-phone:before, +.fa-icon-mobile:before { + content: "\f10b"; +} +.fa-icon-circle-o:before { + content: "\f10c"; +} +.fa-icon-quote-left:before { + content: "\f10d"; +} +.fa-icon-quote-right:before { + content: "\f10e"; +} +.fa-icon-spinner:before { + content: "\f110"; +} +.fa-icon-circle:before { + content: "\f111"; +} +.fa-icon-mail-reply:before, +.fa-icon-reply:before { + content: "\f112"; +} +.fa-icon-github-alt:before { + content: "\f113"; +} +.fa-icon-folder-o:before { + content: "\f114"; +} +.fa-icon-folder-open-o:before { + content: "\f115"; +} +.fa-icon-smile-o:before { + content: "\f118"; +} +.fa-icon-frown-o:before { + content: "\f119"; +} +.fa-icon-meh-o:before { + content: "\f11a"; +} +.fa-icon-gamepad:before { + content: "\f11b"; +} +.fa-icon-keyboard-o:before { + content: "\f11c"; +} +.fa-icon-flag-o:before { + content: "\f11d"; +} +.fa-icon-flag-checkered:before { + content: "\f11e"; +} +.fa-icon-terminal:before { + content: "\f120"; +} +.fa-icon-code:before { + content: "\f121"; +} +.fa-icon-mail-reply-all:before, +.fa-icon-reply-all:before { + content: "\f122"; +} +.fa-icon-star-half-empty:before, +.fa-icon-star-half-full:before, +.fa-icon-star-half-o:before { + content: "\f123"; +} +.fa-icon-location-arrow:before { + content: "\f124"; +} +.fa-icon-crop:before { + content: "\f125"; +} +.fa-icon-code-fork:before { + content: "\f126"; +} +.fa-icon-unlink:before, +.fa-icon-chain-broken:before { + content: "\f127"; +} +.fa-icon-question:before { + content: "\f128"; +} +.fa-icon-info:before { + content: "\f129"; +} +.fa-icon-exclamation:before { + content: "\f12a"; +} +.fa-icon-superscript:before { + content: "\f12b"; +} +.fa-icon-subscript:before { + content: "\f12c"; +} +.fa-icon-eraser:before { + content: "\f12d"; +} +.fa-icon-puzzle-piece:before { + content: "\f12e"; +} +.fa-icon-microphone:before { + content: "\f130"; +} +.fa-icon-microphone-slash:before { + content: "\f131"; +} +.fa-icon-shield:before { + content: "\f132"; +} +.fa-icon-calendar-o:before { + content: "\f133"; +} +.fa-icon-fire-extinguisher:before { + content: "\f134"; +} +.fa-icon-rocket:before { + content: "\f135"; +} +.fa-icon-maxcdn:before { + content: "\f136"; +} +.fa-icon-chevron-circle-left:before { + content: "\f137"; +} +.fa-icon-chevron-circle-right:before { + content: "\f138"; +} +.fa-icon-chevron-circle-up:before { + content: "\f139"; +} +.fa-icon-chevron-circle-down:before { + content: "\f13a"; +} +.fa-icon-html5:before { + content: "\f13b"; +} +.fa-icon-css3:before { + content: "\f13c"; +} +.fa-icon-anchor:before { + content: "\f13d"; +} +.fa-icon-unlock-alt:before { + content: "\f13e"; +} +.fa-icon-bullseye:before { + content: "\f140"; +} +.fa-icon-ellipsis-h:before { + content: "\f141"; +} +.fa-icon-ellipsis-v:before { + content: "\f142"; +} +.fa-icon-rss-square:before { + content: "\f143"; +} +.fa-icon-play-circle:before { + content: "\f144"; +} +.fa-icon-ticket:before { + content: "\f145"; +} +.fa-icon-minus-square:before { + content: "\f146"; +} +.fa-icon-minus-square-o:before { + content: "\f147"; +} +.fa-icon-level-up:before { + content: "\f148"; +} +.fa-icon-level-down:before { + content: "\f149"; +} +.fa-icon-check-square:before { + content: "\f14a"; +} +.fa-icon-pencil-square:before { + content: "\f14b"; +} +.fa-icon-external-link-square:before { + content: "\f14c"; +} +.fa-icon-share-square:before { + content: "\f14d"; +} +.fa-icon-compass:before { + content: "\f14e"; +} +.fa-icon-toggle-down:before, +.fa-icon-caret-square-o-down:before { + content: "\f150"; +} +.fa-icon-toggle-up:before, +.fa-icon-caret-square-o-up:before { + content: "\f151"; +} +.fa-icon-toggle-right:before, +.fa-icon-caret-square-o-right:before { + content: "\f152"; +} +.fa-icon-euro:before, +.fa-icon-eur:before { + content: "\f153"; +} +.fa-icon-gbp:before { + content: "\f154"; +} +.fa-icon-dollar:before, +.fa-icon-usd:before { + content: "\f155"; +} +.fa-icon-rupee:before, +.fa-icon-inr:before { + content: "\f156"; +} +.fa-icon-cny:before, +.fa-icon-rmb:before, +.fa-icon-yen:before, +.fa-icon-jpy:before { + content: "\f157"; +} +.fa-icon-ruble:before, +.fa-icon-rouble:before, +.fa-icon-rub:before { + content: "\f158"; +} +.fa-icon-won:before, +.fa-icon-krw:before { + content: "\f159"; +} +.fa-icon-bitcoin:before, +.fa-icon-btc:before { + content: "\f15a"; +} +.fa-icon-file:before { + content: "\f15b"; +} +.fa-icon-file-text:before { + content: "\f15c"; +} +.fa-icon-sort-alpha-asc:before { + content: "\f15d"; +} +.fa-icon-sort-alpha-desc:before { + content: "\f15e"; +} +.fa-icon-sort-amount-asc:before { + content: "\f160"; +} +.fa-icon-sort-amount-desc:before { + content: "\f161"; +} +.fa-icon-sort-numeric-asc:before { + content: "\f162"; +} +.fa-icon-sort-numeric-desc:before { + content: "\f163"; +} +.fa-icon-thumbs-up:before { + content: "\f164"; +} +.fa-icon-thumbs-down:before { + content: "\f165"; +} +.fa-icon-youtube-square:before { + content: "\f166"; +} +.fa-icon-youtube:before { + content: "\f167"; +} +.fa-icon-xing:before { + content: "\f168"; +} +.fa-icon-xing-square:before { + content: "\f169"; +} +.fa-icon-youtube-play:before { + content: "\f16a"; +} +.fa-icon-dropbox:before { + content: "\f16b"; +} +.fa-icon-stack-overflow:before { + content: "\f16c"; +} +.fa-icon-instagram:before { + content: "\f16d"; +} +.fa-icon-flickr:before { + content: "\f16e"; +} +.fa-icon-adn:before { + content: "\f170"; +} +.fa-icon-bitbucket:before { + content: "\f171"; +} +.fa-icon-bitbucket-square:before { + content: "\f172"; +} +.fa-icon-tumblr:before { + content: "\f173"; +} +.fa-icon-tumblr-square:before { + content: "\f174"; +} +.fa-icon-long-arrow-down:before { + content: "\f175"; +} +.fa-icon-long-arrow-up:before { + content: "\f176"; +} +.fa-icon-long-arrow-left:before { + content: "\f177"; +} +.fa-icon-long-arrow-right:before { + content: "\f178"; +} +.fa-icon-apple:before { + content: "\f179"; +} +.fa-icon-windows:before { + content: "\f17a"; +} +.fa-icon-android:before { + content: "\f17b"; +} +.fa-icon-linux:before { + content: "\f17c"; +} +.fa-icon-dribbble:before { + content: "\f17d"; +} +.fa-icon-skype:before { + content: "\f17e"; +} +.fa-icon-foursquare:before { + content: "\f180"; +} +.fa-icon-trello:before { + content: "\f181"; +} +.fa-icon-female:before { + content: "\f182"; +} +.fa-icon-male:before { + content: "\f183"; +} +.fa-icon-gittip:before, +.fa-icon-gratipay:before { + content: "\f184"; +} +.fa-icon-sun-o:before { + content: "\f185"; +} +.fa-icon-moon-o:before { + content: "\f186"; +} +.fa-icon-archive:before { + content: "\f187"; +} +.fa-icon-bug:before { + content: "\f188"; +} +.fa-icon-vk:before { + content: "\f189"; +} +.fa-icon-weibo:before { + content: "\f18a"; +} +.fa-icon-renren:before { + content: "\f18b"; +} +.fa-icon-pagelines:before { + content: "\f18c"; +} +.fa-icon-stack-exchange:before { + content: "\f18d"; +} +.fa-icon-arrow-circle-o-right:before { + content: "\f18e"; +} +.fa-icon-arrow-circle-o-left:before { + content: "\f190"; +} +.fa-icon-toggle-left:before, +.fa-icon-caret-square-o-left:before { + content: "\f191"; +} +.fa-icon-dot-circle-o:before { + content: "\f192"; +} +.fa-icon-wheelchair:before { + content: "\f193"; +} +.fa-icon-vimeo-square:before { + content: "\f194"; +} +.fa-icon-turkish-lira:before, +.fa-icon-try:before { + content: "\f195"; +} +.fa-icon-plus-square-o:before { + content: "\f196"; +} +.fa-icon-space-shuttle:before { + content: "\f197"; +} +.fa-icon-slack:before { + content: "\f198"; +} +.fa-icon-envelope-square:before { + content: "\f199"; +} +.fa-icon-wordpress:before { + content: "\f19a"; +} +.fa-icon-openid:before { + content: "\f19b"; +} +.fa-icon-institution:before, +.fa-icon-bank:before, +.fa-icon-university:before { + content: "\f19c"; +} +.fa-icon-mortar-board:before, +.fa-icon-graduation-cap:before { + content: "\f19d"; +} +.fa-icon-yahoo:before { + content: "\f19e"; +} +.fa-icon-google:before { + content: "\f1a0"; +} +.fa-icon-reddit:before { + content: "\f1a1"; +} +.fa-icon-reddit-square:before { + content: "\f1a2"; +} +.fa-icon-stumbleupon-circle:before { + content: "\f1a3"; +} +.fa-icon-stumbleupon:before { + content: "\f1a4"; +} +.fa-icon-delicious:before { + content: "\f1a5"; +} +.fa-icon-digg:before { + content: "\f1a6"; +} +.fa-icon-pied-piper-pp:before { + content: "\f1a7"; +} +.fa-icon-pied-piper-alt:before { + content: "\f1a8"; +} +.fa-icon-drupal:before { + content: "\f1a9"; +} +.fa-icon-joomla:before { + content: "\f1aa"; +} +.fa-icon-language:before { + content: "\f1ab"; +} +.fa-icon-fax:before { + content: "\f1ac"; +} +.fa-icon-building:before { + content: "\f1ad"; +} +.fa-icon-child:before { + content: "\f1ae"; +} +.fa-icon-paw:before { + content: "\f1b0"; +} +.fa-icon-spoon:before { + content: "\f1b1"; +} +.fa-icon-cube:before { + content: "\f1b2"; +} +.fa-icon-cubes:before { + content: "\f1b3"; +} +.fa-icon-behance:before { + content: "\f1b4"; +} +.fa-icon-behance-square:before { + content: "\f1b5"; +} +.fa-icon-steam:before { + content: "\f1b6"; +} +.fa-icon-steam-square:before { + content: "\f1b7"; +} +.fa-icon-recycle:before { + content: "\f1b8"; +} +.fa-icon-automobile:before, +.fa-icon-car:before { + content: "\f1b9"; +} +.fa-icon-cab:before, +.fa-icon-taxi:before { + content: "\f1ba"; +} +.fa-icon-tree:before { + content: "\f1bb"; +} +.fa-icon-spotify:before { + content: "\f1bc"; +} +.fa-icon-deviantart:before { + content: "\f1bd"; +} +.fa-icon-soundcloud:before { + content: "\f1be"; +} +.fa-icon-database:before { + content: "\f1c0"; +} +.fa-icon-file-pdf-o:before { + content: "\f1c1"; +} +.fa-icon-file-word-o:before { + content: "\f1c2"; +} +.fa-icon-file-excel-o:before { + content: "\f1c3"; +} +.fa-icon-file-powerpoint-o:before { + content: "\f1c4"; +} +.fa-icon-file-photo-o:before, +.fa-icon-file-picture-o:before, +.fa-icon-file-image-o:before { + content: "\f1c5"; +} +.fa-icon-file-zip-o:before, +.fa-icon-file-archive-o:before { + content: "\f1c6"; +} +.fa-icon-file-sound-o:before, +.fa-icon-file-audio-o:before { + content: "\f1c7"; +} +.fa-icon-file-movie-o:before, +.fa-icon-file-video-o:before { + content: "\f1c8"; +} +.fa-icon-file-code-o:before { + content: "\f1c9"; +} +.fa-icon-vine:before { + content: "\f1ca"; +} +.fa-icon-codepen:before { + content: "\f1cb"; +} +.fa-icon-jsfiddle:before { + content: "\f1cc"; +} +.fa-icon-life-bouy:before, +.fa-icon-life-buoy:before, +.fa-icon-life-saver:before, +.fa-icon-support:before, +.fa-icon-life-ring:before { + content: "\f1cd"; +} +.fa-icon-circle-o-notch:before { + content: "\f1ce"; +} +.fa-icon-ra:before, +.fa-icon-resistance:before, +.fa-icon-rebel:before { + content: "\f1d0"; +} +.fa-icon-ge:before, +.fa-icon-empire:before { + content: "\f1d1"; +} +.fa-icon-git-square:before { + content: "\f1d2"; +} +.fa-icon-git:before { + content: "\f1d3"; +} +.fa-icon-y-combinator-square:before, +.fa-icon-yc-square:before, +.fa-icon-hacker-news:before { + content: "\f1d4"; +} +.fa-icon-tencent-weibo:before { + content: "\f1d5"; +} +.fa-icon-qq:before { + content: "\f1d6"; +} +.fa-icon-wechat:before, +.fa-icon-weixin:before { + content: "\f1d7"; +} +.fa-icon-send:before, +.fa-icon-paper-plane:before { + content: "\f1d8"; +} +.fa-icon-send-o:before, +.fa-icon-paper-plane-o:before { + content: "\f1d9"; +} +.fa-icon-history:before { + content: "\f1da"; +} +.fa-icon-circle-thin:before { + content: "\f1db"; +} +.fa-icon-header:before { + content: "\f1dc"; +} +.fa-icon-paragraph:before { + content: "\f1dd"; +} +.fa-icon-sliders:before { + content: "\f1de"; +} +.fa-icon-share-alt:before { + content: "\f1e0"; +} +.fa-icon-share-alt-square:before { + content: "\f1e1"; +} +.fa-icon-bomb:before { + content: "\f1e2"; +} +.fa-icon-soccer-ball-o:before, +.fa-icon-futbol-o:before { + content: "\f1e3"; +} +.fa-icon-tty:before { + content: "\f1e4"; +} +.fa-icon-binoculars:before { + content: "\f1e5"; +} +.fa-icon-plug:before { + content: "\f1e6"; +} +.fa-icon-slideshare:before { + content: "\f1e7"; +} +.fa-icon-twitch:before { + content: "\f1e8"; +} +.fa-icon-yelp:before { + content: "\f1e9"; +} +.fa-icon-newspaper-o:before { + content: "\f1ea"; +} +.fa-icon-wifi:before { + content: "\f1eb"; +} +.fa-icon-calculator:before { + content: "\f1ec"; +} +.fa-icon-paypal:before { + content: "\f1ed"; +} +.fa-icon-google-wallet:before { + content: "\f1ee"; +} +.fa-icon-cc-visa:before { + content: "\f1f0"; +} +.fa-icon-cc-mastercard:before { + content: "\f1f1"; +} +.fa-icon-cc-discover:before { + content: "\f1f2"; +} +.fa-icon-cc-amex:before { + content: "\f1f3"; +} +.fa-icon-cc-paypal:before { + content: "\f1f4"; +} +.fa-icon-cc-stripe:before { + content: "\f1f5"; +} +.fa-icon-bell-slash:before { + content: "\f1f6"; +} +.fa-icon-bell-slash-o:before { + content: "\f1f7"; +} +.fa-icon-trash:before { + content: "\f1f8"; +} +.fa-icon-copyright:before { + content: "\f1f9"; +} +.fa-icon-at:before { + content: "\f1fa"; +} +.fa-icon-eyedropper:before { + content: "\f1fb"; +} +.fa-icon-paint-brush:before { + content: "\f1fc"; +} +.fa-icon-birthday-cake:before { + content: "\f1fd"; +} +.fa-icon-area-chart:before { + content: "\f1fe"; +} +.fa-icon-pie-chart:before { + content: "\f200"; +} +.fa-icon-line-chart:before { + content: "\f201"; +} +.fa-icon-lastfm:before { + content: "\f202"; +} +.fa-icon-lastfm-square:before { + content: "\f203"; +} +.fa-icon-toggle-off:before { + content: "\f204"; +} +.fa-icon-toggle-on:before { + content: "\f205"; +} +.fa-icon-bicycle:before { + content: "\f206"; +} +.fa-icon-bus:before { + content: "\f207"; +} +.fa-icon-ioxhost:before { + content: "\f208"; +} +.fa-icon-angellist:before { + content: "\f209"; +} +.fa-icon-cc:before { + content: "\f20a"; +} +.fa-icon-shekel:before, +.fa-icon-sheqel:before, +.fa-icon-ils:before { + content: "\f20b"; +} +.fa-icon-meanpath:before { + content: "\f20c"; +} +.fa-icon-buysellads:before { + content: "\f20d"; +} +.fa-icon-connectdevelop:before { + content: "\f20e"; +} +.fa-icon-dashcube:before { + content: "\f210"; +} +.fa-icon-forumbee:before { + content: "\f211"; +} +.fa-icon-leanpub:before { + content: "\f212"; +} +.fa-icon-sellsy:before { + content: "\f213"; +} +.fa-icon-shirtsinbulk:before { + content: "\f214"; +} +.fa-icon-simplybuilt:before { + content: "\f215"; +} +.fa-icon-skyatlas:before { + content: "\f216"; +} +.fa-icon-cart-plus:before { + content: "\f217"; +} +.fa-icon-cart-arrow-down:before { + content: "\f218"; +} +.fa-icon-diamond:before { + content: "\f219"; +} +.fa-icon-ship:before { + content: "\f21a"; +} +.fa-icon-user-secret:before { + content: "\f21b"; +} +.fa-icon-motorcycle:before { + content: "\f21c"; +} +.fa-icon-street-view:before { + content: "\f21d"; +} +.fa-icon-heartbeat:before { + content: "\f21e"; +} +.fa-icon-venus:before { + content: "\f221"; +} +.fa-icon-mars:before { + content: "\f222"; +} +.fa-icon-mercury:before { + content: "\f223"; +} +.fa-icon-intersex:before, +.fa-icon-transgender:before { + content: "\f224"; +} +.fa-icon-transgender-alt:before { + content: "\f225"; +} +.fa-icon-venus-double:before { + content: "\f226"; +} +.fa-icon-mars-double:before { + content: "\f227"; +} +.fa-icon-venus-mars:before { + content: "\f228"; +} +.fa-icon-mars-stroke:before { + content: "\f229"; +} +.fa-icon-mars-stroke-v:before { + content: "\f22a"; +} +.fa-icon-mars-stroke-h:before { + content: "\f22b"; +} +.fa-icon-neuter:before { + content: "\f22c"; +} +.fa-icon-genderless:before { + content: "\f22d"; +} +.fa-icon-facebook-official:before { + content: "\f230"; +} +.fa-icon-pinterest-p:before { + content: "\f231"; +} +.fa-icon-whatsapp:before { + content: "\f232"; +} +.fa-icon-server:before { + content: "\f233"; +} +.fa-icon-user-plus:before { + content: "\f234"; +} +.fa-icon-user-times:before { + content: "\f235"; +} +.fa-icon-hotel:before, +.fa-icon-bed:before { + content: "\f236"; +} +.fa-icon-viacoin:before { + content: "\f237"; +} +.fa-icon-train:before { + content: "\f238"; +} +.fa-icon-subway:before { + content: "\f239"; +} +.fa-icon-medium:before { + content: "\f23a"; +} +.fa-icon-yc:before, +.fa-icon-y-combinator:before { + content: "\f23b"; +} +.fa-icon-optin-monster:before { + content: "\f23c"; +} +.fa-icon-opencart:before { + content: "\f23d"; +} +.fa-icon-expeditedssl:before { + content: "\f23e"; +} +.fa-icon-battery-4:before, +.fa-icon-battery:before, +.fa-icon-battery-full:before { + content: "\f240"; +} +.fa-icon-battery-3:before, +.fa-icon-battery-three-quarters:before { + content: "\f241"; +} +.fa-icon-battery-2:before, +.fa-icon-battery-half:before { + content: "\f242"; +} +.fa-icon-battery-1:before, +.fa-icon-battery-quarter:before { + content: "\f243"; +} +.fa-icon-battery-0:before, +.fa-icon-battery-empty:before { + content: "\f244"; +} +.fa-icon-mouse-pointer:before { + content: "\f245"; +} +.fa-icon-i-cursor:before { + content: "\f246"; +} +.fa-icon-object-group:before { + content: "\f247"; +} +.fa-icon-object-ungroup:before { + content: "\f248"; +} +.fa-icon-sticky-note:before { + content: "\f249"; +} +.fa-icon-sticky-note-o:before { + content: "\f24a"; +} +.fa-icon-cc-jcb:before { + content: "\f24b"; +} +.fa-icon-cc-diners-club:before { + content: "\f24c"; +} +.fa-icon-clone:before { + content: "\f24d"; +} +.fa-icon-balance-scale:before { + content: "\f24e"; +} +.fa-icon-hourglass-o:before { + content: "\f250"; +} +.fa-icon-hourglass-1:before, +.fa-icon-hourglass-start:before { + content: "\f251"; +} +.fa-icon-hourglass-2:before, +.fa-icon-hourglass-half:before { + content: "\f252"; +} +.fa-icon-hourglass-3:before, +.fa-icon-hourglass-end:before { + content: "\f253"; +} +.fa-icon-hourglass:before { + content: "\f254"; +} +.fa-icon-hand-grab-o:before, +.fa-icon-hand-rock-o:before { + content: "\f255"; +} +.fa-icon-hand-stop-o:before, +.fa-icon-hand-paper-o:before { + content: "\f256"; +} +.fa-icon-hand-scissors-o:before { + content: "\f257"; +} +.fa-icon-hand-lizard-o:before { + content: "\f258"; +} +.fa-icon-hand-spock-o:before { + content: "\f259"; +} +.fa-icon-hand-pointer-o:before { + content: "\f25a"; +} +.fa-icon-hand-peace-o:before { + content: "\f25b"; +} +.fa-icon-trademark:before { + content: "\f25c"; +} +.fa-icon-registered:before { + content: "\f25d"; +} +.fa-icon-creative-commons:before { + content: "\f25e"; +} +.fa-icon-gg:before { + content: "\f260"; +} +.fa-icon-gg-circle:before { + content: "\f261"; +} +.fa-icon-tripadvisor:before { + content: "\f262"; +} +.fa-icon-odnoklassniki:before { + content: "\f263"; +} +.fa-icon-odnoklassniki-square:before { + content: "\f264"; +} +.fa-icon-get-pocket:before { + content: "\f265"; +} +.fa-icon-wikipedia-w:before { + content: "\f266"; +} +.fa-icon-safari:before { + content: "\f267"; +} +.fa-icon-chrome:before { + content: "\f268"; +} +.fa-icon-firefox:before { + content: "\f269"; +} +.fa-icon-opera:before { + content: "\f26a"; +} +.fa-icon-internet-explorer:before { + content: "\f26b"; +} +.fa-icon-tv:before, +.fa-icon-television:before { + content: "\f26c"; +} +.fa-icon-contao:before { + content: "\f26d"; +} +.fa-icon-500px:before { + content: "\f26e"; +} +.fa-icon-amazon:before { + content: "\f270"; +} +.fa-icon-calendar-plus-o:before { + content: "\f271"; +} +.fa-icon-calendar-minus-o:before { + content: "\f272"; +} +.fa-icon-calendar-times-o:before { + content: "\f273"; +} +.fa-icon-calendar-check-o:before { + content: "\f274"; +} +.fa-icon-industry:before { + content: "\f275"; +} +.fa-icon-map-pin:before { + content: "\f276"; +} +.fa-icon-map-signs:before { + content: "\f277"; +} +.fa-icon-map-o:before { + content: "\f278"; +} +.fa-icon-map:before { + content: "\f279"; +} +.fa-icon-commenting:before { + content: "\f27a"; +} +.fa-icon-commenting-o:before { + content: "\f27b"; +} +.fa-icon-houzz:before { + content: "\f27c"; +} +.fa-icon-vimeo:before { + content: "\f27d"; +} +.fa-icon-black-tie:before { + content: "\f27e"; +} +.fa-icon-fonticons:before { + content: "\f280"; +} +.fa-icon-reddit-alien:before { + content: "\f281"; +} +.fa-icon-edge:before { + content: "\f282"; +} +.fa-icon-credit-card-alt:before { + content: "\f283"; +} +.fa-icon-codiepie:before { + content: "\f284"; +} +.fa-icon-modx:before { + content: "\f285"; +} +.fa-icon-fort-awesome:before { + content: "\f286"; +} +.fa-icon-usb:before { + content: "\f287"; +} +.fa-icon-product-hunt:before { + content: "\f288"; +} +.fa-icon-mixcloud:before { + content: "\f289"; +} +.fa-icon-scribd:before { + content: "\f28a"; +} +.fa-icon-pause-circle:before { + content: "\f28b"; +} +.fa-icon-pause-circle-o:before { + content: "\f28c"; +} +.fa-icon-stop-circle:before { + content: "\f28d"; +} +.fa-icon-stop-circle-o:before { + content: "\f28e"; +} +.fa-icon-shopping-bag:before { + content: "\f290"; +} +.fa-icon-shopping-basket:before { + content: "\f291"; +} +.fa-icon-hashtag:before { + content: "\f292"; +} +.fa-icon-bluetooth:before { + content: "\f293"; +} +.fa-icon-bluetooth-b:before { + content: "\f294"; +} +.fa-icon-percent:before { + content: "\f295"; +} +.fa-icon-gitlab:before { + content: "\f296"; +} +.fa-icon-wpbeginner:before { + content: "\f297"; +} +.fa-icon-wpforms:before { + content: "\f298"; +} +.fa-icon-envira:before { + content: "\f299"; +} +.fa-icon-universal-access:before { + content: "\f29a"; +} +.fa-icon-wheelchair-alt:before { + content: "\f29b"; +} +.fa-icon-question-circle-o:before { + content: "\f29c"; +} +.fa-icon-blind:before { + content: "\f29d"; +} +.fa-icon-audio-description:before { + content: "\f29e"; +} +.fa-icon-volume-control-phone:before { + content: "\f2a0"; +} +.fa-icon-braille:before { + content: "\f2a1"; +} +.fa-icon-assistive-listening-systems:before { + content: "\f2a2"; +} +.fa-icon-asl-interpreting:before, +.fa-icon-american-sign-language-interpreting:before { + content: "\f2a3"; +} +.fa-icon-deafness:before, +.fa-icon-hard-of-hearing:before, +.fa-icon-deaf:before { + content: "\f2a4"; +} +.fa-icon-glide:before { + content: "\f2a5"; +} +.fa-icon-glide-g:before { + content: "\f2a6"; +} +.fa-icon-signing:before, +.fa-icon-sign-language:before { + content: "\f2a7"; +} +.fa-icon-low-vision:before { + content: "\f2a8"; +} +.fa-icon-viadeo:before { + content: "\f2a9"; +} +.fa-icon-viadeo-square:before { + content: "\f2aa"; +} +.fa-icon-snapchat:before { + content: "\f2ab"; +} +.fa-icon-snapchat-ghost:before { + content: "\f2ac"; +} +.fa-icon-snapchat-square:before { + content: "\f2ad"; +} +.fa-icon-pied-piper:before { + content: "\f2ae"; +} +.fa-icon-first-order:before { + content: "\f2b0"; +} +.fa-icon-yoast:before { + content: "\f2b1"; +} +.fa-icon-themeisle:before { + content: "\f2b2"; +} +.fa-icon-google-plus-circle:before, +.fa-icon-google-plus-official:before { + content: "\f2b3"; +} +.fa-icon-fa:before, +.fa-icon-font-awesome:before { + content: "\f2b4"; +} +.fa-icon-handshake-o:before { + content: "\f2b5"; +} +.fa-icon-envelope-open:before { + content: "\f2b6"; +} +.fa-icon-envelope-open-o:before { + content: "\f2b7"; +} +.fa-icon-linode:before { + content: "\f2b8"; +} +.fa-icon-address-book:before { + content: "\f2b9"; +} +.fa-icon-address-book-o:before { + content: "\f2ba"; +} +.fa-icon-vcard:before, +.fa-icon-address-card:before { + content: "\f2bb"; +} +.fa-icon-vcard-o:before, +.fa-icon-address-card-o:before { + content: "\f2bc"; +} +.fa-icon-user-circle:before { + content: "\f2bd"; +} +.fa-icon-user-circle-o:before { + content: "\f2be"; +} +.fa-icon-user-o:before { + content: "\f2c0"; +} +.fa-icon-id-badge:before { + content: "\f2c1"; +} +.fa-icon-drivers-license:before, +.fa-icon-id-card:before { + content: "\f2c2"; +} +.fa-icon-drivers-license-o:before, +.fa-icon-id-card-o:before { + content: "\f2c3"; +} +.fa-icon-quora:before { + content: "\f2c4"; +} +.fa-icon-free-code-camp:before { + content: "\f2c5"; +} +.fa-icon-telegram:before { + content: "\f2c6"; +} +.fa-icon-thermometer-4:before, +.fa-icon-thermometer:before, +.fa-icon-thermometer-full:before { + content: "\f2c7"; +} +.fa-icon-thermometer-3:before, +.fa-icon-thermometer-three-quarters:before { + content: "\f2c8"; +} +.fa-icon-thermometer-2:before, +.fa-icon-thermometer-half:before { + content: "\f2c9"; +} +.fa-icon-thermometer-1:before, +.fa-icon-thermometer-quarter:before { + content: "\f2ca"; +} +.fa-icon-thermometer-0:before, +.fa-icon-thermometer-empty:before { + content: "\f2cb"; +} +.fa-icon-shower:before { + content: "\f2cc"; +} +.fa-icon-bathtub:before, +.fa-icon-s15:before, +.fa-icon-bath:before { + content: "\f2cd"; +} +.fa-icon-podcast:before { + content: "\f2ce"; +} +.fa-icon-window-maximize:before { + content: "\f2d0"; +} +.fa-icon-window-minimize:before { + content: "\f2d1"; +} +.fa-icon-window-restore:before { + content: "\f2d2"; +} +.fa-icon-times-rectangle:before, +.fa-icon-window-close:before { + content: "\f2d3"; +} +.fa-icon-times-rectangle-o:before, +.fa-icon-window-close-o:before { + content: "\f2d4"; +} +.fa-icon-bandcamp:before { + content: "\f2d5"; +} +.fa-icon-grav:before { + content: "\f2d6"; +} +.fa-icon-etsy:before { + content: "\f2d7"; +} +.fa-icon-imdb:before { + content: "\f2d8"; +} +.fa-icon-ravelry:before { + content: "\f2d9"; +} +.fa-icon-eercast:before { + content: "\f2da"; +} +.fa-icon-microchip:before { + content: "\f2db"; +} +.fa-icon-snowflake-o:before { + content: "\f2dc"; +} +.fa-icon-superpowers:before { + content: "\f2dd"; +} +.fa-icon-wpexplorer:before { + content: "\f2de"; +} +.fa-icon-meetup:before { + content: "\f2e0"; +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} +.sr-only-focusable:active, +.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; +} diff --git a/apply/revolution/fonts/font-awesome/fonts/FontAwesome.otf b/apply/revolution/fonts/font-awesome/fonts/FontAwesome.otf new file mode 100644 index 0000000..401ec0f Binary files /dev/null and b/apply/revolution/fonts/font-awesome/fonts/FontAwesome.otf differ diff --git a/apply/revolution/fonts/font-awesome/fonts/fontawesome-webfont.eot b/apply/revolution/fonts/font-awesome/fonts/fontawesome-webfont.eot new file mode 100644 index 0000000..e9f60ca Binary files /dev/null and b/apply/revolution/fonts/font-awesome/fonts/fontawesome-webfont.eot differ diff --git a/apply/revolution/fonts/font-awesome/fonts/fontawesome-webfont.svg b/apply/revolution/fonts/font-awesome/fonts/fontawesome-webfont.svg new file mode 100644 index 0000000..855c845 --- /dev/null +++ b/apply/revolution/fonts/font-awesome/fonts/fontawesome-webfont.svg @@ -0,0 +1,2671 @@ + + + + +Created by FontForge 20120731 at Mon Oct 24 17:37:40 2016 + By ,,, +Copyright Dave Gandy 2016. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/apply/revolution/fonts/font-awesome/fonts/fontawesome-webfont.ttf b/apply/revolution/fonts/font-awesome/fonts/fontawesome-webfont.ttf new file mode 100644 index 0000000..35acda2 Binary files /dev/null and b/apply/revolution/fonts/font-awesome/fonts/fontawesome-webfont.ttf differ diff --git a/apply/revolution/fonts/font-awesome/fonts/fontawesome-webfont.woff b/apply/revolution/fonts/font-awesome/fonts/fontawesome-webfont.woff new file mode 100644 index 0000000..400014a Binary files /dev/null and b/apply/revolution/fonts/font-awesome/fonts/fontawesome-webfont.woff differ diff --git a/apply/revolution/fonts/font-awesome/fonts/fontawesome-webfont.woff2 b/apply/revolution/fonts/font-awesome/fonts/fontawesome-webfont.woff2 new file mode 100644 index 0000000..4d13fc6 Binary files /dev/null and b/apply/revolution/fonts/font-awesome/fonts/fontawesome-webfont.woff2 differ diff --git a/apply/revolution/fonts/pe-icon-7-stroke/css/helper.css b/apply/revolution/fonts/pe-icon-7-stroke/css/helper.css new file mode 100644 index 0000000..25f775e --- /dev/null +++ b/apply/revolution/fonts/pe-icon-7-stroke/css/helper.css @@ -0,0 +1,191 @@ + +/* HELPER CLASS + * -------------------------- */ + +/* FA based classes */ + +/*! Modified from font-awesome helper CSS classes - PIXEDEN + * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (CSS: MIT License) + */ + +/* makes the font 33% larger relative to the icon container */ +.pe-lg { + font-size: 1.3333333333333333em; + line-height: 0.75em; + vertical-align: -15%; +} +.pe-2x { + font-size: 2em; +} +.pe-3x { + font-size: 3em; +} +.pe-4x { + font-size: 4em; +} +.pe-5x { + font-size: 5em; +} +.pe-fw { + width: 1.2857142857142858em; + text-align: center; +} +.pe-ul { + padding-left: 0; + margin-left: 2.142857142857143em; + list-style-type: none; +} +.pe-ul > li { + position: relative; +} +.pe-li { + position: absolute; + left: -2.142857142857143em; + width: 2.142857142857143em; + top: 0.14285714285714285em; + text-align: center; +} +.pe-li.pe-lg { + left: -1.8571428571428572em; +} +.pe-border { + padding: .2em .25em .15em; + border: solid 0.08em #eeeeee; + border-radius: .1em; +} +.pull-right { + float: right; +} +.pull-left { + float: left; +} +.pe.pull-left { + margin-right: .3em; +} +.pe.pull-right { + margin-left: .3em; +} +.pe-spin { + -webkit-animation: spin 2s infinite linear; + -moz-animation: spin 2s infinite linear; + -o-animation: spin 2s infinite linear; + animation: spin 2s infinite linear; +} +@-moz-keyframes spin { + 0% { + -moz-transform: rotate(0deg); + } + 100% { + -moz-transform: rotate(359deg); + } +} +@-webkit-keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + } +} +@-o-keyframes spin { + 0% { + -o-transform: rotate(0deg); + } + 100% { + -o-transform: rotate(359deg); + } +} +@-ms-keyframes spin { + 0% { + -ms-transform: rotate(0deg); + } + 100% { + -ms-transform: rotate(359deg); + } +} +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(359deg); + } +} +.pe-rotate-90 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -o-transform: rotate(90deg); + transform: rotate(90deg); +} +.pe-rotate-180 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} +.pe-rotate-270 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); + -webkit-transform: rotate(270deg); + -moz-transform: rotate(270deg); + -ms-transform: rotate(270deg); + -o-transform: rotate(270deg); + transform: rotate(270deg); +} +.pe-flip-horizontal { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); + -webkit-transform: scale(-1, 1); + -moz-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + -o-transform: scale(-1, 1); + transform: scale(-1, 1); +} +.pe-flip-vertical { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); + -webkit-transform: scale(1, -1); + -moz-transform: scale(1, -1); + -ms-transform: scale(1, -1); + -o-transform: scale(1, -1); + transform: scale(1, -1); +} +.pe-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; +} +.pe-stack-1x, +.pe-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; +} +.pe-stack-1x { + line-height: inherit; +} +.pe-stack-2x { + font-size: 2em; +} +.pe-inverse { + color: #ffffff; +} + +/* Custom classes / mods - PIXEDEN */ +.pe-va { + vertical-align: middle; +} + +.pe-border { + border: solid 0.08em #eaeaea; +} + +[class^="pe-7s-"], [class*=" pe-7s-"] { + display: inline-block; +} \ No newline at end of file diff --git a/apply/revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css b/apply/revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css new file mode 100644 index 0000000..44bcbaa --- /dev/null +++ b/apply/revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css @@ -0,0 +1,632 @@ +@font-face { + font-family: 'Pe-icon-7-stroke'; + src:url('../fonts/Pe-icon-7-stroke.eot?d7yf1v'); + src:url('../fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'), + url('../fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'), + url('../fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'), + url('../fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="pe-7s-"], [class*=" pe-7s-"] { + display: inline-block; + font-family: 'Pe-icon-7-stroke'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.pe-7s-album:before { + content: "\e6aa"; +} +.pe-7s-arc:before { + content: "\e6ab"; +} +.pe-7s-back-2:before { + content: "\e6ac"; +} +.pe-7s-bandaid:before { + content: "\e6ad"; +} +.pe-7s-car:before { + content: "\e6ae"; +} +.pe-7s-diamond:before { + content: "\e6af"; +} +.pe-7s-door-lock:before { + content: "\e6b0"; +} +.pe-7s-eyedropper:before { + content: "\e6b1"; +} +.pe-7s-female:before { + content: "\e6b2"; +} +.pe-7s-gym:before { + content: "\e6b3"; +} +.pe-7s-hammer:before { + content: "\e6b4"; +} +.pe-7s-headphones:before { + content: "\e6b5"; +} +.pe-7s-helm:before { + content: "\e6b6"; +} +.pe-7s-hourglass:before { + content: "\e6b7"; +} +.pe-7s-leaf:before { + content: "\e6b8"; +} +.pe-7s-magic-wand:before { + content: "\e6b9"; +} +.pe-7s-male:before { + content: "\e6ba"; +} +.pe-7s-map-2:before { + content: "\e6bb"; +} +.pe-7s-next-2:before { + content: "\e6bc"; +} +.pe-7s-paint-bucket:before { + content: "\e6bd"; +} +.pe-7s-pendrive:before { + content: "\e6be"; +} +.pe-7s-photo:before { + content: "\e6bf"; +} +.pe-7s-piggy:before { + content: "\e6c0"; +} +.pe-7s-plugin:before { + content: "\e6c1"; +} +.pe-7s-refresh-2:before { + content: "\e6c2"; +} +.pe-7s-rocket:before { + content: "\e6c3"; +} +.pe-7s-settings:before { + content: "\e6c4"; +} +.pe-7s-shield:before { + content: "\e6c5"; +} +.pe-7s-smile:before { + content: "\e6c6"; +} +.pe-7s-usb:before { + content: "\e6c7"; +} +.pe-7s-vector:before { + content: "\e6c8"; +} +.pe-7s-wine:before { + content: "\e6c9"; +} +.pe-7s-cloud-upload:before { + content: "\e68a"; +} +.pe-7s-cash:before { + content: "\e68c"; +} +.pe-7s-close:before { + content: "\e680"; +} +.pe-7s-bluetooth:before { + content: "\e68d"; +} +.pe-7s-cloud-download:before { + content: "\e68b"; +} +.pe-7s-way:before { + content: "\e68e"; +} +.pe-7s-close-circle:before { + content: "\e681"; +} +.pe-7s-id:before { + content: "\e68f"; +} +.pe-7s-angle-up:before { + content: "\e682"; +} +.pe-7s-wristwatch:before { + content: "\e690"; +} +.pe-7s-angle-up-circle:before { + content: "\e683"; +} +.pe-7s-world:before { + content: "\e691"; +} +.pe-7s-angle-right:before { + content: "\e684"; +} +.pe-7s-volume:before { + content: "\e692"; +} +.pe-7s-angle-right-circle:before { + content: "\e685"; +} +.pe-7s-users:before { + content: "\e693"; +} +.pe-7s-angle-left:before { + content: "\e686"; +} +.pe-7s-user-female:before { + content: "\e694"; +} +.pe-7s-angle-left-circle:before { + content: "\e687"; +} +.pe-7s-up-arrow:before { + content: "\e695"; +} +.pe-7s-angle-down:before { + content: "\e688"; +} +.pe-7s-switch:before { + content: "\e696"; +} +.pe-7s-angle-down-circle:before { + content: "\e689"; +} +.pe-7s-scissors:before { + content: "\e697"; +} +.pe-7s-wallet:before { + content: "\e600"; +} +.pe-7s-safe:before { + content: "\e698"; +} +.pe-7s-volume2:before { + content: "\e601"; +} +.pe-7s-volume1:before { + content: "\e602"; +} +.pe-7s-voicemail:before { + content: "\e603"; +} +.pe-7s-video:before { + content: "\e604"; +} +.pe-7s-user:before { + content: "\e605"; +} +.pe-7s-upload:before { + content: "\e606"; +} +.pe-7s-unlock:before { + content: "\e607"; +} +.pe-7s-umbrella:before { + content: "\e608"; +} +.pe-7s-trash:before { + content: "\e609"; +} +.pe-7s-tools:before { + content: "\e60a"; +} +.pe-7s-timer:before { + content: "\e60b"; +} +.pe-7s-ticket:before { + content: "\e60c"; +} +.pe-7s-target:before { + content: "\e60d"; +} +.pe-7s-sun:before { + content: "\e60e"; +} +.pe-7s-study:before { + content: "\e60f"; +} +.pe-7s-stopwatch:before { + content: "\e610"; +} +.pe-7s-star:before { + content: "\e611"; +} +.pe-7s-speaker:before { + content: "\e612"; +} +.pe-7s-signal:before { + content: "\e613"; +} +.pe-7s-shuffle:before { + content: "\e614"; +} +.pe-7s-shopbag:before { + content: "\e615"; +} +.pe-7s-share:before { + content: "\e616"; +} +.pe-7s-server:before { + content: "\e617"; +} +.pe-7s-search:before { + content: "\e618"; +} +.pe-7s-film:before { + content: "\e6a5"; +} +.pe-7s-science:before { + content: "\e619"; +} +.pe-7s-disk:before { + content: "\e6a6"; +} +.pe-7s-ribbon:before { + content: "\e61a"; +} +.pe-7s-repeat:before { + content: "\e61b"; +} +.pe-7s-refresh:before { + content: "\e61c"; +} +.pe-7s-add-user:before { + content: "\e6a9"; +} +.pe-7s-refresh-cloud:before { + content: "\e61d"; +} +.pe-7s-paperclip:before { + content: "\e69c"; +} +.pe-7s-radio:before { + content: "\e61e"; +} +.pe-7s-note2:before { + content: "\e69d"; +} +.pe-7s-print:before { + content: "\e61f"; +} +.pe-7s-network:before { + content: "\e69e"; +} +.pe-7s-prev:before { + content: "\e620"; +} +.pe-7s-mute:before { + content: "\e69f"; +} +.pe-7s-power:before { + content: "\e621"; +} +.pe-7s-medal:before { + content: "\e6a0"; +} +.pe-7s-portfolio:before { + content: "\e622"; +} +.pe-7s-like2:before { + content: "\e6a1"; +} +.pe-7s-plus:before { + content: "\e623"; +} +.pe-7s-left-arrow:before { + content: "\e6a2"; +} +.pe-7s-play:before { + content: "\e624"; +} +.pe-7s-key:before { + content: "\e6a3"; +} +.pe-7s-plane:before { + content: "\e625"; +} +.pe-7s-joy:before { + content: "\e6a4"; +} +.pe-7s-photo-gallery:before { + content: "\e626"; +} +.pe-7s-pin:before { + content: "\e69b"; +} +.pe-7s-phone:before { + content: "\e627"; +} +.pe-7s-plug:before { + content: "\e69a"; +} +.pe-7s-pen:before { + content: "\e628"; +} +.pe-7s-right-arrow:before { + content: "\e699"; +} +.pe-7s-paper-plane:before { + content: "\e629"; +} +.pe-7s-delete-user:before { + content: "\e6a7"; +} +.pe-7s-paint:before { + content: "\e62a"; +} +.pe-7s-bottom-arrow:before { + content: "\e6a8"; +} +.pe-7s-notebook:before { + content: "\e62b"; +} +.pe-7s-note:before { + content: "\e62c"; +} +.pe-7s-next:before { + content: "\e62d"; +} +.pe-7s-news-paper:before { + content: "\e62e"; +} +.pe-7s-musiclist:before { + content: "\e62f"; +} +.pe-7s-music:before { + content: "\e630"; +} +.pe-7s-mouse:before { + content: "\e631"; +} +.pe-7s-more:before { + content: "\e632"; +} +.pe-7s-moon:before { + content: "\e633"; +} +.pe-7s-monitor:before { + content: "\e634"; +} +.pe-7s-micro:before { + content: "\e635"; +} +.pe-7s-menu:before { + content: "\e636"; +} +.pe-7s-map:before { + content: "\e637"; +} +.pe-7s-map-marker:before { + content: "\e638"; +} +.pe-7s-mail:before { + content: "\e639"; +} +.pe-7s-mail-open:before { + content: "\e63a"; +} +.pe-7s-mail-open-file:before { + content: "\e63b"; +} +.pe-7s-magnet:before { + content: "\e63c"; +} +.pe-7s-loop:before { + content: "\e63d"; +} +.pe-7s-look:before { + content: "\e63e"; +} +.pe-7s-lock:before { + content: "\e63f"; +} +.pe-7s-lintern:before { + content: "\e640"; +} +.pe-7s-link:before { + content: "\e641"; +} +.pe-7s-like:before { + content: "\e642"; +} +.pe-7s-light:before { + content: "\e643"; +} +.pe-7s-less:before { + content: "\e644"; +} +.pe-7s-keypad:before { + content: "\e645"; +} +.pe-7s-junk:before { + content: "\e646"; +} +.pe-7s-info:before { + content: "\e647"; +} +.pe-7s-home:before { + content: "\e648"; +} +.pe-7s-help2:before { + content: "\e649"; +} +.pe-7s-help1:before { + content: "\e64a"; +} +.pe-7s-graph3:before { + content: "\e64b"; +} +.pe-7s-graph2:before { + content: "\e64c"; +} +.pe-7s-graph1:before { + content: "\e64d"; +} +.pe-7s-graph:before { + content: "\e64e"; +} +.pe-7s-global:before { + content: "\e64f"; +} +.pe-7s-gleam:before { + content: "\e650"; +} +.pe-7s-glasses:before { + content: "\e651"; +} +.pe-7s-gift:before { + content: "\e652"; +} +.pe-7s-folder:before { + content: "\e653"; +} +.pe-7s-flag:before { + content: "\e654"; +} +.pe-7s-filter:before { + content: "\e655"; +} +.pe-7s-file:before { + content: "\e656"; +} +.pe-7s-expand1:before { + content: "\e657"; +} +.pe-7s-exapnd2:before { + content: "\e658"; +} +.pe-7s-edit:before { + content: "\e659"; +} +.pe-7s-drop:before { + content: "\e65a"; +} +.pe-7s-drawer:before { + content: "\e65b"; +} +.pe-7s-download:before { + content: "\e65c"; +} +.pe-7s-display2:before { + content: "\e65d"; +} +.pe-7s-display1:before { + content: "\e65e"; +} +.pe-7s-diskette:before { + content: "\e65f"; +} +.pe-7s-date:before { + content: "\e660"; +} +.pe-7s-cup:before { + content: "\e661"; +} +.pe-7s-culture:before { + content: "\e662"; +} +.pe-7s-crop:before { + content: "\e663"; +} +.pe-7s-credit:before { + content: "\e664"; +} +.pe-7s-copy-file:before { + content: "\e665"; +} +.pe-7s-config:before { + content: "\e666"; +} +.pe-7s-compass:before { + content: "\e667"; +} +.pe-7s-comment:before { + content: "\e668"; +} +.pe-7s-coffee:before { + content: "\e669"; +} +.pe-7s-cloud:before { + content: "\e66a"; +} +.pe-7s-clock:before { + content: "\e66b"; +} +.pe-7s-check:before { + content: "\e66c"; +} +.pe-7s-chat:before { + content: "\e66d"; +} +.pe-7s-cart:before { + content: "\e66e"; +} +.pe-7s-camera:before { + content: "\e66f"; +} +.pe-7s-call:before { + content: "\e670"; +} +.pe-7s-calculator:before { + content: "\e671"; +} +.pe-7s-browser:before { + content: "\e672"; +} +.pe-7s-box2:before { + content: "\e673"; +} +.pe-7s-box1:before { + content: "\e674"; +} +.pe-7s-bookmarks:before { + content: "\e675"; +} +.pe-7s-bicycle:before { + content: "\e676"; +} +.pe-7s-bell:before { + content: "\e677"; +} +.pe-7s-battery:before { + content: "\e678"; +} +.pe-7s-ball:before { + content: "\e679"; +} +.pe-7s-back:before { + content: "\e67a"; +} +.pe-7s-attention:before { + content: "\e67b"; +} +.pe-7s-anchor:before { + content: "\e67c"; +} +.pe-7s-albums:before { + content: "\e67d"; +} +.pe-7s-alarm:before { + content: "\e67e"; +} +.pe-7s-airplay:before { + content: "\e67f"; +} diff --git a/apply/revolution/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.eot b/apply/revolution/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.eot new file mode 100644 index 0000000..6f7b584 Binary files /dev/null and b/apply/revolution/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.eot differ diff --git a/apply/revolution/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.svg b/apply/revolution/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.svg new file mode 100644 index 0000000..13d9709 --- /dev/null +++ b/apply/revolution/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.svg @@ -0,0 +1,212 @@ + + + +Generated by IcoMoon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/apply/revolution/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.ttf b/apply/revolution/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.ttf new file mode 100644 index 0000000..bc8a269 Binary files /dev/null and b/apply/revolution/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.ttf differ diff --git a/apply/revolution/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.woff b/apply/revolution/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.woff new file mode 100644 index 0000000..c205e6f Binary files /dev/null and b/apply/revolution/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.woff differ diff --git a/apply/revolution/fonts/revicons/revicons.eot b/apply/revolution/fonts/revicons/revicons.eot new file mode 100644 index 0000000..955dc3f Binary files /dev/null and b/apply/revolution/fonts/revicons/revicons.eot differ diff --git a/apply/revolution/fonts/revicons/revicons.svg b/apply/revolution/fonts/revicons/revicons.svg new file mode 100644 index 0000000..7c9d595 --- /dev/null +++ b/apply/revolution/fonts/revicons/revicons.svg @@ -0,0 +1,54 @@ + + + +Copyright (C) 2013 by original authors @ fontello.com + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/apply/revolution/fonts/revicons/revicons.ttf b/apply/revolution/fonts/revicons/revicons.ttf new file mode 100644 index 0000000..4e8df98 Binary files /dev/null and b/apply/revolution/fonts/revicons/revicons.ttf differ diff --git a/apply/revolution/fonts/revicons/revicons.woff b/apply/revolution/fonts/revicons/revicons.woff new file mode 100644 index 0000000..6d3ea4d Binary files /dev/null and b/apply/revolution/fonts/revicons/revicons.woff differ diff --git a/apply/revolution/js/_revolution-custom.js b/apply/revolution/js/_revolution-custom.js new file mode 100644 index 0000000..123ff41 --- /dev/null +++ b/apply/revolution/js/_revolution-custom.js @@ -0,0 +1,117 @@ +/* + +Template: Webster - Responsive Multi-purpose HTML5 Template +Author: potenzaglobalsolutions.com +Design and Developed by: potenzaglobalsolutions.com + +NOTE: This file includes all revolution slider scripts. + +*/ + +(function($){ + "use strict"; + + + + /************************************* + slider 10 + **************************************/ + var revapi14, + tpj=jQuery; + tpj(document).ready(function() { + if(tpj("#rev_slider_14_1").revolution == undefined){ + revslider_showDoubleJqueryError("#rev_slider_14_1"); + }else{ + revapi14 = tpj("#rev_slider_14_1").show().revolution({ + sliderType:"standard", + sliderLayout:"fullwidth", + dottedOverlay:"none", + delay:9000, + navigation: { + keyboardNavigation:"off", + keyboard_direction: "horizontal", + mouseScrollNavigation:"off", + mouseScrollReverse:"default", + onHoverStop:"off", + touch:{ + touchenabled:"on", + touchOnDesktop:"off", + swipe_threshold: 75, + swipe_min_touches: 1, + swipe_direction: "horizontal", + drag_block_vertical: false + } + , + bullets: { + enable:true, + hide_onmobile:true, + hide_under:767, + style:"zeus", + hide_onleave:false, + direction:"horizontal", + h_align:"center", + v_align:"bottom", + h_offset:0, + v_offset:120, + space:5, + tmp:'' + } + , + arrows: { + style:"uranus", + enable:true, + hide_onmobile:true, + hide_under:767, + hide_onleave:false, + tmp:'', + left: { + h_align:"left", + v_align:"center", + h_offset:20, + v_offset:0 + }, + right: { + h_align:"right", + v_align:"center", + h_offset:20, + v_offset:0 + } + } + }, + visibilityLevels:[1240,1024,778,480], + gridwidth:1920, + gridheight:850, + lazyType:"none", + parallax: { + type:"mouse", + origo:"enterpoint", + speed:400, + speedbg:0, + speedls:0, + levels:[2,3,6,8,10,30,35,40,45,46,47,48,49,50,51,55], + }, + shadow:0, + spinner:"spinner2", + stopLoop:"off", + stopAfterLoops:-1, + stopAtSlide:-1, + shuffle:"off", + autoHeight:"off", + disableProgressBar:"on", + hideThumbsOnMobile:"off", + hideSliderAtLimit:0, + hideCaptionAtLimit:0, + hideAllCaptionAtLilmit:0, + debugMode:false, + fallbacks: { + simplifyAll:"off", + nextSlideOnWindowFocus:"off", + disableFocusListener:false, + } + }); + } + }); + + + + })(jQuery); \ No newline at end of file diff --git a/apply/revolution/js/extensions/revolution.extension.actions.min.js b/apply/revolution/js/extensions/revolution.extension.actions.min.js new file mode 100644 index 0000000..1c5830c --- /dev/null +++ b/apply/revolution/js/extensions/revolution.extension.actions.min.js @@ -0,0 +1,7 @@ +/******************************************** + * REVOLUTION 5.4.2 EXTENSION - ACTIONS + * @version: 2.1.0 (15.05.2017) + * @requires jquery.themepunch.revolution.js + * @author ThemePunch +*********************************************/ +!function($){"use strict";function getScrollRoot(){var d,a=document.documentElement,b=document.body,c=(void 0!==window.pageYOffset?window.pageYOffset:null)||b.scrollTop||a.scrollTop;return a.scrollTop=b.scrollTop=c+(c>0)?-1:1,d=a.scrollTop!==c?a:b,d.scrollTop=c,d}var _R=jQuery.fn.revolution,_ISM=_R.is_mobile(),extension={alias:"Actions Min JS",name:"revolution.extensions.actions.min.js",min_core:"5.4.5",version:"2.1.0"};jQuery.extend(!0,_R,{checkActions:function(a,b,c){if("stop"===_R.compare_version(extension).check)return!1;checkActions_intern(a,b,c)}});var checkActions_intern=function(a,b,c){c&&jQuery.each(c,function(c,d){d.delay=parseInt(d.delay,0)/1e3,a.addClass("tp-withaction"),b.fullscreen_esclistener||"exitfullscreen"!=d.action&&"togglefullscreen"!=d.action||(jQuery(document).keyup(function(b){27==b.keyCode&&jQuery("#rs-go-fullscreen").length>0&&a.trigger(d.event)}),b.fullscreen_esclistener=!0);var e="backgroundvideo"==d.layer?jQuery(".rs-background-video-layer"):"firstvideo"==d.layer?jQuery(".tp-revslider-slidesli").find(".tp-videolayer"):jQuery("#"+d.layer);switch(-1!=jQuery.inArray(d.action,["toggleslider","toggle_mute_video","toggle_global_mute_video","togglefullscreen"])&&a.data("togglelisteners",!0),d.action){case"togglevideo":jQuery.each(e,function(b,c){c=jQuery(c);var d=c.data("videotoggledby");void 0==d&&(d=new Array),d.push(a),c.data("videotoggledby",d)});break;case"togglelayer":jQuery.each(e,function(b,c){c=jQuery(c);var e=c.data("layertoggledby");void 0==e&&(e=new Array),e.push(a),c.data("layertoggledby",e),c.data("triggered_startstatus",d.layerstatus)});break;case"toggle_mute_video":case"toggle_global_mute_video":jQuery.each(e,function(b,c){c=jQuery(c);var d=c.data("videomutetoggledby");void 0==d&&(d=new Array),d.push(a),c.data("videomutetoggledby",d)});break;case"toggleslider":void 0==b.slidertoggledby&&(b.slidertoggledby=new Array),b.slidertoggledby.push(a);break;case"togglefullscreen":void 0==b.fullscreentoggledby&&(b.fullscreentoggledby=new Array),b.fullscreentoggledby.push(a)}switch(a.on(d.event,function(){if("click"===d.event&&a.hasClass("tp-temporarydisabled"))return!1;var c="backgroundvideo"==d.layer?jQuery(".active-revslide .slotholder .rs-background-video-layer"):"firstvideo"==d.layer?jQuery(".active-revslide .tp-videolayer").first():jQuery("#"+d.layer);if("stoplayer"==d.action||"togglelayer"==d.action||"startlayer"==d.action){if(c.length>0){var e=c.data();void 0!==e.clicked_time_stamp&&(new Date).getTime()-e.clicked_time_stamp>150&&(clearTimeout(e.triggerdelayIn),clearTimeout(e.triggerdelayOut)),e.clicked_time_stamp=(new Date).getTime(),"startlayer"==d.action||"togglelayer"==d.action&&"in"!=c.data("animdirection")?(e.animdirection="in",e.triggerstate="on",_R.toggleState(e.layertoggledby),_R.playAnimationFrame&&(clearTimeout(e.triggerdelayIn),e.triggerdelayIn=setTimeout(function(){_R.playAnimationFrame({caption:c,opt:b,frame:"frame_0",triggerdirection:"in",triggerframein:"frame_0",triggerframeout:"frame_999"})},1e3*d.delay))):("stoplayer"==d.action||"togglelayer"==d.action&&"out"!=c.data("animdirection"))&&(e.animdirection="out",e.triggered=!0,e.triggerstate="off",_R.stopVideo&&_R.stopVideo(c,b),_R.unToggleState(e.layertoggledby),_R.endMoveCaption&&(clearTimeout(e.triggerdelayOut),e.triggerdelayOut=setTimeout(function(){_R.playAnimationFrame({caption:c,opt:b,frame:"frame_999",triggerdirection:"out",triggerframein:"frame_0",triggerframeout:"frame_999"})},1e3*d.delay)))}}else!_ISM||"playvideo"!=d.action&&"stopvideo"!=d.action&&"togglevideo"!=d.action&&"mutevideo"!=d.action&&"unmutevideo"!=d.action&&"toggle_mute_video"!=d.action&&"toggle_global_mute_video"!=d.action?(d.delay="NaN"===d.delay||NaN===d.delay?0:d.delay,punchgs.TweenLite.delayedCall(d.delay,function(){actionSwitches(c,b,d,a)},[c,b,d,a])):actionSwitches(c,b,d,a)}),d.action){case"togglelayer":case"startlayer":case"playlayer":case"stoplayer":var e=jQuery("#"+d.layer),f=e.data();e.length>0&&void 0!==f&&(void 0!==f.frames&&"bytrigger"!=f.frames[0].delay||void 0===f.frames&&"bytrigger"!==f.start)&&(f.triggerstate="on")}})},actionSwitches=function(tnc,opt,a,_nc){switch(a.action){case"scrollbelow":a.speed=void 0!==a.speed?a.speed:400,a.ease=void 0!==a.ease?a.ease:punchgs.Power2.easeOut,_nc.addClass("tp-scrollbelowslider"),_nc.data("scrolloffset",a.offset),_nc.data("scrolldelay",a.delay),_nc.data("scrollspeed",a.speed),_nc.data("scrollease",a.ease);var off=getOffContH(opt.fullScreenOffsetContainer)||0,aof=parseInt(a.offset,0)||0;off=off-aof||0,opt.scrollRoot=jQuery(document);var sobj={_y:opt.scrollRoot.scrollTop()};punchgs.TweenLite.to(sobj,a.speed/1e3,{_y:opt.c.offset().top+jQuery(opt.li[0]).height()-off,ease:a.ease,onUpdate:function(){opt.scrollRoot.scrollTop(sobj._y)}});break;case"callback":eval(a.callback);break;case"jumptoslide":switch(a.slide.toLowerCase()){case"+1":case"next":opt.sc_indicator="arrow",_R.callingNewSlide(opt.c,1);break;case"previous":case"prev":case"-1":opt.sc_indicator="arrow",_R.callingNewSlide(opt.c,-1);break;default:var ts=jQuery.isNumeric(a.slide)?parseInt(a.slide,0):a.slide;_R.callingNewSlide(opt.c,ts)}break;case"simplelink":window.open(a.url,a.target);break;case"toggleslider":opt.noloopanymore=0,"playing"==opt.sliderstatus?(opt.c.revpause(),opt.forcepause_viatoggle=!0,_R.unToggleState(opt.slidertoggledby)):(opt.forcepause_viatoggle=!1,opt.c.revresume(),_R.toggleState(opt.slidertoggledby));break;case"pauseslider":opt.c.revpause(),_R.unToggleState(opt.slidertoggledby);break;case"playslider":opt.noloopanymore=0,opt.c.revresume(),_R.toggleState(opt.slidertoggledby);break;case"playvideo":tnc.length>0&&_R.playVideo(tnc,opt);break;case"stopvideo":tnc.length>0&&_R.stopVideo&&_R.stopVideo(tnc,opt);break;case"togglevideo":tnc.length>0&&(_R.isVideoPlaying(tnc,opt)?_R.stopVideo&&_R.stopVideo(tnc,opt):_R.playVideo(tnc,opt));break;case"mutevideo":tnc.length>0&&_R.muteVideo(tnc,opt);break;case"unmutevideo":tnc.length>0&&_R.unMuteVideo&&_R.unMuteVideo(tnc,opt);break;case"toggle_mute_video":tnc.length>0&&(_R.isVideoMuted(tnc,opt)?_R.unMuteVideo(tnc,opt):_R.muteVideo&&_R.muteVideo(tnc,opt)),_nc.toggleClass("rs-toggle-content-active");break;case"toggle_global_mute_video":!0===opt.globalmute?(opt.globalmute=!1,void 0!=opt.playingvideos&&opt.playingvideos.length>0&&jQuery.each(opt.playingvideos,function(a,b){_R.unMuteVideo&&_R.unMuteVideo(b,opt)})):(opt.globalmute=!0,void 0!=opt.playingvideos&&opt.playingvideos.length>0&&jQuery.each(opt.playingvideos,function(a,b){_R.muteVideo&&_R.muteVideo(b,opt)})),_nc.toggleClass("rs-toggle-content-active");break;case"simulateclick":tnc.length>0&&tnc.click();break;case"toggleclass":tnc.length>0&&(tnc.hasClass(a.classname)?tnc.removeClass(a.classname):tnc.addClass(a.classname));break;case"gofullscreen":case"exitfullscreen":case"togglefullscreen":if(jQuery(".rs-go-fullscreen").length>0&&("togglefullscreen"==a.action||"exitfullscreen"==a.action)){jQuery(".rs-go-fullscreen").removeClass("rs-go-fullscreen");var gf=opt.c.closest(".forcefullwidth_wrapper_tp_banner").length>0?opt.c.closest(".forcefullwidth_wrapper_tp_banner"):opt.c.closest(".rev_slider_wrapper");opt.minHeight=opt.oldminheight,opt.infullscreenmode=!1,opt.c.revredraw(),jQuery(window).trigger("resize"),_R.unToggleState(opt.fullscreentoggledby)}else if(0==jQuery(".rs-go-fullscreen").length&&("togglefullscreen"==a.action||"gofullscreen"==a.action)){var gf=opt.c.closest(".forcefullwidth_wrapper_tp_banner").length>0?opt.c.closest(".forcefullwidth_wrapper_tp_banner"):opt.c.closest(".rev_slider_wrapper");gf.addClass("rs-go-fullscreen"),opt.oldminheight=opt.minHeight,opt.minHeight=jQuery(window).height(),opt.infullscreenmode=!0,opt.c.revredraw(),jQuery(window).trigger("resize"),_R.toggleState(opt.fullscreentoggledby)}break;default:var obj={};obj.event=a,obj.layer=_nc,opt.c.trigger("layeraction",[obj])}},getOffContH=function(a){if(void 0==a)return 0;if(a.split(",").length>1){var b=a.split(","),c=0;return b&&jQuery.each(b,function(a,b){jQuery(b).length>0&&(c+=jQuery(b).outerHeight(!0))}),c}return jQuery(a).height()}}(jQuery); \ No newline at end of file diff --git a/apply/revolution/js/extensions/revolution.extension.carousel.min.js b/apply/revolution/js/extensions/revolution.extension.carousel.min.js new file mode 100644 index 0000000..85a386c --- /dev/null +++ b/apply/revolution/js/extensions/revolution.extension.carousel.min.js @@ -0,0 +1,7 @@ +/******************************************** + * REVOLUTION 5.4 EXTENSION - CAROUSEL + * @version: 1.2.1 (18.11.2016) + * @requires jquery.themepunch.revolution.js + * @author ThemePunch +*********************************************/ +!function(a){"use strict";var b=jQuery.fn.revolution,c={alias:"Carousel Min JS",name:"revolution.extensions.carousel.min.js",min_core:"5.3.0",version:"1.2.1"};jQuery.extend(!0,b,{prepareCarousel:function(a,d,h,i){return"stop"!==b.compare_version(c).check&&(h=a.carousel.lastdirection=f(h,a.carousel.lastdirection),e(a),a.carousel.slide_offset_target=j(a),void(void 0!==i?g(a,h,!1,0):void 0==d?b.carouselToEvalPosition(a,h):g(a,h,!1)))},carouselToEvalPosition:function(a,c){var d=a.carousel;c=d.lastdirection=f(c,d.lastdirection);var e="center"===d.horizontal_align?(d.wrapwidth/2-d.slide_width/2-d.slide_globaloffset)/d.slide_width:(0-d.slide_globaloffset)/d.slide_width,h=b.simp(e,a.slideamount,!1),i=h-Math.floor(h),j=0,k=-1*(Math.ceil(h)-h),l=-1*(Math.floor(h)-h);j=i>=.3&&"left"===c||i>=.7&&"right"===c?k:i<.3&&"left"===c||i<.7&&"right"===c?l:j,j="off"===d.infinity?h<0?h:e>a.slideamount-1?e-(a.slideamount-1):j:j,d.slide_offset_target=j*d.slide_width,0!==Math.abs(d.slide_offset_target)?g(a,c,!0):b.organiseCarousel(a,c)},organiseCarousel:function(a,b,c,d){b=void 0===b||"down"==b||"up"==b||null===b||jQuery.isEmptyObject(b)?"left":b;for(var e=a.carousel,f=new Array,g=e.slides.length,i=("right"===e.horizontal_align?a.width:0,0);ie.wrapwidth-e.inneroffset&&"right"==b?e.slide_offset-(e.slides.length-i)*e.slide_width:j,j=j<0-e.inneroffset-e.slide_width&&"left"==b?j+e.maxwidth:j),f[i]=j}var k=999;e.slides&&jQuery.each(e.slides,function(d,h){var i=f[d];"on"===e.infinity&&(i=i>e.wrapwidth-e.inneroffset&&"left"===b?f[0]-(g-d)*e.slide_width:i,i=i<0-e.inneroffset-e.slide_width?"left"==b?i+e.maxwidth:"right"===b?f[g-1]+(d+1)*e.slide_width:i:i);var j=new Object;j.left=i+e.inneroffset;var l="center"===e.horizontal_align?(Math.abs(e.wrapwidth/2)-(j.left+e.slide_width/2))/e.slide_width:(e.inneroffset-j.left)/e.slide_width,n="center"===e.horizontal_align?2:1;if((c&&Math.abs(l)0?1-l:Math.abs(l)>e.maxVisibleItems-1?1-(Math.abs(l)-(e.maxVisibleItems-1)):1;break;case"right":j.autoAlpha=l>-1&&l<0?1-Math.abs(l):l>e.maxVisibleItems-1?1-(Math.abs(l)-(e.maxVisibleItems-1)):1}else j.autoAlpha=Math.abs(l)0)if("on"===e.vary_scale){j.scale=1-Math.abs(e.minScale/100/Math.ceil(e.maxVisibleItems/n)*l);var o=(e.slide_width-e.slide_width*j.scale)*Math.abs(l)}else{j.scale=l>=1||l<=-1?1-e.minScale/100:(100-e.minScale*Math.abs(l))/100;var o=(e.slide_width-e.slide_width*(1-e.minScale/100))*Math.abs(l)}void 0!==e.maxRotation&&0!=Math.abs(e.maxRotation)&&("on"===e.vary_rotation?(j.rotationY=Math.abs(e.maxRotation)-Math.abs((1-Math.abs(1/Math.ceil(e.maxVisibleItems/n)*l))*e.maxRotation),j.autoAlpha=Math.abs(j.rotationY)>90?0:j.autoAlpha):j.rotationY=l>=1||l<=-1?e.maxRotation:Math.abs(l)*e.maxRotation,j.rotationY=l<0?j.rotationY*-1:j.rotationY),j.x=-1*e.space*l,j.left=Math.floor(j.left),j.x=Math.floor(j.x),void 0!==j.scale?l<0?j.x-o:j.x+o:j.x,j.zIndex=Math.round(100-Math.abs(5*l)),j.transformStyle="3D"!=a.parallax.type&&"3d"!=a.parallax.type?"flat":"preserve-3d",punchgs.TweenLite.set(h,j)}),d&&(a.c.find(".next-revslide").removeClass("next-revslide"),jQuery(e.slides[e.focused]).addClass("next-revslide"),a.c.trigger("revolution.nextslide.waiting"));e.wrapwidth/2-e.slide_offset,e.maxwidth+e.slide_offset-e.wrapwidth/2}});var d=function(a){var b=a.carousel;b.infbackup=b.infinity,b.maxVisiblebackup=b.maxVisibleItems,b.slide_globaloffset="none",b.slide_offset=0,b.wrap=a.c.find(".tp-carousel-wrapper"),b.slides=a.c.find(".tp-revslider-slidesli"),0!==b.maxRotation&&("3D"!=a.parallax.type&&"3d"!=a.parallax.type?punchgs.TweenLite.set(b.wrap,{perspective:1200,transformStyle:"flat"}):punchgs.TweenLite.set(b.wrap,{perspective:1600,transformStyle:"preserve-3d"})),void 0!==b.border_radius&&parseInt(b.border_radius,0)>0&&punchgs.TweenLite.set(a.c.find(".tp-revslider-slidesli"),{borderRadius:b.border_radius})},e=function(a){void 0===a.bw&&b.setSize(a);var c=a.carousel,e=b.getHorizontalOffset(a.c,"left"),f=b.getHorizontalOffset(a.c,"right");void 0===c.wrap&&d(a),c.slide_width="on"!==c.stretch?a.gridwidth[a.curWinRange]*a.bw:a.c.width(),c.maxwidth=a.slideamount*c.slide_width,c.maxVisiblebackup>c.slides.length+1&&(c.maxVisibleItems=c.slides.length+2),c.wrapwidth=c.maxVisibleItems*c.slide_width+(c.maxVisibleItems-1)*c.space,c.wrapwidth="auto"!=a.sliderLayout?c.wrapwidth>a.c.closest(".tp-simpleresponsive").width()?a.c.closest(".tp-simpleresponsive").width():c.wrapwidth:c.wrapwidth>a.ul.width()?a.ul.width():c.wrapwidth,c.infinity=c.wrapwidth>=c.maxwidth?"off":c.infbackup,c.wrapoffset="center"===c.horizontal_align?(a.c.width()-f-e-c.wrapwidth)/2:0,c.wrapoffset="auto"!=a.sliderLayout&&a.outernav?0:c.wrapoffsetMath.abs(b)?a>0?a-Math.abs(Math.floor(a/b)*b):a+Math.abs(Math.floor(a/b)*b):a},i=function(a,b,c){var c,c,d=b-a,e=b-c-a;return d=h(d,c),e=h(e,c),Math.abs(d)>Math.abs(e)?e:d},j=function(a){var c=0,d=a.carousel;if(void 0!==d.positionanim&&d.positionanim.kill(),"none"==d.slide_globaloffset)d.slide_globaloffset=c="center"===d.horizontal_align?d.wrapwidth/2-d.slide_width/2:0;else{d.slide_globaloffset=d.slide_offset,d.slide_offset=0;var e=a.c.find(".processing-revslide").index(),f="center"===d.horizontal_align?(d.wrapwidth/2-d.slide_width/2-d.slide_globaloffset)/d.slide_width:(0-d.slide_globaloffset)/d.slide_width;f=b.simp(f,a.slideamount,!1),e=e>=0?e:a.c.find(".active-revslide").index(),e=e>=0?e:0,c="off"===d.infinity?f-e:-i(f,e,a.slideamount),c*=d.slide_width}return c}}(jQuery); \ No newline at end of file diff --git a/apply/revolution/js/extensions/revolution.extension.kenburn.min.js b/apply/revolution/js/extensions/revolution.extension.kenburn.min.js new file mode 100644 index 0000000..f10a36b --- /dev/null +++ b/apply/revolution/js/extensions/revolution.extension.kenburn.min.js @@ -0,0 +1,7 @@ +/******************************************** + * REVOLUTION 5.4.2 EXTENSION - KEN BURN + * @version: 1.3.1 (15.05.2017) + * @requires jquery.themepunch.revolution.js + * @author ThemePunch +*********************************************/ +!function(a){"use strict";var b=jQuery.fn.revolution,c={alias:"KenBurns Min JS",name:"revolution.extensions.kenburn.min.js",min_core:"5.4",version:"1.3.1"};jQuery.extend(!0,b,{stopKenBurn:function(a){if("stop"===b.compare_version(c).check)return!1;void 0!=a.data("kbtl")&&a.data("kbtl").pause()},startKenBurn:function(a,d,e){if("stop"===b.compare_version(c).check)return!1;var f=a.data(),g=a.find(".defaultimg"),h=g.data("lazyload")||g.data("src"),j=(f.owidth,f.oheight,"carousel"===d.sliderType?d.carousel.slide_width:d.ul.width()),k=d.ul.height();if(a.data("kbtl")&&a.data("kbtl").kill(),e=e||0,0==a.find(".tp-kbimg").length){var m=g.data("mediafilter");m=void 0===m?"":m,a.append('
'),a.data("kenburn",a.find(".tp-kbimg"))}var n=function(a,b,c,d,e,f,g){var h=a*c,i=b*c,j=Math.abs(d-h),k=Math.abs(e-i),l=new Object;return l.l=(0-f)*j,l.r=l.l+h,l.t=(0-g)*k,l.b=l.t+i,l.h=f,l.v=g,l},o=function(a,b,c,d,e){var f=a.bgposition.split(" ")||"center center",g="center"==f[0]?"50%":"left"==f[0]||"left"==f[1]?"0%":"right"==f[0]||"right"==f[1]?"100%":f[0],h="center"==f[1]?"50%":"top"==f[0]||"top"==f[1]?"0%":"bottom"==f[0]||"bottom"==f[1]?"100%":f[1];g=parseInt(g,0)/100||0,h=parseInt(h,0)/100||0;var i=new Object;return i.start=n(e.start.width,e.start.height,e.start.scale,b,c,g,h),i.end=n(e.start.width,e.start.height,e.end.scale,b,c,g,h),i},p=function(a,b,c){var d=c.scalestart/100,e=c.scaleend/100,f=void 0!=c.offsetstart?c.offsetstart.split(" ")||[0,0]:[0,0],g=void 0!=c.offsetend?c.offsetend.split(" ")||[0,0]:[0,0];c.bgposition="center center"==c.bgposition?"50% 50%":c.bgposition;var h=new Object,i=a*d,k=(c.owidth,c.oheight,a*e);c.owidth,c.oheight;if(h.start=new Object,h.starto=new Object,h.end=new Object,h.endo=new Object,h.start.width=a,h.start.height=h.start.width/c.owidth*c.oheight,h.start.height0?0:p+f[0]0?0:r+g[0]0?0:q+f[1]0?0:s+g[1]=0&&(0===h?(c.frames[h].from="o:0",c.frames[h].to="o:1"):c.frames[h].to="o:0",c._sfx="block"),void 0===c.frames[0].from&&(c.frames[0].from="o:inherit"),0===c.frames[0].delay&&(c.frames[0].delay=20),"hover"===c.frames[h].frame?c.hoverframeindex=h:"frame_999"!==c.frames[h].frame&&"frame_out"!==c.frames[h].frame&&"last"!==c.frames[h].frame&&"end"!==c.frames[h].frame||(c.outframeindex=h),void 0!==c.frames[h].split&&c.frames[h].split.match(/chars|words|lines/g)&&(c.splittext=!0);c.outframeindex=-1===c.outframeindex?-1===c.hoverframeindex?c.frames.length-1:c.frames.length-2:c.outframeindex,c.frames_added=!0}},animcompleted:function(a,c){var d=a.data(),e=d.videotype,f=d.autoplay,g=d.autoplayonlyfirsttime;void 0!=e&&"none"!=e&&(1==f||"true"==f||"on"==f||"1sttime"==f||g?(("carousel"!==c.sliderType||"carousel"===c.sliderType&&"on"===c.carousel.showLayersAllTime&&a.closest("li").hasClass("active-revslide")||"carousel"===c.sliderType&&"on"!==c.carousel.showLayersAllTime&&a.closest("li").hasClass("active-revslide"))&&b.playVideo(a,c),b.toggleState(a.data("videotoggledby")),(g||"1sttime"==f)&&(d.autoplayonlyfirsttime=!1,d.autoplay="off")):("no1sttime"==f&&(d.datasetautoplay="on"),b.unToggleState(a.data("videotoggledby"))))},handleStaticLayers:function(a,b){var c=parseInt(a.data("startslide"),0),d=parseInt(a.data("endslide"),0);c<0&&(c=0),d<0&&(d=b.realslideamount),0===c&&d===b.realslideamount-1&&(d=b.realslideamount+1),a.data("startslide",c),a.data("endslide",d)},animateTheCaptions:function(a){if("stop"===b.compare_version(e).check)return!1;var c=a.opt,d=a.slide,f=a.recall,g=a.maintimeline,h=a.preset,i=a.startslideanimat,j="carousel"===c.sliderType?0:c.width/2-c.gridwidth[c.curWinRange]*c.bw/2,k=0,l=d.data("index");if(c.layers=c.layers||new Object,c.layers[l]=c.layers[l]||d.find(".tp-caption"),c.layers.static=c.layers.static||c.c.find(".tp-static-layers").find(".tp-caption"),void 0===c.timelines&&b.createTimelineStructure(c),c.conh=c.c.height(),c.conw=c.c.width(),c.ulw=c.ul.width(),c.ulh=c.ul.height(),c.debugMode){d.addClass("indebugmode"),d.find(".helpgrid").remove(),c.c.find(".hglayerinfo").remove(),d.append('
');var m=d.find(".helpgrid");m.append('
Zoom:'+Math.round(100*c.bw)+"%     Device Level:"+c.curWinRange+"    Grid Preset:"+c.gridwidth[c.curWinRange]+"x"+c.gridheight[c.curWinRange]+"
"),c.c.append('
'),m.append('
')}void 0!==l&&c.layers[l]&&jQuery.each(c.layers[l],function(a,d){var e=jQuery(this);b.updateMarkup(this,c),b.prepareSingleCaption({caption:e,opt:c,offsetx:j,offsety:k,index:a,recall:f,preset:h}),h&&0!==i||b.buildFullTimeLine({caption:e,opt:c,offsetx:j,offsety:k,index:a,recall:f,preset:h,regenerate:0===i}),f&&"carousel"===c.sliderType&&"on"===c.carousel.showLayersAllTime&&b.animcompleted(e,c)}),c.layers.static&&jQuery.each(c.layers.static,function(a,d){var e=jQuery(this),g=e.data();!0!==g.hoveredstatus&&!0!==g.inhoveroutanimation?(b.updateMarkup(this,c),b.prepareSingleCaption({caption:e,opt:c,offsetx:j,offsety:k,index:a,recall:f,preset:h}),h&&0!==i||!0===g.veryfirstststic||(b.buildFullTimeLine({caption:e,opt:c,offsetx:j,offsety:k,index:a,recall:f,preset:h,regenerate:0===i}),g.veryfirstststic=!0),f&&"carousel"===c.sliderType&&"on"===c.carousel.showLayersAllTime&&b.animcompleted(e,c)):b.prepareSingleCaption({caption:e,opt:c,offsetx:j,offsety:k,index:a,recall:f,preset:h})});var n=-1===c.nextSlide||void 0===c.nextSlide?0:c.nextSlide;void 0!==c.rowzones&&(n=n>c.rowzones.length?c.rowzones.length:n),void 0!=c.rowzones&&c.rowzones.length>0&&void 0!=c.rowzones[n]&&n>=0&&n<=c.rowzones.length&&c.rowzones[n].length>0&&b.setSize(c),h||void 0!==i&&(void 0!==l&&jQuery.each(c.timelines[l].layers,function(a,d){var e=d.layer.data();"none"!==d.wrapper&&void 0!==d.wrapper||("keep"==d.triggerstate&&"on"===e.triggerstate?b.playAnimationFrame({caption:d.layer,opt:c,frame:"frame_0",triggerdirection:"in",triggerframein:"frame_0",triggerframeout:"frame_999"}):d.timeline.restart())}),c.timelines.staticlayers&&jQuery.each(c.timelines.staticlayers.layers,function(a,d){var e=d.layer.data(),f=n>=d.firstslide&&n<=d.lastslide,g=nd.lastslide,h=d.timeline.getLabelTime("slide_"+d.firstslide),i=d.timeline.getLabelTime("slide_"+d.lastslide),j=e.static_layer_timeline_time,k="in"===e.animdirection||"out"!==e.animdirection&&void 0,l="bytrigger"===e.frames[0].delay,o=(e.frames[e.frames.length-1].delay,e.triggered_startstatus),p=e.lasttriggerstate;!0!==e.hoveredstatus&&1!=e.inhoveroutanimation&&(void 0!==j&&k&&("keep"==p?(b.playAnimationFrame({caption:d.layer,opt:c,frame:"frame_0",triggerdirection:"in",triggerframein:"frame_0",triggerframeout:"frame_999"}),e.triggeredtimeline.time(j)):!0!==e.hoveredstatus&&d.timeline.time(j)),"reset"===p&&"hidden"===o&&(d.timeline.time(0),e.animdirection="out"),f?k?n===d.lastslide&&(d.timeline.play(i),e.animdirection="in"):(l||"in"===e.animdirection||d.timeline.play(h),("visible"==o&&"keep"!==p||"keep"===p&&!0===k||"visible"==o&&void 0===k)&&(d.timeline.play(h+.01),e.animdirection="in")):g&&k&&d.timeline.play("frame_999"))})),void 0!=g&&setTimeout(function(){g.resume()},30)},prepareSingleCaption:function(a){var c=a.caption,d=c.data(),e=a.opt,f=a.recall,g=a.recall,i=(a.preset,jQuery("body").hasClass("rtl"));if(d._pw=void 0===d._pw?c.closest(".tp-parallax-wrap"):d._pw,d._lw=void 0===d._lw?c.closest(".tp-loop-wrap"):d._lw,d._mw=void 0===d._mw?c.closest(".tp-mask-wrap"):d._mw,d._responsive=d.responsive||"on",d._respoffset=d.responsive_offset||"on",d._ba=d.basealign||"grid",d._gw="grid"===d._ba?e.width:e.ulw,d._gh="grid"===d._ba?e.height:e.ulh,d._lig=void 0===d._lig?c.hasClass("rev_layer_in_group")?c.closest(".rev_group"):c.hasClass("rev_layer_in_column")?c.closest(".rev_column_inner"):c.hasClass("rev_column_inner")?c.closest(".rev_row"):"none":d._lig,d._column=void 0===d._column?c.hasClass("rev_column_inner")?c.closest(".rev_column"):"none":d._column,d._row=void 0===d._row?c.hasClass("rev_column_inner")?c.closest(".rev_row"):"none":d._row,d._ingroup=void 0===d._ingroup?!(c.hasClass("rev_group")||!c.closest(".rev_group")):d._ingroup,d._isgroup=void 0===d._isgroup?!!c.hasClass("rev_group"):d._isgroup,d._nctype=d.type||"none",d._cbgc_auto=void 0===d._cbgc_auto?"column"===d._nctype&&d._pw.find(".rev_column_bg_auto_sized"):d._cbgc_auto,d._cbgc_man=void 0===d._cbgc_man?"column"===d._nctype&&d._pw.find(".rev_column_bg_man_sized"):d._cbgc_man,d._slideid=d._slideid||c.closest(".tp-revslider-slidesli").data("index"),d._id=void 0===d._id?c.data("id")||c.attr("id"):d._id,d._slidelink=void 0===d._slidelink?void 0!==c.hasClass("slidelink")&&c.hasClass("slidelink"):d._slidelink,void 0===d._li&&(c.hasClass("tp-static-layer")?(d._isstatic=!0,d._li=c.closest(".tp-static-layers"),d._slideid="staticlayers"):d._li=c.closest(".tp-revslider-slidesli")),d._row=void 0===d._row?"column"===d._nctype&&d._pw.closest(".rev_row"):d._row,void 0===d._togglelisteners&&c.find(".rs-toggled-content")?(d._togglelisteners=!0,void 0===d.actions&&c.click(function(){b.swaptoggleState(c)})):d._togglelisteners=!1,"fullscreen"==e.sliderLayout&&(a.offsety=d._gh/2-e.gridheight[e.curWinRange]*e.bh/2),("on"==e.autoHeight||void 0!=e.minHeight&&e.minHeight>0)&&(a.offsety=e.conh/2-e.gridheight[e.curWinRange]*e.bh/2),a.offsety<0&&(a.offsety=0),e.debugMode){c.closest("li").find(".helpgrid").css({top:a.offsety+"px",left:a.offsetx+"px"});var k=e.c.find(".hglayerinfo");c.on("hover, mouseenter",function(){var a="";c.data()&&jQuery.each(c.data(),function(b,c){"object"!=typeof c&&(a=a+''+b+":"+c+"    ")}),k.html(a)})}if("off"===(void 0===d.visibility?"oon":v(d.visibility,e)[e.forcedWinRange]||v(d.visibility,e)||"ooon")||d._gw0){var n=c.find("img");d.layertype="image",0==n.width()&&n.css({width:"auto"}),0==n.height()&&n.css({height:"auto"}),void 0==n.data("ww")&&n.width()>0&&n.data("ww",n.width()),void 0==n.data("hh")&&n.height()>0&&n.data("hh",n.height());var o=n.data("ww"),p=n.data("hh"),q="slide"==d._ba?e.ulw:e.gridwidth[e.curWinRange],r="slide"==d._ba?e.ulh:e.gridheight[e.curWinRange];o=v(n.data("ww"),e)[e.curWinRange]||v(n.data("ww"),e)||"auto",p=v(n.data("hh"),e)[e.curWinRange]||v(n.data("hh"),e)||"auto";var s="full"===o||"full-proportional"===o,t="full"===p||"full-proportional"===p;if("full-proportional"===o){var u=n.data("owidth"),x=n.data("oheight");u/q0?o:parseFloat(o),p=t?r:!jQuery.isNumeric(p)&&p.indexOf("%")>0?p:parseFloat(p);o=void 0===o?0:o,p=void 0===p?0:p,"off"!==d._responsive?("grid"!=d._ba&&s?jQuery.isNumeric(o)?n.css({width:o+"px"}):n.css({width:o}):jQuery.isNumeric(o)?n.css({width:o*e.bw+"px"}):n.css({width:o}),"grid"!=d._ba&&t?jQuery.isNumeric(p)?n.css({height:p+"px"}):n.css({height:p}):jQuery.isNumeric(p)?n.css({height:p*e.bh+"px"}):n.css({height:p})):n.css({width:o,height:p}),d._ingroup&&"row"!==d._nctype&&(void 0!==o&&!jQuery.isNumeric(o)&&"string"===jQuery.type(o)&&o.indexOf("%")>0&&punchgs.TweenLite.set([d._lw,d._pw,d._mw],{minWidth:o}),void 0!==p&&!jQuery.isNumeric(p)&&"string"===jQuery.type(p)&&p.indexOf("%")>0&&punchgs.TweenLite.set([d._lw,d._pw,d._mw],{minHeight:p}))}if("slide"===d._ba)a.offsetx=0,a.offsety=0;else if(d._isstatic&&void 0!==e.carousel&&void 0!==e.carousel.horizontal_align&&"carousel"===e.sliderType){switch(e.carousel.horizontal_align){case"center":a.offsetx=0+(e.ulw-e.gridwidth[e.curWinRange]*e.bw)/2;break;case"left":break;case"right":a.offsetx=e.ulw-e.gridwidth[e.curWinRange]*e.bw}a.offsetx=a.offsetx<0?0:a.offsetx}var A="html5"==d.audio?"audio":"video";if(c.hasClass("tp-videolayer")||c.hasClass("tp-audiolayer")||c.find("iframe").length>0||c.find(A).length>0){if(d.layertype="video",b.manageVideoLayer&&b.manageVideoLayer(c,e,f,g),!f&&!g){d.videotype;b.resetVideo&&b.resetVideo(c,e,a.preset)}var D=d.aspectratio;void 0!=D&&D.split(":").length>1&&b.prepareCoveredVideo(D,e,c);var n=c.find("iframe")?c.find("iframe"):n=c.find(A),E=!c.find("iframe"),F=c.hasClass("coverscreenvideo");n.css({display:"block"}),void 0==c.data("videowidth")&&(c.data("videowidth",n.width()),c.data("videoheight",n.height()));var o=v(c.data("videowidth"),e)[e.curWinRange]||v(c.data("videowidth"),e)||"auto",p=v(c.data("videoheight"),e)[e.curWinRange]||v(c.data("videoheight"),e)||"auto";o="auto"===o||!jQuery.isNumeric(o)&&o.indexOf("%")>0?"auto"===o?"auto":"grid"===d._ba?e.gridwidth[e.curWinRange]*e.bw:d._gw:parseFloat(o)*e.bw+"px",p="auto"===p||!jQuery.isNumeric(p)&&p.indexOf("%")>0?"auto"===p?"auto":"grid"===d._ba?e.gridheight[e.curWinRange]*e.bw:d._gh:parseFloat(p)*e.bh+"px",d.cssobj=void 0===d.cssobj?y(c,0):d.cssobj;var G=z(d.cssobj,e);if("auto"==G.lineHeight&&(G.lineHeight=G.fontSize+4),c.hasClass("fullscreenvideo")||F){a.offsetx=0,a.offsety=0,c.data("x",0),c.data("y",0);var H=d._gh;"on"==e.autoHeight&&(H=e.conh),c.css({width:d._gw,height:H})}else punchgs.TweenLite.set(c,{paddingTop:Math.round(G.paddingTop*e.bh)+"px",paddingBottom:Math.round(G.paddingBottom*e.bh)+"px",paddingLeft:Math.round(G.paddingLeft*e.bw)+"px",paddingRight:Math.round(G.paddingRight*e.bw)+"px",marginTop:G.marginTop*e.bh+"px",marginBottom:G.marginBottom*e.bh+"px",marginLeft:G.marginLeft*e.bw+"px",marginRight:G.marginRight*e.bw+"px",borderTopWidth:Math.round(G.borderTopWidth*e.bh)+"px",borderBottomWidth:Math.round(G.borderBottomWidth*e.bh)+"px",borderLeftWidth:Math.round(G.borderLeftWidth*e.bw)+"px",borderRightWidth:Math.round(G.borderRightWidth*e.bw)+"px",width:o,height:p});(0==E&&!F||1!=d.forcecover&&!c.hasClass("fullscreenvideo")&&!F)&&(n.width(o),n.height(p)),d._ingroup&&null!==d.videowidth&&void 0!==d.videowidth&&!jQuery.isNumeric(d.videowidth)&&d.videowidth.indexOf("%")>0&&punchgs.TweenLite.set([d._lw,d._pw,d._mw],{minWidth:d.videowidth})}B(c,e,0,d._responsive),c.hasClass("tp-resizeme")&&c.find("*").each(function(){B(jQuery(this),e,"rekursive",d._responsive)});var I=c.outerHeight(),J=c.css("backgroundColor");w(c,".frontcorner","left","borderRight","borderTopColor",I,J),w(c,".frontcornertop","left","borderRight","borderBottomColor",I,J),w(c,".backcorner","right","borderLeft","borderBottomColor",I,J),w(c,".backcornertop","right","borderLeft","borderTopColor",I,J),"on"==e.fullScreenAlignForce&&(a.offsetx=0,a.offsety=0),"block"===d._sfx&&void 0===d._bmask&&(d._bmask=jQuery('
'),d._mw.append(d._bmask)),d.arrobj=new Object,d.arrobj.voa=v(d.voffset,e)[e.curWinRange]||v(d.voffset,e)[0],d.arrobj.hoa=v(d.hoffset,e)[e.curWinRange]||v(d.hoffset,e)[0],d.arrobj.elx=v(d.x,e)[e.curWinRange]||v(d.x,e)[0],d.arrobj.ely=v(d.y,e)[e.curWinRange]||v(d.y,e)[0];var K=0==d.arrobj.voa.length?0:d.arrobj.voa,L=0==d.arrobj.hoa.length?0:d.arrobj.hoa,M=0==d.arrobj.elx.length?0:d.arrobj.elx,N=0==d.arrobj.ely.length?0:d.arrobj.ely;d.eow=c.outerWidth(!0),d.eoh=c.outerHeight(!0),0==d.eow&&0==d.eoh&&(d.eow=e.ulw,d.eoh=e.ulh);var O="off"!==d._respoffset?parseInt(K,0)*e.bw:parseInt(K,0),P="off"!==d._respoffset?parseInt(L,0)*e.bw:parseInt(L,0),Q="grid"===d._ba?e.gridwidth[e.curWinRange]*e.bw:d._gw,R="grid"===d._ba?e.gridheight[e.curWinRange]*e.bw:d._gh;"on"==e.fullScreenAlignForce&&(Q=e.ulw,R=e.ulh),"none"!==d._lig&&void 0!=d._lig&&(Q=d._lig.width(),R=d._lig.height(),a.offsetx=0,a.offsety=0),M="center"===M||"middle"===M?Q/2-d.eow/2+P:"left"===M?P:"right"===M?Q-d.eow-P:"off"!==d._respoffset?M*e.bw:M,N="center"==N||"middle"==N?R/2-d.eoh/2+O:"top"==N?O:"bottom"==N?R-d.eoh-O:"off"!==d._respoffset?N*e.bw:N,i&&!d._slidelink&&(M+=d.eow),d._slidelink&&(M=0),d.calcx=parseInt(M,0)+a.offsetx,d.calcy=parseInt(N,0)+a.offsety;var S=c.css("z-Index");if("row"!==d._nctype&&"column"!==d._nctype)punchgs.TweenLite.set(d._pw,{zIndex:S,top:d.calcy,left:d.calcx,overwrite:"auto"});else if("row"!==d._nctype)punchgs.TweenLite.set(d._pw,{zIndex:S,width:d.columnwidth,top:0,left:0,overwrite:"auto"});else if("row"===d._nctype){var T="grid"===d._ba?Q+"px":"100%";punchgs.TweenLite.set(d._pw,{zIndex:S,width:T,top:0,left:a.offsetx,overwrite:"auto"})}if(void 0!==d.blendmode&&punchgs.TweenLite.set(d._pw,{mixBlendMode:d.blendmode}),"row"===d._nctype&&(d.columnbreak<=e.curWinRange?c.addClass("rev_break_columns"):c.removeClass("rev_break_columns")),"on"==d.loopanimation&&punchgs.TweenLite.set(d._lw,{minWidth:d.eow,minHeight:d.eoh}),"column"===d._nctype){var U=void 0!==c[0]._gsTransform?c[0]._gsTransform.y:0,V=parseInt(d._column[0].style.paddingTop,0);punchgs.TweenLite.set(c,{y:0}),punchgs.TweenLite.set(d._cbgc_man,{y:parseInt(V+d._column.offset().top-c.offset().top,0)}),punchgs.TweenLite.set(c,{y:U})}d._ingroup&&"row"!==d._nctype&&(void 0!==d._groupw&&!jQuery.isNumeric(d._groupw)&&d._groupw.indexOf("%")>0&&punchgs.TweenLite.set([d._lw,d._pw,d._mw],{minWidth:d._groupw}),void 0!==d._grouph&&!jQuery.isNumeric(d._grouph)&&d._grouph.indexOf("%")>0&&punchgs.TweenLite.set([d._lw,d._pw,d._mw],{minHeight:d._grouph}))},createTimelineStructure:function(a){function b(a,b,c,d){var f,e=new punchgs.TimelineLite({paused:!0});c=c||new Object,c[a.attr("id")]=c[a.attr("id")]||new Object,"staticlayers"===d&&(c[a.attr("id")].firstslide=a.data("startslide"),c[a.attr("id")].lastslide=a.data("endslide")),a.data("slideid",d),c[a.attr("id")].defclasses=f=a[0].className,c[a.attr("id")].wrapper=f.indexOf("rev_layer_in_column")>=0?a.closest(".rev_column_inner"):f.indexOf("rev_column_inner")>=0?a.closest(".rev_row"):f.indexOf("rev_layer_in_group")>=0?a.closest(".rev_group"):"none",c[a.attr("id")].timeline=e,c[a.attr("id")].layer=a,c[a.attr("id")].triggerstate=a.data("lasttriggerstate"),c[a.attr("id")].dchildren=f.indexOf("rev_row")>=0?a[0].getElementsByClassName("rev_column_inner"):f.indexOf("rev_column_inner")>=0?a[0].getElementsByClassName("tp-caption"):f.indexOf("rev_group")>=0?a[0].getElementsByClassName("rev_layer_in_group"):"none",a.data("timeline",e)}a.timelines=a.timelines||new Object,a.c.find(".tp-revslider-slidesli, .tp-static-layers").each(function(){var c=jQuery(this),d=c.data("index");a.timelines[d]=a.timelines[d]||{},a.timelines[d].layers=a.timelines[d].layers||new Object,c.find(".tp-caption").each(function(c){b(jQuery(this),a,a.timelines[d].layers,d)})})},buildFullTimeLine:function(a){var g,h,c=a.caption,d=c.data(),e=a.opt,f={},j=q();if(g=e.timelines[d._slideid].layers[d._id],!g.generated||!0===a.regenerate){if(h=g.timeline,g.generated=!0,void 0!==d.current_timeline&&!0!==a.regenerate?(d.current_timeline_pause=d.current_timeline.paused(),d.current_timeline_time=d.current_timeline.time(),d.current_is_nc_timeline=h===d.current_timeline,d.static_layer_timeline_time=d.current_timeline_time):(d.static_layer_timeline_time=d.current_timeline_time,d.current_timeline_time=0,d.current_timeline&&d.current_timeline.clear()),h.clear(),f.svg=void 0!=d.svg_src&&c.find("svg"),f.svg&&(d.idlesvg=o(d.svg_idle,n()),punchgs.TweenLite.set(f.svg,d.idlesvg.anim)),-1!==d.hoverframeindex&&void 0!==d.hoverframeindex&&!c.hasClass("rs-hover-ready")){if(c.addClass("rs-hover-ready"),d.hovertimelines={},d.hoveranim=t(j,d.frames[d.hoverframeindex].to),d.hoveranim=x(d.hoveranim,d.frames[d.hoverframeindex].style),f.svg){var l=o(d.svg_hover,n());void 0!=d.hoveranim.anim.color&&(l.anim.fill=d.hoveranim.anim.color,d.idlesvg.anim.css.fill=f.svg.css("fill")),d.hoversvg=l}c.hover(function(a){var b={caption:jQuery(a.currentTarget),opt:e,firstframe:"frame_0",lastframe:"frame_999"},d=(i(b),b.caption),g=d.data(),h=g.frames[g.hoverframeindex];g.forcehover=h.force,g.hovertimelines.item=punchgs.TweenLite.to(d,h.speed/1e3,g.hoveranim.anim),(g.hoverzIndex||g.hoveranim.anim&&g.hoveranim.anim.zIndex)&&(g.basiczindex=void 0===g.basiczindex?g.cssobj.zIndex:g.basiczindex,g.hoverzIndex=void 0===g.hoverzIndex?g.hoveranim.anim.zIndex:g.hoverzIndex,g.inhoverinanimation=!0,0===h.speed&&(g.inhoverinanimation=!1),g.hovertimelines.pwhoveranim=punchgs.TweenLite.to(g._pw,h.speed/1e3,{overwrite:"auto",zIndex:g.hoverzIndex}),g.hovertimelines.pwhoveranim.eventCallback("onComplete",function(a){a.inhoverinanimation=!1},[g])),f.svg&&(g.hovertimelines.svghoveranim=punchgs.TweenLite.to([f.svg,f.svg.find("path")],h.speed/1e3,g.hoversvg.anim)),g.hoveredstatus=!0},function(a){var b={caption:jQuery(a.currentTarget),opt:e,firstframe:"frame_0",lastframe:"frame_999"},d=(i(b),b.caption),g=d.data(),h=g.frames[g.hoverframeindex];g.hoveredstatus=!1,g.inhoveroutanimation=!0,g.hovertimelines.item.pause(),g.hovertimelines.item=punchgs.TweenLite.to(d,h.speed/1e3,jQuery.extend(!0,{},g._gsTransformTo)),0==h.speed&&(g.inhoveroutanimation=!1),g.hovertimelines.item.eventCallback("onComplete",function(a){a.inhoveroutanimation=!1},[g]),void 0!==g.hovertimelines.pwhoveranim&&(g.hovertimelines.pwhoveranim=punchgs.TweenLite.to(g._pw,h.speed/1e3,{overwrite:"auto",zIndex:g.basiczindex})),f.svg&&punchgs.TweenLite.to([f.svg,f.svg.find("path")],h.speed/1e3,g.idlesvg.anim)})}for(var m=0;m=0?r:parseInt(r,0)/1e3:"wait");void 0!==g.firstslide&&"frame_0"===p&&(h.addLabel("slide_"+g.firstslide+"_pause",0),h.addPause("slide_"+g.firstslide+"_pause"),h.addLabel("slide_"+g.firstslide,"+=0.005")),void 0!==g.lastslide&&"frame_999"===p&&(h.addLabel("slide_"+g.lastslide+"_pause","+=0.01"),h.addPause("slide_"+g.lastslide+"_pause"),h.addLabel("slide_"+g.lastslide,"+=0.005")),jQuery.isNumeric(u)?h.addLabel(p,"+="+u):(h.addLabel("pause_"+m,"+=0.01"),h.addPause("pause_"+m),h.addLabel(p,"+=0.01")),h=b.createFrameOnTimeline({caption:a.caption,timeline:h,label:p,frameindex:m,opt:e})}a.regenerate||(d.current_is_nc_timeline&&(d.current_timeline=h),d.current_timeline_pause?h.pause(d.current_timeline_time):h.time(d.current_timeline_time))}},createFrameOnTimeline:function(a){var b=a.caption,c=b.data(),d=a.label,e=a.timeline,i=a.frameindex,j=a.opt,n=b,o={},q=j.timelines[c._slideid].layers[c._id],r=c.frames.length-1,v=c.frames[i].split,w=c.frames[i].split_direction,x=c.frames[i].sfx_effect,y=!1;if(w=void 0===w?"forward":w,-1!==c.hoverframeindex&&c.hoverframeindex==r&&(r-=1),o.content=new punchgs.TimelineLite({align:"normal"}),o.mask=new punchgs.TimelineLite({align:"normal"}),void 0===e.vars.id&&(e.vars.id=Math.round(1e5*Math.random())),"column"===c._nctype&&(e.add(punchgs.TweenLite.set(c._cbgc_man,{visibility:"visible"}),d),e.add(punchgs.TweenLite.set(c._cbgc_auto,{visibility:"hidden"}),d)),c.splittext&&0===i){void 0!==c.mySplitText&&c.mySplitText.revert();var z=b.find("a").length>0?b.find("a"):b;c.mySplitText=new punchgs.SplitText(z,{type:"chars,words,lines",charsClass:"tp-splitted tp-charsplit",wordsClass:"tp-splitted tp-wordsplit",linesClass:"tp-splitted tp-linesplit"}),b.addClass("splitted")}void 0!==c.mySplitText&&v&&v.match(/chars|words|lines/g)&&(n=c.mySplitText[v],y=!0);var D,E,A=i!==c.outframeindex?t(m(),c.frames[i].to,void 0,y,n.length-1):void 0!==c.frames[i].to&&null===c.frames[i].to.match(/auto:auto/g)?t(p(),c.frames[i].to,1==j.sdir,y,n.length-1):t(p(),c.frames[c.inframeindex].from,0==j.sdir,y,n.length-1),B=void 0!==c.frames[i].from?t(A,c.frames[c.inframeindex].from,1==j.sdir,y,n.length-1):void 0,C=c.frames[i].splitdelay;if(0!==i||a.fromcurrentstate?E=u(c.frames[i].mask):D=u(c.frames[i].mask),A.anim.ease=void 0===c.frames[i].ease?punchgs.Power1.easeInOut:c.frames[i].ease,void 0!==B&&(B.anim.ease=void 0===c.frames[i].ease?punchgs.Power1.easeInOut:c.frames[i].ease,B.speed=void 0===c.frames[i].speed?B.speed:c.frames[i].speed,B.anim.x=B.anim.x*j.bw||s(B.anim.x,j,c.eow,c.eoh,c.calcy,c.calcx,"horizontal"),B.anim.y=B.anim.y*j.bw||s(B.anim.y,j,c.eow,c.eoh,c.calcy,c.calcx,"vertical")),void 0!==A&&(A.anim.ease=void 0===c.frames[i].ease?punchgs.Power1.easeInOut:c.frames[i].ease,A.speed=void 0===c.frames[i].speed?A.speed:c.frames[i].speed,A.anim.x=A.anim.x*j.bw||s(A.anim.x,j,c.eow,c.eoh,c.calcy,c.calcx,"horizontal"),A.anim.y=A.anim.y*j.bw||s(A.anim.y,j,c.eow,c.eoh,c.calcy,c.calcx,"vertical")),b.data("iframes")&&e.add(punchgs.TweenLite.set(b.find("iframe"),{autoAlpha:1}),d+"+=0.001"),i===c.outframeindex&&(c.frames[i].to&&c.frames[i].to.match(/auto:auto/g),A.speed=void 0===c.frames[i].speed||"inherit"===c.frames[i].speed?c.frames[c.inframeindex].speed:c.frames[i].speed,A.anim.ease=void 0===c.frames[i].ease||"inherit"===c.frames[i].ease?c.frames[c.inframeindex].ease:c.frames[i].ease,A.anim.overwrite="auto"),0!==i||a.fromcurrentstate)0===i&&a.fromcurrentstate&&(A.speed=B.speed);else{if(n!=b){var F=jQuery.extend({},A.anim,!0);e.add(punchgs.TweenLite.set(b,A.anim),d),A=m(),A.ease=F.ease,void 0!==F.filter&&(A.anim.filter=F.filter),void 0!==F["-webkit-filter"]&&(A.anim["-webkit-filter"]=F["-webkit-filter"])}B.anim.visibility="hidden",B.anim.immediateRender=!0,A.anim.visibility="visible"}a.fromcurrentstate&&(A.anim.immediateRender=!0);var G=-1;if(0===i&&!a.fromcurrentstate&&void 0!==c._bmask&&void 0!==x&&x.indexOf("block")>=0||i===c.outframeindex&&!a.fromcurrentstate&&void 0!==c._bmask&&void 0!==x&&x.indexOf("block")>=0){var H=0===i?B.speed/1e3/2:A.speed/1e3/2,I=[{scaleY:1,scaleX:0,transformOrigin:"0% 50%"},{scaleY:1,scaleX:1,ease:A.anim.ease}],J={scaleY:1,scaleX:0,transformOrigin:"100% 50%",ease:A.anim.ease};switch(G=void 0===C?H:C+H,x){case"blocktoleft":case"blockfromright":I[0].transformOrigin="100% 50%",J.transformOrigin="0% 50%";break;case"blockfromtop":case"blocktobottom":I=[{scaleX:1,scaleY:0,transformOrigin:"50% 0%"},{scaleX:1,scaleY:1,ease:A.anim.ease}],J={scaleX:1,scaleY:0,transformOrigin:"50% 100%",ease:A.anim.ease};break;case"blocktotop":case"blockfrombottom":I=[{scaleX:1,scaleY:0,transformOrigin:"50% 100%"},{scaleX:1,scaleY:1,ease:A.anim.ease}],J={scaleX:1,scaleY:0,transformOrigin:"50% 0%",ease:A.anim.ease}}I[0].background=c.frames[i].sfxcolor,e.add(o.mask.fromTo(c._bmask,H,I[0],I[1],C),d),e.add(o.mask.to(c._bmask,H,J,G),d)}if(y)var K=k(n.length-1,w);if(0!==i||a.fromcurrentstate)if("block"===c._sfx_out&&i===c.outframeindex)e.add(o.content.staggerTo(n,.001,{autoAlpha:0,delay:G}),d),e.add(o.content.staggerTo(n,A.speed/1e3/2-.001,{x:0,delay:G}),d+"+=0.001");else if(y&&void 0!==K){var L={to:l(A.anim)};for(var M in n){var O=jQuery.extend({},A.anim);for(var P in L.to)O[P]=parseInt(L.to[P].values[L.to[P].index],0),L.to[P].index=L.to[P].index=c.removeonslide||a.currentslide0)for(var e=0;e0)if(0===a)for(var l=0;l=0&&c.push(f),g<=a&&c.push(g),f--,g++;break;case"edgetomiddle":for(var f=a,g=0,d=0;d<=Math.floor(a/2);d++)c.push(f),g=0&&(void 0===b[c]&&(b[c]={index:0}),b[c].values=a[c].replace("[","").replace("]","").split("|"),b[c].len=b[c].values.length-1);return b},m=function(a){return a=void 0===a?new Object:a,a.anim=void 0===a.anim?new Object:a.anim,a.anim.x=void 0===a.anim.x?0:a.anim.x,a.anim.y=void 0===a.anim.y?0:a.anim.y,a.anim.z=void 0===a.anim.z?0:a.anim.z,a.anim.rotationX=void 0===a.anim.rotationX?0:a.anim.rotationX,a.anim.rotationY=void 0===a.anim.rotationY?0:a.anim.rotationY,a.anim.rotationZ=void 0===a.anim.rotationZ?0:a.anim.rotationZ,a.anim.scaleX=void 0===a.anim.scaleX?1:a.anim.scaleX,a.anim.scaleY=void 0===a.anim.scaleY?1:a.anim.scaleY,a.anim.skewX=void 0===a.anim.skewX?0:a.anim.skewX,a.anim.skewY=void 0===a.anim.skewY?0:a.anim.skewY,a.anim.opacity=void 0===a.anim.opacity?1:a.anim.opacity,a.anim.transformOrigin=void 0===a.anim.transformOrigin?"50% 50%":a.anim.transformOrigin,a.anim.transformPerspective=void 0===a.anim.transformPerspective?600:a.anim.transformPerspective,a.anim.rotation=void 0===a.anim.rotation?0:a.anim.rotation,a.anim.force3D=void 0===a.anim.force3D?"auto":a.anim.force3D,a.anim.autoAlpha=void 0===a.anim.autoAlpha?1:a.anim.autoAlpha,a.anim.visibility=void 0===a.anim.visibility?"visible":a.anim.visibility,a.anim.overwrite=void 0===a.anim.overwrite?"auto":a.anim.overwrite,a.speed=void 0===a.speed?.3:a.speed,a.filter=void 0===a.filter?"blur(0px) grayscale(0%) brightness(100%)":a.filter,a["-webkit-filter"]=void 0===a["-webkit-filter"]?"blur(0px) grayscale(0%) brightness(100%)":a["-webkit-filter"],a},n=function(){var a=new Object;return a.anim=new Object,a.anim.stroke="none",a.anim.strokeWidth=0,a.anim.strokeDasharray="none",a.anim.strokeDashoffset="0",a},o=function(a,b){var c=a.split(";");return c&&jQuery.each(c,function(a,c){var d=c.split(":"),e=d[0],f=d[1];"sc"==e&&(b.anim.stroke=f),"sw"==e&&(b.anim.strokeWidth=f),"sda"==e&&(b.anim.strokeDasharray=f),"sdo"==e&&(b.anim.strokeDashoffset=f)}),b},p=function(){var a=new Object;return a.anim=new Object,a.anim.x=0,a.anim.y=0,a.anim.z=0,a},q=function(){var a=new Object;return a.anim=new Object,a.speed=.2,a},r=function(a,b,c,d,e){if(e=void 0===e?"":e,jQuery.isNumeric(parseFloat(a)))return parseFloat(a)+e;if(void 0===a||"inherit"===a)return b+"ext";if(a.split("{").length>1){var f=a.split(","),g=parseFloat(f[1].split("}")[0]);if(f=parseFloat(f[0].split("{")[1]),void 0!==c&&void 0!==d){parseInt(Math.random()*(g-f),0),parseInt(f,0);for(var h=0;h0&&j.match(/\(R\)/)&&(j=j.replace("(R)",""),j="right"===j?"left":"left"===j?"right":"top"===j?"bottom":"bottom"===j?"top":j,"["===j[0]&&"-"===j[1]?j=j.replace("[-","["):"["===j[0]&&"-"!==j[1]?j=j.replace("[","[-"):"-"===j[0]?j=j.replace("-",""):j[0].match(/[1-9]/)&&(j="-"+j)),void 0!=j&&(j=j.replace(/\(R\)/,""),"rotationX"!=i&&"rX"!=i||(f.anim.rotationX=r(j,f.anim.rotationX,d,e,"deg")),"rotationY"!=i&&"rY"!=i||(f.anim.rotationY=r(j,f.anim.rotationY,d,e,"deg")),"rotationZ"!=i&&"rZ"!=i||(f.anim.rotation=r(j,f.anim.rotationZ,d,e,"deg")),"scaleX"!=i&&"sX"!=i||(f.anim.scaleX=r(j,f.anim.scaleX,d,e)),"scaleY"!=i&&"sY"!=i||(f.anim.scaleY=r(j,f.anim.scaleY,d,e)),"opacity"!=i&&"o"!=i||(f.anim.opacity=r(j,f.anim.opacity,d,e)),"fb"==i&&(h=""===h?"blur("+parseInt(j,0)+"px)":h+" blur("+parseInt(j,0)+"px)"),"fg"==i&&(h=""===h?"grayscale("+parseInt(j,0)+"%)":h+" grayscale("+parseInt(j,0)+"%)"),"fbr"==i&&(h=""===h?"brightness("+parseInt(j,0)+"%)":h+" brightness("+parseInt(j,0)+"%)"),0===f.anim.opacity&&(f.anim.autoAlpha=0),f.anim.opacity=0==f.anim.opacity?1e-4:f.anim.opacity,"skewX"!=i&&"skX"!=i||(f.anim.skewX=r(j,f.anim.skewX,d,e)),"skewY"!=i&&"skY"!=i||(f.anim.skewY=r(j,f.anim.skewY,d,e)),"x"==i&&(f.anim.x=r(j,f.anim.x,d,e)),"y"==i&&(f.anim.y=r(j,f.anim.y,d,e)),"z"==i&&(f.anim.z=r(j,f.anim.z,d,e)),"transformOrigin"!=i&&"tO"!=i||(f.anim.transformOrigin=j.toString()),"transformPerspective"!=i&&"tP"!=i||(f.anim.transformPerspective=parseInt(j,0)),"speed"!=i&&"s"!=i||(f.speed=parseFloat(j)))}),""!==h&&(f.anim["-webkit-filter"]=h,f.anim.filter=h),f},u=function(a){if(void 0===a)return!1;var b=new Object;b.anim=new Object;var c=a.split(";");return c&&jQuery.each(c,function(a,c){c=c.split(":");var d=c[0],e=c[1];"x"==d&&(b.anim.x=e),"y"==d&&(b.anim.y=e),"s"==d&&(b.speed=parseFloat(e)),"e"!=d&&"ease"!=d||(b.anim.ease=e)}),b},v=function(a,b,c){if(void 0==a&&(a=0),!jQuery.isArray(a)&&"string"===jQuery.type(a)&&(a.split(",").length>1||a.split("[").length>1)){a=a.replace("[",""),a=a.replace("]","");var d=a.match(/'/g)?a.split("',"):a.split(",");a=new Array,d&&jQuery.each(d,function(b,c){c=c.replace("'",""),c=c.replace("'",""),a.push(c)})}else{var e=a;jQuery.isArray(a)||(a=new Array,a.push(e))}var e=a[a.length-1];if(a.length0&&("background-color"===d[0]&&d[1].indexOf("gradient")>=0&&(d[0]="background"),a.anim[d[0]]=d[1])}),a},y=function(a,b){var e,c=new Object,d=!1;if("rekursive"==b&&(e=a.closest(".tp-caption"))&&a.css("fontSize")===e.css("fontSize")&&a.css("fontWeight")===e.css("fontWeight")&&a.css("lineHeight")===e.css("lineHeight")&&(d=!0),c.basealign=a.data("basealign")||"grid",c.fontSize=d?void 0===e.data("fontsize")?parseInt(e.css("fontSize"),0)||0:e.data("fontsize"):void 0===a.data("fontsize")?parseInt(a.css("fontSize"),0)||0:a.data("fontsize"),c.fontWeight=d?void 0===e.data("fontweight")?parseInt(e.css("fontWeight"),0)||0:e.data("fontweight"):void 0===a.data("fontweight")?parseInt(a.css("fontWeight"),0)||0:a.data("fontweight"),c.whiteSpace=d?void 0===e.data("whitespace")?e.css("whitespace")||"normal":e.data("whitespace"):void 0===a.data("whitespace")?a.css("whitespace")||"normal":a.data("whitespace"),c.textAlign=d?void 0===e.data("textalign")?e.css("textalign")||"inherit":e.data("textalign"):void 0===a.data("textalign")?a.css("textalign")||"inherit":a.data("textalign"),c.zIndex=d?void 0===e.data("zIndex")?e.css("zIndex")||"inherit":e.data("zIndex"):void 0===a.data("zIndex")?a.css("zIndex")||"inherit":a.data("zIndex"),-1!==jQuery.inArray(a.data("layertype"),["video","image","audio"])||a.is("img")?c.lineHeight=0:c.lineHeight=d?void 0===e.data("lineheight")?parseInt(e.css("lineHeight"),0)||0:e.data("lineheight"):void 0===a.data("lineheight")?parseInt(a.css("lineHeight"),0)||0:a.data("lineheight"),c.letterSpacing=d?void 0===e.data("letterspacing")?parseFloat(e.css("letterSpacing"),0)||0:e.data("letterspacing"):void 0===a.data("letterspacing")?parseFloat(a.css("letterSpacing"))||0:a.data("letterspacing"),c.paddingTop=void 0===a.data("paddingtop")?parseInt(a.css("paddingTop"),0)||0:a.data("paddingtop"),c.paddingBottom=void 0===a.data("paddingbottom")?parseInt(a.css("paddingBottom"),0)||0:a.data("paddingbottom"),c.paddingLeft=void 0===a.data("paddingleft")?parseInt(a.css("paddingLeft"),0)||0:a.data("paddingleft"),c.paddingRight=void 0===a.data("paddingright")?parseInt(a.css("paddingRight"),0)||0:a.data("paddingright"),c.marginTop=void 0===a.data("margintop")?parseInt(a.css("marginTop"),0)||0:a.data("margintop"),c.marginBottom=void 0===a.data("marginbottom")?parseInt(a.css("marginBottom"),0)||0:a.data("marginbottom"),c.marginLeft=void 0===a.data("marginleft")?parseInt(a.css("marginLeft"),0)||0:a.data("marginleft"),c.marginRight=void 0===a.data("marginright")?parseInt(a.css("marginRight"),0)||0:a.data("marginright"),c.borderTopWidth=void 0===a.data("bordertopwidth")?parseInt(a.css("borderTopWidth"),0)||0:a.data("bordertopwidth"),c.borderBottomWidth=void 0===a.data("borderbottomwidth")?parseInt(a.css("borderBottomWidth"),0)||0:a.data("borderbottomwidth"),c.borderLeftWidth=void 0===a.data("borderleftwidth")?parseInt(a.css("borderLeftWidth"),0)||0:a.data("borderleftwidth"),c.borderRightWidth=void 0===a.data("borderrightwidth")?parseInt(a.css("borderRightWidth"),0)||0:a.data("borderrightwidth"),"rekursive"!=b){if(c.color=void 0===a.data("color")?"nopredefinedcolor":a.data("color"),c.whiteSpace=d?void 0===e.data("whitespace")?e.css("whiteSpace")||"nowrap":e.data("whitespace"):void 0===a.data("whitespace")?a.css("whiteSpace")||"nowrap":a.data("whitespace"),c.textAlign=d?void 0===e.data("textalign")?e.css("textalign")||"inherit":e.data("textalign"):void 0===a.data("textalign")?a.css("textalign")||"inherit":a.data("textalign"),c.fontWeight=d?void 0===e.data("fontweight")?parseInt(e.css("fontWeight"),0)||0:e.data("fontweight"):void 0===a.data("fontweight")?parseInt(a.css("fontWeight"),0)||0:a.data("fontweight"),c.minWidth=void 0===a.data("width")?parseInt(a.css("minWidth"),0)||0:a.data("width"),c.minHeight=void 0===a.data("height")?parseInt(a.css("minHeight"),0)||0:a.data("height"),void 0!=a.data("videowidth")&&void 0!=a.data("videoheight")){var f=a.data("videowidth"),g=a.data("videoheight");f="100%"===f?"none":f,g="100%"===g?"none":g,a.data("width",f),a.data("height",g)}c.maxWidth=void 0===a.data("width")?parseInt(a.css("maxWidth"),0)||"none":a.data("width"),c.maxHeight=-1!==jQuery.inArray(a.data("type"),["column","row"])?"none":void 0===a.data("height")?parseInt(a.css("maxHeight"),0)||"none":a.data("height"),c.wan=void 0===a.data("wan")?parseInt(a.css("-webkit-transition"),0)||"none":a.data("wan"),c.moan=void 0===a.data("moan")?parseInt(a.css("-moz-animation-transition"),0)||"none":a.data("moan"),c.man=void 0===a.data("man")?parseInt(a.css("-ms-animation-transition"),0)||"none":a.data("man"),c.ani=void 0===a.data("ani")?parseInt(a.css("transition"),0)||"none":a.data("ani")}return c.styleProps={borderTopLeftRadius:a[0].style.borderTopLeftRadius,borderTopRightRadius:a[0].style.borderTopRightRadius,borderBottomRightRadius:a[0].style.borderBottomRightRadius,borderBottomLeftRadius:a[0].style.borderBottomLeftRadius,background:a[0].style.background,boxShadow:a[0].style.boxShadow,"background-color":a[0].style["background-color"],"border-top-color":a[0].style["border-top-color"],"border-bottom-color":a[0].style["border-bottom-color"],"border-right-color":a[0].style["border-right-color"],"border-left-color":a[0].style["border-left-color"],"border-top-style":a[0].style["border-top-style"],"border-bottom-style":a[0].style["border-bottom-style"],"border-left-style":a[0].style["border-left-style"],"border-right-style":a[0].style["border-right-style"],"border-left-width":a[0].style["border-left-width"],"border-right-width":a[0].style["border-right-width"],"border-bottom-width":a[0].style["border-bottom-width"],"border-top-width":a[0].style["border-top-width"],color:a[0].style.color,"text-decoration":a[0].style["text-decoration"],"font-style":a[0].style["font-style"]},""!==c.styleProps.background&&void 0!==c.styleProps.background&&c.styleProps.background!==c.styleProps["background-color"]||delete c.styleProps.background,""==c.styleProps.color&&(c.styleProps.color=a.css("color")),c},z=function(a,b){var c=new Object;return a&&jQuery.each(a,function(d,e){var f=v(e,b)[b.curWinRange];c[d]=void 0!==f?f:a[d]}),c},A=function(a,b,c,d){return a=jQuery.isNumeric(a)?a*b+"px":a,a="full"===a?d:"auto"===a||"none"===a?c:a},B=function(a,b,c,d){var e=a.data();e=void 0===e?{}:e;try{if("BR"==a[0].nodeName||"br"==a[0].tagName)return!1}catch(a){}e.cssobj=void 0===e.cssobj?y(a,c):e.cssobj;var f=z(e.cssobj,b),g=b.bw,h=b.bh;"off"===d&&(g=1,h=1),"auto"==f.lineHeight&&(f.lineHeight=f.fontSize+4);var i={Top:f.marginTop,Bottom:f.marginBottom,Left:f.marginLeft,Right:f.marginRight};if("column"===e._nctype&&(punchgs.TweenLite.set(e._column,{paddingTop:Math.round(f.marginTop*h)+"px",paddingBottom:Math.round(f.marginBottom*h)+"px",paddingLeft:Math.round(f.marginLeft*g)+"px",paddingRight:Math.round(f.marginRight*g)+"px"}),i={Top:0,Bottom:0,Left:0,Right:0}),!a.hasClass("tp-splitted")){a.css("-webkit-transition","none"),a.css("-moz-transition","none"),a.css("-ms-transition","none"),a.css("transition","none");if((void 0!==a.data("transform_hover")||void 0!==a.data("style_hover"))&&punchgs.TweenLite.set(a,f.styleProps),punchgs.TweenLite.set(a,{fontSize:Math.round(f.fontSize*g)+"px",fontWeight:f.fontWeight,letterSpacing:Math.floor(f.letterSpacing*g)+"px",paddingTop:Math.round(f.paddingTop*h)+"px",paddingBottom:Math.round(f.paddingBottom*h)+"px",paddingLeft:Math.round(f.paddingLeft*g)+"px",paddingRight:Math.round(f.paddingRight*g)+"px",marginTop:i.Top*h+"px",marginBottom:i.Bottom*h+"px",marginLeft:i.Left*g+"px",marginRight:i.Right*g+"px",borderTopWidth:Math.round(f.borderTopWidth*h)+"px",borderBottomWidth:Math.round(f.borderBottomWidth*h)+"px",borderLeftWidth:Math.round(f.borderLeftWidth*g)+"px",borderRightWidth:Math.round(f.borderRightWidth*g)+"px",lineHeight:Math.round(f.lineHeight*h)+"px",textAlign:f.textAlign,overwrite:"auto"}),"rekursive"!=c){var k="slide"==f.basealign?b.ulw:b.gridwidth[b.curWinRange],l="slide"==f.basealign?b.ulh:b.gridheight[b.curWinRange],m=A(f.maxWidth,g,"none",k),n=A(f.maxHeight,h,"none",l),o=A(f.minWidth,g,"0px",k),p=A(f.minHeight,h,"0px",l);if(o=void 0===o?0:o,p=void 0===p?0:p,m=void 0===m?"none":m,n=void 0===n?"none":n,e._isgroup&&("#1/1#"===o&&(o=m=k),"#1/2#"===o&&(o=m=k/2),"#1/3#"===o&&(o=m=k/3),"#1/4#"===o&&(o=m=k/4),"#1/5#"===o&&(o=m=k/5),"#1/6#"===o&&(o=m=k/6),"#2/3#"===o&&(o=m=k/3*2),"#3/4#"===o&&(o=m=k/4*3),"#2/5#"===o&&(o=m=k/5*2),"#3/5#"===o&&(o=m=k/5*3),"#4/5#"===o&&(o=m=k/5*4),"#3/6#"===o&&(o=m=k/6*3),"#4/6#"===o&&(o=m=k/6*4),"#5/6#"===o&&(o=m=k/6*5)),e._ingroup&&(e._groupw=o,e._grouph=p),punchgs.TweenLite.set(a,{maxWidth:m,maxHeight:n,minWidth:o,minHeight:p,whiteSpace:f.whiteSpace,textAlign:f.textAlign,overwrite:"auto"}),"nopredefinedcolor"!=f.color&&punchgs.TweenLite.set(a,{color:f.color,overwrite:"auto"}),void 0!=e.svg_src){var q="nopredefinedcolor"!=f.color&&void 0!=f.color?f.color:void 0!=f.css&&"nopredefinedcolor"!=f.css.color&&void 0!=f.css.color?f.css.color:void 0!=f.styleProps.color?f.styleProps.color:void 0!=f.styleProps.css&&void 0!=f.styleProps.css.color&&f.styleProps.css.color;0!=q&&(punchgs.TweenLite.set(a.find("svg"),{fill:q,overwrite:"auto"}),punchgs.TweenLite.set(a.find("svg path"),{fill:q,overwrite:"auto"}))}}"column"===e._nctype&&(void 0===e._column_bg_set&&(e._column_bg_set=a.css("backgroundColor"),e._column_bg_image=a.css("backgroundImage"),e._column_bg_image_repeat=a.css("backgroundRepeat"),e._column_bg_image_position=a.css("backgroundPosition"),e._column_bg_image_size=a.css("backgroundSize"),e._column_bg_opacity=a.data("bgopacity"),e._column_bg_opacity=void 0===e._column_bg_opacity?1:e._column_bg_opacity,punchgs.TweenLite.set(a,{backgroundColor:"transparent",backgroundImage:""})),setTimeout(function(){C(a,b)},1),e._cbgc_auto&&e._cbgc_auto.length>0&&(e._cbgc_auto[0].style.backgroundSize=e._column_bg_image_size,jQuery.isArray(f.marginLeft)?punchgs.TweenLite.set(e._cbgc_auto,{borderTopWidth:f.marginTop[b.curWinRange]*h+"px",borderLeftWidth:f.marginLeft[b.curWinRange]*g+"px",borderRightWidth:f.marginRight[b.curWinRange]*g+"px",borderBottomWidth:f.marginBottom[b.curWinRange]*h+"px",backgroundColor:e._column_bg_set,backgroundImage:e._column_bg_image,backgroundRepeat:e._column_bg_image_repeat,backgroundPosition:e._column_bg_image_position,opacity:e._column_bg_opacity}):punchgs.TweenLite.set(e._cbgc_auto,{borderTopWidth:f.marginTop*h+"px",borderLeftWidth:f.marginLeft*g+"px",borderRightWidth:f.marginRight*g+"px",borderBottomWidth:f.marginBottom*h+"px",backgroundColor:e._column_bg_set,backgroundImage:e._column_bg_image,backgroundRepeat:e._column_bg_image_repeat,backgroundPosition:e._column_bg_image_position,opacity:e._column_bg_opacity}))),setTimeout(function(){a.css("-webkit-transition",a.data("wan")),a.css("-moz-transition",a.data("moan")),a.css("-ms-transition",a.data("man")),a.css("transition",a.data("ani"))},30)}},C=function(a,b){var c=a.data();if(c._cbgc_man&&c._cbgc_man.length>0){var e,f,h;jQuery.isArray(c.cssobj.marginLeft)?(c.cssobj.marginLeft[b.curWinRange]*b.bw,e=c.cssobj.marginTop[b.curWinRange]*b.bh,f=c.cssobj.marginBottom[b.curWinRange]*b.bh,c.cssobj.marginRight[b.curWinRange]*b.bw):(c.cssobj.marginLeft*b.bw,e=c.cssobj.marginTop*b.bh,f=c.cssobj.marginBottom*b.bh,c.cssobj.marginRight*b.bw),h=c._row.hasClass("rev_break_columns")?"100%":c._row.height()-(e+f)+"px",c._cbgc_man[0].style.backgroundSize=c._column_bg_image_size,punchgs.TweenLite.set(c._cbgc_man,{width:"100%",height:h,backgroundColor:c._column_bg_set,backgroundImage:c._column_bg_image,backgroundRepeat:c._column_bg_image_repeat,backgroundPosition:c._column_bg_image_position,overwrite:"auto",opacity:c._column_bg_opacity})}},D=function(a,b){var c=a.data();if(a.hasClass("rs-pendulum")&&void 0==c._loop_timeline){c._loop_timeline=new punchgs.TimelineLite;var d=void 0==a.data("startdeg")?-20:a.data("startdeg"),e=void 0==a.data("enddeg")?20:a.data("enddeg"),f=void 0==a.data("speed")?2:a.data("speed"),g=void 0==a.data("origin")?"50% 50%":a.data("origin"),h=void 0==a.data("easing")?punchgs.Power2.easeInOut:a.data("easing");d*=b,e*=b,c._loop_timeline.append(new punchgs.TweenLite.fromTo(a,f,{force3D:"auto",rotation:d,transformOrigin:g},{rotation:e,ease:h})),c._loop_timeline.append(new punchgs.TweenLite.fromTo(a,f,{force3D:"auto",rotation:e,transformOrigin:g},{rotation:d,ease:h,onComplete:function(){c._loop_timeline.restart()}}))}if(a.hasClass("rs-rotate")&&void 0==c._loop_timeline){c._loop_timeline=new punchgs.TimelineLite;var d=void 0==a.data("startdeg")?0:a.data("startdeg"),e=void 0==a.data("enddeg")?360:a.data("enddeg"),f=void 0==a.data("speed")?2:a.data("speed"),g=void 0==a.data("origin")?"50% 50%":a.data("origin"),h=void 0==a.data("easing")?punchgs.Power2.easeInOut:a.data("easing");d*=b,e*=b,c._loop_timeline.append(new punchgs.TweenLite.fromTo(a,f,{force3D:"auto",rotation:d,transformOrigin:g},{rotation:e,ease:h,onComplete:function(){c._loop_timeline.restart()}}))}if(a.hasClass("rs-slideloop")&&void 0==c._loop_timeline){c._loop_timeline=new punchgs.TimelineLite;var i=void 0==a.data("xs")?0:a.data("xs"),j=void 0==a.data("ys")?0:a.data("ys"),k=void 0==a.data("xe")?0:a.data("xe"),l=void 0==a.data("ye")?0:a.data("ye"),f=void 0==a.data("speed")?2:a.data("speed"),h=void 0==a.data("easing")?punchgs.Power2.easeInOut:a.data("easing");i*=b,j*=b,k*=b,l*=b,c._loop_timeline.append(new punchgs.TweenLite.fromTo(a,f,{force3D:"auto",x:i,y:j},{x:k,y:l,ease:h})),c._loop_timeline.append(new punchgs.TweenLite.fromTo(a,f,{force3D:"auto",x:k,y:l},{x:i,y:j,onComplete:function(){c._loop_timeline.restart()}}))}if(a.hasClass("rs-pulse")&&void 0==c._loop_timeline){c._loop_timeline=new punchgs.TimelineLite;var m=void 0==a.data("zoomstart")?0:a.data("zoomstart"),n=void 0==a.data("zoomend")?0:a.data("zoomend"),f=void 0==a.data("speed")?2:a.data("speed"),h=void 0==a.data("easing")?punchgs.Power2.easeInOut:a.data("easing");c._loop_timeline.append(new punchgs.TweenLite.fromTo(a,f,{force3D:"auto",scale:m},{scale:n,ease:h})),c._loop_timeline.append(new punchgs.TweenLite.fromTo(a,f,{force3D:"auto",scale:n},{scale:m,onComplete:function(){c._loop_timeline.restart()}}))}if(a.hasClass("rs-wave")&&void 0==c._loop_timeline){c._loop_timeline=new punchgs.TimelineLite;var o=void 0==a.data("angle")?10:parseInt(a.data("angle"),0),p=void 0==a.data("radius")?10:parseInt(a.data("radius"),0),f=void 0==a.data("speed")?-20:a.data("speed"),g=void 0==a.data("origin")?"50% 50%":a.data("origin"),q=g.split(" "),r=new Object;q.length>=1?(r.x=q[0],r.y=q[1]):(r.x="50%",r.y="50%"),p*=b;var s=(parseInt(r.x,0)/100-.5)*a.width(),t=(parseInt(r.y,0)/100-.5)*a.height(),u=-1*p+t,v=0+s,w={a:0,ang:o,element:a,unit:p,xoffset:v,yoffset:u},x=parseInt(o,0),y=new punchgs.TweenLite.fromTo(w,f,{a:0+x},{a:360+x,force3D:"auto",ease:punchgs.Linear.easeNone});y.eventCallback("onUpdate",function(a){var b=a.a*(Math.PI/180),c=a.yoffset+a.unit*(1-Math.sin(b)),d=a.xoffset+Math.cos(b)*a.unit;punchgs.TweenLite.to(a.element,.1,{force3D:"auto",x:d,y:c})},[w]),y.eventCallback("onComplete",function(a){a._loop_timeline.restart()},[c]),c._loop_timeline.append(y)}},E=function(a){a.closest(".rs-pendulum, .rs-slideloop, .rs-pulse, .rs-wave").each(function(){var a=this;void 0!=a._loop_timeline&&(a._loop_timeline.pause(),a._loop_timeline=null)})}}(jQuery); \ No newline at end of file diff --git a/apply/revolution/js/extensions/revolution.extension.migration.min.js b/apply/revolution/js/extensions/revolution.extension.migration.min.js new file mode 100644 index 0000000..ad61e54 --- /dev/null +++ b/apply/revolution/js/extensions/revolution.extension.migration.min.js @@ -0,0 +1,7 @@ +/******************************************** + * REVOLUTION 5.2 EXTENSION - NAVIGATION + * @version: 1.3.5 (06.04.2017) + * @requires jquery.themepunch.revolution.js + * @author ThemePunch +*********************************************/ +!function(a){"use strict";var b=jQuery.fn.revolution,c=b.is_mobile(),d={alias:"Navigation Min JS",name:"revolution.extensions.navigation.min.js",min_core:"5.4.0",version:"1.3.5"};jQuery.extend(!0,b,{hideUnHideNav:function(a){var b=a.c.width(),c=a.navigation.arrows,d=a.navigation.bullets,e=a.navigation.thumbnails,f=a.navigation.tabs;m(c)&&y(a.c.find(".tparrows"),c.hide_under,b,c.hide_over),m(d)&&y(a.c.find(".tp-bullets"),d.hide_under,b,d.hide_over),m(e)&&y(a.c.parent().find(".tp-thumbs"),e.hide_under,b,e.hide_over),m(f)&&y(a.c.parent().find(".tp-tabs"),f.hide_under,b,f.hide_over),x(a)},resizeThumbsTabs:function(a,b){if(a.navigation&&a.navigation.tabs.enable||a.navigation&&a.navigation.thumbnails.enable){var c=(jQuery(window).width()-480)/500,d=new punchgs.TimelineLite,e=a.navigation.tabs,g=a.navigation.thumbnails,h=a.navigation.bullets;if(d.pause(),c=c>1?1:c<0?0:c,m(e)&&(b||e.width>e.min_width)&&f(c,d,a.c,e,a.slideamount,"tab"),m(g)&&(b||g.width>g.min_width)&&f(c,d,a.c,g,a.slideamount,"thumb"),m(h)&&b){var i=a.c.find(".tp-bullets");i.find(".tp-bullet").each(function(a){var b=jQuery(this),c=a+1,d=b.outerWidth()+parseInt(void 0===h.space?0:h.space,0),e=b.outerHeight()+parseInt(void 0===h.space?0:h.space,0);"vertical"===h.direction?(b.css({top:(c-1)*e+"px",left:"0px"}),i.css({height:(c-1)*e+b.outerHeight(),width:b.outerWidth()})):(b.css({left:(c-1)*d+"px",top:"0px"}),i.css({width:(c-1)*d+b.outerWidth(),height:b.outerHeight()}))})}d.play(),x(a)}return!0},updateNavIndexes:function(a){function d(a){c.find(a).lenght>0&&c.find(a).each(function(a){jQuery(this).data("liindex",a)})}var c=a.c;d(".tp-tab"),d(".tp-bullet"),d(".tp-thumb"),b.resizeThumbsTabs(a,!0),b.manageNavigation(a)},manageNavigation:function(a){var c=b.getHorizontalOffset(a.c.parent(),"left"),d=b.getHorizontalOffset(a.c.parent(),"right");m(a.navigation.bullets)&&("fullscreen"!=a.sliderLayout&&"fullwidth"!=a.sliderLayout&&(a.navigation.bullets.h_offset_old=void 0===a.navigation.bullets.h_offset_old?a.navigation.bullets.h_offset:a.navigation.bullets.h_offset_old,a.navigation.bullets.h_offset="center"===a.navigation.bullets.h_align?a.navigation.bullets.h_offset_old+c/2-d/2:a.navigation.bullets.h_offset_old+c-d),t(a.c.find(".tp-bullets"),a.navigation.bullets,a)),m(a.navigation.thumbnails)&&t(a.c.parent().find(".tp-thumbs"),a.navigation.thumbnails,a),m(a.navigation.tabs)&&t(a.c.parent().find(".tp-tabs"),a.navigation.tabs,a),m(a.navigation.arrows)&&("fullscreen"!=a.sliderLayout&&"fullwidth"!=a.sliderLayout&&(a.navigation.arrows.left.h_offset_old=void 0===a.navigation.arrows.left.h_offset_old?a.navigation.arrows.left.h_offset:a.navigation.arrows.left.h_offset_old,a.navigation.arrows.left.h_offset="right"===a.navigation.arrows.left.h_align?a.navigation.arrows.left.h_offset_old+d:a.navigation.arrows.left.h_offset_old+c,a.navigation.arrows.right.h_offset_old=void 0===a.navigation.arrows.right.h_offset_old?a.navigation.arrows.right.h_offset:a.navigation.arrows.right.h_offset_old,a.navigation.arrows.right.h_offset="right"===a.navigation.arrows.right.h_align?a.navigation.arrows.right.h_offset_old+d:a.navigation.arrows.right.h_offset_old+c),t(a.c.find(".tp-leftarrow.tparrows"),a.navigation.arrows.left,a),t(a.c.find(".tp-rightarrow.tparrows"),a.navigation.arrows.right,a)),m(a.navigation.thumbnails)&&e(a.c.parent().find(".tp-thumbs"),a.navigation.thumbnails),m(a.navigation.tabs)&&e(a.c.parent().find(".tp-tabs"),a.navigation.tabs)},createNavigation:function(a,f){if("stop"===b.compare_version(d).check)return!1;var g=a.parent(),j=f.navigation.arrows,n=f.navigation.bullets,r=f.navigation.thumbnails,s=f.navigation.tabs,t=m(j),v=m(n),x=m(r),y=m(s);h(a,f),i(a,f),t&&q(a,j,f),f.li.each(function(b){var c=jQuery(f.li[f.li.length-1-b]),d=jQuery(this);v&&(f.navigation.bullets.rtl?u(a,n,c,f):u(a,n,d,f)),x&&(f.navigation.thumbnails.rtl?w(a,r,c,"tp-thumb",f):w(a,r,d,"tp-thumb",f)),y&&(f.navigation.tabs.rtl?w(a,s,c,"tp-tab",f):w(a,s,d,"tp-tab",f))}),a.bind("revolution.slide.onafterswap revolution.nextslide.waiting",function(){var b=0==a.find(".next-revslide").length?a.find(".active-revslide").data("index"):a.find(".next-revslide").data("index");a.find(".tp-bullet").each(function(){var a=jQuery(this);a.data("liref")===b?a.addClass("selected"):a.removeClass("selected")}),g.find(".tp-thumb, .tp-tab").each(function(){var a=jQuery(this);a.data("liref")===b?(a.addClass("selected"),a.hasClass("tp-tab")?e(g.find(".tp-tabs"),s):e(g.find(".tp-thumbs"),r)):a.removeClass("selected")});var c=0,d=!1;f.thumbs&&jQuery.each(f.thumbs,function(a,e){c=!1===d?a:c,d=e.id===b||a===b||d});var h=c>0?c-1:f.slideamount-1,i=c+1==f.slideamount?0:c+1;if(!0===j.enable){var k=j.tmp;if(void 0!=f.thumbs[h]&&jQuery.each(f.thumbs[h].params,function(a,b){k=k.replace(b.from,b.to)}),j.left.j.html(k),k=j.tmp,i>f.slideamount)return;jQuery.each(f.thumbs[i].params,function(a,b){k=k.replace(b.from,b.to)}),j.right.j.html(k),j.rtl?(punchgs.TweenLite.set(j.left.j.find(".tp-arr-imgholder"),{backgroundImage:"url("+f.thumbs[i].src+")"}),punchgs.TweenLite.set(j.right.j.find(".tp-arr-imgholder"),{backgroundImage:"url("+f.thumbs[h].src+")"})):(punchgs.TweenLite.set(j.left.j.find(".tp-arr-imgholder"),{backgroundImage:"url("+f.thumbs[h].src+")"}),punchgs.TweenLite.set(j.right.j.find(".tp-arr-imgholder"),{backgroundImage:"url("+f.thumbs[i].src+")"}))}}),l(j),l(n),l(r),l(s),g.on("mouseenter mousemove",function(){g.hasClass("tp-mouseover")||(g.addClass("tp-mouseover"),punchgs.TweenLite.killDelayedCallsTo(p),t&&j.hide_onleave&&p(g.find(".tparrows"),j,"show"),v&&n.hide_onleave&&p(g.find(".tp-bullets"),n,"show"),x&&r.hide_onleave&&p(g.find(".tp-thumbs"),r,"show"),y&&s.hide_onleave&&p(g.find(".tp-tabs"),s,"show"),c&&(g.removeClass("tp-mouseover"),o(a,f)))}),g.on("mouseleave",function(){g.removeClass("tp-mouseover"),o(a,f)}),t&&j.hide_onleave&&p(g.find(".tparrows"),j,"hide",0),v&&n.hide_onleave&&p(g.find(".tp-bullets"),n,"hide",0),x&&r.hide_onleave&&p(g.find(".tp-thumbs"),r,"hide",0),y&&s.hide_onleave&&p(g.find(".tp-tabs"),s,"hide",0),x&&k(g.find(".tp-thumbs"),f),y&&k(g.find(".tp-tabs"),f),"carousel"===f.sliderType&&k(a,f,!0),("on"===f.navigation.touch.touchOnDesktop||"on"==f.navigation.touch.touchenabled&&c)&&k(a,f,"swipebased")}});var e=function(a,b){var d=(a.hasClass("tp-thumbs"),a.hasClass("tp-thumbs")?".tp-thumb-mask":".tp-tab-mask"),e=a.hasClass("tp-thumbs")?".tp-thumbs-inner-wrapper":".tp-tabs-inner-wrapper",f=a.hasClass("tp-thumbs")?".tp-thumb":".tp-tab",g=a.find(d),h=g.find(e),i=b.direction,j="vertical"===i?g.find(f).first().outerHeight(!0)+b.space:g.find(f).first().outerWidth(!0)+b.space,k="vertical"===i?g.height():g.width(),l=parseInt(g.find(f+".selected").data("liindex"),0),m=k/j,n="vertical"===i?g.height():g.width(),o=0-l*j,p="vertical"===i?h.height():h.width(),q=o<0-(p-n)?0-(p-n):q>0?0:o,r=h.data("offset");m>2&&(q=o-(r+j)<=0?o-(r+j)<0-j?r:q+j:q,q=o-j+r+k0?0:q,"vertical"!==i&&g.width()>=h.width()&&(q=0),"vertical"===i&&g.height()>=h.height()&&(q=0),a.hasClass("dragged")||("vertical"===i?h.data("tmmove",punchgs.TweenLite.to(h,.5,{top:q+"px",ease:punchgs.Power3.easeInOut})):h.data("tmmove",punchgs.TweenLite.to(h,.5,{left:q+"px",ease:punchgs.Power3.easeInOut})),h.data("offset",q))},f=function(a,b,c,d,e,f){var g=c.parent().find(".tp-"+f+"s"),h=g.find(".tp-"+f+"s-inner-wrapper"),i=g.find(".tp-"+f+"-mask"),j=d.width*a300||e<-300)&&(e/=10),{spinX:b,spinY:c,pixelX:d,pixelY:e}},h=function(a,c){"on"===c.navigation.keyboardNavigation&&jQuery(document).keydown(function(d){("horizontal"==c.navigation.keyboard_direction&&39==d.keyCode||"vertical"==c.navigation.keyboard_direction&&40==d.keyCode)&&(c.sc_indicator="arrow",c.sc_indicator_dir=0,b.callingNewSlide(a,1)),("horizontal"==c.navigation.keyboard_direction&&37==d.keyCode||"vertical"==c.navigation.keyboard_direction&&38==d.keyCode)&&(c.sc_indicator="arrow",c.sc_indicator_dir=1,b.callingNewSlide(a,-1))})},i=function(a,c){if("on"===c.navigation.mouseScrollNavigation||"carousel"===c.navigation.mouseScrollNavigation){c.isIEEleven=!!navigator.userAgent.match(/Trident.*rv\:11\./),c.isSafari=!!navigator.userAgent.match(/safari/i),c.ischrome=!!navigator.userAgent.match(/chrome/i);var d=c.ischrome?-49:c.isIEEleven||c.isSafari?-9:navigator.userAgent.match(/mozilla/i)?-29:-49,e=c.ischrome?49:c.isIEEleven||c.isSafari?9:navigator.userAgent.match(/mozilla/i)?29:49;a.on("mousewheel DOMMouseScroll",function(f){var h=g(f.originalEvent),i=a.find(".tp-revslider-slidesli.active-revslide").index(),j=a.find(".tp-revslider-slidesli.processing-revslide").index(),k=-1!=i&&0==i||-1!=j&&0==j,l=-1!=i&&i==c.slideamount-1||1!=j&&j==c.slideamount-1,m=!0;"carousel"==c.navigation.mouseScrollNavigation&&(k=l=!1),-1==j?h.pixelYe&&(l||(c.sc_indicator="arrow","reverse"!==c.navigation.mouseScrollReverse&&(c.sc_indicator_dir=0,b.callingNewSlide(a,1)),m=!1),k||(c.sc_indicator="arrow","reverse"===c.navigation.mouseScrollReverse&&(c.sc_indicator_dir=1,b.callingNewSlide(a,-1)),m=!1)):m=!1;var n=c.c.offset().top-jQuery("body").scrollTop(),o=n+c.c.height();return"carousel"!=c.navigation.mouseScrollNavigation?("reverse"!==c.navigation.mouseScrollReverse&&(n>0&&h.pixelY>0||ojQuery(window).height()&&h.pixelY>0)&&(m=!0)):m=!1,0==m?(f.preventDefault(f),!1):void 0})}},j=function(a,b,d){return a=c?jQuery(d.target).closest("."+a).length||jQuery(d.srcElement).closest("."+a).length:jQuery(d.toElement).closest("."+a).length||jQuery(d.originalTarget).closest("."+a).length,!0===a||1===a?1:0},k=function(a,d,e){var f=d.carousel;jQuery(".bullet, .bullets, .tp-bullets, .tparrows").addClass("noSwipe"),f.Limit="endless";var h=(c||b.get_browser(),a),i="vertical"===d.navigation.thumbnails.direction||"vertical"===d.navigation.tabs.direction?"none":"vertical",k=d.navigation.touch.swipe_direction||"horizontal";i="swipebased"==e&&"vertical"==k?"none":e?"vertical":i,jQuery.fn.swipetp||(jQuery.fn.swipetp=jQuery.fn.swipe),jQuery.fn.swipetp.defaults&&jQuery.fn.swipetp.defaults.excludedElements||jQuery.fn.swipetp.defaults||(jQuery.fn.swipetp.defaults=new Object),jQuery.fn.swipetp.defaults.excludedElements="label, button, input, select, textarea, .noSwipe",h.swipetp({allowPageScroll:i,triggerOnTouchLeave:!0,treshold:d.navigation.touch.swipe_treshold,fingers:d.navigation.touch.swipe_min_touches,excludeElements:jQuery.fn.swipetp.defaults.excludedElements,swipeStatus:function(e,g,h,i,l,m,n){var o=j("rev_slider_wrapper",a,e),p=j("tp-thumbs",a,e),q=j("tp-tabs",a,e),r=jQuery(this).attr("class"),s=!!r.match(/tp-tabs|tp-thumb/gi);if("carousel"===d.sliderType&&(("move"===g||"end"===g||"cancel"==g)&&d.dragStartedOverSlider&&!d.dragStartedOverThumbs&&!d.dragStartedOverTabs||"start"===g&&o>0&&0===p&&0===q)){if(c&&("up"===h||"down"===h))return;switch(d.dragStartedOverSlider=!0,i=h&&h.match(/left|up/g)?Math.round(-1*i):i=Math.round(1*i),g){case"start":void 0!==f.positionanim&&(f.positionanim.kill(),f.slide_globaloffset="off"===f.infinity?f.slide_offset:b.simp(f.slide_offset,f.maxwidth)),f.overpull="none",f.wrap.addClass("dragged");break;case"move":if(d.c.find(".tp-withaction").addClass("tp-temporarydisabled"),f.slide_offset="off"===f.infinity?f.slide_globaloffset+i:b.simp(f.slide_globaloffset+i,f.maxwidth),"off"===f.infinity){var t="center"===f.horizontal_align?(f.wrapwidth/2-f.slide_width/2-f.slide_offset)/f.slide_width:(0-f.slide_offset)/f.slide_width;"none"!==f.overpull&&0!==f.overpull||!(t<0||t>d.slideamount-1)?t>=0&&t<=d.slideamount-1&&(t>=0&&i>f.overpull||t<=d.slideamount-1&&id.slideamount-1?f.slide_offset+(f.overpull-i)/1.1-Math.sqrt(Math.abs((f.overpull-i)/1.1)):f.slide_offset}b.organiseCarousel(d,h,!0,!0);break;case"end":case"cancel":f.slide_globaloffset=f.slide_offset,f.wrap.removeClass("dragged"),b.carouselToEvalPosition(d,h),d.dragStartedOverSlider=!1,d.dragStartedOverThumbs=!1,d.dragStartedOverTabs=!1,setTimeout(function(){d.c.find(".tp-withaction").removeClass("tp-temporarydisabled")},19)}}else{if(("move"!==g&&"end"!==g&&"cancel"!=g||d.dragStartedOverSlider||!d.dragStartedOverThumbs&&!d.dragStartedOverTabs)&&!("start"===g&&o>0&&(p>0||q>0))){if("end"==g&&!s){if(d.sc_indicator="arrow","horizontal"==k&&"left"==h||"vertical"==k&&"up"==h)return d.sc_indicator_dir=0,b.callingNewSlide(d.c,1),!1;if("horizontal"==k&&"right"==h||"vertical"==k&&"down"==h)return d.sc_indicator_dir=1,b.callingNewSlide(d.c,-1),!1}return d.dragStartedOverSlider=!1,d.dragStartedOverThumbs=!1,d.dragStartedOverTabs=!1,!0}p>0&&(d.dragStartedOverThumbs=!0),q>0&&(d.dragStartedOverTabs=!0);var u=d.dragStartedOverThumbs?".tp-thumbs":".tp-tabs",v=d.dragStartedOverThumbs?".tp-thumb-mask":".tp-tab-mask",w=d.dragStartedOverThumbs?".tp-thumbs-inner-wrapper":".tp-tabs-inner-wrapper",x=d.dragStartedOverThumbs?".tp-thumb":".tp-tab",y=d.dragStartedOverThumbs?d.navigation.thumbnails:d.navigation.tabs;i=h&&h.match(/left|up/g)?Math.round(-1*i):i=Math.round(1*i);var z=a.parent().find(v),A=z.find(w),B=y.direction,C="vertical"===B?A.height():A.width(),D="vertical"===B?z.height():z.width(),E="vertical"===B?z.find(x).first().outerHeight(!0)+y.space:z.find(x).first().outerWidth(!0)+y.space,F=void 0===A.data("offset")?0:parseInt(A.data("offset"),0),G=0;switch(g){case"start":a.parent().find(u).addClass("dragged"),F="vertical"===B?A.position().top:A.position().left,A.data("offset",F),A.data("tmmove")&&A.data("tmmove").pause();break;case"move":if(C<=D)return!1;G=F+i,G=G>0?"horizontal"===B?G-A.width()*(G/A.width()*G/A.width()):G-A.height()*(G/A.height()*G/A.height()):G;var H="vertical"===B?0-(A.height()-z.height()):0-(A.width()-z.width());G=G0?0:G,G=Math.abs(i)>E/10?i<=0?Math.floor(G/E)*E:Math.ceil(G/E)*E:i<0?Math.ceil(G/E)*E:Math.floor(G/E)*E,G="vertical"===B?G<0-(A.height()-z.height())?0-(A.height()-z.height()):G:G<0-(A.width()-z.width())?0-(A.width()-z.width()):G,G=G>0?0:G,"vertical"===B?punchgs.TweenLite.to(A,.5,{top:G+"px",ease:punchgs.Power3.easeOut}):punchgs.TweenLite.to(A,.5,{left:G+"px",ease:punchgs.Power3.easeOut}),G=G||("vertical"===B?A.position().top:A.position().left),A.data("offset",G),A.data("distance",i),setTimeout(function(){d.dragStartedOverSlider=!1,d.dragStartedOverThumbs=!1,d.dragStartedOverTabs=!1},100),a.parent().find(u).removeClass("dragged"),!1}}}})},l=function(a){a.hide_delay=jQuery.isNumeric(parseInt(a.hide_delay,0))?a.hide_delay/1e3:.2,a.hide_delay_mobile=jQuery.isNumeric(parseInt(a.hide_delay_mobile,0))?a.hide_delay_mobile/1e3:.2},m=function(a){return a&&a.enable},n=function(a){return a&&a.enable&&!0===a.hide_onleave&&(void 0===a.position||!a.position.match(/outer/g))},o=function(a,b){var d=a.parent();n(b.navigation.arrows)&&punchgs.TweenLite.delayedCall(c?b.navigation.arrows.hide_delay_mobile:b.navigation.arrows.hide_delay,p,[d.find(".tparrows"),b.navigation.arrows,"hide"]),n(b.navigation.bullets)&&punchgs.TweenLite.delayedCall(c?b.navigation.bullets.hide_delay_mobile:b.navigation.bullets.hide_delay,p,[d.find(".tp-bullets"),b.navigation.bullets,"hide"]),n(b.navigation.thumbnails)&&punchgs.TweenLite.delayedCall(c?b.navigation.thumbnails.hide_delay_mobile:b.navigation.thumbnails.hide_delay,p,[d.find(".tp-thumbs"),b.navigation.thumbnails,"hide"]),n(b.navigation.tabs)&&punchgs.TweenLite.delayedCall(c?b.navigation.tabs.hide_delay_mobile:b.navigation.tabs.hide_delay,p,[d.find(".tp-tabs"),b.navigation.tabs,"hide"])},p=function(a,b,c,d){switch(d=void 0===d?.5:d,c){case"show":punchgs.TweenLite.to(a,d,{autoAlpha:1,ease:punchgs.Power3.easeInOut,overwrite:"auto"});break;case"hide":punchgs.TweenLite.to(a,d,{autoAlpha:0,ease:punchgs.Power3.easeInOu,overwrite:"auto"})}},q=function(a,b,c){b.style=void 0===b.style?"":b.style,b.left.style=void 0===b.left.style?"":b.left.style,b.right.style=void 0===b.right.style?"":b.right.style,0===a.find(".tp-leftarrow.tparrows").length&&a.append('
'+b.tmp+"
"),0===a.find(".tp-rightarrow.tparrows").length&&a.append('
'+b.tmp+"
");var d=a.find(".tp-leftarrow.tparrows"),e=a.find(".tp-rightarrow.tparrows");b.rtl?(d.click(function(){c.sc_indicator="arrow",c.sc_indicator_dir=0,a.revnext()}),e.click(function(){c.sc_indicator="arrow",c.sc_indicator_dir=1,a.revprev()})):(e.click(function(){c.sc_indicator="arrow",c.sc_indicator_dir=0,a.revnext()}),d.click(function(){c.sc_indicator="arrow",c.sc_indicator_dir=1,a.revprev()})),b.right.j=a.find(".tp-rightarrow.tparrows"),b.left.j=a.find(".tp-leftarrow.tparrows"),b.padding_top=parseInt(c.carousel.padding_top||0,0),b.padding_bottom=parseInt(c.carousel.padding_bottom||0,0),t(d,b.left,c),t(e,b.right,c),b.left.opt=c,b.right.opt=c,"outer-left"!=b.position&&"outer-right"!=b.position||(c.outernav=!0)},r=function(a,b,c){var d=a.outerHeight(!0),f=(a.outerWidth(!0),void 0==b.opt?0:0==c.conh?c.height:c.conh),g="layergrid"==b.container?"fullscreen"==c.sliderLayout?c.height/2-c.gridheight[c.curWinRange]*c.bh/2:"on"==c.autoHeight||void 0!=c.minHeight&&c.minHeight>0?f/2-c.gridheight[c.curWinRange]*c.bh/2:0:0,h="top"===b.v_align?{top:"0px",y:Math.round(b.v_offset+g)+"px"}:"center"===b.v_align?{top:"50%",y:Math.round(0-d/2+b.v_offset)+"px"}:{top:"100%",y:Math.round(0-(d+b.v_offset+g))+"px"};a.hasClass("outer-bottom")||punchgs.TweenLite.set(a,h)},s=function(a,b,c){var e=(a.outerHeight(!0),a.outerWidth(!0)),f="layergrid"==b.container?"carousel"===c.sliderType?0:c.width/2-c.gridwidth[c.curWinRange]*c.bw/2:0,g="left"===b.h_align?{left:"0px",x:Math.round(b.h_offset+f)+"px"}:"center"===b.h_align?{left:"50%",x:Math.round(0-e/2+b.h_offset)+"px"}:{left:"100%",x:Math.round(0-(e+b.h_offset+f))+"px"};punchgs.TweenLite.set(a,g)},t=function(a,b,c){var d=a.closest(".tp-simpleresponsive").length>0?a.closest(".tp-simpleresponsive"):a.closest(".tp-revslider-mainul").length>0?a.closest(".tp-revslider-mainul"):a.closest(".rev_slider_wrapper").length>0?a.closest(".rev_slider_wrapper"):a.parent().find(".tp-revslider-mainul"),e=d.width(),f=d.height();if(r(a,b,c),s(a,b,c),"outer-left"!==b.position||"fullwidth"!=b.sliderLayout&&"fullscreen"!=b.sliderLayout?"outer-right"!==b.position||"fullwidth"!=b.sliderLayout&&"fullscreen"!=b.sliderLayout||punchgs.TweenLite.set(a,{right:0-a.outerWidth()+"px",x:b.h_offset+"px"}):punchgs.TweenLite.set(a,{left:0-a.outerWidth()+"px",x:b.h_offset+"px"}),a.hasClass("tp-thumbs")||a.hasClass("tp-tabs")){var g=a.data("wr_padding"),h=a.data("maxw"),i=a.data("maxh"),j=a.hasClass("tp-thumbs")?a.find(".tp-thumb-mask"):a.find(".tp-tab-mask"),k=parseInt(b.padding_top||0,0),l=parseInt(b.padding_bottom||0,0);h>e&&"outer-left"!==b.position&&"outer-right"!==b.position?(punchgs.TweenLite.set(a,{left:"0px",x:0,maxWidth:e-2*g+"px"}),punchgs.TweenLite.set(j,{maxWidth:e-2*g+"px"})):(punchgs.TweenLite.set(a,{maxWidth:h+"px"}),punchgs.TweenLite.set(j,{maxWidth:h+"px"})),i+2*g>f&&"outer-bottom"!==b.position&&"outer-top"!==b.position?(punchgs.TweenLite.set(a,{top:"0px",y:0,maxHeight:k+l+(f-2*g)+"px"}),punchgs.TweenLite.set(j,{maxHeight:k+l+(f-2*g)+"px"})):(punchgs.TweenLite.set(a,{maxHeight:i+"px"}),punchgs.TweenLite.set(j,{maxHeight:i+"px"})),"outer-left"!==b.position&&"outer-right"!==b.position&&(k=0,l=0),!0===b.span&&"vertical"===b.direction?(punchgs.TweenLite.set(a,{maxHeight:k+l+(f-2*g)+"px",height:k+l+(f-2*g)+"px",top:0-k,y:0}),r(j,b,c)):!0===b.span&&"horizontal"===b.direction&&(punchgs.TweenLite.set(a,{maxWidth:"100%",width:e-2*g+"px",left:0,x:0}),s(j,b,c))}},u=function(a,b,c,d){0===a.find(".tp-bullets").length&&(b.style=void 0===b.style?"":b.style,a.append('
'));var e=a.find(".tp-bullets"),f=c.data("index"),g=b.tmp;jQuery.each(d.thumbs[c.index()].params,function(a,b){g=g.replace(b.from,b.to)}),e.append('
'+g+"
");var h=a.find(".justaddedbullet"),i=a.find(".tp-bullet").length,j=h.outerWidth()+parseInt(void 0===b.space?0:b.space,0),k=h.outerHeight()+parseInt(void 0===b.space?0:b.space,0);"vertical"===b.direction?(h.css({top:(i-1)*k+"px",left:"0px"}),e.css({height:(i-1)*k+h.outerHeight(),width:h.outerWidth()})):(h.css({left:(i-1)*j+"px",top:"0px"}),e.css({width:(i-1)*j+h.outerWidth(),height:h.outerHeight()})),h.find(".tp-bullet-image").css({backgroundImage:"url("+d.thumbs[c.index()].src+")"}),h.data("liref",f),h.click(function(){d.sc_indicator="bullet",a.revcallslidewithid(f),a.find(".tp-bullet").removeClass("selected"),jQuery(this).addClass("selected")}),h.removeClass("justaddedbullet"),b.padding_top=parseInt(d.carousel.padding_top||0,0),b.padding_bottom=parseInt(d.carousel.padding_bottom||0,0),b.opt=d,"outer-left"!=b.position&&"outer-right"!=b.position||(d.outernav=!0),e.addClass("nav-pos-hor-"+b.h_align),e.addClass("nav-pos-ver-"+b.v_align),e.addClass("nav-dir-"+b.direction),t(e,b,d)},w=function(a,b,c,d,e){var f="tp-thumb"===d?".tp-thumbs":".tp-tabs",g="tp-thumb"===d?".tp-thumb-mask":".tp-tab-mask",h="tp-thumb"===d?".tp-thumbs-inner-wrapper":".tp-tabs-inner-wrapper",i="tp-thumb"===d?".tp-thumb":".tp-tab",j="tp-thumb"===d?".tp-thumb-image":".tp-tab-image";if(b.visibleAmount=b.visibleAmount>e.slideamount?e.slideamount:b.visibleAmount,b.sliderLayout=e.sliderLayout,0===a.parent().find(f).length){b.style=void 0===b.style?"":b.style;var k=!0===b.span?"tp-span-wrapper":"",l='
';"outer-top"===b.position?a.parent().prepend(l):"outer-bottom"===b.position?a.after(l):a.append(l),b.padding_top=parseInt(e.carousel.padding_top||0,0),b.padding_bottom=parseInt(e.carousel.padding_bottom||0,0),"outer-left"!=b.position&&"outer-right"!=b.position||(e.outernav=!0)}var m=c.data("index"),n=a.parent().find(f),o=n.find(g),p=o.find(h),q="horizontal"===b.direction?b.width*b.visibleAmount+b.space*(b.visibleAmount-1):b.width,r="horizontal"===b.direction?b.height:b.height*b.visibleAmount+b.space*(b.visibleAmount-1),s=b.tmp;jQuery.each(e.thumbs[c.index()].params,function(a,b){s=s.replace(b.from,b.to)}),p.append('
'+s+"
");var u=n.find(".justaddedthumb"),v=n.find(i).length,w=u.outerWidth()+parseInt(void 0===b.space?0:b.space,0),x=u.outerHeight()+parseInt(void 0===b.space?0:b.space,0);u.find(j).css({backgroundImage:"url("+e.thumbs[c.index()].src+")"}),"vertical"===b.direction?(u.css({top:(v-1)*x+"px",left:"0px"}),p.css({height:(v-1)*x+u.outerHeight(),width:u.outerWidth()})):(u.css({left:(v-1)*w+"px",top:"0px"}),p.css({width:(v-1)*w+u.outerWidth(),height:u.outerHeight()})),n.data("maxw",q),n.data("maxh",r),n.data("wr_padding",b.wrapper_padding);var y="outer-top"===b.position||"outer-bottom"===b.position?"relative":"absolute";"outer-top"!==b.position&&"outer-bottom"!==b.position||b.h_align;o.css({maxWidth:q+"px",maxHeight:r+"px",overflow:"hidden",position:"relative"}),n.css({maxWidth:q+"px",maxHeight:r+"px",overflow:"visible",position:y,background:b.wrapper_color,padding:b.wrapper_padding+"px",boxSizing:"contet-box"}),u.click(function(){e.sc_indicator="bullet";var b=a.parent().find(h).data("distance");b=void 0===b?0:b,Math.abs(b)<10&&(a.revcallslidewithid(m),a.parent().find(f).removeClass("selected"),jQuery(this).addClass("selected"))}),u.removeClass("justaddedthumb"),b.opt=e,n.addClass("nav-pos-hor-"+b.h_align),n.addClass("nav-pos-ver-"+b.v_align),n.addClass("nav-dir-"+b.direction),t(n,b,e)},x=function(a){var b=a.c.parent().find(".outer-top"),c=a.c.parent().find(".outer-bottom");a.top_outer=b.hasClass("tp-forcenotvisible")?0:b.outerHeight()||0,a.bottom_outer=c.hasClass("tp-forcenotvisible")?0:c.outerHeight()||0},y=function(a,b,c,d){b>c||c>d?a.addClass("tp-forcenotvisible"):a.removeClass("tp-forcenotvisible")}}(jQuery); \ No newline at end of file diff --git a/apply/revolution/js/extensions/revolution.extension.navigation.min.js b/apply/revolution/js/extensions/revolution.extension.navigation.min.js new file mode 100644 index 0000000..ad61e54 --- /dev/null +++ b/apply/revolution/js/extensions/revolution.extension.navigation.min.js @@ -0,0 +1,7 @@ +/******************************************** + * REVOLUTION 5.2 EXTENSION - NAVIGATION + * @version: 1.3.5 (06.04.2017) + * @requires jquery.themepunch.revolution.js + * @author ThemePunch +*********************************************/ +!function(a){"use strict";var b=jQuery.fn.revolution,c=b.is_mobile(),d={alias:"Navigation Min JS",name:"revolution.extensions.navigation.min.js",min_core:"5.4.0",version:"1.3.5"};jQuery.extend(!0,b,{hideUnHideNav:function(a){var b=a.c.width(),c=a.navigation.arrows,d=a.navigation.bullets,e=a.navigation.thumbnails,f=a.navigation.tabs;m(c)&&y(a.c.find(".tparrows"),c.hide_under,b,c.hide_over),m(d)&&y(a.c.find(".tp-bullets"),d.hide_under,b,d.hide_over),m(e)&&y(a.c.parent().find(".tp-thumbs"),e.hide_under,b,e.hide_over),m(f)&&y(a.c.parent().find(".tp-tabs"),f.hide_under,b,f.hide_over),x(a)},resizeThumbsTabs:function(a,b){if(a.navigation&&a.navigation.tabs.enable||a.navigation&&a.navigation.thumbnails.enable){var c=(jQuery(window).width()-480)/500,d=new punchgs.TimelineLite,e=a.navigation.tabs,g=a.navigation.thumbnails,h=a.navigation.bullets;if(d.pause(),c=c>1?1:c<0?0:c,m(e)&&(b||e.width>e.min_width)&&f(c,d,a.c,e,a.slideamount,"tab"),m(g)&&(b||g.width>g.min_width)&&f(c,d,a.c,g,a.slideamount,"thumb"),m(h)&&b){var i=a.c.find(".tp-bullets");i.find(".tp-bullet").each(function(a){var b=jQuery(this),c=a+1,d=b.outerWidth()+parseInt(void 0===h.space?0:h.space,0),e=b.outerHeight()+parseInt(void 0===h.space?0:h.space,0);"vertical"===h.direction?(b.css({top:(c-1)*e+"px",left:"0px"}),i.css({height:(c-1)*e+b.outerHeight(),width:b.outerWidth()})):(b.css({left:(c-1)*d+"px",top:"0px"}),i.css({width:(c-1)*d+b.outerWidth(),height:b.outerHeight()}))})}d.play(),x(a)}return!0},updateNavIndexes:function(a){function d(a){c.find(a).lenght>0&&c.find(a).each(function(a){jQuery(this).data("liindex",a)})}var c=a.c;d(".tp-tab"),d(".tp-bullet"),d(".tp-thumb"),b.resizeThumbsTabs(a,!0),b.manageNavigation(a)},manageNavigation:function(a){var c=b.getHorizontalOffset(a.c.parent(),"left"),d=b.getHorizontalOffset(a.c.parent(),"right");m(a.navigation.bullets)&&("fullscreen"!=a.sliderLayout&&"fullwidth"!=a.sliderLayout&&(a.navigation.bullets.h_offset_old=void 0===a.navigation.bullets.h_offset_old?a.navigation.bullets.h_offset:a.navigation.bullets.h_offset_old,a.navigation.bullets.h_offset="center"===a.navigation.bullets.h_align?a.navigation.bullets.h_offset_old+c/2-d/2:a.navigation.bullets.h_offset_old+c-d),t(a.c.find(".tp-bullets"),a.navigation.bullets,a)),m(a.navigation.thumbnails)&&t(a.c.parent().find(".tp-thumbs"),a.navigation.thumbnails,a),m(a.navigation.tabs)&&t(a.c.parent().find(".tp-tabs"),a.navigation.tabs,a),m(a.navigation.arrows)&&("fullscreen"!=a.sliderLayout&&"fullwidth"!=a.sliderLayout&&(a.navigation.arrows.left.h_offset_old=void 0===a.navigation.arrows.left.h_offset_old?a.navigation.arrows.left.h_offset:a.navigation.arrows.left.h_offset_old,a.navigation.arrows.left.h_offset="right"===a.navigation.arrows.left.h_align?a.navigation.arrows.left.h_offset_old+d:a.navigation.arrows.left.h_offset_old+c,a.navigation.arrows.right.h_offset_old=void 0===a.navigation.arrows.right.h_offset_old?a.navigation.arrows.right.h_offset:a.navigation.arrows.right.h_offset_old,a.navigation.arrows.right.h_offset="right"===a.navigation.arrows.right.h_align?a.navigation.arrows.right.h_offset_old+d:a.navigation.arrows.right.h_offset_old+c),t(a.c.find(".tp-leftarrow.tparrows"),a.navigation.arrows.left,a),t(a.c.find(".tp-rightarrow.tparrows"),a.navigation.arrows.right,a)),m(a.navigation.thumbnails)&&e(a.c.parent().find(".tp-thumbs"),a.navigation.thumbnails),m(a.navigation.tabs)&&e(a.c.parent().find(".tp-tabs"),a.navigation.tabs)},createNavigation:function(a,f){if("stop"===b.compare_version(d).check)return!1;var g=a.parent(),j=f.navigation.arrows,n=f.navigation.bullets,r=f.navigation.thumbnails,s=f.navigation.tabs,t=m(j),v=m(n),x=m(r),y=m(s);h(a,f),i(a,f),t&&q(a,j,f),f.li.each(function(b){var c=jQuery(f.li[f.li.length-1-b]),d=jQuery(this);v&&(f.navigation.bullets.rtl?u(a,n,c,f):u(a,n,d,f)),x&&(f.navigation.thumbnails.rtl?w(a,r,c,"tp-thumb",f):w(a,r,d,"tp-thumb",f)),y&&(f.navigation.tabs.rtl?w(a,s,c,"tp-tab",f):w(a,s,d,"tp-tab",f))}),a.bind("revolution.slide.onafterswap revolution.nextslide.waiting",function(){var b=0==a.find(".next-revslide").length?a.find(".active-revslide").data("index"):a.find(".next-revslide").data("index");a.find(".tp-bullet").each(function(){var a=jQuery(this);a.data("liref")===b?a.addClass("selected"):a.removeClass("selected")}),g.find(".tp-thumb, .tp-tab").each(function(){var a=jQuery(this);a.data("liref")===b?(a.addClass("selected"),a.hasClass("tp-tab")?e(g.find(".tp-tabs"),s):e(g.find(".tp-thumbs"),r)):a.removeClass("selected")});var c=0,d=!1;f.thumbs&&jQuery.each(f.thumbs,function(a,e){c=!1===d?a:c,d=e.id===b||a===b||d});var h=c>0?c-1:f.slideamount-1,i=c+1==f.slideamount?0:c+1;if(!0===j.enable){var k=j.tmp;if(void 0!=f.thumbs[h]&&jQuery.each(f.thumbs[h].params,function(a,b){k=k.replace(b.from,b.to)}),j.left.j.html(k),k=j.tmp,i>f.slideamount)return;jQuery.each(f.thumbs[i].params,function(a,b){k=k.replace(b.from,b.to)}),j.right.j.html(k),j.rtl?(punchgs.TweenLite.set(j.left.j.find(".tp-arr-imgholder"),{backgroundImage:"url("+f.thumbs[i].src+")"}),punchgs.TweenLite.set(j.right.j.find(".tp-arr-imgholder"),{backgroundImage:"url("+f.thumbs[h].src+")"})):(punchgs.TweenLite.set(j.left.j.find(".tp-arr-imgholder"),{backgroundImage:"url("+f.thumbs[h].src+")"}),punchgs.TweenLite.set(j.right.j.find(".tp-arr-imgholder"),{backgroundImage:"url("+f.thumbs[i].src+")"}))}}),l(j),l(n),l(r),l(s),g.on("mouseenter mousemove",function(){g.hasClass("tp-mouseover")||(g.addClass("tp-mouseover"),punchgs.TweenLite.killDelayedCallsTo(p),t&&j.hide_onleave&&p(g.find(".tparrows"),j,"show"),v&&n.hide_onleave&&p(g.find(".tp-bullets"),n,"show"),x&&r.hide_onleave&&p(g.find(".tp-thumbs"),r,"show"),y&&s.hide_onleave&&p(g.find(".tp-tabs"),s,"show"),c&&(g.removeClass("tp-mouseover"),o(a,f)))}),g.on("mouseleave",function(){g.removeClass("tp-mouseover"),o(a,f)}),t&&j.hide_onleave&&p(g.find(".tparrows"),j,"hide",0),v&&n.hide_onleave&&p(g.find(".tp-bullets"),n,"hide",0),x&&r.hide_onleave&&p(g.find(".tp-thumbs"),r,"hide",0),y&&s.hide_onleave&&p(g.find(".tp-tabs"),s,"hide",0),x&&k(g.find(".tp-thumbs"),f),y&&k(g.find(".tp-tabs"),f),"carousel"===f.sliderType&&k(a,f,!0),("on"===f.navigation.touch.touchOnDesktop||"on"==f.navigation.touch.touchenabled&&c)&&k(a,f,"swipebased")}});var e=function(a,b){var d=(a.hasClass("tp-thumbs"),a.hasClass("tp-thumbs")?".tp-thumb-mask":".tp-tab-mask"),e=a.hasClass("tp-thumbs")?".tp-thumbs-inner-wrapper":".tp-tabs-inner-wrapper",f=a.hasClass("tp-thumbs")?".tp-thumb":".tp-tab",g=a.find(d),h=g.find(e),i=b.direction,j="vertical"===i?g.find(f).first().outerHeight(!0)+b.space:g.find(f).first().outerWidth(!0)+b.space,k="vertical"===i?g.height():g.width(),l=parseInt(g.find(f+".selected").data("liindex"),0),m=k/j,n="vertical"===i?g.height():g.width(),o=0-l*j,p="vertical"===i?h.height():h.width(),q=o<0-(p-n)?0-(p-n):q>0?0:o,r=h.data("offset");m>2&&(q=o-(r+j)<=0?o-(r+j)<0-j?r:q+j:q,q=o-j+r+k0?0:q,"vertical"!==i&&g.width()>=h.width()&&(q=0),"vertical"===i&&g.height()>=h.height()&&(q=0),a.hasClass("dragged")||("vertical"===i?h.data("tmmove",punchgs.TweenLite.to(h,.5,{top:q+"px",ease:punchgs.Power3.easeInOut})):h.data("tmmove",punchgs.TweenLite.to(h,.5,{left:q+"px",ease:punchgs.Power3.easeInOut})),h.data("offset",q))},f=function(a,b,c,d,e,f){var g=c.parent().find(".tp-"+f+"s"),h=g.find(".tp-"+f+"s-inner-wrapper"),i=g.find(".tp-"+f+"-mask"),j=d.width*a300||e<-300)&&(e/=10),{spinX:b,spinY:c,pixelX:d,pixelY:e}},h=function(a,c){"on"===c.navigation.keyboardNavigation&&jQuery(document).keydown(function(d){("horizontal"==c.navigation.keyboard_direction&&39==d.keyCode||"vertical"==c.navigation.keyboard_direction&&40==d.keyCode)&&(c.sc_indicator="arrow",c.sc_indicator_dir=0,b.callingNewSlide(a,1)),("horizontal"==c.navigation.keyboard_direction&&37==d.keyCode||"vertical"==c.navigation.keyboard_direction&&38==d.keyCode)&&(c.sc_indicator="arrow",c.sc_indicator_dir=1,b.callingNewSlide(a,-1))})},i=function(a,c){if("on"===c.navigation.mouseScrollNavigation||"carousel"===c.navigation.mouseScrollNavigation){c.isIEEleven=!!navigator.userAgent.match(/Trident.*rv\:11\./),c.isSafari=!!navigator.userAgent.match(/safari/i),c.ischrome=!!navigator.userAgent.match(/chrome/i);var d=c.ischrome?-49:c.isIEEleven||c.isSafari?-9:navigator.userAgent.match(/mozilla/i)?-29:-49,e=c.ischrome?49:c.isIEEleven||c.isSafari?9:navigator.userAgent.match(/mozilla/i)?29:49;a.on("mousewheel DOMMouseScroll",function(f){var h=g(f.originalEvent),i=a.find(".tp-revslider-slidesli.active-revslide").index(),j=a.find(".tp-revslider-slidesli.processing-revslide").index(),k=-1!=i&&0==i||-1!=j&&0==j,l=-1!=i&&i==c.slideamount-1||1!=j&&j==c.slideamount-1,m=!0;"carousel"==c.navigation.mouseScrollNavigation&&(k=l=!1),-1==j?h.pixelYe&&(l||(c.sc_indicator="arrow","reverse"!==c.navigation.mouseScrollReverse&&(c.sc_indicator_dir=0,b.callingNewSlide(a,1)),m=!1),k||(c.sc_indicator="arrow","reverse"===c.navigation.mouseScrollReverse&&(c.sc_indicator_dir=1,b.callingNewSlide(a,-1)),m=!1)):m=!1;var n=c.c.offset().top-jQuery("body").scrollTop(),o=n+c.c.height();return"carousel"!=c.navigation.mouseScrollNavigation?("reverse"!==c.navigation.mouseScrollReverse&&(n>0&&h.pixelY>0||ojQuery(window).height()&&h.pixelY>0)&&(m=!0)):m=!1,0==m?(f.preventDefault(f),!1):void 0})}},j=function(a,b,d){return a=c?jQuery(d.target).closest("."+a).length||jQuery(d.srcElement).closest("."+a).length:jQuery(d.toElement).closest("."+a).length||jQuery(d.originalTarget).closest("."+a).length,!0===a||1===a?1:0},k=function(a,d,e){var f=d.carousel;jQuery(".bullet, .bullets, .tp-bullets, .tparrows").addClass("noSwipe"),f.Limit="endless";var h=(c||b.get_browser(),a),i="vertical"===d.navigation.thumbnails.direction||"vertical"===d.navigation.tabs.direction?"none":"vertical",k=d.navigation.touch.swipe_direction||"horizontal";i="swipebased"==e&&"vertical"==k?"none":e?"vertical":i,jQuery.fn.swipetp||(jQuery.fn.swipetp=jQuery.fn.swipe),jQuery.fn.swipetp.defaults&&jQuery.fn.swipetp.defaults.excludedElements||jQuery.fn.swipetp.defaults||(jQuery.fn.swipetp.defaults=new Object),jQuery.fn.swipetp.defaults.excludedElements="label, button, input, select, textarea, .noSwipe",h.swipetp({allowPageScroll:i,triggerOnTouchLeave:!0,treshold:d.navigation.touch.swipe_treshold,fingers:d.navigation.touch.swipe_min_touches,excludeElements:jQuery.fn.swipetp.defaults.excludedElements,swipeStatus:function(e,g,h,i,l,m,n){var o=j("rev_slider_wrapper",a,e),p=j("tp-thumbs",a,e),q=j("tp-tabs",a,e),r=jQuery(this).attr("class"),s=!!r.match(/tp-tabs|tp-thumb/gi);if("carousel"===d.sliderType&&(("move"===g||"end"===g||"cancel"==g)&&d.dragStartedOverSlider&&!d.dragStartedOverThumbs&&!d.dragStartedOverTabs||"start"===g&&o>0&&0===p&&0===q)){if(c&&("up"===h||"down"===h))return;switch(d.dragStartedOverSlider=!0,i=h&&h.match(/left|up/g)?Math.round(-1*i):i=Math.round(1*i),g){case"start":void 0!==f.positionanim&&(f.positionanim.kill(),f.slide_globaloffset="off"===f.infinity?f.slide_offset:b.simp(f.slide_offset,f.maxwidth)),f.overpull="none",f.wrap.addClass("dragged");break;case"move":if(d.c.find(".tp-withaction").addClass("tp-temporarydisabled"),f.slide_offset="off"===f.infinity?f.slide_globaloffset+i:b.simp(f.slide_globaloffset+i,f.maxwidth),"off"===f.infinity){var t="center"===f.horizontal_align?(f.wrapwidth/2-f.slide_width/2-f.slide_offset)/f.slide_width:(0-f.slide_offset)/f.slide_width;"none"!==f.overpull&&0!==f.overpull||!(t<0||t>d.slideamount-1)?t>=0&&t<=d.slideamount-1&&(t>=0&&i>f.overpull||t<=d.slideamount-1&&id.slideamount-1?f.slide_offset+(f.overpull-i)/1.1-Math.sqrt(Math.abs((f.overpull-i)/1.1)):f.slide_offset}b.organiseCarousel(d,h,!0,!0);break;case"end":case"cancel":f.slide_globaloffset=f.slide_offset,f.wrap.removeClass("dragged"),b.carouselToEvalPosition(d,h),d.dragStartedOverSlider=!1,d.dragStartedOverThumbs=!1,d.dragStartedOverTabs=!1,setTimeout(function(){d.c.find(".tp-withaction").removeClass("tp-temporarydisabled")},19)}}else{if(("move"!==g&&"end"!==g&&"cancel"!=g||d.dragStartedOverSlider||!d.dragStartedOverThumbs&&!d.dragStartedOverTabs)&&!("start"===g&&o>0&&(p>0||q>0))){if("end"==g&&!s){if(d.sc_indicator="arrow","horizontal"==k&&"left"==h||"vertical"==k&&"up"==h)return d.sc_indicator_dir=0,b.callingNewSlide(d.c,1),!1;if("horizontal"==k&&"right"==h||"vertical"==k&&"down"==h)return d.sc_indicator_dir=1,b.callingNewSlide(d.c,-1),!1}return d.dragStartedOverSlider=!1,d.dragStartedOverThumbs=!1,d.dragStartedOverTabs=!1,!0}p>0&&(d.dragStartedOverThumbs=!0),q>0&&(d.dragStartedOverTabs=!0);var u=d.dragStartedOverThumbs?".tp-thumbs":".tp-tabs",v=d.dragStartedOverThumbs?".tp-thumb-mask":".tp-tab-mask",w=d.dragStartedOverThumbs?".tp-thumbs-inner-wrapper":".tp-tabs-inner-wrapper",x=d.dragStartedOverThumbs?".tp-thumb":".tp-tab",y=d.dragStartedOverThumbs?d.navigation.thumbnails:d.navigation.tabs;i=h&&h.match(/left|up/g)?Math.round(-1*i):i=Math.round(1*i);var z=a.parent().find(v),A=z.find(w),B=y.direction,C="vertical"===B?A.height():A.width(),D="vertical"===B?z.height():z.width(),E="vertical"===B?z.find(x).first().outerHeight(!0)+y.space:z.find(x).first().outerWidth(!0)+y.space,F=void 0===A.data("offset")?0:parseInt(A.data("offset"),0),G=0;switch(g){case"start":a.parent().find(u).addClass("dragged"),F="vertical"===B?A.position().top:A.position().left,A.data("offset",F),A.data("tmmove")&&A.data("tmmove").pause();break;case"move":if(C<=D)return!1;G=F+i,G=G>0?"horizontal"===B?G-A.width()*(G/A.width()*G/A.width()):G-A.height()*(G/A.height()*G/A.height()):G;var H="vertical"===B?0-(A.height()-z.height()):0-(A.width()-z.width());G=G0?0:G,G=Math.abs(i)>E/10?i<=0?Math.floor(G/E)*E:Math.ceil(G/E)*E:i<0?Math.ceil(G/E)*E:Math.floor(G/E)*E,G="vertical"===B?G<0-(A.height()-z.height())?0-(A.height()-z.height()):G:G<0-(A.width()-z.width())?0-(A.width()-z.width()):G,G=G>0?0:G,"vertical"===B?punchgs.TweenLite.to(A,.5,{top:G+"px",ease:punchgs.Power3.easeOut}):punchgs.TweenLite.to(A,.5,{left:G+"px",ease:punchgs.Power3.easeOut}),G=G||("vertical"===B?A.position().top:A.position().left),A.data("offset",G),A.data("distance",i),setTimeout(function(){d.dragStartedOverSlider=!1,d.dragStartedOverThumbs=!1,d.dragStartedOverTabs=!1},100),a.parent().find(u).removeClass("dragged"),!1}}}})},l=function(a){a.hide_delay=jQuery.isNumeric(parseInt(a.hide_delay,0))?a.hide_delay/1e3:.2,a.hide_delay_mobile=jQuery.isNumeric(parseInt(a.hide_delay_mobile,0))?a.hide_delay_mobile/1e3:.2},m=function(a){return a&&a.enable},n=function(a){return a&&a.enable&&!0===a.hide_onleave&&(void 0===a.position||!a.position.match(/outer/g))},o=function(a,b){var d=a.parent();n(b.navigation.arrows)&&punchgs.TweenLite.delayedCall(c?b.navigation.arrows.hide_delay_mobile:b.navigation.arrows.hide_delay,p,[d.find(".tparrows"),b.navigation.arrows,"hide"]),n(b.navigation.bullets)&&punchgs.TweenLite.delayedCall(c?b.navigation.bullets.hide_delay_mobile:b.navigation.bullets.hide_delay,p,[d.find(".tp-bullets"),b.navigation.bullets,"hide"]),n(b.navigation.thumbnails)&&punchgs.TweenLite.delayedCall(c?b.navigation.thumbnails.hide_delay_mobile:b.navigation.thumbnails.hide_delay,p,[d.find(".tp-thumbs"),b.navigation.thumbnails,"hide"]),n(b.navigation.tabs)&&punchgs.TweenLite.delayedCall(c?b.navigation.tabs.hide_delay_mobile:b.navigation.tabs.hide_delay,p,[d.find(".tp-tabs"),b.navigation.tabs,"hide"])},p=function(a,b,c,d){switch(d=void 0===d?.5:d,c){case"show":punchgs.TweenLite.to(a,d,{autoAlpha:1,ease:punchgs.Power3.easeInOut,overwrite:"auto"});break;case"hide":punchgs.TweenLite.to(a,d,{autoAlpha:0,ease:punchgs.Power3.easeInOu,overwrite:"auto"})}},q=function(a,b,c){b.style=void 0===b.style?"":b.style,b.left.style=void 0===b.left.style?"":b.left.style,b.right.style=void 0===b.right.style?"":b.right.style,0===a.find(".tp-leftarrow.tparrows").length&&a.append('
'+b.tmp+"
"),0===a.find(".tp-rightarrow.tparrows").length&&a.append('
'+b.tmp+"
");var d=a.find(".tp-leftarrow.tparrows"),e=a.find(".tp-rightarrow.tparrows");b.rtl?(d.click(function(){c.sc_indicator="arrow",c.sc_indicator_dir=0,a.revnext()}),e.click(function(){c.sc_indicator="arrow",c.sc_indicator_dir=1,a.revprev()})):(e.click(function(){c.sc_indicator="arrow",c.sc_indicator_dir=0,a.revnext()}),d.click(function(){c.sc_indicator="arrow",c.sc_indicator_dir=1,a.revprev()})),b.right.j=a.find(".tp-rightarrow.tparrows"),b.left.j=a.find(".tp-leftarrow.tparrows"),b.padding_top=parseInt(c.carousel.padding_top||0,0),b.padding_bottom=parseInt(c.carousel.padding_bottom||0,0),t(d,b.left,c),t(e,b.right,c),b.left.opt=c,b.right.opt=c,"outer-left"!=b.position&&"outer-right"!=b.position||(c.outernav=!0)},r=function(a,b,c){var d=a.outerHeight(!0),f=(a.outerWidth(!0),void 0==b.opt?0:0==c.conh?c.height:c.conh),g="layergrid"==b.container?"fullscreen"==c.sliderLayout?c.height/2-c.gridheight[c.curWinRange]*c.bh/2:"on"==c.autoHeight||void 0!=c.minHeight&&c.minHeight>0?f/2-c.gridheight[c.curWinRange]*c.bh/2:0:0,h="top"===b.v_align?{top:"0px",y:Math.round(b.v_offset+g)+"px"}:"center"===b.v_align?{top:"50%",y:Math.round(0-d/2+b.v_offset)+"px"}:{top:"100%",y:Math.round(0-(d+b.v_offset+g))+"px"};a.hasClass("outer-bottom")||punchgs.TweenLite.set(a,h)},s=function(a,b,c){var e=(a.outerHeight(!0),a.outerWidth(!0)),f="layergrid"==b.container?"carousel"===c.sliderType?0:c.width/2-c.gridwidth[c.curWinRange]*c.bw/2:0,g="left"===b.h_align?{left:"0px",x:Math.round(b.h_offset+f)+"px"}:"center"===b.h_align?{left:"50%",x:Math.round(0-e/2+b.h_offset)+"px"}:{left:"100%",x:Math.round(0-(e+b.h_offset+f))+"px"};punchgs.TweenLite.set(a,g)},t=function(a,b,c){var d=a.closest(".tp-simpleresponsive").length>0?a.closest(".tp-simpleresponsive"):a.closest(".tp-revslider-mainul").length>0?a.closest(".tp-revslider-mainul"):a.closest(".rev_slider_wrapper").length>0?a.closest(".rev_slider_wrapper"):a.parent().find(".tp-revslider-mainul"),e=d.width(),f=d.height();if(r(a,b,c),s(a,b,c),"outer-left"!==b.position||"fullwidth"!=b.sliderLayout&&"fullscreen"!=b.sliderLayout?"outer-right"!==b.position||"fullwidth"!=b.sliderLayout&&"fullscreen"!=b.sliderLayout||punchgs.TweenLite.set(a,{right:0-a.outerWidth()+"px",x:b.h_offset+"px"}):punchgs.TweenLite.set(a,{left:0-a.outerWidth()+"px",x:b.h_offset+"px"}),a.hasClass("tp-thumbs")||a.hasClass("tp-tabs")){var g=a.data("wr_padding"),h=a.data("maxw"),i=a.data("maxh"),j=a.hasClass("tp-thumbs")?a.find(".tp-thumb-mask"):a.find(".tp-tab-mask"),k=parseInt(b.padding_top||0,0),l=parseInt(b.padding_bottom||0,0);h>e&&"outer-left"!==b.position&&"outer-right"!==b.position?(punchgs.TweenLite.set(a,{left:"0px",x:0,maxWidth:e-2*g+"px"}),punchgs.TweenLite.set(j,{maxWidth:e-2*g+"px"})):(punchgs.TweenLite.set(a,{maxWidth:h+"px"}),punchgs.TweenLite.set(j,{maxWidth:h+"px"})),i+2*g>f&&"outer-bottom"!==b.position&&"outer-top"!==b.position?(punchgs.TweenLite.set(a,{top:"0px",y:0,maxHeight:k+l+(f-2*g)+"px"}),punchgs.TweenLite.set(j,{maxHeight:k+l+(f-2*g)+"px"})):(punchgs.TweenLite.set(a,{maxHeight:i+"px"}),punchgs.TweenLite.set(j,{maxHeight:i+"px"})),"outer-left"!==b.position&&"outer-right"!==b.position&&(k=0,l=0),!0===b.span&&"vertical"===b.direction?(punchgs.TweenLite.set(a,{maxHeight:k+l+(f-2*g)+"px",height:k+l+(f-2*g)+"px",top:0-k,y:0}),r(j,b,c)):!0===b.span&&"horizontal"===b.direction&&(punchgs.TweenLite.set(a,{maxWidth:"100%",width:e-2*g+"px",left:0,x:0}),s(j,b,c))}},u=function(a,b,c,d){0===a.find(".tp-bullets").length&&(b.style=void 0===b.style?"":b.style,a.append('
'));var e=a.find(".tp-bullets"),f=c.data("index"),g=b.tmp;jQuery.each(d.thumbs[c.index()].params,function(a,b){g=g.replace(b.from,b.to)}),e.append('
'+g+"
");var h=a.find(".justaddedbullet"),i=a.find(".tp-bullet").length,j=h.outerWidth()+parseInt(void 0===b.space?0:b.space,0),k=h.outerHeight()+parseInt(void 0===b.space?0:b.space,0);"vertical"===b.direction?(h.css({top:(i-1)*k+"px",left:"0px"}),e.css({height:(i-1)*k+h.outerHeight(),width:h.outerWidth()})):(h.css({left:(i-1)*j+"px",top:"0px"}),e.css({width:(i-1)*j+h.outerWidth(),height:h.outerHeight()})),h.find(".tp-bullet-image").css({backgroundImage:"url("+d.thumbs[c.index()].src+")"}),h.data("liref",f),h.click(function(){d.sc_indicator="bullet",a.revcallslidewithid(f),a.find(".tp-bullet").removeClass("selected"),jQuery(this).addClass("selected")}),h.removeClass("justaddedbullet"),b.padding_top=parseInt(d.carousel.padding_top||0,0),b.padding_bottom=parseInt(d.carousel.padding_bottom||0,0),b.opt=d,"outer-left"!=b.position&&"outer-right"!=b.position||(d.outernav=!0),e.addClass("nav-pos-hor-"+b.h_align),e.addClass("nav-pos-ver-"+b.v_align),e.addClass("nav-dir-"+b.direction),t(e,b,d)},w=function(a,b,c,d,e){var f="tp-thumb"===d?".tp-thumbs":".tp-tabs",g="tp-thumb"===d?".tp-thumb-mask":".tp-tab-mask",h="tp-thumb"===d?".tp-thumbs-inner-wrapper":".tp-tabs-inner-wrapper",i="tp-thumb"===d?".tp-thumb":".tp-tab",j="tp-thumb"===d?".tp-thumb-image":".tp-tab-image";if(b.visibleAmount=b.visibleAmount>e.slideamount?e.slideamount:b.visibleAmount,b.sliderLayout=e.sliderLayout,0===a.parent().find(f).length){b.style=void 0===b.style?"":b.style;var k=!0===b.span?"tp-span-wrapper":"",l='
';"outer-top"===b.position?a.parent().prepend(l):"outer-bottom"===b.position?a.after(l):a.append(l),b.padding_top=parseInt(e.carousel.padding_top||0,0),b.padding_bottom=parseInt(e.carousel.padding_bottom||0,0),"outer-left"!=b.position&&"outer-right"!=b.position||(e.outernav=!0)}var m=c.data("index"),n=a.parent().find(f),o=n.find(g),p=o.find(h),q="horizontal"===b.direction?b.width*b.visibleAmount+b.space*(b.visibleAmount-1):b.width,r="horizontal"===b.direction?b.height:b.height*b.visibleAmount+b.space*(b.visibleAmount-1),s=b.tmp;jQuery.each(e.thumbs[c.index()].params,function(a,b){s=s.replace(b.from,b.to)}),p.append('
'+s+"
");var u=n.find(".justaddedthumb"),v=n.find(i).length,w=u.outerWidth()+parseInt(void 0===b.space?0:b.space,0),x=u.outerHeight()+parseInt(void 0===b.space?0:b.space,0);u.find(j).css({backgroundImage:"url("+e.thumbs[c.index()].src+")"}),"vertical"===b.direction?(u.css({top:(v-1)*x+"px",left:"0px"}),p.css({height:(v-1)*x+u.outerHeight(),width:u.outerWidth()})):(u.css({left:(v-1)*w+"px",top:"0px"}),p.css({width:(v-1)*w+u.outerWidth(),height:u.outerHeight()})),n.data("maxw",q),n.data("maxh",r),n.data("wr_padding",b.wrapper_padding);var y="outer-top"===b.position||"outer-bottom"===b.position?"relative":"absolute";"outer-top"!==b.position&&"outer-bottom"!==b.position||b.h_align;o.css({maxWidth:q+"px",maxHeight:r+"px",overflow:"hidden",position:"relative"}),n.css({maxWidth:q+"px",maxHeight:r+"px",overflow:"visible",position:y,background:b.wrapper_color,padding:b.wrapper_padding+"px",boxSizing:"contet-box"}),u.click(function(){e.sc_indicator="bullet";var b=a.parent().find(h).data("distance");b=void 0===b?0:b,Math.abs(b)<10&&(a.revcallslidewithid(m),a.parent().find(f).removeClass("selected"),jQuery(this).addClass("selected"))}),u.removeClass("justaddedthumb"),b.opt=e,n.addClass("nav-pos-hor-"+b.h_align),n.addClass("nav-pos-ver-"+b.v_align),n.addClass("nav-dir-"+b.direction),t(n,b,e)},x=function(a){var b=a.c.parent().find(".outer-top"),c=a.c.parent().find(".outer-bottom");a.top_outer=b.hasClass("tp-forcenotvisible")?0:b.outerHeight()||0,a.bottom_outer=c.hasClass("tp-forcenotvisible")?0:c.outerHeight()||0},y=function(a,b,c,d){b>c||c>d?a.addClass("tp-forcenotvisible"):a.removeClass("tp-forcenotvisible")}}(jQuery); \ No newline at end of file diff --git a/apply/revolution/js/extensions/revolution.extension.parallax.min.js b/apply/revolution/js/extensions/revolution.extension.parallax.min.js new file mode 100644 index 0000000..dcfe3de --- /dev/null +++ b/apply/revolution/js/extensions/revolution.extension.parallax.min.js @@ -0,0 +1,7 @@ +/******************************************** + * REVOLUTION 5.4.5 EXTENSION - PARALLAX + * @version: 2.2.3 (17.05.2017) + * @requires jquery.themepunch.revolution.js + * @author ThemePunch +*********************************************/ +!function(a){"use strict";function e(a,b){a.lastscrolltop=b}var b=jQuery.fn.revolution,c=b.is_mobile(),d={alias:"Parallax Min JS",name:"revolution.extensions.parallax.min.js",min_core:"5.4.5",version:"2.2.3"};jQuery.extend(!0,b,{checkForParallax:function(a,e){function g(a){if("3D"==f.type||"3d"==f.type){a.find(".slotholder").wrapAll('
'),a.find(".tp-parallax-wrap").wrapAll('
'),a.find(".rs-parallaxlevel-tobggroup").closest(".tp-parallax-wrap").wrapAll('
');var b=a.find(".dddwrapper"),c=a.find(".dddwrapper-layer");a.find(".dddwrapper-layertobggroup").appendTo(b),"carousel"==e.sliderType&&("on"==f.ddd_shadow&&b.addClass("dddwrappershadow"),punchgs.TweenLite.set(b,{borderRadius:e.carousel.border_radius})),punchgs.TweenLite.set(a,{overflow:"visible",transformStyle:"preserve-3d",perspective:1600}),punchgs.TweenLite.set(b,{force3D:"auto",transformOrigin:"50% 50%"}),punchgs.TweenLite.set(c,{force3D:"auto",transformOrigin:"50% 50%",zIndex:5}),punchgs.TweenLite.set(e.ul,{transformStyle:"preserve-3d",transformPerspective:1600})}}if("stop"===b.compare_version(d).check)return!1;var f=e.parallax;if(!f.done){if(f.done=!0,c&&"on"==f.disable_onmobile)return!1;"3D"!=f.type&&"3d"!=f.type||(punchgs.TweenLite.set(e.c,{overflow:f.ddd_overflow}),punchgs.TweenLite.set(e.ul,{overflow:f.ddd_overflow}),"carousel"!=e.sliderType&&"on"==f.ddd_shadow&&(e.c.prepend('
'),punchgs.TweenLite.set(e.c.find(".dddwrappershadow"),{force3D:"auto",transformPerspective:1600,transformOrigin:"50% 50%",width:"100%",height:"100%",position:"absolute",top:0,left:0,zIndex:0}))),e.li.each(function(){g(jQuery(this))}),("3D"==f.type||"3d"==f.type)&&e.c.find(".tp-static-layers").length>0&&(punchgs.TweenLite.set(e.c.find(".tp-static-layers"),{top:0,left:0,width:"100%",height:"100%"}),g(e.c.find(".tp-static-layers"))),f.pcontainers=new Array,f.pcontainer_depths=new Array,f.bgcontainers=new Array,f.bgcontainer_depths=new Array,e.c.find(".tp-revslider-slidesli .slotholder, .tp-revslider-slidesli .rs-background-video-layer").each(function(){var a=jQuery(this),b=a.data("bgparallax")||e.parallax.bgparallax;void 0!==(b="on"==b?1:b)&&"off"!==b&&(f.bgcontainers.push(a),f.bgcontainer_depths.push(e.parallax.levels[parseInt(b,0)-1]/100))});for(var h=1;h<=f.levels.length;h++)e.c.find(".rs-parallaxlevel-"+h).each(function(){var a=jQuery(this),b=a.closest(".tp-parallax-wrap");b.data("parallaxlevel",f.levels[h-1]),b.addClass("tp-parallax-container"),f.pcontainers.push(b),f.pcontainer_depths.push(f.levels[h-1])});"mouse"!=f.type&&"scroll+mouse"!=f.type&&"mouse+scroll"!=f.type&&"3D"!=f.type&&"3d"!=f.type||(a.mouseenter(function(b){var c=a.find(".active-revslide"),d=a.offset().top,e=a.offset().left,f=b.pageX-e,g=b.pageY-d;c.data("enterx",f),c.data("entery",g)}),a.on("mousemove.hoverdir, mouseleave.hoverdir, trigger3dpath",function(b,c){var d=c&&c.li?c.li:a.find(".active-revslide");if("enterpoint"==f.origo){var g=a.offset().top,h=a.offset().left;void 0==d.data("enterx")&&d.data("enterx",b.pageX-h),void 0==d.data("entery")&&d.data("entery",b.pageY-g);var i=d.data("enterx")||b.pageX-h,j=d.data("entery")||b.pageY-g,k=i-(b.pageX-h),l=j-(b.pageY-g),m=f.speed/1e3||.4}else var g=a.offset().top,h=a.offset().left,k=e.conw/2-(b.pageX-h),l=e.conh/2-(b.pageY-g),m=f.speed/1e3||3;"mouseleave"==b.type&&(k=f.ddd_lasth||0,l=f.ddd_lastv||0,m=1.5);for(var n=0;njQuery(window).height()){var h=d;d=c,c=h}var i=a.width(),j=a.height(),k=360/i*d,l=180/j*c,m=f.speed/1e3||3,n=[];if(g.find(".tp-parallax-container").each(function(a){n.push(jQuery(this))}),a.find(".tp-static-layers .tp-parallax-container").each(function(){n.push(jQuery(this))}),jQuery.each(n,function(){var a=jQuery(this),b=parseInt(a.data("parallaxlevel"),0),c=b/100,d=k*c*2,e=l*c*4;punchgs.TweenLite.to(a,m,{force3D:"auto",x:d,y:e,ease:punchgs.Power3.easeOut,overwrite:"all"})}),"3D"==f.type||"3d"==f.type){var o=".tp-revslider-slidesli .dddwrapper, .dddwrappershadow, .tp-revslider-slidesli .dddwrapper-layer, .tp-static-layers .dddwrapper-layer";"carousel"===e.sliderType&&(o=".tp-revslider-slidesli .dddwrapper, .tp-revslider-slidesli .dddwrapper-layer, .tp-static-layers .dddwrapper-layer"),e.c.find(o).each(function(){var a=jQuery(this),c=f.levels[f.levels.length-1]/200,d=k*c,g=l*c*3,h=0==e.conw?0:Math.round(k/e.conw*c*500)||0,i=0==e.conh?0:Math.round(l/e.conh*c*700)||0,j=a.closest("li"),n=0,o=!1;a.hasClass("dddwrapper-layer")&&(n=f.ddd_z_correction||65,o=!0),a.hasClass("dddwrapper-layer")&&(d=0,g=0),j.hasClass("active-revslide")||"carousel"!=e.sliderType?"on"!=f.ddd_bgfreeze||o?punchgs.TweenLite.to(a,m,{rotationX:i,rotationY:-h,x:d,z:n,y:g,ease:punchgs.Power3.easeOut,overwrite:"all"}):punchgs.TweenLite.to(a,.5,{force3D:"auto",rotationY:0,rotationX:0,z:0,ease:punchgs.Power3.easeOut,overwrite:"all"}):punchgs.TweenLite.to(a,.5,{force3D:"auto",rotationY:0,z:0,x:0,y:0,rotationX:0,ease:punchgs.Power3.easeOut,overwrite:"all"}),"mouseleave"==b.type&&punchgs.TweenLite.to(jQuery(this),3.8,{z:0,ease:punchgs.Power3.easeOut})})}}));var i=e.scrolleffect;if(i.bgs=new Array,i.on){if("on"===i.on_slidebg)for(var h=0;ha.lastwindowheight?g.top/g.height:g.bottom>a.lastwindowheight?(g.bottom-a.lastwindowheight)/g.height:0;if(a.scrollproc=j,b.callBackHandling&&b.callBackHandling(a,"parallax","start"),h.enable){var k=1-Math.abs(j);k=k<0?0:k,jQuery.isNumeric(h.visible_area)||-1!==h.visible_area.indexOf("%")&&(h.visible_area=parseInt(h.visible_area)/100),1-h.visible_area<=k?a.inviewport||(a.inviewport=!0,b.enterInViewPort(a)):a.inviewport&&(a.inviewport=!1,b.leaveViewPort(a))}if(c&&"on"==i.disable_onmobile)return!1;if("3d"!=i.type&&"3D"!=i.type){if(("scroll"==i.type||"scroll+mouse"==i.type||"mouse+scroll"==i.type)&&i.pcontainers)for(var l=0;l0){var m=i.pcontainers[l],n=i.pcontainer_depths[l]/100,o=Math.round(j*(-n*a.conh)*10)/10||0,p=void 0!==f?f:i.speedls/1e3||0;m.data("parallaxoffset",o),punchgs.TweenLite.to(m,p,{overwrite:"auto",force3D:"auto",y:o})}if(i.bgcontainers)for(var l=0;l=0&&(u=1),"bottom"==s.direction&&j<=0&&(u=1),u=u>1?1:u<0?0:u,"on"===s.fade&&(v.opacity=u),"on"===s.scale){var w=u;v.scale=1-w+1}if("on"===s.blur){var x=(1-u)*s.maxblur;v["-webkit-filter"]="blur("+x+"px)",v.filter="blur("+x+"px)"}if("on"===s.grayscale){var y=100*(1-u),z="grayscale("+y+"%)";v["-webkit-filter"]=void 0===v["-webkit-filter"]?z:v["-webkit-filter"]+" "+z,v.filter=void 0===v.filter?z:v.filter+" "+z}punchgs.TweenLite.set(s.layers,v)}if(!1!==s.bgs){var u=1-t*s.multiplicator,v={backfaceVisibility:"hidden",force3D:"true"};if("top"==s.direction&&j>=0&&(u=1),"bottom"==s.direction&&j<=0&&(u=1),u=u>1?1:u<0?0:u,"on"===s.fade&&(v.opacity=u),"on"===s.scale){var w=u;punchgs.TweenLite.set(jQuery(".tp-kbimg-wrap"),{transformOrigin:"50% 50%",scale:w,force3D:!0})}if("on"===s.blur){var x=(1-u)*s.maxblur;v["-webkit-filter"]="blur("+x+"px)",v.filter="blur("+x+"px)"}if("on"===s.grayscale){var y=100*(1-u),z="grayscale("+y+"%)";v["-webkit-filter"]=void 0===v["-webkit-filter"]?z:v["-webkit-filter"]+" "+z,v.filter=void 0===v.filter?z:v.filter+" "+z}punchgs.TweenLite.set(s.bgs,v)}}b.callBackHandling&&b.callBackHandling(a,"parallax","end")}})}(jQuery); \ No newline at end of file diff --git a/apply/revolution/js/extensions/revolution.extension.slideanims.min.js b/apply/revolution/js/extensions/revolution.extension.slideanims.min.js new file mode 100644 index 0000000..76eac5c --- /dev/null +++ b/apply/revolution/js/extensions/revolution.extension.slideanims.min.js @@ -0,0 +1,7 @@ +/************************************************ + * REVOLUTION 5.4.2 EXTENSION - SLIDE ANIMATIONS + * @version: 1.8 (17.05.2017) + * @requires jquery.themepunch.revolution.js + * @author ThemePunch +************************************************/ +!function(a){"use strict";var b=jQuery.fn.revolution,c={alias:"SlideAnimations Min JS",name:"revolution.extensions.slideanims.min.js",min_core:"5.4.5",version:"1.8"};jQuery.extend(!0,b,{animateSlide:function(a,d,e,f,h,i,j,k){return"stop"===b.compare_version(c).check?k:g(a,d,e,f,h,i,j,k)}});var d=function(a,c,d,e){var f=a,g=f.find(".defaultimg"),h=g.data("mediafilter"),i=f.data("zoomstart"),j=f.data("rotationstart");void 0!=g.data("currotate")&&(j=g.data("currotate")),void 0!=g.data("curscale")&&"box"==e?i=100*g.data("curscale"):void 0!=g.data("curscale")&&(i=g.data("curscale")),b.slotSize(g,c);var k=g.attr("src"),l=g.data("bgcolor"),m=c.width,n=c.height,o=g.data("fxof"),p=0;void 0===l&&(l=g.css("backgroundColor")),"on"==c.autoHeight&&(n=c.c.height()),void 0==o&&(o=0);var q=0,r=g.data("bgfit"),s=g.data("bgrepeat"),t=g.data("bgposition");void 0==r&&(r="cover"),void 0==s&&(s="no-repeat"),void 0==t&&(t="center center");var u="";switch(u=void 0!==l&&l.indexOf("gradient")>=0?"background:"+l:"background-color:"+l+";background-image:url("+k+");background-repeat:"+s+";background-size:"+r+";background-position:"+t,e){case"box":for(var v=0,w=0,x=0;x
'),w+=c.sloth,void 0!=i&&void 0!=j&&punchgs.TweenLite.set(f.find(".slot").last(),{rotationZ:j});v+=c.slotw}break;case"vertical":case"horizontal":if("horizontal"==e){if(!d)var q=0-c.slotw;for(var y=0;y
'),void 0!=i&&void 0!=j&&punchgs.TweenLite.set(f.find(".slot").last(),{rotationZ:j})}else{if(!d)var q=0-c.sloth;for(var y=0;y
'),void 0!=i&&void 0!=j&&punchgs.TweenLite.set(f.find(".slot").last(),{rotationZ:j})}}},e=function(a,b,c,d){function y(){jQuery.each(v,function(a,c){c[0]!=b&&c[8]!=b||(q=c[1],r=c[2],s=t),t+=1})}var e=a[0].opt,f=punchgs.Power1.easeIn,g=punchgs.Power1.easeOut,h=punchgs.Power1.easeInOut,i=punchgs.Power2.easeIn,j=punchgs.Power2.easeOut,k=punchgs.Power2.easeInOut,m=(punchgs.Power3.easeIn,punchgs.Power3.easeOut),n=punchgs.Power3.easeInOut,o=[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45],p=[16,17,18,19,20,21,22,23,24,25,27],q=0,r=1,s=0,t=0,v=(new Array,[["boxslide",0,1,10,0,"box",!1,null,0,g,g,500,6],["boxfade",1,0,10,0,"box",!1,null,1,h,h,700,5],["slotslide-horizontal",2,0,0,200,"horizontal",!0,!1,2,k,k,700,3],["slotslide-vertical",3,0,0,200,"vertical",!0,!1,3,k,k,700,3],["curtain-1",4,3,0,0,"horizontal",!0,!0,4,g,g,300,5],["curtain-2",5,3,0,0,"horizontal",!0,!0,5,g,g,300,5],["curtain-3",6,3,25,0,"horizontal",!0,!0,6,g,g,300,5],["slotzoom-horizontal",7,0,0,400,"horizontal",!0,!0,7,g,g,300,7],["slotzoom-vertical",8,0,0,0,"vertical",!0,!0,8,j,j,500,8],["slotfade-horizontal",9,0,0,1e3,"horizontal",!0,null,9,j,j,2e3,10],["slotfade-vertical",10,0,0,1e3,"vertical",!0,null,10,j,j,2e3,10],["fade",11,0,1,300,"horizontal",!0,null,11,k,k,1e3,1],["crossfade",11,1,1,300,"horizontal",!0,null,11,k,k,1e3,1],["fadethroughdark",11,2,1,300,"horizontal",!0,null,11,k,k,1e3,1],["fadethroughlight",11,3,1,300,"horizontal",!0,null,11,k,k,1e3,1],["fadethroughtransparent",11,4,1,300,"horizontal",!0,null,11,k,k,1e3,1],["slideleft",12,0,1,0,"horizontal",!0,!0,12,n,n,1e3,1],["slideup",13,0,1,0,"horizontal",!0,!0,13,n,n,1e3,1],["slidedown",14,0,1,0,"horizontal",!0,!0,14,n,n,1e3,1],["slideright",15,0,1,0,"horizontal",!0,!0,15,n,n,1e3,1],["slideoverleft",12,7,1,0,"horizontal",!0,!0,12,n,n,1e3,1],["slideoverup",13,7,1,0,"horizontal",!0,!0,13,n,n,1e3,1],["slideoverdown",14,7,1,0,"horizontal",!0,!0,14,n,n,1e3,1],["slideoverright",15,7,1,0,"horizontal",!0,!0,15,n,n,1e3,1],["slideremoveleft",12,8,1,0,"horizontal",!0,!0,12,n,n,1e3,1],["slideremoveup",13,8,1,0,"horizontal",!0,!0,13,n,n,1e3,1],["slideremovedown",14,8,1,0,"horizontal",!0,!0,14,n,n,1e3,1],["slideremoveright",15,8,1,0,"horizontal",!0,!0,15,n,n,1e3,1],["papercut",16,0,0,600,"",null,null,16,n,n,1e3,2],["3dcurtain-horizontal",17,0,20,100,"vertical",!1,!0,17,h,h,500,7],["3dcurtain-vertical",18,0,10,100,"horizontal",!1,!0,18,h,h,500,5],["cubic",19,0,20,600,"horizontal",!1,!0,19,n,n,500,1],["cube",19,0,20,600,"horizontal",!1,!0,20,n,n,500,1],["flyin",20,0,4,600,"vertical",!1,!0,21,m,n,500,1],["turnoff",21,0,1,500,"horizontal",!1,!0,22,n,n,500,1],["incube",22,0,20,200,"horizontal",!1,!0,23,k,k,500,1],["cubic-horizontal",23,0,20,500,"vertical",!1,!0,24,j,j,500,1],["cube-horizontal",23,0,20,500,"vertical",!1,!0,25,j,j,500,1],["incube-horizontal",24,0,20,500,"vertical",!1,!0,26,k,k,500,1],["turnoff-vertical",25,0,1,200,"horizontal",!1,!0,27,k,k,500,1],["fadefromright",12,1,1,0,"horizontal",!0,!0,28,k,k,1e3,1],["fadefromleft",15,1,1,0,"horizontal",!0,!0,29,k,k,1e3,1],["fadefromtop",14,1,1,0,"horizontal",!0,!0,30,k,k,1e3,1],["fadefrombottom",13,1,1,0,"horizontal",!0,!0,31,k,k,1e3,1],["fadetoleftfadefromright",12,2,1,0,"horizontal",!0,!0,32,k,k,1e3,1],["fadetorightfadefromleft",15,2,1,0,"horizontal",!0,!0,33,k,k,1e3,1],["fadetobottomfadefromtop",14,2,1,0,"horizontal",!0,!0,34,k,k,1e3,1],["fadetotopfadefrombottom",13,2,1,0,"horizontal",!0,!0,35,k,k,1e3,1],["parallaxtoright",15,3,1,0,"horizontal",!0,!0,36,k,i,1500,1],["parallaxtoleft",12,3,1,0,"horizontal",!0,!0,37,k,i,1500,1],["parallaxtotop",14,3,1,0,"horizontal",!0,!0,38,k,f,1500,1],["parallaxtobottom",13,3,1,0,"horizontal",!0,!0,39,k,f,1500,1],["scaledownfromright",12,4,1,0,"horizontal",!0,!0,40,k,i,1e3,1],["scaledownfromleft",15,4,1,0,"horizontal",!0,!0,41,k,i,1e3,1],["scaledownfromtop",14,4,1,0,"horizontal",!0,!0,42,k,i,1e3,1],["scaledownfrombottom",13,4,1,0,"horizontal",!0,!0,43,k,i,1e3,1],["zoomout",13,5,1,0,"horizontal",!0,!0,44,k,i,1e3,1],["zoomin",13,6,1,0,"horizontal",!0,!0,45,k,i,1e3,1],["slidingoverlayup",27,0,1,0,"horizontal",!0,!0,47,h,g,2e3,1],["slidingoverlaydown",28,0,1,0,"horizontal",!0,!0,48,h,g,2e3,1],["slidingoverlayright",30,0,1,0,"horizontal",!0,!0,49,h,g,2e3,1],["slidingoverlayleft",29,0,1,0,"horizontal",!0,!0,50,h,g,2e3,1],["parallaxcirclesup",31,0,1,0,"horizontal",!0,!0,51,k,f,1500,1],["parallaxcirclesdown",32,0,1,0,"horizontal",!0,!0,52,k,f,1500,1],["parallaxcirclesright",33,0,1,0,"horizontal",!0,!0,53,k,f,1500,1],["parallaxcirclesleft",34,0,1,0,"horizontal",!0,!0,54,k,f,1500,1],["notransition",26,0,1,0,"horizontal",!0,null,46,k,i,1e3,1],["parallaxright",15,3,1,0,"horizontal",!0,!0,55,k,i,1500,1],["parallaxleft",12,3,1,0,"horizontal",!0,!0,56,k,i,1500,1],["parallaxup",14,3,1,0,"horizontal",!0,!0,57,k,f,1500,1],["parallaxdown",13,3,1,0,"horizontal",!0,!0,58,k,f,1500,1],["grayscale",11,5,1,300,"horizontal",!0,null,11,k,k,1e3,1],["grayscalecross",11,6,1,300,"horizontal",!0,null,11,k,k,1e3,1],["brightness",11,7,1,300,"horizontal",!0,null,11,k,k,1e3,1],["brightnesscross",11,8,1,300,"horizontal",!0,null,11,k,k,1e3,1],["blurlight",11,9,1,300,"horizontal",!0,null,11,k,k,1e3,1],["blurlightcross",11,10,1,300,"horizontal",!0,null,11,k,k,1e3,1],["blurstrong",11,9,1,300,"horizontal",!0,null,11,k,k,1e3,1],["blurstrongcross",11,10,1,300,"horizontal",!0,null,11,k,k,1e3,1]]);e.duringslidechange=!0,e.testanims=!1,1==e.testanims&&(e.nexttesttransform=void 0===e.nexttesttransform?34:e.nexttesttransform+1,e.nexttesttransform=e.nexttesttransform>70?0:e.nexttesttransform,b=v[e.nexttesttransform][0],console.log(b+" "+e.nexttesttransform+" "+v[e.nexttesttransform][1]+" "+v[e.nexttesttransform][2])),jQuery.each(["parallaxcircles","slidingoverlay","slide","slideover","slideremove","parallax","parralaxto"],function(a,c){b==c+"horizontal"&&(b=1!=d?c+"left":c+"right"),b==c+"vertical"&&(b=1!=d?c+"up":c+"down")}),"random"==b&&(b=Math.round(Math.random()*v.length-1))>v.length-1&&(b=v.length-1),"random-static"==b&&(b=Math.round(Math.random()*o.length-1),b>o.length-1&&(b=o.length-1),b=o[b]),"random-premium"==b&&(b=Math.round(Math.random()*p.length-1),b>p.length-1&&(b=p.length-1),b=p[b]);var w=[12,13,14,15,16,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45];if(1==e.isJoomla&&void 0!=window.MooTools&&-1!=w.indexOf(b)){var x=Math.round(Math.random()*(p.length-2))+1;x>p.length-1&&(x=p.length-1),0==x&&(x=1),b=p[x]}y(),q>30&&(q=30),q<0&&(q=0);var z=new Object;return z.nexttrans=q,z.STA=v[s],z.specials=r,z},f=function(a,b){return void 0==b||jQuery.isNumeric(a)?a:void 0==a?a:a.split(",")[b]},g=function(a,b,c,g,h,i,j,k){function V(a,b,c,d,e){var f=a.find(".slot"),g=6,h=[2,1.2,.9,.7,.55,.42],j=a.width(),l=a.height();f.wrap('
');for(var n=0;nl?h[a]*j:h[a]*l,m=i,n=m/2-j/2+0,o=i/2-l/2+0,p=0!=a?"50%":"0",q=l/2-i/2,r=33==c?j/2-m/2:34==c?j-m:j/2-m/2,s={scale:1,transformOrigo:"50% 50%",width:m+"px",height:i+"px",top:q+"px",left:r+"px",borderRadius:p},t={scale:1,top:l/2-i/2,left:j/2-m/2,ease:e},u=o,v=33==c?n:34==c?n+j/2:n,w={width:j,height:l,autoAlpha:1,top:u+"px",position:"absolute",left:v+"px"},x={top:o+"px",left:n+"px",ease:e},y=b,z=0;k.add(punchgs.TweenLite.fromTo(d,y,s,t),z),k.add(punchgs.TweenLite.fromTo(f,y,w,x),z),k.add(punchgs.TweenLite.fromTo(d,.001,{autoAlpha:0},{autoAlpha:1}),0)}})}var l=c[0].opt,m=h.index(),n=g.index(),o=nl.delay?l.delay:t,t+=q[4],l.slots=f(g.data("slotamount"),s),l.slots=void 0==l.slots||"default"==l.slots?q[12]:"random"==l.slots?Math.round(12*Math.random()+4):l.slots,l.slots=l.slots<1?"boxslide"==b?Math.round(6*Math.random()+3):"flyin"==b?Math.round(4*Math.random()+1):l.slots:l.slots,l.slots=(4==a||5==a||6==a)&&l.slots<3?3:l.slots,l.slots=0!=q[3]?Math.min(l.slots,q[3]):l.slots,l.slots=9==a?l.width/l.slots:10==a?l.height/l.slots:l.slots,l.rotate=f(g.data("rotate"),s),l.rotate=void 0==l.rotate||"default"==l.rotate?0:999==l.rotate||"random"==l.rotate?Math.round(360*Math.random()):l.rotate,l.rotate=l.ie||l.ie9?0:l.rotate,11!=a&&(null!=q[7]&&d(j,l,q[7],q[5]),null!=q[6]&&d(i,l,q[6],q[5])),k.add(punchgs.TweenLite.set(i.find(".defaultvid"),{y:0,x:0,top:0,left:0,scale:1}),0),k.add(punchgs.TweenLite.set(j.find(".defaultvid"),{y:0,x:0,top:0,left:0,scale:1}),0),k.add(punchgs.TweenLite.set(i.find(".defaultvid"),{y:"+0%",x:"+0%"}),0),k.add(punchgs.TweenLite.set(j.find(".defaultvid"),{y:"+0%",x:"+0%"}),0),k.add(punchgs.TweenLite.set(i,{autoAlpha:1,y:"+0%",x:"+0%"}),0),k.add(punchgs.TweenLite.set(j,{autoAlpha:1,y:"+0%",x:"+0%"}),0),k.add(punchgs.TweenLite.set(i.parent(),{backgroundColor:"transparent"}),0),k.add(punchgs.TweenLite.set(j.parent(),{backgroundColor:"transparent"}),0);var u=f(g.data("easein"),s),v=f(g.data("easeout"),s);if(u="default"===u?q[9]||punchgs.Power2.easeInOut:u||q[9]||punchgs.Power2.easeInOut,v="default"===v?q[10]||punchgs.Power2.easeInOut:v||q[10]||punchgs.Power2.easeInOut,0==a){var w=Math.ceil(l.height/l.sloth),x=0;i.find(".slotslide").each(function(a){var b=jQuery(this);x+=1,x==w&&(x=0),k.add(punchgs.TweenLite.from(b,t/600,{opacity:0,top:0-l.sloth,left:0-l.slotw,rotation:l.rotate,force3D:"auto",ease:u}),(15*a+30*x)/1500)})}if(1==a){var y,z=0;i.find(".slotslide").each(function(a){var b=jQuery(this),c=Math.random()*t+300,d=500*Math.random()+200;c+d>y&&(y=d+d,z=a),k.add(punchgs.TweenLite.from(b,c/1e3,{autoAlpha:0,force3D:"auto",rotation:l.rotate,ease:u}),d/1e3)})}if(2==a){var A=new punchgs.TimelineLite;j.find(".slotslide").each(function(){var a=jQuery(this);A.add(punchgs.TweenLite.to(a,t/1e3,{left:l.slotw,ease:u,force3D:"auto",rotation:0-l.rotate}),0),k.add(A,0)}),i.find(".slotslide").each(function(){var a=jQuery(this);A.add(punchgs.TweenLite.from(a,t/1e3,{left:0-l.slotw,ease:u,force3D:"auto",rotation:l.rotate}),0),k.add(A,0)})}if(3==a){var A=new punchgs.TimelineLite;j.find(".slotslide").each(function(){var a=jQuery(this);A.add(punchgs.TweenLite.to(a,t/1e3,{top:l.sloth,ease:u,rotation:l.rotate,force3D:"auto",transformPerspective:600}),0),k.add(A,0)}),i.find(".slotslide").each(function(){var a=jQuery(this);A.add(punchgs.TweenLite.from(a,t/1e3,{top:0-l.sloth,rotation:l.rotate,ease:v,force3D:"auto",transformPerspective:600}),0),k.add(A,0)})}if(4==a||5==a){setTimeout(function(){j.find(".defaultimg").css({opacity:0})},100);var B=t/1e3,A=new punchgs.TimelineLite;j.find(".slotslide").each(function(b){var c=jQuery(this),d=b*B/l.slots;5==a&&(d=(l.slots-b-1)*B/l.slots/1.5),A.add(punchgs.TweenLite.to(c,3*B,{transformPerspective:600,force3D:"auto",top:0+l.height,opacity:.5,rotation:l.rotate,ease:u,delay:d}),0),k.add(A,0)}),i.find(".slotslide").each(function(b){var c=jQuery(this),d=b*B/l.slots;5==a&&(d=(l.slots-b-1)*B/l.slots/1.5),A.add(punchgs.TweenLite.from(c,3*B,{top:0-l.height,opacity:.5,rotation:l.rotate,force3D:"auto",ease:punchgs.eo,delay:d}),0),k.add(A,0)})}if(6==a){l.slots<2&&(l.slots=2),l.slots%2&&(l.slots=l.slots+1);var A=new punchgs.TimelineLite;setTimeout(function(){j.find(".defaultimg").css({opacity:0})},100),j.find(".slotslide").each(function(a){var b=jQuery(this);if(a+1l.delay&&(t=l.delay);var A=new punchgs.TimelineLite;setTimeout(function(){j.find(".defaultimg").css({opacity:0})},100),j.find(".slotslide").each(function(){var a=jQuery(this).find("div");A.add(punchgs.TweenLite.to(a,t/1e3,{left:0-l.slotw/2+"px",top:0-l.height/2+"px",width:2*l.slotw+"px",height:2*l.height+"px",opacity:0,rotation:l.rotate,force3D:"auto",ease:u}),0),k.add(A,0)}),i.find(".slotslide").each(function(a){var b=jQuery(this).find("div");A.add(punchgs.TweenLite.fromTo(b,t/1e3,{left:0,top:0,opacity:0,transformPerspective:600},{left:0-a*l.slotw+"px",ease:v,force3D:"auto",top:"0px",width:l.width,height:l.height,opacity:1,rotation:0,delay:.1}),0),k.add(A,0)})}if(8==a){t*=3,t>l.delay&&(t=l.delay);var A=new punchgs.TimelineLite;j.find(".slotslide").each(function(){var a=jQuery(this).find("div");A.add(punchgs.TweenLite.to(a,t/1e3,{left:0-l.width/2+"px",top:0-l.sloth/2+"px",width:2*l.width+"px",height:2*l.sloth+"px",force3D:"auto",ease:u,opacity:0,rotation:l.rotate}),0),k.add(A,0)}),i.find(".slotslide").each(function(a){var b=jQuery(this).find("div");A.add(punchgs.TweenLite.fromTo(b,t/1e3,{left:0,top:0,opacity:0,force3D:"auto"},{left:"0px",top:0-a*l.sloth+"px",width:i.find(".defaultimg").data("neww")+"px",height:i.find(".defaultimg").data("newh")+"px",opacity:1,ease:v,rotation:0}),0),k.add(A,0)})}if(9==a||10==a){var D=0;i.find(".slotslide").each(function(a){var b=jQuery(this);D++,k.add(punchgs.TweenLite.fromTo(b,t/2e3,{autoAlpha:0,force3D:"auto",transformPerspective:600},{autoAlpha:1,ease:u,delay:a*l.slots/100/2e3}),0)})}if(27==a||28==a||29==a||30==a){var E=i.find(".slot"),F=27==a||28==a?1:2,G=27==a||29==a?"-100%":"+100%",H=27==a||29==a?"+100%":"-100%",I=27==a||29==a?"-80%":"80%",J=27==a||29==a?"+80%":"-80%",K=27==a||29==a?"+10%":"-10%",L={overwrite:"all"},M={autoAlpha:0,zIndex:1,force3D:"auto",ease:u},N={position:"inherit",autoAlpha:0,overwrite:"all",zIndex:1},O={autoAlpha:1,force3D:"auto",ease:v},P={overwrite:"all",zIndex:2,opacity:1,autoAlpha:1},Q={autoAlpha:1,force3D:"auto",overwrite:"all",ease:u},R={overwrite:"all",zIndex:2,autoAlpha:1},S={autoAlpha:1,force3D:"auto",ease:u},T=1==F?"y":"x";L[T]="0px",M[T]=G,N[T]=K,O[T]="0%",P[T]=H,Q[T]=G,R[T]=I,S[T]=J,E.append(''),k.add(punchgs.TweenLite.fromTo(j,t/1e3,L,M),0),k.add(punchgs.TweenLite.fromTo(i.find(".defaultimg"),t/2e3,N,O),t/2e3),k.add(punchgs.TweenLite.fromTo(E,t/1e3,P,Q),0),k.add(punchgs.TweenLite.fromTo(E.find(".slotslide div"),t/1e3,R,S),0)}if(31==a||32==a||33==a||34==a){t=6e3,u=punchgs.Power3.easeInOut;var U=t/1e3;mas=U-U/5,_nt=a,fy=31==_nt?"+100%":32==_nt?"-100%":"0%",fx=33==_nt?"+100%":34==_nt?"-100%":"0%",ty=31==_nt?"-100%":32==_nt?"+100%":"0%",tx=33==_nt?"-100%":34==_nt?"+100%":"0%",k.add(punchgs.TweenLite.fromTo(j,U-.2*U,{y:0,x:0},{y:ty,x:tx,ease:v}),.2*U),k.add(punchgs.TweenLite.fromTo(i,U,{y:fy,x:fx},{y:"0%",x:"0%",ease:u}),0),i.find(".slot").remove(),i.find(".defaultimg").clone().appendTo(i).addClass("slot"),V(i,U,_nt,"in",u)}if(11==a){r>12&&(r=0);var D=0,W=2==r?"#000000":3==r?"#ffffff":"transparent";switch(r){case 0:k.add(punchgs.TweenLite.fromTo(i,t/1e3,{autoAlpha:0},{autoAlpha:1,force3D:"auto",ease:u}),0);break;case 1:k.add(punchgs.TweenLite.fromTo(i,t/1e3,{autoAlpha:0},{autoAlpha:1,force3D:"auto",ease:u}),0),k.add(punchgs.TweenLite.fromTo(j,t/1e3,{autoAlpha:1},{autoAlpha:0,force3D:"auto",ease:u}),0);break;case 2:case 3:case 4:k.add(punchgs.TweenLite.set(j.parent(),{backgroundColor:W,force3D:"auto"}),0),k.add(punchgs.TweenLite.set(i.parent(),{backgroundColor:"transparent",force3D:"auto"}),0),k.add(punchgs.TweenLite.to(j,t/2e3,{autoAlpha:0,force3D:"auto",ease:u}),0),k.add(punchgs.TweenLite.fromTo(i,t/2e3,{autoAlpha:0},{autoAlpha:1,force3D:"auto",ease:u}),t/2e3);break;case 5:case 6:case 7:case 8:case 9:case 10:case 11:case 12:var X=jQuery.inArray(r,[9,10])>=0?5:jQuery.inArray(r,[11,12])>=0?10:0,Y=jQuery.inArray(r,[5,6,7,8])>=0?100:0,Z=jQuery.inArray(r,[7,8])>=0?300:0,$="blur("+X+"px) grayscale("+Y+"%) brightness("+Z+"%)",_="blur(0px) grayscale(0%) brightness(100%)";k.add(punchgs.TweenLite.fromTo(i,t/1e3,{autoAlpha:0,filter:$,"-webkit-filter":$},{autoAlpha:1,filter:_,"-webkit-filter":_,force3D:"auto",ease:u}),0),jQuery.inArray(r,[6,8,10])>=0&&k.add(punchgs.TweenLite.fromTo(j,t/1e3,{autoAlpha:1,filter:_,"-webkit-filter":_},{autoAlpha:0,force3D:"auto",ease:u,filter:$,"-webkit-filter":$}),0)}k.add(punchgs.TweenLite.set(i.find(".defaultimg"),{autoAlpha:1}),0),k.add(punchgs.TweenLite.set(j.find("defaultimg"),{autoAlpha:1}),0)}if(26==a){var D=0;t=0,k.add(punchgs.TweenLite.fromTo(i,t/1e3,{autoAlpha:0},{autoAlpha:1,force3D:"auto",ease:u}),0),k.add(punchgs.TweenLite.to(j,t/1e3,{autoAlpha:0,force3D:"auto",ease:u}),0),k.add(punchgs.TweenLite.set(i.find(".defaultimg"),{autoAlpha:1}),0),k.add(punchgs.TweenLite.set(j.find("defaultimg"),{autoAlpha:1}),0)}if(12==a||13==a||14==a||15==a){t=t,t>l.delay&&(t=l.delay),setTimeout(function(){punchgs.TweenLite.set(j.find(".defaultimg"),{autoAlpha:0})},100);var aa=l.width,ba=l.height,ca=i.find(".slotslide, .defaultvid"),da=0,ea=0,fa=1,ga=1,ha=1,ia=t/1e3,ja=ia;"fullwidth"!=l.sliderLayout&&"fullscreen"!=l.sliderLayout||(aa=ca.width(),ba=ca.height()),12==a?da=aa:15==a?da=0-aa:13==a?ea=ba:14==a&&(ea=0-ba),1==r&&(fa=0),2==r&&(fa=0),3==r&&(ia=t/1300),4!=r&&5!=r||(ga=.6),6==r&&(ga=1.4),5!=r&&6!=r||(ha=1.4,fa=0,aa=0,ba=0,da=0,ea=0),6==r&&(ha=.6);7==r&&(aa=0,ba=0);var la=i.find(".slotslide"),ma=j.find(".slotslide, .defaultvid");if(k.add(punchgs.TweenLite.set(h,{zIndex:15}),0),k.add(punchgs.TweenLite.set(g,{zIndex:20}),0),8==r?(k.add(punchgs.TweenLite.set(h,{zIndex:20}),0),k.add(punchgs.TweenLite.set(g,{zIndex:15}),0),k.add(punchgs.TweenLite.set(la,{left:0,top:0,scale:1,opacity:1,rotation:0,ease:u,force3D:"auto"}),0)):k.add(punchgs.TweenLite.from(la,ia,{left:da,top:ea,scale:ha,opacity:fa,rotation:l.rotate,ease:u,force3D:"auto"}),0),4!=r&&5!=r||(aa=0,ba=0),1!=r)switch(a){case 12:k.add(punchgs.TweenLite.to(ma,ja,{left:0-aa+"px",force3D:"auto",scale:ga,opacity:fa,rotation:l.rotate,ease:v}),0);break;case 15:k.add(punchgs.TweenLite.to(ma,ja,{left:aa+"px",force3D:"auto",scale:ga,opacity:fa,rotation:l.rotate,ease:v}),0);break;case 13:k.add(punchgs.TweenLite.to(ma,ja,{top:0-ba+"px",force3D:"auto",scale:ga,opacity:fa,rotation:l.rotate,ease:v}),0);break;case 14:k.add(punchgs.TweenLite.to(ma,ja,{top:ba+"px",force3D:"auto",scale:ga,opacity:fa,rotation:l.rotate,ease:v}),0)}}if(16==a){var A=new punchgs.TimelineLite;k.add(punchgs.TweenLite.set(h,{position:"absolute","z-index":20}),0),k.add(punchgs.TweenLite.set(g,{position:"absolute","z-index":15}),0),h.wrapInner('
'),h.find(".tp-half-one").clone(!0).appendTo(h).addClass("tp-half-two"),h.find(".tp-half-two").removeClass("tp-half-one");var aa=l.width,ba=l.height;"on"==l.autoHeight&&(ba=c.height()),h.find(".tp-half-one .defaultimg").wrap('
'),h.find(".tp-half-two .defaultimg").wrap('
'),h.find(".tp-half-two .defaultimg").css({position:"absolute",top:"-50%"}),h.find(".tp-half-two .tp-caption").wrapAll('
'),k.add(punchgs.TweenLite.set(h.find(".tp-half-two"),{width:aa,height:ba,overflow:"hidden",zIndex:15,position:"absolute",top:ba/2,left:"0px",transformPerspective:600,transformOrigin:"center bottom"}),0),k.add(punchgs.TweenLite.set(h.find(".tp-half-one"),{width:aa,height:ba/2,overflow:"visible",zIndex:10,position:"absolute",top:"0px",left:"0px",transformPerspective:600,transformOrigin:"center top"}),0);var oa=(h.find(".defaultimg"),Math.round(20*Math.random()-10)),pa=Math.round(20*Math.random()-10),qa=Math.round(20*Math.random()-10),ra=.4*Math.random()-.2,sa=.4*Math.random()-.2,ta=1*Math.random()+1,ua=1*Math.random()+1,va=.3*Math.random()+.3;k.add(punchgs.TweenLite.set(h.find(".tp-half-one"),{overflow:"hidden"}),0),k.add(punchgs.TweenLite.fromTo(h.find(".tp-half-one"),t/800,{width:aa,height:ba/2,position:"absolute",top:"0px",left:"0px",force3D:"auto",transformOrigin:"center top"},{scale:ta,rotation:oa,y:0-ba-ba/4,autoAlpha:0,ease:u}),0),k.add(punchgs.TweenLite.fromTo(h.find(".tp-half-two"),t/800,{width:aa,height:ba,overflow:"hidden",position:"absolute",top:ba/2,left:"0px",force3D:"auto",transformOrigin:"center bottom"},{scale:ua,rotation:pa,y:ba+ba/4,ease:u,autoAlpha:0,onComplete:function(){punchgs.TweenLite.set(h,{position:"absolute","z-index":15}),punchgs.TweenLite.set(g,{position:"absolute","z-index":20}),h.find(".tp-half-one").length>0&&(h.find(".tp-half-one .defaultimg").unwrap(),h.find(".tp-half-one .slotholder").unwrap()),h.find(".tp-half-two").remove()}}),0),A.add(punchgs.TweenLite.set(i.find(".defaultimg"),{autoAlpha:1}),0),null!=h.html()&&k.add(punchgs.TweenLite.fromTo(g,(t-200)/1e3,{scale:va,x:l.width/4*ra,y:ba/4*sa,rotation:qa,force3D:"auto",transformOrigin:"center center",ease:v},{autoAlpha:1,scale:1,x:0,y:0,rotation:0}),0),k.add(A,0)}if(17==a&&i.find(".slotslide").each(function(a){var b=jQuery(this);k.add(punchgs.TweenLite.fromTo(b,t/800,{opacity:0,rotationY:0,scale:.9,rotationX:-110,force3D:"auto",transformPerspective:600,transformOrigin:"center center"},{opacity:1,top:0,left:0,scale:1,rotation:0,rotationX:0,force3D:"auto",rotationY:0,ease:u,delay:.06*a}),0)}),18==a&&i.find(".slotslide").each(function(a){var b=jQuery(this);k.add(punchgs.TweenLite.fromTo(b,t/500,{autoAlpha:0,rotationY:110,scale:.9,rotationX:10,force3D:"auto",transformPerspective:600,transformOrigin:"center center"},{autoAlpha:1,top:0,left:0,scale:1,rotation:0,rotationX:0,force3D:"auto",rotationY:0,ease:u,delay:.06*a}),0)}),19==a||22==a){var A=new punchgs.TimelineLite;k.add(punchgs.TweenLite.set(h,{zIndex:20}),0),k.add(punchgs.TweenLite.set(g,{zIndex:20}),0),setTimeout(function(){j.find(".defaultimg").css({opacity:0})},100);var wa=90,fa=1,xa="center center ";1==o&&(wa=-90),19==a?(xa=xa+"-"+l.height/2,fa=0):xa+=l.height/2,punchgs.TweenLite.set(c,{transformStyle:"flat",backfaceVisibility:"hidden",transformPerspective:600}),i.find(".slotslide").each(function(a){var b=jQuery(this);A.add(punchgs.TweenLite.fromTo(b,t/1e3,{transformStyle:"flat",backfaceVisibility:"hidden",left:0,rotationY:l.rotate,z:10,top:0,scale:1,force3D:"auto",transformPerspective:600,transformOrigin:xa,rotationX:wa},{left:0,rotationY:0,top:0,z:0,scale:1,force3D:"auto",rotationX:0,delay:50*a/1e3,ease:u}),0),A.add(punchgs.TweenLite.to(b,.1,{autoAlpha:1,delay:50*a/1e3}),0),k.add(A)}),j.find(".slotslide").each(function(a){var b=jQuery(this),c=-90;1==o&&(c=90),A.add(punchgs.TweenLite.fromTo(b,t/1e3,{transformStyle:"flat",backfaceVisibility:"hidden",autoAlpha:1,rotationY:0,top:0,z:0,scale:1,force3D:"auto",transformPerspective:600,transformOrigin:xa,rotationX:0},{autoAlpha:1,rotationY:l.rotate,top:0,z:10,scale:1,rotationX:c,delay:50*a/1e3,force3D:"auto",ease:v}),0),k.add(A)}),k.add(punchgs.TweenLite.set(h,{zIndex:18}),0)}if(20==a){if(setTimeout(function(){j.find(".defaultimg").css({opacity:0})},100),1==o)var ya=-l.width,wa=80,xa="20% 70% -"+l.height/2;else var ya=l.width,wa=-80,xa="80% 70% -"+l.height/2;i.find(".slotslide").each(function(a){var b=jQuery(this),c=50*a/1e3;k.add(punchgs.TweenLite.fromTo(b,t/1e3,{left:ya,rotationX:40,z:-600,opacity:fa,top:0,scale:1,force3D:"auto",transformPerspective:600,transformOrigin:xa,transformStyle:"flat",rotationY:wa},{left:0,rotationX:0,opacity:1,top:0,z:0,scale:1,rotationY:0,delay:c,ease:u}),0)}),j.find(".slotslide").each(function(a){var b=jQuery(this),c=50*a/1e3;if(c=a>0?c+t/9e3:0,1!=o)var d=-l.width/2,e=30,f="20% 70% -"+l.height/2;else var d=l.width/2,e=-30,f="80% 70% -"+l.height/2;v=punchgs.Power2.easeInOut,k.add(punchgs.TweenLite.fromTo(b,t/1e3,{opacity:1,rotationX:0,top:0,z:0,scale:1,left:0,force3D:"auto",transformPerspective:600,transformOrigin:f,transformStyle:"flat",rotationY:0},{opacity:1,rotationX:20,top:0,z:-600,left:d,force3D:"auto",rotationY:e,delay:c,ease:v}),0)})}if(21==a||25==a){setTimeout(function(){j.find(".defaultimg").css({opacity:0})},100);var wa=90,ya=-l.width,za=-wa;if(1==o)if(25==a){var xa="center top 0";wa=l.rotate}else{var xa="left center 0";za=l.rotate}else if(ya=l.width,wa=-90,25==a){var xa="center bottom 0";za=-wa,wa=l.rotate}else{var xa="right center 0";za=l.rotate}i.find(".slotslide").each(function(a){var b=jQuery(this),c=t/1.5/3;k.add(punchgs.TweenLite.fromTo(b,2*c/1e3,{left:0,transformStyle:"flat",rotationX:za,z:0,autoAlpha:0,top:0,scale:1,force3D:"auto",transformPerspective:1200,transformOrigin:xa,rotationY:wa},{left:0,rotationX:0,top:0,z:0,autoAlpha:1,scale:1,rotationY:0,force3D:"auto",delay:c/1e3,ease:u}),0)}),1!=o?(ya=-l.width,wa=90,25==a?(xa="center top 0",za=-wa,wa=l.rotate):(xa="left center 0",za=l.rotate)):(ya=l.width,wa=-90,25==a?(xa="center bottom 0",za=-wa,wa=l.rotate):(xa="right center 0",za=l.rotate)),j.find(".slotslide").each(function(a){var b=jQuery(this);k.add(punchgs.TweenLite.fromTo(b,t/1e3,{left:0,transformStyle:"flat",rotationX:0,z:0,autoAlpha:1,top:0,scale:1,force3D:"auto",transformPerspective:1200,transformOrigin:xa,rotationY:0},{left:0,rotationX:za,top:0,z:0,autoAlpha:1,force3D:"auto",scale:1,rotationY:wa,ease:v}),0)})}if(23==a||24==a){setTimeout(function(){j.find(".defaultimg").css({opacity:0})},100);var wa=-90,fa=1,Aa=0;if(1==o&&(wa=90),23==a){var xa="center center -"+l.width/2;fa=0}else var xa="center center "+l.width/2;punchgs.TweenLite.set(c,{transformStyle:"preserve-3d",backfaceVisibility:"hidden",perspective:2500}),i.find(".slotslide").each(function(a){var b=jQuery(this);k.add(punchgs.TweenLite.fromTo(b,t/1e3,{left:Aa,rotationX:l.rotate,force3D:"auto",opacity:fa,top:0,scale:1,transformPerspective:1200,transformOrigin:xa,rotationY:wa},{left:0,rotationX:0,autoAlpha:1,top:0,z:0,scale:1,rotationY:0,delay:50*a/500,ease:u}),0)}),wa=90,1==o&&(wa=-90),j.find(".slotslide").each(function(b){var c=jQuery(this);k.add(punchgs.TweenLite.fromTo(c,t/1e3,{left:0,rotationX:0,top:0,z:0,scale:1,force3D:"auto",transformStyle:"flat",transformPerspective:1200,transformOrigin:xa,rotationY:0},{left:Aa,rotationX:l.rotate,top:0,scale:1,rotationY:wa,delay:50*b/500,ease:v}),0),23==a&&k.add(punchgs.TweenLite.fromTo(c,t/2e3,{autoAlpha:1},{autoAlpha:0,delay:50*b/500+t/3e3,ease:v}),0)})}return k}}(jQuery); \ No newline at end of file diff --git a/apply/revolution/js/extensions/revolution.extension.video.min.js b/apply/revolution/js/extensions/revolution.extension.video.min.js new file mode 100644 index 0000000..aa6bc40 --- /dev/null +++ b/apply/revolution/js/extensions/revolution.extension.video.min.js @@ -0,0 +1,7 @@ +/******************************************** + * REVOLUTION 5.4.2 EXTENSION - VIDEO FUNCTIONS + * @version: 2.1.6 (15.05.2017) + * @requires jquery.themepunch.revolution.js + * @author ThemePunch +*********************************************/ +!function(a){"use strict";function f(a){return void 0==a?-1:jQuery.isNumeric(a)?a:a.split(":").length>1?60*parseInt(a.split(":")[0],0)+parseInt(a.split(":")[1],0):a}var b=jQuery.fn.revolution,c=b.is_mobile(),d=b.is_android(),e={alias:"Video Min JS",name:"revolution.extensions.video.min.js",min_core:"5.4.5",version:"2.1.6"};jQuery.extend(!0,b,{preLoadAudio:function(a,c){if("stop"===b.compare_version(e).check)return!1;a.find(".tp-audiolayer").each(function(){var a=jQuery(this),d={};0===a.find("audio").length&&(d.src=void 0!=a.data("videomp4")?a.data("videomp4"):"",d.pre=a.data("videopreload")||"",void 0===a.attr("id")&&a.attr("audio-layer-"+Math.round(199999*Math.random())),d.id=a.attr("id"),d.status="prepared",d.start=jQuery.now(),d.waittime=1e3*a.data("videopreloadwait")||5e3,"auto"!=d.pre&&"canplaythrough"!=d.pre&&"canplay"!=d.pre&&"progress"!=d.pre||(void 0===c.audioqueue&&(c.audioqueue=[]),c.audioqueue.push(d),b.manageVideoLayer(a,c)))})},preLoadAudioDone:function(a,b,c){b.audioqueue&&b.audioqueue.length>0&&jQuery.each(b.audioqueue,function(b,d){a.data("videomp4")!==d.src||d.pre!==c&&"auto"!==d.pre||(d.status="loaded")})},resetVideo:function(a,d,e){var g=a.data();switch(g.videotype){case"youtube":g.player;try{if("on"==g.forcerewind){var i=f(a.data("videostartat"));1===g.bgvideo||a.find(".tp-videoposter").length;void 0!=g.player&&(i=-1==i?0:i,g.player.seekTo(i),g.player.pauseVideo())}}catch(a){}0==a.find(".tp-videoposter").length&&1!==g.bgvideo&&!0!==e&&punchgs.TweenLite.to(a.find("iframe"),.3,{autoAlpha:1,display:"block",ease:punchgs.Power3.easeInOut});break;case"vimeo":var l=$f(a.find("iframe").attr("id"));try{if("on"==g.forcerewind){var i=f(g.videostartat);1===g.bgvideo||a.find(".tp-videoposter").length;i=-1==i?0:i,l.api("seekTo",i),l.api("pause")}}catch(a){}0==a.find(".tp-videoposter").length&&1!==g.bgvideo&&!0!==e&&punchgs.TweenLite.to(a.find("iframe"),.3,{autoAlpha:1,display:"block",ease:punchgs.Power3.easeInOut});break;case"html5":if(c&&1==g.disablevideoonmobile)return!1;var n="html5"==g.audio?"audio":"video",o=a.find(n),p=o[0];if(punchgs.TweenLite.to(o,.3,{autoAlpha:1,display:"block",ease:punchgs.Power3.easeInOut}),"on"==g.forcerewind&&!a.hasClass("videoisplaying"))try{var i=f(g.videostartat);p.currentTime=-1==i?0:i}catch(a){}("mute"==g.volume||b.lastToggleState(a.videomutetoggledby)||!0===d.globalmute)&&(p.muted=!0)}},isVideoMuted:function(a,b){var c=!1,d=a.data();switch(d.videotype){case"youtube":try{c=d.player.isMuted()}catch(a){}break;case"vimeo":try{$f(a.find("iframe").attr("id"));"mute"==d.volume&&(c=!0)}catch(a){}break;case"html5":var g="html5"==d.audio?"audio":"video";a.find(g)[0].muted&&(c=!0)}return c},muteVideo:function(a,b){var c=a.data();switch(c.videotype){case"youtube":try{c.player.mute()}catch(a){}break;case"vimeo":try{var e=$f(a.find("iframe").attr("id"));a.data("volume","mute"),e.api("setVolume",0)}catch(a){}break;case"html5":var f="html5"==c.audio?"audio":"video";a.find(f)[0].muted=!0}},unMuteVideo:function(a,b){if(!0!==b.globalmute){var c=a.data();switch(c.videotype){case"youtube":try{c.player.unMute()}catch(a){}break;case"vimeo":try{var e=$f(a.find("iframe").attr("id"));a.data("volume","1"),e.api("setVolume",1)}catch(a){}break;case"html5":var f="html5"==c.audio?"audio":"video";a.find(f)[0].muted=!1}}},stopVideo:function(a,b){var c=a.data();switch(b.leaveViewPortBasedStop||(b.lastplayedvideos=[]),b.leaveViewPortBasedStop=!1,c.videotype){case"youtube":try{var d=c.player;if(2===d.getPlayerState()||5===d.getPlayerState())return;d.pauseVideo(),c.youtubepausecalled=!0,setTimeout(function(){c.youtubepausecalled=!1},80)}catch(a){console.log("Issue at YouTube Video Pause:"),console.log(a)}break;case"vimeo":try{$f(a.find("iframe").attr("id")).api("pause"),c.vimeopausecalled=!0,setTimeout(function(){c.vimeopausecalled=!1},80)}catch(a){console.log("Issue at Vimeo Video Pause:"),console.log(a)}break;case"html5":var f="html5"==c.audio?"audio":"video",g=a.find(f),h=g[0];void 0!=g&&void 0!=h&&h.pause()}},playVideo:function(a,c){clearTimeout(a.data("videoplaywait"));var d=a.data();switch(d.videotype){case"youtube":if(0==a.find("iframe").length)a.append(a.data("videomarkup")),i(a,c,!0);else if(void 0!=d.player.playVideo){var e=f(a.data("videostartat")),h=d.player.getCurrentTime();1==a.data("nextslideatend-triggered")&&(h=-1,a.data("nextslideatend-triggered",0)),-1!=e&&e>h&&d.player.seekTo(e),!0!==d.youtubepausecalled&&d.player.playVideo()}else a.data("videoplaywait",setTimeout(function(){!0!==d.youtubepausecalled&&b.playVideo(a,c)},50));break;case"vimeo":if(0==a.find("iframe").length)a.append(a.data("videomarkup")),i(a,c,!0);else if(a.hasClass("rs-apiready")){var j=a.find("iframe").attr("id"),k=$f(j);void 0==k.api("play")?a.data("videoplaywait",setTimeout(function(){!0!==d.vimeopausecalled&&b.playVideo(a,c)},50)):setTimeout(function(){k.api("play");var b=f(a.data("videostartat")),c=a.data("currenttime");1==a.data("nextslideatend-triggered")&&(c=-1,a.data("nextslideatend-triggered",0)),-1!=b&&b>c&&k.api("seekTo",b)},510)}else a.data("videoplaywait",setTimeout(function(){!0!==d.vimeopausecalled&&b.playVideo(a,c)},50));break;case"html5":var l="html5"==d.audio?"audio":"video",m=a.find(l),n=m[0];if(1!=m.parent().data("metaloaded"))g(n,"loadedmetadata",function(a){b.resetVideo(a,c),n.play();var d=f(a.data("videostartat")),e=n.currentTime;1==a.data("nextslideatend-triggered")&&(e=-1,a.data("nextslideatend-triggered",0)),-1!=d&&d>e&&(n.currentTime=d)}(a));else{n.play();var e=f(a.data("videostartat")),h=n.currentTime;1==a.data("nextslideatend-triggered")&&(h=-1,a.data("nextslideatend-triggered",0)),-1!=e&&e>h&&(n.currentTime=e)}}},isVideoPlaying:function(a,b){var c=!1;return void 0!=b.playingvideos&&jQuery.each(b.playingvideos,function(b,d){a.attr("id")==d.attr("id")&&(c=!0)}),c},removeMediaFromList:function(a,b){n(a,b)},prepareCoveredVideo:function(a,c,d){var e=d.find("iframe, video"),f=a.split(":")[0],g=a.split(":")[1],h=d.closest(".tp-revslider-slidesli"),i=h.width()/h.height(),j=f/g,k=i/j*100,l=j/i*100;i>j?punchgs.TweenLite.to(e,.001,{height:k+"%",width:"100%",top:-(k-100)/2+"%",left:"0px",position:"absolute"}):punchgs.TweenLite.to(e,.001,{width:l+"%",height:"100%",left:-(l-100)/2+"%",top:"0px",position:"absolute"}),e.hasClass("resizelistener")||(e.addClass("resizelistener"),jQuery(window).resize(function(){clearTimeout(e.data("resizelistener")),e.data("resizelistener",setTimeout(function(){b.prepareCoveredVideo(a,c,d)},30))}))},checkVideoApis:function(a,b,c){location.protocol;if((void 0!=a.data("ytid")||a.find("iframe").length>0&&a.find("iframe").attr("src").toLowerCase().indexOf("youtube")>0)&&(b.youtubeapineeded=!0),(void 0!=a.data("ytid")||a.find("iframe").length>0&&a.find("iframe").attr("src").toLowerCase().indexOf("youtube")>0)&&0==c.addedyt){b.youtubestarttime=jQuery.now(),c.addedyt=1;var e=document.createElement("script");e.src="https://www.youtube.com/iframe_api";var f=document.getElementsByTagName("script")[0],g=!0;jQuery("head").find("*").each(function(){"https://www.youtube.com/iframe_api"==jQuery(this).attr("src")&&(g=!1)}),g&&f.parentNode.insertBefore(e,f)}if((void 0!=a.data("vimeoid")||a.find("iframe").length>0&&a.find("iframe").attr("src").toLowerCase().indexOf("vimeo")>0)&&(b.vimeoapineeded=!0),(void 0!=a.data("vimeoid")||a.find("iframe").length>0&&a.find("iframe").attr("src").toLowerCase().indexOf("vimeo")>0)&&0==c.addedvim){b.vimeostarttime=jQuery.now(),c.addedvim=1;var h=document.createElement("script"),f=document.getElementsByTagName("script")[0],g=!0;h.src="https://secure-a.vimeocdn.com/js/froogaloop2.min.js",jQuery("head").find("*").each(function(){"https://secure-a.vimeocdn.com/js/froogaloop2.min.js"==jQuery(this).attr("src")&&(g=!1)}),g&&f.parentNode.insertBefore(h,f)}return c},manageVideoLayer:function(a,d,h,j){if("stop"===b.compare_version(e).check)return!1;var k=a.data(),m=k.videoattributes,n=k.ytid,o=k.vimeoid,p="auto"===k.videopreload||"canplay"===k.videopreload||"canplaythrough"===k.videopreload||"progress"===k.videopreload?"auto":k.videopreload,q=k.videomp4,r=k.videowebm,s=k.videoogv,t=k.allowfullscreenvideo,u=k.videocontrols,v="http",w="loop"==k.videoloop?"loop":"loopandnoslidestop"==k.videoloop?"loop":"",x=void 0!=q||void 0!=r?"html5":void 0!=n&&String(n).length>1?"youtube":void 0!=o&&String(o).length>1?"vimeo":"none",y="html5"==k.audio?"audio":"video",z="html5"==x&&0==a.find(y).length?"html5":"youtube"==x&&0==a.find("iframe").length?"youtube":"vimeo"==x&&0==a.find("iframe").length?"vimeo":"none";switch(w=!0===k.nextslideatend?"":w,k.videotype=x,z){case"html5":"controls"!=u&&(u="");var y="video";"html5"==k.audio&&(y="audio",a.addClass("tp-audio-html5"));var A=d.fallbacks.allowHTML5AutoPlayOnAndroid?"muted playsinline":"",B="<"+y+" "+A+' style="object-fit:cover;background-size:cover;visible:hidden;width:100%; height:100%" class="" '+w+' preload="'+p+'">';"auto"==p&&(d.mediapreload=!0),void 0!=r&&"firefox"==b.get_browser().toLowerCase()&&(B=B+''),void 0!=q&&(B=B+''),void 0!=s&&(B=B+''),B=B+"";var C="";"true"!==t&&!0!==t||(C='
'),"controls"==u&&(B=B+'
'+C+"
"),a.data("videomarkup",B),a.append(B),(c&&1==a.data("disablevideoonmobile")||b.isIE(8))&&a.find(y).remove(),a.find(y).each(function(c){var e=this,f=jQuery(this);f.parent().hasClass("html5vid")||f.wrap('
'),1!=f.parent().data("metaloaded")&&g(e,"loadedmetadata",function(a){l(a,d),b.resetVideo(a,d)}(a))});break;case"youtube":v="https","none"==u&&(m=m.replace("controls=1","controls=0"),-1==m.toLowerCase().indexOf("controls")&&(m+="&controls=0")),!0!==k.videoinline&&"true"!==k.videoinline&&1!==k.videoinline||(m+="&playsinline=1");var D=f(a.data("videostartat")),E=f(a.data("videoendat"));-1!=D&&(m=m+"&start="+D),-1!=E&&(m=m+"&end="+E);var F=m.split("origin="+v+"://"),G="";F.length>1?(G=F[0]+"origin="+v+"://",self.location.href.match(/www/gi)&&!F[1].match(/www/gi)&&(G+="www."),G+=F[1]):G=m;var H="true"===t||!0===t?"allowfullscreen":"";a.data("videomarkup",'');break;case"vimeo":v="https",a.data("videomarkup",'')}var I=c&&"on"==a.data("noposteronmobile");if(void 0!=k.videoposter&&k.videoposter.length>2&&!I)0==a.find(".tp-videoposter").length&&a.append('
'),0==a.find("iframe").length&&a.find(".tp-videoposter").click(function(){if(b.playVideo(a,d),c){if(1==a.data("disablevideoonmobile"))return!1;punchgs.TweenLite.to(a.find(".tp-videoposter"),.3,{autoAlpha:0,force3D:"auto",ease:punchgs.Power3.easeInOut}),punchgs.TweenLite.to(a.find("iframe"),.3,{autoAlpha:1,display:"block",ease:punchgs.Power3.easeInOut})}});else{if(c&&1==a.data("disablevideoonmobile"))return!1;0!=a.find("iframe").length||"youtube"!=x&&"vimeo"!=x||(a.append(a.data("videomarkup")),i(a,d,!1))}"none"!=a.data("dottedoverlay")&&void 0!=a.data("dottedoverlay")&&1!=a.find(".tp-dottedoverlay").length&&a.append('
'),a.addClass("HasListener"),1==a.data("bgvideo")&&punchgs.TweenLite.set(a.find("video, iframe"),{autoAlpha:0})}});var g=function(a,b,c){a.addEventListener?a.addEventListener(b,c,{capture:!1,passive:!0}):a.attachEvent(b,c,{capture:!1,passive:!0})},h=function(a,b,c){var d={};return d.video=a,d.videotype=b,d.settings=c,d},i=function(a,d,e){var g=a.data(),i=a.find("iframe"),l="iframe"+Math.round(1e5*Math.random()+1),o=g.videoloop,p="loopandnoslidestop"!=o;if(o="loop"==o||"loopandnoslidestop"==o,1==a.data("forcecover")){a.removeClass("fullscreenvideo").addClass("coverscreenvideo");var q=a.data("aspectratio");void 0!=q&&q.split(":").length>1&&(console.log("i"),b.prepareCoveredVideo(q,d,a))}if(1==a.data("bgvideo")){var q=a.data("aspectratio");void 0!=q&&q.split(":").length>1&&(console.log("ak"),b.prepareCoveredVideo(q,d,a))}if(i.attr("id",l),e&&a.data("startvideonow",!0),1!==a.data("videolistenerexist"))switch(g.videotype){case"youtube":var r=new YT.Player(l,{events:{onStateChange:function(c){var e=a.closest(".tp-simpleresponsive"),q=(g.videorate,a.data("videostart"),k());if(c.data==YT.PlayerState.PLAYING)punchgs.TweenLite.to(a.find(".tp-videoposter"),.3,{autoAlpha:0,force3D:"auto",ease:punchgs.Power3.easeInOut}),punchgs.TweenLite.to(a.find("iframe"),.3,{autoAlpha:1,display:"block",ease:punchgs.Power3.easeInOut}),"mute"==a.data("volume")||b.lastToggleState(a.data("videomutetoggledby"))||!0===d.globalmute?r.mute():(r.unMute(),r.setVolume(parseInt(a.data("volume"),0)||75)),d.videoplaying=!0,m(a,d),p?d.c.trigger("stoptimer"):d.videoplaying=!1,d.c.trigger("revolution.slide.onvideoplay",h(r,"youtube",a.data())),b.toggleState(g.videotoggledby);else{if(0==c.data&&o){var s=f(a.data("videostartat"));-1!=s&&r.seekTo(s),r.playVideo(),b.toggleState(g.videotoggledby)}q||0!=c.data&&2!=c.data||!("on"==a.data("showcoveronpause")&&a.find(".tp-videoposter").length>0||1===a.data("bgvideo")&&a.find(".rs-fullvideo-cover").length>0)||(1===a.data("bgvideo")?punchgs.TweenLite.to(a.find(".rs-fullvideo-cover"),.1,{autoAlpha:1,force3D:"auto",ease:punchgs.Power3.easeInOut}):punchgs.TweenLite.to(a.find(".tp-videoposter"),.1,{autoAlpha:1,force3D:"auto",ease:punchgs.Power3.easeInOut}),punchgs.TweenLite.to(a.find("iframe"),.1,{autoAlpha:0,ease:punchgs.Power3.easeInOut})),-1!=c.data&&3!=c.data&&(d.videoplaying=!1,d.tonpause=!1,n(a,d),e.trigger("starttimer"),d.c.trigger("revolution.slide.onvideostop",h(r,"youtube",a.data())),void 0!=d.currentLayerVideoIsPlaying&&d.currentLayerVideoIsPlaying.attr("id")!=a.attr("id")||b.unToggleState(g.videotoggledby)),0==c.data&&1==a.data("nextslideatend")?(j(),a.data("nextslideatend-triggered",1),d.c.revnext(),n(a,d)):(n(a,d),d.videoplaying=!1,e.trigger("starttimer"),d.c.trigger("revolution.slide.onvideostop",h(r,"youtube",a.data())),void 0!=d.currentLayerVideoIsPlaying&&d.currentLayerVideoIsPlaying.attr("id")!=a.attr("id")||b.unToggleState(g.videotoggledby))}},onReady:function(b){var d=g.videorate;a.data("videostart");if(a.addClass("rs-apiready"),void 0!=d&&b.target.setPlaybackRate(parseFloat(d)),a.find(".tp-videoposter").unbind("click"),a.find(".tp-videoposter").click(function(){c||r.playVideo()}),a.data("startvideonow")){g.player.playVideo();var h=f(a.data("videostartat"));-1!=h&&g.player.seekTo(h)}a.data("videolistenerexist",1)}}});a.data("player",r);break;case"vimeo":for(var w,s=i.attr("src"),t={},u=s,v=/([^&=]+)=([^&]*)/g;w=v.exec(u);)t[decodeURIComponent(w[1])]=decodeURIComponent(w[2]);s=void 0!=t.player_id?s.replace(t.player_id,l):s+"&player_id="+l;try{s=s.replace("api=0","api=1")}catch(a){}s+="&api=1",i.attr("src",s);var r=a.find("iframe")[0],y=(jQuery("#"+l),$f(l));y.addEvent("ready",function(){if(a.addClass("rs-apiready"),y.addEvent("play",function(c){a.data("nextslidecalled",0),punchgs.TweenLite.to(a.find(".tp-videoposter"),.3,{autoAlpha:0,force3D:"auto",ease:punchgs.Power3.easeInOut}),punchgs.TweenLite.to(a.find("iframe"),.3,{autoAlpha:1,display:"block",ease:punchgs.Power3.easeInOut}),d.c.trigger("revolution.slide.onvideoplay",h(y,"vimeo",a.data())),d.videoplaying=!0,m(a,d),p?d.c.trigger("stoptimer"):d.videoplaying=!1,"mute"==a.data("volume")||b.lastToggleState(a.data("videomutetoggledby"))||!0===d.globalmute?y.api("setVolume","0"):y.api("setVolume",parseInt(a.data("volume"),0)/100||.75),b.toggleState(g.videotoggledby)}),y.addEvent("playProgress",function(b){var c=f(a.data("videoendat"));if(a.data("currenttime",b.seconds),0!=c&&Math.abs(c-b.seconds)<.3&&c>b.seconds&&1!=a.data("nextslidecalled"))if(o){y.api("play");var e=f(a.data("videostartat"));-1!=e&&y.api("seekTo",e)}else 1==a.data("nextslideatend")&&(a.data("nextslideatend-triggered",1),a.data("nextslidecalled",1),d.c.revnext()),y.api("pause")}),y.addEvent("finish",function(c){n(a,d),d.videoplaying=!1,d.c.trigger("starttimer"),d.c.trigger("revolution.slide.onvideostop",h(y,"vimeo",a.data())),1==a.data("nextslideatend")&&(a.data("nextslideatend-triggered",1),d.c.revnext()),void 0!=d.currentLayerVideoIsPlaying&&d.currentLayerVideoIsPlaying.attr("id")!=a.attr("id")||b.unToggleState(g.videotoggledby)}),y.addEvent("pause",function(c){("on"==a.data("showcoveronpause")&&a.find(".tp-videoposter").length>0||1===a.data("bgvideo")&&a.find(".rs-fullvideo-cover").length>0)&&(1===a.data("bgvideo")?punchgs.TweenLite.to(a.find(".rs-fullvideo-cover"),.1,{autoAlpha:1,force3D:"auto",ease:punchgs.Power3.easeInOut}):punchgs.TweenLite.to(a.find(".tp-videoposter"),.1,{autoAlpha:1,force3D:"auto",ease:punchgs.Power3.easeInOut}),punchgs.TweenLite.to(a.find("iframe"),.1,{autoAlpha:0,ease:punchgs.Power3.easeInOut})),d.videoplaying=!1,d.tonpause=!1,n(a,d),d.c.trigger("starttimer"),d.c.trigger("revolution.slide.onvideostop",h(y,"vimeo",a.data())),void 0!=d.currentLayerVideoIsPlaying&&d.currentLayerVideoIsPlaying.attr("id")!=a.attr("id")||b.unToggleState(g.videotoggledby)}),a.find(".tp-videoposter").unbind("click"),a.find(".tp-videoposter").click(function(){if(!c)return y.api("play"),!1}),a.data("startvideonow")){y.api("play");var e=f(a.data("videostartat"));-1!=e&&y.api("seekTo",e)}a.data("videolistenerexist",1)})}else{var z=f(a.data("videostartat"));switch(g.videotype){case"youtube":e&&(g.player.playVideo(),-1!=z&&g.player.seekTo());break;case"vimeo":if(e){var y=$f(a.find("iframe").attr("id"));y.api("play"),-1!=z&&y.api("seekTo",z)}}}},j=function(){document.exitFullscreen?document.exitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitExitFullscreen&&document.webkitExitFullscreen()},k=function(){try{if(void 0!==window.fullScreen)return window.fullScreen;var a=5;return jQuery.browser.webkit&&/Apple Computer/.test(navigator.vendor)&&(a=42),screen.width==window.innerWidth&&Math.abs(screen.height-window.innerHeight) '),a.find("video, .tp-poster, .tp-video-play-button").click(function(){a.hasClass("videoisplaying")?q.pause():q.play()})),1==a.data("forcecover")||a.hasClass("fullscreenvideo")||1==a.data("bgvideo"))if(1==a.data("forcecover")||1==a.data("bgvideo")){r.addClass("fullcoveredvideo");var u=a.data("aspectratio")||"4:3";b.setSize(e),b.prepareCoveredVideo(u,e,a)}else r.addClass("fullscreenvideo");var v=a.find(".tp-vid-play-pause")[0],w=a.find(".tp-vid-mute")[0],x=a.find(".tp-vid-full-screen")[0],y=a.find(".tp-seek-bar")[0],z=a.find(".tp-volume-bar")[0];void 0!=v&&g(v,"click",function(){1==q.paused?q.play():q.pause()}),void 0!=w&&g(w,"click",function(){0==q.muted?(q.muted=!0,w.innerHTML="Unmute"):(q.muted=!1,w.innerHTML="Mute")}),void 0!=x&&x&&g(x,"click",function(){q.requestFullscreen?q.requestFullscreen():q.mozRequestFullScreen?q.mozRequestFullScreen():q.webkitRequestFullscreen&&q.webkitRequestFullscreen()}),void 0!=y&&(g(y,"change",function(){var a=q.duration*(y.value/100);q.currentTime=a}),g(y,"mousedown",function(){a.addClass("seekbardragged"),q.pause()}),g(y,"mouseup",function(){a.removeClass("seekbardragged"),q.play()})),g(q,"canplaythrough",function(){b.preLoadAudioDone(a,e,"canplaythrough")}),g(q,"canplay",function(){b.preLoadAudioDone(a,e,"canplay")}),g(q,"progress",function(){b.preLoadAudioDone(a,e,"progress")}),g(q,"timeupdate",function(){var b=100/q.duration*q.currentTime,c=f(a.data("videoendat")),d=q.currentTime;if(void 0!=y&&(y.value=b),0!=c&&-1!=c&&Math.abs(c-d)<=.3&&c>d&&1!=a.data("nextslidecalled"))if(s){q.play();var g=f(a.data("videostartat"));-1!=g&&(q.currentTime=g)}else 1==a.data("nextslideatend")&&(a.data("nextslideatend-triggered",1),a.data("nextslidecalled",1),e.just_called_nextslide_at_htmltimer=!0,e.c.revnext(),setTimeout(function(){e.just_called_nextslide_at_htmltimer=!1},1e3)),q.pause()}),void 0!=z&&g(z,"change",function(){q.volume=z.value}),g(q,"play",function(){a.data("nextslidecalled",0);var c=a.data("volume");c=void 0!=c&&"mute"!=c?parseFloat(c)/100:c,d||(!0===e.globalmute?q.muted=!0:q.muted=!1,c>1&&(c/=100),"mute"==c?q.muted=!0:void 0!=c&&(q.volume=c)),a.addClass("videoisplaying");var f="html5"==l.audio?"audio":"video";m(a,e),t&&"audio"!=f?(e.videoplaying=!0,e.c.trigger("stoptimer"),e.c.trigger("revolution.slide.onvideoplay",h(q,"html5",l))):(e.videoplaying=!1,"audio"!=f&&e.c.trigger("starttimer"),e.c.trigger("revolution.slide.onvideostop",h(q,"html5",l))),punchgs.TweenLite.to(a.find(".tp-videoposter"),.3,{autoAlpha:0,force3D:"auto",ease:punchgs.Power3.easeInOut}),punchgs.TweenLite.to(a.find(f),.3,{autoAlpha:1,display:"block",ease:punchgs.Power3.easeInOut});var g=a.find(".tp-vid-play-pause")[0],i=a.find(".tp-vid-mute")[0];void 0!=g&&(g.innerHTML="Pause"),void 0!=i&&q.muted&&(i.innerHTML="Unmute"),b.toggleState(l.videotoggledby)}),g(q,"pause",function(c){var d="html5"==l.audio?"audio":"video";!k()&&a.find(".tp-videoposter").length>0&&"on"==a.data("showcoveronpause")&&!a.hasClass("seekbardragged")&&(punchgs.TweenLite.to(a.find(".tp-videoposter"),.3,{autoAlpha:1,force3D:"auto",ease:punchgs.Power3.easeInOut}),punchgs.TweenLite.to(a.find(d),.3,{autoAlpha:0,ease:punchgs.Power3.easeInOut})),a.removeClass("videoisplaying"),e.videoplaying=!1,n(a,e),"audio"!=d&&e.c.trigger("starttimer"),e.c.trigger("revolution.slide.onvideostop",h(q,"html5",a.data()));var g=a.find(".tp-vid-play-pause")[0];void 0!=g&&(g.innerHTML="Play"),void 0!=e.currentLayerVideoIsPlaying&&e.currentLayerVideoIsPlaying.attr("id")!=a.attr("id")||b.unToggleState(l.videotoggledby)}),g(q,"ended",function(){j(),n(a,e),e.videoplaying=!1,n(a,e),"audio"!=o&&e.c.trigger("starttimer"),e.c.trigger("revolution.slide.onvideostop",h(q,"html5",a.data())),!0===a.data("nextslideatend")&&q.currentTime>0&&(1==!e.just_called_nextslide_at_htmltimer&&(a.data("nextslideatend-triggered",1),e.c.revnext(),e.just_called_nextslide_at_htmltimer=!0),setTimeout(function(){e.just_called_nextslide_at_htmltimer=!1},1500)),a.removeClass("videoisplaying")})},m=function(a,c){void 0==c.playingvideos&&(c.playingvideos=new Array),a.data("stopallvideos")&&void 0!=c.playingvideos&&c.playingvideos.length>0&&(c.lastplayedvideos=jQuery.extend(!0,[],c.playingvideos),jQuery.each(c.playingvideos,function(a,d){b.stopVideo(d,c)})),c.playingvideos.push(a),c.currentLayerVideoIsPlaying=a},n=function(a,b){void 0!=b.playingvideos&&jQuery.inArray(a,b.playingvideos)>=0&&b.playingvideos.splice(jQuery.inArray(a,b.playingvideos),1)}}(jQuery); \ No newline at end of file diff --git a/apply/revolution/js/jquery.revslider-webster-slider-8.js b/apply/revolution/js/jquery.revslider-webster-slider-8.js new file mode 100644 index 0000000..0451479 --- /dev/null +++ b/apply/revolution/js/jquery.revslider-webster-slider-8.js @@ -0,0 +1 @@ +jQuery(function(){jQuery().embedRevslider('load', '{\"locations\":{\"fonts\":\"fonts\\/\",\"css\":\"css\\/\",\"js\":\"js\\/\",\"assets\":\"assets\"},\"assets\":[\"http:\\/\\/fonts.googleapis.com\\/css?family=Chewy:400%7CMontserrat:500%2C600\",\"fonts\\/pe-icon-7-stroke\\/css\\/pe-icon-7-stroke.css\",\"fonts\\/font-awesome\\/css\\/font-awesome.css\",\"css\\/settings.css\"],\"alias\":\"webster-slider-8\",\"content\":\"\\n
\\n\\n\\t
\\n
    \\t\\n
  • \\n\\t\\t\\n \\\"\\\"\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t
    \\\"\\\" <\\/div>\\n\\n\\t\\t\\n\\t\\t
    \\\"\\\" <\\/div>\\n\\n\\t\\t\\n\\t\\t
    \\\"\\\" <\\/div>\\n\\n\\t\\t\\n\\t\\t
    \\\"\\\" <\\/div>\\n\\n\\t\\t\\n\\t\\t
    \\n
    \\\"\\\" <\\/div><\\/div>\\n\\n\\t\\t\\n\\t\\t
    \\\"\\\" <\\/div>\\n\\n\\t\\t\\n\\t\\t
    Webster\\n <\\/div>\\n\\n\\t\\t\\n\\t\\t
    \\\"\\\" <\\/div>\\n\\n\\t\\t\\n\\t\\t
    \\\"\\\" <\\/div>\\n\\n\\t\\t\\n\\t\\t
    \\n
    \\\"\\\" <\\/div><\\/div>\\n\\n\\t\\t\\n\\t\\t
    \\n
    \\\"\\\" <\\/div><\\/div>\\n\\n\\t\\t\\n\\t\\t
    \\\"\\\" <\\/div>\\n\\n\\t\\t\\n\\t\\t
    \\n
    \\\"\\\" <\\/div><\\/div>\\n\\n\\t\\t\\n\\t\\t
    \\n
    \\\"\\\" <\\/div><\\/div>\\n\\n\\t\\t\\n\\t\\t
    \\n
    \\\"\\\" <\\/div><\\/div>\\n\\n\\t\\t\\n\\t\\t
    \\n
    \\\"\\\" <\\/div><\\/div>\\n\\n\\t\\t\\n\\t\\t
    HTML5 Template <\\/div>\\n\\n\\t\\t\\n\\t\\t
    Start with us <\\/div>\\n\\n\\t\\t\\n\\t\\t
    \\n
    \\\"\\\" <\\/div><\\/div>\\n\\t<\\/li>\\n<\\/ul>\\n',onShow:function(){var a=f.scayt.getLang();l.getById("scaytLang_"+a).$.checked=!0}}]}]},{id:"dictionaries",label:g.getLocal("tab_dictionaries"), +elements:[{type:"vbox",id:"rightCol_col__left",children:[{type:"html",id:"dictionaryNote",html:""},{type:"text",id:"dictionaryName",label:g.getLocal("label_fieldNameDic")||"Dictionary name",onShow:function(a){var e=a.sender,c=f.scayt;setTimeout(function(){e.getContentElement("dictionaries","dictionaryNote").getElement().setText("");null!=c.getUserDictionaryName()&&""!=c.getUserDictionaryName()&&e.getContentElement("dictionaries","dictionaryName").setValue(c.getUserDictionaryName())},0)}},{type:"hbox", +id:"notExistDic",align:"left",style:"width:auto;",widths:["50%","50%"],children:[{type:"button",id:"createDic",label:g.getLocal("btn_createDic"),title:g.getLocal("btn_createDic"),onClick:function(){var a=this.getDialog(),e=j,c=f.scayt,d=a.getContentElement("dictionaries","dictionaryName").getValue();c.createUserDictionary(d,function(b){b.error||e.toggleDictionaryButtons.call(a,!0);b.dialog=a;b.command="create";b.name=d;f.fire("scaytUserDictionaryAction",b)},function(b){b.dialog=a;b.command="create"; +b.name=d;f.fire("scaytUserDictionaryActionError",b)})}},{type:"button",id:"restoreDic",label:g.getLocal("btn_restoreDic"),title:g.getLocal("btn_restoreDic"),onClick:function(){var a=this.getDialog(),e=f.scayt,c=j,d=a.getContentElement("dictionaries","dictionaryName").getValue();e.restoreUserDictionary(d,function(b){b.dialog=a;b.error||c.toggleDictionaryButtons.call(a,!0);b.command="restore";b.name=d;f.fire("scaytUserDictionaryAction",b)},function(b){b.dialog=a;b.command="restore";b.name=d;f.fire("scaytUserDictionaryActionError", +b)})}}]},{type:"hbox",id:"existDic",align:"left",style:"width:auto;",widths:["50%","50%"],children:[{type:"button",id:"removeDic",label:g.getLocal("btn_deleteDic"),title:g.getLocal("btn_deleteDic"),onClick:function(){var a=this.getDialog(),e=f.scayt,c=j,d=a.getContentElement("dictionaries","dictionaryName"),b=d.getValue();e.removeUserDictionary(b,function(e){d.setValue("");e.error||c.toggleDictionaryButtons.call(a,!1);e.dialog=a;e.command="remove";e.name=b;f.fire("scaytUserDictionaryAction",e)},function(c){c.dialog= +a;c.command="remove";c.name=b;f.fire("scaytUserDictionaryActionError",c)})}},{type:"button",id:"renameDic",label:g.getLocal("btn_renameDic"),title:g.getLocal("btn_renameDic"),onClick:function(){var a=this.getDialog(),e=f.scayt,c=a.getContentElement("dictionaries","dictionaryName").getValue();e.renameUserDictionary(c,function(d){d.dialog=a;d.command="rename";d.name=c;f.fire("scaytUserDictionaryAction",d)},function(d){d.dialog=a;d.command="rename";d.name=c;f.fire("scaytUserDictionaryActionError",d)})}}]}, +{type:"html",id:"dicInfo",html:'
    '+g.getLocal("text_descriptionDic")+"
    "}]}]},{id:"about",label:g.getLocal("tab_about"),elements:[{type:"html",id:"about",style:"margin: 5px 5px;",html:'
    '+k+"
    "}]}];f.on("scaytUserDictionaryAction",function(a){var e=SCAYT.prototype.UILib,c=a.data.dialog,d=c.getContentElement("dictionaries","dictionaryNote").getElement(),b=a.editor.scayt,f;void 0=== +a.data.error?(f=b.getLocal("message_success_"+a.data.command+"Dic"),f=f.replace("%s",a.data.name),d.setText(f),e.css(d.$,{color:"blue"})):(""===a.data.name?d.setText(b.getLocal("message_info_emptyDic")):(f=b.getLocal("message_error_"+a.data.command+"Dic"),f=f.replace("%s",a.data.name),d.setText(f)),e.css(d.$,{color:"red"}),null!=b.getUserDictionaryName()&&""!=b.getUserDictionaryName()?c.getContentElement("dictionaries","dictionaryName").setValue(b.getUserDictionaryName()):c.getContentElement("dictionaries", +"dictionaryName").setValue(""))});f.on("scaytUserDictionaryActionError",function(a){var e=SCAYT.prototype.UILib,c=a.data.dialog,d=c.getContentElement("dictionaries","dictionaryNote").getElement(),b=a.editor.scayt,f;""===a.data.name?d.setText(b.getLocal("message_info_emptyDic")):(f=b.getLocal("message_error_"+a.data.command+"Dic"),f=f.replace("%s",a.data.name),d.setText(f));e.css(d.$,{color:"red"});null!=b.getUserDictionaryName()&&""!=b.getUserDictionaryName()?c.getContentElement("dictionaries","dictionaryName").setValue(b.getUserDictionaryName()): +c.getContentElement("dictionaries","dictionaryName").setValue("")});var j={title:g.getLocal("text_title"),resizable:CKEDITOR.DIALOG_RESIZE_BOTH,minWidth:340,minHeight:260,onLoad:function(){if(0!=f.config.scayt_uiTabs[1]){var a=j,e=a.getLangBoxes.call(this);e.getParent().setStyle("white-space","normal");a.renderLangList(e);this.definition.minWidth=this.getSize().width;this.resize(this.definition.minWidth,this.definition.minHeight)}},onCancel:function(){i.reset()},onHide:function(){f.unlockSelection()}, +onShow:function(){f.fire("scaytDialogShown",this);if(0!=f.config.scayt_uiTabs[2]){var a=f.scayt,e=this.getContentElement("dictionaries","dictionaryName"),c=this.getContentElement("dictionaries","existDic").getElement().getParent(),d=this.getContentElement("dictionaries","notExistDic").getElement().getParent();c.hide();d.hide();null!=a.getUserDictionaryName()&&""!=a.getUserDictionaryName()?(this.getContentElement("dictionaries","dictionaryName").setValue(a.getUserDictionaryName()),c.show()):(e.setValue(""), +d.show())}},onOk:function(){var a=j,e=f.scayt;this.getContentElement("options","scaytOptions");a=a.getChangedOption.call(this);e.commitOption({changedOptions:a})},toggleDictionaryButtons:function(a){var e=this.getContentElement("dictionaries","existDic").getElement().getParent(),c=this.getContentElement("dictionaries","notExistDic").getElement().getParent();a?(e.show(),c.hide()):(e.hide(),c.show())},getChangedOption:function(){var a={};if(1==f.config.scayt_uiTabs[0])for(var e=this.getContentElement("options", +"scaytOptions").getChild(),c=0;c'),g=new CKEDITOR.dom.element("label"),h=f.scayt;c.setStyles({"white-space":"normal",position:"relative", +"padding-bottom":"2px"});b.on("click",function(a){i.newLang=a.sender.getValue()});g.appendText(a);g.setAttribute("for",d);c.append(b);c.append(g);e===h.getLang()&&(b.setAttribute("checked",!0),b.setAttribute("defaultChecked","defaultChecked"));return c},renderLangList:function(a){var e=a.find("#left-col-"+f.name).getItem(0),a=a.find("#right-col-"+f.name).getItem(0),c=g.getLangList(),d={},b=[],i=0,h;for(h in c.ltr)d[h]=c.ltr[h];for(h in c.rtl)d[h]=c.rtl[h];for(h in d)b.push([h,d[h]]);b.sort(function(a, +c){var b=0;a[1]>c[1]?b=1:a[1]'+a.options+"",'"],l=h.length,a=0;a');var m="cke_smile_label_"+a+"_"+CKEDITOR.tools.getNextNumber();d.push('");a%g==g-1&&d.push("")}if(a");d.push("")}d.push("
    "); +e={type:"html",id:"smileySelector",html:d.join(""),onLoad:function(a){i=a.sender},focus:function(){var a=this;setTimeout(function(){a.getElement().getElementsByTag("a").getItem(0).focus()},0)},onClick:k,style:"width: 100%; border-collapse: separate;"};return{title:f.lang.smiley.title,minWidth:270,minHeight:120,contents:[{id:"tab1",label:"",title:"",expand:!0,padding:0,elements:[e]}],buttons:[CKEDITOR.dialog.cancelButton]}}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/smiley/images/angel_smile.gif b/resoft/ckeditor/plugins/smiley/images/angel_smile.gif new file mode 100644 index 0000000..21f81a2 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/angel_smile.gif differ diff --git a/resoft/ckeditor/plugins/smiley/images/angel_smile.png b/resoft/ckeditor/plugins/smiley/images/angel_smile.png new file mode 100644 index 0000000..559e5e7 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/angel_smile.png differ diff --git a/resoft/ckeditor/plugins/smiley/images/angry_smile.gif b/resoft/ckeditor/plugins/smiley/images/angry_smile.gif new file mode 100644 index 0000000..c912d99 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/angry_smile.gif differ diff --git a/resoft/ckeditor/plugins/smiley/images/angry_smile.png b/resoft/ckeditor/plugins/smiley/images/angry_smile.png new file mode 100644 index 0000000..c05d2be Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/angry_smile.png differ diff --git a/resoft/ckeditor/plugins/smiley/images/broken_heart.gif b/resoft/ckeditor/plugins/smiley/images/broken_heart.gif new file mode 100644 index 0000000..4162a7b Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/broken_heart.gif differ diff --git a/resoft/ckeditor/plugins/smiley/images/broken_heart.png b/resoft/ckeditor/plugins/smiley/images/broken_heart.png new file mode 100644 index 0000000..a711c0d Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/broken_heart.png differ diff --git a/resoft/ckeditor/plugins/smiley/images/confused_smile.gif b/resoft/ckeditor/plugins/smiley/images/confused_smile.gif new file mode 100644 index 0000000..0e420cb Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/confused_smile.gif differ diff --git a/resoft/ckeditor/plugins/smiley/images/confused_smile.png b/resoft/ckeditor/plugins/smiley/images/confused_smile.png new file mode 100644 index 0000000..e0b8e5c Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/confused_smile.png differ diff --git a/resoft/ckeditor/plugins/smiley/images/cry_smile.gif b/resoft/ckeditor/plugins/smiley/images/cry_smile.gif new file mode 100644 index 0000000..b513342 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/cry_smile.gif differ diff --git a/resoft/ckeditor/plugins/smiley/images/cry_smile.png b/resoft/ckeditor/plugins/smiley/images/cry_smile.png new file mode 100644 index 0000000..a1891a3 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/cry_smile.png differ diff --git a/resoft/ckeditor/plugins/smiley/images/devil_smile.gif b/resoft/ckeditor/plugins/smiley/images/devil_smile.gif new file mode 100644 index 0000000..9b2a100 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/devil_smile.gif differ diff --git a/resoft/ckeditor/plugins/smiley/images/devil_smile.png b/resoft/ckeditor/plugins/smiley/images/devil_smile.png new file mode 100644 index 0000000..53247a8 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/devil_smile.png differ diff --git a/resoft/ckeditor/plugins/smiley/images/embaressed_smile.gif b/resoft/ckeditor/plugins/smiley/images/embaressed_smile.gif new file mode 100644 index 0000000..8d39f25 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/embaressed_smile.gif differ diff --git a/resoft/ckeditor/plugins/smiley/images/embarrassed_smile.gif b/resoft/ckeditor/plugins/smiley/images/embarrassed_smile.gif new file mode 100644 index 0000000..8d39f25 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/embarrassed_smile.gif differ diff --git a/resoft/ckeditor/plugins/smiley/images/embarrassed_smile.png b/resoft/ckeditor/plugins/smiley/images/embarrassed_smile.png new file mode 100644 index 0000000..34904b6 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/embarrassed_smile.png differ diff --git a/resoft/ckeditor/plugins/smiley/images/envelope.gif b/resoft/ckeditor/plugins/smiley/images/envelope.gif new file mode 100644 index 0000000..5294ec4 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/envelope.gif differ diff --git a/resoft/ckeditor/plugins/smiley/images/envelope.png b/resoft/ckeditor/plugins/smiley/images/envelope.png new file mode 100644 index 0000000..44398ad Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/envelope.png differ diff --git a/resoft/ckeditor/plugins/smiley/images/heart.gif b/resoft/ckeditor/plugins/smiley/images/heart.gif new file mode 100644 index 0000000..160be8e Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/heart.gif differ diff --git a/resoft/ckeditor/plugins/smiley/images/heart.png b/resoft/ckeditor/plugins/smiley/images/heart.png new file mode 100644 index 0000000..df409e6 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/heart.png differ diff --git a/resoft/ckeditor/plugins/smiley/images/kiss.gif b/resoft/ckeditor/plugins/smiley/images/kiss.gif new file mode 100644 index 0000000..ffb23db Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/kiss.gif differ diff --git a/resoft/ckeditor/plugins/smiley/images/kiss.png b/resoft/ckeditor/plugins/smiley/images/kiss.png new file mode 100644 index 0000000..a4f2f36 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/kiss.png differ diff --git a/resoft/ckeditor/plugins/smiley/images/lightbulb.gif b/resoft/ckeditor/plugins/smiley/images/lightbulb.gif new file mode 100644 index 0000000..ceb6e2d Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/lightbulb.gif differ diff --git a/resoft/ckeditor/plugins/smiley/images/lightbulb.png b/resoft/ckeditor/plugins/smiley/images/lightbulb.png new file mode 100644 index 0000000..0c4a924 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/lightbulb.png differ diff --git a/resoft/ckeditor/plugins/smiley/images/omg_smile.gif b/resoft/ckeditor/plugins/smiley/images/omg_smile.gif new file mode 100644 index 0000000..3177355 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/omg_smile.gif differ diff --git a/resoft/ckeditor/plugins/smiley/images/omg_smile.png b/resoft/ckeditor/plugins/smiley/images/omg_smile.png new file mode 100644 index 0000000..abc4e2d Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/omg_smile.png differ diff --git a/resoft/ckeditor/plugins/smiley/images/regular_smile.gif b/resoft/ckeditor/plugins/smiley/images/regular_smile.gif new file mode 100644 index 0000000..fdcf5c3 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/regular_smile.gif differ diff --git a/resoft/ckeditor/plugins/smiley/images/regular_smile.png b/resoft/ckeditor/plugins/smiley/images/regular_smile.png new file mode 100644 index 0000000..0f2649b Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/regular_smile.png differ diff --git a/resoft/ckeditor/plugins/smiley/images/sad_smile.gif b/resoft/ckeditor/plugins/smiley/images/sad_smile.gif new file mode 100644 index 0000000..cca0729 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/sad_smile.gif differ diff --git a/resoft/ckeditor/plugins/smiley/images/sad_smile.png b/resoft/ckeditor/plugins/smiley/images/sad_smile.png new file mode 100644 index 0000000..f20f3bf Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/sad_smile.png differ diff --git a/resoft/ckeditor/plugins/smiley/images/shades_smile.gif b/resoft/ckeditor/plugins/smiley/images/shades_smile.gif new file mode 100644 index 0000000..7d93474 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/shades_smile.gif differ diff --git a/resoft/ckeditor/plugins/smiley/images/shades_smile.png b/resoft/ckeditor/plugins/smiley/images/shades_smile.png new file mode 100644 index 0000000..fdaa28b Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/shades_smile.png differ diff --git a/resoft/ckeditor/plugins/smiley/images/teeth_smile.gif b/resoft/ckeditor/plugins/smiley/images/teeth_smile.gif new file mode 100644 index 0000000..44c3799 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/teeth_smile.gif differ diff --git a/resoft/ckeditor/plugins/smiley/images/teeth_smile.png b/resoft/ckeditor/plugins/smiley/images/teeth_smile.png new file mode 100644 index 0000000..5e63785 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/teeth_smile.png differ diff --git a/resoft/ckeditor/plugins/smiley/images/thumbs_down.gif b/resoft/ckeditor/plugins/smiley/images/thumbs_down.gif new file mode 100644 index 0000000..5c8bee3 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/thumbs_down.gif differ diff --git a/resoft/ckeditor/plugins/smiley/images/thumbs_down.png b/resoft/ckeditor/plugins/smiley/images/thumbs_down.png new file mode 100644 index 0000000..1823481 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/thumbs_down.png differ diff --git a/resoft/ckeditor/plugins/smiley/images/thumbs_up.gif b/resoft/ckeditor/plugins/smiley/images/thumbs_up.gif new file mode 100644 index 0000000..9cc3702 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/thumbs_up.gif differ diff --git a/resoft/ckeditor/plugins/smiley/images/thumbs_up.png b/resoft/ckeditor/plugins/smiley/images/thumbs_up.png new file mode 100644 index 0000000..d4e8b22 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/thumbs_up.png differ diff --git a/resoft/ckeditor/plugins/smiley/images/tongue_smile.gif b/resoft/ckeditor/plugins/smiley/images/tongue_smile.gif new file mode 100644 index 0000000..81e05b0 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/tongue_smile.gif differ diff --git a/resoft/ckeditor/plugins/smiley/images/tongue_smile.png b/resoft/ckeditor/plugins/smiley/images/tongue_smile.png new file mode 100644 index 0000000..56553fb Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/tongue_smile.png differ diff --git a/resoft/ckeditor/plugins/smiley/images/tounge_smile.gif b/resoft/ckeditor/plugins/smiley/images/tounge_smile.gif new file mode 100644 index 0000000..81e05b0 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/tounge_smile.gif differ diff --git a/resoft/ckeditor/plugins/smiley/images/whatchutalkingabout_smile.gif b/resoft/ckeditor/plugins/smiley/images/whatchutalkingabout_smile.gif new file mode 100644 index 0000000..eef4fc0 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/whatchutalkingabout_smile.gif differ diff --git a/resoft/ckeditor/plugins/smiley/images/whatchutalkingabout_smile.png b/resoft/ckeditor/plugins/smiley/images/whatchutalkingabout_smile.png new file mode 100644 index 0000000..f9714d1 Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/whatchutalkingabout_smile.png differ diff --git a/resoft/ckeditor/plugins/smiley/images/wink_smile.gif b/resoft/ckeditor/plugins/smiley/images/wink_smile.gif new file mode 100644 index 0000000..6d3d64b Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/wink_smile.gif differ diff --git a/resoft/ckeditor/plugins/smiley/images/wink_smile.png b/resoft/ckeditor/plugins/smiley/images/wink_smile.png new file mode 100644 index 0000000..7c99c3f Binary files /dev/null and b/resoft/ckeditor/plugins/smiley/images/wink_smile.png differ diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/_translationstatus.txt b/resoft/ckeditor/plugins/specialchar/dialogs/lang/_translationstatus.txt new file mode 100644 index 0000000..3ad20f5 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/_translationstatus.txt @@ -0,0 +1,20 @@ +Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. +For licensing, see LICENSE.md or http://ckeditor.com/license + +cs.js Found: 118 Missing: 0 +cy.js Found: 118 Missing: 0 +de.js Found: 118 Missing: 0 +el.js Found: 16 Missing: 102 +eo.js Found: 118 Missing: 0 +et.js Found: 31 Missing: 87 +fa.js Found: 24 Missing: 94 +fi.js Found: 23 Missing: 95 +fr.js Found: 118 Missing: 0 +hr.js Found: 23 Missing: 95 +it.js Found: 118 Missing: 0 +nb.js Found: 118 Missing: 0 +nl.js Found: 118 Missing: 0 +no.js Found: 118 Missing: 0 +tr.js Found: 118 Missing: 0 +ug.js Found: 39 Missing: 79 +zh-cn.js Found: 118 Missing: 0 diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/af.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/af.js new file mode 100644 index 0000000..27bb901 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/af.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","af",{euro:"Euroteken",lsquo:"Linker enkelkwotasie",rsquo:"Regter enkelkwotasie",ldquo:"Linker dubbelkwotasie",rdquo:"Regter dubbelkwotasie",ndash:"Kortkoppelteken",mdash:"Langkoppelteken",iexcl:"Omgekeerdeuitroepteken",cent:"Centteken",pound:"Pondteken",curren:"Geldeenheidteken",yen:"Yenteken",brvbar:"Gebreekte balk",sect:"Afdeelingsteken",uml:"Deelteken",copy:"Kopieregteken",ordf:"Vroulikekenteken",laquo:"Linkgeoorienteerde aanhaalingsteken",not:"Verbodeteken", +reg:"Regestrasieteken",macr:"Lengteteken",deg:"Gradeteken",sup2:"Kwadraatteken",sup3:"Kubiekteken",acute:"Akuutaksentteken",micro:"Mikroteken",para:"Pilcrow sign",middot:"Middle dot",cedil:"Cedilla",sup1:"Superscript one",ordm:"Masculine ordinal indicator",raquo:"Right-pointing double angle quotation mark",frac14:"Vulgar fraction one quarter",frac12:"Vulgar fraction one half",frac34:"Vulgar fraction three quarters",iquest:"Inverted question mark",Agrave:"Latin capital letter A with grave accent", +Aacute:"Latin capital letter A with acute accent",Acirc:"Latin capital letter A with circumflex",Atilde:"Latin capital letter A with tilde",Auml:"Latin capital letter A with diaeresis",Aring:"Latin capital letter A with ring above",AElig:"Latin Capital letter Æ",Ccedil:"Latin capital letter C with cedilla",Egrave:"Latin capital letter E with grave accent",Eacute:"Latin capital letter E with acute accent",Ecirc:"Latin capital letter E with circumflex",Euml:"Latin capital letter E with diaeresis",Igrave:"Latin capital letter I with grave accent", +Iacute:"Latin capital letter I with acute accent",Icirc:"Latin capital letter I with circumflex",Iuml:"Latin capital letter I with diaeresis",ETH:"Latin capital letter Eth",Ntilde:"Latin capital letter N with tilde",Ograve:"Latin capital letter O with grave accent",Oacute:"Latin capital letter O with acute accent",Ocirc:"Latin capital letter O with circumflex",Otilde:"Latin capital letter O with tilde",Ouml:"Latin capital letter O with diaeresis",times:"Multiplication sign",Oslash:"Latin capital letter O with stroke", +Ugrave:"Latin capital letter U with grave accent",Uacute:"Latin capital letter U with acute accent",Ucirc:"Latin capital letter U with circumflex",Uuml:"Latin capital letter U with diaeresis",Yacute:"Latin capital letter Y with acute accent",THORN:"Latin capital letter Thorn",szlig:"Latin small letter sharp s",agrave:"Latin small letter a with grave accent",aacute:"Latin small letter a with acute accent",acirc:"Latin small letter a with circumflex",atilde:"Latin small letter a with tilde",auml:"Latin small letter a with diaeresis", +aring:"Latin small letter a with ring above",aelig:"Latin small letter æ",ccedil:"Latin small letter c with cedilla",egrave:"Latin small letter e with grave accent",eacute:"Latin small letter e with acute accent",ecirc:"Latin small letter e with circumflex",euml:"Latin small letter e with diaeresis",igrave:"Latin small letter i with grave accent",iacute:"Latin small letter i with acute accent",icirc:"Latin small letter i with circumflex",iuml:"Latin small letter i with diaeresis",eth:"Latin small letter eth", +ntilde:"Latin small letter n with tilde",ograve:"Latin small letter o with grave accent",oacute:"Latin small letter o with acute accent",ocirc:"Latin small letter o with circumflex",otilde:"Latin small letter o with tilde",ouml:"Latin small letter o with diaeresis",divide:"Division sign",oslash:"Latin small letter o with stroke",ugrave:"Latin small letter u with grave accent",uacute:"Latin small letter u with acute accent",ucirc:"Latin small letter u with circumflex",uuml:"Latin small letter u with diaeresis", +yacute:"Latin small letter y with acute accent",thorn:"Latin small letter thorn",yuml:"Latin small letter y with diaeresis",OElig:"Latin capital ligature OE",oelig:"Latin small ligature oe",372:"Latin capital letter W with circumflex",374:"Latin capital letter Y with circumflex",373:"Latin small letter w with circumflex",375:"Latin small letter y with circumflex",sbquo:"Single low-9 quotation mark",8219:"Single high-reversed-9 quotation mark",bdquo:"Double low-9 quotation mark",hellip:"Horizontal ellipsis", +trade:"Trade mark sign",9658:"Black right-pointing pointer",bull:"Bullet",rarr:"Rightwards arrow",rArr:"Rightwards double arrow",hArr:"Left right double arrow",diams:"Black diamond suit",asymp:"Almost equal to"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/ar.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/ar.js new file mode 100644 index 0000000..8c3cc20 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/ar.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","ar",{euro:"رمز اليورو",lsquo:"علامة تنصيص فردية علي اليسار",rsquo:"علامة تنصيص فردية علي اليمين",ldquo:"علامة تنصيص مزدوجة علي اليسار",rdquo:"علامة تنصيص مزدوجة علي اليمين",ndash:"En dash",mdash:"Em dash",iexcl:"علامة تعجب مقلوبة",cent:"رمز السنت",pound:"رمز الاسترليني",curren:"رمز العملة",yen:"رمز الين",brvbar:"شريط مقطوع",sect:"رمز القسم",uml:"Diaeresis",copy:"علامة حقوق الطبع",ordf:"Feminine ordinal indicator",laquo:"Left-pointing double angle quotation mark", +not:"ليست علامة",reg:"علامة مسجّلة",macr:"Macron",deg:"Degree sign",sup2:"Superscript two",sup3:"Superscript three",acute:"Acute accent",micro:"Micro sign",para:"Pilcrow sign",middot:"Middle dot",cedil:"Cedilla",sup1:"Superscript one",ordm:"Masculine ordinal indicator",raquo:"Right-pointing double angle quotation mark",frac14:"Vulgar fraction one quarter",frac12:"Vulgar fraction one half",frac34:"Vulgar fraction three quarters",iquest:"علامة الإستفهام غير صحيحة",Agrave:"Latin capital letter A with grave accent", +Aacute:"Latin capital letter A with acute accent",Acirc:"Latin capital letter A with circumflex",Atilde:"Latin capital letter A with tilde",Auml:"Latin capital letter A with diaeresis",Aring:"Latin capital letter A with ring above",AElig:"Latin Capital letter Æ",Ccedil:"Latin capital letter C with cedilla",Egrave:"Latin capital letter E with grave accent",Eacute:"Latin capital letter E with acute accent",Ecirc:"Latin capital letter E with circumflex",Euml:"Latin capital letter E with diaeresis",Igrave:"Latin capital letter I with grave accent", +Iacute:"Latin capital letter I with acute accent",Icirc:"Latin capital letter I with circumflex",Iuml:"Latin capital letter I with diaeresis",ETH:"Latin capital letter Eth",Ntilde:"Latin capital letter N with tilde",Ograve:"Latin capital letter O with grave accent",Oacute:"Latin capital letter O with acute accent",Ocirc:"Latin capital letter O with circumflex",Otilde:"Latin capital letter O with tilde",Ouml:"Latin capital letter O with diaeresis",times:"Multiplication sign",Oslash:"Latin capital letter O with stroke", +Ugrave:"Latin capital letter U with grave accent",Uacute:"Latin capital letter U with acute accent",Ucirc:"Latin capital letter U with circumflex",Uuml:"Latin capital letter U with diaeresis",Yacute:"Latin capital letter Y with acute accent",THORN:"Latin capital letter Thorn",szlig:"Latin small letter sharp s",agrave:"Latin small letter a with grave accent",aacute:"Latin small letter a with acute accent",acirc:"Latin small letter a with circumflex",atilde:"Latin small letter a with tilde",auml:"Latin small letter a with diaeresis", +aring:"Latin small letter a with ring above",aelig:"Latin small letter æ",ccedil:"Latin small letter c with cedilla",egrave:"Latin small letter e with grave accent",eacute:"Latin small letter e with acute accent",ecirc:"Latin small letter e with circumflex",euml:"Latin small letter e with diaeresis",igrave:"Latin small letter i with grave accent",iacute:"Latin small letter i with acute accent",icirc:"Latin small letter i with circumflex",iuml:"Latin small letter i with diaeresis",eth:"Latin small letter eth", +ntilde:"Latin small letter n with tilde",ograve:"Latin small letter o with grave accent",oacute:"Latin small letter o with acute accent",ocirc:"Latin small letter o with circumflex",otilde:"Latin small letter o with tilde",ouml:"Latin small letter o with diaeresis",divide:"Division sign",oslash:"Latin small letter o with stroke",ugrave:"Latin small letter u with grave accent",uacute:"Latin small letter u with acute accent",ucirc:"Latin small letter u with circumflex",uuml:"Latin small letter u with diaeresis", +yacute:"Latin small letter y with acute accent",thorn:"Latin small letter thorn",yuml:"Latin small letter y with diaeresis",OElig:"Latin capital ligature OE",oelig:"Latin small ligature oe",372:"Latin capital letter W with circumflex",374:"Latin capital letter Y with circumflex",373:"Latin small letter w with circumflex",375:"Latin small letter y with circumflex",sbquo:"Single low-9 quotation mark",8219:"Single high-reversed-9 quotation mark",bdquo:"Double low-9 quotation mark",hellip:"Horizontal ellipsis", +trade:"Trade mark sign",9658:"Black right-pointing pointer",bull:"Bullet",rarr:"Rightwards arrow",rArr:"Rightwards double arrow",hArr:"Left right double arrow",diams:"Black diamond suit",asymp:"Almost equal to"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/bg.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/bg.js new file mode 100644 index 0000000..74cc149 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/bg.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","bg",{euro:"Евро знак",lsquo:"Лява маркировка за цитат",rsquo:"Дясна маркировка за цитат",ldquo:"Лява двойна кавичка за цитат",rdquo:"Дясна двойна кавичка за цитат",ndash:"\\\\",mdash:"/",iexcl:"Обърната питанка",cent:"Знак за цент",pound:"Знак за паунд",curren:"Валутен знак",yen:"Знак за йена",brvbar:"Прекъсната линия",sect:"Знак за секция",uml:"Diaeresis",copy:"Знак за Copyright",ordf:"Feminine ordinal indicator",laquo:"Left-pointing double angle quotation mark", +not:"Not sign",reg:"Registered sign",macr:"Macron",deg:"Degree sign",sup2:"Superscript two",sup3:"Superscript three",acute:"Acute accent",micro:"Micro sign",para:"Pilcrow sign",middot:"Middle dot",cedil:"Cedilla",sup1:"Superscript one",ordm:"Masculine ordinal indicator",raquo:"Right-pointing double angle quotation mark",frac14:"Vulgar fraction one quarter",frac12:"Vulgar fraction one half",frac34:"Vulgar fraction three quarters",iquest:"Inverted question mark",Agrave:"Latin capital letter A with grave accent", +Aacute:"Latin capital letter A with acute accent",Acirc:"Latin capital letter A with circumflex",Atilde:"Latin capital letter A with tilde",Auml:"Latin capital letter A with diaeresis",Aring:"Latin capital letter A with ring above",AElig:"Latin Capital letter Æ",Ccedil:"Latin capital letter C with cedilla",Egrave:"Latin capital letter E with grave accent",Eacute:"Latin capital letter E with acute accent",Ecirc:"Latin capital letter E with circumflex",Euml:"Latin capital letter E with diaeresis",Igrave:"Latin capital letter I with grave accent", +Iacute:"Latin capital letter I with acute accent",Icirc:"Latin capital letter I with circumflex",Iuml:"Latin capital letter I with diaeresis",ETH:"Latin capital letter Eth",Ntilde:"Latin capital letter N with tilde",Ograve:"Latin capital letter O with grave accent",Oacute:"Latin capital letter O with acute accent",Ocirc:"Latin capital letter O with circumflex",Otilde:"Latin capital letter O with tilde",Ouml:"Latin capital letter O with diaeresis",times:"Multiplication sign",Oslash:"Latin capital letter O with stroke", +Ugrave:"Latin capital letter U with grave accent",Uacute:"Latin capital letter U with acute accent",Ucirc:"Latin capital letter U with circumflex",Uuml:"Latin capital letter U with diaeresis",Yacute:"Latin capital letter Y with acute accent",THORN:"Latin capital letter Thorn",szlig:"Latin small letter sharp s",agrave:"Latin small letter a with grave accent",aacute:"Latin small letter a with acute accent",acirc:"Latin small letter a with circumflex",atilde:"Latin small letter a with tilde",auml:"Latin small letter a with diaeresis", +aring:"Latin small letter a with ring above",aelig:"Latin small letter æ",ccedil:"Latin small letter c with cedilla",egrave:"Latin small letter e with grave accent",eacute:"Latin small letter e with acute accent",ecirc:"Latin small letter e with circumflex",euml:"Latin small letter e with diaeresis",igrave:"Latin small letter i with grave accent",iacute:"Latin small letter i with acute accent",icirc:"Latin small letter i with circumflex",iuml:"Latin small letter i with diaeresis",eth:"Latin small letter eth", +ntilde:"Latin small letter n with tilde",ograve:"Latin small letter o with grave accent",oacute:"Latin small letter o with acute accent",ocirc:"Latin small letter o with circumflex",otilde:"Latin small letter o with tilde",ouml:"Latin small letter o with diaeresis",divide:"Division sign",oslash:"Latin small letter o with stroke",ugrave:"Latin small letter u with grave accent",uacute:"Latin small letter u with acute accent",ucirc:"Latin small letter u with circumflex",uuml:"Latin small letter u with diaeresis", +yacute:"Latin small letter y with acute accent",thorn:"Latin small letter thorn",yuml:"Latin small letter y with diaeresis",OElig:"Latin capital ligature OE",oelig:"Latin small ligature oe",372:"Latin capital letter W with circumflex",374:"Latin capital letter Y with circumflex",373:"Latin small letter w with circumflex",375:"Latin small letter y with circumflex",sbquo:"Single low-9 quotation mark",8219:"Single high-reversed-9 quotation mark",bdquo:"Double low-9 quotation mark",hellip:"Horizontal ellipsis", +trade:"Trade mark sign",9658:"Black right-pointing pointer",bull:"Bullet",rarr:"Rightwards arrow",rArr:"Rightwards double arrow",hArr:"Left right double arrow",diams:"Black diamond suit",asymp:"Almost equal to"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/ca.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/ca.js new file mode 100644 index 0000000..46dcb0a --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/ca.js @@ -0,0 +1,14 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","ca",{euro:"Símbol d'euro",lsquo:"Signe de cometa simple esquerra",rsquo:"Signe de cometa simple dreta",ldquo:"Signe de cometa doble esquerra",rdquo:"Signe de cometa doble dreta",ndash:"Guió",mdash:"Guió baix",iexcl:"Signe d'exclamació inversa",cent:"Símbol de percentatge",pound:"Símbol de lliura",curren:"Símbol de moneda",yen:"Símbol de Yen",brvbar:"Barra trencada",sect:"Símbol de secció",uml:"Dièresi",copy:"Símbol de Copyright",ordf:"Indicador ordinal femení", +laquo:"Signe de cometes angulars esquerra",not:"Símbol de negació",reg:"Símbol registrat",macr:"Macron",deg:"Símbol de grau",sup2:"Superíndex dos",sup3:"Superíndex tres",acute:"Accent agut",micro:"Símbol de micro",para:"Símbol de calderó",middot:"Punt volat",cedil:"Ce trencada",sup1:"Superíndex u",ordm:"Indicador ordinal masculí",raquo:"Signe de cometes angulars dreta",frac14:"Fracció vulgar un quart",frac12:"Fracció vulgar una meitat",frac34:"Fracció vulgar tres quarts",iquest:"Símbol d'interrogació invertit", +Agrave:"Lletra majúscula llatina A amb accent greu",Aacute:"Lletra majúscula llatina A amb accent agut",Acirc:"Lletra majúscula llatina A amb circumflex",Atilde:"Lletra majúscula llatina A amb titlla",Auml:"Lletra majúscula llatina A amb dièresi",Aring:"Lletra majúscula llatina A amb anell superior",AElig:"Lletra majúscula llatina Æ",Ccedil:"Lletra majúscula llatina C amb ce trencada",Egrave:"Lletra majúscula llatina E amb accent greu",Eacute:"Lletra majúscula llatina E amb accent agut",Ecirc:"Lletra majúscula llatina E amb circumflex", +Euml:"Lletra majúscula llatina E amb dièresi",Igrave:"Lletra majúscula llatina I amb accent greu",Iacute:"Lletra majúscula llatina I amb accent agut",Icirc:"Lletra majúscula llatina I amb circumflex",Iuml:"Lletra majúscula llatina I amb dièresi",ETH:"Lletra majúscula llatina Eth",Ntilde:"Lletra majúscula llatina N amb titlla",Ograve:"Lletra majúscula llatina O amb accent greu",Oacute:"Lletra majúscula llatina O amb accent agut",Ocirc:"Lletra majúscula llatina O amb circumflex",Otilde:"Lletra majúscula llatina O amb titlla", +Ouml:"Lletra majúscula llatina O amb dièresi",times:"Símbol de multiplicació",Oslash:"Lletra majúscula llatina O amb barra",Ugrave:"Lletra majúscula llatina U amb accent greu",Uacute:"Lletra majúscula llatina U amb accent agut",Ucirc:"Lletra majúscula llatina U amb circumflex",Uuml:"Lletra majúscula llatina U amb dièresi",Yacute:"Lletra majúscula llatina Y amb accent agut",THORN:"Lletra majúscula llatina Thorn",szlig:"Lletra minúscula llatina sharp s",agrave:"Lletra minúscula llatina a amb accent greu", +aacute:"Lletra minúscula llatina a amb accent agut",acirc:"Lletra minúscula llatina a amb circumflex",atilde:"Lletra minúscula llatina a amb titlla",auml:"Lletra minúscula llatina a amb dièresi",aring:"Lletra minúscula llatina a amb anell superior",aelig:"Lletra minúscula llatina æ",ccedil:"Lletra minúscula llatina c amb ce trencada",egrave:"Lletra minúscula llatina e amb accent greu",eacute:"Lletra minúscula llatina e amb accent agut",ecirc:"Lletra minúscula llatina e amb circumflex",euml:"Lletra minúscula llatina e amb dièresi", +igrave:"Lletra minúscula llatina i amb accent greu",iacute:"Lletra minúscula llatina i amb accent agut",icirc:"Lletra minúscula llatina i amb circumflex",iuml:"Lletra minúscula llatina i amb dièresi",eth:"Lletra minúscula llatina eth",ntilde:"Lletra minúscula llatina n amb titlla",ograve:"Lletra minúscula llatina o amb accent greu",oacute:"Lletra minúscula llatina o amb accent agut",ocirc:"Lletra minúscula llatina o amb circumflex",otilde:"Lletra minúscula llatina o amb titlla",ouml:"Lletra minúscula llatina o amb dièresi", +divide:"Símbol de divisió",oslash:"Lletra minúscula llatina o amb barra",ugrave:"Lletra minúscula llatina u amb accent greu",uacute:"Lletra minúscula llatina u amb accent agut",ucirc:"Lletra minúscula llatina u amb circumflex",uuml:"Lletra minúscula llatina u amb dièresi",yacute:"Lletra minúscula llatina y amb accent agut",thorn:"Lletra minúscula llatina thorn",yuml:"Lletra minúscula llatina y amb dièresi",OElig:"Lligadura majúscula llatina OE",oelig:"Lligadura minúscula llatina oe",372:"Lletra majúscula llatina W amb circumflex", +374:"Lletra majúscula llatina Y amb circumflex",373:"Lletra minúscula llatina w amb circumflex",375:"Lletra minúscula llatina y amb circumflex",sbquo:"Signe de cita simple baixa-9",8219:"Signe de cita simple alta-invertida-9",bdquo:"Signe de cita doble baixa-9",hellip:"Punts suspensius",trade:"Símbol de marca registrada",9658:"Punter negre apuntant cap a la dreta",bull:"Vinyeta",rarr:"Fletxa cap a la dreta",rArr:"Doble fletxa cap a la dreta",hArr:"Doble fletxa esquerra dreta",diams:"Vestit negre diamant", +asymp:"Gairebé igual a"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/cs.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/cs.js new file mode 100644 index 0000000..c8d129e --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/cs.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","cs",{euro:"Znak eura",lsquo:"Počáteční uvozovka jednoduchá",rsquo:"Koncová uvozovka jednoduchá",ldquo:"Počáteční uvozovka dvojitá",rdquo:"Koncová uvozovka dvojitá",ndash:"En pomlčka",mdash:"Em pomlčka",iexcl:"Obrácený vykřičník",cent:"Znak centu",pound:"Znak libry",curren:"Znak měny",yen:"Znak jenu",brvbar:"Přerušená svislá čára",sect:"Znak oddílu",uml:"Přehláska",copy:"Znak copyrightu",ordf:"Ženský indikátor rodu",laquo:"Znak dvojitých lomených uvozovek vlevo", +not:"Logistický zápor",reg:"Znak registrace",macr:"Pomlčka nad",deg:"Znak stupně",sup2:"Dvojka jako horní index",sup3:"Trojka jako horní index",acute:"Čárka nad vpravo",micro:"Znak mikro",para:"Znak odstavce",middot:"Tečka uprostřed",cedil:"Ocásek vlevo",sup1:"Jednička jako horní index",ordm:"Mužský indikátor rodu",raquo:"Znak dvojitých lomených uvozovek vpravo",frac14:"Obyčejný zlomek jedna čtvrtina",frac12:"Obyčejný zlomek jedna polovina",frac34:"Obyčejný zlomek tři čtvrtiny",iquest:"Znak obráceného otazníku", +Agrave:"Velké písmeno latinky A s čárkou nad vlevo",Aacute:"Velké písmeno latinky A s čárkou nad vpravo",Acirc:"Velké písmeno latinky A s vokáněm",Atilde:"Velké písmeno latinky A s tildou",Auml:"Velké písmeno latinky A s dvěma tečkami",Aring:"Velké písmeno latinky A s kroužkem nad",AElig:"Velké písmeno latinky Ae",Ccedil:"Velké písmeno latinky C s ocáskem vlevo",Egrave:"Velké písmeno latinky E s čárkou nad vlevo",Eacute:"Velké písmeno latinky E s čárkou nad vpravo",Ecirc:"Velké písmeno latinky E s vokáněm", +Euml:"Velké písmeno latinky E s dvěma tečkami",Igrave:"Velké písmeno latinky I s čárkou nad vlevo",Iacute:"Velké písmeno latinky I s čárkou nad vpravo",Icirc:"Velké písmeno latinky I s vokáněm",Iuml:"Velké písmeno latinky I s dvěma tečkami",ETH:"Velké písmeno latinky Eth",Ntilde:"Velké písmeno latinky N s tildou",Ograve:"Velké písmeno latinky O s čárkou nad vlevo",Oacute:"Velké písmeno latinky O s čárkou nad vpravo",Ocirc:"Velké písmeno latinky O s vokáněm",Otilde:"Velké písmeno latinky O s tildou", +Ouml:"Velké písmeno latinky O s dvěma tečkami",times:"Znak násobení",Oslash:"Velké písmeno latinky O přeškrtnuté",Ugrave:"Velké písmeno latinky U s čárkou nad vlevo",Uacute:"Velké písmeno latinky U s čárkou nad vpravo",Ucirc:"Velké písmeno latinky U s vokáněm",Uuml:"Velké písmeno latinky U s dvěma tečkami",Yacute:"Velké písmeno latinky Y s čárkou nad vpravo",THORN:"Velké písmeno latinky Thorn",szlig:"Malé písmeno latinky ostré s",agrave:"Malé písmeno latinky a s čárkou nad vlevo",aacute:"Malé písmeno latinky a s čárkou nad vpravo", +acirc:"Malé písmeno latinky a s vokáněm",atilde:"Malé písmeno latinky a s tildou",auml:"Malé písmeno latinky a s dvěma tečkami",aring:"Malé písmeno latinky a s kroužkem nad",aelig:"Malé písmeno latinky ae",ccedil:"Malé písmeno latinky c s ocáskem vlevo",egrave:"Malé písmeno latinky e s čárkou nad vlevo",eacute:"Malé písmeno latinky e s čárkou nad vpravo",ecirc:"Malé písmeno latinky e s vokáněm",euml:"Malé písmeno latinky e s dvěma tečkami",igrave:"Malé písmeno latinky i s čárkou nad vlevo",iacute:"Malé písmeno latinky i s čárkou nad vpravo", +icirc:"Malé písmeno latinky i s vokáněm",iuml:"Malé písmeno latinky i s dvěma tečkami",eth:"Malé písmeno latinky eth",ntilde:"Malé písmeno latinky n s tildou",ograve:"Malé písmeno latinky o s čárkou nad vlevo",oacute:"Malé písmeno latinky o s čárkou nad vpravo",ocirc:"Malé písmeno latinky o s vokáněm",otilde:"Malé písmeno latinky o s tildou",ouml:"Malé písmeno latinky o s dvěma tečkami",divide:"Znak dělení",oslash:"Malé písmeno latinky o přeškrtnuté",ugrave:"Malé písmeno latinky u s čárkou nad vlevo", +uacute:"Malé písmeno latinky u s čárkou nad vpravo",ucirc:"Malé písmeno latinky u s vokáněm",uuml:"Malé písmeno latinky u s dvěma tečkami",yacute:"Malé písmeno latinky y s čárkou nad vpravo",thorn:"Malé písmeno latinky thorn",yuml:"Malé písmeno latinky y s dvěma tečkami",OElig:"Velká ligatura latinky OE",oelig:"Malá ligatura latinky OE",372:"Velké písmeno latinky W s vokáněm",374:"Velké písmeno latinky Y s vokáněm",373:"Malé písmeno latinky w s vokáněm",375:"Malé písmeno latinky y s vokáněm",sbquo:"Dolní 9 uvozovka jednoduchá", +8219:"Horní obrácená 9 uvozovka jednoduchá",bdquo:"Dolní 9 uvozovka dvojitá",hellip:"Trojtečkový úvod",trade:"Obchodní značka",9658:"Černý ukazatel směřující vpravo",bull:"Kolečko",rarr:"Šipka vpravo",rArr:"Dvojitá šipka vpravo",hArr:"Dvojitá šipka vlevo a vpravo",diams:"Černé piky",asymp:"Téměř se rovná"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/cy.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/cy.js new file mode 100644 index 0000000..b873ac9 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/cy.js @@ -0,0 +1,14 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","cy",{euro:"Arwydd yr Ewro",lsquo:"Dyfynnod chwith unigol",rsquo:"Dyfynnod dde unigol",ldquo:"Dyfynnod chwith dwbl",rdquo:"Dyfynnod dde dwbl",ndash:"Cysylltnod en",mdash:"Cysylltnod em",iexcl:"Ebychnod gwrthdro",cent:"Arwydd sent",pound:"Arwydd punt",curren:"Arwydd arian cyfred",yen:"Arwydd yen",brvbar:"Bar toriedig",sect:"Arwydd adran",uml:"Didolnod",copy:"Arwydd hawlfraint",ordf:"Dangosydd benywaidd",laquo:"Dyfynnod dwbl ar ongl i'r chwith",not:"Arwydd Nid", +reg:"Arwydd cofrestredig",macr:"Macron",deg:"Arwydd gradd",sup2:"Dau uwchsgript",sup3:"Tri uwchsgript",acute:"Acen ddyrchafedig",micro:"Arwydd micro",para:"Arwydd pilcrow",middot:"Dot canol",cedil:"Sedila",sup1:"Un uwchsgript",ordm:"Dangosydd gwrywaidd",raquo:"Dyfynnod dwbl ar ongl i'r dde",frac14:"Ffracsiwn cyffredin un cwarter",frac12:"Ffracsiwn cyffredin un hanner",frac34:"Ffracsiwn cyffredin tri chwarter",iquest:"Marc cwestiwn gwrthdroëdig",Agrave:"Priflythyren A Lladinaidd gydag acen ddisgynedig", +Aacute:"Priflythyren A Lladinaidd gydag acen ddyrchafedig",Acirc:"Priflythyren A Lladinaidd gydag acen grom",Atilde:"Priflythyren A Lladinaidd gyda thild",Auml:"Priflythyren A Lladinaidd gyda didolnod",Aring:"Priflythyren A Lladinaidd gyda chylch uwchben",AElig:"Priflythyren Æ Lladinaidd",Ccedil:"Priflythyren C Lladinaidd gyda sedila",Egrave:"Priflythyren E Lladinaidd gydag acen ddisgynedig",Eacute:"Priflythyren E Lladinaidd gydag acen ddyrchafedig",Ecirc:"Priflythyren E Lladinaidd gydag acen grom", +Euml:"Priflythyren E Lladinaidd gyda didolnod",Igrave:"Priflythyren I Lladinaidd gydag acen ddisgynedig",Iacute:"Priflythyren I Lladinaidd gydag acen ddyrchafedig",Icirc:"Priflythyren I Lladinaidd gydag acen grom",Iuml:"Priflythyren I Lladinaidd gyda didolnod",ETH:"Priflythyren Eth",Ntilde:"Priflythyren N Lladinaidd gyda thild",Ograve:"Priflythyren O Lladinaidd gydag acen ddisgynedig",Oacute:"Priflythyren O Lladinaidd gydag acen ddyrchafedig",Ocirc:"Priflythyren O Lladinaidd gydag acen grom",Otilde:"Priflythyren O Lladinaidd gyda thild", +Ouml:"Priflythyren O Lladinaidd gyda didolnod",times:"Arwydd lluosi",Oslash:"Priflythyren O Lladinaidd gyda strôc",Ugrave:"Priflythyren U Lladinaidd gydag acen ddisgynedig",Uacute:"Priflythyren U Lladinaidd gydag acen ddyrchafedig",Ucirc:"Priflythyren U Lladinaidd gydag acen grom",Uuml:"Priflythyren U Lladinaidd gyda didolnod",Yacute:"Priflythyren Y Lladinaidd gydag acen ddyrchafedig",THORN:"Priflythyren Thorn",szlig:"Llythyren s fach Lladinaidd siarp ",agrave:"Llythyren a fach Lladinaidd gydag acen ddisgynedig", +aacute:"Llythyren a fach Lladinaidd gydag acen ddyrchafedig",acirc:"Llythyren a fach Lladinaidd gydag acen grom",atilde:"Llythyren a fach Lladinaidd gyda thild",auml:"Llythyren a fach Lladinaidd gyda didolnod",aring:"Llythyren a fach Lladinaidd gyda chylch uwchben",aelig:"Llythyren æ fach Lladinaidd",ccedil:"Llythyren c fach Lladinaidd gyda sedila",egrave:"Llythyren e fach Lladinaidd gydag acen ddisgynedig",eacute:"Llythyren e fach Lladinaidd gydag acen ddyrchafedig",ecirc:"Llythyren e fach Lladinaidd gydag acen grom", +euml:"Llythyren e fach Lladinaidd gyda didolnod",igrave:"Llythyren i fach Lladinaidd gydag acen ddisgynedig",iacute:"Llythyren i fach Lladinaidd gydag acen ddyrchafedig",icirc:"Llythyren i fach Lladinaidd gydag acen grom",iuml:"Llythyren i fach Lladinaidd gyda didolnod",eth:"Llythyren eth fach",ntilde:"Llythyren n fach Lladinaidd gyda thild",ograve:"Llythyren o fach Lladinaidd gydag acen ddisgynedig",oacute:"Llythyren o fach Lladinaidd gydag acen ddyrchafedig",ocirc:"Llythyren o fach Lladinaidd gydag acen grom", +otilde:"Llythyren o fach Lladinaidd gyda thild",ouml:"Llythyren o fach Lladinaidd gyda didolnod",divide:"Arwydd rhannu",oslash:"Llythyren o fach Lladinaidd gyda strôc",ugrave:"Llythyren u fach Lladinaidd gydag acen ddisgynedig",uacute:"Llythyren u fach Lladinaidd gydag acen ddyrchafedig",ucirc:"Llythyren u fach Lladinaidd gydag acen grom",uuml:"Llythyren u fach Lladinaidd gyda didolnod",yacute:"Llythyren y fach Lladinaidd gydag acen ddisgynedig",thorn:"Llythyren o fach Lladinaidd gyda strôc",yuml:"Llythyren y fach Lladinaidd gyda didolnod", +OElig:"Priflythyren cwlwm OE Lladinaidd ",oelig:"Priflythyren cwlwm oe Lladinaidd ",372:"Priflythyren W gydag acen grom",374:"Priflythyren Y gydag acen grom",373:"Llythyren w fach gydag acen grom",375:"Llythyren y fach gydag acen grom",sbquo:"Dyfynnod sengl 9-isel",8219:"Dyfynnod sengl 9-uchel cildro",bdquo:"Dyfynnod dwbl 9-isel",hellip:"Coll geiriau llorweddol",trade:"Arwydd marc masnachol",9658:"Pwyntydd du i'r dde",bull:"Bwled",rarr:"Saeth i'r dde",rArr:"Saeth ddwbl i'r dde",hArr:"Saeth ddwbl i'r chwith", +diams:"Siwt diemwnt du",asymp:"Bron yn hafal iddo"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/da.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/da.js new file mode 100644 index 0000000..e20f604 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/da.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","da",{euro:"Euro-tegn",lsquo:"Left single quotation mark",rsquo:"Right single quotation mark",ldquo:"Left double quotation mark",rdquo:"Right double quotation mark",ndash:"Bindestreg",mdash:"Tankestreg",iexcl:"Inverted exclamation mark",cent:"Cent-tegn",pound:"Pund-tegn",curren:"Kurs-tegn",yen:"Yen-tegn",brvbar:"Brudt streg",sect:"Paragraftegn",uml:"Diaeresis",copy:"Copyright-tegn",ordf:"Feminine ordinal indicator",laquo:"Left-pointing double angle quotation mark", +not:"Not sign",reg:"Registreret varemærke tegn",macr:"Macron",deg:"Grad-tegn",sup2:"Superscript to",sup3:"Superscript tre",acute:"Acute accent",micro:"Mikro-tegn",para:"Pilcrow sign",middot:"Middle dot",cedil:"Cedilla",sup1:"Superscript et",ordm:"Masculine ordinal indicator",raquo:"Right-pointing double angle quotation mark",frac14:"Vulgar fraction one quarter",frac12:"Vulgar fraction one half",frac34:"Vulgar fraction three quarters",iquest:"Inverted question mark",Agrave:"Latin capital letter A with grave accent", +Aacute:"Latin capital letter A with acute accent",Acirc:"Latin capital letter A with circumflex",Atilde:"Latin capital letter A with tilde",Auml:"Latin capital letter A with diaeresis",Aring:"Latin capital letter A with ring above",AElig:"Latin Capital letter Æ",Ccedil:"Latin capital letter C with cedilla",Egrave:"Latin capital letter E with grave accent",Eacute:"Latin capital letter E with acute accent",Ecirc:"Latin capital letter E with circumflex",Euml:"Latin capital letter E with diaeresis",Igrave:"Latin capital letter I with grave accent", +Iacute:"Latin capital letter I with acute accent",Icirc:"Latin capital letter I with circumflex",Iuml:"Latin capital letter I with diaeresis",ETH:"Latin capital letter Eth",Ntilde:"Latin capital letter N with tilde",Ograve:"Latin capital letter O with grave accent",Oacute:"Latin capital letter O with acute accent",Ocirc:"Latin capital letter O with circumflex",Otilde:"Latin capital letter O with tilde",Ouml:"Latin capital letter O with diaeresis",times:"Multiplication sign",Oslash:"Latin capital letter O with stroke", +Ugrave:"Latin capital letter U with grave accent",Uacute:"Latin capital letter U with acute accent",Ucirc:"Latin capital letter U with circumflex",Uuml:"Latin capital letter U with diaeresis",Yacute:"Latin capital letter Y with acute accent",THORN:"Latin capital letter Thorn",szlig:"Latin small letter sharp s",agrave:"Latin small letter a with grave accent",aacute:"Latin small letter a with acute accent",acirc:"Latin small letter a with circumflex",atilde:"Latin small letter a with tilde",auml:"Latin small letter a with diaeresis", +aring:"Latin small letter a with ring above",aelig:"Latin small letter æ",ccedil:"Latin small letter c with cedilla",egrave:"Latin small letter e with grave accent",eacute:"Latin small letter e with acute accent",ecirc:"Latin small letter e with circumflex",euml:"Latin small letter e with diaeresis",igrave:"Latin small letter i with grave accent",iacute:"Latin small letter i with acute accent",icirc:"Latin small letter i with circumflex",iuml:"Latin small letter i with diaeresis",eth:"Latin small letter eth", +ntilde:"Latin small letter n with tilde",ograve:"Latin small letter o with grave accent",oacute:"Latin small letter o with acute accent",ocirc:"Latin small letter o with circumflex",otilde:"Latin small letter o with tilde",ouml:"Latin small letter o with diaeresis",divide:"Division sign",oslash:"Latin small letter o with stroke",ugrave:"Latin small letter u with grave accent",uacute:"Latin small letter u with acute accent",ucirc:"Latin small letter u with circumflex",uuml:"Latin small letter u with diaeresis", +yacute:"Latin small letter y with acute accent",thorn:"Latin small letter thorn",yuml:"Latin small letter y with diaeresis",OElig:"Latin capital ligature OE",oelig:"Latin small ligature oe",372:"Latin capital letter W with circumflex",374:"Latin capital letter Y with circumflex",373:"Latin small letter w with circumflex",375:"Latin small letter y with circumflex",sbquo:"Single low-9 quotation mark",8219:"Single high-reversed-9 quotation mark",bdquo:"Double low-9 quotation mark",hellip:"Horizontal ellipsis", +trade:"Varemærke-tegn",9658:"Black right-pointing pointer",bull:"Bullet",rarr:"Rightwards arrow",rArr:"Rightwards double arrow",hArr:"Left right double arrow",diams:"Black diamond suit",asymp:"Almost equal to"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/de.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/de.js new file mode 100644 index 0000000..a056347 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/de.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","de",{euro:"Euro Zeichen",lsquo:"Hochkomma links",rsquo:"Hochkomma rechts",ldquo:"Anführungszeichen links",rdquo:"Anführungszeichen rechts",ndash:"kleiner Strich",mdash:"mittlerer Strich",iexcl:"invertiertes Ausrufezeichen",cent:"Cent",pound:"Pfund",curren:"Währung",yen:"Yen",brvbar:"gestrichelte Linie",sect:"§ Zeichen",uml:"Diäresis",copy:"Copyright",ordf:"Feminine ordinal Anzeige",laquo:"Nach links zeigenden Doppel-Winkel Anführungszeichen",not:"Not-Zeichen", +reg:"Registriert",macr:"Längezeichen",deg:"Grad",sup2:"Hoch 2",sup3:"Hoch 3",acute:"Akzentzeichen ",micro:"Micro",para:"Pilcrow-Zeichen",middot:"Mittelpunkt",cedil:"Cedilla",sup1:"Hoch 1",ordm:"Männliche Ordnungszahl Anzeige",raquo:"Nach rechts zeigenden Doppel-Winkel Anführungszeichen",frac14:"ein Viertel",frac12:"Hälfte",frac34:"Dreiviertel",iquest:"Umgekehrtes Fragezeichen",Agrave:"Lateinischer Buchstabe A mit AkzentGrave",Aacute:"Lateinischer Buchstabe A mit Akutakzent",Acirc:"Lateinischer Buchstabe A mit Zirkumflex", +Atilde:"Lateinischer Buchstabe A mit Tilde",Auml:"Lateinischer Buchstabe A mit Trema",Aring:"Lateinischer Buchstabe A mit Ring oben",AElig:"Lateinischer Buchstabe Æ",Ccedil:"Lateinischer Buchstabe C mit Cedille",Egrave:"Lateinischer Buchstabe E mit AkzentGrave",Eacute:"Lateinischer Buchstabe E mit Akutakzent",Ecirc:"Lateinischer Buchstabe E mit Zirkumflex",Euml:"Lateinischer Buchstabe E Trema",Igrave:"Lateinischer Buchstabe I mit AkzentGrave",Iacute:"Lateinischer Buchstabe I mit Akutakzent",Icirc:"Lateinischer Buchstabe I mit Zirkumflex", +Iuml:"Lateinischer Buchstabe I mit Trema",ETH:"Lateinischer Buchstabe Eth",Ntilde:"Lateinischer Buchstabe N mit Tilde",Ograve:"Lateinischer Buchstabe O mit AkzentGrave",Oacute:"Lateinischer Buchstabe O mit Akutakzent",Ocirc:"Lateinischer Buchstabe O mit Zirkumflex",Otilde:"Lateinischer Buchstabe O mit Tilde",Ouml:"Lateinischer Buchstabe O mit Trema",times:"Multiplikation",Oslash:"Lateinischer Buchstabe O durchgestrichen",Ugrave:"Lateinischer Buchstabe U mit Akzentgrave",Uacute:"Lateinischer Buchstabe U mit Akutakzent", +Ucirc:"Lateinischer Buchstabe U mit Zirkumflex",Uuml:"Lateinischer Buchstabe a mit Trema",Yacute:"Lateinischer Buchstabe a mit Akzent",THORN:"Lateinischer Buchstabe mit Dorn",szlig:"Kleiner lateinischer Buchstabe scharfe s",agrave:"Kleiner lateinischer Buchstabe a mit Accent grave",aacute:"Kleiner lateinischer Buchstabe a mit Akut",acirc:"Lateinischer Buchstabe a mit Zirkumflex",atilde:"Lateinischer Buchstabe a mit Tilde",auml:"Kleiner lateinischer Buchstabe a mit Trema",aring:"Kleiner lateinischer Buchstabe a mit Ring oben", +aelig:"Lateinischer Buchstabe æ",ccedil:"Kleiner lateinischer Buchstabe c mit Cedille",egrave:"Kleiner lateinischer Buchstabe e mit Accent grave",eacute:"Kleiner lateinischer Buchstabe e mit Akut",ecirc:"Kleiner lateinischer Buchstabe e mit Zirkumflex",euml:"Kleiner lateinischer Buchstabe e mit Trema",igrave:"Kleiner lateinischer Buchstabe i mit AkzentGrave",iacute:"Kleiner lateinischer Buchstabe i mit Akzent",icirc:"Kleiner lateinischer Buchstabe i mit Zirkumflex",iuml:"Kleiner lateinischer Buchstabe i mit Trema", +eth:"Kleiner lateinischer Buchstabe eth",ntilde:"Kleiner lateinischer Buchstabe n mit Tilde",ograve:"Kleiner lateinischer Buchstabe o mit Accent grave",oacute:"Kleiner lateinischer Buchstabe o mit Akzent",ocirc:"Kleiner lateinischer Buchstabe o mit Zirkumflex",otilde:"Lateinischer Buchstabe i mit Tilde",ouml:"Kleiner lateinischer Buchstabe o mit Trema",divide:"Divisionszeichen",oslash:"Kleiner lateinischer Buchstabe o durchgestrichen",ugrave:"Kleiner lateinischer Buchstabe u mit Accent grave",uacute:"Kleiner lateinischer Buchstabe u mit Akut", +ucirc:"Kleiner lateinischer Buchstabe u mit Zirkumflex",uuml:"Kleiner lateinischer Buchstabe u mit Trema",yacute:"Kleiner lateinischer Buchstabe y mit Akut",thorn:"Kleiner lateinischer Buchstabe Dorn",yuml:"Kleiner lateinischer Buchstabe y mit Trema",OElig:"Lateinischer Buchstabe Ligatur OE",oelig:"Kleiner lateinischer Buchstabe Ligatur OE",372:"Lateinischer Buchstabe W mit Zirkumflex",374:"Lateinischer Buchstabe Y mit Zirkumflex",373:"Kleiner lateinischer Buchstabe w mit Zirkumflex",375:"Kleiner lateinischer Buchstabe y mit Zirkumflex", +sbquo:"Tiefergestelltes Komma",8219:"Rumgedrehtes Komma",bdquo:"Doppeltes Anführungszeichen unten",hellip:"horizontale Auslassungspunkte",trade:"Handelszeichen",9658:"Dreickspfeil rechts",bull:"Bullet",rarr:"Pfeil rechts",rArr:"Doppelpfeil rechts",hArr:"Doppelpfeil links",diams:"Karo",asymp:"Ungefähr"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/el.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/el.js new file mode 100644 index 0000000..31e69ab --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/el.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","el",{euro:"Σύμβολο Ευρώ",lsquo:"Αριστερός χαρακτήρας μονού εισαγωγικού",rsquo:"Δεξιός χαρακτήρας μονού εισαγωγικού",ldquo:"Αριστερός χαρακτήρας διπλού εισαγωγικού",rdquo:"Δεξιός χαρακτήρας διπλού εισαγωγικού",ndash:"Παύλα en",mdash:"Παύλα em",iexcl:"Ανάποδο θαυμαστικό",cent:"Σύμβολο σεντ",pound:"Σύμβολο λίρας",curren:"Σύμβολο συναλλαγματικής μονάδας",yen:"Σύμβολο Γιεν",brvbar:"Σπασμένη μπάρα",sect:"Σύμβολο τμήματος",uml:"Διαίρεση",copy:"Σύμβολο πνευματικών δικαιωμάτων", +ordf:"Feminine ordinal indicator",laquo:"Αριστερός χαρακτήρας διπλού εισαγωγικού",not:"Σύμβολο άρνησης",reg:"Σύμβολο σημάτων κατατεθέν",macr:"Μακρόν",deg:"Σύμβολο βαθμού",sup2:"Εκτεθειμένο δύο",sup3:"Εκτεθειμένο τρία",acute:"Οξεία",micro:"Σύμβολο μικρού",para:"Σύμβολο παραγράφου",middot:"Μέση τελεία",cedil:"Υπογεγραμμένη",sup1:"Εκτεθειμένο ένα",ordm:"Masculine ordinal indicator",raquo:"Right-pointing double angle quotation mark",frac14:"Γνήσιο κλάσμα ενός τετάρτου",frac12:"Γνήσιο κλάσμα ενός δεύτερου", +frac34:"Γνήσιο κλάσμα τριών τετάρτων",iquest:"Ανάποδο θαυμαστικό",Agrave:"Λατινικό κεφαλαίο γράμμα A με βαρεία",Aacute:"Λατινικό κεφαλαίο γράμμα A με οξεία",Acirc:"Λατινικό κεφαλαίο γράμμα A με περισπωμένη",Atilde:"Λατινικό κεφαλαίο γράμμα A με περισπωμένη",Auml:"Λατινικό κεφαλαίο γράμμα A με διαλυτικά",Aring:"Λατινικό κεφαλαίο γράμμα A με δακτύλιο επάνω",AElig:"Λατινικό κεφαλαίο γράμμα Æ",Ccedil:"Λατινικό κεφαλαίο γράμμα C με υπογεγραμμένη",Egrave:"Λατινικό κεφαλαίο γράμμα E με βαρεία",Eacute:"Λατινικό κεφαλαίο γράμμα E με οξεία", +Ecirc:"Λατινικό κεφαλαίο γράμμα Ε με περισπωμένη ",Euml:"Λατινικό κεφαλαίο γράμμα Ε με διαλυτικά",Igrave:"Λατινικό κεφαλαίο γράμμα I με βαρεία",Iacute:"Λατινικό κεφαλαίο γράμμα I με οξεία",Icirc:"Λατινικό κεφαλαίο γράμμα I με περισπωμένη",Iuml:"Λατινικό κεφαλαίο γράμμα I με διαλυτικά ",ETH:"Λατινικό κεφαλαίο γράμμα Eth",Ntilde:"Λατινικό κεφαλαίο γράμμα N με περισπωμένη",Ograve:"Λατινικό κεφαλαίο γράμμα O με βαρεία",Oacute:"Λατινικό κεφαλαίο γράμμα O με οξεία",Ocirc:"Λατινικό κεφαλαίο γράμμα O με περισπωμένη ", +Otilde:"Λατινικό κεφαλαίο γράμμα O με περισπωμένη",Ouml:"Λατινικό κεφαλαίο γράμμα O με διαλυτικά",times:"Σύμβολο πολλαπλασιασμού",Oslash:"Λατινικό κεφαλαίο γράμμα O με μολυβιά",Ugrave:"Λατινικό κεφαλαίο γράμμα U με βαρεία",Uacute:"Λατινικό κεφαλαίο γράμμα U με οξεία",Ucirc:"Λατινικό κεφαλαίο γράμμα U με περισπωμένη",Uuml:"Λατινικό κεφαλαίο γράμμα U με διαλυτικά",Yacute:"Λατινικό κεφαλαίο γράμμα Y με οξεία",THORN:"Λατινικό κεφαλαίο γράμμα Thorn",szlig:"Λατινικό μικρό γράμμα απότομο s",agrave:"Λατινικό μικρό γράμμα a με βαρεία", +aacute:"Λατινικό μικρό γράμμα a με οξεία",acirc:"Λατινικό μικρό γράμμα a με περισπωμένη",atilde:"Λατινικό μικρό γράμμα a με περισπωμένη",auml:"Λατινικό μικρό γράμμα a με διαλυτικά",aring:"Λατινικό μικρό γράμμα a με δακτύλιο πάνω",aelig:"Λατινικό μικρό γράμμα æ",ccedil:"Λατινικό μικρό γράμμα c με υπογεγραμμένη",egrave:"Λατινικό μικρό γράμμα ε με βαρεία",eacute:"Λατινικό μικρό γράμμα e με οξεία",ecirc:"Λατινικό μικρό γράμμα e με περισπωμένη",euml:"Λατινικό μικρό γράμμα e με διαλυτικά",igrave:"Λατινικό μικρό γράμμα i με βαρεία", +iacute:"Λατινικό μικρό γράμμα i με οξεία",icirc:"Λατινικό μικρό γράμμα i με περισπωμένη",iuml:"Λατινικό μικρό γράμμα i με διαλυτικά",eth:"Λατινικό μικρό γράμμα eth",ntilde:"Λατινικό μικρό γράμμα n με περισπωμένη",ograve:"Λατινικό μικρό γράμμα o με βαρεία",oacute:"Λατινικό μικρό γράμμα o με οξεία ",ocirc:"Λατινικό πεζό γράμμα o με περισπωμένη",otilde:"Λατινικό μικρό γράμμα o με περισπωμένη ",ouml:"Λατινικό μικρό γράμμα o με διαλυτικά",divide:"Σύμβολο διαίρεσης",oslash:"Λατινικό μικρό γράμμα o με περισπωμένη", +ugrave:"Λατινικό μικρό γράμμα u με βαρεία",uacute:"Λατινικό μικρό γράμμα u με οξεία",ucirc:"Λατινικό μικρό γράμμα u με περισπωμένη",uuml:"Λατινικό μικρό γράμμα u με διαλυτικά",yacute:"Λατινικό μικρό γράμμα y με οξεία",thorn:"Λατινικό μικρό γράμμα thorn",yuml:"Λατινικό μικρό γράμμα y με διαλυτικά",OElig:"Λατινικό κεφαλαίο σύμπλεγμα ΟΕ",oelig:"Λατινικό μικρό σύμπλεγμα oe",372:"Λατινικό κεφαλαίο γράμμα W με περισπωμένη",374:"Λατινικό κεφαλαίο γράμμα Y με περισπωμένη",373:"Λατινικό μικρό γράμμα w με περισπωμένη", +375:"Λατινικό μικρό γράμμα y με περισπωμένη",sbquo:"Single low-9 quotation mark",8219:"Single high-reversed-9 quotation mark",bdquo:"Double low-9 quotation mark",hellip:"Οριζόντια αποσιωπητικά",trade:"Σύμβολο εμπορικού κατατεθέν",9658:"Μαύρος δείκτης που δείχνει προς τα δεξιά",bull:"Κουκκίδα",rarr:"Δεξί βελάκι",rArr:"Διπλό δεξί βελάκι",hArr:"Διπλό βελάκι αριστερά-δεξιά",diams:"Μαύρο διαμάντι",asymp:"Σχεδόν ίσο με"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/en-gb.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/en-gb.js new file mode 100644 index 0000000..08de561 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/en-gb.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","en-gb",{euro:"Euro sign",lsquo:"Left single quotation mark",rsquo:"Right single quotation mark",ldquo:"Left double quotation mark",rdquo:"Right double quotation mark",ndash:"En dash",mdash:"Em dash",iexcl:"Inverted exclamation mark",cent:"Cent sign",pound:"Pound sign",curren:"Currency sign",yen:"Yen sign",brvbar:"Broken bar",sect:"Section sign",uml:"Diaeresis",copy:"Copyright sign",ordf:"Feminine ordinal indicator",laquo:"Left-pointing double angle quotation mark", +not:"Not sign",reg:"Registered sign",macr:"Macron",deg:"Degree sign",sup2:"Superscript two",sup3:"Superscript three",acute:"Acute accent",micro:"Micro sign",para:"Pilcrow sign",middot:"Middle dot",cedil:"Cedilla",sup1:"Superscript one",ordm:"Masculine ordinal indicator",raquo:"Right-pointing double angle quotation mark",frac14:"Vulgar fraction one quarter",frac12:"Vulgar fraction one half",frac34:"Vulgar fraction three quarters",iquest:"Inverted question mark",Agrave:"Latin capital letter A with grave accent", +Aacute:"Latin capital letter A with acute accent",Acirc:"Latin capital letter A with circumflex",Atilde:"Latin capital letter A with tilde",Auml:"Latin capital letter A with diaeresis",Aring:"Latin capital letter A with ring above",AElig:"Latin Capital letter Æ",Ccedil:"Latin capital letter C with cedilla",Egrave:"Latin capital letter E with grave accent",Eacute:"Latin capital letter E with acute accent",Ecirc:"Latin capital letter E with circumflex",Euml:"Latin capital letter E with diaeresis",Igrave:"Latin capital letter I with grave accent", +Iacute:"Latin capital letter I with acute accent",Icirc:"Latin capital letter I with circumflex",Iuml:"Latin capital letter I with diaeresis",ETH:"Latin capital letter Eth",Ntilde:"Latin capital letter N with tilde",Ograve:"Latin capital letter O with grave accent",Oacute:"Latin capital letter O with acute accent",Ocirc:"Latin capital letter O with circumflex",Otilde:"Latin capital letter O with tilde",Ouml:"Latin capital letter O with diaeresis",times:"Multiplication sign",Oslash:"Latin capital letter O with stroke", +Ugrave:"Latin capital letter U with grave accent",Uacute:"Latin capital letter U with acute accent",Ucirc:"Latin capital letter U with circumflex",Uuml:"Latin capital letter U with diaeresis",Yacute:"Latin capital letter Y with acute accent",THORN:"Latin capital letter Thorn",szlig:"Latin small letter sharp s",agrave:"Latin small letter a with grave accent",aacute:"Latin small letter a with acute accent",acirc:"Latin small letter a with circumflex",atilde:"Latin small letter a with tilde",auml:"Latin small letter a with diaeresis", +aring:"Latin small letter a with ring above",aelig:"Latin small letter æ",ccedil:"Latin small letter c with cedilla",egrave:"Latin small letter e with grave accent",eacute:"Latin small letter e with acute accent",ecirc:"Latin small letter e with circumflex",euml:"Latin small letter e with diaeresis",igrave:"Latin small letter i with grave accent",iacute:"Latin small letter i with acute accent",icirc:"Latin small letter i with circumflex",iuml:"Latin small letter i with diaeresis",eth:"Latin small letter eth", +ntilde:"Latin small letter n with tilde",ograve:"Latin small letter o with grave accent",oacute:"Latin small letter o with acute accent",ocirc:"Latin small letter o with circumflex",otilde:"Latin small letter o with tilde",ouml:"Latin small letter o with diaeresis",divide:"Division sign",oslash:"Latin small letter o with stroke",ugrave:"Latin small letter u with grave accent",uacute:"Latin small letter u with acute accent",ucirc:"Latin small letter u with circumflex",uuml:"Latin small letter u with diaeresis", +yacute:"Latin small letter y with acute accent",thorn:"Latin small letter thorn",yuml:"Latin small letter y with diaeresis",OElig:"Latin capital ligature OE",oelig:"Latin small ligature oe",372:"Latin capital letter W with circumflex",374:"Latin capital letter Y with circumflex",373:"Latin small letter w with circumflex",375:"Latin small letter y with circumflex",sbquo:"Single low-9 quotation mark",8219:"Single high-reversed-9 quotation mark",bdquo:"Double low-9 quotation mark",hellip:"Horizontal ellipsis", +trade:"Trade mark sign",9658:"Black right-pointing pointer",bull:"Bullet",rarr:"Rightwards arrow",rArr:"Rightwards double arrow",hArr:"Left right double arrow",diams:"Black diamond suit",asymp:"Almost equal to"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/en.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/en.js new file mode 100644 index 0000000..418406d --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/en.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","en",{euro:"Euro sign",lsquo:"Left single quotation mark",rsquo:"Right single quotation mark",ldquo:"Left double quotation mark",rdquo:"Right double quotation mark",ndash:"En dash",mdash:"Em dash",iexcl:"Inverted exclamation mark",cent:"Cent sign",pound:"Pound sign",curren:"Currency sign",yen:"Yen sign",brvbar:"Broken bar",sect:"Section sign",uml:"Diaeresis",copy:"Copyright sign",ordf:"Feminine ordinal indicator",laquo:"Left-pointing double angle quotation mark", +not:"Not sign",reg:"Registered sign",macr:"Macron",deg:"Degree sign",sup2:"Superscript two",sup3:"Superscript three",acute:"Acute accent",micro:"Micro sign",para:"Pilcrow sign",middot:"Middle dot",cedil:"Cedilla",sup1:"Superscript one",ordm:"Masculine ordinal indicator",raquo:"Right-pointing double angle quotation mark",frac14:"Vulgar fraction one quarter",frac12:"Vulgar fraction one half",frac34:"Vulgar fraction three quarters",iquest:"Inverted question mark",Agrave:"Latin capital letter A with grave accent", +Aacute:"Latin capital letter A with acute accent",Acirc:"Latin capital letter A with circumflex",Atilde:"Latin capital letter A with tilde",Auml:"Latin capital letter A with diaeresis",Aring:"Latin capital letter A with ring above",AElig:"Latin Capital letter Æ",Ccedil:"Latin capital letter C with cedilla",Egrave:"Latin capital letter E with grave accent",Eacute:"Latin capital letter E with acute accent",Ecirc:"Latin capital letter E with circumflex",Euml:"Latin capital letter E with diaeresis",Igrave:"Latin capital letter I with grave accent", +Iacute:"Latin capital letter I with acute accent",Icirc:"Latin capital letter I with circumflex",Iuml:"Latin capital letter I with diaeresis",ETH:"Latin capital letter Eth",Ntilde:"Latin capital letter N with tilde",Ograve:"Latin capital letter O with grave accent",Oacute:"Latin capital letter O with acute accent",Ocirc:"Latin capital letter O with circumflex",Otilde:"Latin capital letter O with tilde",Ouml:"Latin capital letter O with diaeresis",times:"Multiplication sign",Oslash:"Latin capital letter O with stroke", +Ugrave:"Latin capital letter U with grave accent",Uacute:"Latin capital letter U with acute accent",Ucirc:"Latin capital letter U with circumflex",Uuml:"Latin capital letter U with diaeresis",Yacute:"Latin capital letter Y with acute accent",THORN:"Latin capital letter Thorn",szlig:"Latin small letter sharp s",agrave:"Latin small letter a with grave accent",aacute:"Latin small letter a with acute accent",acirc:"Latin small letter a with circumflex",atilde:"Latin small letter a with tilde",auml:"Latin small letter a with diaeresis", +aring:"Latin small letter a with ring above",aelig:"Latin small letter æ",ccedil:"Latin small letter c with cedilla",egrave:"Latin small letter e with grave accent",eacute:"Latin small letter e with acute accent",ecirc:"Latin small letter e with circumflex",euml:"Latin small letter e with diaeresis",igrave:"Latin small letter i with grave accent",iacute:"Latin small letter i with acute accent",icirc:"Latin small letter i with circumflex",iuml:"Latin small letter i with diaeresis",eth:"Latin small letter eth", +ntilde:"Latin small letter n with tilde",ograve:"Latin small letter o with grave accent",oacute:"Latin small letter o with acute accent",ocirc:"Latin small letter o with circumflex",otilde:"Latin small letter o with tilde",ouml:"Latin small letter o with diaeresis",divide:"Division sign",oslash:"Latin small letter o with stroke",ugrave:"Latin small letter u with grave accent",uacute:"Latin small letter u with acute accent",ucirc:"Latin small letter u with circumflex",uuml:"Latin small letter u with diaeresis", +yacute:"Latin small letter y with acute accent",thorn:"Latin small letter thorn",yuml:"Latin small letter y with diaeresis",OElig:"Latin capital ligature OE",oelig:"Latin small ligature oe",372:"Latin capital letter W with circumflex",374:"Latin capital letter Y with circumflex",373:"Latin small letter w with circumflex",375:"Latin small letter y with circumflex",sbquo:"Single low-9 quotation mark",8219:"Single high-reversed-9 quotation mark",bdquo:"Double low-9 quotation mark",hellip:"Horizontal ellipsis", +trade:"Trade mark sign",9658:"Black right-pointing pointer",bull:"Bullet",rarr:"Rightwards arrow",rArr:"Rightwards double arrow",hArr:"Left right double arrow",diams:"Black diamond suit",asymp:"Almost equal to"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/eo.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/eo.js new file mode 100644 index 0000000..c5803d5 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/eo.js @@ -0,0 +1,12 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","eo",{euro:"Eŭrosigno",lsquo:"Supra 6-citilo",rsquo:"Supra 9-citilo",ldquo:"Supra 66-citilo",rdquo:"Supra 99-citilo",ndash:"Streketo",mdash:"Substreko",iexcl:"Renversita krisigno",cent:"Cendosigno",pound:"Pundosigno",curren:"Monersigno",yen:"Enosigno",brvbar:"Rompita vertikala streko",sect:"Kurba paragrafo",uml:"Tremao",copy:"Kopirajtosigno",ordf:"Adjektiva numerfinaĵo",laquo:"Duobla malplio-citilo",not:"Negohoko",reg:"Registrita marko",macr:"Superstreko",deg:"Gradosigno", +sup2:"Supra indico 2",sup3:"Supra indico 3",acute:"Dekstra korno",micro:"Mikrosigno",para:"Rekta paragrafo",middot:"Meza punkto",cedil:"Zoeto",sup1:"Supra indico 1",ordm:"Substantiva numerfinaĵo",raquo:"Duobla plio-citilo",frac14:"Kvaronosigno",frac12:"Duonosigno",frac34:"Trikvaronosigno",iquest:"renversita demandosigno",Agrave:"Latina ĉeflitero A kun liva korno",Aacute:"Latina ĉeflitero A kun dekstra korno",Acirc:"Latina ĉeflitero A kun ĉapelo",Atilde:"Latina ĉeflitero A kun tildo",Auml:"Latina ĉeflitero A kun tremao", +Aring:"Latina ĉeflitero A kun superringo",AElig:"Latina ĉeflitera ligaturo Æ",Ccedil:"Latina ĉeflitero C kun zoeto",Egrave:"Latina ĉeflitero E kun liva korno",Eacute:"Latina ĉeflitero E kun dekstra korno",Ecirc:"Latina ĉeflitero E kun ĉapelo",Euml:"Latina ĉeflitero E kun tremao",Igrave:"Latina ĉeflitero I kun liva korno",Iacute:"Latina ĉeflitero I kun dekstra korno",Icirc:"Latina ĉeflitero I kun ĉapelo",Iuml:"Latina ĉeflitero I kun tremao",ETH:"Latina ĉeflitero islanda edo",Ntilde:"Latina ĉeflitero N kun tildo", +Ograve:"Latina ĉeflitero O kun liva korno",Oacute:"Latina ĉeflitero O kun dekstra korno",Ocirc:"Latina ĉeflitero O kun ĉapelo",Otilde:"Latina ĉeflitero O kun tildo",Ouml:"Latina ĉeflitero O kun tremao",times:"Multipliko",Oslash:"Latina ĉeflitero O trastrekita",Ugrave:"Latina ĉeflitero U kun liva korno",Uacute:"Latina ĉeflitero U kun dekstra korno",Ucirc:"Latina ĉeflitero U kun ĉapelo",Uuml:"Latina ĉeflitero U kun tremao",Yacute:"Latina ĉeflitero Y kun dekstra korno",THORN:"Latina ĉeflitero islanda dorno", +szlig:"Latina etlitero germana sozo (akra s)",agrave:"Latina etlitero a kun liva korno",aacute:"Latina etlitero a kun dekstra korno",acirc:"Latina etlitero a kun ĉapelo",atilde:"Latina etlitero a kun tildo",auml:"Latina etlitero a kun tremao",aring:"Latina etlitero a kun superringo",aelig:"Latina etlitera ligaturo æ",ccedil:"Latina etlitero c kun zoeto",egrave:"Latina etlitero e kun liva korno",eacute:"Latina etlitero e kun dekstra korno",ecirc:"Latina etlitero e kun ĉapelo",euml:"Latina etlitero e kun tremao", +igrave:"Latina etlitero i kun liva korno",iacute:"Latina etlitero i kun dekstra korno",icirc:"Latina etlitero i kun ĉapelo",iuml:"Latina etlitero i kun tremao",eth:"Latina etlitero islanda edo",ntilde:"Latina etlitero n kun tildo",ograve:"Latina etlitero o kun liva korno",oacute:"Latina etlitero o kun dekstra korno",ocirc:"Latina etlitero o kun ĉapelo",otilde:"Latina etlitero o kun tildo",ouml:"Latina etlitero o kun tremao",divide:"Dividosigno",oslash:"Latina etlitero o trastrekita",ugrave:"Latina etlitero u kun liva korno", +uacute:"Latina etlitero u kun dekstra korno",ucirc:"Latina etlitero u kun ĉapelo",uuml:"Latina etlitero u kun tremao",yacute:"Latina etlitero y kun dekstra korno",thorn:"Latina etlitero islanda dorno",yuml:"Latina etlitero y kun tremao",OElig:"Latina ĉeflitera ligaturo Œ",oelig:"Latina etlitera ligaturo œ",372:"Latina ĉeflitero W kun ĉapelo",374:"Latina ĉeflitero Y kun ĉapelo",373:"Latina etlitero w kun ĉapelo",375:"Latina etlitero y kun ĉapelo",sbquo:"Suba 9-citilo",8219:"Supra renversita 9-citilo", +bdquo:"Suba 99-citilo",hellip:"Tripunkto",trade:"Varmarka signo",9658:"Nigra sago dekstren",bull:"Bulmarko",rarr:"Sago dekstren",rArr:"Duobla sago dekstren",hArr:"Duobla sago maldekstren",diams:"Nigra kvadrato",asymp:"Preskaŭ egala"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/es.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/es.js new file mode 100644 index 0000000..e91f1a0 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/es.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","es",{euro:"Símbolo de euro",lsquo:"Comilla simple izquierda",rsquo:"Comilla simple derecha",ldquo:"Comilla doble izquierda",rdquo:"Comilla doble derecha",ndash:"Guión corto",mdash:"Guión medio largo",iexcl:"Signo de admiración invertido",cent:"Símbolo centavo",pound:"Símbolo libra",curren:"Símbolo moneda",yen:"Símbolo yen",brvbar:"Barra vertical rota",sect:"Símbolo sección",uml:"Diéresis",copy:"Signo de derechos de autor",ordf:"Indicador ordinal femenino",laquo:"Abre comillas angulares", +not:"Signo negación",reg:"Signo de marca registrada",macr:"Guión alto",deg:"Signo de grado",sup2:"Superíndice dos",sup3:"Superíndice tres",acute:"Acento agudo",micro:"Signo micro",para:"Signo de pi",middot:"Punto medio",cedil:"Cedilla",sup1:"Superíndice uno",ordm:"Indicador orginal masculino",raquo:"Cierra comillas angulares",frac14:"Fracción ordinaria de un quarto",frac12:"Fracción ordinaria de una mitad",frac34:"Fracción ordinaria de tres cuartos",iquest:"Signo de interrogación invertido",Agrave:"Letra A latina mayúscula con acento grave", +Aacute:"Letra A latina mayúscula con acento agudo",Acirc:"Letra A latina mayúscula con acento circunflejo",Atilde:"Letra A latina mayúscula con tilde",Auml:"Letra A latina mayúscula con diéresis",Aring:"Letra A latina mayúscula con aro arriba",AElig:"Letra Æ latina mayúscula",Ccedil:"Letra C latina mayúscula con cedilla",Egrave:"Letra E latina mayúscula con acento grave",Eacute:"Letra E latina mayúscula con acento agudo",Ecirc:"Letra E latina mayúscula con acento circunflejo",Euml:"Letra E latina mayúscula con diéresis", +Igrave:"Letra I latina mayúscula con acento grave",Iacute:"Letra I latina mayúscula con acento agudo",Icirc:"Letra I latina mayúscula con acento circunflejo",Iuml:"Letra I latina mayúscula con diéresis",ETH:"Letra Eth latina mayúscula",Ntilde:"Letra N latina mayúscula con tilde",Ograve:"Letra O latina mayúscula con acento grave",Oacute:"Letra O latina mayúscula con acento agudo",Ocirc:"Letra O latina mayúscula con acento circunflejo",Otilde:"Letra O latina mayúscula con tilde",Ouml:"Letra O latina mayúscula con diéresis", +times:"Signo de multiplicación",Oslash:"Letra O latina mayúscula con barra inclinada",Ugrave:"Letra U latina mayúscula con acento grave",Uacute:"Letra U latina mayúscula con acento agudo",Ucirc:"Letra U latina mayúscula con acento circunflejo",Uuml:"Letra U latina mayúscula con diéresis",Yacute:"Letra Y latina mayúscula con acento agudo",THORN:"Letra Thorn latina mayúscula",szlig:"Letra s latina fuerte pequeña",agrave:"Letra a latina pequeña con acento grave",aacute:"Letra a latina pequeña con acento agudo", +acirc:"Letra a latina pequeña con acento circunflejo",atilde:"Letra a latina pequeña con tilde",auml:"Letra a latina pequeña con diéresis",aring:"Letra a latina pequeña con aro arriba",aelig:"Letra æ latina pequeña",ccedil:"Letra c latina pequeña con cedilla",egrave:"Letra e latina pequeña con acento grave",eacute:"Letra e latina pequeña con acento agudo",ecirc:"Letra e latina pequeña con acento circunflejo",euml:"Letra e latina pequeña con diéresis",igrave:"Letra i latina pequeña con acento grave", +iacute:"Letra i latina pequeña con acento agudo",icirc:"Letra i latina pequeña con acento circunflejo",iuml:"Letra i latina pequeña con diéresis",eth:"Letra eth latina pequeña",ntilde:"Letra n latina pequeña con tilde",ograve:"Letra o latina pequeña con acento grave",oacute:"Letra o latina pequeña con acento agudo",ocirc:"Letra o latina pequeña con acento circunflejo",otilde:"Letra o latina pequeña con tilde",ouml:"Letra o latina pequeña con diéresis",divide:"Signo de división",oslash:"Letra o latina minúscula con barra inclinada", +ugrave:"Letra u latina pequeña con acento grave",uacute:"Letra u latina pequeña con acento agudo",ucirc:"Letra u latina pequeña con acento circunflejo",uuml:"Letra u latina pequeña con diéresis",yacute:"Letra u latina pequeña con acento agudo",thorn:"Letra thorn latina minúscula",yuml:"Letra y latina pequeña con diéresis",OElig:"Diptongo OE latino en mayúscula",oelig:"Diptongo oe latino en minúscula",372:"Letra W latina mayúscula con acento circunflejo",374:"Letra Y latina mayúscula con acento circunflejo", +373:"Letra w latina pequeña con acento circunflejo",375:"Letra y latina pequeña con acento circunflejo",sbquo:"Comilla simple baja-9",8219:"Comilla simple alta invertida-9",bdquo:"Comillas dobles bajas-9",hellip:"Puntos suspensivos horizontales",trade:"Signo de marca registrada",9658:"Apuntador negro apuntando a la derecha",bull:"Viñeta",rarr:"Flecha a la derecha",rArr:"Flecha doble a la derecha",hArr:"Flecha izquierda derecha doble",diams:"Diamante negro",asymp:"Casi igual a"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/et.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/et.js new file mode 100644 index 0000000..2a20883 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/et.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","et",{euro:"Euromärk",lsquo:"Alustav ühekordne jutumärk",rsquo:"Lõpetav ühekordne jutumärk",ldquo:"Alustav kahekordne jutumärk",rdquo:"Lõpetav kahekordne jutumärk",ndash:"Enn-kriips",mdash:"Emm-kriips",iexcl:"Pööratud hüüumärk",cent:"Sendimärk",pound:"Naela märk",curren:"Valuutamärk",yen:"Jeeni märk",brvbar:"Katkestatud kriips",sect:"Lõigu märk",uml:"Täpid",copy:"Autoriõiguse märk",ordf:"Feminine ordinal indicator",laquo:"Left-pointing double angle quotation mark", +not:"Ei-märk",reg:"Registered sign",macr:"Macron",deg:"Kraadimärk",sup2:"Ülaindeks kaks",sup3:"Ülaindeks kolm",acute:"Acute accent",micro:"Mikro-märk",para:"Pilcrow sign",middot:"Keskpunkt",cedil:"Cedilla",sup1:"Ülaindeks üks",ordm:"Masculine ordinal indicator",raquo:"Right-pointing double angle quotation mark",frac14:"Vulgar fraction one quarter",frac12:"Vulgar fraction one half",frac34:"Vulgar fraction three quarters",iquest:"Inverted question mark",Agrave:"Latin capital letter A with grave accent", +Aacute:"Latin capital letter A with acute accent",Acirc:"Latin capital letter A with circumflex",Atilde:"Ladina suur A tildega",Auml:"Latin capital letter A with diaeresis",Aring:"Latin capital letter A with ring above",AElig:"Latin Capital letter Æ",Ccedil:"Latin capital letter C with cedilla",Egrave:"Latin capital letter E with grave accent",Eacute:"Latin capital letter E with acute accent",Ecirc:"Latin capital letter E with circumflex",Euml:"Latin capital letter E with diaeresis",Igrave:"Latin capital letter I with grave accent", +Iacute:"Latin capital letter I with acute accent",Icirc:"Latin capital letter I with circumflex",Iuml:"Latin capital letter I with diaeresis",ETH:"Latin capital letter Eth",Ntilde:"Latin capital letter N with tilde",Ograve:"Latin capital letter O with grave accent",Oacute:"Latin capital letter O with acute accent",Ocirc:"Latin capital letter O with circumflex",Otilde:"Latin capital letter O with tilde",Ouml:"Täppidega ladina suur O",times:"Multiplication sign",Oslash:"Latin capital letter O with stroke", +Ugrave:"Latin capital letter U with grave accent",Uacute:"Latin capital letter U with acute accent",Ucirc:"Kandilise katusega suur ladina U",Uuml:"Täppidega ladina suur U",Yacute:"Latin capital letter Y with acute accent",THORN:"Latin capital letter Thorn",szlig:"Ladina väike terav s",agrave:"Latin small letter a with grave accent",aacute:"Latin small letter a with acute accent",acirc:"Kandilise katusega ladina väike a",atilde:"Tildega ladina väike a",auml:"Täppidega ladina väike a",aring:"Latin small letter a with ring above", +aelig:"Latin small letter æ",ccedil:"Latin small letter c with cedilla",egrave:"Latin small letter e with grave accent",eacute:"Latin small letter e with acute accent",ecirc:"Latin small letter e with circumflex",euml:"Latin small letter e with diaeresis",igrave:"Latin small letter i with grave accent",iacute:"Latin small letter i with acute accent",icirc:"Latin small letter i with circumflex",iuml:"Latin small letter i with diaeresis",eth:"Latin small letter eth",ntilde:"Latin small letter n with tilde", +ograve:"Latin small letter o with grave accent",oacute:"Latin small letter o with acute accent",ocirc:"Latin small letter o with circumflex",otilde:"Latin small letter o with tilde",ouml:"Latin small letter o with diaeresis",divide:"Jagamismärk",oslash:"Latin small letter o with stroke",ugrave:"Latin small letter u with grave accent",uacute:"Latin small letter u with acute accent",ucirc:"Latin small letter u with circumflex",uuml:"Latin small letter u with diaeresis",yacute:"Latin small letter y with acute accent", +thorn:"Latin small letter thorn",yuml:"Latin small letter y with diaeresis",OElig:"Latin capital ligature OE",oelig:"Latin small ligature oe",372:"Latin capital letter W with circumflex",374:"Latin capital letter Y with circumflex",373:"Latin small letter w with circumflex",375:"Latin small letter y with circumflex",sbquo:"Single low-9 quotation mark",8219:"Single high-reversed-9 quotation mark",bdquo:"Double low-9 quotation mark",hellip:"Horizontal ellipsis",trade:"Kaubamärgi märk",9658:"Black right-pointing pointer", +bull:"Kuul",rarr:"Nool paremale",rArr:"Topeltnool paremale",hArr:"Topeltnool vasakule",diams:"Black diamond suit",asymp:"Ligikaudu võrdne"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/fa.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/fa.js new file mode 100644 index 0000000..c3efb3c --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/fa.js @@ -0,0 +1,12 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","fa",{euro:"نشان یورو",lsquo:"علامت نقل قول تکی چپ",rsquo:"علامت نقل قول تکی راست",ldquo:"علامت نقل قول دوتایی چپ",rdquo:"علامت نقل قول دوتایی راست",ndash:"خط تیره En",mdash:"خط تیره Em",iexcl:"علامت تعجب وارونه",cent:"نشان سنت",pound:"نشان پوند",curren:"نشان ارز",yen:"نشان ین",brvbar:"نوار شکسته",sect:"نشان بخش",uml:"نشان سواگیری",copy:"نشان کپی رایت",ordf:"شاخص ترتیبی مونث",laquo:"اشاره چپ مکرر برای زاویه علامت نقل قول",not:"نشان ثبت نشده",reg:"نشان ثبت شده", +macr:"نشان خط بالای حرف",deg:"نشان درجه",sup2:"بالانویس دو",sup3:"بالانویس سه",acute:"لهجه غلیظ",micro:"نشان مایکرو",para:"نشان محل بند",middot:"نقطه میانی",cedil:"سدیل",sup1:"بالانویس 1",ordm:"شاخص ترتیبی مذکر",raquo:"نشان زاویه‌دار دوتایی نقل قول راست چین",frac14:"واحد عامیانه 1/4",frac12:"واحد عامینه نصف",frac34:"واحد عامیانه 3/4",iquest:"علامت سوال معکوس",Agrave:"حرف A بزرگ لاتین با تلفظ غلیظ",Aacute:"حرف A بزرگ لاتین با تلفظ شدید",Acirc:"حرف A بزرگ لاتین با دور",Atilde:"حرف A بزرگ لاتین با صدای کامی", +Auml:"حرف A بزرگ لاتین با نشان سواگیری",Aring:"حرف A بزرگ لاتین با حلقه بالا",AElig:"حرف Æ بزرگ لاتین",Ccedil:"حرف C بزرگ لاتین با نشان سواگیری",Egrave:"حرف E بزرگ لاتین با تلفظ درشت",Eacute:"حرف E بزرگ لاتین با تلفظ زیر",Ecirc:"حرف E بزرگ لاتین با خمان",Euml:"حرف E بزرگ لاتین با نشان سواگیری",Igrave:"حرف I بزرگ لاتین با تلفظ درشت",Iacute:"حرف I بزرگ لاتین با تلفظ ریز",Icirc:"حرف I بزرگ لاتین با خمان",Iuml:"حرف I بزرگ لاتین با نشان سواگیری",ETH:"حرف لاتین بزرگ واکه ترتیبی",Ntilde:"حرف N بزرگ لاتین با مد", +Ograve:"حرف O بزرگ لاتین با تلفظ درشت",Oacute:"حرف O بزرگ لاتین با تلفظ ریز",Ocirc:"حرف O بزرگ لاتین با خمان",Otilde:"حرف O بزرگ لاتین با مد",Ouml:"حرف O بزرگ لاتین با نشان سواگیری",times:"نشان ضربدر",Oslash:"حرف O بزرگ لاتین با میان خط",Ugrave:"حرف U بزرگ لاتین با تلفظ درشت",Uacute:"حرف U بزرگ لاتین با تلفظ ریز",Ucirc:"حرف U بزرگ لاتین با خمان",Uuml:"حرف U بزرگ لاتین با نشان سواگیری",Yacute:"حرف Y بزرگ لاتین با تلفظ ریز",THORN:"حرف بزرگ لاتین خاردار",szlig:"حرف کوچک لاتین شارپ s",agrave:"حرف a کوچک لاتین با تلفظ درشت", +aacute:"حرف a کوچک لاتین با تلفظ ریز",acirc:"حرف a کوچک لاتین با خمان",atilde:"حرف a کوچک لاتین با صدای کامی",auml:"حرف a کوچک لاتین با نشان سواگیری",aring:"حرف a کوچک لاتین گوشواره دار",aelig:"حرف کوچک لاتین æ",ccedil:"حرف c کوچک لاتین با نشان سدیل",egrave:"حرف e کوچک لاتین با تلفظ درشت",eacute:"حرف e کوچک لاتین با تلفظ ریز",ecirc:"حرف e کوچک لاتین با خمان",euml:"حرف e کوچک لاتین با نشان سواگیری",igrave:"حرف i کوچک لاتین با تلفظ درشت",iacute:"حرف i کوچک لاتین با تلفظ ریز",icirc:"حرف i کوچک لاتین با خمان", +iuml:"حرف i کوچک لاتین با نشان سواگیری",eth:"حرف کوچک لاتین eth",ntilde:"حرف n کوچک لاتین با صدای کامی",ograve:"حرف o کوچک لاتین با تلفظ درشت",oacute:"حرف o کوچک لاتین با تلفظ زیر",ocirc:"حرف o کوچک لاتین با خمان",otilde:"حرف o کوچک لاتین با صدای کامی",ouml:"حرف o کوچک لاتین با نشان سواگیری",divide:"نشان بخش",oslash:"حرف o کوچک لاتین با میان خط",ugrave:"حرف u کوچک لاتین با تلفظ درشت",uacute:"حرف u کوچک لاتین با تلفظ ریز",ucirc:"حرف u کوچک لاتین با خمان",uuml:"حرف u کوچک لاتین با نشان سواگیری",yacute:"حرف y کوچک لاتین با تلفظ ریز", +thorn:"حرف کوچک لاتین خاردار",yuml:"حرف y کوچک لاتین با نشان سواگیری",OElig:"بند بزرگ لاتین OE",oelig:"بند کوچک لاتین oe",372:"حرف W بزرگ لاتین با خمان",374:"حرف Y بزرگ لاتین با خمان",373:"حرف w کوچک لاتین با خمان",375:"حرف y کوچک لاتین با خمان",sbquo:"نشان نقل قول تکی زیر-9",8219:"نشان نقل قول تکی high-reversed-9",bdquo:"نقل قول دوتایی پایین-9",hellip:"حذف افقی",trade:"نشان تجاری",9658:"نشانگر سیاه جهت راست",bull:"گلوله",rarr:"فلش راست",rArr:"فلش دوتایی راست",hArr:"فلش دوتایی چپ راست",diams:"نشان الماس سیاه", +asymp:"تقریبا برابر با"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/fi.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/fi.js new file mode 100644 index 0000000..79f4a7d --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/fi.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","fi",{euro:"Euron merkki",lsquo:"Vasen yksittäinen lainausmerkki",rsquo:"Oikea yksittäinen lainausmerkki",ldquo:"Vasen kaksoislainausmerkki",rdquo:"Oikea kaksoislainausmerkki",ndash:"En dash",mdash:"Em dash",iexcl:"Inverted exclamation mark",cent:"Sentin merkki",pound:"Punnan merkki",curren:"Valuuttamerkki",yen:"Yenin merkki",brvbar:"Broken bar",sect:"Section sign",uml:"Diaeresis",copy:"Copyright sign",ordf:"Feminine ordinal indicator",laquo:"Left-pointing double angle quotation mark", +not:"Not sign",reg:"Rekisteröity merkki",macr:"Macron",deg:"Asteen merkki",sup2:"Yläindeksi kaksi",sup3:"Yläindeksi kolme",acute:"Acute accent",micro:"Mikron merkki",para:"Pilcrow sign",middot:"Middle dot",cedil:"Cedilla",sup1:"Yläindeksi yksi",ordm:"Masculine ordinal indicator",raquo:"Right-pointing double angle quotation mark",frac14:"Vulgar fraction one quarter",frac12:"Vulgar fraction one half",frac34:"Vulgar fraction three quarters",iquest:"Ylösalaisin oleva kysymysmerkki",Agrave:"Latin capital letter A with grave accent", +Aacute:"Latin capital letter A with acute accent",Acirc:"Latin capital letter A with circumflex",Atilde:"Latin capital letter A with tilde",Auml:"Latin capital letter A with diaeresis",Aring:"Latin capital letter A with ring above",AElig:"Latin Capital letter Æ",Ccedil:"Latin capital letter C with cedilla",Egrave:"Latin capital letter E with grave accent",Eacute:"Latin capital letter E with acute accent",Ecirc:"Latin capital letter E with circumflex",Euml:"Latin capital letter E with diaeresis",Igrave:"Latin capital letter I with grave accent", +Iacute:"Latin capital letter I with acute accent",Icirc:"Latin capital letter I with circumflex",Iuml:"Latin capital letter I with diaeresis",ETH:"Latin capital letter Eth",Ntilde:"Latin capital letter N with tilde",Ograve:"Latin capital letter O with grave accent",Oacute:"Latin capital letter O with acute accent",Ocirc:"Latin capital letter O with circumflex",Otilde:"Latin capital letter O with tilde",Ouml:"Latin capital letter O with diaeresis",times:"Kertomerkki",Oslash:"Latin capital letter O with stroke", +Ugrave:"Latin capital letter U with grave accent",Uacute:"Latin capital letter U with acute accent",Ucirc:"Latin capital letter U with circumflex",Uuml:"Latin capital letter U with diaeresis",Yacute:"Latin capital letter Y with acute accent",THORN:"Latin capital letter Thorn",szlig:"Latin small letter sharp s",agrave:"Latin small letter a with grave accent",aacute:"Latin small letter a with acute accent",acirc:"Latin small letter a with circumflex",atilde:"Latin small letter a with tilde",auml:"Latin small letter a with diaeresis", +aring:"Latin small letter a with ring above",aelig:"Latin small letter æ",ccedil:"Latin small letter c with cedilla",egrave:"Latin small letter e with grave accent",eacute:"Latin small letter e with acute accent",ecirc:"Latin small letter e with circumflex",euml:"Latin small letter e with diaeresis",igrave:"Latin small letter i with grave accent",iacute:"Latin small letter i with acute accent",icirc:"Latin small letter i with circumflex",iuml:"Latin small letter i with diaeresis",eth:"Latin small letter eth", +ntilde:"Latin small letter n with tilde",ograve:"Latin small letter o with grave accent",oacute:"Latin small letter o with acute accent",ocirc:"Latin small letter o with circumflex",otilde:"Latin small letter o with tilde",ouml:"Latin small letter o with diaeresis",divide:"Jakomerkki",oslash:"Latin small letter o with stroke",ugrave:"Latin small letter u with grave accent",uacute:"Latin small letter u with acute accent",ucirc:"Latin small letter u with circumflex",uuml:"Latin small letter u with diaeresis", +yacute:"Latin small letter y with acute accent",thorn:"Latin small letter thorn",yuml:"Latin small letter y with diaeresis",OElig:"Latin capital ligature OE",oelig:"Latin small ligature oe",372:"Latin capital letter W with circumflex",374:"Latin capital letter Y with circumflex",373:"Latin small letter w with circumflex",375:"Latin small letter y with circumflex",sbquo:"Single low-9 quotation mark",8219:"Single high-reversed-9 quotation mark",bdquo:"Double low-9 quotation mark",hellip:"Horizontal ellipsis", +trade:"Tavaramerkki merkki",9658:"Black right-pointing pointer",bull:"Bullet",rarr:"Nuoli oikealle",rArr:"Kaksoisnuoli oikealle",hArr:"Kaksoisnuoli oikealle ja vasemmalle",diams:"Black diamond suit",asymp:"Noin"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/fr-ca.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/fr-ca.js new file mode 100644 index 0000000..24a0d0d --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/fr-ca.js @@ -0,0 +1,10 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","fr-ca",{euro:"Symbole Euro",lsquo:"Guillemet simple ouvrant",rsquo:"Guillemet simple fermant",ldquo:"Guillemet double ouvrant",rdquo:"Guillemet double fermant",ndash:"Tiret haut",mdash:"Tiret",iexcl:"Point d'exclamation inversé",cent:"Symbole de cent",pound:"Symbole de Livre Sterling",curren:"Symbole monétaire",yen:"Symbole du Yen",brvbar:"Barre scindée",sect:"Symbole de section",uml:"Tréma",copy:"Symbole de copyright",ordf:"Indicateur ordinal féminin",laquo:"Guillemet français ouvrant", +not:"Indicateur de négation",reg:"Symbole de marque déposée",macr:"Macron",deg:"Degré",sup2:"Exposant 2",sup3:"Exposant 3",acute:"Accent aigüe",micro:"Symbole micro",para:"Paragraphe",middot:"Point médian",cedil:"Cédille",sup1:"Exposant 1",ordm:"Indicateur ordinal masculin",raquo:"Guillemet français fermant",frac14:"Un quart",frac12:"Une demi",frac34:"Trois quart",iquest:"Point d'interrogation inversé",Agrave:"A accent grave",Aacute:"A accent aigüe",Acirc:"A circonflexe",Atilde:"A tilde",Auml:"A tréma", +Aring:"A avec un rond au dessus",AElig:"Æ majuscule",Ccedil:"C cédille",Egrave:"E accent grave",Eacute:"E accent aigüe",Ecirc:"E accent circonflexe",Euml:"E tréma",Igrave:"I accent grave",Iacute:"I accent aigüe",Icirc:"I accent circonflexe",Iuml:"I tréma",ETH:"Lettre majuscule islandaise ED",Ntilde:"N tilde",Ograve:"O accent grave",Oacute:"O accent aigüe",Ocirc:"O accent circonflexe",Otilde:"O tilde",Ouml:"O tréma",times:"Symbole de multiplication",Oslash:"O barré",Ugrave:"U accent grave",Uacute:"U accent aigüe", +Ucirc:"U accent circonflexe",Uuml:"U tréma",Yacute:"Y accent aigüe",THORN:"Lettre islandaise Thorn majuscule",szlig:"Lettre minuscule allemande s dur",agrave:"a accent grave",aacute:"a accent aigüe",acirc:"a accent circonflexe",atilde:"a tilde",auml:"a tréma",aring:"a avec un cercle au dessus",aelig:"æ",ccedil:"c cédille",egrave:"e accent grave",eacute:"e accent aigüe",ecirc:"e accent circonflexe",euml:"e tréma",igrave:"i accent grave",iacute:"i accent aigüe",icirc:"i accent circonflexe",iuml:"i tréma", +eth:"Lettre minuscule islandaise ED",ntilde:"n tilde",ograve:"o accent grave",oacute:"o accent aigüe",ocirc:"O accent circonflexe",otilde:"O tilde",ouml:"O tréma",divide:"Symbole de division",oslash:"o barré",ugrave:"u accent grave",uacute:"u accent aigüe",ucirc:"u accent circonflexe",uuml:"u tréma",yacute:"y accent aigüe",thorn:"Lettre islandaise thorn minuscule",yuml:"y tréma",OElig:"ligature majuscule latine Œ",oelig:"ligature minuscule latine œ",372:"W accent circonflexe",374:"Y accent circonflexe", +373:"w accent circonflexe",375:"y accent circonflexe",sbquo:"Guillemet simple fermant",8219:"Guillemet-virgule supérieur culbuté",bdquo:"Guillemet-virgule double inférieur",hellip:"Points de suspension",trade:"Symbole de marque déposée",9658:"Flèche noire pointant vers la droite",bull:"Puce",rarr:"Flèche vers la droite",rArr:"Flèche double vers la droite",hArr:"Flèche double vers la gauche",diams:"Carreau",asymp:"Presque égal"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/fr.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/fr.js new file mode 100644 index 0000000..b224b1e --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/fr.js @@ -0,0 +1,11 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","fr",{euro:"Symbole Euro",lsquo:"Guillemet simple ouvrant",rsquo:"Guillemet simple fermant",ldquo:"Guillemet double ouvrant",rdquo:"Guillemet double fermant",ndash:"Tiret haut",mdash:"Tiret cadratin",iexcl:"Point d'exclamation inversé",cent:"Symbole Cent",pound:"Symbole Livre Sterling",curren:"Symbole monétaire",yen:"Symbole Yen",brvbar:"Barre verticale scindée",sect:"Section",uml:"Tréma",copy:"Symbole Copyright",ordf:"Indicateur ordinal féminin",laquo:"Guillemet français ouvrant", +not:"Crochet de négation",reg:"Marque déposée",macr:"Macron",deg:"Degré",sup2:"Exposant 2",sup3:"\\tExposant 3",acute:"Accent aigu",micro:"Omicron",para:"Paragraphe",middot:"Point médian",cedil:"Cédille",sup1:"\\tExposant 1",ordm:"Indicateur ordinal masculin",raquo:"Guillemet français fermant",frac14:"Un quart",frac12:"Un demi",frac34:"Trois quarts",iquest:"Point d'interrogation inversé",Agrave:"A majuscule accent grave",Aacute:"A majuscule accent aigu",Acirc:"A majuscule accent circonflexe",Atilde:"A majuscule avec caron", +Auml:"A majuscule tréma",Aring:"A majuscule avec un rond au-dessus",AElig:"Æ majuscule ligaturés",Ccedil:"C majuscule cédille",Egrave:"E majuscule accent grave",Eacute:"E majuscule accent aigu",Ecirc:"E majuscule accent circonflexe",Euml:"E majuscule tréma",Igrave:"I majuscule accent grave",Iacute:"I majuscule accent aigu",Icirc:"I majuscule accent circonflexe",Iuml:"I majuscule tréma",ETH:"Lettre majuscule islandaise ED",Ntilde:"N majuscule avec caron",Ograve:"O majuscule accent grave",Oacute:"O majuscule accent aigu", +Ocirc:"O majuscule accent circonflexe",Otilde:"O majuscule avec caron",Ouml:"O majuscule tréma",times:"Multiplication",Oslash:"O majuscule barré",Ugrave:"U majuscule accent grave",Uacute:"U majuscule accent aigu",Ucirc:"U majuscule accent circonflexe",Uuml:"U majuscule tréma",Yacute:"Y majuscule accent aigu",THORN:"Lettre islandaise Thorn majuscule",szlig:"Lettre minuscule allemande s dur",agrave:"a minuscule accent grave",aacute:"a minuscule accent aigu",acirc:"a minuscule accent circonflexe",atilde:"a minuscule avec caron", +auml:"a minuscule tréma",aring:"a minuscule avec un rond au-dessus",aelig:"æ minuscule ligaturés",ccedil:"c minuscule cédille",egrave:"e minuscule accent grave",eacute:"e minuscule accent aigu",ecirc:"e minuscule accent circonflexe",euml:"e minuscule tréma",igrave:"i minuscule accent grave",iacute:"i minuscule accent aigu",icirc:"i minuscule accent circonflexe",iuml:"i minuscule tréma",eth:"Lettre minuscule islandaise ED",ntilde:"n minuscule avec caron",ograve:"o minuscule accent grave",oacute:"o minuscule accent aigu", +ocirc:"o minuscule accent circonflexe",otilde:"o minuscule avec caron",ouml:"o minuscule tréma",divide:"Division",oslash:"o minuscule barré",ugrave:"u minuscule accent grave",uacute:"u minuscule accent aigu",ucirc:"u minuscule accent circonflexe",uuml:"u minuscule tréma",yacute:"y minuscule accent aigu",thorn:"Lettre islandaise thorn minuscule",yuml:"y minuscule tréma",OElig:"ligature majuscule latine Œ",oelig:"ligature minuscule latine œ",372:"W majuscule accent circonflexe",374:"Y majuscule accent circonflexe", +373:"w minuscule accent circonflexe",375:"y minuscule accent circonflexe",sbquo:"Guillemet simple fermant (anglais)",8219:"Guillemet-virgule supérieur culbuté",bdquo:"Guillemet-virgule double inférieur",hellip:"Points de suspension",trade:"Marque commerciale (trade mark)",9658:"Flèche noire pointant vers la droite",bull:"Gros point médian",rarr:"Flèche vers la droite",rArr:"Double flèche vers la droite",hArr:"Double flèche vers la gauche",diams:"Carreau noir",asymp:"Presque égal"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/gl.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/gl.js new file mode 100644 index 0000000..797ecc5 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/gl.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","gl",{euro:"Símbolo do euro",lsquo:"Comiña simple esquerda",rsquo:"Comiña simple dereita",ldquo:"Comiñas dobres esquerda",rdquo:"Comiñas dobres dereita",ndash:"Guión",mdash:"Raia",iexcl:"Signo de admiración invertido",cent:"Símbolo do centavo",pound:"Símbolo da libra",curren:"Símbolo de moeda",yen:"Símbolo do yen",brvbar:"Barra vertical rota",sect:"Símbolo de sección",uml:"Diérese",copy:"Símbolo de dereitos de autoría",ordf:"Indicador ordinal feminino",laquo:"Comiñas latinas, apertura", +not:"Signo negación",reg:"Símbolo de marca rexistrada",macr:"Guión alto",deg:"Signo de grao",sup2:"Superíndice dous",sup3:"Superíndice tres",acute:"Acento agudo",micro:"Signo de micro",para:"Signo de pi",middot:"Punto medio",cedil:"Cedilla",sup1:"Superíndice un",ordm:"Indicador ordinal masculino",raquo:"Comiñas latinas, peche",frac14:"Fracción ordinaria de un cuarto",frac12:"Fracción ordinaria de un medio",frac34:"Fracción ordinaria de tres cuartos",iquest:"Signo de interrogación invertido",Agrave:"Letra A latina maiúscula con acento grave", +Aacute:"Letra A latina maiúscula con acento agudo",Acirc:"Letra A latina maiúscula con acento circunflexo",Atilde:"Letra A latina maiúscula con til",Auml:"Letra A latina maiúscula con diérese",Aring:"Letra A latina maiúscula con aro enriba",AElig:"Letra Æ latina maiúscula",Ccedil:"Letra C latina maiúscula con cedilla",Egrave:"Letra E latina maiúscula con acento grave",Eacute:"Letra E latina maiúscula con acento agudo",Ecirc:"Letra E latina maiúscula con acento circunflexo",Euml:"Letra E latina maiúscula con diérese", +Igrave:"Letra I latina maiúscula con acento grave",Iacute:"Letra I latina maiúscula con acento agudo",Icirc:"Letra I latina maiúscula con acento circunflexo",Iuml:"Letra I latina maiúscula con diérese",ETH:"Letra Ed latina maiúscula",Ntilde:"Letra N latina maiúscula con til",Ograve:"Letra O latina maiúscula con acento grave",Oacute:"Letra O latina maiúscula con acento agudo",Ocirc:"Letra O latina maiúscula con acento circunflexo",Otilde:"Letra O latina maiúscula con til",Ouml:"Letra O latina maiúscula con diérese", +times:"Signo de multiplicación",Oslash:"Letra O latina maiúscula con barra transversal",Ugrave:"Letra U latina maiúscula con acento grave",Uacute:"Letra U latina maiúscula con acento agudo",Ucirc:"Letra U latina maiúscula con acento circunflexo",Uuml:"Letra U latina maiúscula con diérese",Yacute:"Letra Y latina maiúscula con acento agudo",THORN:"Letra Thorn latina maiúscula",szlig:"Letra s latina forte minúscula",agrave:"Letra a latina minúscula con acento grave",aacute:"Letra a latina minúscula con acento agudo", +acirc:"Letra a latina minúscula con acento circunflexo",atilde:"Letra a latina minúscula con til",auml:"Letra a latina minúscula con diérese",aring:"Letra a latina minúscula con aro enriba",aelig:"Letra æ latina minúscula",ccedil:"Letra c latina minúscula con cedilla",egrave:"Letra e latina minúscula con acento grave",eacute:"Letra e latina minúscula con acento agudo",ecirc:"Letra e latina minúscula con acento circunflexo",euml:"Letra e latina minúscula con diérese",igrave:"Letra i latina minúscula con acento grave", +iacute:"Letra i latina minúscula con acento agudo",icirc:"Letra i latina minúscula con acento circunflexo",iuml:"Letra i latina minúscula con diérese",eth:"Letra ed latina minúscula",ntilde:"Letra n latina minúscula con til",ograve:"Letra o latina minúscula con acento grave",oacute:"Letra o latina minúscula con acento agudo",ocirc:"Letra o latina minúscula con acento circunflexo",otilde:"Letra o latina minúscula con til",ouml:"Letra o latina minúscula con diérese",divide:"Signo de división",oslash:"Letra o latina minúscula con barra transversal", +ugrave:"Letra u latina minúscula con acento grave",uacute:"Letra u latina minúscula con acento agudo",ucirc:"Letra u latina minúscula con acento circunflexo",uuml:"Letra u latina minúscula con diérese",yacute:"Letra y latina minúscula con acento agudo",thorn:"Letra Thorn latina minúscula",yuml:"Letra y latina minúscula con diérese",OElig:"Ligadura OE latina maiúscula",oelig:"Ligadura oe latina minúscula",372:"Letra W latina maiúscula con acento circunflexo",374:"Letra Y latina maiúscula con acento circunflexo", +373:"Letra w latina minúscula con acento circunflexo",375:"Letra y latina minúscula con acento circunflexo",sbquo:"Comiña simple baixa, de apertura",8219:"Comiña simple alta, de peche",bdquo:"Comiñas dobres baixas, de apertura",hellip:"Elipse, puntos suspensivos",trade:"Signo de marca rexistrada",9658:"Apuntador negro apuntando á dereita",bull:"Viñeta",rarr:"Frecha á dereita",rArr:"Frecha dobre á dereita",hArr:"Frecha dobre da esquerda á dereita",diams:"Diamante negro",asymp:"Case igual a"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/he.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/he.js new file mode 100644 index 0000000..7593589 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/he.js @@ -0,0 +1,12 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","he",{euro:"יורו",lsquo:"סימן ציטוט יחיד שמאלי",rsquo:"סימן ציטוט יחיד ימני",ldquo:"סימן ציטוט כפול שמאלי",rdquo:"סימן ציטוט כפול ימני",ndash:"קו מפריד קצר",mdash:"קו מפריד ארוך",iexcl:"סימן קריאה הפוך",cent:"סנט",pound:"פאונד",curren:"מטבע",yen:"ין",brvbar:"קו שבור",sect:"סימן מקטע",uml:"שתי נקודות אופקיות (Diaeresis)",copy:"סימן זכויות יוצרים (Copyright)",ordf:"סימן אורדינאלי נקבי",laquo:"סימן ציטוט זווית כפולה לשמאל",not:"סימן שלילה מתמטי",reg:"סימן רשום", +macr:"מקרון (הגיה ארוכה)",deg:"מעלות",sup2:"2 בכתיב עילי",sup3:"3 בכתיב עילי",acute:"סימן דגוש (Acute)",micro:"מיקרו",para:"סימון פסקה",middot:"נקודה אמצעית",cedil:"סדיליה",sup1:"1 בכתיב עילי",ordm:"סימן אורדינאלי זכרי",raquo:"סימן ציטוט זווית כפולה לימין",frac14:"רבע בשבר פשוט",frac12:"חצי בשבר פשוט",frac34:"שלושה רבעים בשבר פשוט",iquest:"סימן שאלה הפוך",Agrave:"אות לטינית A עם גרש (Grave)",Aacute:"Latin capital letter A with acute accent",Acirc:"Latin capital letter A with circumflex",Atilde:"Latin capital letter A with tilde", +Auml:"Latin capital letter A with diaeresis",Aring:"Latin capital letter A with ring above",AElig:"אות לטינית Æ גדולה",Ccedil:"Latin capital letter C with cedilla",Egrave:"אות לטינית E עם גרש (Grave)",Eacute:"Latin capital letter E with acute accent",Ecirc:"Latin capital letter E with circumflex",Euml:"Latin capital letter E with diaeresis",Igrave:"אות לטינית I עם גרש (Grave)",Iacute:"Latin capital letter I with acute accent",Icirc:"Latin capital letter I with circumflex",Iuml:"Latin capital letter I with diaeresis", +ETH:"אות לטינית Eth גדולה",Ntilde:"Latin capital letter N with tilde",Ograve:"אות לטינית O עם גרש (Grave)",Oacute:"Latin capital letter O with acute accent",Ocirc:"Latin capital letter O with circumflex",Otilde:"Latin capital letter O with tilde",Ouml:"Latin capital letter O with diaeresis",times:"סימן כפל",Oslash:"Latin capital letter O with stroke",Ugrave:"אות לטינית U עם גרש (Grave)",Uacute:"Latin capital letter U with acute accent",Ucirc:"Latin capital letter U with circumflex",Uuml:"Latin capital letter U with diaeresis", +Yacute:"Latin capital letter Y with acute accent",THORN:"אות לטינית Thorn גדולה",szlig:"אות לטינית s חדה קטנה",agrave:"אות לטינית a עם גרש (Grave)",aacute:"Latin small letter a with acute accent",acirc:"Latin small letter a with circumflex",atilde:"Latin small letter a with tilde",auml:"Latin small letter a with diaeresis",aring:"Latin small letter a with ring above",aelig:"אות לטינית æ קטנה",ccedil:"Latin small letter c with cedilla",egrave:"אות לטינית e עם גרש (Grave)",eacute:"Latin small letter e with acute accent", +ecirc:"Latin small letter e with circumflex",euml:"Latin small letter e with diaeresis",igrave:"אות לטינית i עם גרש (Grave)",iacute:"Latin small letter i with acute accent",icirc:"Latin small letter i with circumflex",iuml:"Latin small letter i with diaeresis",eth:"אות לטינית eth קטנה",ntilde:"Latin small letter n with tilde",ograve:"אות לטינית o עם גרש (Grave)",oacute:"Latin small letter o with acute accent",ocirc:"Latin small letter o with circumflex",otilde:"Latin small letter o with tilde",ouml:"Latin small letter o with diaeresis", +divide:"סימן חלוקה",oslash:"Latin small letter o with stroke",ugrave:"אות לטינית u עם גרש (Grave)",uacute:"Latin small letter u with acute accent",ucirc:"Latin small letter u with circumflex",uuml:"Latin small letter u with diaeresis",yacute:"Latin small letter y with acute accent",thorn:"אות לטינית thorn קטנה",yuml:"Latin small letter y with diaeresis",OElig:"Latin capital ligature OE",oelig:"Latin small ligature oe",372:"Latin capital letter W with circumflex",374:"Latin capital letter Y with circumflex", +373:"Latin small letter w with circumflex",375:"Latin small letter y with circumflex",sbquo:"סימן ציטוט נמוך יחיד",8219:"סימן ציטוט",bdquo:"סימן ציטוט נמוך כפול",hellip:"שלוש נקודות",trade:"סימן טריידמארק",9658:"סמן שחור לצד ימין",bull:"תבליט (רשימה)",rarr:"חץ לימין",rArr:"חץ כפול לימין",hArr:"חץ כפול לימין ושמאל",diams:"יהלום מלא",asymp:"כמעט שווה"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/hr.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/hr.js new file mode 100644 index 0000000..6575432 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/hr.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","hr",{euro:"Euro znak",lsquo:"Lijevi jednostruki navodnik",rsquo:"Desni jednostruki navodnik",ldquo:"Lijevi dvostruki navodnik",rdquo:"Desni dvostruki navodnik",ndash:"En crtica",mdash:"Em crtica",iexcl:"Naopaki uskličnik",cent:"Cent znak",pound:"Funta znak",curren:"Znak valute",yen:"Yen znak",brvbar:"Potrgana prečka",sect:"Znak odjeljka",uml:"Prijeglasi",copy:"Copyright znak",ordf:"Feminine ordinal indicator",laquo:"Lijevi dvostruki uglati navodnik",not:"Not znak", +reg:"Registered znak",macr:"Macron",deg:"Stupanj znak",sup2:"Superscript two",sup3:"Superscript three",acute:"Acute accent",micro:"Mikro znak",para:"Pilcrow sign",middot:"Srednja točka",cedil:"Cedilla",sup1:"Superscript one",ordm:"Masculine ordinal indicator",raquo:"Desni dvostruku uglati navodnik",frac14:"Vulgar fraction one quarter",frac12:"Vulgar fraction one half",frac34:"Vulgar fraction three quarters",iquest:"Naopaki upitnik",Agrave:"Veliko latinsko slovo A s akcentom",Aacute:"Latinično veliko slovo A sa oštrim naglaskom", +Acirc:"Latin capital letter A with circumflex",Atilde:"Latin capital letter A with tilde",Auml:"Latin capital letter A with diaeresis",Aring:"Latin capital letter A with ring above",AElig:"Latin Capital letter Æ",Ccedil:"Latin capital letter C with cedilla",Egrave:"Latin capital letter E with grave accent",Eacute:"Latin capital letter E with acute accent",Ecirc:"Latin capital letter E with circumflex",Euml:"Latin capital letter E with diaeresis",Igrave:"Latin capital letter I with grave accent",Iacute:"Latin capital letter I with acute accent", +Icirc:"Latin capital letter I with circumflex",Iuml:"Latin capital letter I with diaeresis",ETH:"Latin capital letter Eth",Ntilde:"Latin capital letter N with tilde",Ograve:"Latin capital letter O with grave accent",Oacute:"Latin capital letter O with acute accent",Ocirc:"Latin capital letter O with circumflex",Otilde:"Latin capital letter O with tilde",Ouml:"Latin capital letter O with diaeresis",times:"Multiplication sign",Oslash:"Latin capital letter O with stroke",Ugrave:"Latin capital letter U with grave accent", +Uacute:"Latin capital letter U with acute accent",Ucirc:"Latin capital letter U with circumflex",Uuml:"Latin capital letter U with diaeresis",Yacute:"Latin capital letter Y with acute accent",THORN:"Latin capital letter Thorn",szlig:"Latin small letter sharp s",agrave:"Latin small letter a with grave accent",aacute:"Latin small letter a with acute accent",acirc:"Latin small letter a with circumflex",atilde:"Latin small letter a with tilde",auml:"Latin small letter a with diaeresis",aring:"Latin small letter a with ring above", +aelig:"Latin small letter æ",ccedil:"Latin small letter c with cedilla",egrave:"Latin small letter e with grave accent",eacute:"Latin small letter e with acute accent",ecirc:"Latin small letter e with circumflex",euml:"Latin small letter e with diaeresis",igrave:"Latin small letter i with grave accent",iacute:"Latin small letter i with acute accent",icirc:"Latin small letter i with circumflex",iuml:"Latin small letter i with diaeresis",eth:"Latin small letter eth",ntilde:"Latin small letter n with tilde", +ograve:"Latin small letter o with grave accent",oacute:"Latin small letter o with acute accent",ocirc:"Latin small letter o with circumflex",otilde:"Latin small letter o with tilde",ouml:"Latin small letter o with diaeresis",divide:"Division sign",oslash:"Latin small letter o with stroke",ugrave:"Latin small letter u with grave accent",uacute:"Latin small letter u with acute accent",ucirc:"Latin small letter u with circumflex",uuml:"Latin small letter u with diaeresis",yacute:"Latin small letter y with acute accent", +thorn:"Latin small letter thorn",yuml:"Latin small letter y with diaeresis",OElig:"Latin capital ligature OE",oelig:"Latin small ligature oe",372:"Latin capital letter W with circumflex",374:"Latin capital letter Y with circumflex",373:"Latin small letter w with circumflex",375:"Latin small letter y with circumflex",sbquo:"Single low-9 quotation mark",8219:"Single high-reversed-9 quotation mark",bdquo:"Double low-9 quotation mark",hellip:"Horizontal ellipsis",trade:"Trade mark sign",9658:"Black right-pointing pointer", +bull:"Bullet",rarr:"Rightwards arrow",rArr:"Rightwards double arrow",hArr:"Left right double arrow",diams:"Black diamond suit",asymp:"Almost equal to"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/hu.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/hu.js new file mode 100644 index 0000000..4455483 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/hu.js @@ -0,0 +1,12 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","hu",{euro:"Euró jel",lsquo:"Bal szimpla idézőjel",rsquo:"Jobb szimpla idézőjel",ldquo:"Bal dupla idézőjel",rdquo:"Jobb dupla idézőjel",ndash:"Rövid gondolatjel",mdash:"Hosszú gondolatjel",iexcl:"Fordított felkiáltójel",cent:"Cent jel",pound:"Font jel",curren:"Valuta jel",yen:"Yen jel",brvbar:"Hosszú kettőspont",sect:"Paragrafus jel",uml:"Kettős hangzó jel",copy:"Szerzői jog jel",ordf:"Női sorrend mutatója",laquo:"Balra mutató duplanyíl",not:"Feltételes kötőjel", +reg:"Bejegyzett védjegy jele",macr:"Hosszúsági jel",deg:"Fok jel",sup2:"Négyzeten jel",sup3:"Köbön jel",acute:"Éles ékezet",micro:"Mikro-jel",para:"Bekezdés jel",middot:"Közép pont",cedil:"Cédille",sup1:"Elsőn jel",ordm:"Férfi sorrend mutatója",raquo:"Jobbra mutató duplanyíl",frac14:"Egy negyed jel",frac12:"Egy ketted jel",frac34:"Három negyed jel",iquest:"Fordított kérdőjel",Agrave:"Latin nagy A fordított ékezettel",Aacute:"Latin nagy A normál ékezettel",Acirc:"Latin nagy A hajtott ékezettel",Atilde:"Latin nagy A hullámjellel", +Auml:"Latin nagy A kettőspont ékezettel",Aring:"Latin nagy A gyűrű ékezettel",AElig:"Latin nagy Æ betű",Ccedil:"Latin nagy C cedillával",Egrave:"Latin nagy E fordított ékezettel",Eacute:"Latin nagy E normál ékezettel",Ecirc:"Latin nagy E hajtott ékezettel",Euml:"Latin nagy E dupla kettőspont ékezettel",Igrave:"Latin nagy I fordított ékezettel",Iacute:"Latin nagy I normál ékezettel",Icirc:"Latin nagy I hajtott ékezettel",Iuml:"Latin nagy I kettőspont ékezettel",ETH:"Latin nagy Eth betű",Ntilde:"Latin nagy N hullámjellel", +Ograve:"Latin nagy O fordított ékezettel",Oacute:"Latin nagy O normál ékezettel",Ocirc:"Latin nagy O hajtott ékezettel",Otilde:"Latin nagy O hullámjellel",Ouml:"Latin nagy O kettőspont ékezettel",times:"Szorzás jel",Oslash:"Latin O betű áthúzással",Ugrave:"Latin nagy U fordított ékezettel",Uacute:"Latin nagy U normál ékezettel",Ucirc:"Latin nagy U hajtott ékezettel",Uuml:"Latin nagy U kettőspont ékezettel",Yacute:"Latin nagy Y normál ékezettel",THORN:"Latin nagy Thorn betű",szlig:"Latin kis s betű", +agrave:"Latin kis a fordított ékezettel",aacute:"Latin kis a normál ékezettel",acirc:"Latin kis a hajtott ékezettel",atilde:"Latin kis a hullámjellel",auml:"Latin kis a kettőspont ékezettel",aring:"Latin kis a gyűrű ékezettel",aelig:"Latin kis æ betű",ccedil:"Latin kis c cedillával",egrave:"Latin kis e fordított ékezettel",eacute:"Latin kis e normál ékezettel",ecirc:"Latin kis e hajtott ékezettel",euml:"Latin kis e dupla kettőspont ékezettel",igrave:"Latin kis i fordított ékezettel",iacute:"Latin kis i normál ékezettel", +icirc:"Latin kis i hajtott ékezettel",iuml:"Latin kis i kettőspont ékezettel",eth:"Latin kis eth betű",ntilde:"Latin kis n hullámjellel",ograve:"Latin kis o fordított ékezettel",oacute:"Latin kis o normál ékezettel",ocirc:"Latin kis o hajtott ékezettel",otilde:"Latin kis o hullámjellel",ouml:"Latin kis o kettőspont ékezettel",divide:"Osztásjel",oslash:"Latin kis o betű áthúzással",ugrave:"Latin kis u fordított ékezettel",uacute:"Latin kis u normál ékezettel",ucirc:"Latin kis u hajtott ékezettel", +uuml:"Latin kis u kettőspont ékezettel",yacute:"Latin kis y normál ékezettel",thorn:"Latin kis thorn jel",yuml:"Latin kis y kettőspont ékezettel",OElig:"Latin nagy OE-jel",oelig:"Latin kis oe-jel",372:"Latin nagy W hajtott ékezettel",374:"Latin nagy Y hajtott ékezettel",373:"Latin kis w hajtott ékezettel",375:"Latin kis y hajtott ékezettel",sbquo:"Nyitó nyomdai szimpla idézőjel",8219:"Záró nyomdai záró idézőjel",bdquo:"Nyitó nyomdai dupla idézőjel",hellip:"Három pont",trade:"Kereskedelmi védjegy jele", +9658:"Jobbra mutató fekete mutató",bull:"Golyó",rarr:"Jobbra mutató nyíl",rArr:"Jobbra mutató duplanyíl",hArr:"Bal-jobb duplanyíl",diams:"Fekete gyémánt jel",asymp:"Majdnem egyenlő jel"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/id.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/id.js new file mode 100644 index 0000000..1b4bd67 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/id.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","id",{euro:"Tanda Euro",lsquo:"Left single quotation mark",rsquo:"Right single quotation mark",ldquo:"Left double quotation mark",rdquo:"Right double quotation mark",ndash:"En dash",mdash:"Em dash",iexcl:"Inverted exclamation mark",cent:"Cent sign",pound:"Pound sign",curren:"Currency sign",yen:"Tanda Yen",brvbar:"Broken bar",sect:"Section sign",uml:"Diaeresis",copy:"Tanda Hak Cipta",ordf:"Feminine ordinal indicator",laquo:"Left-pointing double angle quotation mark", +not:"Not sign",reg:"Tanda Telah Terdaftar",macr:"Macron",deg:"Degree sign",sup2:"Superscript two",sup3:"Superscript three",acute:"Acute accent",micro:"Micro sign",para:"Pilcrow sign",middot:"Middle dot",cedil:"Cedilla",sup1:"Superscript one",ordm:"Masculine ordinal indicator",raquo:"Right-pointing double angle quotation mark",frac14:"Vulgar fraction one quarter",frac12:"Vulgar fraction one half",frac34:"Vulgar fraction three quarters",iquest:"Inverted question mark",Agrave:"Latin capital letter A with grave accent", +Aacute:"Latin capital letter A with acute accent",Acirc:"Latin capital letter A with circumflex",Atilde:"Latin capital letter A with tilde",Auml:"Latin capital letter A with diaeresis",Aring:"Latin capital letter A with ring above",AElig:"Latin Capital letter Æ",Ccedil:"Latin capital letter C with cedilla",Egrave:"Latin capital letter E with grave accent",Eacute:"Latin capital letter E with acute accent",Ecirc:"Latin capital letter E with circumflex",Euml:"Latin capital letter E with diaeresis",Igrave:"Latin capital letter I with grave accent", +Iacute:"Latin capital letter I with acute accent",Icirc:"Latin capital letter I with circumflex",Iuml:"Latin capital letter I with diaeresis",ETH:"Latin capital letter Eth",Ntilde:"Latin capital letter N with tilde",Ograve:"Latin capital letter O with grave accent",Oacute:"Latin capital letter O with acute accent",Ocirc:"Latin capital letter O with circumflex",Otilde:"Latin capital letter O with tilde",Ouml:"Latin capital letter O with diaeresis",times:"Multiplication sign",Oslash:"Latin capital letter O with stroke", +Ugrave:"Latin capital letter U with grave accent",Uacute:"Latin capital letter U with acute accent",Ucirc:"Latin capital letter U with circumflex",Uuml:"Latin capital letter U with diaeresis",Yacute:"Latin capital letter Y with acute accent",THORN:"Latin capital letter Thorn",szlig:"Latin small letter sharp s",agrave:"Latin small letter a with grave accent",aacute:"Latin small letter a with acute accent",acirc:"Latin small letter a with circumflex",atilde:"Latin small letter a with tilde",auml:"Latin small letter a with diaeresis", +aring:"Latin small letter a with ring above",aelig:"Latin small letter æ",ccedil:"Latin small letter c with cedilla",egrave:"Latin small letter e with grave accent",eacute:"Latin small letter e with acute accent",ecirc:"Latin small letter e with circumflex",euml:"Latin small letter e with diaeresis",igrave:"Latin small letter i with grave accent",iacute:"Latin small letter i with acute accent",icirc:"Latin small letter i with circumflex",iuml:"Latin small letter i with diaeresis",eth:"Latin small letter eth", +ntilde:"Latin small letter n with tilde",ograve:"Latin small letter o with grave accent",oacute:"Latin small letter o with acute accent",ocirc:"Latin small letter o with circumflex",otilde:"Latin small letter o with tilde",ouml:"Latin small letter o with diaeresis",divide:"Division sign",oslash:"Latin small letter o with stroke",ugrave:"Latin small letter u with grave accent",uacute:"Latin small letter u with acute accent",ucirc:"Latin small letter u with circumflex",uuml:"Latin small letter u with diaeresis", +yacute:"Latin small letter y with acute accent",thorn:"Latin small letter thorn",yuml:"Latin small letter y with diaeresis",OElig:"Latin capital ligature OE",oelig:"Latin small ligature oe",372:"Latin capital letter W with circumflex",374:"Latin capital letter Y with circumflex",373:"Latin small letter w with circumflex",375:"Latin small letter y with circumflex",sbquo:"Single low-9 quotation mark",8219:"Single high-reversed-9 quotation mark",bdquo:"Double low-9 quotation mark",hellip:"Horizontal ellipsis", +trade:"Trade mark sign",9658:"Black right-pointing pointer",bull:"Bullet",rarr:"Rightwards arrow",rArr:"Rightwards double arrow",hArr:"Left right double arrow",diams:"Black diamond suit",asymp:"Almost equal to"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/it.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/it.js new file mode 100644 index 0000000..6b09097 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/it.js @@ -0,0 +1,14 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","it",{euro:"Simbolo Euro",lsquo:"Virgoletta singola sinistra",rsquo:"Virgoletta singola destra",ldquo:"Virgolette aperte",rdquo:"Virgolette chiuse",ndash:"Trattino",mdash:"Trattino lungo",iexcl:"Punto esclavamativo invertito",cent:"Simbolo Cent",pound:"Simbolo Sterlina",curren:"Simbolo Moneta",yen:"Simbolo Yen",brvbar:"Barra interrotta",sect:"Simbolo di sezione",uml:"Dieresi",copy:"Simbolo Copyright",ordf:"Indicatore ordinale femminile",laquo:"Virgolette basse aperte", +not:"Nessun segno",reg:"Simbolo Registrato",macr:"Macron",deg:"Simbolo Grado",sup2:"Apice Due",sup3:"Apice Tre",acute:"Accento acuto",micro:"Simbolo Micro",para:"Simbolo Paragrafo",middot:"Punto centrale",cedil:"Cediglia",sup1:"Apice Uno",ordm:"Indicatore ordinale maschile",raquo:"Virgolette basse chiuse",frac14:"Frazione volgare un quarto",frac12:"Frazione volgare un mezzo",frac34:"Frazione volgare tre quarti",iquest:"Punto interrogativo invertito",Agrave:"Lettera maiuscola latina A con accento grave", +Aacute:"Lettera maiuscola latina A con accento acuto",Acirc:"Lettera maiuscola latina A con accento circonflesso",Atilde:"Lettera maiuscola latina A con tilde",Auml:"Lettera maiuscola latina A con dieresi",Aring:"Lettera maiuscola latina A con anello sopra",AElig:"Lettera maiuscola latina AE",Ccedil:"Lettera maiuscola latina C con cediglia",Egrave:"Lettera maiuscola latina E con accento grave",Eacute:"Lettera maiuscola latina E con accento acuto",Ecirc:"Lettera maiuscola latina E con accento circonflesso", +Euml:"Lettera maiuscola latina E con dieresi",Igrave:"Lettera maiuscola latina I con accento grave",Iacute:"Lettera maiuscola latina I con accento acuto",Icirc:"Lettera maiuscola latina I con accento circonflesso",Iuml:"Lettera maiuscola latina I con dieresi",ETH:"Lettera maiuscola latina Eth",Ntilde:"Lettera maiuscola latina N con tilde",Ograve:"Lettera maiuscola latina O con accento grave",Oacute:"Lettera maiuscola latina O con accento acuto",Ocirc:"Lettera maiuscola latina O con accento circonflesso", +Otilde:"Lettera maiuscola latina O con tilde",Ouml:"Lettera maiuscola latina O con dieresi",times:"Simbolo di moltiplicazione",Oslash:"Lettera maiuscola latina O barrata",Ugrave:"Lettera maiuscola latina U con accento grave",Uacute:"Lettera maiuscola latina U con accento acuto",Ucirc:"Lettera maiuscola latina U con accento circonflesso",Uuml:"Lettera maiuscola latina U con accento circonflesso",Yacute:"Lettera maiuscola latina Y con accento acuto",THORN:"Lettera maiuscola latina Thorn",szlig:"Lettera latina minuscola doppia S", +agrave:"Lettera minuscola latina a con accento grave",aacute:"Lettera minuscola latina a con accento acuto",acirc:"Lettera minuscola latina a con accento circonflesso",atilde:"Lettera minuscola latina a con tilde",auml:"Lettera minuscola latina a con dieresi",aring:"Lettera minuscola latina a con anello superiore",aelig:"Lettera minuscola latina ae",ccedil:"Lettera minuscola latina c con cediglia",egrave:"Lettera minuscola latina e con accento grave",eacute:"Lettera minuscola latina e con accento acuto", +ecirc:"Lettera minuscola latina e con accento circonflesso",euml:"Lettera minuscola latina e con dieresi",igrave:"Lettera minuscola latina i con accento grave",iacute:"Lettera minuscola latina i con accento acuto",icirc:"Lettera minuscola latina i con accento circonflesso",iuml:"Lettera minuscola latina i con dieresi",eth:"Lettera minuscola latina eth",ntilde:"Lettera minuscola latina n con tilde",ograve:"Lettera minuscola latina o con accento grave",oacute:"Lettera minuscola latina o con accento acuto", +ocirc:"Lettera minuscola latina o con accento circonflesso",otilde:"Lettera minuscola latina o con tilde",ouml:"Lettera minuscola latina o con dieresi",divide:"Simbolo di divisione",oslash:"Lettera minuscola latina o barrata",ugrave:"Lettera minuscola latina u con accento grave",uacute:"Lettera minuscola latina u con accento acuto",ucirc:"Lettera minuscola latina u con accento circonflesso",uuml:"Lettera minuscola latina u con dieresi",yacute:"Lettera minuscola latina y con accento acuto",thorn:"Lettera minuscola latina thorn", +yuml:"Lettera minuscola latina y con dieresi",OElig:"Legatura maiuscola latina OE",oelig:"Legatura minuscola latina oe",372:"Lettera maiuscola latina W con accento circonflesso",374:"Lettera maiuscola latina Y con accento circonflesso",373:"Lettera minuscola latina w con accento circonflesso",375:"Lettera minuscola latina y con accento circonflesso",sbquo:"Singola virgoletta bassa low-9",8219:"Singola virgoletta bassa low-9 inversa",bdquo:"Doppia virgoletta bassa low-9",hellip:"Ellissi orizzontale", +trade:"Simbolo TM",9658:"Puntatore nero rivolto verso destra",bull:"Punto",rarr:"Freccia verso destra",rArr:"Doppia freccia verso destra",hArr:"Doppia freccia sinistra destra",diams:"Simbolo nero diamante",asymp:"Quasi uguale a"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/ja.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/ja.js new file mode 100644 index 0000000..b32e890 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/ja.js @@ -0,0 +1,9 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","ja",{euro:"ユーロ記号",lsquo:"左シングル引用符",rsquo:"右シングル引用符",ldquo:"左ダブル引用符",rdquo:"右ダブル引用符",ndash:"半角ダッシュ",mdash:"全角ダッシュ",iexcl:"逆さ感嘆符",cent:"セント記号",pound:"ポンド記号",curren:"通貨記号",yen:"円記号",brvbar:"上下に分かれた縦棒",sect:"節記号",uml:"分音記号(ウムラウト)",copy:"著作権表示記号",ordf:"女性序数標識",laquo:" 始め二重山括弧引用記号",not:"論理否定記号",reg:"登録商標記号",macr:"長音符",deg:"度記号",sup2:"上つき2, 2乗",sup3:"上つき3, 3乗",acute:"揚音符",micro:"ミクロン記号",para:"段落記号",middot:"中黒",cedil:"セディラ",sup1:"上つき1",ordm:"男性序数標識",raquo:"終わり二重山括弧引用記号", +frac14:"四分の一",frac12:"二分の一",frac34:"四分の三",iquest:"逆疑問符",Agrave:"抑音符つき大文字A",Aacute:"揚音符つき大文字A",Acirc:"曲折アクセントつき大文字A",Atilde:"チルダつき大文字A",Auml:"分音記号つき大文字A",Aring:"リングつき大文字A",AElig:"AとEの合字",Ccedil:"セディラつき大文字C",Egrave:"抑音符つき大文字E",Eacute:"揚音符つき大文字E",Ecirc:"曲折アクセントつき大文字E",Euml:"分音記号つき大文字E",Igrave:"抑音符つき大文字I",Iacute:"揚音符つき大文字I",Icirc:"曲折アクセントつき大文字I",Iuml:"分音記号つき大文字I",ETH:"[アイスランド語]大文字ETH",Ntilde:"チルダつき大文字N",Ograve:"抑音符つき大文字O",Oacute:"揚音符つき大文字O",Ocirc:"曲折アクセントつき大文字O",Otilde:"チルダつき大文字O",Ouml:" 分音記号つき大文字O", +times:"乗算記号",Oslash:"打ち消し線つき大文字O",Ugrave:"抑音符つき大文字U",Uacute:"揚音符つき大文字U",Ucirc:"曲折アクセントつき大文字U",Uuml:"分音記号つき大文字U",Yacute:"揚音符つき大文字Y",THORN:"[アイスランド語]大文字THORN",szlig:"ドイツ語エスツェット",agrave:"抑音符つき小文字a",aacute:"揚音符つき小文字a",acirc:"曲折アクセントつき小文字a",atilde:"チルダつき小文字a",auml:"分音記号つき小文字a",aring:"リングつき小文字a",aelig:"aとeの合字",ccedil:"セディラつき小文字c",egrave:"抑音符つき小文字e",eacute:"揚音符つき小文字e",ecirc:"曲折アクセントつき小文字e",euml:"分音記号つき小文字e",igrave:"抑音符つき小文字i",iacute:"揚音符つき小文字i",icirc:"曲折アクセントつき小文字i",iuml:"分音記号つき小文字i",eth:"アイスランド語小文字eth", +ntilde:"チルダつき小文字n",ograve:"抑音符つき小文字o",oacute:"揚音符つき小文字o",ocirc:"曲折アクセントつき小文字o",otilde:"チルダつき小文字o",ouml:"分音記号つき小文字o",divide:"除算記号",oslash:"打ち消し線つき小文字o",ugrave:"抑音符つき小文字u",uacute:"揚音符つき小文字u",ucirc:"曲折アクセントつき小文字u",uuml:"分音記号つき小文字u",yacute:"揚音符つき小文字y",thorn:"アイスランド語小文字thorn",yuml:"分音記号つき小文字y",OElig:"OとEの合字",oelig:"oとeの合字",372:"曲折アクセントつき大文字W",374:"曲折アクセントつき大文字Y",373:"曲折アクセントつき小文字w",375:"曲折アクセントつき小文字y",sbquo:"シングル下引用符",8219:"左右逆の左引用符",bdquo:"ダブル下引用符",hellip:"三点リーダ",trade:"商標記号",9658:"右黒三角ポインタ",bull:"黒丸", +rarr:"右矢印",rArr:"右二重矢印",hArr:"左右二重矢印",diams:"ダイヤ",asymp:"漸近"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/km.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/km.js new file mode 100644 index 0000000..8d6a3d1 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/km.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","km",{euro:"សញ្ញា​អឺរ៉ូ",lsquo:"Left single quotation mark",rsquo:"Right single quotation mark",ldquo:"Left double quotation mark",rdquo:"Right double quotation mark",ndash:"En dash",mdash:"Em dash",iexcl:"Inverted exclamation mark",cent:"សញ្ញា​សេន",pound:"សញ្ញា​ផោន",curren:"សញ្ញា​រូបិយបណ្ណ",yen:"សញ្ញា​យ៉េន",brvbar:"Broken bar",sect:"Section sign",uml:"Diaeresis",copy:"សញ្ញា​រក្សា​សិទ្ធិ",ordf:"Feminine ordinal indicator",laquo:"Left-pointing double angle quotation mark", +not:"Not sign",reg:"Registered sign",macr:"Macron",deg:"សញ្ញា​ដឺក្រេ",sup2:"Superscript two",sup3:"Superscript three",acute:"Acute accent",micro:"សញ្ញា​មីក្រូ",para:"Pilcrow sign",middot:"Middle dot",cedil:"Cedilla",sup1:"Superscript one",ordm:"Masculine ordinal indicator",raquo:"Right-pointing double angle quotation mark",frac14:"Vulgar fraction one quarter",frac12:"Vulgar fraction one half",frac34:"Vulgar fraction three quarters",iquest:"Inverted question mark",Agrave:"Latin capital letter A with grave accent", +Aacute:"Latin capital letter A with acute accent",Acirc:"Latin capital letter A with circumflex",Atilde:"Latin capital letter A with tilde",Auml:"Latin capital letter A with diaeresis",Aring:"Latin capital letter A with ring above",AElig:"Latin Capital letter Æ",Ccedil:"Latin capital letter C with cedilla",Egrave:"Latin capital letter E with grave accent",Eacute:"Latin capital letter E with acute accent",Ecirc:"Latin capital letter E with circumflex",Euml:"Latin capital letter E with diaeresis",Igrave:"Latin capital letter I with grave accent", +Iacute:"Latin capital letter I with acute accent",Icirc:"Latin capital letter I with circumflex",Iuml:"Latin capital letter I with diaeresis",ETH:"Latin capital letter Eth",Ntilde:"Latin capital letter N with tilde",Ograve:"Latin capital letter O with grave accent",Oacute:"Latin capital letter O with acute accent",Ocirc:"Latin capital letter O with circumflex",Otilde:"Latin capital letter O with tilde",Ouml:"Latin capital letter O with diaeresis",times:"Multiplication sign",Oslash:"Latin capital letter O with stroke", +Ugrave:"Latin capital letter U with grave accent",Uacute:"Latin capital letter U with acute accent",Ucirc:"Latin capital letter U with circumflex",Uuml:"Latin capital letter U with diaeresis",Yacute:"Latin capital letter Y with acute accent",THORN:"Latin capital letter Thorn",szlig:"Latin small letter sharp s",agrave:"Latin small letter a with grave accent",aacute:"Latin small letter a with acute accent",acirc:"Latin small letter a with circumflex",atilde:"Latin small letter a with tilde",auml:"Latin small letter a with diaeresis", +aring:"Latin small letter a with ring above",aelig:"Latin small letter æ",ccedil:"Latin small letter c with cedilla",egrave:"Latin small letter e with grave accent",eacute:"Latin small letter e with acute accent",ecirc:"Latin small letter e with circumflex",euml:"Latin small letter e with diaeresis",igrave:"Latin small letter i with grave accent",iacute:"Latin small letter i with acute accent",icirc:"Latin small letter i with circumflex",iuml:"Latin small letter i with diaeresis",eth:"Latin small letter eth", +ntilde:"Latin small letter n with tilde",ograve:"Latin small letter o with grave accent",oacute:"Latin small letter o with acute accent",ocirc:"Latin small letter o with circumflex",otilde:"Latin small letter o with tilde",ouml:"Latin small letter o with diaeresis",divide:"Division sign",oslash:"Latin small letter o with stroke",ugrave:"Latin small letter u with grave accent",uacute:"Latin small letter u with acute accent",ucirc:"Latin small letter u with circumflex",uuml:"Latin small letter u with diaeresis", +yacute:"Latin small letter y with acute accent",thorn:"Latin small letter thorn",yuml:"Latin small letter y with diaeresis",OElig:"Latin capital ligature OE",oelig:"Latin small ligature oe",372:"Latin capital letter W with circumflex",374:"Latin capital letter Y with circumflex",373:"Latin small letter w with circumflex",375:"Latin small letter y with circumflex",sbquo:"Single low-9 quotation mark",8219:"Single high-reversed-9 quotation mark",bdquo:"Double low-9 quotation mark",hellip:"Horizontal ellipsis", +trade:"Trade mark sign",9658:"Black right-pointing pointer",bull:"Bullet",rarr:"Rightwards arrow",rArr:"Rightwards double arrow",hArr:"Left right double arrow",diams:"Black diamond suit",asymp:"Almost equal to"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/ku.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/ku.js new file mode 100644 index 0000000..5bed679 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/ku.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","ku",{euro:"نیشانەی یۆرۆ",lsquo:"نیشانەی فاریزەی سەرووژێری تاکی چەپ",rsquo:"نیشانەی فاریزەی سەرووژێری تاکی ڕاست",ldquo:"نیشانەی فاریزەی سەرووژێری دووهێندەی چه‌پ",rdquo:"نیشانەی فاریزەی سەرووژێری دووهێندەی ڕاست",ndash:"تەقەڵی کورت",mdash:"تەقەڵی درێژ",iexcl:"نیشانەی هەڵەوگێڕی سەرسوڕهێنەر",cent:"نیشانەی سەنت",pound:"نیشانەی پاوەند",curren:"نیشانەی دراو",yen:"نیشانەی یەنی ژاپۆنی",brvbar:"شریتی ئەستوونی پچڕاو",sect:"نیشانەی دوو s لەسەریەک",uml:"خاڵ",copy:"نیشانەی مافی چاپ", +ordf:"هێڵ لەسەر پیتی a",laquo:"دوو تیری بەدووایەکی چەپ",not:"نیشانەی نەخێر",reg:"نیشانەی R لەناو بازنەدا",macr:"ماکڕۆن",deg:"نیشانەی پلە",sup2:"سەرنووسی دوو",sup3:"سەرنووسی سێ",acute:"لاری تیژ",micro:"نیشانەی u لق درێژی چەپی خواروو",para:"نیشانەی پەڕەگراف",middot:"ناوەڕاستی خاڵ",cedil:"نیشانەی c ژێر چووکرە",sup1:"سەرنووسی یەک",ordm:"هێڵ لەژێر پیتی o",raquo:"دوو تیری بەدووایەکی ڕاست",frac14:"یەک لەسەر چووار",frac12:"یەک لەسەر دوو",frac34:"سێ لەسەر چووار",iquest:"هێمای هەڵەوگێری پرسیار",Agrave:"پیتی لاتینی A-ی گەورە لەگەڵ ڕوومەتداری لار", +Aacute:"پیتی لاتینی A-ی گەورە لەگەڵ ڕوومەتداری تیژ",Acirc:"پیتی لاتینی A-ی گەورە لەگەڵ نیشانە لەسەری",Atilde:"پیتی لاتینی A-ی گەورە لەگەڵ زەڕە",Auml:"پیتی لاتینی A-ی گەورە لەگەڵ نیشانە لەسەری",Aring:"پیتی لاتینی گەورەی Å",AElig:"پیتی لاتینی گەورەی Æ",Ccedil:"پیتی لاتینی C-ی گەورە لەگەڵ ژێر چووکرە",Egrave:"پیتی لاتینی E-ی گەورە لەگەڵ ڕوومەتداری لار",Eacute:"پیتی لاتینی E-ی گەورە لەگەڵ ڕوومەتداری تیژ",Ecirc:"پیتی لاتینی E-ی گەورە لەگەڵ نیشانە لەسەری",Euml:"پیتی لاتینی E-ی گەورە لەگەڵ نیشانە لەسەری", +Igrave:"پیتی لاتینی I-ی گەورە لەگەڵ ڕوومەتداری لار",Iacute:"پیتی لاتینی I-ی گەورە لەگەڵ ڕوومەتداری تیژ",Icirc:"پیتی لاتینی I-ی گەورە لەگەڵ نیشانە لەسەری",Iuml:"پیتی لاتینی I-ی گەورە لەگەڵ نیشانە لەسەری",ETH:"پیتی لاتینی E-ی گەورەی",Ntilde:"پیتی لاتینی N-ی گەورە لەگەڵ زەڕە",Ograve:"پیتی لاتینی O-ی گەورە لەگەڵ ڕوومەتداری لار",Oacute:"پیتی لاتینی O-ی گەورە لەگەڵ ڕوومەتداری تیژ",Ocirc:"پیتی لاتینی O-ی گەورە لەگەڵ نیشانە لەسەری",Otilde:"پیتی لاتینی O-ی گەورە لەگەڵ زەڕە",Ouml:"پیتی لاتینی O-ی گەورە لەگەڵ نیشانە لەسەری", +times:"نیشانەی لێکدان",Oslash:"پیتی لاتینی گەورەی Ø لەگەڵ هێمای دڵ وەستان",Ugrave:"پیتی لاتینی U-ی گەورە لەگەڵ ڕوومەتداری لار",Uacute:"پیتی لاتینی U-ی گەورە لەگەڵ ڕوومەتداری تیژ",Ucirc:"پیتی لاتینی U-ی گەورە لەگەڵ نیشانە لەسەری",Uuml:"پیتی لاتینی U-ی گەورە لەگەڵ نیشانە لەسەری",Yacute:"پیتی لاتینی Y-ی گەورە لەگەڵ ڕوومەتداری تیژ",THORN:"پیتی لاتینی دڕکی گەورە",szlig:"پیتی لاتنی نووک تیژی s",agrave:"پیتی لاتینی a-ی بچووک لەگەڵ ڕوومەتداری لار",aacute:"پیتی لاتینی a-ی بچووك لەگەڵ ڕوومەتداری تیژ",acirc:"پیتی لاتینی a-ی بچووك لەگەڵ نیشانە لەسەری", +atilde:"پیتی لاتینی a-ی بچووك لەگەڵ زەڕە",auml:"پیتی لاتینی a-ی بچووك لەگەڵ نیشانە لەسەری",aring:"پیتی لاتینی å-ی بچووك",aelig:"پیتی لاتینی æ-ی بچووك",ccedil:"پیتی لاتینی c-ی بچووك لەگەڵ ژێر چووکرە",egrave:"پیتی لاتینی e-ی بچووك لەگەڵ ڕوومەتداری لار",eacute:"پیتی لاتینی e-ی بچووك لەگەڵ ڕوومەتداری تیژ",ecirc:"پیتی لاتینی e-ی بچووك لەگەڵ نیشانە لەسەری",euml:"پیتی لاتینی e-ی بچووك لەگەڵ نیشانە لەسەری",igrave:"پیتی لاتینی i-ی بچووك لەگەڵ ڕوومەتداری لار",iacute:"پیتی لاتینی i-ی بچووك لەگەڵ ڕوومەتداری تیژ", +icirc:"پیتی لاتینی i-ی بچووك لەگەڵ نیشانە لەسەری",iuml:"پیتی لاتینی i-ی بچووك لەگەڵ نیشانە لەسەری",eth:"پیتی لاتینی e-ی بچووك",ntilde:"پیتی لاتینی n-ی بچووك لەگەڵ زەڕە",ograve:"پیتی لاتینی o-ی بچووك لەگەڵ ڕوومەتداری لار",oacute:"پیتی لاتینی o-ی بچووك له‌گەڵ ڕوومەتداری تیژ",ocirc:"پیتی لاتینی o-ی بچووك لەگەڵ نیشانە لەسەری",otilde:"پیتی لاتینی o-ی بچووك لەگەڵ زەڕە",ouml:"پیتی لاتینی o-ی بچووك لەگەڵ نیشانە لەسەری",divide:"نیشانەی دابەش",oslash:"پیتی لاتینی گەورەی ø لەگەڵ هێمای دڵ وەستان",ugrave:"پیتی لاتینی u-ی بچووك لەگەڵ ڕوومەتداری لار", +uacute:"پیتی لاتینی u-ی بچووك لەگەڵ ڕوومەتداری تیژ",ucirc:"پیتی لاتینی u-ی بچووك لەگەڵ نیشانە لەسەری",uuml:"پیتی لاتینی u-ی بچووك لەگەڵ نیشانە لەسەری",yacute:"پیتی لاتینی y-ی بچووك لەگەڵ ڕوومەتداری تیژ",thorn:"پیتی لاتینی دڕکی بچووك",yuml:"پیتی لاتینی y-ی بچووك لەگەڵ نیشانە لەسەری",OElig:"پیتی لاتینی گەورەی پێکەوەنووسراوی OE",oelig:"پیتی لاتینی بچووکی پێکەوەنووسراوی oe",372:"پیتی لاتینی W-ی گەورە لەگەڵ نیشانە لەسەری",374:"پیتی لاتینی Y-ی گەورە لەگەڵ نیشانە لەسەری",373:"پیتی لاتینی w-ی بچووکی لەگەڵ نیشانە لەسەری", +375:"پیتی لاتینی y-ی بچووکی لەگەڵ نیشانە لەسەری",sbquo:"نیشانەی فاریزەی نزم",8219:"نیشانەی فاریزەی بەرزی پێچەوانە",bdquo:"دوو فاریزەی تەنیش یەك",hellip:"ئاسۆیی بازنە",trade:"نیشانەی بازرگانی",9658:"ئاراستەی ڕەشی دەستی ڕاست",bull:"فیشەك",rarr:"تیری دەستی ڕاست",rArr:"دووتیری دەستی ڕاست",hArr:"دوو تیری ڕاست و چەپ",diams:"ڕەشی پاقڵاوەیی",asymp:"نیشانەی یەکسانە"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/lt.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/lt.js new file mode 100644 index 0000000..f575dfd --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/lt.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","lt",{euro:"Euro ženklas",lsquo:"Left single quotation mark",rsquo:"Right single quotation mark",ldquo:"Left double quotation mark",rdquo:"Right double quotation mark",ndash:"En dash",mdash:"Em dash",iexcl:"Inverted exclamation mark",cent:"Cento ženklas",pound:"Svaro ženklas",curren:"Valiutos ženklas",yen:"Jenos ženklas",brvbar:"Broken bar",sect:"Section sign",uml:"Diaeresis",copy:"Copyright sign",ordf:"Feminine ordinal indicator",laquo:"Left-pointing double angle quotation mark", +not:"Ne ženklas",reg:"Registered sign",macr:"Makronas",deg:"Laipsnio ženklas",sup2:"Superscript two",sup3:"Superscript three",acute:"Acute accent",micro:"Mikro ženklas",para:"Pilcrow sign",middot:"Vidurinis taškas",cedil:"Cedilla",sup1:"Superscript one",ordm:"Masculine ordinal indicator",raquo:"Right-pointing double angle quotation mark",frac14:"Vulgar fraction one quarter",frac12:"Vulgar fraction one half",frac34:"Vulgar fraction three quarters",iquest:"Inverted question mark",Agrave:"Latin capital letter A with grave accent", +Aacute:"Latin capital letter A with acute accent",Acirc:"Latin capital letter A with circumflex",Atilde:"Latin capital letter A with tilde",Auml:"Latin capital letter A with diaeresis",Aring:"Latin capital letter A with ring above",AElig:"Latin Capital letter Æ",Ccedil:"Latin capital letter C with cedilla",Egrave:"Latin capital letter E with grave accent",Eacute:"Latin capital letter E with acute accent",Ecirc:"Latin capital letter E with circumflex",Euml:"Latin capital letter E with diaeresis",Igrave:"Latin capital letter I with grave accent", +Iacute:"Latin capital letter I with acute accent",Icirc:"Latin capital letter I with circumflex",Iuml:"Latin capital letter I with diaeresis",ETH:"Latin capital letter Eth",Ntilde:"Latin capital letter N with tilde",Ograve:"Latin capital letter O with grave accent",Oacute:"Latin capital letter O with acute accent",Ocirc:"Latin capital letter O with circumflex",Otilde:"Latin capital letter O with tilde",Ouml:"Latin capital letter O with diaeresis",times:"Multiplication sign",Oslash:"Latin capital letter O with stroke", +Ugrave:"Latin capital letter U with grave accent",Uacute:"Latin capital letter U with acute accent",Ucirc:"Latin capital letter U with circumflex",Uuml:"Latin capital letter U with diaeresis",Yacute:"Latin capital letter Y with acute accent",THORN:"Latin capital letter Thorn",szlig:"Latin small letter sharp s",agrave:"Latin small letter a with grave accent",aacute:"Latin small letter a with acute accent",acirc:"Latin small letter a with circumflex",atilde:"Latin small letter a with tilde",auml:"Latin small letter a with diaeresis", +aring:"Latin small letter a with ring above",aelig:"Latin small letter æ",ccedil:"Latin small letter c with cedilla",egrave:"Latin small letter e with grave accent",eacute:"Latin small letter e with acute accent",ecirc:"Latin small letter e with circumflex",euml:"Latin small letter e with diaeresis",igrave:"Latin small letter i with grave accent",iacute:"Latin small letter i with acute accent",icirc:"Latin small letter i with circumflex",iuml:"Latin small letter i with diaeresis",eth:"Latin small letter eth", +ntilde:"Latin small letter n with tilde",ograve:"Latin small letter o with grave accent",oacute:"Latin small letter o with acute accent",ocirc:"Latin small letter o with circumflex",otilde:"Latin small letter o with tilde",ouml:"Latin small letter o with diaeresis",divide:"Division sign",oslash:"Latin small letter o with stroke",ugrave:"Latin small letter u with grave accent",uacute:"Latin small letter u with acute accent",ucirc:"Latin small letter u with circumflex",uuml:"Latin small letter u with diaeresis", +yacute:"Latin small letter y with acute accent",thorn:"Latin small letter thorn",yuml:"Latin small letter y with diaeresis",OElig:"Latin capital ligature OE",oelig:"Latin small ligature oe",372:"Latin capital letter W with circumflex",374:"Latin capital letter Y with circumflex",373:"Latin small letter w with circumflex",375:"Latin small letter y with circumflex",sbquo:"Single low-9 quotation mark",8219:"Single high-reversed-9 quotation mark",bdquo:"Double low-9 quotation mark",hellip:"Horizontal ellipsis", +trade:"Trade mark sign",9658:"Black right-pointing pointer",bull:"Bullet",rarr:"Rightwards arrow",rArr:"Rightwards double arrow",hArr:"Left right double arrow",diams:"Black diamond suit",asymp:"Almost equal to"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/lv.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/lv.js new file mode 100644 index 0000000..7ea58a0 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/lv.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","lv",{euro:"Euro zīme",lsquo:"Kreisā vienkārtīga pēdiņa",rsquo:"Labā vienkārtīga pēdiņa",ldquo:"Kreisā dubult pēdiņa",rdquo:"Labā dubult pēdiņa",ndash:"En svītra",mdash:"Em svītra",iexcl:"Apgriezta izsaukuma zīme",cent:"Centu naudas zīme",pound:"Sterliņu mārciņu naudas zīme",curren:"Valūtas zīme",yen:"Jenu naudas zīme",brvbar:"Vertikāla pārrauta līnija",sect:"Paragrāfa zīme",uml:"Diakritiska zīme",copy:"Autortiesību zīme",ordf:"Sievišķas kārtas rādītājs", +laquo:"Kreisā dubult stūra pēdiņu zīme",not:"Neparakstīts",reg:"Reģistrēta zīme",macr:"Garumzīme",deg:"Grādu zīme",sup2:"Augšraksts divi",sup3:"Augšraksts trīs",acute:"Akūta uzsvara zīme",micro:"Mikro zīme",para:"Rindkopas zīme ",middot:"Vidējs punkts",cedil:"Āķītis zem burta",sup1:"Augšraksts viens",ordm:"Vīrišķīgas kārtas rādītājs",raquo:"Labā dubult stūra pēdiņu zīme",frac14:"Vulgāra frakcija 1/4",frac12:"Vulgāra frakcija 1/2",frac34:"Vulgāra frakcija 3/4",iquest:"Apgriezta jautājuma zīme",Agrave:"Lielais latīņu burts A ar uzsvara zīmi", +Aacute:"Lielais latīņu burts A ar akūtu uzsvara zīmi",Acirc:"Lielais latīņu burts A ar diakritisku zīmi",Atilde:"Lielais latīņu burts A ar tildi ",Auml:"Lielais latīņu burts A ar diakritisko zīmi",Aring:"Lielais latīņu burts A ar aplīti augšā",AElig:"Lielais latīņu burts Æ",Ccedil:"Lielais latīņu burts C ar āķīti zem burta",Egrave:"Lielais latīņu burts E ar apostrofu",Eacute:"Lielais latīņu burts E ar akūtu uzsvara zīmi",Ecirc:"Lielais latīņu burts E ar diakritisko zīmi",Euml:"Lielais latīņu burts E ar diakritisko zīmi", +Igrave:"Lielais latīņu burts I ar uzsvaras zīmi",Iacute:"Lielais latīņu burts I ar akūtu uzsvara zīmi",Icirc:"Lielais latīņu burts I ar diakritisko zīmi",Iuml:"Lielais latīņu burts I ar diakritisko zīmi",ETH:"Lielais latīņu burts Eth",Ntilde:"Lielais latīņu burts N ar tildi",Ograve:"Lielais latīņu burts O ar uzsvara zīmi",Oacute:"Lielais latīņu burts O ar akūto uzsvara zīmi",Ocirc:"Lielais latīņu burts O ar diakritisko zīmi",Otilde:"Lielais latīņu burts O ar tildi",Ouml:"Lielais latīņu burts O ar diakritisko zīmi", +times:"Reizināšanas zīme ",Oslash:"Lielais latīņu burts O ar iesvītrojumu",Ugrave:"Lielais latīņu burts U ar uzsvaras zīmi",Uacute:"Lielais latīņu burts U ar akūto uzsvars zīmi",Ucirc:"Lielais latīņu burts U ar diakritisko zīmi",Uuml:"Lielais latīņu burts U ar diakritisko zīmi",Yacute:"Lielais latīņu burts Y ar akūto uzsvaras zīmi",THORN:"Lielais latīņu burts torn",szlig:"Mazs latīņu burts ar ligatūru",agrave:"Mazs latīņu burts a ar uzsvara zīmi",aacute:"Mazs latīņu burts a ar akūto uzsvara zīmi", +acirc:"Mazs latīņu burts a ar diakritisko zīmi",atilde:"Mazs latīņu burts a ar tildi",auml:"Mazs latīņu burts a ar diakritisko zīmi",aring:"Mazs latīņu burts a ar aplīti augšā",aelig:"Mazs latīņu burts æ",ccedil:"Mazs latīņu burts c ar āķīti zem burta",egrave:"Mazs latīņu burts e ar uzsvara zīmi ",eacute:"Mazs latīņu burts e ar akūtu uzsvara zīmi",ecirc:"Mazs latīņu burts e ar diakritisko zīmi",euml:"Mazs latīņu burts e ar diakritisko zīmi",igrave:"Mazs latīņu burts i ar uzsvara zīmi ",iacute:"Mazs latīņu burts i ar akūtu uzsvara zīmi", +icirc:"Mazs latīņu burts i ar diakritisko zīmi",iuml:"Mazs latīņu burts i ar diakritisko zīmi",eth:"Mazs latīņu burts eth",ntilde:"Mazs latīņu burts n ar tildi",ograve:"Mazs latīņu burts o ar uzsvara zīmi ",oacute:"Mazs latīņu burts o ar akūtu uzsvara zīmi",ocirc:"Mazs latīņu burts o ar diakritisko zīmi",otilde:"Mazs latīņu burts o ar tildi",ouml:"Mazs latīņu burts o ar diakritisko zīmi",divide:"Dalīšanas zīme",oslash:"Mazs latīņu burts o ar iesvītrojumu",ugrave:"Mazs latīņu burts u ar uzsvara zīmi ", +uacute:"Mazs latīņu burts u ar akūtu uzsvara zīmi",ucirc:"Mazs latīņu burts u ar diakritisko zīmi",uuml:"Mazs latīņu burts u ar diakritisko zīmi",yacute:"Mazs latīņu burts y ar akūtu uzsvaras zīmi",thorn:"Mazs latīņu burts torns",yuml:"Mazs latīņu burts y ar diakritisko zīmi",OElig:"Liela latīņu ligatūra OE",oelig:"Maza latīņu ligatūra oe",372:"Liels latīņu burts W ar diakritisko zīmi ",374:"Liels latīņu burts Y ar diakritisko zīmi ",373:"Mazs latīņu burts w ar diakritisko zīmi ",375:"Mazs latīņu burts y ar diakritisko zīmi ", +sbquo:"Mazas-9 vienkārtīgas pēdiņas",8219:"Lielas-9 vienkārtīgas apgrieztas pēdiņas",bdquo:"Mazas-9 dubultas pēdiņas",hellip:"Horizontāli daudzpunkti",trade:"Preču zīmes zīme",9658:"Melns pa labi pagriezts radītājs",bull:"Lode",rarr:"Bulta pa labi",rArr:"Dubulta Bulta pa labi",hArr:"Bulta pa kreisi",diams:"Dubulta Bulta pa kreisi",asymp:"Gandrīz vienāds ar"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/nb.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/nb.js new file mode 100644 index 0000000..f9fd879 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/nb.js @@ -0,0 +1,11 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","nb",{euro:"Eurosymbol",lsquo:"Venstre enkelt anførselstegn",rsquo:"Høyre enkelt anførselstegn",ldquo:"Venstre dobbelt anførselstegn",rdquo:"Høyre anførsesltegn",ndash:"Kort tankestrek",mdash:"Lang tankestrek",iexcl:"Omvendt utropstegn",cent:"Centsymbol",pound:"Pundsymbol",curren:"Valutategn",yen:"Yensymbol",brvbar:"Brutt loddrett strek",sect:"Paragraftegn",uml:"Tøddel",copy:"Copyrighttegn",ordf:"Feminin ordensindikator",laquo:"Venstre anførselstegn",not:"Negasjonstegn", +reg:"Registrert varemerke-tegn",macr:"Makron",deg:"Gradsymbol",sup2:"Hevet totall",sup3:"Hevet tretall",acute:"Akutt aksent",micro:"Mikrosymbol",para:"Avsnittstegn",middot:"Midtstilt prikk",cedil:"Cedille",sup1:"Hevet ettall",ordm:"Maskulin ordensindikator",raquo:"Høyre anførselstegn",frac14:"Fjerdedelsbrøk",frac12:"Halvbrøk",frac34:"Tre fjerdedelers brøk",iquest:"Omvendt spørsmålstegn",Agrave:"Stor A med grav aksent",Aacute:"Stor A med akutt aksent",Acirc:"Stor A med cirkumfleks",Atilde:"Stor A med tilde", +Auml:"Stor A med tøddel",Aring:"Stor Å",AElig:"Stor Æ",Ccedil:"Stor C med cedille",Egrave:"Stor E med grav aksent",Eacute:"Stor E med akutt aksent",Ecirc:"Stor E med cirkumfleks",Euml:"Stor E med tøddel",Igrave:"Stor I med grav aksent",Iacute:"Stor I med akutt aksent",Icirc:"Stor I med cirkumfleks",Iuml:"Stor I med tøddel",ETH:"Stor Edd/stungen D",Ntilde:"Stor N med tilde",Ograve:"Stor O med grav aksent",Oacute:"Stor O med akutt aksent",Ocirc:"Stor O med cirkumfleks",Otilde:"Stor O med tilde",Ouml:"Stor O med tøddel", +times:"Multiplikasjonstegn",Oslash:"Stor Ø",Ugrave:"Stor U med grav aksent",Uacute:"Stor U med akutt aksent",Ucirc:"Stor U med cirkumfleks",Uuml:"Stor U med tøddel",Yacute:"Stor Y med akutt aksent",THORN:"Stor Thorn",szlig:"Liten dobbelt-s/Eszett",agrave:"Liten a med grav aksent",aacute:"Liten a med akutt aksent",acirc:"Liten a med cirkumfleks",atilde:"Liten a med tilde",auml:"Liten a med tøddel",aring:"Liten å",aelig:"Liten æ",ccedil:"Liten c med cedille",egrave:"Liten e med grav aksent",eacute:"Liten e med akutt aksent", +ecirc:"Liten e med cirkumfleks",euml:"Liten e med tøddel",igrave:"Liten i med grav aksent",iacute:"Liten i med akutt aksent",icirc:"Liten i med cirkumfleks",iuml:"Liten i med tøddel",eth:"Liten edd/stungen d",ntilde:"Liten n med tilde",ograve:"Liten o med grav aksent",oacute:"Liten o med akutt aksent",ocirc:"Liten o med cirkumfleks",otilde:"Liten o med tilde",ouml:"Liten o med tøddel",divide:"Divisjonstegn",oslash:"Liten ø",ugrave:"Liten u med grav aksent",uacute:"Liten u med akutt aksent",ucirc:"Liten u med cirkumfleks", +uuml:"Liten u med tøddel",yacute:"Liten y med akutt aksent",thorn:"Liten thorn",yuml:"Liten y med tøddel",OElig:"Stor ligatur av O og E",oelig:"Liten ligatur av o og e",372:"Stor W med cirkumfleks",374:"Stor Y med cirkumfleks",373:"Liten w med cirkumfleks",375:"Liten y med cirkumfleks",sbquo:"Enkelt lavt 9-anførselstegn",8219:"Enkelt høyt reversert 9-anførselstegn",bdquo:"Dobbelt lavt 9-anførselstegn",hellip:"Ellipse",trade:"Varemerkesymbol",9658:"Svart høyrevendt peker",bull:"Tykk interpunkt",rarr:"Høyrevendt pil", +rArr:"Dobbel høyrevendt pil",hArr:"Dobbel venstrevendt pil",diams:"Svart ruter",asymp:"Omtrent likhetstegn"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/nl.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/nl.js new file mode 100644 index 0000000..ba75bf3 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/nl.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","nl",{euro:"Euro-teken",lsquo:"Linker enkel aanhalingsteken",rsquo:"Rechter enkel aanhalingsteken",ldquo:"Linker dubbel aanhalingsteken",rdquo:"Rechter dubbel aanhalingsteken",ndash:"En dash",mdash:"Em dash",iexcl:"Omgekeerd uitroepteken",cent:"Cent-teken",pound:"Pond-teken",curren:"Valuta-teken",yen:"Yen-teken",brvbar:"Gebroken streep",sect:"Paragraaf-teken",uml:"Trema",copy:"Copyright-teken",ordf:"Vrouwelijk ordinaal",laquo:"Linker guillemet",not:"Ongelijk-teken", +reg:"Geregistreerd handelsmerk-teken",macr:"Macron",deg:"Graden-teken",sup2:"Superscript twee",sup3:"Superscript drie",acute:"Accent aigu",micro:"Micro-teken",para:"Alinea-teken",middot:"Halfhoge punt",cedil:"Cedille",sup1:"Superscript een",ordm:"Mannelijk ordinaal",raquo:"Rechter guillemet",frac14:"Breuk kwart",frac12:"Breuk half",frac34:"Breuk driekwart",iquest:"Omgekeerd vraagteken",Agrave:"Latijnse hoofdletter A met een accent grave",Aacute:"Latijnse hoofdletter A met een accent aigu",Acirc:"Latijnse hoofdletter A met een circonflexe", +Atilde:"Latijnse hoofdletter A met een tilde",Auml:"Latijnse hoofdletter A met een trema",Aring:"Latijnse hoofdletter A met een corona",AElig:"Latijnse hoofdletter Æ",Ccedil:"Latijnse hoofdletter C met een cedille",Egrave:"Latijnse hoofdletter E met een accent grave",Eacute:"Latijnse hoofdletter E met een accent aigu",Ecirc:"Latijnse hoofdletter E met een circonflexe",Euml:"Latijnse hoofdletter E met een trema",Igrave:"Latijnse hoofdletter I met een accent grave",Iacute:"Latijnse hoofdletter I met een accent aigu", +Icirc:"Latijnse hoofdletter I met een circonflexe",Iuml:"Latijnse hoofdletter I met een trema",ETH:"Latijnse hoofdletter Eth",Ntilde:"Latijnse hoofdletter N met een tilde",Ograve:"Latijnse hoofdletter O met een accent grave",Oacute:"Latijnse hoofdletter O met een accent aigu",Ocirc:"Latijnse hoofdletter O met een circonflexe",Otilde:"Latijnse hoofdletter O met een tilde",Ouml:"Latijnse hoofdletter O met een trema",times:"Maal-teken",Oslash:"Latijnse hoofdletter O met een schuine streep",Ugrave:"Latijnse hoofdletter U met een accent grave", +Uacute:"Latijnse hoofdletter U met een accent aigu",Ucirc:"Latijnse hoofdletter U met een circonflexe",Uuml:"Latijnse hoofdletter U met een trema",Yacute:"Latijnse hoofdletter Y met een accent aigu",THORN:"Latijnse hoofdletter Thorn",szlig:"Latijnse kleine ringel-s",agrave:"Latijnse kleine letter a met een accent grave",aacute:"Latijnse kleine letter a met een accent aigu",acirc:"Latijnse kleine letter a met een circonflexe",atilde:"Latijnse kleine letter a met een tilde",auml:"Latijnse kleine letter a met een trema", +aring:"Latijnse kleine letter a met een corona",aelig:"Latijnse kleine letter æ",ccedil:"Latijnse kleine letter c met een cedille",egrave:"Latijnse kleine letter e met een accent grave",eacute:"Latijnse kleine letter e met een accent aigu",ecirc:"Latijnse kleine letter e met een circonflexe",euml:"Latijnse kleine letter e met een trema",igrave:"Latijnse kleine letter i met een accent grave",iacute:"Latijnse kleine letter i met een accent aigu",icirc:"Latijnse kleine letter i met een circonflexe", +iuml:"Latijnse kleine letter i met een trema",eth:"Latijnse kleine letter eth",ntilde:"Latijnse kleine letter n met een tilde",ograve:"Latijnse kleine letter o met een accent grave",oacute:"Latijnse kleine letter o met een accent aigu",ocirc:"Latijnse kleine letter o met een circonflexe",otilde:"Latijnse kleine letter o met een tilde",ouml:"Latijnse kleine letter o met een trema",divide:"Deel-teken",oslash:"Latijnse kleine letter o met een schuine streep",ugrave:"Latijnse kleine letter u met een accent grave", +uacute:"Latijnse kleine letter u met een accent aigu",ucirc:"Latijnse kleine letter u met een circonflexe",uuml:"Latijnse kleine letter u met een trema",yacute:"Latijnse kleine letter y met een accent aigu",thorn:"Latijnse kleine letter thorn",yuml:"Latijnse kleine letter y met een trema",OElig:"Latijnse hoofdletter Œ",oelig:"Latijnse kleine letter œ",372:"Latijnse hoofdletter W met een circonflexe",374:"Latijnse hoofdletter Y met een circonflexe",373:"Latijnse kleine letter w met een circonflexe", +375:"Latijnse kleine letter y met een circonflexe",sbquo:"Lage enkele aanhalingsteken",8219:"Hoge omgekeerde enkele aanhalingsteken",bdquo:"Lage dubbele aanhalingsteken",hellip:"Beletselteken",trade:"Trademark-teken",9658:"Zwarte driehoek naar rechts",bull:"Bullet",rarr:"Pijl naar rechts",rArr:"Dubbele pijl naar rechts",hArr:"Dubbele pijl naar links",diams:"Zwart ruitje",asymp:"Benaderingsteken"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/no.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/no.js new file mode 100644 index 0000000..404b4fd --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/no.js @@ -0,0 +1,11 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","no",{euro:"Eurosymbol",lsquo:"Venstre enkelt anførselstegn",rsquo:"Høyre enkelt anførselstegn",ldquo:"Venstre dobbelt anførselstegn",rdquo:"Høyre anførsesltegn",ndash:"Kort tankestrek",mdash:"Lang tankestrek",iexcl:"Omvendt utropstegn",cent:"Centsymbol",pound:"Pundsymbol",curren:"Valutategn",yen:"Yensymbol",brvbar:"Brutt loddrett strek",sect:"Paragraftegn",uml:"Tøddel",copy:"Copyrighttegn",ordf:"Feminin ordensindikator",laquo:"Venstre anførselstegn",not:"Negasjonstegn", +reg:"Registrert varemerke-tegn",macr:"Makron",deg:"Gradsymbol",sup2:"Hevet totall",sup3:"Hevet tretall",acute:"Akutt aksent",micro:"Mikrosymbol",para:"Avsnittstegn",middot:"Midtstilt prikk",cedil:"Cedille",sup1:"Hevet ettall",ordm:"Maskulin ordensindikator",raquo:"Høyre anførselstegn",frac14:"Fjerdedelsbrøk",frac12:"Halvbrøk",frac34:"Tre fjerdedelers brøk",iquest:"Omvendt spørsmålstegn",Agrave:"Stor A med grav aksent",Aacute:"Stor A med akutt aksent",Acirc:"Stor A med cirkumfleks",Atilde:"Stor A med tilde", +Auml:"Stor A med tøddel",Aring:"Stor Å",AElig:"Stor Æ",Ccedil:"Stor C med cedille",Egrave:"Stor E med grav aksent",Eacute:"Stor E med akutt aksent",Ecirc:"Stor E med cirkumfleks",Euml:"Stor E med tøddel",Igrave:"Stor I med grav aksent",Iacute:"Stor I med akutt aksent",Icirc:"Stor I med cirkumfleks",Iuml:"Stor I med tøddel",ETH:"Stor Edd/stungen D",Ntilde:"Stor N med tilde",Ograve:"Stor O med grav aksent",Oacute:"Stor O med akutt aksent",Ocirc:"Stor O med cirkumfleks",Otilde:"Stor O med tilde",Ouml:"Stor O med tøddel", +times:"Multiplikasjonstegn",Oslash:"Stor Ø",Ugrave:"Stor U med grav aksent",Uacute:"Stor U med akutt aksent",Ucirc:"Stor U med cirkumfleks",Uuml:"Stor U med tøddel",Yacute:"Stor Y med akutt aksent",THORN:"Stor Thorn",szlig:"Liten dobbelt-s/Eszett",agrave:"Liten a med grav aksent",aacute:"Liten a med akutt aksent",acirc:"Liten a med cirkumfleks",atilde:"Liten a med tilde",auml:"Liten a med tøddel",aring:"Liten å",aelig:"Liten æ",ccedil:"Liten c med cedille",egrave:"Liten e med grav aksent",eacute:"Liten e med akutt aksent", +ecirc:"Liten e med cirkumfleks",euml:"Liten e med tøddel",igrave:"Liten i med grav aksent",iacute:"Liten i med akutt aksent",icirc:"Liten i med cirkumfleks",iuml:"Liten i med tøddel",eth:"Liten edd/stungen d",ntilde:"Liten n med tilde",ograve:"Liten o med grav aksent",oacute:"Liten o med akutt aksent",ocirc:"Liten o med cirkumfleks",otilde:"Liten o med tilde",ouml:"Liten o med tøddel",divide:"Divisjonstegn",oslash:"Liten ø",ugrave:"Liten u med grav aksent",uacute:"Liten u med akutt aksent",ucirc:"Liten u med cirkumfleks", +uuml:"Liten u med tøddel",yacute:"Liten y med akutt aksent",thorn:"Liten thorn",yuml:"Liten y med tøddel",OElig:"Stor ligatur av O og E",oelig:"Liten ligatur av o og e",372:"Stor W med cirkumfleks",374:"Stor Y med cirkumfleks",373:"Liten w med cirkumfleks",375:"Liten y med cirkumfleks",sbquo:"Enkelt lavt 9-anførselstegn",8219:"Enkelt høyt reversert 9-anførselstegn",bdquo:"Dobbelt lavt 9-anførselstegn",hellip:"Ellipse",trade:"Varemerkesymbol",9658:"Svart høyrevendt peker",bull:"Tykk interpunkt",rarr:"Høyrevendt pil", +rArr:"Dobbel høyrevendt pil",hArr:"Dobbel venstrevendt pil",diams:"Svart ruter",asymp:"Omtrent likhetstegn"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/pl.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/pl.js new file mode 100644 index 0000000..76e2acd --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/pl.js @@ -0,0 +1,12 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","pl",{euro:"Znak euro",lsquo:"Cudzysłów pojedynczy otwierający",rsquo:"Cudzysłów pojedynczy zamykający",ldquo:"Cudzysłów apostrofowy otwierający",rdquo:"Cudzysłów apostrofowy zamykający",ndash:"Półpauza",mdash:"Pauza",iexcl:"Odwrócony wykrzyknik",cent:"Znak centa",pound:"Znak funta",curren:"Znak waluty",yen:"Znak jena",brvbar:"Przerwana pionowa kreska",sect:"Paragraf",uml:"Diereza",copy:"Znak praw autorskich",ordf:"Wskaźnik rodzaju żeńskiego liczebnika porządkowego", +laquo:"Lewy cudzysłów ostrokątny",not:"Znak negacji",reg:"Zastrzeżony znak towarowy",macr:"Makron",deg:"Znak stopnia",sup2:"Druga potęga",sup3:"Trzecia potęga",acute:"Akcent ostry",micro:"Znak mikro",para:"Znak akapitu",middot:"Kropka środkowa",cedil:"Cedylla",sup1:"Pierwsza potęga",ordm:"Wskaźnik rodzaju męskiego liczebnika porządkowego",raquo:"Prawy cudzysłów ostrokątny",frac14:"Ułamek zwykły jedna czwarta",frac12:"Ułamek zwykły jedna druga",frac34:"Ułamek zwykły trzy czwarte",iquest:"Odwrócony znak zapytania", +Agrave:"Wielka litera A z akcentem ciężkim",Aacute:"Wielka litera A z akcentem ostrym",Acirc:"Wielka litera A z akcentem przeciągłym",Atilde:"Wielka litera A z tyldą",Auml:"Wielka litera A z dierezą",Aring:"Wielka litera A z kółkiem",AElig:"Wielka ligatura Æ",Ccedil:"Wielka litera C z cedyllą",Egrave:"Wielka litera E z akcentem ciężkim",Eacute:"Wielka litera E z akcentem ostrym",Ecirc:"Wielka litera E z akcentem przeciągłym",Euml:"Wielka litera E z dierezą",Igrave:"Wielka litera I z akcentem ciężkim", +Iacute:"Wielka litera I z akcentem ostrym",Icirc:"Wielka litera I z akcentem przeciągłym",Iuml:"Wielka litera I z dierezą",ETH:"Wielka litera Eth",Ntilde:"Wielka litera N z tyldą",Ograve:"Wielka litera O z akcentem ciężkim",Oacute:"Wielka litera O z akcentem ostrym",Ocirc:"Wielka litera O z akcentem przeciągłym",Otilde:"Wielka litera O z tyldą",Ouml:"Wielka litera O z dierezą",times:"Znak mnożenia wektorowego",Oslash:"Wielka litera O z przekreśleniem",Ugrave:"Wielka litera U z akcentem ciężkim",Uacute:"Wielka litera U z akcentem ostrym", +Ucirc:"Wielka litera U z akcentem przeciągłym",Uuml:"Wielka litera U z dierezą",Yacute:"Wielka litera Y z akcentem ostrym",THORN:"Wielka litera Thorn",szlig:"Mała litera ostre s (eszet)",agrave:"Mała litera a z akcentem ciężkim",aacute:"Mała litera a z akcentem ostrym",acirc:"Mała litera a z akcentem przeciągłym",atilde:"Mała litera a z tyldą",auml:"Mała litera a z dierezą",aring:"Mała litera a z kółkiem",aelig:"Mała ligatura æ",ccedil:"Mała litera c z cedyllą",egrave:"Mała litera e z akcentem ciężkim", +eacute:"Mała litera e z akcentem ostrym",ecirc:"Mała litera e z akcentem przeciągłym",euml:"Mała litera e z dierezą",igrave:"Mała litera i z akcentem ciężkim",iacute:"Mała litera i z akcentem ostrym",icirc:"Mała litera i z akcentem przeciągłym",iuml:"Mała litera i z dierezą",eth:"Mała litera eth",ntilde:"Mała litera n z tyldą",ograve:"Mała litera o z akcentem ciężkim",oacute:"Mała litera o z akcentem ostrym",ocirc:"Mała litera o z akcentem przeciągłym",otilde:"Mała litera o z tyldą",ouml:"Mała litera o z dierezą", +divide:"Anglosaski znak dzielenia",oslash:"Mała litera o z przekreśleniem",ugrave:"Mała litera u z akcentem ciężkim",uacute:"Mała litera u z akcentem ostrym",ucirc:"Mała litera u z akcentem przeciągłym",uuml:"Mała litera u z dierezą",yacute:"Mała litera y z akcentem ostrym",thorn:"Mała litera thorn",yuml:"Mała litera y z dierezą",OElig:"Wielka ligatura OE",oelig:"Mała ligatura oe",372:"Wielka litera W z akcentem przeciągłym",374:"Wielka litera Y z akcentem przeciągłym",373:"Mała litera w z akcentem przeciągłym", +375:"Mała litera y z akcentem przeciągłym",sbquo:"Pojedynczy apostrof dolny",8219:"Pojedynczy apostrof górny",bdquo:"Podwójny apostrof dolny",hellip:"Wielokropek",trade:"Znak towarowy",9658:"Czarny wskaźnik wskazujący w prawo",bull:"Punktor",rarr:"Strzałka w prawo",rArr:"Podwójna strzałka w prawo",hArr:"Podwójna strzałka w lewo",diams:"Czarny znak karo",asymp:"Znak prawie równe"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/pt-br.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/pt-br.js new file mode 100644 index 0000000..41f8c33 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/pt-br.js @@ -0,0 +1,11 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","pt-br",{euro:"Euro",lsquo:"Aspas simples esquerda",rsquo:"Aspas simples direita",ldquo:"Aspas duplas esquerda",rdquo:"Aspas duplas direita",ndash:"Traço",mdash:"Travessão",iexcl:"Ponto de exclamação invertido",cent:"Cent",pound:"Cerquilha",curren:"Dinheiro",yen:"Yen",brvbar:"Bara interrompida",sect:"Símbolo de Parágrafo",uml:"Trema",copy:"Direito de Cópia",ordf:"Indicador ordinal feminino",laquo:"Aspas duplas angulares esquerda",not:"Negação",reg:"Marca Registrada", +macr:"Mácron",deg:"Grau",sup2:"2 Superscrito",sup3:"3 Superscrito",acute:"Acento agudo",micro:"Micro",para:"Pé de mosca",middot:"Ponto mediano",cedil:"Cedilha",sup1:"1 Superscrito",ordm:"Indicador ordinal masculino",raquo:"Aspas duplas angulares direita",frac14:"Um quarto",frac12:"Um meio",frac34:"Três quartos",iquest:"Interrogação invertida",Agrave:"A maiúsculo com acento grave",Aacute:"A maiúsculo com acento agudo",Acirc:"A maiúsculo com acento circunflexo",Atilde:"A maiúsculo com til",Auml:"A maiúsculo com trema", +Aring:"A maiúsculo com anel acima",AElig:"Æ maiúsculo",Ccedil:"Ç maiúlculo",Egrave:"E maiúsculo com acento grave",Eacute:"E maiúsculo com acento agudo",Ecirc:"E maiúsculo com acento circumflexo",Euml:"E maiúsculo com trema",Igrave:"I maiúsculo com acento grave",Iacute:"I maiúsculo com acento agudo",Icirc:"I maiúsculo com acento circunflexo",Iuml:"I maiúsculo com crase",ETH:"Eth maiúsculo",Ntilde:"N maiúsculo com til",Ograve:"O maiúsculo com acento grave",Oacute:"O maiúsculo com acento agudo",Ocirc:"O maiúsculo com acento circunflexo", +Otilde:"O maiúsculo com til",Ouml:"O maiúsculo com trema",times:"Multiplicação",Oslash:"Diâmetro",Ugrave:"U maiúsculo com acento grave",Uacute:"U maiúsculo com acento agudo",Ucirc:"U maiúsculo com acento circunflexo",Uuml:"U maiúsculo com trema",Yacute:"Y maiúsculo com acento agudo",THORN:"Thorn maiúsculo",szlig:"Eszett minúsculo",agrave:"a minúsculo com acento grave",aacute:"a minúsculo com acento agudo",acirc:"a minúsculo com acento circunflexo",atilde:"a minúsculo com til",auml:"a minúsculo com trema", +aring:"a minúsculo com anel acima",aelig:"æ minúsculo",ccedil:"ç minúsculo",egrave:"e minúsculo com acento grave",eacute:"e minúsculo com acento agudo",ecirc:"e minúsculo com acento circunflexo",euml:"e minúsculo com trema",igrave:"i minúsculo com acento grave",iacute:"i minúsculo com acento agudo",icirc:"i minúsculo com acento circunflexo",iuml:"i minúsculo com trema",eth:"eth minúsculo",ntilde:"n minúsculo com til",ograve:"o minúsculo com acento grave",oacute:"o minúsculo com acento agudo",ocirc:"o minúsculo com acento circunflexo", +otilde:"o minúsculo com til",ouml:"o minúsculo com trema",divide:"Divisão",oslash:"o minúsculo com cortado ou diâmetro",ugrave:"u minúsculo com acento grave",uacute:"u minúsculo com acento agudo",ucirc:"u minúsculo com acento circunflexo",uuml:"u minúsculo com trema",yacute:"y minúsculo com acento agudo",thorn:"thorn minúsculo",yuml:"y minúsculo com trema",OElig:"Ligação tipográfica OE maiúscula",oelig:"Ligação tipográfica oe minúscula",372:"W maiúsculo com acento circunflexo",374:"Y maiúsculo com acento circunflexo", +373:"w minúsculo com acento circunflexo",375:"y minúsculo com acento circunflexo",sbquo:"Aspas simples inferior direita",8219:"Aspas simples superior esquerda",bdquo:"Aspas duplas inferior direita",hellip:"Reticências",trade:"Trade mark",9658:"Ponta de seta preta para direita",bull:"Ponto lista",rarr:"Seta para direita",rArr:"Seta dupla para direita",hArr:"Seta dupla direita e esquerda",diams:"Ouros",asymp:"Aproximadamente"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/pt.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/pt.js new file mode 100644 index 0000000..9c73f0c --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/pt.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","pt",{euro:"Símbolo do Euro",lsquo:"Aspa esquerda simples",rsquo:"Aspa direita simples",ldquo:"Aspa esquerda dupla",rdquo:"Aspa direita dupla",ndash:"Travessão Simples",mdash:"Travessão Longo",iexcl:"Ponto de exclamação invertido",cent:"Símbolo do Cêntimo",pound:"Símbolo da Libra",curren:"Símbolo de Moeda",yen:"Símbolo do Iene",brvbar:"Barra quebrada",sect:"Símbolo de Secção",uml:"Trema",copy:"Símbolo dos Direitos de Autor",ordf:"Indicador ordinal feminino", +laquo:"Aspa esquerda ângulo duplo",not:"Não Símbolo",reg:"Símbolo de Registado",macr:"Mácron",deg:"Símbolo de Grau",sup2:"Expoente 2",sup3:"Expoente 3",acute:"Acento agudo",micro:"Símbolo de Micro",para:"Símbolo de Parágrafo",middot:"Ponto do Meio",cedil:"Cedilha",sup1:"Expoente 1",ordm:"Indicador ordinal masculino",raquo:"Aspas ângulo duplo pra Direita",frac14:"Fração vulgar 1/4",frac12:"Fração vulgar 1/2",frac34:"Fração vulgar 3/4",iquest:"Ponto de interrogação invertido",Agrave:"Letra maiúscula latina A com acento grave", +Aacute:"Letra maiúscula latina A com acento agudo",Acirc:"Letra maiúscula latina A com circunflexo",Atilde:"Letra maiúscula latina A com til",Auml:"Letra maiúscula latina A com trema",Aring:"Letra maiúscula latina A com sinal diacrítico",AElig:"Letra maiúscula latina Æ",Ccedil:"Letra maiúscula latina C com cedilha",Egrave:"Letra maiúscula latina E com acento grave",Eacute:"Letra maiúscula latina E com acento agudo",Ecirc:"Letra maiúscula latina E com circunflexo",Euml:"Letra maiúscula latina E com trema", +Igrave:"Letra maiúscula latina I com acento grave",Iacute:"Letra maiúscula latina I com acento agudo",Icirc:"Letra maiúscula latina I com cincunflexo",Iuml:"Letra maiúscula latina I com trema",ETH:"Letra maiúscula latina Eth (Ðð)",Ntilde:"Letra maiúscula latina N com til",Ograve:"Letra maiúscula latina O com acento grave",Oacute:"Letra maiúscula latina O com acento agudo",Ocirc:"Letra maiúscula latina I com circunflexo",Otilde:"Letra maiúscula latina O com til",Ouml:"Letra maiúscula latina O com trema", +times:"Símbolo de multiplicação",Oslash:"Letra maiúscula O com barra",Ugrave:"Letra maiúscula latina U com acento grave",Uacute:"Letra maiúscula latina U com acento agudo",Ucirc:"Letra maiúscula latina U com circunflexo",Uuml:"Letra maiúscula latina E com trema",Yacute:"Letra maiúscula latina Y com acento agudo",THORN:"Letra maiúscula latina Rúnico",szlig:"Letra minúscula latina s forte",agrave:"Letra minúscula latina a com acento grave",aacute:"Letra minúscula latina a com acento agudo",acirc:"Letra minúscula latina a com circunflexo", +atilde:"Letra minúscula latina a com til",auml:"Letra minúscula latina a com trema",aring:"Letra minúscula latina a com sinal diacrítico",aelig:"Letra minúscula latina æ",ccedil:"Letra minúscula latina c com cedilha",egrave:"Letra minúscula latina e com acento grave",eacute:"Letra minúscula latina e com acento agudo",ecirc:"Letra minúscula latina e com circunflexo",euml:"Letra minúscula latina e com trema",igrave:"Letra minúscula latina i com acento grave",iacute:"Letra minúscula latina i com acento agudo", +icirc:"Letra minúscula latina i com circunflexo",iuml:"Letra pequena latina i com trema",eth:"Letra minúscula latina eth",ntilde:"Letra minúscula latina n com til",ograve:"Letra minúscula latina o com acento grave",oacute:"Letra minúscula latina o com acento agudo",ocirc:"Letra minúscula latina o com circunflexo",otilde:"Letra minúscula latina o com til",ouml:"Letra minúscula latina o com trema",divide:"Símbolo de divisão",oslash:"Letra minúscula latina o com barra",ugrave:"Letra minúscula latina u com acento grave", +uacute:"Letra minúscula latina u com acento agudo",ucirc:"Letra minúscula latina u com circunflexo",uuml:"Letra minúscula latina u com trema",yacute:"Letra minúscula latina y com acento agudo",thorn:"Letra minúscula latina Rúnico",yuml:"Letra minúscula latina y com trema",OElig:"Ligadura maiúscula latina OE",oelig:"Ligadura minúscula latina oe",372:"Letra maiúscula latina W com circunflexo",374:"Letra maiúscula latina Y com circunflexo",373:"Letra minúscula latina w com circunflexo",375:"Letra minúscula latina y com circunflexo", +sbquo:"Aspa Simples inferior-9",8219:"Aspa Simples superior invertida-9",bdquo:"Aspa duplas inferior-9",hellip:"Elipse Horizontal ",trade:"Símbolo de Marca Registada",9658:"Ponteiro preto direito",bull:"Marca",rarr:"Seta para a direita",rArr:"Seta dupla para a direita",hArr:"Seta dupla direita esquerda",diams:"Naipe diamante preto",asymp:"Quase igual a "}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/ru.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/ru.js new file mode 100644 index 0000000..30633fd --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/ru.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","ru",{euro:"Знак евро",lsquo:"Левая одинарная кавычка",rsquo:"Правая одинарная кавычка",ldquo:"Левая двойная кавычка",rdquo:"Левая двойная кавычка",ndash:"Среднее тире",mdash:"Длинное тире",iexcl:"перевёрнутый восклицательный знак",cent:"Цент",pound:"Фунт",curren:"Знак валюты",yen:"Йена",brvbar:"Вертикальная черта с разрывом",sect:"Знак параграфа",uml:"Умлаут",copy:"Знак охраны авторского права",ordf:"Указатель окончания женского рода ...ая",laquo:"Левая кавычка-«ёлочка»", +not:"Отрицание",reg:"Знак охраны смежных прав\\t",macr:"Макрон",deg:"Градус",sup2:"Надстрочное два",sup3:"Надстрочное три",acute:"Акут",micro:"Микро",para:"Абзац",middot:"Интерпункт",cedil:"Седиль",sup1:"Надстрочная единица",ordm:"Порядковое числительное",raquo:"Правая кавычка-«ёлочка»",frac14:"Одна четвертая",frac12:"Одна вторая",frac34:"Три четвёртых",iquest:"Перевёрнутый вопросительный знак",Agrave:"Латинская заглавная буква А с апострофом",Aacute:"Латинская заглавная буква A с ударением",Acirc:"Латинская заглавная буква А с циркумфлексом", +Atilde:"Латинская заглавная буква А с тильдой",Auml:"Латинская заглавная буква А с тремой",Aring:"Латинская заглавная буква А с кольцом над ней",AElig:"Латинская большая буква Æ",Ccedil:"Латинская заглавная буква C с седилью",Egrave:"Латинская заглавная буква Е с апострофом",Eacute:"Латинская заглавная буква Е с ударением",Ecirc:"Латинская заглавная буква Е с циркумфлексом",Euml:"Латинская заглавная буква Е с тремой",Igrave:"Латинская заглавная буква I с апострофом",Iacute:"Латинская заглавная буква I с ударением", +Icirc:"Латинская заглавная буква I с циркумфлексом",Iuml:"Латинская заглавная буква I с тремой",ETH:"Латинская большая буква Eth",Ntilde:"Латинская заглавная буква N с тильдой",Ograve:"Латинская заглавная буква O с апострофом",Oacute:"Латинская заглавная буква O с ударением",Ocirc:"Латинская заглавная буква O с циркумфлексом",Otilde:"Латинская заглавная буква O с тильдой",Ouml:"Латинская заглавная буква O с тремой",times:"Знак умножения",Oslash:"Латинская большая перечеркнутая O",Ugrave:"Латинская заглавная буква U с апострофом", +Uacute:"Латинская заглавная буква U с ударением",Ucirc:"Латинская заглавная буква U с циркумфлексом",Uuml:"Латинская заглавная буква U с тремой",Yacute:"Латинская заглавная буква Y с ударением",THORN:"Латинская заглавная буква Thorn",szlig:"Знак диеза",agrave:"Латинская маленькая буква a с апострофом",aacute:"Латинская маленькая буква a с ударением",acirc:"Латинская маленькая буква a с циркумфлексом",atilde:"Латинская маленькая буква a с тильдой",auml:"Латинская маленькая буква a с тремой",aring:"Латинская маленькая буква a с кольцом", +aelig:"Латинская маленькая буква æ",ccedil:"Латинская маленькая буква с с седилью",egrave:"Латинская маленькая буква е с апострофом",eacute:"Латинская маленькая буква е с ударением",ecirc:"Латинская маленькая буква е с циркумфлексом",euml:"Латинская маленькая буква е с тремой",igrave:"Латинская маленькая буква i с апострофом",iacute:"Латинская маленькая буква i с ударением",icirc:"Латинская маленькая буква i с циркумфлексом",iuml:"Латинская маленькая буква i с тремой",eth:"Латинская маленькая буква eth", +ntilde:"Латинская маленькая буква n с тильдой",ograve:"Латинская маленькая буква o с апострофом",oacute:"Латинская маленькая буква o с ударением",ocirc:"Латинская маленькая буква o с циркумфлексом",otilde:"Латинская маленькая буква o с тильдой",ouml:"Латинская маленькая буква o с тремой",divide:"Знак деления",oslash:"Латинская строчная перечеркнутая o",ugrave:"Латинская маленькая буква u с апострофом",uacute:"Латинская маленькая буква u с ударением",ucirc:"Латинская маленькая буква u с циркумфлексом", +uuml:"Латинская маленькая буква u с тремой",yacute:"Латинская маленькая буква y с ударением",thorn:"Латинская маленькая буква thorn",yuml:"Латинская маленькая буква y с тремой",OElig:"Латинская прописная лигатура OE",oelig:"Латинская строчная лигатура oe",372:"Латинская заглавная буква W с циркумфлексом",374:"Латинская заглавная буква Y с циркумфлексом",373:"Латинская маленькая буква w с циркумфлексом",375:"Латинская маленькая буква y с циркумфлексом",sbquo:"Нижняя одинарная кавычка",8219:"Правая одинарная кавычка", +bdquo:"Левая двойная кавычка",hellip:"Горизонтальное многоточие",trade:"Товарный знак",9658:"Черный указатель вправо",bull:"Маркер списка",rarr:"Стрелка вправо",rArr:"Двойная стрелка вправо",hArr:"Двойная стрелка влево-вправо",diams:"Черный ромб",asymp:"Примерно равно"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/si.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/si.js new file mode 100644 index 0000000..12789fb --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/si.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","si",{euro:"යුරෝ සලකුණ",lsquo:"වමේ තනි උපුටා දක්වීම ",rsquo:"දකුණේ තනි උපුටා දක්වීම ",ldquo:"වමේ දිත්ව උපුටා දක්වීම ",rdquo:"දකුණේ දිත්ව උපුටා දක්වීම ",ndash:"En dash",mdash:"Em dash",iexcl:"යටිකුරු හර්ෂදී ",cent:"Cent sign",pound:"Pound sign",curren:"මුල්‍යමය ",yen:"යෙන් ",brvbar:"Broken bar",sect:"තෙරේම් ",uml:"Diaeresis",copy:"පිටපත් අයිතිය ",ordf:"දර්ශකය",laquo:"Left-pointing double angle quotation mark",not:"සලකුණක් නොවේ",reg:"සලකුණක් ලියාපදිංචි කිරීම", +macr:"මුද්‍රිත ",deg:"සලකුණේ ",sup2:"උඩු ලකුණු දෙක",sup3:"Superscript three",acute:"Acute accent",micro:"Micro sign",para:"Pilcrow sign",middot:"Middle dot",cedil:"Cedilla",sup1:"Superscript one",ordm:"Masculine ordinal indicator",raquo:"Right-pointing double angle quotation mark",frac14:"Vulgar fraction one quarter",frac12:"Vulgar fraction one half",frac34:"Vulgar fraction three quarters",iquest:"Inverted question mark",Agrave:"Latin capital letter A with grave accent",Aacute:"Latin capital letter A with acute accent", +Acirc:"Latin capital letter A with circumflex",Atilde:"Latin capital letter A with tilde",Auml:"Latin capital letter A with diaeresis",Aring:"Latin capital letter A with ring above",AElig:"Latin Capital letter Æ",Ccedil:"Latin capital letter C with cedilla",Egrave:"Latin capital letter E with grave accent",Eacute:"Latin capital letter E with acute accent",Ecirc:"Latin capital letter E with circumflex",Euml:"Latin capital letter E with diaeresis",Igrave:"Latin capital letter I with grave accent",Iacute:"Latin capital letter I with acute accent", +Icirc:"Latin capital letter I with circumflex",Iuml:"Latin capital letter I with diaeresis",ETH:"Latin capital letter Eth",Ntilde:"Latin capital letter N with tilde",Ograve:"Latin capital letter O with grave accent",Oacute:"Latin capital letter O with acute accent",Ocirc:"Latin capital letter O with circumflex",Otilde:"Latin capital letter O with tilde",Ouml:"Latin capital letter O with diaeresis",times:"Multiplication sign",Oslash:"Latin capital letter O with stroke",Ugrave:"Latin capital letter U with grave accent", +Uacute:"Latin capital letter U with acute accent",Ucirc:"Latin capital letter U with circumflex",Uuml:"Latin capital letter U with diaeresis",Yacute:"Latin capital letter Y with acute accent",THORN:"Latin capital letter Thorn",szlig:"Latin small letter sharp s",agrave:"Latin small letter a with grave accent",aacute:"Latin small letter a with acute accent",acirc:"Latin small letter a with circumflex",atilde:"Latin small letter a with tilde",auml:"Latin small letter a with diaeresis",aring:"Latin small letter a with ring above", +aelig:"Latin small letter æ",ccedil:"Latin small letter c with cedilla",egrave:"Latin small letter e with grave accent",eacute:"Latin small letter e with acute accent",ecirc:"Latin small letter e with circumflex",euml:"Latin small letter e with diaeresis",igrave:"Latin small letter i with grave accent",iacute:"Latin small letter i with acute accent",icirc:"Latin small letter i with circumflex",iuml:"Latin small letter i with diaeresis",eth:"Latin small letter eth",ntilde:"Latin small letter n with tilde", +ograve:"Latin small letter o with grave accent",oacute:"Latin small letter o with acute accent",ocirc:"Latin small letter o with circumflex",otilde:"Latin small letter o with tilde",ouml:"Latin small letter o with diaeresis",divide:"Division sign",oslash:"Latin small letter o with stroke",ugrave:"Latin small letter u with grave accent",uacute:"Latin small letter u with acute accent",ucirc:"Latin small letter u with circumflex",uuml:"Latin small letter u with diaeresis",yacute:"Latin small letter y with acute accent", +thorn:"Latin small letter thorn",yuml:"Latin small letter y with diaeresis",OElig:"Latin capital ligature OE",oelig:"Latin small ligature oe",372:"Latin capital letter W with circumflex",374:"Latin capital letter Y with circumflex",373:"Latin small letter w with circumflex",375:"Latin small letter y with circumflex",sbquo:"Single low-9 quotation mark",8219:"Single high-reversed-9 quotation mark",bdquo:"Double low-9 quotation mark",hellip:"Horizontal ellipsis",trade:"Trade mark sign",9658:"Black right-pointing pointer", +bull:"Bullet",rarr:"Rightwards arrow",rArr:"Rightwards double arrow",hArr:"Left right double arrow",diams:"Black diamond suit",asymp:"Almost equal to"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/sk.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/sk.js new file mode 100644 index 0000000..6e5b534 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/sk.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","sk",{euro:"Znak eura",lsquo:"Ľavá jednoduchá úvodzovka",rsquo:"Pravá jednoduchá úvodzovka",ldquo:"Pravá dvojitá úvodzovka",rdquo:"Pravá dvojitá úvodzovka",ndash:"En pomlčka",mdash:"Em pomlčka",iexcl:"Obrátený výkričník",cent:"Znak centu",pound:"Znak libry",curren:"Znak meny",yen:"Znak jenu",brvbar:"Prerušená zvislá čiara",sect:"Znak odseku",uml:"Prehláska",copy:"Znak copyrightu",ordf:"Ženský indikátor rodu",laquo:"Znak dvojitých lomených úvodzoviek vľavo",not:"Logistický zápor", +reg:"Znak registrácie",macr:"Pomlčka nad",deg:"Znak stupňa",sup2:"Dvojka ako horný index",sup3:"Trojka ako horný index",acute:"Dĺžeň",micro:"Znak mikro",para:"Znak odstavca",middot:"Bodka uprostred",cedil:"Chvost vľavo",sup1:"Jednotka ako horný index",ordm:"Mužský indikátor rodu",raquo:"Znak dvojitých lomených úvodzoviek vpravo",frac14:"Obyčajný zlomok jedna štvrtina",frac12:"Obyčajný zlomok jedna polovica",frac34:"Obyčajný zlomok tri štvrtiny",iquest:"Otočený otáznik",Agrave:"Veľké písmeno latinky A s accentom", +Aacute:"Veľké písmeno latinky A s dĺžňom",Acirc:"Veľké písmeno latinky A s mäkčeňom",Atilde:"Veľké písmeno latinky A s tildou",Auml:"Veľké písmeno latinky A s dvoma bodkami",Aring:"Veľké písmeno latinky A s krúžkom nad",AElig:"Veľké písmeno latinky Æ",Ccedil:"Veľké písmeno latinky C s chvostom vľavo",Egrave:"Veľké písmeno latinky E s accentom",Eacute:"Veľké písmeno latinky E s dĺžňom",Ecirc:"Veľké písmeno latinky E s mäkčeňom",Euml:"Veľké písmeno latinky E s dvoma bodkami",Igrave:"Veľké písmeno latinky I s accentom", +Iacute:"Veľké písmeno latinky I s dĺžňom",Icirc:"Veľké písmeno latinky I s mäkčeňom",Iuml:"Veľké písmeno latinky I s dvoma bodkami",ETH:"Veľké písmeno latinky Eth",Ntilde:"Veľké písmeno latinky N s tildou",Ograve:"Veľké písmeno latinky O s accentom",Oacute:"Veľké písmeno latinky O s dĺžňom",Ocirc:"Veľké písmeno latinky O s mäkčeňom",Otilde:"Veľké písmeno latinky O s tildou",Ouml:"Veľké písmeno latinky O s dvoma bodkami",times:"Znak násobenia",Oslash:"Veľké písmeno latinky O preškrtnuté",Ugrave:"Veľké písmeno latinky U s accentom", +Uacute:"Veľké písmeno latinky U s dĺžňom",Ucirc:"Veľké písmeno latinky U s mäkčeňom",Uuml:"Veľké písmeno latinky U s dvoma bodkami",Yacute:"Veľké písmeno latinky Y s dĺžňom",THORN:"Veľké písmeno latinky Thorn",szlig:"Malé písmeno latinky ostré s",agrave:"Malé písmeno latinky a s accentom",aacute:"Malé písmeno latinky a s dĺžňom",acirc:"Malé písmeno latinky a s mäkčeňom",atilde:"Malé písmeno latinky a s tildou",auml:"Malé písmeno latinky a s dvoma bodkami",aring:"Malé písmeno latinky a s krúžkom nad", +aelig:"Malé písmeno latinky æ",ccedil:"Malé písmeno latinky c s chvostom vľavo",egrave:"Malé písmeno latinky e s accentom",eacute:"Malé písmeno latinky e s dĺžňom",ecirc:"Malé písmeno latinky e s mäkčeňom",euml:"Malé písmeno latinky e s dvoma bodkami",igrave:"Malé písmeno latinky i s accentom",iacute:"Malé písmeno latinky i s dĺžňom",icirc:"Malé písmeno latinky i s mäkčeňom",iuml:"Malé písmeno latinky i s dvoma bodkami",eth:"Malé písmeno latinky eth",ntilde:"Malé písmeno latinky n s tildou",ograve:"Malé písmeno latinky o s accentom", +oacute:"Malé písmeno latinky o s dĺžňom",ocirc:"Malé písmeno latinky o s mäkčeňom",otilde:"Malé písmeno latinky o s tildou",ouml:"Malé písmeno latinky o s dvoma bodkami",divide:"Znak delenia",oslash:"Malé písmeno latinky o preškrtnuté",ugrave:"Malé písmeno latinky u s accentom",uacute:"Malé písmeno latinky u s dĺžňom",ucirc:"Malé písmeno latinky u s mäkčeňom",uuml:"Malé písmeno latinky u s dvoma bodkami",yacute:"Malé písmeno latinky y s dĺžňom",thorn:"Malé písmeno latinky thorn",yuml:"Malé písmeno latinky y s dvoma bodkami", +OElig:"Veľká ligatúra latinky OE",oelig:"Malá ligatúra latinky OE",372:"Veľké písmeno latinky W s mäkčeňom",374:"Veľké písmeno latinky Y s mäkčeňom",373:"Malé písmeno latinky w s mäkčeňom",375:"Malé písmeno latinky y s mäkčeňom",sbquo:"Dolná jednoduchá 9-úvodzovka",8219:"Horná jednoduchá otočená 9-úvodzovka",bdquo:"Dolná dvojitá 9-úvodzovka",hellip:"Trojbodkový úvod",trade:"Znak ibchodnej značky",9658:"Čierny ukazovateľ smerujúci vpravo",bull:"Kruh",rarr:"Šípka vpravo",rArr:"Dvojitá šipka vpravo", +hArr:"Dvojitá šipka vľavo a vpravo",diams:"Čierne piky",asymp:"Skoro sa rovná"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/sl.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/sl.js new file mode 100644 index 0000000..bdebbd1 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/sl.js @@ -0,0 +1,12 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","sl",{euro:"Evro znak",lsquo:"Levi enojni narekovaj",rsquo:"Desni enojni narekovaj",ldquo:"Levi dvojni narekovaj",rdquo:"Desni dvojni narekovaj",ndash:"En pomišljaj",mdash:"Em pomišljaj",iexcl:"Obrnjen klicaj",cent:"Cent znak",pound:"Funt znak",curren:"Znak valute",yen:"Jen znak",brvbar:"Zlomljena črta",sect:"Znak oddelka",uml:"Diaeresis",copy:"Znak avtorskih pravic",ordf:"Ženski zaporedni kazalnik",laquo:"Levi obrnjen dvojni kotni narekovaj",not:"Ne znak",reg:"Registrirani znak", +macr:"Macron",deg:"Znak stopinj",sup2:"Nadpisano dva",sup3:"Nadpisano tri",acute:"Ostrivec",micro:"Mikro znak",para:"Pilcrow znak",middot:"Sredinska pika",cedil:"Cedilla",sup1:"Nadpisano ena",ordm:"Moški zaporedni kazalnik",raquo:"Desno obrnjen dvojni kotni narekovaj",frac14:"Ena četrtina",frac12:"Ena polovica",frac34:"Tri četrtine",iquest:"Obrnjen vprašaj",Agrave:"Velika latinska črka A s krativcem",Aacute:"Velika latinska črka A z ostrivcem",Acirc:"Velika latinska črka A s strešico",Atilde:"Velika latinska črka A z tildo", +Auml:"Velika latinska črka A z diaeresis-om",Aring:"Velika latinska črka A z obročem",AElig:"Velika latinska črka Æ",Ccedil:"Velika latinska črka C s cedillo",Egrave:"Velika latinska črka E s krativcem",Eacute:"Velika latinska črka E z ostrivcem",Ecirc:"Velika latinska črka E s strešico",Euml:"Velika latinska črka E z diaeresis-om",Igrave:"Velika latinska črka I s krativcem",Iacute:"Velika latinska črka I z ostrivcem",Icirc:"Velika latinska črka I s strešico",Iuml:"Velika latinska črka I z diaeresis-om", +ETH:"Velika latinska črka Eth",Ntilde:"Velika latinska črka N s tildo",Ograve:"Velika latinska črka O s krativcem",Oacute:"Velika latinska črka O z ostrivcem",Ocirc:"Velika latinska črka O s strešico",Otilde:"Velika latinska črka O s tildo",Ouml:"Velika latinska črka O z diaeresis-om",times:"Znak za množenje",Oslash:"Velika prečrtana latinska črka O",Ugrave:"Velika latinska črka U s krativcem",Uacute:"Velika latinska črka U z ostrivcem",Ucirc:"Velika latinska črka U s strešico",Uuml:"Velika latinska črka U z diaeresis-om", +Yacute:"Velika latinska črka Y z ostrivcem",THORN:"Velika latinska črka Thorn",szlig:"Mala ostra latinska črka s",agrave:"Mala latinska črka a s krativcem",aacute:"Mala latinska črka a z ostrivcem",acirc:"Mala latinska črka a s strešico",atilde:"Mala latinska črka a s tildo",auml:"Mala latinska črka a z diaeresis-om",aring:"Mala latinska črka a z obročem",aelig:"Mala latinska črka æ",ccedil:"Mala latinska črka c s cedillo",egrave:"Mala latinska črka e s krativcem",eacute:"Mala latinska črka e z ostrivcem", +ecirc:"Mala latinska črka e s strešico",euml:"Mala latinska črka e z diaeresis-om",igrave:"Mala latinska črka i s krativcem",iacute:"Mala latinska črka i z ostrivcem",icirc:"Mala latinska črka i s strešico",iuml:"Mala latinska črka i z diaeresis-om",eth:"Mala latinska črka eth",ntilde:"Mala latinska črka n s tildo",ograve:"Mala latinska črka o s krativcem",oacute:"Mala latinska črka o z ostrivcem",ocirc:"Mala latinska črka o s strešico",otilde:"Mala latinska črka o s tildo",ouml:"Mala latinska črka o z diaeresis-om", +divide:"Znak za deljenje",oslash:"Mala prečrtana latinska črka o",ugrave:"Mala latinska črka u s krativcem",uacute:"Mala latinska črka u z ostrivcem",ucirc:"Mala latinska črka u s strešico",uuml:"Mala latinska črka u z diaeresis-om",yacute:"Mala latinska črka y z ostrivcem",thorn:"Mala latinska črka thorn",yuml:"Mala latinska črka y z diaeresis-om",OElig:"Velika latinska ligatura OE",oelig:"Mala latinska ligatura oe",372:"Velika latinska črka W s strešico",374:"Velika latinska črka Y s strešico", +373:"Mala latinska črka w s strešico",375:"Mala latinska črka y s strešico",sbquo:"Enojni nizki-9 narekovaj",8219:"Enojni visoki-obrnjen-9 narekovaj",bdquo:"Dvojni nizki-9 narekovaj",hellip:"Horizontalni izpust",trade:"Znak blagovne znamke",9658:"Črni desno-usmerjen kazalec",bull:"Krogla",rarr:"Desno-usmerjena puščica",rArr:"Desno-usmerjena dvojna puščica",hArr:"Leva in desna dvojna puščica",diams:"Črna kara",asymp:"Skoraj enako"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/sq.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/sq.js new file mode 100644 index 0000000..967a048 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/sq.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","sq",{euro:"Shenja e Euros",lsquo:"Thonjëza majtas me një vi",rsquo:"Thonjëza djathtas me një vi",ldquo:"Thonjëza majtas",rdquo:"Thonjëza djathtas",ndash:"En viza lidhëse",mdash:"Em viza lidhëse",iexcl:"Pikëçuditëse e përmbysur",cent:"Shenja e Centit",pound:"Shejna e Funtit",curren:"Shenja e valutës",yen:"Shenja e Jenit",brvbar:"Viza e këputur",sect:"Shenja e pjesës",uml:"Diaeresis",copy:"Shenja e të drejtave të kopjimit",ordf:"Feminine ordinal indicator",laquo:"Left-pointing double angle quotation mark", +not:"Nuk ka shenjë",reg:"Shenja e të regjistruarit",macr:"Macron",deg:"Shenja e shkallës",sup2:"Super-skripta dy",sup3:"Super-skripta tre",acute:"Theks i mprehtë",micro:"Shjenja e Mikros",para:"Pilcrow sign",middot:"Pika e Mesme",cedil:"Hark nën shkronja",sup1:"Super-skripta një",ordm:"Masculine ordinal indicator",raquo:"Right-pointing double angle quotation mark",frac14:"Thyesa një të katrat",frac12:"Thyesa një të dytat",frac34:"Thyesa tre të katrat",iquest:"Pikëpyetje e përmbysur",Agrave:"Shkronja e madhe latine A me theks të rëndë", +Aacute:"Shkronja e madhe latine A me theks akute",Acirc:"Shkronja e madhe latine A me theks lakor",Atilde:"Shkronja e madhe latine A me tildë",Auml:"Shkronja e madhe latine A me dy pika",Aring:"Shkronja e madhe latine A me unazë mbi",AElig:"Shkronja e madhe latine Æ",Ccedil:"Shkronja e madhe latine C me hark poshtë",Egrave:"Shkronja e madhe latine E me theks të rëndë",Eacute:"Shkronja e madhe latine E me theks akute",Ecirc:"Shkronja e madhe latine E me theks lakor",Euml:"Shkronja e madhe latine E me dy pika", +Igrave:"Shkronja e madhe latine I me theks të rëndë",Iacute:"Shkronja e madhe latine I me theks akute",Icirc:"Shkronja e madhe latine I me theks lakor",Iuml:"Shkronja e madhe latine I me dy pika",ETH:"Shkronja e madhe latine Eth",Ntilde:"Shkronja e madhe latine N me tildë",Ograve:"Shkronja e madhe latine O me theks të rëndë",Oacute:"Shkronja e madhe latine O me theks akute",Ocirc:"Shkronja e madhe latine O me theks lakor",Otilde:"Shkronja e madhe latine O me tildë",Ouml:"Shkronja e madhe latine O me dy pika", +times:"Shenja e shumëzimit",Oslash:"Shkronja e madhe latine O me vizë në mes",Ugrave:"Shkronja e madhe latine U me theks të rëndë",Uacute:"Shkronja e madhe latine U me theks akute",Ucirc:"Shkronja e madhe latine U me theks lakor",Uuml:"Shkronja e madhe latine U me dy pika",Yacute:"Shkronja e madhe latine Y me theks akute",THORN:"Shkronja e madhe latine Thorn",szlig:"Shkronja e vogë latine s e mprehtë",agrave:"Shkronja e vogë latine a me theks të rëndë",aacute:"Shkronja e vogë latine a me theks të mprehtë", +acirc:"Shkronja e vogël latine a me theks lakor",atilde:"Shkronja e vogël latine a me tildë",auml:"Shkronja e vogël latine a me dy pika",aring:"Shkronja e vogë latine a me unazë mbi",aelig:"Shkronja e vogë latine æ",ccedil:"Shkronja e vogël latine c me hark poshtë",egrave:"Shkronja e vogë latine e me theks të rëndë",eacute:"Shkronja e vogë latine e me theks të mprehtë",ecirc:"Shkronja e vogël latine e me theks lakor",euml:"Shkronja e vogël latine e me dy pika",igrave:"Shkronja e vogë latine i me theks të rëndë", +iacute:"Shkronja e vogë latine i me theks të mprehtë",icirc:"Shkronja e vogël latine i me theks lakor",iuml:"Shkronja e vogël latine i me dy pika",eth:"Shkronja e vogë latine eth",ntilde:"Shkronja e vogël latine n me tildë",ograve:"Shkronja e vogë latine o me theks të rëndë",oacute:"Shkronja e vogë latine o me theks të mprehtë",ocirc:"Shkronja e vogël latine o me theks lakor",otilde:"Shkronja e vogël latine o me tildë",ouml:"Shkronja e vogël latine o me dy pika",divide:"Shenja ndarëse",oslash:"Shkronja e vogël latine o me vizë në mes", +ugrave:"Shkronja e vogë latine u me theks të rëndë",uacute:"Shkronja e vogë latine u me theks të mprehtë",ucirc:"Shkronja e vogël latine u me theks lakor",uuml:"Shkronja e vogël latine u me dy pika",yacute:"Shkronja e vogë latine y me theks të mprehtë",thorn:"Shkronja e vogël latine thorn",yuml:"Shkronja e vogël latine y me dy pika",OElig:"Shkronja e madhe e bashkuar latine OE",oelig:"Shkronja e vogël e bashkuar latine oe",372:"Shkronja e madhe latine W me theks lakor",374:"Shkronja e madhe latine Y me theks lakor", +373:"Shkronja e vogël latine w me theks lakor",375:"Shkronja e vogël latine y me theks lakor",sbquo:"Single low-9 quotation mark",8219:"Single high-reversed-9 quotation mark",bdquo:"Double low-9 quotation mark",hellip:"Horizontal ellipsis",trade:"Shenja e Simbolit Tregtarë",9658:"Black right-pointing pointer",bull:"Pulla",rarr:"Shigjeta djathtas",rArr:"Shenja të dyfishta djathtas",hArr:"Shigjeta e dyfishë majtas-djathtas",diams:"Black diamond suit",asymp:"Gati e barabar me"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/sv.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/sv.js new file mode 100644 index 0000000..d177c86 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/sv.js @@ -0,0 +1,11 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","sv",{euro:"Eurotecken",lsquo:"Enkelt vänster citattecken",rsquo:"Enkelt höger citattecken",ldquo:"Dubbelt vänster citattecken",rdquo:"Dubbelt höger citattecken",ndash:"Snedstreck",mdash:"Långt tankstreck",iexcl:"Inverterad utropstecken",cent:"Centtecken",pound:"Pundtecken",curren:"Valutatecken",yen:"Yentecken",brvbar:"Brutet lodrätt streck",sect:"Paragraftecken",uml:"Diaeresis",copy:"Upphovsrättstecken",ordf:"Feminit ordningstalsindikator",laquo:"Vänsterställt dubbelt vinkelcitationstecken", +not:"Icke-tecken",reg:"Registrerad",macr:"Macron",deg:"Grader",sup2:"Upphöjt två",sup3:"Upphöjt tre",acute:"Akut accent",micro:"Mikrotecken",para:"Alinea",middot:"Centrerad prick",cedil:"Cedilj",sup1:"Upphöjt en",ordm:"Maskulina ordningsändelsen",raquo:"Högerställt dubbelt vinkelcitationstecken",frac14:"Bråktal - en kvart",frac12:"Bråktal - en halv",frac34:"Bråktal - tre fjärdedelar",iquest:"Inverterat frågetecken",Agrave:"Stort A med grav accent",Aacute:"Stort A med akutaccent",Acirc:"Stort A med circumflex", +Atilde:"Stort A med tilde",Auml:"Stort A med diaresis",Aring:"Stort A med ring ovan",AElig:"Stort Æ",Ccedil:"Stort C med cedilj",Egrave:"Stort E med grav accent",Eacute:"Stort E med aktuaccent",Ecirc:"Stort E med circumflex",Euml:"Stort E med diaeresis",Igrave:"Stort I med grav accent",Iacute:"Stort I med akutaccent",Icirc:"Stort I med circumflex",Iuml:"Stort I med diaeresis",ETH:"Stort Eth",Ntilde:"Stort N med tilde",Ograve:"Stort O med grav accent",Oacute:"Stort O med aktuaccent",Ocirc:"Stort O med circumflex", +Otilde:"Stort O med tilde",Ouml:"Stort O med diaeresis",times:"Multiplicera",Oslash:"Stor Ø",Ugrave:"Stort U med grav accent",Uacute:"Stort U med akutaccent",Ucirc:"Stort U med circumflex",Uuml:"Stort U med diaeresis",Yacute:"Stort Y med akutaccent",THORN:"Stort Thorn",szlig:"Litet dubbel-s/Eszett",agrave:"Litet a med grav accent",aacute:"Litet a med akutaccent",acirc:"Litet a med circumflex",atilde:"Litet a med tilde",auml:"Litet a med diaeresis",aring:"Litet a med ring ovan",aelig:"Bokstaven æ", +ccedil:"Litet c med cedilj",egrave:"Litet e med grav accent",eacute:"Litet e med akutaccent",ecirc:"Litet e med circumflex",euml:"Litet e med diaeresis",igrave:"Litet i med grav accent",iacute:"Litet i med akutaccent",icirc:"LItet i med circumflex",iuml:"Litet i med didaeresis",eth:"Litet eth",ntilde:"Litet n med tilde",ograve:"LItet o med grav accent",oacute:"LItet o med akutaccent",ocirc:"Litet o med circumflex",otilde:"LItet o med tilde",ouml:"Litet o med diaeresis",divide:"Division",oslash:"ø", +ugrave:"Litet u med grav accent",uacute:"Litet u med akutaccent",ucirc:"LItet u med circumflex",uuml:"Litet u med diaeresis",yacute:"Litet y med akutaccent",thorn:"Litet thorn",yuml:"Litet y med diaeresis",OElig:"Stor ligatur av OE",oelig:"Liten ligatur av oe",372:"Stort W med circumflex",374:"Stort Y med circumflex",373:"Litet w med circumflex",375:"Litet y med circumflex",sbquo:"Enkelt lågt 9-citationstecken",8219:"Enkelt högt bakvänt 9-citationstecken",bdquo:"Dubbelt lågt 9-citationstecken",hellip:"Horisontellt uteslutningstecken", +trade:"Varumärke",9658:"Svart högervänd pekare",bull:"Listpunkt",rarr:"Högerpil",rArr:"Dubbel högerpil",hArr:"Dubbel vänsterpil",diams:"Svart ruter",asymp:"Ungefär lika med"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/th.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/th.js new file mode 100644 index 0000000..1d43ac9 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/th.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","th",{euro:"Euro sign",lsquo:"Left single quotation mark",rsquo:"Right single quotation mark",ldquo:"Left double quotation mark",rdquo:"Right double quotation mark",ndash:"En dash",mdash:"Em dash",iexcl:"Inverted exclamation mark",cent:"Cent sign",pound:"Pound sign",curren:"สัญลักษณ์สกุลเงิน",yen:"สัญลักษณ์เงินเยน",brvbar:"Broken bar",sect:"Section sign",uml:"Diaeresis",copy:"Copyright sign",ordf:"Feminine ordinal indicator",laquo:"Left-pointing double angle quotation mark", +not:"Not sign",reg:"Registered sign",macr:"Macron",deg:"Degree sign",sup2:"Superscript two",sup3:"Superscript three",acute:"Acute accent",micro:"Micro sign",para:"Pilcrow sign",middot:"Middle dot",cedil:"Cedilla",sup1:"Superscript one",ordm:"Masculine ordinal indicator",raquo:"Right-pointing double angle quotation mark",frac14:"Vulgar fraction one quarter",frac12:"Vulgar fraction one half",frac34:"Vulgar fraction three quarters",iquest:"Inverted question mark",Agrave:"Latin capital letter A with grave accent", +Aacute:"Latin capital letter A with acute accent",Acirc:"Latin capital letter A with circumflex",Atilde:"Latin capital letter A with tilde",Auml:"Latin capital letter A with diaeresis",Aring:"Latin capital letter A with ring above",AElig:"Latin Capital letter Æ",Ccedil:"Latin capital letter C with cedilla",Egrave:"Latin capital letter E with grave accent",Eacute:"Latin capital letter E with acute accent",Ecirc:"Latin capital letter E with circumflex",Euml:"Latin capital letter E with diaeresis",Igrave:"Latin capital letter I with grave accent", +Iacute:"Latin capital letter I with acute accent",Icirc:"Latin capital letter I with circumflex",Iuml:"Latin capital letter I with diaeresis",ETH:"Latin capital letter Eth",Ntilde:"Latin capital letter N with tilde",Ograve:"Latin capital letter O with grave accent",Oacute:"Latin capital letter O with acute accent",Ocirc:"Latin capital letter O with circumflex",Otilde:"Latin capital letter O with tilde",Ouml:"Latin capital letter O with diaeresis",times:"Multiplication sign",Oslash:"Latin capital letter O with stroke", +Ugrave:"Latin capital letter U with grave accent",Uacute:"Latin capital letter U with acute accent",Ucirc:"Latin capital letter U with circumflex",Uuml:"Latin capital letter U with diaeresis",Yacute:"Latin capital letter Y with acute accent",THORN:"Latin capital letter Thorn",szlig:"Latin small letter sharp s",agrave:"Latin small letter a with grave accent",aacute:"Latin small letter a with acute accent",acirc:"Latin small letter a with circumflex",atilde:"Latin small letter a with tilde",auml:"Latin small letter a with diaeresis", +aring:"Latin small letter a with ring above",aelig:"Latin small letter æ",ccedil:"Latin small letter c with cedilla",egrave:"Latin small letter e with grave accent",eacute:"Latin small letter e with acute accent",ecirc:"Latin small letter e with circumflex",euml:"Latin small letter e with diaeresis",igrave:"Latin small letter i with grave accent",iacute:"Latin small letter i with acute accent",icirc:"Latin small letter i with circumflex",iuml:"Latin small letter i with diaeresis",eth:"Latin small letter eth", +ntilde:"Latin small letter n with tilde",ograve:"Latin small letter o with grave accent",oacute:"Latin small letter o with acute accent",ocirc:"Latin small letter o with circumflex",otilde:"Latin small letter o with tilde",ouml:"Latin small letter o with diaeresis",divide:"Division sign",oslash:"Latin small letter o with stroke",ugrave:"Latin small letter u with grave accent",uacute:"Latin small letter u with acute accent",ucirc:"Latin small letter u with circumflex",uuml:"Latin small letter u with diaeresis", +yacute:"Latin small letter y with acute accent",thorn:"Latin small letter thorn",yuml:"Latin small letter y with diaeresis",OElig:"Latin capital ligature OE",oelig:"Latin small ligature oe",372:"Latin capital letter W with circumflex",374:"Latin capital letter Y with circumflex",373:"Latin small letter w with circumflex",375:"Latin small letter y with circumflex",sbquo:"Single low-9 quotation mark",8219:"Single high-reversed-9 quotation mark",bdquo:"Double low-9 quotation mark",hellip:"Horizontal ellipsis", +trade:"Trade mark sign",9658:"Black right-pointing pointer",bull:"สัญลักษณ์หัวข้อย่อย",rarr:"Rightwards arrow",rArr:"Rightwards double arrow",hArr:"Left right double arrow",diams:"Black diamond suit",asymp:"Almost equal to"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/tr.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/tr.js new file mode 100644 index 0000000..65c1a19 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/tr.js @@ -0,0 +1,12 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","tr",{euro:"Euro işareti",lsquo:"Sol tek tırnak işareti",rsquo:"Sağ tek tırnak işareti",ldquo:"Sol çift tırnak işareti",rdquo:"Sağ çift tırnak işareti",ndash:"En tire",mdash:"Em tire",iexcl:"Ters ünlem işareti",cent:"Cent işareti",pound:"Pound işareti",curren:"Para birimi işareti",yen:"Yen işareti",brvbar:"Kırık bar",sect:"Bölüm işareti",uml:"İki sesli harfin ayrılması",copy:"Telif hakkı işareti",ordf:"Dişil sıralı gösterge",laquo:"Sol-işaret çift açı tırnak işareti", +not:"Not işareti",reg:"Kayıtlı işareti",macr:"Makron",deg:"Derece işareti",sup2:"İkili üstsimge",sup3:"Üçlü üstsimge",acute:"Aksan işareti",micro:"Mikro işareti",para:"Pilcrow işareti",middot:"Orta nokta",cedil:"Kedilla",sup1:"Üstsimge",ordm:"Eril sıralı gösterge",raquo:"Sağ işaret çift açı tırnak işareti",frac14:"Bayağı kesrin dörtte biri",frac12:"Bayağı kesrin bir yarım",frac34:"Bayağı kesrin dörtte üç",iquest:"Ters soru işareti",Agrave:"Aksanlı latin harfi",Aacute:"Aşırı aksanıyla Latin harfi", +Acirc:"Çarpık Latin harfi",Atilde:"Tilde latin harfi",Auml:"Sesli harf ayrılımlıı latin harfi",Aring:"Halkalı latin büyük A harfi",AElig:"Latin büyük Æ harfi",Ccedil:"Latin büyük C harfi ile kedilla",Egrave:"Aksanlı latin büyük E harfi",Eacute:"Aşırı vurgulu latin büyük E harfi",Ecirc:"Çarpık latin büyük E harfi",Euml:"Sesli harf ayrılımlıı latin büyük E harfi",Igrave:"Aksanlı latin büyük I harfi",Iacute:"Aşırı aksanlı latin büyük I harfi",Icirc:"Çarpık latin büyük I harfi",Iuml:"Sesli harf ayrılımlıı latin büyük I harfi", +ETH:"Latin büyük Eth harfi",Ntilde:"Tildeli latin büyük N harfi",Ograve:"Aksanlı latin büyük O harfi",Oacute:"Aşırı aksanlı latin büyük O harfi",Ocirc:"Çarpık latin büyük O harfi",Otilde:"Tildeli latin büyük O harfi",Ouml:"Sesli harf ayrılımlı latin büyük O harfi",times:"Çarpma işareti",Oslash:"Vurgulu latin büyük O harfi",Ugrave:"Aksanlı latin büyük U harfi",Uacute:"Aşırı aksanlı latin büyük U harfi",Ucirc:"Çarpık latin büyük U harfi",Uuml:"Sesli harf ayrılımlı latin büyük U harfi",Yacute:"Aşırı aksanlı latin büyük Y harfi", +THORN:"Latin büyük Thorn harfi",szlig:"Latin küçük keskin s harfi",agrave:"Aksanlı latin küçük a harfi",aacute:"Aşırı aksanlı latin küçük a harfi",acirc:"Çarpık latin küçük a harfi",atilde:"Tildeli latin küçük a harfi",auml:"Sesli harf ayrılımlı latin küçük a harfi",aring:"Halkalı latin küçük a harfi",aelig:"Latin büyük æ harfi",ccedil:"Kedillalı latin küçük c harfi",egrave:"Aksanlı latin küçük e harfi",eacute:"Aşırı aksanlı latin küçük e harfi",ecirc:"Çarpık latin küçük e harfi",euml:"Sesli harf ayrılımlı latin küçük e harfi", +igrave:"Aksanlı latin küçük i harfi",iacute:"Aşırı aksanlı latin küçük i harfi",icirc:"Çarpık latin küçük i harfi",iuml:"Sesli harf ayrılımlı latin küçük i harfi",eth:"Latin küçük eth harfi",ntilde:"Tildeli latin küçük n harfi",ograve:"Aksanlı latin küçük o harfi",oacute:"Aşırı aksanlı latin küçük o harfi",ocirc:"Çarpık latin küçük o harfi",otilde:"Tildeli latin küçük o harfi",ouml:"Sesli harf ayrılımlı latin küçük o harfi",divide:"Bölme işareti",oslash:"Vurgulu latin küçük o harfi",ugrave:"Aksanlı latin küçük u harfi", +uacute:"Aşırı aksanlı latin küçük u harfi",ucirc:"Çarpık latin küçük u harfi",uuml:"Sesli harf ayrılımlı latin küçük u harfi",yacute:"Aşırı aksanlı latin küçük y harfi",thorn:"Latin küçük thorn harfi",yuml:"Sesli harf ayrılımlı latin küçük y harfi",OElig:"Latin büyük bağlı OE harfi",oelig:"Latin küçük bağlı oe harfi",372:"Çarpık latin büyük W harfi",374:"Çarpık latin büyük Y harfi",373:"Çarpık latin küçük w harfi",375:"Çarpık latin küçük y harfi",sbquo:"Tek düşük-9 tırnak işareti",8219:"Tek yüksek-ters-9 tırnak işareti", +bdquo:"Çift düşük-9 tırnak işareti",hellip:"Yatay elips",trade:"Marka tescili işareti",9658:"Siyah sağ işaret işaretçisi",bull:"Koyu nokta",rarr:"Sağa doğru ok",rArr:"Sağa doğru çift ok",hArr:"Sol, sağ çift ok",diams:"Siyah elmas takımı",asymp:"Hemen hemen eşit"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/tt.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/tt.js new file mode 100644 index 0000000..303d655 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/tt.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","tt",{euro:"Евро тамгасы",lsquo:"Сул бер иңле куштырнаклар",rsquo:"Уң бер иңле куштырнаклар",ldquo:"Сул ике иңле куштырнаклар",rdquo:"Уң ике иңле куштырнаклар",ndash:"Кыска сызык",mdash:"Озын сызык",iexcl:"Әйләндерелгән өндәү билгесе",cent:"Цент тамгасы",pound:"Фунт тамгасы",curren:"Акча берәмлеге тамгасы",yen:"Иена тамгасы",brvbar:"Broken bar",sect:"Параграф билгесе",uml:"Диерезис",copy:"Хокук иясе булу билгесе",ordf:"Feminine ordinal indicator",laquo:"Ачылучы чыршысыман җәя", +not:"Юклык ишарəсе",reg:"Теркәләнгән булу билгесе",macr:"Макрон",deg:"Градус билгесе",sup2:"Икенче өске индекс",sup3:"Өченче өске индекс",acute:"Басым билгесе",micro:"Микро билгесе",para:"Параграф билгесе",middot:"Уртадагы нокта",cedil:"Седиль",sup1:"Беренче өске индекс",ordm:"Masculine ordinal indicator",raquo:"Ябылучы чыршысыман җәя",frac14:"Гади дүрттән бер билгесе",frac12:"Гади икедән бер билгесе",frac34:"Гади дүрттән өч билгесе",iquest:"Әйләндерелгән өндәү билгесе",Agrave:"Гравис белән латин A баш хәрефе", +Aacute:"Басым билгесе белән латин A баш хәрефе",Acirc:"Циркумфлекс белән латин A баш хәрефе",Atilde:"Тильда белән латин A баш хәрефе",Auml:"Диерезис белән латин A баш хәрефе",Aring:"Өстендә боҗра булган латин A баш хәрефе",AElig:"Латин Æ баш хәрефе",Ccedil:"Седиль белән латин C баш хәрефе",Egrave:"Гравис белән латин E баш хәрефе",Eacute:"Басым билгесе белән латин E баш хәрефе",Ecirc:"Циркумфлекс белән латин E баш хәрефе",Euml:"Диерезис белән латин E баш хәрефе",Igrave:"Гравис белән латин I баш хәрефе", +Iacute:"Басым билгесе белән латин I баш хәрефе",Icirc:"Циркумфлекс белән латин I баш хәрефе",Iuml:"Диерезис белән латин I баш хәрефе",ETH:"Латин Eth баш хәрефе",Ntilde:"Тильда белән латин N баш хәрефе",Ograve:"Гравис белән латин O баш хәрефе",Oacute:"Басым билгесе белән латин O баш хәрефе",Ocirc:"Циркумфлекс белән латин O баш хәрефе",Otilde:"Тильда белән латин O баш хәрефе",Ouml:"Диерезис белән латин O баш хәрефе",times:"Тапкырлау билгесе",Oslash:"Сызык белән латин O баш хәрефе",Ugrave:"Гравис белән латин U баш хәрефе", +Uacute:"Басым билгесе белән латин U баш хәрефе",Ucirc:"Циркумфлекс белән латин U баш хәрефе",Uuml:"Диерезис белән латин U баш хәрефе",Yacute:"Басым билгесе белән латин Y баш хәрефе",THORN:"Латин Thorn баш хәрефе",szlig:"Латин beta юл хәрефе",agrave:"Гравис белән латин a юл хәрефе",aacute:"Басым билгесе белән латин a юл хәрефе",acirc:"Циркумфлекс белән латин a юл хәрефе",atilde:"Тильда белән латин a юл хәрефе",auml:"Диерезис белән латин a юл хәрефе",aring:"Өстендә боҗра булган латин a юл хәрефе",aelig:"Латин æ юл хәрефе", +ccedil:"Седиль белән латин c юл хәрефе",egrave:"Гравис белән латин e юл хәрефе",eacute:"Басым билгесе белән латин e юл хәрефе",ecirc:"Циркумфлекс белән латин e юл хәрефе",euml:"Диерезис белән латин e юл хәрефе",igrave:"Гравис белән латин i юл хәрефе",iacute:"Басым билгесе белән латин i юл хәрефе",icirc:"Циркумфлекс белән латин i юл хәрефе",iuml:"Диерезис белән латин i юл хәрефе",eth:"Латин eth юл хәрефе",ntilde:"Тильда белән латин n юл хәрефе",ograve:"Гравис белән латин o юл хәрефе",oacute:"Басым билгесе белән латин o юл хәрефе", +ocirc:"Циркумфлекс белән латин o юл хәрефе",otilde:"Тильда белән латин o юл хәрефе",ouml:"Диерезис белән латин o юл хәрефе",divide:"Бүлү билгесе",oslash:"Сызык белән латин o юл хәрефе",ugrave:"Гравис белән латин u юл хәрефе",uacute:"Басым билгесе белән латин u юл хәрефе",ucirc:"Циркумфлекс белән латин u юл хәрефе",uuml:"Диерезис белән латин u юл хәрефе",yacute:"Басым билгесе белән латин y юл хәрефе",thorn:"Латин thorn юл хәрефе",yuml:"Диерезис белән латин y юл хәрефе",OElig:"Латин лигатура OE баш хәрефе", +oelig:"Латин лигатура oe юл хәрефе",372:"Циркумфлекс белән латин W баш хәрефе",374:"Циркумфлекс белән латин Y баш хәрефе",373:"Циркумфлекс белән латин w юл хәрефе",375:"Циркумфлекс белән латин y юл хәрефе",sbquo:"Single low-9 quotation mark",8219:"Single high-reversed-9 quotation mark",bdquo:"Double low-9 quotation mark",hellip:"Ятма эллипс",trade:"Сәүдә маркасы билгесе",9658:"Black right-pointing pointer",bull:"Маркер",rarr:"Уң якка ук",rArr:"Уң якка икеләтә ук",hArr:"Ике якка икеләтә ук",diams:"Black diamond suit", +asymp:"якынча"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/ug.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/ug.js new file mode 100644 index 0000000..757e83f --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/ug.js @@ -0,0 +1,13 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","ug",{euro:"ياۋرو بەلگىسى",lsquo:"يالاڭ پەش سول",rsquo:"يالاڭ پەش ئوڭ",ldquo:"قوش پەش سول",rdquo:"قوش پەش ئوڭ",ndash:"سىزىقچە",mdash:"سىزىق",iexcl:"ئۈندەش",cent:"تىيىن بەلگىسى",pound:"فوند ستېرلىڭ",curren:"پۇل بەلگىسى",yen:"ياپونىيە يىنى",brvbar:"ئۈزۈك بالداق",sect:"پاراگراف بەلگىسى",uml:"تاۋۇش ئايرىش بەلگىسى",copy:"نەشر ھوقۇقى بەلگىسى",ordf:"Feminine ordinal indicator",laquo:"قوش تىرناق سول",not:"غەيرى بەلگە",reg:"خەتلەتكەن تاۋار ماركىسى",macr:"سوزۇش بەلگىسى", +deg:"گىرادۇس بەلگىسى",sup2:"يۇقىرى ئىندېكىس 2",sup3:"يۇقىرى ئىندېكىس 3",acute:"ئۇرغۇ بەلگىسى",micro:"Micro sign",para:"ئابزاس بەلگىسى",middot:"ئوتتۇرا چېكىت",cedil:"ئاستىغا قوشۇلىدىغان بەلگە",sup1:"يۇقىرى ئىندېكىس 1",ordm:"Masculine ordinal indicator",raquo:"قوش تىرناق ئوڭ",frac14:"ئاددىي كەسىر تۆتتىن بىر",frac12:"ئاددىي كەسىر ئىككىدىن بىر",frac34:"ئاددىي كەسىر ئۈچتىن تۆرت",iquest:"Inverted question mark",Agrave:"Latin capital letter A with grave accent",Aacute:"Latin capital letter A with acute accent", +Acirc:"Latin capital letter A with circumflex",Atilde:"Latin capital letter A with tilde",Auml:"Latin capital letter A with diaeresis",Aring:"Latin capital letter A with ring above",AElig:"Latin Capital letter Æ",Ccedil:"Latin capital letter C with cedilla",Egrave:"Latin capital letter E with grave accent",Eacute:"Latin capital letter E with acute accent",Ecirc:"Latin capital letter E with circumflex",Euml:"Latin capital letter E with diaeresis",Igrave:"Latin capital letter I with grave accent",Iacute:"Latin capital letter I with acute accent", +Icirc:"Latin capital letter I with circumflex",Iuml:"Latin capital letter I with diaeresis",ETH:"Latin capital letter Eth",Ntilde:"Latin capital letter N with tilde",Ograve:"قوش پەش ئوڭ",Oacute:"Latin capital letter O with acute accent",Ocirc:"Latin capital letter O with circumflex",Otilde:"Latin capital letter O with tilde",Ouml:"Latin capital letter O with diaeresis",times:"Multiplication sign",Oslash:"Latin capital letter O with stroke",Ugrave:"Latin capital letter U with grave accent",Uacute:"Latin capital letter U with acute accent", +Ucirc:"Latin capital letter U with circumflex",Uuml:"Latin capital letter U with diaeresis",Yacute:"Latin capital letter Y with acute accent",THORN:"Latin capital letter Thorn",szlig:"Latin small letter sharp s",agrave:"Latin small letter a with grave accent",aacute:"Latin small letter a with acute accent",acirc:"Latin small letter a with circumflex",atilde:"Latin small letter a with tilde",auml:"Latin small letter a with diaeresis",aring:"Latin small letter a with ring above",aelig:"Latin small letter æ", +ccedil:"Latin small letter c with cedilla",egrave:"Latin small letter e with grave accent",eacute:"Latin small letter e with acute accent",ecirc:"Latin small letter e with circumflex",euml:"Latin small letter e with diaeresis",igrave:"Latin small letter i with grave accent",iacute:"Latin small letter i with acute accent",icirc:"Latin small letter i with circumflex",iuml:"Latin small letter i with diaeresis",eth:"Latin small letter eth",ntilde:"تىك موللاق سوئال بەلگىسى",ograve:"Latin small letter o with grave accent", +oacute:"Latin small letter o with acute accent",ocirc:"Latin small letter o with circumflex",otilde:"Latin small letter o with tilde",ouml:"Latin small letter o with diaeresis",divide:"بۆلۈش بەلگىسى",oslash:"Latin small letter o with stroke",ugrave:"Latin small letter u with grave accent",uacute:"Latin small letter u with acute accent",ucirc:"Latin small letter u with circumflex",uuml:"Latin small letter u with diaeresis",yacute:"Latin small letter y with acute accent",thorn:"Latin small letter thorn", +yuml:"Latin small letter y with diaeresis",OElig:"Latin capital ligature OE",oelig:"Latin small ligature oe",372:"Latin capital letter W with circumflex",374:"Latin capital letter Y with circumflex",373:"Latin small letter w with circumflex",375:"Latin small letter y with circumflex",sbquo:"Single low-9 quotation mark",8219:"Single high-reversed-9 quotation mark",bdquo:"Double low-9 quotation mark",hellip:"Horizontal ellipsis",trade:"خەتلەتكەن تاۋار ماركىسى بەلگىسى",9658:"Black right-pointing pointer", +bull:"Bullet",rarr:"ئوڭ يا ئوق",rArr:"ئوڭ قوش سىزىق يا ئوق",hArr:"ئوڭ سول قوش سىزىق يا ئوق",diams:"ئۇيۇل غىچ",asymp:"تەخمىنەن تەڭ"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/uk.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/uk.js new file mode 100644 index 0000000..2343e56 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/uk.js @@ -0,0 +1,12 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","uk",{euro:"Знак євро",lsquo:"Ліві одинарні лапки",rsquo:"Праві одинарні лапки",ldquo:"Ліві подвійні лапки",rdquo:"Праві подвійні лапки",ndash:"Середнє тире",mdash:"Довге тире",iexcl:"Перевернутий знак оклику",cent:"Знак цента",pound:"Знак фунта",curren:"Знак валюти",yen:"Знак єни",brvbar:"Переривчаста вертикальна лінія",sect:"Знак параграфу",uml:"Умлаут",copy:"Знак авторських прав",ordf:"Жіночий порядковий вказівник",laquo:"ліві вказівні подвійні кутові дужки", +not:"Заперечення",reg:"Знак охорони суміжних прав",macr:"Макрон",deg:"Знак градуса",sup2:"два у верхньому індексі",sup3:"три у верхньому індексі",acute:"Знак акута",micro:"Знак мікро",para:"Знак абзацу",middot:"Інтерпункт",cedil:"Седиль",sup1:"Один у верхньому індексі",ordm:"Чоловічий порядковий вказівник",raquo:"праві вказівні подвійні кутові дужки",frac14:"Одна четвертина",frac12:"Одна друга",frac34:"три четвертих",iquest:"Перевернутий знак питання",Agrave:"Велика латинська A з гравісом",Aacute:"Велика латинська А з акутом", +Acirc:"Велика латинська А з циркумфлексом",Atilde:"Велика латинська А з тильдою",Auml:"Велике латинське А з умлаутом",Aring:"Велика латинська A з кільцем згори",AElig:"Велика латинська Æ",Ccedil:"Велика латинська C з седиллю",Egrave:"Велика латинська E з гравісом",Eacute:"Велика латинська E з акутом",Ecirc:"Велика латинська E з циркумфлексом",Euml:"Велика латинська А з умлаутом",Igrave:"Велика латинська I з гравісом",Iacute:"Велика латинська I з акутом",Icirc:"Велика латинська I з циркумфлексом", +Iuml:"Велика латинська І з умлаутом",ETH:"Велика латинська Eth",Ntilde:"Велика латинська N з тильдою",Ograve:"Велика латинська O з гравісом",Oacute:"Велика латинська O з акутом",Ocirc:"Велика латинська O з циркумфлексом",Otilde:"Велика латинська O з тильдою",Ouml:"Велика латинська О з умлаутом",times:"Знак множення",Oslash:"Велика латинська перекреслена O ",Ugrave:"Велика латинська U з гравісом",Uacute:"Велика латинська U з акутом",Ucirc:"Велика латинська U з циркумфлексом",Uuml:"Велика латинська U з умлаутом", +Yacute:"Велика латинська Y з акутом",THORN:"Велика латинська Торн",szlig:"Мала латинська есцет",agrave:"Мала латинська a з гравісом",aacute:"Мала латинська a з акутом",acirc:"Мала латинська a з циркумфлексом",atilde:"Мала латинська a з тильдою",auml:"Мала латинська a з умлаутом",aring:"Мала латинська a з кільцем згори",aelig:"Мала латинська æ",ccedil:"Мала латинська C з седиллю",egrave:"Мала латинська e з гравісом",eacute:"Мала латинська e з акутом",ecirc:"Мала латинська e з циркумфлексом",euml:"Мала латинська e з умлаутом", +igrave:"Мала латинська i з гравісом",iacute:"Мала латинська i з акутом",icirc:"Мала латинська i з циркумфлексом",iuml:"Мала латинська i з умлаутом",eth:"Мала латинська Eth",ntilde:"Мала латинська n з тильдою",ograve:"Мала латинська o з гравісом",oacute:"Мала латинська o з акутом",ocirc:"Мала латинська o з циркумфлексом",otilde:"Мала латинська o з тильдою",ouml:"Мала латинська o з умлаутом",divide:"Знак ділення",oslash:"Мала латинська перекреслена o",ugrave:"Мала латинська u з гравісом",uacute:"Мала латинська u з акутом", +ucirc:"Мала латинська u з циркумфлексом",uuml:"Мала латинська u з умлаутом",yacute:"Мала латинська y з акутом",thorn:"Мала латинська торн",yuml:"Мала латинська y з умлаутом",OElig:"Велика латинська лігатура OE",oelig:"Мала латинська лігатура oe",372:"Велика латинська W з циркумфлексом",374:"Велика латинська Y з циркумфлексом",373:"Мала латинська w з циркумфлексом",375:"Мала латинська y з циркумфлексом",sbquo:"Одиничні нижні лабки",8219:"Верхні одиничні обернені лабки",bdquo:"Подвійні нижні лабки", +hellip:"Три крапки",trade:"Знак торгової марки",9658:"Чорний правий вказівник",bull:"Маркер списку",rarr:"Стрілка вправо",rArr:"Подвійна стрілка вправо",hArr:"Подвійна стрілка вліво-вправо",diams:"Чорний діамонт",asymp:"Наближено дорівнює"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/vi.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/vi.js new file mode 100644 index 0000000..a71305b --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/vi.js @@ -0,0 +1,14 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","vi",{euro:"Ký hiệu Euro",lsquo:"Dấu ngoặc đơn trái",rsquo:"Dấu ngoặc đơn phải",ldquo:"Dấu ngoặc đôi trái",rdquo:"Dấu ngoặc đôi phải",ndash:"Gạch ngang tiếng anh",mdash:"Gạch ngang Em",iexcl:"Chuyển đổi dấu chấm than",cent:"Ký tự tiền Mỹ",pound:"Ký tự tiền Anh",curren:"Ký tự tiền tệ",yen:"Ký tự tiền Yên Nhật",brvbar:"Thanh hỏng",sect:"Ký tự khu vực",uml:"Dấu tách đôi",copy:"Ký tự bản quyền",ordf:"Phần chỉ thị giống cái",laquo:"Chọn dấu ngoặc đôi trái",not:"Không có ký tự", +reg:"Ký tự đăng ký",macr:"Dấu nguyên âm dài",deg:"Ký tự độ",sup2:"Chữ trồi lên trên dạng 2",sup3:"Chữ trồi lên trên dạng 3",acute:"Dấu trọng âm",micro:"Ký tự micro",para:"Ký tự đoạn văn",middot:"Dấu chấm tròn",cedil:"Dấu móc lưới",sup1:"Ký tự trồi lên cấp 1",ordm:"Ký tự biểu hiện giống đực",raquo:"Chọn dấu ngoặc đôi phải",frac14:"Tỉ lệ một phần tư",frac12:"Tỉ lệ một nửa",frac34:"Tỉ lệ ba phần tư",iquest:"Chuyển đổi dấu chấm hỏi",Agrave:"Ký tự la-tinh viết hoa A với dấu huyền",Aacute:"Ký tự la-tinh viết hoa A với dấu sắc", +Acirc:"Ký tự la-tinh viết hoa A với dấu mũ",Atilde:"Ký tự la-tinh viết hoa A với dấu ngã",Auml:"Ký tự la-tinh viết hoa A với dấu hai chấm trên đầu",Aring:"Ký tự la-tinh viết hoa A với biểu tượng vòng tròn trên đầu",AElig:"Ký tự la-tinh viết hoa của Æ",Ccedil:"Ký tự la-tinh viết hoa C với dấu móc bên dưới",Egrave:"Ký tự la-tinh viết hoa E với dấu huyền",Eacute:"Ký tự la-tinh viết hoa E với dấu sắc",Ecirc:"Ký tự la-tinh viết hoa E với dấu mũ",Euml:"Ký tự la-tinh viết hoa E với dấu hai chấm trên đầu", +Igrave:"Ký tự la-tinh viết hoa I với dấu huyền",Iacute:"Ký tự la-tinh viết hoa I với dấu sắc",Icirc:"Ký tự la-tinh viết hoa I với dấu mũ",Iuml:"Ký tự la-tinh viết hoa I với dấu hai chấm trên đầu",ETH:"Viết hoa của ký tự Eth",Ntilde:"Ký tự la-tinh viết hoa N với dấu ngã",Ograve:"Ký tự la-tinh viết hoa O với dấu huyền",Oacute:"Ký tự la-tinh viết hoa O với dấu sắc",Ocirc:"Ký tự la-tinh viết hoa O với dấu mũ",Otilde:"Ký tự la-tinh viết hoa O với dấu ngã",Ouml:"Ký tự la-tinh viết hoa O với dấu hai chấm trên đầu", +times:"Ký tự phép toán nhân",Oslash:"Ký tự la-tinh viết hoa A với dấu ngã xuống",Ugrave:"Ký tự la-tinh viết hoa U với dấu huyền",Uacute:"Ký tự la-tinh viết hoa U với dấu sắc",Ucirc:"Ký tự la-tinh viết hoa U với dấu mũ",Uuml:"Ký tự la-tinh viết hoa U với dấu hai chấm trên đầu",Yacute:"Ký tự la-tinh viết hoa Y với dấu sắc",THORN:"Phần viết hoa của ký tự Thorn",szlig:"Ký tự viết nhỏ la-tinh của chữ s",agrave:"Ký tự la-tinh thường với dấu huyền",aacute:"Ký tự la-tinh thường với dấu sắc",acirc:"Ký tự la-tinh thường với dấu mũ", +atilde:"Ký tự la-tinh thường với dấu ngã",auml:"Ký tự la-tinh thường với dấu hai chấm trên đầu",aring:"Ký tự la-tinh viết thường với biểu tượng vòng tròn trên đầu",aelig:"Ký tự la-tinh viết thường của æ",ccedil:"Ký tự la-tinh viết thường của c với dấu móc bên dưới",egrave:"Ký tự la-tinh viết thường e với dấu huyền",eacute:"Ký tự la-tinh viết thường e với dấu sắc",ecirc:"Ký tự la-tinh viết thường e với dấu mũ",euml:"Ký tự la-tinh viết thường e với dấu hai chấm trên đầu",igrave:"Ký tự la-tinh viết thường i với dấu huyền", +iacute:"Ký tự la-tinh viết thường i với dấu sắc",icirc:"Ký tự la-tinh viết thường i với dấu mũ",iuml:"Ký tự la-tinh viết thường i với dấu hai chấm trên đầu",eth:"Ký tự la-tinh viết thường của eth",ntilde:"Ký tự la-tinh viết thường n với dấu ngã",ograve:"Ký tự la-tinh viết thường o với dấu huyền",oacute:"Ký tự la-tinh viết thường o với dấu sắc",ocirc:"Ký tự la-tinh viết thường o với dấu mũ",otilde:"Ký tự la-tinh viết thường o với dấu ngã",ouml:"Ký tự la-tinh viết thường o với dấu hai chấm trên đầu", +divide:"Ký hiệu phép tính chia",oslash:"Ký tự la-tinh viết thường o với dấu ngã",ugrave:"Ký tự la-tinh viết thường u với dấu huyền",uacute:"Ký tự la-tinh viết thường u với dấu sắc",ucirc:"Ký tự la-tinh viết thường u với dấu mũ",uuml:"Ký tự la-tinh viết thường u với dấu hai chấm trên đầu",yacute:"Ký tự la-tinh viết thường y với dấu sắc",thorn:"Ký tự la-tinh viết thường của chữ thorn",yuml:"Ký tự la-tinh viết thường y với dấu hai chấm trên đầu",OElig:"Ký tự la-tinh viết hoa gạch nối OE",oelig:"Ký tự la-tinh viết thường gạch nối OE", +372:"Ký tự la-tinh viết hoa W với dấu mũ",374:"Ký tự la-tinh viết hoa Y với dấu mũ",373:"Ký tự la-tinh viết thường w với dấu mũ",375:"Ký tự la-tinh viết thường y với dấu mũ",sbquo:"Dấu ngoặc đơn thấp số-9",8219:"Dấu ngoặc đơn đảo ngược số-9",bdquo:"Gấp đôi dấu ngoặc đơn số-9",hellip:"Tĩnh dược chiều ngang",trade:"Ký tự thương hiệu",9658:"Ký tự trỏ về hướng bên phải màu đen",bull:"Ký hiệu",rarr:"Mũi tên hướng bên phải",rArr:"Mũi tên hướng bên phải dạng đôi",hArr:"Mũi tên hướng bên trái dạng đôi",diams:"Ký hiệu hình thoi", +asymp:"Gần bằng với"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/zh-cn.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/zh-cn.js new file mode 100644 index 0000000..d794a3d --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/zh-cn.js @@ -0,0 +1,9 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","zh-cn",{euro:"欧元符号",lsquo:"左单引号",rsquo:"右单引号",ldquo:"左双引号",rdquo:"右双引号",ndash:"短划线",mdash:"长划线",iexcl:"竖翻叹号",cent:"分币符号",pound:"英镑符号",curren:"货币符号",yen:"日元符号",brvbar:"间断条",sect:"节标记",uml:"分音符",copy:"版权所有标记",ordf:"阴性顺序指示符",laquo:"左指双尖引号",not:"非标记",reg:"注册标记",macr:"长音符",deg:"度标记",sup2:"上标二",sup3:"上标三",acute:"锐音符",micro:"微符",para:"段落标记",middot:"中间点",cedil:"下加符",sup1:"上标一",ordm:"阳性顺序指示符",raquo:"右指双尖引号",frac14:"普通分数四分之一",frac12:"普通分数二分之一",frac34:"普通分数四分之三",iquest:"竖翻问号", +Agrave:"带抑音符的拉丁文大写字母 A",Aacute:"带锐音符的拉丁文大写字母 A",Acirc:"带扬抑符的拉丁文大写字母 A",Atilde:"带颚化符的拉丁文大写字母 A",Auml:"带分音符的拉丁文大写字母 A",Aring:"带上圆圈的拉丁文大写字母 A",AElig:"拉丁文大写字母 Ae",Ccedil:"带下加符的拉丁文大写字母 C",Egrave:"带抑音符的拉丁文大写字母 E",Eacute:"带锐音符的拉丁文大写字母 E",Ecirc:"带扬抑符的拉丁文大写字母 E",Euml:"带分音符的拉丁文大写字母 E",Igrave:"带抑音符的拉丁文大写字母 I",Iacute:"带锐音符的拉丁文大写字母 I",Icirc:"带扬抑符的拉丁文大写字母 I",Iuml:"带分音符的拉丁文大写字母 I",ETH:"拉丁文大写字母 Eth",Ntilde:"带颚化符的拉丁文大写字母 N",Ograve:"带抑音符的拉丁文大写字母 O",Oacute:"带锐音符的拉丁文大写字母 O",Ocirc:"带扬抑符的拉丁文大写字母 O",Otilde:"带颚化符的拉丁文大写字母 O", +Ouml:"带分音符的拉丁文大写字母 O",times:"乘号",Oslash:"带粗线的拉丁文大写字母 O",Ugrave:"带抑音符的拉丁文大写字母 U",Uacute:"带锐音符的拉丁文大写字母 U",Ucirc:"带扬抑符的拉丁文大写字母 U",Uuml:"带分音符的拉丁文大写字母 U",Yacute:"带抑音符的拉丁文大写字母 Y",THORN:"拉丁文大写字母 Thorn",szlig:"拉丁文小写字母清音 S",agrave:"带抑音符的拉丁文小写字母 A",aacute:"带锐音符的拉丁文小写字母 A",acirc:"带扬抑符的拉丁文小写字母 A",atilde:"带颚化符的拉丁文小写字母 A",auml:"带分音符的拉丁文小写字母 A",aring:"带上圆圈的拉丁文小写字母 A",aelig:"拉丁文小写字母 Ae",ccedil:"带下加符的拉丁文小写字母 C",egrave:"带抑音符的拉丁文小写字母 E",eacute:"带锐音符的拉丁文小写字母 E",ecirc:"带扬抑符的拉丁文小写字母 E",euml:"带分音符的拉丁文小写字母 E",igrave:"带抑音符的拉丁文小写字母 I", +iacute:"带锐音符的拉丁文小写字母 I",icirc:"带扬抑符的拉丁文小写字母 I",iuml:"带分音符的拉丁文小写字母 I",eth:"拉丁文小写字母 Eth",ntilde:"带颚化符的拉丁文小写字母 N",ograve:"带抑音符的拉丁文小写字母 O",oacute:"带锐音符的拉丁文小写字母 O",ocirc:"带扬抑符的拉丁文小写字母 O",otilde:"带颚化符的拉丁文小写字母 O",ouml:"带分音符的拉丁文小写字母 O",divide:"除号",oslash:"带粗线的拉丁文小写字母 O",ugrave:"带抑音符的拉丁文小写字母 U",uacute:"带锐音符的拉丁文小写字母 U",ucirc:"带扬抑符的拉丁文小写字母 U",uuml:"带分音符的拉丁文小写字母 U",yacute:"带抑音符的拉丁文小写字母 Y",thorn:"拉丁文小写字母 Thorn",yuml:"带分音符的拉丁文小写字母 Y",OElig:"拉丁文大写连字 Oe",oelig:"拉丁文小写连字 Oe",372:"带扬抑符的拉丁文大写字母 W",374:"带扬抑符的拉丁文大写字母 Y", +373:"带扬抑符的拉丁文小写字母 W",375:"带扬抑符的拉丁文小写字母 Y",sbquo:"单下 9 形引号",8219:"单高横翻 9 形引号",bdquo:"双下 9 形引号",hellip:"水平省略号",trade:"商标标志",9658:"实心右指指针",bull:"加重号",rarr:"向右箭头",rArr:"向右双线箭头",hArr:"左右双线箭头",diams:"实心方块纸牌",asymp:"约等于"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/lang/zh.js b/resoft/ckeditor/plugins/specialchar/dialogs/lang/zh.js new file mode 100644 index 0000000..94c0cfb --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/lang/zh.js @@ -0,0 +1,12 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.plugins.setLang("specialchar","zh",{euro:"歐元符號",lsquo:"左單引號",rsquo:"右單引號",ldquo:"左雙引號",rdquo:"右雙引號",ndash:"短破折號",mdash:"長破折號",iexcl:"倒置的驚嘆號",cent:"美分符號",pound:"英鎊符號",curren:"貨幣符號",yen:"日圓符號",brvbar:"Broken bar",sect:"章節符號",uml:"分音符號",copy:"版權符號",ordf:"雌性符號",laquo:"左雙角括號",not:"Not 符號",reg:"註冊商標符號",macr:"長音符號",deg:"度數符號",sup2:"上標字 2",sup3:"上標字 3",acute:"尖音符號",micro:"Micro sign",para:"段落符號",middot:"中間點",cedil:"字母 C 下面的尾型符號 ",sup1:"上標",ordm:"雄性符號",raquo:"右雙角括號",frac14:"四分之一符號",frac12:"Vulgar fraction one half", +frac34:"Vulgar fraction three quarters",iquest:"Inverted question mark",Agrave:"Latin capital letter A with grave accent",Aacute:"Latin capital letter A with acute accent",Acirc:"Latin capital letter A with circumflex",Atilde:"Latin capital letter A with tilde",Auml:"拉丁大寫字母 E 帶分音符號",Aring:"拉丁大寫字母 A 帶上圓圈",AElig:"拉丁大寫字母 Æ",Ccedil:"拉丁大寫字母 C 帶下尾符號",Egrave:"Latin capital letter E with grave accent",Eacute:"Latin capital letter E with acute accent",Ecirc:"Latin capital letter E with circumflex",Euml:"Latin capital letter E with diaeresis", +Igrave:"Latin capital letter I with grave accent",Iacute:"Latin capital letter I with acute accent",Icirc:"Latin capital letter I with circumflex",Iuml:"Latin capital letter I with diaeresis",ETH:"Latin capital letter Eth",Ntilde:"Latin capital letter N with tilde",Ograve:"Latin capital letter O with grave accent",Oacute:"Latin capital letter O with acute accent",Ocirc:"Latin capital letter O with circumflex",Otilde:"Latin capital letter O with tilde",Ouml:"Latin capital letter O with diaeresis", +times:"乘號",Oslash:"拉丁大寫字母 O 帶粗線符號",Ugrave:"Latin capital letter U with grave accent",Uacute:"Latin capital letter U with acute accent",Ucirc:"Latin capital letter U with circumflex",Uuml:"Latin capital letter U with diaeresis",Yacute:"Latin capital letter Y with acute accent",THORN:"Latin capital letter Thorn",szlig:"Latin small letter sharp s",agrave:"Latin small letter a with grave accent",aacute:"Latin small letter a with acute accent",acirc:"Latin small letter a with circumflex",atilde:"Latin small letter a with tilde", +auml:"Latin small letter a with diaeresis",aring:"Latin small letter a with ring above",aelig:"Latin small letter æ",ccedil:"Latin small letter c with cedilla",egrave:"Latin small letter e with grave accent",eacute:"Latin small letter e with acute accent",ecirc:"Latin small letter e with circumflex",euml:"Latin small letter e with diaeresis",igrave:"Latin small letter i with grave accent",iacute:"Latin small letter i with acute accent",icirc:"Latin small letter i with circumflex",iuml:"Latin small letter i with diaeresis", +eth:"Latin small letter eth",ntilde:"Latin small letter n with tilde",ograve:"Latin small letter o with grave accent",oacute:"Latin small letter o with acute accent",ocirc:"Latin small letter o with circumflex",otilde:"Latin small letter o with tilde",ouml:"Latin small letter o with diaeresis",divide:"Division sign",oslash:"Latin small letter o with stroke",ugrave:"Latin small letter u with grave accent",uacute:"Latin small letter u with acute accent",ucirc:"Latin small letter u with circumflex", +uuml:"Latin small letter u with diaeresis",yacute:"Latin small letter y with acute accent",thorn:"Latin small letter thorn",yuml:"Latin small letter y with diaeresis",OElig:"Latin capital ligature OE",oelig:"Latin small ligature oe",372:"Latin capital letter W with circumflex",374:"Latin capital letter Y with circumflex",373:"Latin small letter w with circumflex",375:"Latin small letter y with circumflex",sbquo:"Single low-9 quotation mark",8219:"Single high-reversed-9 quotation mark",bdquo:"Double low-9 quotation mark", +hellip:"Horizontal ellipsis",trade:"Trade mark sign",9658:"Black right-pointing pointer",bull:"Bullet",rarr:"Rightwards arrow",rArr:"Rightwards double arrow",hArr:"Left right double arrow",diams:"Black diamond suit",asymp:"Almost equal to"}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/specialchar/dialogs/specialchar.js b/resoft/ckeditor/plugins/specialchar/dialogs/specialchar.js new file mode 100644 index 0000000..b343a83 --- /dev/null +++ b/resoft/ckeditor/plugins/specialchar/dialogs/specialchar.js @@ -0,0 +1,14 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.dialog.add("specialchar",function(i){var e,l=i.lang.specialchar,k=function(c){var b,c=c.data?c.data.getTarget():new CKEDITOR.dom.element(c);if("a"==c.getName()&&(b=c.getChild(0).getHtml()))c.removeClass("cke_light_background"),e.hide(),c=i.document.createElement("span"),c.setHtml(b),i.insertText(c.getText())},m=CKEDITOR.tools.addFunction(k),j,g=function(c,b){var a,b=b||c.data.getTarget();"span"==b.getName()&&(b=b.getParent());if("a"==b.getName()&&(a=b.getChild(0).getHtml())){j&&d(null,j); +var f=e.getContentElement("info","htmlPreview").getElement();e.getContentElement("info","charPreview").getElement().setHtml(a);f.setHtml(CKEDITOR.tools.htmlEncode(a));b.getParent().addClass("cke_light_background");j=b}},d=function(c,b){b=b||c.data.getTarget();"span"==b.getName()&&(b=b.getParent());"a"==b.getName()&&(e.getContentElement("info","charPreview").getElement().setHtml(" "),e.getContentElement("info","htmlPreview").getElement().setHtml(" "),b.getParent().removeClass("cke_light_background"), +j=void 0)},n=CKEDITOR.tools.addFunction(function(c){var c=new CKEDITOR.dom.event(c),b=c.getTarget(),a;a=c.getKeystroke();var f="rtl"==i.lang.dir;switch(a){case 38:if(a=b.getParent().getParent().getPrevious())a=a.getChild([b.getParent().getIndex(),0]),a.focus(),d(null,b),g(null,a);c.preventDefault();break;case 40:if(a=b.getParent().getParent().getNext())if((a=a.getChild([b.getParent().getIndex(),0]))&&1==a.type)a.focus(),d(null,b),g(null,a);c.preventDefault();break;case 32:k({data:c});c.preventDefault(); +break;case f?37:39:if(a=b.getParent().getNext())a=a.getChild(0),1==a.type?(a.focus(),d(null,b),g(null,a),c.preventDefault(!0)):d(null,b);else if(a=b.getParent().getParent().getNext())(a=a.getChild([0,0]))&&1==a.type?(a.focus(),d(null,b),g(null,a),c.preventDefault(!0)):d(null,b);break;case f?39:37:(a=b.getParent().getPrevious())?(a=a.getChild(0),a.focus(),d(null,b),g(null,a),c.preventDefault(!0)):(a=b.getParent().getParent().getPrevious())?(a=a.getLast().getChild(0),a.focus(),d(null,b),g(null,a),c.preventDefault(!0)): +d(null,b)}});return{title:l.title,minWidth:430,minHeight:280,buttons:[CKEDITOR.dialog.cancelButton],charColumns:17,onLoad:function(){for(var c=this.definition.charColumns,b=i.config.specialChars,a=CKEDITOR.tools.getNextId()+"_specialchar_table_label",f=[''],d=0,g=b.length,h,e;d');for(var j=0;j'+h+''+e+"")}else f.push('")}f.push("")}f.push("
     ');f.push("
    ",''+l.options+"");this.getContentElement("info","charContainer").getElement().setHtml(f.join(""))},contents:[{id:"info",label:i.lang.common.generalTab, +title:i.lang.common.generalTab,padding:0,align:"top",elements:[{type:"hbox",align:"top",widths:["320px","90px"],children:[{type:"html",id:"charContainer",html:"",onMouseover:g,onMouseout:d,focus:function(){var c=this.getElement().getElementsByTag("a").getItem(0);setTimeout(function(){c.focus();g(null,c)},0)},onShow:function(){var c=this.getElement().getChild([0,0,0,0,0]);setTimeout(function(){c.focus();g(null,c)},0)},onLoad:function(c){e=c.sender}},{type:"hbox",align:"top",widths:["100%"],children:[{type:"vbox", +align:"top",children:[{type:"html",html:"
    "},{type:"html",id:"charPreview",className:"cke_dark_background",style:"border:1px solid #eeeeee;font-size:28px;height:40px;width:70px;padding-top:9px;font-family:'Microsoft Sans Serif',Arial,Helvetica,Verdana;text-align:center;",html:"
     
    "},{type:"html",id:"htmlPreview",className:"cke_dark_background",style:"border:1px solid #eeeeee;font-size:14px;height:20px;width:70px;padding-top:2px;font-family:'Microsoft Sans Serif',Arial,Helvetica,Verdana;text-align:center;", +html:"
     
    "}]}]}]}]}]}}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/table/dialogs/table.js b/resoft/ckeditor/plugins/table/dialogs/table.js new file mode 100644 index 0000000..2a33528 --- /dev/null +++ b/resoft/ckeditor/plugins/table/dialogs/table.js @@ -0,0 +1,21 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +(function(){function r(a){for(var e=0,l=0,k=0,m,g=a.$.rows.length;kl&&(l=e)}return l}function o(a){return function(){var e=this.getValue(),e=!!(CKEDITOR.dialog.validate.integer()(e)&&0n.getSize("width")?"100%":500:0,getValue:q,validate:CKEDITOR.dialog.validate.cssLength(a.lang.common.invalidCssLength.replace("%1",a.lang.common.width)),onChange:function(){var a=this.getDialog().getContentElement("advanced","advStyles");a&& +a.updateStyle("width",this.getValue())},setup:function(a){this.setValue(a.getStyle("width"))},commit:k}]},{type:"hbox",widths:["5em"],children:[{type:"text",id:"txtHeight",requiredContent:"table{height}",controlStyle:"width:5em",label:a.lang.common.height,title:a.lang.common.cssLengthTooltip,"default":"",getValue:q,validate:CKEDITOR.dialog.validate.cssLength(a.lang.common.invalidCssLength.replace("%1",a.lang.common.height)),onChange:function(){var a=this.getDialog().getContentElement("advanced","advStyles"); +a&&a.updateStyle("height",this.getValue())},setup:function(a){(a=a.getStyle("height"))&&this.setValue(a)},commit:k}]},{type:"html",html:" "},{type:"text",id:"txtCellSpace",requiredContent:"table[cellspacing]",controlStyle:"width:3em",label:a.lang.table.cellSpace,"default":a.filter.check("table[cellspacing]")?1:0,validate:CKEDITOR.dialog.validate.number(a.lang.table.invalidCellSpacing),setup:function(a){this.setValue(a.getAttribute("cellSpacing")||"")},commit:function(a,d){this.getValue()?d.setAttribute("cellSpacing", +this.getValue()):d.removeAttribute("cellSpacing")}},{type:"text",id:"txtCellPad",requiredContent:"table[cellpadding]",controlStyle:"width:3em",label:a.lang.table.cellPad,"default":a.filter.check("table[cellpadding]")?1:0,validate:CKEDITOR.dialog.validate.number(a.lang.table.invalidCellPadding),setup:function(a){this.setValue(a.getAttribute("cellPadding")||"")},commit:function(a,d){this.getValue()?d.setAttribute("cellPadding",this.getValue()):d.removeAttribute("cellPadding")}}]}]},{type:"html",align:"right", +html:""},{type:"vbox",padding:0,children:[{type:"text",id:"txtCaption",requiredContent:"caption",label:a.lang.table.caption,setup:function(a){this.enable();a=a.getElementsByTag("caption");if(0"+h.widthPx}]},f,{type:"select",id:"wordWrap",label:c.wordWrap,"default":"yes",items:[[c.yes,"yes"],[c.no,"no"]],setup:d(function(a){var b=a.getAttribute("noWrap");if("nowrap"==a.getStyle("white-space")|| +b)return"no"}),commit:function(a){"no"==this.getValue()?a.setStyle("white-space","nowrap"):a.removeStyle("white-space");a.removeAttribute("noWrap")}},f,{type:"select",id:"hAlign",label:c.hAlign,"default":"",items:[[e.notSet,""],[e.alignLeft,"left"],[e.alignCenter,"center"],[e.alignRight,"right"],[e.alignJustify,"justify"]],setup:d(function(a){var b=a.getAttribute("align");return a.getStyle("text-align")||b||""}),commit:function(a){var b=this.getValue();b?a.setStyle("text-align",b):a.removeStyle("text-align"); +a.removeAttribute("align")}},{type:"select",id:"vAlign",label:c.vAlign,"default":"",items:[[e.notSet,""],[e.alignTop,"top"],[e.alignMiddle,"middle"],[e.alignBottom,"bottom"],[c.alignBaseline,"baseline"]],setup:d(function(a){var b=a.getAttribute("vAlign"),a=a.getStyle("vertical-align");switch(a){case "top":case "middle":case "bottom":case "baseline":break;default:a=""}return a||b||""}),commit:function(a){var b=this.getValue();b?a.setStyle("vertical-align",b):a.removeStyle("vertical-align");a.removeAttribute("vAlign")}}]}, +f,{type:"vbox",padding:0,children:[{type:"select",id:"cellType",label:c.cellType,"default":"td",items:[[c.data,"td"],[c.header,"th"]],setup:d(function(a){return a.getName()}),commit:function(a){a.renameNode(this.getValue())}},f,{type:"text",id:"rowSpan",label:c.rowSpan,"default":"",validate:i.integer(c.invalidRowSpan),setup:d(function(a){if((a=parseInt(a.getAttribute("rowSpan"),10))&&1!=a)return a}),commit:function(a){var b=parseInt(this.getValue(),10);b&&1!=b?a.setAttribute("rowSpan",this.getValue()): +a.removeAttribute("rowSpan")}},{type:"text",id:"colSpan",label:c.colSpan,"default":"",validate:i.integer(c.invalidColSpan),setup:d(function(a){if((a=parseInt(a.getAttribute("colSpan"),10))&&1!=a)return a}),commit:function(a){var b=parseInt(this.getValue(),10);b&&1!=b?a.setAttribute("colSpan",this.getValue()):a.removeAttribute("colSpan")}},f,{type:"hbox",padding:0,widths:["60%","40%"],children:[{type:"text",id:"bgColor",label:c.bgColor,"default":"",setup:d(function(a){var b=a.getAttribute("bgColor"); +return a.getStyle("background-color")||b}),commit:function(a){this.getValue()?a.setStyle("background-color",this.getValue()):a.removeStyle("background-color");a.removeAttribute("bgColor")}},k?{type:"button",id:"bgColorChoose","class":"colorChooser",label:c.chooseColor,onLoad:function(){this.getElement().getParent().setStyle("vertical-align","bottom")},onClick:function(){g.getColorFromDialog(function(a){a&&this.getDialog().getContentElement("info","bgColor").setValue(a);this.focus()},this)}}:f]},f, +{type:"hbox",padding:0,widths:["60%","40%"],children:[{type:"text",id:"borderColor",label:c.borderColor,"default":"",setup:d(function(a){var b=a.getAttribute("borderColor");return a.getStyle("border-color")||b}),commit:function(a){this.getValue()?a.setStyle("border-color",this.getValue()):a.removeStyle("border-color");a.removeAttribute("borderColor")}},k?{type:"button",id:"borderColorChoose","class":"colorChooser",label:c.chooseColor,style:(m?"margin-right":"margin-left")+": 10px",onLoad:function(){this.getElement().getParent().setStyle("vertical-align", +"bottom")},onClick:function(){g.getColorFromDialog(function(a){a&&this.getDialog().getContentElement("info","borderColor").setValue(a);this.focus()},this)}}:f]}]}]}]}],onShow:function(){this.cells=CKEDITOR.plugins.tabletools.getSelectedCells(this._.editor.getSelection());this.setupContent(this.cells)},onOk:function(){for(var a=this._.editor.getSelection(),b=a.createBookmarks(),c=this.cells,d=0;d
    '),d='';a.image&&b&&(d+='');d+='");k.on("click",function(){p(a.html)});return k}function p(a){var b=CKEDITOR.dialog.getCurrent();b.getValueOf("selectTpl","chkInsertOpt")?(c.fire("saveSnapshot"),c.setData(a,function(){b.hide();var a=c.createRange();a.moveToElementEditStart(c.editable());a.select();setTimeout(function(){c.fire("saveSnapshot")},0)})):(c.insertHtml(a),b.hide())}function i(a){var b=a.data.getTarget(), +c=g.equals(b);if(c||g.contains(b)){var d=a.data.getKeystroke(),f=g.getElementsByTag("a"),e;if(f){if(c)e=f.getItem(0);else switch(d){case 40:e=b.getNext();break;case 38:e=b.getPrevious();break;case 13:case 32:b.fire("click")}e&&(e.focus(),a.data.preventDefault())}}}var h=CKEDITOR.plugins.get("templates");CKEDITOR.document.appendStyleSheet(CKEDITOR.getUrl(h.path+"dialogs/templates.css"));var g,h="cke_tpl_list_label_"+CKEDITOR.tools.getNextNumber(),f=c.lang.templates,l=c.config;return{title:c.lang.templates.title, +minWidth:CKEDITOR.env.ie?440:400,minHeight:340,contents:[{id:"selectTpl",label:f.title,elements:[{type:"vbox",padding:5,children:[{id:"selectTplText",type:"html",html:""+f.selectPromptMsg+""},{id:"templatesList",type:"html",focus:!0,html:'
    '+f.options+""},{id:"chkInsertOpt",type:"checkbox",label:f.insertOption, +"default":l.templates_replaceContent}]}]}],buttons:[CKEDITOR.dialog.cancelButton],onShow:function(){var a=this.getContentElement("selectTpl","templatesList");g=a.getElement();CKEDITOR.loadTemplates(l.templates_files,function(){var b=(l.templates||"default").split(",");if(b.length){var c=g;c.setHtml("");for(var d=0,h=b.length;d'+f.emptyListMsg+"
    ")});this._.element.on("keydown",i)},onHide:function(){this._.element.removeListener("keydown",i)}}})})(); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/templates/templates/default.js b/resoft/ckeditor/plugins/templates/templates/default.js new file mode 100644 index 0000000..0878290 --- /dev/null +++ b/resoft/ckeditor/plugins/templates/templates/default.js @@ -0,0 +1,6 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +CKEDITOR.addTemplates("default",{imagesPath:CKEDITOR.getUrl(CKEDITOR.plugins.getPath("templates")+"templates/images/"),templates:[{title:"Image and Title",image:"template1.gif",description:"One main image with a title and text that surround the image.",html:'

    Type the title here

    Type the text here

    '},{title:"Strange Template",image:"template2.gif",description:"A template that defines two colums, each one with a title, and some text.", +html:'

    Title 1

    Title 2

    Text 1Text 2

    More text goes here.

    '},{title:"Text and Table",image:"template3.gif",description:"A title with some text and a table.",html:'

    Title goes here

    Table title
       
       
       

    Type the text here

    '}]}); \ No newline at end of file diff --git a/resoft/ckeditor/plugins/templates/templates/images/template1.gif b/resoft/ckeditor/plugins/templates/templates/images/template1.gif new file mode 100644 index 0000000..efdabbe Binary files /dev/null and b/resoft/ckeditor/plugins/templates/templates/images/template1.gif differ diff --git a/resoft/ckeditor/plugins/templates/templates/images/template2.gif b/resoft/ckeditor/plugins/templates/templates/images/template2.gif new file mode 100644 index 0000000..d1cebb3 Binary files /dev/null and b/resoft/ckeditor/plugins/templates/templates/images/template2.gif differ diff --git a/resoft/ckeditor/plugins/templates/templates/images/template3.gif b/resoft/ckeditor/plugins/templates/templates/images/template3.gif new file mode 100644 index 0000000..db41cb4 Binary files /dev/null and b/resoft/ckeditor/plugins/templates/templates/images/template3.gif differ diff --git a/resoft/ckeditor/plugins/wsc/LICENSE.md b/resoft/ckeditor/plugins/wsc/LICENSE.md new file mode 100644 index 0000000..c7d374a --- /dev/null +++ b/resoft/ckeditor/plugins/wsc/LICENSE.md @@ -0,0 +1,28 @@ +Software License Agreement +========================== + +**CKEditor WSC Plugin** +Copyright © 2012, [CKSource](http://cksource.com) - Frederico Knabben. All rights reserved. + +Licensed under the terms of any of the following licenses at your choice: + +* GNU General Public License Version 2 or later (the "GPL"): + http://www.gnu.org/licenses/gpl.html + +* GNU Lesser General Public License Version 2.1 or later (the "LGPL"): + http://www.gnu.org/licenses/lgpl.html + +* Mozilla Public License Version 1.1 or later (the "MPL"): + http://www.mozilla.org/MPL/MPL-1.1.html + +You are not required to, but if you want to explicitly declare the license you have chosen to be bound to when using, reproducing, modifying and distributing this software, just include a text file titled "legal.txt" in your version of this software, indicating your license choice. + +Sources of Intellectual Property Included in this plugin +-------------------------------------------------------- + +Where not otherwise indicated, all plugin content is authored by CKSource engineers and consists of CKSource-owned intellectual property. In some specific instances, the plugin will incorporate work done by developers outside of CKSource with their express permission. + +Trademarks +---------- + +CKEditor is a trademark of CKSource - Frederico Knabben. All other brand and product names are trademarks, registered trademarks or service marks of their respective holders. diff --git a/resoft/ckeditor/plugins/wsc/README.md b/resoft/ckeditor/plugins/wsc/README.md new file mode 100644 index 0000000..46eeafb --- /dev/null +++ b/resoft/ckeditor/plugins/wsc/README.md @@ -0,0 +1,25 @@ +CKEditor WebSpellChecker Plugin +=============================== + +This plugin brings Web Spell Checker (WSC) into CKEditor. + +WSC is "installation-less", using the web-services of [WebSpellChecker.net](http://www.webspellchecker.net/). It's an out of the box solution. + +Installation +------------ + +1. Clone/copy this repository contents in a new "plugins/wsc" folder in your CKEditor installation. +2. Enable the "wsc" plugin in the CKEditor configuration file (config.js): + + config.extraPlugins = 'wsc'; + +That's all. WSC will appear on the editor toolbar and will be ready to use. + +License +------- + +Licensed under the terms of any of the following licenses at your choice: [GPL](http://www.gnu.org/licenses/gpl.html), [LGPL](http://www.gnu.org/licenses/lgpl.html) and [MPL](http://www.mozilla.org/MPL/MPL-1.1.html). + +See LICENSE.md for more information. + +Developed in cooperation with [WebSpellChecker.net](http://www.webspellchecker.net/). diff --git a/resoft/ckeditor/plugins/wsc/dialogs/ciframe.html b/resoft/ckeditor/plugins/wsc/dialogs/ciframe.html new file mode 100644 index 0000000..82df25b --- /dev/null +++ b/resoft/ckeditor/plugins/wsc/dialogs/ciframe.html @@ -0,0 +1,66 @@ + + + + + + + + +

    + diff --git a/resoft/ckeditor/plugins/wsc/dialogs/tmpFrameset.html b/resoft/ckeditor/plugins/wsc/dialogs/tmpFrameset.html new file mode 100644 index 0000000..c2d82aa --- /dev/null +++ b/resoft/ckeditor/plugins/wsc/dialogs/tmpFrameset.html @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + diff --git a/resoft/ckeditor/plugins/wsc/dialogs/wsc.css b/resoft/ckeditor/plugins/wsc/dialogs/wsc.css new file mode 100644 index 0000000..496d731 --- /dev/null +++ b/resoft/ckeditor/plugins/wsc/dialogs/wsc.css @@ -0,0 +1,82 @@ +/* +Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved. +For licensing, see LICENSE.html or http://ckeditor.com/license +*/ + +html, body +{ + background-color: transparent; + margin: 0px; + padding: 0px; +} + +body +{ + padding: 10px; +} + +body, td, input, select, textarea +{ + font-size: 11px; + font-family: 'Microsoft Sans Serif' , Arial, Helvetica, Verdana; +} + +.midtext +{ + padding:0px; + margin:10px; +} + +.midtext p +{ + padding:0px; + margin:10px; +} + +.Button +{ + border: #737357 1px solid; + color: #3b3b1f; + background-color: #c7c78f; +} + +.PopupTabArea +{ + color: #737357; + background-color: #e3e3c7; +} + +.PopupTitleBorder +{ + border-bottom: #d5d59d 1px solid; +} +.PopupTabEmptyArea +{ + padding-left: 10px; + border-bottom: #d5d59d 1px solid; +} + +.PopupTab, .PopupTabSelected +{ + border-right: #d5d59d 1px solid; + border-top: #d5d59d 1px solid; + border-left: #d5d59d 1px solid; + padding: 3px 5px 3px 5px; + color: #737357; +} + +.PopupTab +{ + margin-top: 1px; + border-bottom: #d5d59d 1px solid; + cursor: pointer; +} + +.PopupTabSelected +{ + font-weight: bold; + cursor: default; + padding-top: 4px; + border-bottom: #f1f1e3 1px solid; + background-color: #f1f1e3; +} diff --git a/resoft/ckeditor/plugins/wsc/dialogs/wsc.js b/resoft/ckeditor/plugins/wsc/dialogs/wsc.js new file mode 100644 index 0000000..b53a48c --- /dev/null +++ b/resoft/ckeditor/plugins/wsc/dialogs/wsc.js @@ -0,0 +1,74 @@ +/* + Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.html or http://ckeditor.com/license +*/ +(function(){function q(a){return a&&a.domId&&a.getInputElement().$?a.getInputElement():a&&a.$?a:!1}function z(a){if(!a)throw"Languages-by-groups list are required for construct selectbox";var c=[],d="",f;for(f in a)for(var g in a[f]){var h=a[f][g];"en_US"==h?d=h:c.push(h)}c.sort();d&&c.unshift(d);return{getCurrentLangGroup:function(c){a:{for(var d in a)for(var f in a[d])if(f.toUpperCase()===c.toUpperCase()){c=d;break a}c=""}return c},setLangList:function(){var c={},d;for(d in a)for(var f in a[d])c[a[d][f]]= +f;return c}()}}var e=function(){var a=function(a,b,f){var f=f||{},g=f.expires;if("number"==typeof g&&g){var h=new Date;h.setTime(h.getTime()+1E3*g);g=f.expires=h}g&&g.toUTCString&&(f.expires=g.toUTCString());var b=encodeURIComponent(b),a=a+"="+b,e;for(e in f)b=f[e],a+="; "+e,!0!==b&&(a+="="+b);document.cookie=a};return{postMessage:{init:function(a){window.addEventListener?window.addEventListener("message",a,!1):window.attachEvent("onmessage",a)},send:function(a){var b=Object.prototype.toString,f= +a.fn||null,g=a.id||"",e=a.target||window,i=a.message||{id:g};a.message&&"[object Object]"==b.call(a.message)&&(a.message.id||(a.message.id=g),i=a.message);a=window.JSON.stringify(i,f);e.postMessage(a,"*")},unbindHandler:function(a){window.removeEventListener?window.removeEventListener("message",a,!1):window.detachEvent("onmessage",a)}},hash:{create:function(){},parse:function(){}},cookie:{set:a,get:function(a){return(a=document.cookie.match(RegExp("(?:^|; )"+a.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, +"\\$1")+"=([^;]*)")))?decodeURIComponent(a[1]):void 0},remove:function(c){a(c,"",{expires:-1})}},misc:{findFocusable:function(a){var b=null;a&&(b=a.find("a[href], area[href], input, select, textarea, button, *[tabindex], *[contenteditable]"));return b},isVisible:function(a){return!(0===a.offsetWidth||0==a.offsetHeight||"none"===(document.defaultView&&document.defaultView.getComputedStyle?document.defaultView.getComputedStyle(a,null).display:a.currentStyle?a.currentStyle.display:a.style.display))}, +hasClass:function(a,b){return!(!a.className||!a.className.match(RegExp("(\\s|^)"+b+"(\\s|$)")))}}}}(),a=a||{};a.TextAreaNumber=null;a.load=!0;a.cmd={SpellTab:"spell",Thesaurus:"thes",GrammTab:"grammar"};a.dialog=null;a.optionNode=null;a.selectNode=null;a.grammerSuggest=null;a.textNode={};a.iframeMain=null;a.dataTemp="";a.div_overlay=null;a.textNodeInfo={};a.selectNode={};a.selectNodeResponce={};a.langList=null;a.langSelectbox=null;a.banner="";a.show_grammar=null;a.div_overlay_no_check=null;a.targetFromFrame= +{};a.onLoadOverlay=null;a.LocalizationComing={};a.OverlayPlace=null;a.LocalizationButton={ChangeTo:{instance:null,text:"Change to"},ChangeAll:{instance:null,text:"Change All"},IgnoreWord:{instance:null,text:"Ignore word"},IgnoreAllWords:{instance:null,text:"Ignore all words"},Options:{instance:null,text:"Options",optionsDialog:{instance:null}},AddWord:{instance:null,text:"Add word"},FinishChecking:{instance:null,text:"Finish Checking"}};a.LocalizationLabel={ChangeTo:{instance:null,text:"Change to"}, +Suggestions:{instance:null,text:"Suggestions"}};var A=function(b){var c,d;for(d in b)c=b[d].instance.getElement().getFirst()||b[d].instance.getElement(),c.setText(a.LocalizationComing[d])},B=function(b){for(var c in b){if(!b[c].instance.setLabel)break;b[c].instance.setLabel(a.LocalizationComing[c])}},j,r;a.framesetHtml=function(b){return"'}; +a.setIframe=function(b,c){var d;d=a.framesetHtml(c);var f=a.iframeNumber+"_"+c;b.getElement().setHtml(d);d=document.getElementById(f);d=d.contentWindow?d.contentWindow:d.contentDocument.document?d.contentDocument.document:d.contentDocument;d.document.open();d.document.write('iframe
    + + + + +

    + CKEditor Samples » Create and Destroy Editor Instances for Ajax Applications +

    +
    +

    + This sample shows how to create and destroy CKEditor instances on the fly. After the removal of CKEditor the content created inside the editing + area will be displayed in a <div> element. +

    +

    + For details of how to create this setup check the source code of this sample page + for JavaScript code responsible for the creation and destruction of a CKEditor instance. +

    +
    +

    Click the buttons to create and remove a CKEditor instance.

    +

    + + +

    + +
    +
    + + + + diff --git a/resoft/ckeditor/samples/api.html b/resoft/ckeditor/samples/api.html new file mode 100644 index 0000000..50f568e --- /dev/null +++ b/resoft/ckeditor/samples/api.html @@ -0,0 +1,207 @@ + + + + + + API Usage — CKEditor Sample + + + + + + +

    + CKEditor Samples » Using CKEditor JavaScript API +

    +
    +

    + This sample shows how to use the + CKEditor JavaScript API + to interact with the editor at runtime. +

    +

    + For details on how to create this setup check the source code of this sample page. +

    +
    + + +
    + +
    +
    + + + + +

    +

    + + +
    + + + diff --git a/resoft/ckeditor/samples/appendto.html b/resoft/ckeditor/samples/appendto.html new file mode 100644 index 0000000..8ed16b6 --- /dev/null +++ b/resoft/ckeditor/samples/appendto.html @@ -0,0 +1,56 @@ + + + + + + Append To Page Element Using JavaScript Code — CKEditor Sample + + + + +

    + CKEditor Samples » Append To Page Element Using JavaScript Code +

    +
    +
    +

    + The CKEDITOR.appendTo() method serves to to place editors inside existing DOM elements. Unlike CKEDITOR.replace(), + a target container to be replaced is no longer necessary. A new editor + instance is inserted directly wherever it is desired. +

    +
    CKEDITOR.appendTo( 'container_id',
+	{ /* Configuration options to be used. */ }
+	'Editor content to be used.'
+);
    +
    + +
    +
    + + + diff --git a/resoft/ckeditor/samples/assets/inlineall/logo.png b/resoft/ckeditor/samples/assets/inlineall/logo.png new file mode 100644 index 0000000..b4d5979 Binary files /dev/null and b/resoft/ckeditor/samples/assets/inlineall/logo.png differ diff --git a/resoft/ckeditor/samples/assets/outputxhtml/outputxhtml.css b/resoft/ckeditor/samples/assets/outputxhtml/outputxhtml.css new file mode 100644 index 0000000..1b3bf64 --- /dev/null +++ b/resoft/ckeditor/samples/assets/outputxhtml/outputxhtml.css @@ -0,0 +1,204 @@ +/* + * Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + * For licensing, see LICENSE.md or http://ckeditor.com/license + * + * Styles used by the XHTML 1.1 sample page (xhtml.html). + */ + +/** + * Basic definitions for the editing area. + */ +body +{ + font-family: Arial, Verdana, sans-serif; + font-size: 80%; + color: #000000; + background-color: #ffffff; + padding: 5px; + margin: 0px; +} + +/** + * Core styles. + */ + +.Bold +{ + font-weight: bold; +} + +.Italic +{ + font-style: italic; +} + +.Underline +{ + text-decoration: underline; +} + +.StrikeThrough +{ + text-decoration: line-through; +} + +.Subscript +{ + vertical-align: sub; + font-size: smaller; +} + +.Superscript +{ + vertical-align: super; + font-size: smaller; +} + +/** + * Font faces. + */ + +.FontComic +{ + font-family: 'Comic Sans MS'; +} + +.FontCourier +{ + font-family: 'Courier New'; +} + +.FontTimes +{ + font-family: 'Times New Roman'; +} + +/** + * Font sizes. + */ + +.FontSmaller +{ + font-size: smaller; +} + +.FontLarger +{ + font-size: larger; +} + +.FontSmall +{ + font-size: 8pt; +} + +.FontBig +{ + font-size: 14pt; +} + +.FontDouble +{ + font-size: 200%; +} + +/** + * Font colors. + */ +.FontColor1 +{ + color: #ff9900; +} + +.FontColor2 +{ + color: #0066cc; +} + +.FontColor3 +{ + color: #ff0000; +} + +.FontColor1BG +{ + background-color: #ff9900; +} + +.FontColor2BG +{ + background-color: #0066cc; +} + +.FontColor3BG +{ + background-color: #ff0000; +} + +/** + * Indentation. + */ + +.Indent1 +{ + margin-left: 40px; +} + +.Indent2 +{ + margin-left: 80px; +} + +.Indent3 +{ + margin-left: 120px; +} + +/** + * Alignment. + */ + +.JustifyLeft +{ + text-align: left; +} + +.JustifyRight +{ + text-align: right; +} + +.JustifyCenter +{ + text-align: center; +} + +.JustifyFull +{ + text-align: justify; +} + +/** + * Other. + */ + +code +{ + font-family: courier, monospace; + background-color: #eeeeee; + padding-left: 1px; + padding-right: 1px; + border: #c0c0c0 1px solid; +} + +kbd +{ + padding: 0px 1px 0px 1px; + border-width: 1px 2px 2px 1px; + border-style: solid; +} + +blockquote +{ + color: #808080; +} diff --git a/resoft/ckeditor/samples/assets/posteddata.php b/resoft/ckeditor/samples/assets/posteddata.php new file mode 100644 index 0000000..1e1406f --- /dev/null +++ b/resoft/ckeditor/samples/assets/posteddata.php @@ -0,0 +1,59 @@ + + + + + + Sample — CKEditor + + + +

    + CKEditor — Posted Data +

    + + + + + + + + + $value ) + { + if ( ( !is_string($value) && !is_numeric($value) ) || !is_string($key) ) + continue; + + if ( get_magic_quotes_gpc() ) + $value = htmlspecialchars( stripslashes((string)$value) ); + else + $value = htmlspecialchars( (string)$value ); +?> + + + + + +
    Field NameValue
    + + + diff --git a/resoft/ckeditor/samples/assets/sample.jpg b/resoft/ckeditor/samples/assets/sample.jpg new file mode 100644 index 0000000..9498271 Binary files /dev/null and b/resoft/ckeditor/samples/assets/sample.jpg differ diff --git a/resoft/ckeditor/samples/assets/uilanguages/languages.js b/resoft/ckeditor/samples/assets/uilanguages/languages.js new file mode 100644 index 0000000..df9c682 --- /dev/null +++ b/resoft/ckeditor/samples/assets/uilanguages/languages.js @@ -0,0 +1,7 @@ +/* + Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + For licensing, see LICENSE.md or http://ckeditor.com/license +*/ +var CKEDITOR_LANGS=function(){var c={af:"Afrikaans",ar:"Arabic",bg:"Bulgarian",bn:"Bengali/Bangla",bs:"Bosnian",ca:"Catalan",cs:"Czech",cy:"Welsh",da:"Danish",de:"German",el:"Greek",en:"English","en-au":"English (Australia)","en-ca":"English (Canadian)","en-gb":"English (United Kingdom)",eo:"Esperanto",es:"Spanish",et:"Estonian",eu:"Basque",fa:"Persian",fi:"Finnish",fo:"Faroese",fr:"French","fr-ca":"French (Canada)",gl:"Galician",gu:"Gujarati",he:"Hebrew",hi:"Hindi",hr:"Croatian",hu:"Hungarian",id:"Indonesian", +is:"Icelandic",it:"Italian",ja:"Japanese",ka:"Georgian",km:"Khmer",ko:"Korean",ku:"Kurdish",lt:"Lithuanian",lv:"Latvian",mk:"Macedonian",mn:"Mongolian",ms:"Malay",nb:"Norwegian Bokmal",nl:"Dutch",no:"Norwegian",pl:"Polish",pt:"Portuguese (Portugal)","pt-br":"Portuguese (Brazil)",ro:"Romanian",ru:"Russian",si:"Sinhala",sk:"Slovak",sq:"Albanian",sl:"Slovenian",sr:"Serbian (Cyrillic)","sr-latn":"Serbian (Latin)",sv:"Swedish",th:"Thai",tr:"Turkish",tt:"Tatar",ug:"Uighur",uk:"Ukrainian",vi:"Vietnamese", +zh:"Chinese Traditional","zh-cn":"Chinese Simplified"},b=[],a;for(a in CKEDITOR.lang.languages)b.push({code:a,name:c[a]||a});b.sort(function(a,b){return a.name + + + + + Data Filtering — CKEditor Sample + + + + + +

    + CKEditor Samples » Data Filtering and Features Activation +

    +
    +

    + This sample page demonstrates the idea of Advanced Content Filter + (ACF), a sophisticated + tool that takes control over what kind of data is accepted by the editor and what + kind of output is produced. +

    +

    When and what is being filtered?

    +

    + ACF controls + every single source of data that comes to the editor. + It process both HTML that is inserted manually (i.e. pasted by the user) + and programmatically like: +

    +
    +editor.setData( '<p>Hello world!</p>' );
+
    +

    + ACF discards invalid, + useless HTML tags and attributes so the editor remains "clean" during + runtime. ACF behaviour + can be configured and adjusted for a particular case to prevent the + output HTML (i.e. in CMS systems) from being polluted. + + This kind of filtering is a first, client-side line of defense + against "tag soups", + the tool that precisely restricts which tags, attributes and styles + are allowed (desired). When properly configured, ACF + is an easy and fast way to produce a high-quality, intentionally filtered HTML. +

    + +

    How to configure or disable ACF?

    +

    + Advanced Content Filter is enabled by default, working in "automatic mode", yet + it provides a set of easy rules that allow adjusting filtering rules + and disabling the entire feature when necessary. The config property + responsible for this feature is config.allowedContent. +

    +

    + By "automatic mode" is meant that loaded plugins decide which kind + of content is enabled and which is not. For example, if the link + plugin is loaded it implies that <a> tag is + automatically allowed. Each plugin is given a set + of predefined ACF rules + that control the editor until + config.allowedContent + is defined manually. +

    +

    + Let's assume our intention is to restrict the editor to accept (produce) paragraphs + only: no attributes, no styles, no other tags. + With ACF + this is very simple. Basically set + config.allowedContent to 'p': +

    +
    +var editor = CKEDITOR.replace( textarea_id, {
+	allowedContent: 'p'
+} );
+
    +

    + Now try to play with allowed content: +

    +
    +// Trying to insert disallowed tag and attribute.
+editor.setData( '<p style="color: red">Hello <em>world</em>!</p>' );
+alert( editor.getData() );
+
+// Filtered data is returned.
+"<p>Hello world!</p>"
+
    +

    + What happened? Since config.allowedContent: 'p' is set the editor assumes + that only plain <p> are accepted. Nothing more. This is why + style attribute and <em> tag are gone. The same + filtering would happen if we pasted disallowed HTML into this editor. +

    +

    + This is just a small sample of what ACF + can do. To know more, please refer to the sample section below and + the official Advanced Content Filter guide. +

    +

    + You may, of course, want CKEditor to avoid filtering of any kind. + To get rid of ACF, + basically set + config.allowedContent to true like this: +

    +
    +CKEDITOR.replace( textarea_id, {
+	allowedContent: true
+} );
+
    + +

    Beyond data flow: Features activation

    +

    + ACF is far more than + I/O control: the entire + UI of the editor is adjusted to what + filters restrict. For example: if <a> tag is + disallowed + by ACF, + then accordingly link command, toolbar button and link dialog + are also disabled. Editor is smart: it knows which features must be + removed from the interface to match filtering rules. +

    +

    + CKEditor can be far more specific. If <a> tag is + allowed by filtering rules to be used but it is restricted + to have only one attribute (href) + config.allowedContent = 'a[!href]', then + "Target" tab of the link dialog is automatically disabled as target + attribute isn't included in ACF rules + for <a>. This behaviour applies to dialog fields, context + menus and toolbar buttons. +

    + +

    Sample configurations

    +

    + There are several editor instances below that present different + ACF setups. All of them, + except the last inline instance, share the same HTML content to visualize + how different filtering rules affect the same input data. +

    +
    + +
    + +
    +

    + This editor is using default configuration ("automatic mode"). It means that + + config.allowedContent is defined by loaded plugins. + Each plugin extends filtering rules to make it's own associated content + available for the user. +

    +
    + + + +
    + +
    + +
    + +
    +

    + This editor is using a custom configuration for + ACF: +

    +
    +CKEDITOR.replace( 'editor2', {
+	allowedContent:
+		'h1 h2 h3 p blockquote strong em;' +
+		'a[!href];' +
+		'img(left,right)[!src,alt,width,height];' +
+		'table tr th td caption;' +
+		'span{!font-family};' +'
+		'span{!color};' +
+		'span(!marker);' +
+		'del ins'
+} );
+
    +

    + The following rules may require additional explanation: +

    +
      +
    • + h1 h2 h3 p blockquote strong em - These tags + are accepted by the editor. Any tag attributes will be discarded. +
      • +
    • + a[!href] - href attribute is obligatory + for <a> tag. Tags without this attribute + are disarded. No other attribute will be accepted. +
      • +
    • + img(left,right)[!src,alt,width,height] - src + attribute is obligatory for <img> tag. + alt, width, height + and class attributes are accepted but + class must be either class="left" + or class="right" +
      • +
    • + table tr th td caption - These tags + are accepted by the editor. Any tag attributes will be discarded. +
      • +
    • + span{!font-family}, span{!color}, + span(!marker) - <span> tags + will be accepted if either font-family or + color style is set or class="marker" + is present. +
      • +
    • + del ins - These tags + are accepted by the editor. Any tag attributes will be discarded. +
      • +
    +

    + Please note that UI of the + editor is different. It's a response to what happened to the filters. + Since text-align isn't allowed, the align toolbar is gone. + The same thing happened to subscript/superscript, strike, underline + (<u>, <sub>, <sup> + are disallowed by + config.allowedContent) and many other buttons. +

    +
    + + +
    + +
    + +
    + +
    +

    + This editor is using a custom configuration for + ACF. + Note that filters can be configured as an object literal + as an alternative to a string-based definition. +

    +
    +CKEDITOR.replace( 'editor3', {
+	allowedContent: {
+		'b i ul ol big small': true,
+		'h1 h2 h3 p blockquote li': {
+			styles: 'text-align'
+		},
+		a: { attributes: '!href,target' },
+		img: {
+			attributes: '!src,alt',
+			styles: 'width,height',
+			classes: 'left,right'
+		}
+	}
+} );
+
    +
    + + +
    + +
    + +
    + +
    +

    + This editor is using a custom set of plugins and buttons. +

    +
    +CKEDITOR.replace( 'editor4', {
+	removePlugins: 'bidi,font,forms,flash,horizontalrule,iframe,justify,table,tabletools,smiley',
+	removeButtons: 'Anchor,Underline,Strike,Subscript,Superscript,Image',
+	format_tags: 'p;h1;h2;h3;pre;address'
+} );
+
    +

    + As you can see, removing plugins and buttons implies filtering. + Several tags are not allowed in the editor because there's no + plugin/button that is responsible for creating and editing this + kind of content (for example: the image is missing because + of removeButtons: 'Image'). The conclusion is that + ACF works "backwards" + as well: modifying UI + elements is changing allowed content rules. +

    +
    + + +
    + +
    + +
    + +
    +

    + This editor is built on editable <h1> element. + ACF takes care of + what can be included in <h1>. Note that there + are no block styles in Styles combo. Also why lists, indentation, + blockquote, div, form and other buttons are missing. +

    +

    + ACF makes sure that + no disallowed tags will come to <h1> so the final + markup is valid. If the user tried to paste some invalid HTML + into this editor (let's say a list), it would be automatically + converted into plain text. +

    +
    +

    + Apollo 11 was the spaceflight that landed the first humans, Americans Neil Armstrong and Buzz Aldrin, on the Moon on July 20, 1969, at 20:18 UTC. +

    +
    + + + + diff --git a/resoft/ckeditor/samples/divreplace.html b/resoft/ckeditor/samples/divreplace.html new file mode 100644 index 0000000..b87086a --- /dev/null +++ b/resoft/ckeditor/samples/divreplace.html @@ -0,0 +1,141 @@ + + + + + + Replace DIV — CKEditor Sample + + + + + + +

    + CKEditor Samples » Replace DIV with CKEditor on the Fly +

    +
    +

    + This sample shows how to automatically replace <div> elements + with a CKEditor instance on the fly, following user's doubleclick. The content + that was previously placed inside the <div> element will now + be moved into CKEditor editing area. +

    +

    + For details on how to create this setup check the source code of this sample page. +

    +
    +

    + Double-click any of the following <div> elements to transform them into + editor instances. +

    +
    +

    + Part 1 +

    +

    + Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et ipsum quis mi + semper accumsan. Integer pretium dui id massa. Suspendisse in nisl sit amet urna + rutrum imperdiet. Nulla eu tellus. Donec ante nisi, ullamcorper quis, fringilla + nec, sagittis eleifend, pede. Nulla commodo interdum massa. Donec id metus. Fusce + eu ipsum. Suspendisse auctor. Phasellus fermentum porttitor risus. +

    +
    +
    +

    + Part 2 +

    +

    + Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et ipsum quis mi + semper accumsan. Integer pretium dui id massa. Suspendisse in nisl sit amet urna + rutrum imperdiet. Nulla eu tellus. Donec ante nisi, ullamcorper quis, fringilla + nec, sagittis eleifend, pede. Nulla commodo interdum massa. Donec id metus. Fusce + eu ipsum. Suspendisse auctor. Phasellus fermentum porttitor risus. +

    +

    + Donec velit. Mauris massa. Vestibulum non nulla. Nam suscipit arcu nec elit. Phasellus + sollicitudin iaculis ante. Ut non mauris et sapien tincidunt adipiscing. Vestibulum + vitae leo. Suspendisse nec mi tristique nulla laoreet vulputate. +

    +
    +
    +

    + Part 3 +

    +

    + Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et ipsum quis mi + semper accumsan. Integer pretium dui id massa. Suspendisse in nisl sit amet urna + rutrum imperdiet. Nulla eu tellus. Donec ante nisi, ullamcorper quis, fringilla + nec, sagittis eleifend, pede. Nulla commodo interdum massa. Donec id metus. Fusce + eu ipsum. Suspendisse auctor. Phasellus fermentum porttitor risus. +

    +
    + + + diff --git a/resoft/ckeditor/samples/index.html b/resoft/ckeditor/samples/index.html new file mode 100644 index 0000000..3b6f9af --- /dev/null +++ b/resoft/ckeditor/samples/index.html @@ -0,0 +1,128 @@ + + + + + + CKEditor Samples + + + +

    + CKEditor Samples +

    +
    +
    +

    + Basic Samples +

    +
    +
    Replace textarea elements by class name
    +
    Automatic replacement of all textarea elements of a given class with a CKEditor instance.
    + +
    Replace textarea elements by code
    +
    Replacement of textarea elements with CKEditor instances by using a JavaScript call.
    + +
    Create editors with jQuery
    +
    Creating standard and inline CKEditor instances with jQuery adapter.
    +
    + +

    + Basic Customization +

    +
    +
    User Interface color
    +
    Changing CKEditor User Interface color and adding a toolbar button that lets the user set the UI color.
    + +
    User Interface languages
    +
    Changing CKEditor User Interface language and adding a drop-down list that lets the user choose the UI language.
    +
    + + +

    Plugins

    +
    +
    Magicline plugin
    +
    Using the Magicline plugin to access difficult focus spaces.
    + +
    Full page support
    +
    CKEditor inserted with a JavaScript call and used to edit the whole page from <html> to </html>.
    +
    +
    +
    +

    + Inline Editing +

    +
    +
    Massive inline editor creation
    +
    Turn all elements with contentEditable = true attribute into inline editors.
    + +
    Convert element into an inline editor by code
    +
    Conversion of DOM elements into inline CKEditor instances by using a JavaScript call.
    + +
    Replace textarea with inline editor New!
    +
    A form with a textarea that is replaced by an inline editor at runtime.
    + + +
    + +

    + Advanced Samples +

    +
    +
    Data filtering and features activation New!
    +
    Data filtering and automatic features activation basing on configuration.
    + +
    Replace DIV elements on the fly
    +
    Transforming a div element into an instance of CKEditor with a mouse click.
    + +
    Append editor instances
    +
    Appending editor instances to existing DOM elements.
    + +
    Create and destroy editor instances for Ajax applications
    +
    Creating and destroying CKEditor instances on the fly and saving the contents entered into the editor window.
    + +
    Basic usage of the API
    +
    Using the CKEditor JavaScript API to interact with the editor at runtime.
    + +
    XHTML-compliant style
    +
    Configuring CKEditor to produce XHTML 1.1 compliant attributes and styles.
    + +
    Read-only mode
    +
    Using the readOnly API to block introducing changes to the editor contents.
    + +
    "Tab" key-based navigation
    +
    Navigating among editor instances with tab key.
    + + + +
    Using the JavaScript API to customize dialog windows
    +
    Using the dialog windows API to customize dialog windows without changing the original editor code.
    + +
    Using the "Enter" key in CKEditor
    +
    Configuring the behavior of Enter and Shift+Enter keys.
    + +
    Output for Flash
    +
    Configuring CKEditor to produce HTML code that can be used with Adobe Flash.
    + +
    Output HTML
    +
    Configuring CKEditor to produce legacy HTML 4 code.
    + +
    Toolbar Configurations
    +
    Configuring CKEditor to display full or custom toolbar layout.
    + +
    +
    +
    + + + diff --git a/resoft/ckeditor/samples/inlineall.html b/resoft/ckeditor/samples/inlineall.html new file mode 100644 index 0000000..fc33619 --- /dev/null +++ b/resoft/ckeditor/samples/inlineall.html @@ -0,0 +1,311 @@ + + + + + + Massive inline editing — CKEditor Sample + + + + + + +
    +

    CKEditor Samples » Massive inline editing

    +
    +

    This sample page demonstrates the inline editing feature - CKEditor instances will be created automatically from page elements with contentEditable attribute set to value true:

    + 
    <div contenteditable="true" > ... </div>
    +

    Click inside of any element below to start editing.

    +
    +
    +
    + +
    +
    +
    +

    + Fusce vitae porttitor +

    +

    + + Lorem ipsum dolor sit amet dolor. Duis blandit vestibulum faucibus a, tortor. + +

    +

    + Proin nunc justo felis mollis tincidunt, risus risus pede, posuere cubilia Curae, Nullam euismod, enim. Etiam nibh ultricies dolor ac dignissim erat volutpat. Vivamus fermentum nisl nulla sem in metus. Maecenas wisi. Donec nec erat volutpat. +

    +
    +

    + Fusce vitae porttitor a, euismod convallis nisl, blandit risus tortor, pretium. + Vehicula vitae, imperdiet vel, ornare enim vel sodales rutrum +

    +
    +
    +

    + Libero nunc, rhoncus ante ipsum non ipsum. Nunc eleifend pede turpis id sollicitudin fringilla. Phasellus ultrices, velit ac arcu. +

    +
    +

    Pellentesque nunc. Donec suscipit erat. Pellentesque habitant morbi tristique ullamcorper.

    +

    Mauris mattis feugiat lectus nec mauris. Nullam vitae ante.

    +
    +
    +
    +
    +

    + Integer condimentum sit amet +

    +

    + Aenean nonummy a, mattis varius. Cras aliquet. + Praesent magna non mattis ac, rhoncus nunc, rhoncus eget, cursus pulvinar mollis.

    +

    Proin id nibh. Sed eu libero posuere sed, lectus. Phasellus dui gravida gravida feugiat mattis ac, felis.

    +

    Integer condimentum sit amet, tempor elit odio, a dolor non ante at sapien. Sed ac lectus. Nulla ligula quis eleifend mi, id leo velit pede cursus arcu id nulla ac lectus. Phasellus vestibulum. Nunc viverra enim quis diam.

    +
    +
    +

    + Praesent wisi accumsan sit amet nibh +

    +

    Donec ullamcorper, risus tortor, pretium porttitor. Morbi quam quis lectus non leo.

    +

    Integer faucibus scelerisque. Proin faucibus at, aliquet vulputate, odio at eros. Fusce gravida, erat vitae augue. Fusce urna fringilla gravida.

    +

    In hac habitasse platea dictumst. Praesent wisi accumsan sit amet nibh. Maecenas orci luctus a, lacinia quam sem, posuere commodo, odio condimentum tempor, pede semper risus. Suspendisse pede. In hac habitasse platea dictumst. Nam sed laoreet sit amet erat. Integer.

    +
    +
    +
    +
    +

    + CKEditor logo +

    +

    Quisque justo neque, mattis sed, fermentum ultrices posuere cubilia Curae, Vestibulum elit metus, quis placerat ut, lectus. Ut sagittis, nunc libero, egestas consequat lobortis velit rutrum ut, faucibus turpis. Fusce porttitor, nulla quis turpis. Nullam laoreet vel, consectetuer tellus suscipit ultricies, hendrerit wisi. Donec odio nec velit ac nunc sit amet, accumsan cursus aliquet. Vestibulum ante sit amet sagittis mi.

    +

    + Nullam laoreet vel consectetuer tellus suscipit +

    +
      +
    • Ut sagittis, nunc libero, egestas consequat lobortis velit rutrum ut, faucibus turpis.
      • +
    • Fusce porttitor, nulla quis turpis. Nullam laoreet vel, consectetuer tellus suscipit ultricies, hendrerit wisi.
      • +
    • Mauris eget tellus. Donec non felis. Nam eget dolor. Vestibulum enim. Donec.
      • +
    +

    Quisque justo neque, mattis sed, fermentum ultrices posuere cubilia Curae, Vestibulum elit metus, quis placerat ut, lectus.

    +

    Nullam laoreet vel, consectetuer tellus suscipit ultricies, hendrerit wisi. Ut sagittis, nunc libero, egestas consequat lobortis velit rutrum ut, faucibus turpis. Fusce porttitor, nulla quis turpis.

    +

    Donec odio nec velit ac nunc sit amet, accumsan cursus aliquet. Vestibulum ante sit amet sagittis mi. Sed in nonummy faucibus turpis. Mauris eget tellus. Donec non felis. Nam eget dolor. Vestibulum enim. Donec.

    +
    +
    +
    +
    + Tags of this article: +

    + inline, editing, floating, CKEditor +

    +
    +
    + + + diff --git a/resoft/ckeditor/samples/inlinebycode.html b/resoft/ckeditor/samples/inlinebycode.html new file mode 100644 index 0000000..c1df0e9 --- /dev/null +++ b/resoft/ckeditor/samples/inlinebycode.html @@ -0,0 +1,121 @@ + + + + + + Inline Editing by Code — CKEditor Sample + + + + + +

    + CKEditor Samples » Inline Editing by Code +

    +
    +

    + This sample shows how to create an inline editor instance of CKEditor. It is created + with a JavaScript call using the following code: +

    +
    +// This property tells CKEditor to not activate every element with contenteditable=true element.
+CKEDITOR.disableAutoInline = true;
+
+var editor = CKEDITOR.inline( document.getElementById( 'editable' ) );
+
    +

    + Note that editable in the code above is the id + attribute of the <div> element to be converted into an inline instance. +

    +
    +
    +

    Saturn V carrying Apollo 11 Apollo 11

    + +

    Apollo 11 was the spaceflight that landed the first humans, Americans Neil Armstrong and Buzz Aldrin, on the Moon on July 20, 1969, at 20:18 UTC. Armstrong became the first to step onto the lunar surface 6 hours later on July 21 at 02:56 UTC.

    + +

    Armstrong spent about three and a half two and a half hours outside the spacecraft, Aldrin slightly less; and together they collected 47.5 pounds (21.5 kg) of lunar material for return to Earth. A third member of the mission, Michael Collins, piloted the command spacecraft alone in lunar orbit until Armstrong and Aldrin returned to it for the trip back to Earth.

    + +

    Broadcasting and quotes

    + +

    Broadcast on live TV to a world-wide audience, Armstrong stepped onto the lunar surface and described the event as:

    + +
    +

    One small step for [a] man, one giant leap for mankind.

    +
    + +

    Apollo 11 effectively ended the Space Race and fulfilled a national goal proposed in 1961 by the late U.S. President John F. Kennedy in a speech before the United States Congress:

    + +
    +

    [...] before this decade is out, of landing a man on the Moon and returning him safely to the Earth.

    +
    + +

    Technical details

    + + + + + + + + + + + + + + + + + + + + + + + +
    Mission crew
    PositionAstronaut
    CommanderNeil A. Armstrong
    Command Module PilotMichael Collins
    Lunar Module PilotEdwin "Buzz" E. Aldrin, Jr.
    + +

    Launched by a Saturn V rocket from Kennedy Space Center in Merritt Island, Florida on July 16, Apollo 11 was the fifth manned mission of NASA's Apollo program. The Apollo spacecraft had three parts:

    + +
      +
    1. Command Module with a cabin for the three astronauts which was the only part which landed back on Earth
      2. +
    2. Service Module which supported the Command Module with propulsion, electrical power, oxygen and water
      3. +
    3. Lunar Module for landing on the Moon.
      4. +
    + +

    After being sent to the Moon by the Saturn V's upper stage, the astronauts separated the spacecraft from it and travelled for three days until they entered into lunar orbit. Armstrong and Aldrin then moved into the Lunar Module and landed in the Sea of Tranquility. They stayed a total of about 21 and a half hours on the lunar surface. After lifting off in the upper part of the Lunar Module and rejoining Collins in the Command Module, they returned to Earth and landed in the Pacific Ocean on July 24.

    + +
    +

    Source: Wikipedia.org

    +
    + + + + + diff --git a/resoft/ckeditor/samples/inlinetextarea.html b/resoft/ckeditor/samples/inlinetextarea.html new file mode 100644 index 0000000..9e3d077 --- /dev/null +++ b/resoft/ckeditor/samples/inlinetextarea.html @@ -0,0 +1,110 @@ + + + + + + Replace Textarea with Inline Editor — CKEditor Sample + + + + + +

    + CKEditor Samples » Replace Textarea with Inline Editor +

    +
    +

    + You can also create an inline editor from a textarea + element. In this case the textarea will be replaced + by a div element with inline editing enabled. +

    +
    +// "article-body" is the name of a textarea element.
+var editor = CKEDITOR.inline( 'article-body' );
+
    +
    +
    +

    This is a sample form with some fields

    +

    + Title:
    +

    +

    + Article Body (Textarea converted to CKEditor):
    + +

    +

    + +

    +
    + + + + + diff --git a/resoft/ckeditor/samples/jquery.html b/resoft/ckeditor/samples/jquery.html new file mode 100644 index 0000000..74e128a --- /dev/null +++ b/resoft/ckeditor/samples/jquery.html @@ -0,0 +1,100 @@ + + + + + + jQuery Adapter — CKEditor Sample + + + + + + + + +

    + CKEditor Samples » Create Editors with jQuery +

    +
    +
    +

    + This sample shows how to use the jQuery adapter. + Note that you have to include both CKEditor and jQuery scripts before including the adapter. +

    + +
    +<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+<script src="/ckeditor/ckeditor.js"></script>
+<script src="/ckeditor/adapters/jquery.js"></script>
+
    + +

    Then you can replace HTML elements with a CKEditor instance using the ckeditor() method.

    + +
    +$( document ).ready( function() {
+	$( 'textarea#editor1' ).ckeditor();
+} );
+
    +
    + +

    Inline Example

    + +
    +

    Saturn V carrying Apollo 11Apollo 11 was the spaceflight that landed the first humans, Americans Neil Armstrong and Buzz Aldrin, on the Moon on July 20, 1969, at 20:18 UTC. Armstrong became the first to step onto the lunar surface 6 hours later on July 21 at 02:56 UTC.

    +

    Armstrong spent about three and a half two and a half hours outside the spacecraft, Aldrin slightly less; and together they collected 47.5 pounds (21.5 kg) of lunar material for return to Earth. A third member of the mission, Michael Collins, piloted the command spacecraft alone in lunar orbit until Armstrong and Aldrin returned to it for the trip back to Earth. +

    Broadcast on live TV to a world-wide audience, Armstrong stepped onto the lunar surface and described the event as:

    +

    One small step for [a] man, one giant leap for mankind.

    Apollo 11 effectively ended the Space Race and fulfilled a national goal proposed in 1961 by the late U.S. President John F. Kennedy in a speech before the United States Congress:

    [...] before this decade is out, of landing a man on the Moon and returning him safely to the Earth.

    +
    + +
    + +

    Classic (iframe-based) Example

    + + + +

    + + + + + +

    +
    + + + diff --git a/resoft/ckeditor/samples/plugins/dialog/assets/my_dialog.js b/resoft/ckeditor/samples/plugins/dialog/assets/my_dialog.js new file mode 100644 index 0000000..8a9ea63 --- /dev/null +++ b/resoft/ckeditor/samples/plugins/dialog/assets/my_dialog.js @@ -0,0 +1,48 @@ +/** + * Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. + * For licensing, see LICENSE.md or http://ckeditor.com/license + */ + +CKEDITOR.dialog.add( 'myDialog', function() { + return { + title: 'My Dialog', + minWidth: 400, + minHeight: 200, + contents: [ + { + id: 'tab1', + label: 'First Tab', + title: 'First Tab', + elements: [ + { + id: 'input1', + type: 'text', + label: 'Text Field' + }, + { + id: 'select1', + type: 'select', + label: 'Select Field', + items: [ + [ 'option1', 'value1' ], + [ 'option2', 'value2' ] + ] + } + ] + }, + { + id: 'tab2', + label: 'Second Tab', + title: 'Second Tab', + elements: [ + { + id: 'button1', + type: 'button', + label: 'Button Field' + } + ] + } + ] + }; +} ); + diff --git a/resoft/ckeditor/samples/plugins/dialog/dialog.html b/resoft/ckeditor/samples/plugins/dialog/dialog.html new file mode 100644 index 0000000..a85c566 --- /dev/null +++ b/resoft/ckeditor/samples/plugins/dialog/dialog.html @@ -0,0 +1,187 @@ + + + + + + Using API to Customize Dialog Windows — CKEditor Sample + + + + + + + + + +

    + CKEditor Samples » Using CKEditor Dialog API +

    +
    +

    + This sample shows how to use the + CKEditor Dialog API + to customize CKEditor dialog windows without changing the original editor code. + The following customizations are being done in the example below: +

    +

    + For details on how to create this setup check the source code of this sample page. +

    +
    +

    A custom dialog is added to the editors using the pluginsLoaded event, from an external dialog definition file:

    +
      +
    1. Creating a custom dialog window – "My Dialog" dialog window opened with the "My Dialog" toolbar button.
      2. +
    2. Creating a custom button – Add button to open the dialog with "My Dialog" toolbar button.
      3. +
    + + +

    The below editor modify the dialog definition of the above added dialog using the dialogDefinition event:

    +
      +
    1. Adding dialog tab – Add new tab "My Tab" to dialog window.
      2. +
    2. Removing a dialog window tab – Remove "Second Tab" page from the dialog window.
      3. +
    3. Adding dialog window fields – Add "My Custom Field" to the dialog window.
      4. +
    4. Removing dialog window field – Remove "Select Field" selection field from the dialog window.
      5. +
    5. Setting default values for dialog window fields – Set default value of "Text Field" text field.
      6. +
    6. Setup initial focus for dialog window – Put initial focus on "My Custom Field" text field.
      7. +
    + + + + + diff --git a/resoft/ckeditor/samples/plugins/enterkey/enterkey.html b/resoft/ckeditor/samples/plugins/enterkey/enterkey.html new file mode 100644 index 0000000..61fbc72 --- /dev/null +++ b/resoft/ckeditor/samples/plugins/enterkey/enterkey.html @@ -0,0 +1,103 @@ + + + + + + ENTER Key Configuration — CKEditor Sample + + + + + + + + +

    + CKEditor Samples » ENTER Key Configuration +

    +
    +

    + This sample shows how to configure the Enter and Shift+Enter keys + to perform actions specified in the + enterMode + and shiftEnterMode + parameters, respectively. + You can choose from the following options: +

    +
      +
    • ENTER_P – new <p> paragraphs are created;
      • +
    • ENTER_BR – lines are broken with <br> elements;
      • +
    • ENTER_DIV – new <div> blocks are created.
      • +
    +

    + The sample code below shows how to configure CKEditor to create a <div> block when Enter key is pressed. +

    +
    +CKEDITOR.replace( 'textarea_id', {
+	enterMode: CKEDITOR.ENTER_DIV
+});
    +

    + Note that textarea_id in the code above is the id attribute of + the <textarea> element to be replaced. +

    +
    +
    + When Enter is pressed:
    + +
    +
    + When Shift+Enter is pressed:
    + +
    +
    +
    +

    +
    + +

    +

    + +

    +
    + + + diff --git a/resoft/ckeditor/samples/plugins/htmlwriter/assets/outputforflash/outputforflash.fla b/resoft/ckeditor/samples/plugins/htmlwriter/assets/outputforflash/outputforflash.fla new file mode 100644 index 0000000..27e68cc Binary files /dev/null and b/resoft/ckeditor/samples/plugins/htmlwriter/assets/outputforflash/outputforflash.fla differ diff --git a/resoft/ckeditor/samples/plugins/htmlwriter/assets/outputforflash/outputforflash.swf b/resoft/ckeditor/samples/plugins/htmlwriter/assets/outputforflash/outputforflash.swf new file mode 100644 index 0000000..dbe17b6 Binary files /dev/null and b/resoft/ckeditor/samples/plugins/htmlwriter/assets/outputforflash/outputforflash.swf differ diff --git a/resoft/ckeditor/samples/plugins/htmlwriter/assets/outputforflash/swfobject.js b/resoft/ckeditor/samples/plugins/htmlwriter/assets/outputforflash/swfobject.js new file mode 100644 index 0000000..95fdf0a --- /dev/null +++ b/resoft/ckeditor/samples/plugins/htmlwriter/assets/outputforflash/swfobject.js @@ -0,0 +1,18 @@ +var swfobject=function(){function u(){if(!s){try{var a=d.getElementsByTagName("body")[0].appendChild(d.createElement("span"));a.parentNode.removeChild(a)}catch(b){return}s=!0;for(var a=x.length,c=0;cf){f++;setTimeout(arguments.callee,10);return}a.removeChild(b);c=null;D()})()}else D()}function D(){var a=p.length;if(0e.wk))t(c,!0),f&&(g.success=!0,g.ref=E(c),f(g));else if(p[b].expressInstall&&F()){g={};g.data=p[b].expressInstall;g.width=d.getAttribute("width")||"0";g.height=d.getAttribute("height")||"0";d.getAttribute("class")&&(g.styleclass=d.getAttribute("class"));d.getAttribute("align")&&(g.align=d.getAttribute("align"));for(var h={},d=d.getElementsByTagName("param"),j=d.length,k=0;ke.wk)}function G(a,b,c,f){A=!0;H=f||null;N={success:!1,id:c};var g=n(c);if(g){"OBJECT"==g.nodeName?(w=I(g),B=null):(w=g,B=c);a.id= +O;if(typeof a.width==i||!/%$/.test(a.width)&&310>parseInt(a.width,10))a.width="310";if(typeof a.height==i||!/%$/.test(a.height)&&137>parseInt(a.height,10))a.height="137";d.title=d.title.slice(0,47)+" - Flash Player Installation";f=e.ie&&e.win?"ActiveX":"PlugIn";f="MMredirectURL="+m.location.toString().replace(/&/g,"%26")+"&MMplayerType="+f+"&MMdoctitle="+d.title;b.flashvars=typeof b.flashvars!=i?b.flashvars+("&"+f):f;e.ie&&(e.win&&4!=g.readyState)&&(f=d.createElement("div"),c+="SWFObjectNew",f.setAttribute("id", +c),g.parentNode.insertBefore(f,g),g.style.display="none",function(){g.readyState==4?g.parentNode.removeChild(g):setTimeout(arguments.callee,10)}());J(a,b,c)}}function W(a){if(e.ie&&e.win&&4!=a.readyState){var b=d.createElement("div");a.parentNode.insertBefore(b,a);b.parentNode.replaceChild(I(a),b);a.style.display="none";(function(){4==a.readyState?a.parentNode.removeChild(a):setTimeout(arguments.callee,10)})()}else a.parentNode.replaceChild(I(a),a)}function I(a){var b=d.createElement("div");if(e.win&& +e.ie)b.innerHTML=a.innerHTML;else if(a=a.getElementsByTagName(r)[0])if(a=a.childNodes)for(var c=a.length,f=0;fe.wk)return f;if(g)if(typeof a.id==i&&(a.id=c),e.ie&&e.win){var o="",h;for(h in a)a[h]!=Object.prototype[h]&&("data"==h.toLowerCase()?b.movie=a[h]:"styleclass"==h.toLowerCase()?o+=' class="'+a[h]+'"':"classid"!=h.toLowerCase()&&(o+=" "+ +h+'="'+a[h]+'"'));h="";for(var j in b)b[j]!=Object.prototype[j]&&(h+='');g.outerHTML='"+h+"";C[C.length]=a.id;f=n(a.id)}else{j=d.createElement(r);j.setAttribute("type",y);for(var k in a)a[k]!=Object.prototype[k]&&("styleclass"==k.toLowerCase()?j.setAttribute("class",a[k]):"classid"!=k.toLowerCase()&&j.setAttribute(k,a[k]));for(o in b)b[o]!=Object.prototype[o]&&"movie"!=o.toLowerCase()&& +(a=j,h=o,k=b[o],c=d.createElement("param"),c.setAttribute("name",h),c.setAttribute("value",k),a.appendChild(c));g.parentNode.replaceChild(j,g);f=j}return f}function P(a){var b=n(a);b&&"OBJECT"==b.nodeName&&(e.ie&&e.win?(b.style.display="none",function(){if(4==b.readyState){var c=n(a);if(c){for(var f in c)"function"==typeof c[f]&&(c[f]=null);c.parentNode.removeChild(c)}}else setTimeout(arguments.callee,10)}()):b.parentNode.removeChild(b))}function n(a){var b=null;try{b=d.getElementById(a)}catch(c){}return b} +function U(a,b,c){a.attachEvent(b,c);v[v.length]=[a,b,c]}function z(a){var b=e.pv,a=a.split(".");a[0]=parseInt(a[0],10);a[1]=parseInt(a[1],10)||0;a[2]=parseInt(a[2],10)||0;return b[0]>a[0]||b[0]==a[0]&&b[1]>a[1]||b[0]==a[0]&&b[1]==a[1]&&b[2]>=a[2]?!0:!1}function Q(a,b,c,f){if(!e.ie||!e.mac){var g=d.getElementsByTagName("head")[0];if(g){c=c&&"string"==typeof c?c:"screen";f&&(K=l=null);if(!l||K!=c)f=d.createElement("style"),f.setAttribute("type","text/css"),f.setAttribute("media",c),l=g.appendChild(f), +e.ie&&(e.win&&typeof d.styleSheets!=i&&0\.;]/.exec(a)&&typeof encodeURIComponent!=i?encodeURIComponent(a):a}var i="undefined",r="object",y="application/x-shockwave-flash", +O="SWFObjectExprInst",m=window,d=document,q=navigator,T=!1,x=[function(){T?V():D()}],p=[],C=[],v=[],w,B,H,N,s=!1,A=!1,l,K,R=!0,e=function(){var a=typeof d.getElementById!=i&&typeof d.getElementsByTagName!=i&&typeof d.createElement!=i,b=q.userAgent.toLowerCase(),c=q.platform.toLowerCase(),f=c?/win/.test(c):/win/.test(b),c=c?/mac/.test(c):/mac/.test(b),b=/webkit/.test(b)?parseFloat(b.replace(/^.*webkit\/(\d+(\.\d+)?).*$/,"$1")):!1,g=!+"\v1",e=[0,0,0],h=null;if(typeof q.plugins!=i&&typeof q.plugins["Shockwave Flash"]== +r){if((h=q.plugins["Shockwave Flash"].description)&&!(typeof q.mimeTypes!=i&&q.mimeTypes[y]&&!q.mimeTypes[y].enabledPlugin))T=!0,g=!1,h=h.replace(/^.*\s+(\S+\s+\S+$)/,"$1"),e[0]=parseInt(h.replace(/^(.*)\..*$/,"$1"),10),e[1]=parseInt(h.replace(/^.*\.(.*)\s.*$/,"$1"),10),e[2]=/[a-zA-Z]/.test(h)?parseInt(h.replace(/^.*[a-zA-Z]+(.*)$/,"$1"),10):0}else if(typeof m.ActiveXObject!=i)try{var j=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");if(j&&(h=j.GetVariable("$version")))g=!0,h=h.split(" ")[1].split(","), +e=[parseInt(h[0],10),parseInt(h[1],10),parseInt(h[2],10)]}catch(k){}return{w3:a,pv:e,wk:b,ie:g,win:f,mac:c}}();(function(){e.w3&&((typeof d.readyState!=i&&"complete"==d.readyState||typeof d.readyState==i&&(d.getElementsByTagName("body")[0]||d.body))&&u(),s||(typeof d.addEventListener!=i&&d.addEventListener("DOMContentLoaded",u,!1),e.ie&&e.win&&(d.attachEvent("onreadystatechange",function(){"complete"==d.readyState&&(d.detachEvent("onreadystatechange",arguments.callee),u())}),m==top&&function(){if(!s){try{d.documentElement.doScroll("left")}catch(a){setTimeout(arguments.callee, +0);return}u()}}()),e.wk&&function(){s||(/loaded|complete/.test(d.readyState)?u():setTimeout(arguments.callee,0))}(),M(u)))})();(function(){e.ie&&e.win&&window.attachEvent("onunload",function(){for(var a=v.length,b=0;be.wk)&&a&&b&&c&&d&&g?(t(b,!1),L(function(){c+="";d+="";var e={};if(k&&typeof k===r)for(var l in k)e[l]=k[l];e.data=a;e.width=c;e.height=d;l={};if(j&&typeof j===r)for(var p in j)l[p]=j[p];if(h&&typeof h===r)for(var q in h)l.flashvars=typeof l.flashvars!=i?l.flashvars+("&"+q+"="+h[q]):q+"="+h[q];if(z(g))p=J(e,l,b),e.id== +b&&t(b,!0),n.success=!0,n.ref=p;else{if(o&&F()){e.data=o;G(e,l,b,m);return}t(b,!0)}m&&m(n)})):m&&m(n)},switchOffAutoHideShow:function(){R=!1},ua:e,getFlashPlayerVersion:function(){return{major:e.pv[0],minor:e.pv[1],release:e.pv[2]}},hasFlashPlayerVersion:z,createSWF:function(a,b,c){if(e.w3)return J(a,b,c)},showExpressInstall:function(a,b,c,d){e.w3&&F()&&G(a,b,c,d)},removeSWF:function(a){e.w3&&P(a)},createCSS:function(a,b,c,d){e.w3&&Q(a,b,c,d)},addDomLoadEvent:L,addLoadEvent:M,getQueryParamValue:function(a){var b= +d.location.search||d.location.hash;if(b){/\?/.test(b)&&(b=b.split("?")[1]);if(null==a)return S(b);for(var b=b.split("&"),c=0;c + + + + + Output for Flash — CKEditor Sample + + + + + + + + + + + +

    + CKEditor Samples » Producing Flash Compliant HTML Output +

    +
    +

    + This sample shows how to configure CKEditor to output + HTML code that can be used with + + Adobe Flash. + The code will contain a subset of standard HTML elements like <b>, + <i>, and <p> as well as HTML attributes. +

    +

    + To add a CKEditor instance outputting Flash compliant HTML code, load the editor using a standard + JavaScript call, and define CKEditor features to use HTML elements and attributes. +

    +

    + For details on how to create this setup check the source code of this sample page. +

    +
    +

    + To see how it works, create some content in the editing area of CKEditor on the left + and send it to the Flash object on the right side of the page by using the + Send to Flash button. +

    + + + + + +
    + + +

    + +

    +     		+
    +
    + + + diff --git a/resoft/ckeditor/samples/plugins/htmlwriter/outputhtml.html b/resoft/ckeditor/samples/plugins/htmlwriter/outputhtml.html new file mode 100644 index 0000000..587988a --- /dev/null +++ b/resoft/ckeditor/samples/plugins/htmlwriter/outputhtml.html @@ -0,0 +1,221 @@ + + + + + + HTML Compliant Output — CKEditor Sample + + + + + + + + + +

    + CKEditor Samples » Producing HTML Compliant Output +

    +
    +

    + This sample shows how to configure CKEditor to output valid + HTML 4.01 code. + Traditional HTML elements like <b>, + <i>, and <font> are used in place of + <strong>, <em>, and CSS styles. +

    +

    + To add a CKEditor instance outputting legacy HTML 4.01 code, load the editor using a standard + JavaScript call, and define CKEditor features to use the HTML compliant elements and attributes. +

    +

    + A snippet of the configuration code can be seen below; check the source of this page for + full definition: +

    +
    +CKEDITOR.replace( 'textarea_id', {
+	coreStyles_bold: { element: 'b' },
+	coreStyles_italic: { element: 'i' },
+
+	fontSize_style: {
+		element: 'font',
+		attributes: { 'size': '#(size)' }
+	}
+
+	...
+});
    +
    +
    +

    + + + +

    +

    + +

    +
    + + + diff --git a/resoft/ckeditor/samples/plugins/magicline/magicline.html b/resoft/ckeditor/samples/plugins/magicline/magicline.html new file mode 100644 index 0000000..996c3b9 --- /dev/null +++ b/resoft/ckeditor/samples/plugins/magicline/magicline.html @@ -0,0 +1,206 @@ + + + + + + Using Magicline plugin — CKEditor Sample + + + + + + + +

    + CKEditor Samples » Using Magicline plugin +

    +
    +

    + This sample shows the advantages of Magicline plugin + which is to enhance the editing process. Thanks to this plugin, + a number of difficult focus spaces which are inaccessible due to + browser issues can now be focused. +

    +

    + Magicline plugin shows a red line with a handler + which, when clicked, inserts a paragraph and allows typing. To see this, + focus an editor and move your mouse above the focus space you want + to access. The plugin is enabled by default so no additional + configuration is necessary. +

    +
    +
    + +
    +

    + This editor uses a default Magicline setup. +

    +
    + + +
    +
    +
    + +
    +

    + This editor is using a blue line. +

    +
    +CKEDITOR.replace( 'editor2', {
+	magicline_color: 'blue'
+});
    +
    + + +
    + + + diff --git a/resoft/ckeditor/samples/plugins/toolbar/toolbar.html b/resoft/ckeditor/samples/plugins/toolbar/toolbar.html new file mode 100644 index 0000000..79d230b --- /dev/null +++ b/resoft/ckeditor/samples/plugins/toolbar/toolbar.html @@ -0,0 +1,232 @@ + + + + + + Toolbar Configuration — CKEditor Sample + + + + + + + +

    + CKEditor Samples » Toolbar Configuration +

    +
    +

    + This sample page demonstrates editor with loaded full toolbar (all registered buttons) and, if + current editor's configuration modifies default settings, also editor with modified toolbar. +

    + +

    Since CKEditor 4 there are two ways to configure toolbar buttons.

    + +

    By config.toolbar

    + +

    + You can explicitly define which buttons are displayed in which groups and in which order. + This is the more precise setting, but less flexible. If newly added plugin adds its + own button you'll have to add it manually to your config.toolbar setting as well. +

    + +

    To add a CKEditor instance with custom toolbar setting, insert the following JavaScript call to your code:

    + + 
    +CKEDITOR.replace( 'textarea_id', {
+	toolbar: [
+		{ name: 'document', items: [ 'Source', '-', 'NewPage', 'Preview', '-', 'Templates' ] },	// Defines toolbar group with name (used to create voice label) and items in 3 subgroups.
+		[ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ],			// Defines toolbar group without name.
+		'/',																					// Line break - next group will be placed in new line.
+		{ name: 'basicstyles', items: [ 'Bold', 'Italic' ] }
+	]
+});
    + +

    By config.toolbarGroups

    + +

    + You can define which groups of buttons (like e.g. basicstyles, clipboard + and forms) are displayed and in which order. Registered buttons are associated + with toolbar groups by toolbar property in their definition. + This setting's advantage is that you don't have to modify toolbar configuration + when adding/removing plugins which register their own buttons. +

    + +

    To add a CKEditor instance with custom toolbar groups setting, insert the following JavaScript call to your code:

    + + 
    +CKEDITOR.replace( 'textarea_id', {
+	toolbarGroups: [
+		{ name: 'document',	   groups: [ 'mode', 'document' ] },			// Displays document group with its two subgroups.
+ 		{ name: 'clipboard',   groups: [ 'clipboard', 'undo' ] },			// Group's name will be used to create voice label.
+ 		'/',																// Line break - next group will be placed in new line.
+ 		{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
+ 		{ name: 'links' }
+	]
+
+	// NOTE: Remember to leave 'toolbar' property with the default value (null).
+});
    +
    + + + +
    +

    Full toolbar configuration

    +

    Below you can see editor with full toolbar, generated automatically by the editor.

    +

    + Note: To create editor instance with full toolbar you don't have to set anything. + Just leave toolbar and toolbarGroups with the default, null values. +

    + + 
    
+	
    
+
+	
+
+	
+
+
diff --git a/resoft/ckeditor/samples/plugins/wysiwygarea/fullpage.html b/resoft/ckeditor/samples/plugins/wysiwygarea/fullpage.html
new file mode 100644
index 0000000..66b3f12
--- /dev/null
+++ b/resoft/ckeditor/samples/plugins/wysiwygarea/fullpage.html
@@ -0,0 +1,77 @@
+
+
+
+
+	
+	Full Page Editing — CKEditor Sample
+	
+	
+	
+	
+	
+	
+	
+
+
+	
    
+		CKEditor Samples » Full Page Editing
+	
    
+	
    
+		
    
+			This sample shows how to configure CKEditor to edit entire HTML pages, from the
+			<html> tag to the </html> tag.
+		
    
+		
    
+			The CKEditor instance below is inserted with a JavaScript call using the following code:
+		
    
+
    +CKEDITOR.replace( 'textarea_id', {
+	fullPage: true,
+	allowedContent: true
+});
+
    
+		
    
+			Note that textarea_id in the code above is the id attribute of
+			the <textarea> element to be replaced.
+		
    
+		
    
+			The allowedContent in the code above is set to true to disable content filtering.
+			Setting this option is not obligatory, but in full page mode there is a strong chance that one may want be able to freely enter any HTML content in source mode without any limitations.
+		
    
+	
    
+	
    
+		
+		
+		
+		
    
+			
+		
    
+	
    
+	
+
+
diff --git a/resoft/ckeditor/samples/readonly.html b/resoft/ckeditor/samples/readonly.html
new file mode 100644
index 0000000..bbd9f69
--- /dev/null
+++ b/resoft/ckeditor/samples/readonly.html
@@ -0,0 +1,73 @@
+
+
+
+
+	
+	Using the CKEditor Read-Only API — CKEditor Sample
+	
+	
+	
+
+
+	
    
+		CKEditor Samples » Using the CKEditor Read-Only API
+	
    
+	
    
+		
    
+			This sample shows how to use the
+			setReadOnly
+			API to put editor into the read-only state that makes it impossible for users to change the editor contents.
+		
    
+		
    
+			For details on how to create this setup check the source code of this sample page.
+		
    
+	
    
+	
    
+		
    
+			
+		
    
+		
    
+			
+			
+		
    
+	
    
+	
+
+
diff --git a/resoft/ckeditor/samples/replacebyclass.html b/resoft/ckeditor/samples/replacebyclass.html
new file mode 100644
index 0000000..1547f33
--- /dev/null
+++ b/resoft/ckeditor/samples/replacebyclass.html
@@ -0,0 +1,57 @@
+
+
+
+
+	
+	Replace Textareas by Class Name — CKEditor Sample
+	
+	
+
+
+	
    
+		CKEditor Samples » Replace Textarea Elements by Class Name
+	
    
+	
    
+		
    
+			This sample shows how to automatically replace all <textarea> elements
+			of a given class with a CKEditor instance.
+		
    
+		
    
+			To replace a <textarea> element, simply assign it the ckeditor
+			class, as in the code below:
+		
    
+
    +<textarea class="ckeditor" name="editor1"></textarea>
+
    
+		
    
+			Note that other <textarea> attributes (like id or name) need to be adjusted to your document.
+		
    
+	
    
+	
    
+		
    
+			
+			
+		
    
+		
    
+			
+		
    
+	
    
+	
+
+
diff --git a/resoft/ckeditor/samples/replacebycode.html b/resoft/ckeditor/samples/replacebycode.html
new file mode 100644
index 0000000..e25e915
--- /dev/null
+++ b/resoft/ckeditor/samples/replacebycode.html
@@ -0,0 +1,56 @@
+
+
+
+
+	
+	Replace Textarea by Code — CKEditor Sample
+	
+	
+
+
+	
    
+		CKEditor Samples » Replace Textarea Elements Using JavaScript Code
+	
    
+	
    
+		
    
+			
    
+				This editor is using an <iframe> element-based editing area, provided by the Wysiwygarea plugin.
+			
    
+
    +CKEDITOR.replace( 'textarea_id' )
+
    
+		
    
+		
+		
+		
    
+			
+		
    
+	
    
+	
+
+
diff --git a/resoft/ckeditor/samples/sample.css b/resoft/ckeditor/samples/sample.css
new file mode 100644
index 0000000..4d138a8
--- /dev/null
+++ b/resoft/ckeditor/samples/sample.css
@@ -0,0 +1,365 @@
+/*
+Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+
+html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, address, form, fieldset, img, ul, ol, dl, dt, dd, li, hr, table, td, th, strong, em, sup, sub, dfn, ins, del, q, cite, var, samp, code, kbd, tt, pre
+{
+	line-height: 1.5;
+}
+
+body
+{
+	padding: 10px 30px;
+}
+
+input, textarea, select, option, optgroup, button, td, th
+{
+	font-size: 100%;
+}
+
+pre
+{
+	-moz-tab-size: 4;
+	-o-tab-size: 4;
+	-webkit-tab-size: 4;
+	tab-size: 4;
+}
+
+pre, code, kbd, samp, tt
+{
+	font-family: monospace,monospace;
+	font-size: 1em;
+}
+
+body {
+	width: 960px;
+	margin: 0 auto;
+}
+
+code
+{
+	background: #f3f3f3;
+	border: 1px solid #ddd;
+	padding: 1px 4px;
+
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+}
+
+abbr
+{
+	border-bottom: 1px dotted #555;
+	cursor: pointer;
+}
+
+.new, .beta
+{
+	text-transform: uppercase;
+	font-size: 10px;
+	font-weight: bold;
+	padding: 1px 4px;
+	margin: 0 0 0 5px;
+	color: #fff;
+	float: right;
+
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+}
+
+.new
+{
+	background: #FF7E00;
+	border: 1px solid #DA8028;
+	text-shadow: 0 1px 0 #C97626;
+
+	-moz-box-shadow: 0 2px 3px 0 #FFA54E inset;
+	-webkit-box-shadow: 0 2px 3px 0 #FFA54E inset;
+	box-shadow: 0 2px 3px 0 #FFA54E inset;
+}
+
+.beta
+{
+	background: #18C0DF;
+	border: 1px solid #19AAD8;
+	text-shadow: 0 1px 0 #048CAD;
+	font-style: italic;
+
+	-moz-box-shadow: 0 2px 3px 0 #50D4FD inset;
+	-webkit-box-shadow: 0 2px 3px 0 #50D4FD inset;
+	box-shadow: 0 2px 3px 0 #50D4FD inset;
+}
+
+h1.samples
+{
+	color: #0782C1;
+	font-size: 200%;
+	font-weight: normal;
+	margin: 0;
+	padding: 0;
+}
+
+h1.samples a
+{
+	color: #0782C1;
+	text-decoration: none;
+	border-bottom: 1px dotted #0782C1;
+}
+
+.samples a:hover
+{
+	border-bottom: 1px dotted #0782C1;
+}
+
+h2.samples
+{
+	color: #000000;
+	font-size: 130%;
+	margin: 15px 0 0 0;
+	padding: 0;
+}
+
+p, blockquote, address, form, pre, dl, h1.samples, h2.samples
+{
+	margin-bottom: 15px;
+}
+
+ul.samples
+{
+	margin-bottom: 15px;
+}
+
+.clear
+{
+	clear: both;
+}
+
+fieldset
+{
+	margin: 0;
+	padding: 10px;
+}
+
+body, input, textarea
+{
+	color: #333333;
+	font-family: Arial, Helvetica, sans-serif;
+}
+
+body
+{
+	font-size: 75%;
+}
+
+a.samples
+{
+	color: #189DE1;
+	text-decoration: none;
+}
+
+form
+{
+	margin: 0;
+	padding: 0;
+}
+
+pre.samples
+{
+	background-color: #F7F7F7;
+	border: 1px solid #D7D7D7;
+	overflow: auto;
+	padding: 0.25em;
+	white-space: pre-wrap; /* CSS 2.1 */
+	word-wrap: break-word; /* IE7 */
+}
+
+#footer
+{
+	clear: both;
+	padding-top: 10px;
+}
+
+#footer hr
+{
+	margin: 10px 0 15px 0;
+	height: 1px;
+	border: solid 1px gray;
+	border-bottom: none;
+}
+
+#footer p
+{
+	margin: 0 10px 10px 10px;
+	float: left;
+}
+
+#footer #copy
+{
+	float: right;
+}
+
+#outputSample
+{
+	width: 100%;
+	table-layout: fixed;
+}
+
+#outputSample thead th
+{
+	color: #dddddd;
+	background-color: #999999;
+	padding: 4px;
+	white-space: nowrap;
+}
+
+#outputSample tbody th
+{
+	vertical-align: top;
+	text-align: left;
+}
+
+#outputSample pre
+{
+	margin: 0;
+	padding: 0;
+}
+
+.description
+{
+	border: 1px dotted #B7B7B7;
+	margin-bottom: 10px;
+	padding: 10px 10px 0;
+	overflow: hidden;
+}
+
+label
+{
+	display: block;
+	margin-bottom: 6px;
+}
+
+/**
+ *	CKEditor editables are automatically set with the "cke_editable" class
+ *	plus cke_editable_(inline|themed) depending on the editor type.
+ */
+
+/* Style a bit the inline editables. */
+.cke_editable.cke_editable_inline
+{
+	cursor: pointer;
+}
+
+/* Once an editable element gets focused, the "cke_focus" class is
+   added to it, so we can style it differently. */
+.cke_editable.cke_editable_inline.cke_focus
+{
+	box-shadow: inset 0px 0px 20px 3px #ddd, inset 0 0 1px #000;
+	outline: none;
+	background: #eee;
+	cursor: text;
+}
+
+/* Avoid pre-formatted overflows inline editable. */
+.cke_editable_inline pre
+{
+	white-space: pre-wrap;
+	word-wrap: break-word;
+}
+
+/**
+ *	Samples index styles.
+ */
+
+.twoColumns,
+.twoColumnsLeft,
+.twoColumnsRight
+{
+	overflow: hidden;
+}
+
+.twoColumnsLeft,
+.twoColumnsRight
+{
+	width: 45%;
+}
+
+.twoColumnsLeft
+{
+	float: left;
+}
+
+.twoColumnsRight
+{
+	float: right;
+}
+
+dl.samples
+{
+	padding: 0 0 0 40px;
+}
+dl.samples > dt
+{
+	display: list-item;
+	list-style-type: disc;
+	list-style-position: outside;
+	margin: 0 0 3px;
+}
+dl.samples > dd
+{
+	margin: 0 0 3px;
+}
+.warning
+{
+	color: #ff0000;
+	background-color: #FFCCBA;
+	border: 2px dotted #ff0000;
+	padding: 15px 10px;
+	margin: 10px 0;
+}
+
+/* Used on inline samples */
+
+blockquote
+{
+	font-style: italic;
+	font-family: Georgia, Times, "Times New Roman", serif;
+	padding: 2px 0;
+	border-style: solid;
+	border-color: #ccc;
+	border-width: 0;
+}
+
+.cke_contents_ltr blockquote
+{
+	padding-left: 20px;
+	padding-right: 8px;
+	border-left-width: 5px;
+}
+
+.cke_contents_rtl blockquote
+{
+	padding-left: 8px;
+	padding-right: 20px;
+	border-right-width: 5px;
+}
+
+img.right {
+	border: 1px solid #ccc;
+	float: right;
+	margin-left: 15px;
+	padding: 5px;
+}
+
+img.left {
+	border: 1px solid #ccc;
+	float: left;
+	margin-right: 15px;
+	padding: 5px;
+}
+
+.marker
+{
+	background-color: Yellow;
+}
diff --git a/resoft/ckeditor/samples/sample.js b/resoft/ckeditor/samples/sample.js
new file mode 100644
index 0000000..2bdcd98
--- /dev/null
+++ b/resoft/ckeditor/samples/sample.js
@@ -0,0 +1,50 @@
+/**
+ * Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+
+// Tool scripts for the sample pages.
+// This file can be ignored and is not required to make use of CKEditor.
+
+( function() {
+	CKEDITOR.on( 'instanceReady', function( ev ) {
+		// Check for sample compliance.
+		var editor = ev.editor,
+			meta = CKEDITOR.document.$.getElementsByName( 'ckeditor-sample-required-plugins' ),
+			requires = meta.length ? CKEDITOR.dom.element.get( meta[ 0 ] ).getAttribute( 'content' ).split( ',' ) : [],
+			missing = [],
+			i;
+
+		if ( requires.length ) {
+			for ( i = 0; i < requires.length; i++ ) {
+				if ( !editor.plugins[ requires[ i ] ] )
+					missing.push( '' + requires[ i ] + '' );
+			}
+
+			if ( missing.length ) {
+				var warn = CKEDITOR.dom.element.createFromHtml(
+					'
    ' +
+						'To fully experience this demo, the ' + missing.join( ', ' ) + ' plugin' + ( missing.length > 1 ? 's are' : ' is' ) + ' required.' +
+					'
    '
+				);
+				warn.insertBefore( editor.container );
+			}
+		}
+
+		// Set icons.
+		var doc = new CKEDITOR.dom.document( document ),
+			icons = doc.find( '.button_icon' );
+
+		for ( i = 0; i < icons.count(); i++ ) {
+			var icon = icons.getItem( i ),
+				name = icon.getAttribute( 'data-icon' ),
+				style = CKEDITOR.skin.getIconStyle( name, ( CKEDITOR.lang.dir == 'rtl' ) );
+
+			icon.addClass( 'cke_button_icon' );
+			icon.addClass( 'cke_button__' + name + '_icon' );
+			icon.setAttribute( 'style', style );
+			icon.setStyle( 'float', 'none' );
+
+		}
+	} );
+} )();
diff --git a/resoft/ckeditor/samples/sample_posteddata.php b/resoft/ckeditor/samples/sample_posteddata.php
new file mode 100644
index 0000000..7775f07
--- /dev/null
+++ b/resoft/ckeditor/samples/sample_posteddata.php
@@ -0,0 +1,16 @@
+
    +
+-------------------------------------------------------------------------------------------
+  CKEditor - Posted Data
+
+  We are sorry, but your Web server does not support the PHP language used in this script.
+
+  Please note that CKEditor can be used with any other server-side language than just PHP.
+  To save the content created with CKEditor you need to read the POST data on the server
+  side and write it to a file or the database.
+
+  Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
+  For licensing, see LICENSE.md or http://ckeditor.com/license
+-------------------------------------------------------------------------------------------
+
+
     */ include "assets/posteddata.php"; ?>
diff --git a/resoft/ckeditor/samples/tabindex.html b/resoft/ckeditor/samples/tabindex.html
new file mode 100644
index 0000000..5d1ab63
--- /dev/null
+++ b/resoft/ckeditor/samples/tabindex.html
@@ -0,0 +1,75 @@
+
+
+
+
+	
+	TAB Key-Based Navigation — CKEditor Sample
+	
+	
+	
+	
+
+
+	
    
+		CKEditor Samples » TAB Key-Based Navigation
+	
    
+	
    
+		
    
+			This sample shows how tab key navigation among editor instances is
+			affected by the tabIndex attribute from
+			the original page element. Use TAB key to move between the editors.
+		
    
+	
    
+	
    
+		
+	
    
+	
    
+	
    
+		
+	
    
+	
    
+		
+	
    
+	
+
+
diff --git a/resoft/ckeditor/samples/uicolor.html b/resoft/ckeditor/samples/uicolor.html
new file mode 100644
index 0000000..d7c5dea
--- /dev/null
+++ b/resoft/ckeditor/samples/uicolor.html
@@ -0,0 +1,69 @@
+
+
+
+
+	
+	UI Color Picker — CKEditor Sample
+	
+	
+
+
+	
    
+		CKEditor Samples » UI Color
+	
    
+	
    
+		
    
+			This sample shows how to automatically replace <textarea> elements
+			with a CKEditor instance with an option to change the color of its user interface.
    
+			Note:The UI skin color feature depends on the CKEditor skin
+			compatibility. The Moono and Kama skins are examples of skins that work with it.
+		
    
+	
    
+	
    
+	
    
+		This editor instance has a UI color value defined in configuration to change the skin color,
+		To specify the color of the user interface, set the uiColor property:
+	
    
+	
    +CKEDITOR.replace( 'textarea_id', {
+	uiColor: '#14B8C4'
+});
    
+	
    
+		Note that textarea_id in the code above is the id attribute of
+		the <textarea> element to be replaced.
+	
    
+	
    
+		
+		
+	
    
+	
    
+		
+	
    
+	
    
+	
+
+
diff --git a/resoft/ckeditor/samples/uilanguages.html b/resoft/ckeditor/samples/uilanguages.html
new file mode 100644
index 0000000..4e73dcc
--- /dev/null
+++ b/resoft/ckeditor/samples/uilanguages.html
@@ -0,0 +1,119 @@
+
+
+
+
+	
+	User Interface Globalization — CKEditor Sample
+	
+	
+	
+
+
+	
    
+		CKEditor Samples » User Interface Languages
+	
    
+	
    
+		
    
+			This sample shows how to automatically replace <textarea> elements
+			with a CKEditor instance with an option to change the language of its user interface.
+		
    
+		
    
+			It pulls the language list from CKEditor _languages.js file that contains the list of supported languages and creates
+			a drop-down list that lets the user change the UI language.
+		
    
+		
    
+			By default, CKEditor automatically localizes the editor to the language of the user.
+			The UI language can be controlled with two configuration options:
+			language and
+			
+			defaultLanguage. The defaultLanguage setting specifies the
+			default CKEditor language to be used when a localization suitable for user's settings is not available.
+		
    
+		
    
+			To specify the user interface language that will be used no matter what language is
+			specified in user's browser or operating system, set the language property:
+		
    
+
    +CKEDITOR.replace( 'textarea_id', {
+	// Load the German interface.
+	language: 'de'
+});
    
+		
    
+			Note that textarea_id in the code above is the id attribute of
+			the <textarea> element to be replaced.
+		
    
+	
    
+	
    
+		
    
+			Available languages (  languages!):
    
+			
+			
    
+			
+				(You may see strange characters if your system does not support the selected language)
+			
+		
    
+		
    
+			
+			
+		
    
+	
    
+	
+
+
diff --git a/resoft/ckeditor/samples/xhtmlstyle.html b/resoft/ckeditor/samples/xhtmlstyle.html
new file mode 100644
index 0000000..b53b431
--- /dev/null
+++ b/resoft/ckeditor/samples/xhtmlstyle.html
@@ -0,0 +1,231 @@
+
+
+
+
+	
+	XHTML Compliant Output — CKEditor Sample
+	
+	
+	
+	
+
+
+	
    
+		CKEditor Samples » Producing XHTML Compliant Output
+	
    
+	
    
+		
    
+			This sample shows how to configure CKEditor to output valid
+			XHTML 1.1 code.
+			Deprecated elements (<font>, <u>) or attributes
+			(size, face) will be replaced with XHTML compliant code.
+		
    
+		
    
+			To add a CKEditor instance outputting valid XHTML code, load the editor using a standard
+			JavaScript call and define CKEditor features to use the XHTML compliant elements and styles.
+		
    
+		
    
+			A snippet of the configuration code can be seen below; check the source of this page for
+			full definition:
+		
    
+
    +CKEDITOR.replace( 'textarea_id', {
+	contentsCss: 'assets/outputxhtml.css',
+
+	coreStyles_bold: {
+		element: 'span',
+		attributes: { 'class': 'Bold' }
+	},
+	coreStyles_italic: {
+		element: 'span',
+		attributes: { 'class': 'Italic' }
+	},
+
+	...
+});
    
+	
    
+	
    
+		
    
+			
+			
+			
+		
    
+		
    
+			
+		
    
+	
    
+	
+
+
diff --git a/resoft/ckeditor/skins/moono/dialog.css b/resoft/ckeditor/skins/moono/dialog.css
new file mode 100644
index 0000000..8fdd5ab
--- /dev/null
+++ b/resoft/ckeditor/skins/moono/dialog.css
@@ -0,0 +1,5 @@
+/*
+Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+.cke_dialog{visibility:visible}.cke_dialog_body{z-index:1;background:#eaeaea;border:1px solid #b2b2b2;border-bottom-color:#999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 3px rgba(0,0,0,.15);-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.15)}.cke_dialog strong{font-weight:bold}.cke_dialog_title{font-weight:bold;font-size:13px;cursor:move;position:relative;color:#474747;text-shadow:0 1px 0 rgba(255,255,255,.75);border-bottom:1px solid #999;padding:6px 10px;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#cfd1cf));background-image:-moz-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-webkit-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-o-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-ms-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:linear-gradient(top,#f5f5f5,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f5f5f5',endColorstr='#cfd1cf')}.cke_dialog_contents{background-color:#fff;overflow:auto;padding:15px 10px 5px 10px;margin-top:30px;border-top:1px solid #bfbfbf;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.cke_dialog_contents_body{overflow:auto;padding:17px 10px 5px 10px;margin-top:22px}.cke_dialog_footer{text-align:right;position:relative;border:0;outline:1px solid #bfbfbf;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#cfd1cf));background-image:-moz-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-webkit-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-o-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-ms-linear-gradient(top,#ebebeb,#cfd1cf);background-image:linear-gradient(top,#ebebeb,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ebebeb',endColorstr='#cfd1cf')}.cke_rtl .cke_dialog_footer{text-align:left}.cke_hc .cke_dialog_footer{outline:0;border-top:1px solid #fff}.cke_dialog .cke_resizer{margin-top:22px}.cke_dialog .cke_resizer_rtl{margin-left:5px}.cke_dialog .cke_resizer_ltr{margin-right:5px}.cke_dialog_tabs{height:24px;display:inline-block;margin:5px 0 0;position:absolute;z-index:2;left:10px}.cke_rtl .cke_dialog_tabs{right:10px}a.cke_dialog_tab{height:16px;padding:4px 8px;margin-right:3px;display:inline-block;cursor:pointer;line-height:16px;outline:0;color:#595959;border:1px solid #bfbfbf;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;background:#d4d4d4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#ededed));background-image:-moz-linear-gradient(top,#fafafa,#ededed);background-image:-webkit-linear-gradient(top,#fafafa,#ededed);background-image:-o-linear-gradient(top,#fafafa,#ededed);background-image:-ms-linear-gradient(top,#fafafa,#ededed);background-image:linear-gradient(top,#fafafa,#ededed);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#fafafa',endColorstr='#ededed')}.cke_rtl a.cke_dialog_tab{margin-right:0;margin-left:3px}a.cke_dialog_tab:hover{background:#ebebeb;background:-moz-linear-gradient(top,#ebebeb 0,#dfdfdf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ebebeb),color-stop(100%,#dfdfdf));background:-webkit-linear-gradient(top,#ebebeb 0,#dfdfdf 100%);background:-o-linear-gradient(top,#ebebeb 0,#dfdfdf 100%);background:-ms-linear-gradient(top,#ebebeb 0,#dfdfdf 100%);background:linear-gradient(to bottom,#ebebeb 0,#dfdfdf 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb',endColorstr='#dfdfdf',GradientType=0)}a.cke_dialog_tab_selected{background:#fff;color:#383838;border-bottom-color:#fff;cursor:default;filter:none}a.cke_dialog_tab_selected:hover{background:#ededed;background:-moz-linear-gradient(top,#ededed 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ededed),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#ededed 0,#fff 100%);background:-o-linear-gradient(top,#ededed 0,#fff 100%);background:-ms-linear-gradient(top,#ededed 0,#fff 100%);background:linear-gradient(to bottom,#ededed 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#ffffff',GradientType=0)}.cke_hc a.cke_dialog_tab:hover,.cke_hc a.cke_dialog_tab_selected{border:3px solid;padding:2px 6px}a.cke_dialog_tab_disabled{color:#bababa;cursor:default}.cke_single_page .cke_dialog_tabs{display:none}.cke_single_page .cke_dialog_contents{padding-top:5px;margin-top:0;border-top:0}.cke_dialog_close_button{background-image:url(images/close.png);background-repeat:no-repeat;background-position:50%;position:absolute;cursor:pointer;text-align:center;height:20px;width:20px;top:5px;z-index:5;opacity:.8;filter:alpha(opacity = 80)}.cke_dialog_close_button:hover{opacity:1;filter:alpha(opacity = 100)}.cke_hidpi .cke_dialog_close_button{background-image:url(images/hidpi/close.png);background-size:16px}.cke_dialog_close_button span{display:none}.cke_hc .cke_dialog_close_button span{display:inline;cursor:pointer;font-weight:bold;position:relative;top:3px}.cke_ltr .cke_dialog_close_button{right:5px}.cke_rtl .cke_dialog_close_button{left:6px}.cke_dialog_close_button{top:4px}div.cke_disabled .cke_dialog_ui_labeled_content div *{background-color:#ddd;cursor:default}.cke_dialog_ui_vbox table,.cke_dialog_ui_hbox table{margin:auto}.cke_dialog_ui_vbox_child{padding:5px 0}.cke_dialog_ui_hbox{width:100%}.cke_dialog_ui_hbox_first,.cke_dialog_ui_hbox_child,.cke_dialog_ui_hbox_last{vertical-align:top}.cke_ltr .cke_dialog_ui_hbox_first,.cke_ltr .cke_dialog_ui_hbox_child{padding-right:10px}.cke_rtl .cke_dialog_ui_hbox_first,.cke_rtl .cke_dialog_ui_hbox_child{padding-left:10px}.cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,.cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child{padding-right:5px}.cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,.cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child{padding-left:5px;padding-right:0}.cke_hc div.cke_dialog_ui_input_text,.cke_hc div.cke_dialog_ui_input_password,.cke_hc div.cke_dialog_ui_input_textarea,.cke_hc div.cke_dialog_ui_input_select,.cke_hc div.cke_dialog_ui_input_file{border:1px solid}textarea.cke_dialog_ui_input_textarea{overflow:auto;resize:none}input.cke_dialog_ui_input_text,input.cke_dialog_ui_input_password,textarea.cke_dialog_ui_input_textarea{background-color:#fff;border:1px solid #c9cccf;border-top-color:#aeb3b9;padding:4px 6px;outline:0;width:100%;*width:95%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 2px rgba(0,0,0,.15) inset;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15) inset;box-shadow:0 1px 2px rgba(0,0,0,.15) inset}input.cke_dialog_ui_input_text:hover,input.cke_dialog_ui_input_password:hover,textarea.cke_dialog_ui_input_textarea:hover{border:1px solid #aeb3b9;border-top-color:#a0a6ad}input.cke_dialog_ui_input_text:focus,input.cke_dialog_ui_input_password:focus,textarea.cke_dialog_ui_input_textarea:focus,select.cke_dialog_ui_input_select:focus{outline:0;border:1px solid #139ff7;border-top-color:#1392e9}a.cke_dialog_ui_button{display:inline-block;*display:inline;*zoom:1;padding:4px 0;margin:0;text-align:center;color:#333;vertical-align:middle;cursor:pointer;border:1px solid #b6b6b6;border-bottom-color:#999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;background:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);background-image:-o-linear-gradient(top,#fff,#e4e4e4);background-image:-ms-linear-gradient(top,#fff,#e4e4e4);background-image:linear-gradient(top,#fff,#e4e4e4);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4')}span.cke_dialog_ui_button{padding:0 10px}a.cke_dialog_ui_button:hover{border-color:#9e9e9e;background:#ccc;background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ccc));background-image:-moz-linear-gradient(top,#f2f2f2,#ccc);background-image:-webkit-linear-gradient(top,#f2f2f2,#ccc);background-image:-o-linear-gradient(top,#f2f2f2,#ccc);background-image:-ms-linear-gradient(top,#f2f2f2,#ccc);background-image:linear-gradient(top,#f2f2f2,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f2f2f2',endColorstr='#cccccc')}a.cke_dialog_ui_button:focus,a.cke_dialog_ui_button:active{border-color:#969696;outline:0;-moz-box-shadow:0 0 6px rgba(0,0,0,.4) inset;-webkit-box-shadow:0 0 6px rgba(0,0,0,.4) inset;box-shadow:0 0 6px rgba(0,0,0,.4) inset}.cke_hc a.cke_dialog_ui_button:hover,.cke_hc a.cke_dialog_ui_button:focus,.cke_hc a.cke_dialog_ui_button:active{border:3px solid;padding-top:1px;padding-bottom:1px}.cke_hc a.cke_dialog_ui_button:hover span,.cke_hc a.cke_dialog_ui_button:focus span,.cke_hc a.cke_dialog_ui_button:active span{padding-left:10px;padding-right:10px}.cke_dialog_footer_buttons a.cke_dialog_ui_button span{color:inherit;font-size:12px;font-weight:bold;line-height:18px;padding:0 12px}a.cke_dialog_ui_button_ok{color:#fff;text-shadow:0 -1px 0 #55830c;border-color:#62a60a #62a60a #4d9200;background:#69b10b;background-image:-webkit-gradient(linear,0 0,0 100%,from(#9ad717),to(#69b10b));background-image:-webkit-linear-gradient(top,#9ad717,#69b10b);background-image:-o-linear-gradient(top,#9ad717,#69b10b);background-image:linear-gradient(to bottom,#9ad717,#69b10b);background-image:-moz-linear-gradient(top,#9ad717,#69b10b);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#9ad717',endColorstr='#69b10b')}a.cke_dialog_ui_button_ok:hover{border-color:#5b9909 #5b9909 #478500;background:#88be14;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#88be14),color-stop(100%,#5d9c0a));background:-webkit-linear-gradient(top,#88be14 0,#5d9c0a 100%);background:-o-linear-gradient(top,#88be14 0,#5d9c0a 100%);background:linear-gradient(to bottom,#88be14 0,#5d9c0a 100%);background:-moz-linear-gradient(top,#88be14 0,#5d9c0a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#88be14',endColorstr='#5d9c0a',GradientType=0)}a.cke_dialog_ui_button span{text-shadow:0 1px 0 #fff}a.cke_dialog_ui_button_ok span{text-shadow:0 -1px 0 #55830c}span.cke_dialog_ui_button{cursor:pointer}a.cke_dialog_ui_button_ok:focus,a.cke_dialog_ui_button_ok:active,a.cke_dialog_ui_button_cancel:focus,a.cke_dialog_ui_button_cancel:active{border-width:2px;padding:3px 0}a.cke_dialog_ui_button_ok:focus,a.cke_dialog_ui_button_ok:active{border-color:#568c0a}a.cke_dialog_ui_button_ok:focus span,a.cke_dialog_ui_button_ok:active span,a.cke_dialog_ui_button_cancel:focus span,a.cke_dialog_ui_button_cancel:active span{padding:0 11px}.cke_dialog_footer_buttons{display:inline-table;margin:5px;width:auto;position:relative;vertical-align:middle}div.cke_dialog_ui_input_select{display:table}select.cke_dialog_ui_input_select{height:25px;line-height:25px;background-color:#fff;border:1px solid #c9cccf;border-top-color:#aeb3b9;padding:3px 3px 3px 6px;outline:0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 2px rgba(0,0,0,.15) inset;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15) inset;box-shadow:0 1px 2px rgba(0,0,0,.15) inset}.cke_dialog_ui_input_file{width:100%;height:25px}.cke_hc .cke_dialog_ui_labeled_content input:focus,.cke_hc .cke_dialog_ui_labeled_content select:focus,.cke_hc .cke_dialog_ui_labeled_content textarea:focus{outline:1px dotted}.cke_dialog .cke_dark_background{background-color:#dedede}.cke_dialog .cke_light_background{background-color:#ebebeb}.cke_dialog .cke_centered{text-align:center}.cke_dialog a.cke_btn_reset{float:right;background:url(images/refresh.png) top left no-repeat;width:16px;height:16px;border:1px none;font-size:1px}.cke_hidpi .cke_dialog a.cke_btn_reset{background-size:16px;background-image:url(images/hidpi/refresh.png)}.cke_rtl .cke_dialog a.cke_btn_reset{float:left}.cke_dialog a.cke_btn_locked,.cke_dialog a.cke_btn_unlocked{float:left;width:16px;height:16px;background-repeat:no-repeat;border:none 1px;font-size:1px}.cke_dialog a.cke_btn_locked .cke_icon{display:none}.cke_rtl .cke_dialog a.cke_btn_locked,.cke_rtl .cke_dialog a.cke_btn_unlocked{float:right}.cke_dialog a.cke_btn_locked{background-image:url(images/lock.png)}.cke_dialog a.cke_btn_unlocked{background-image:url(images/lock-open.png)}.cke_hidpi .cke_dialog a.cke_btn_unlocked,.cke_hidpi .cke_dialog a.cke_btn_locked{background-size:16px}.cke_hidpi .cke_dialog a.cke_btn_locked{background-image:url(images/hidpi/lock.png)}.cke_hidpi .cke_dialog a.cke_btn_unlocked{background-image:url(images/hidpi/lock-open.png)}.cke_dialog .cke_btn_over{border:outset 1px;cursor:pointer}.cke_dialog .ImagePreviewBox{border:2px ridge black;overflow:scroll;height:200px;width:300px;padding:2px;background-color:white}.cke_dialog .ImagePreviewBox table td{white-space:normal}.cke_dialog .ImagePreviewLoader{position:absolute;white-space:normal;overflow:hidden;height:160px;width:230px;margin:2px;padding:2px;opacity:.9;filter:alpha(opacity = 90);background-color:#e4e4e4}.cke_dialog .FlashPreviewBox{white-space:normal;border:2px ridge black;overflow:auto;height:160px;width:390px;padding:2px;background-color:white}.cke_dialog .cke_pastetext{width:346px;height:170px}.cke_dialog .cke_pastetext textarea{width:340px;height:170px;resize:none}.cke_dialog iframe.cke_pasteframe{width:346px;height:130px;background-color:white;border:1px solid #aeb3b9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.cke_dialog .cke_hand{cursor:pointer}.cke_disabled{color:#a0a0a0}.cke_dialog_body .cke_label{display:none}.cke_dialog_body label{display:inline;margin-bottom:auto;cursor:default}.cke_dialog_body label.cke_required{font-weight:bold}a.cke_smile{overflow:hidden;display:block;text-align:center;padding:.3em 0}a.cke_smile img{vertical-align:middle}a.cke_specialchar{cursor:inherit;display:block;height:1.25em;padding:.2em .3em;text-align:center}a.cke_smile,a.cke_specialchar{border:1px solid transparent}a.cke_smile:hover,a.cke_smile:focus,a.cke_smile:active,a.cke_specialchar:hover,a.cke_specialchar:focus,a.cke_specialchar:active{background:#fff;outline:0}a.cke_smile:hover,a.cke_specialchar:hover{border-color:#888}a.cke_smile:focus,a.cke_smile:active,a.cke_specialchar:focus,a.cke_specialchar:active{border-color:#139ff7}.cke_dialog_contents a.colorChooser{display:block;margin-top:6px;margin-left:10px;width:80px}.cke_rtl .cke_dialog_contents a.colorChooser{margin-right:10px}.cke_dialog_ui_checkbox_input:focus,.cke_dialog_ui_radio_input:focus,.cke_btn_over{outline:1px dotted #696969}.cke_iframe_shim{display:block;position:absolute;top:0;left:0;z-index:-1;filter:alpha(opacity = 0);width:100%;height:100%}
\ No newline at end of file
diff --git a/resoft/ckeditor/skins/moono/dialog_ie.css b/resoft/ckeditor/skins/moono/dialog_ie.css
new file mode 100644
index 0000000..48c1b4b
--- /dev/null
+++ b/resoft/ckeditor/skins/moono/dialog_ie.css
@@ -0,0 +1,5 @@
+/*
+Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+.cke_dialog{visibility:visible}.cke_dialog_body{z-index:1;background:#eaeaea;border:1px solid #b2b2b2;border-bottom-color:#999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 3px rgba(0,0,0,.15);-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.15)}.cke_dialog strong{font-weight:bold}.cke_dialog_title{font-weight:bold;font-size:13px;cursor:move;position:relative;color:#474747;text-shadow:0 1px 0 rgba(255,255,255,.75);border-bottom:1px solid #999;padding:6px 10px;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#cfd1cf));background-image:-moz-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-webkit-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-o-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-ms-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:linear-gradient(top,#f5f5f5,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f5f5f5',endColorstr='#cfd1cf')}.cke_dialog_contents{background-color:#fff;overflow:auto;padding:15px 10px 5px 10px;margin-top:30px;border-top:1px solid #bfbfbf;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.cke_dialog_contents_body{overflow:auto;padding:17px 10px 5px 10px;margin-top:22px}.cke_dialog_footer{text-align:right;position:relative;border:0;outline:1px solid #bfbfbf;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#cfd1cf));background-image:-moz-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-webkit-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-o-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-ms-linear-gradient(top,#ebebeb,#cfd1cf);background-image:linear-gradient(top,#ebebeb,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ebebeb',endColorstr='#cfd1cf')}.cke_rtl .cke_dialog_footer{text-align:left}.cke_hc .cke_dialog_footer{outline:0;border-top:1px solid #fff}.cke_dialog .cke_resizer{margin-top:22px}.cke_dialog .cke_resizer_rtl{margin-left:5px}.cke_dialog .cke_resizer_ltr{margin-right:5px}.cke_dialog_tabs{height:24px;display:inline-block;margin:5px 0 0;position:absolute;z-index:2;left:10px}.cke_rtl .cke_dialog_tabs{right:10px}a.cke_dialog_tab{height:16px;padding:4px 8px;margin-right:3px;display:inline-block;cursor:pointer;line-height:16px;outline:0;color:#595959;border:1px solid #bfbfbf;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;background:#d4d4d4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#ededed));background-image:-moz-linear-gradient(top,#fafafa,#ededed);background-image:-webkit-linear-gradient(top,#fafafa,#ededed);background-image:-o-linear-gradient(top,#fafafa,#ededed);background-image:-ms-linear-gradient(top,#fafafa,#ededed);background-image:linear-gradient(top,#fafafa,#ededed);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#fafafa',endColorstr='#ededed')}.cke_rtl a.cke_dialog_tab{margin-right:0;margin-left:3px}a.cke_dialog_tab:hover{background:#ebebeb;background:-moz-linear-gradient(top,#ebebeb 0,#dfdfdf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ebebeb),color-stop(100%,#dfdfdf));background:-webkit-linear-gradient(top,#ebebeb 0,#dfdfdf 100%);background:-o-linear-gradient(top,#ebebeb 0,#dfdfdf 100%);background:-ms-linear-gradient(top,#ebebeb 0,#dfdfdf 100%);background:linear-gradient(to bottom,#ebebeb 0,#dfdfdf 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb',endColorstr='#dfdfdf',GradientType=0)}a.cke_dialog_tab_selected{background:#fff;color:#383838;border-bottom-color:#fff;cursor:default;filter:none}a.cke_dialog_tab_selected:hover{background:#ededed;background:-moz-linear-gradient(top,#ededed 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ededed),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#ededed 0,#fff 100%);background:-o-linear-gradient(top,#ededed 0,#fff 100%);background:-ms-linear-gradient(top,#ededed 0,#fff 100%);background:linear-gradient(to bottom,#ededed 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#ffffff',GradientType=0)}.cke_hc a.cke_dialog_tab:hover,.cke_hc a.cke_dialog_tab_selected{border:3px solid;padding:2px 6px}a.cke_dialog_tab_disabled{color:#bababa;cursor:default}.cke_single_page .cke_dialog_tabs{display:none}.cke_single_page .cke_dialog_contents{padding-top:5px;margin-top:0;border-top:0}.cke_dialog_close_button{background-image:url(images/close.png);background-repeat:no-repeat;background-position:50%;position:absolute;cursor:pointer;text-align:center;height:20px;width:20px;top:5px;z-index:5;opacity:.8;filter:alpha(opacity = 80)}.cke_dialog_close_button:hover{opacity:1;filter:alpha(opacity = 100)}.cke_hidpi .cke_dialog_close_button{background-image:url(images/hidpi/close.png);background-size:16px}.cke_dialog_close_button span{display:none}.cke_hc .cke_dialog_close_button span{display:inline;cursor:pointer;font-weight:bold;position:relative;top:3px}.cke_ltr .cke_dialog_close_button{right:5px}.cke_rtl .cke_dialog_close_button{left:6px}.cke_dialog_close_button{top:4px}div.cke_disabled .cke_dialog_ui_labeled_content div *{background-color:#ddd;cursor:default}.cke_dialog_ui_vbox table,.cke_dialog_ui_hbox table{margin:auto}.cke_dialog_ui_vbox_child{padding:5px 0}.cke_dialog_ui_hbox{width:100%}.cke_dialog_ui_hbox_first,.cke_dialog_ui_hbox_child,.cke_dialog_ui_hbox_last{vertical-align:top}.cke_ltr .cke_dialog_ui_hbox_first,.cke_ltr .cke_dialog_ui_hbox_child{padding-right:10px}.cke_rtl .cke_dialog_ui_hbox_first,.cke_rtl .cke_dialog_ui_hbox_child{padding-left:10px}.cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,.cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child{padding-right:5px}.cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,.cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child{padding-left:5px;padding-right:0}.cke_hc div.cke_dialog_ui_input_text,.cke_hc div.cke_dialog_ui_input_password,.cke_hc div.cke_dialog_ui_input_textarea,.cke_hc div.cke_dialog_ui_input_select,.cke_hc div.cke_dialog_ui_input_file{border:1px solid}textarea.cke_dialog_ui_input_textarea{overflow:auto;resize:none}input.cke_dialog_ui_input_text,input.cke_dialog_ui_input_password,textarea.cke_dialog_ui_input_textarea{background-color:#fff;border:1px solid #c9cccf;border-top-color:#aeb3b9;padding:4px 6px;outline:0;width:100%;*width:95%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 2px rgba(0,0,0,.15) inset;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15) inset;box-shadow:0 1px 2px rgba(0,0,0,.15) inset}input.cke_dialog_ui_input_text:hover,input.cke_dialog_ui_input_password:hover,textarea.cke_dialog_ui_input_textarea:hover{border:1px solid #aeb3b9;border-top-color:#a0a6ad}input.cke_dialog_ui_input_text:focus,input.cke_dialog_ui_input_password:focus,textarea.cke_dialog_ui_input_textarea:focus,select.cke_dialog_ui_input_select:focus{outline:0;border:1px solid #139ff7;border-top-color:#1392e9}a.cke_dialog_ui_button{display:inline-block;*display:inline;*zoom:1;padding:4px 0;margin:0;text-align:center;color:#333;vertical-align:middle;cursor:pointer;border:1px solid #b6b6b6;border-bottom-color:#999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;background:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);background-image:-o-linear-gradient(top,#fff,#e4e4e4);background-image:-ms-linear-gradient(top,#fff,#e4e4e4);background-image:linear-gradient(top,#fff,#e4e4e4);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4')}span.cke_dialog_ui_button{padding:0 10px}a.cke_dialog_ui_button:hover{border-color:#9e9e9e;background:#ccc;background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ccc));background-image:-moz-linear-gradient(top,#f2f2f2,#ccc);background-image:-webkit-linear-gradient(top,#f2f2f2,#ccc);background-image:-o-linear-gradient(top,#f2f2f2,#ccc);background-image:-ms-linear-gradient(top,#f2f2f2,#ccc);background-image:linear-gradient(top,#f2f2f2,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f2f2f2',endColorstr='#cccccc')}a.cke_dialog_ui_button:focus,a.cke_dialog_ui_button:active{border-color:#969696;outline:0;-moz-box-shadow:0 0 6px rgba(0,0,0,.4) inset;-webkit-box-shadow:0 0 6px rgba(0,0,0,.4) inset;box-shadow:0 0 6px rgba(0,0,0,.4) inset}.cke_hc a.cke_dialog_ui_button:hover,.cke_hc a.cke_dialog_ui_button:focus,.cke_hc a.cke_dialog_ui_button:active{border:3px solid;padding-top:1px;padding-bottom:1px}.cke_hc a.cke_dialog_ui_button:hover span,.cke_hc a.cke_dialog_ui_button:focus span,.cke_hc a.cke_dialog_ui_button:active span{padding-left:10px;padding-right:10px}.cke_dialog_footer_buttons a.cke_dialog_ui_button span{color:inherit;font-size:12px;font-weight:bold;line-height:18px;padding:0 12px}a.cke_dialog_ui_button_ok{color:#fff;text-shadow:0 -1px 0 #55830c;border-color:#62a60a #62a60a #4d9200;background:#69b10b;background-image:-webkit-gradient(linear,0 0,0 100%,from(#9ad717),to(#69b10b));background-image:-webkit-linear-gradient(top,#9ad717,#69b10b);background-image:-o-linear-gradient(top,#9ad717,#69b10b);background-image:linear-gradient(to bottom,#9ad717,#69b10b);background-image:-moz-linear-gradient(top,#9ad717,#69b10b);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#9ad717',endColorstr='#69b10b')}a.cke_dialog_ui_button_ok:hover{border-color:#5b9909 #5b9909 #478500;background:#88be14;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#88be14),color-stop(100%,#5d9c0a));background:-webkit-linear-gradient(top,#88be14 0,#5d9c0a 100%);background:-o-linear-gradient(top,#88be14 0,#5d9c0a 100%);background:linear-gradient(to bottom,#88be14 0,#5d9c0a 100%);background:-moz-linear-gradient(top,#88be14 0,#5d9c0a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#88be14',endColorstr='#5d9c0a',GradientType=0)}a.cke_dialog_ui_button span{text-shadow:0 1px 0 #fff}a.cke_dialog_ui_button_ok span{text-shadow:0 -1px 0 #55830c}span.cke_dialog_ui_button{cursor:pointer}a.cke_dialog_ui_button_ok:focus,a.cke_dialog_ui_button_ok:active,a.cke_dialog_ui_button_cancel:focus,a.cke_dialog_ui_button_cancel:active{border-width:2px;padding:3px 0}a.cke_dialog_ui_button_ok:focus,a.cke_dialog_ui_button_ok:active{border-color:#568c0a}a.cke_dialog_ui_button_ok:focus span,a.cke_dialog_ui_button_ok:active span,a.cke_dialog_ui_button_cancel:focus span,a.cke_dialog_ui_button_cancel:active span{padding:0 11px}.cke_dialog_footer_buttons{display:inline-table;margin:5px;width:auto;position:relative;vertical-align:middle}div.cke_dialog_ui_input_select{display:table}select.cke_dialog_ui_input_select{height:25px;line-height:25px;background-color:#fff;border:1px solid #c9cccf;border-top-color:#aeb3b9;padding:3px 3px 3px 6px;outline:0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 2px rgba(0,0,0,.15) inset;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15) inset;box-shadow:0 1px 2px rgba(0,0,0,.15) inset}.cke_dialog_ui_input_file{width:100%;height:25px}.cke_hc .cke_dialog_ui_labeled_content input:focus,.cke_hc .cke_dialog_ui_labeled_content select:focus,.cke_hc .cke_dialog_ui_labeled_content textarea:focus{outline:1px dotted}.cke_dialog .cke_dark_background{background-color:#dedede}.cke_dialog .cke_light_background{background-color:#ebebeb}.cke_dialog .cke_centered{text-align:center}.cke_dialog a.cke_btn_reset{float:right;background:url(images/refresh.png) top left no-repeat;width:16px;height:16px;border:1px none;font-size:1px}.cke_hidpi .cke_dialog a.cke_btn_reset{background-size:16px;background-image:url(images/hidpi/refresh.png)}.cke_rtl .cke_dialog a.cke_btn_reset{float:left}.cke_dialog a.cke_btn_locked,.cke_dialog a.cke_btn_unlocked{float:left;width:16px;height:16px;background-repeat:no-repeat;border:none 1px;font-size:1px}.cke_dialog a.cke_btn_locked .cke_icon{display:none}.cke_rtl .cke_dialog a.cke_btn_locked,.cke_rtl .cke_dialog a.cke_btn_unlocked{float:right}.cke_dialog a.cke_btn_locked{background-image:url(images/lock.png)}.cke_dialog a.cke_btn_unlocked{background-image:url(images/lock-open.png)}.cke_hidpi .cke_dialog a.cke_btn_unlocked,.cke_hidpi .cke_dialog a.cke_btn_locked{background-size:16px}.cke_hidpi .cke_dialog a.cke_btn_locked{background-image:url(images/hidpi/lock.png)}.cke_hidpi .cke_dialog a.cke_btn_unlocked{background-image:url(images/hidpi/lock-open.png)}.cke_dialog .cke_btn_over{border:outset 1px;cursor:pointer}.cke_dialog .ImagePreviewBox{border:2px ridge black;overflow:scroll;height:200px;width:300px;padding:2px;background-color:white}.cke_dialog .ImagePreviewBox table td{white-space:normal}.cke_dialog .ImagePreviewLoader{position:absolute;white-space:normal;overflow:hidden;height:160px;width:230px;margin:2px;padding:2px;opacity:.9;filter:alpha(opacity = 90);background-color:#e4e4e4}.cke_dialog .FlashPreviewBox{white-space:normal;border:2px ridge black;overflow:auto;height:160px;width:390px;padding:2px;background-color:white}.cke_dialog .cke_pastetext{width:346px;height:170px}.cke_dialog .cke_pastetext textarea{width:340px;height:170px;resize:none}.cke_dialog iframe.cke_pasteframe{width:346px;height:130px;background-color:white;border:1px solid #aeb3b9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.cke_dialog .cke_hand{cursor:pointer}.cke_disabled{color:#a0a0a0}.cke_dialog_body .cke_label{display:none}.cke_dialog_body label{display:inline;margin-bottom:auto;cursor:default}.cke_dialog_body label.cke_required{font-weight:bold}a.cke_smile{overflow:hidden;display:block;text-align:center;padding:.3em 0}a.cke_smile img{vertical-align:middle}a.cke_specialchar{cursor:inherit;display:block;height:1.25em;padding:.2em .3em;text-align:center}a.cke_smile,a.cke_specialchar{border:1px solid transparent}a.cke_smile:hover,a.cke_smile:focus,a.cke_smile:active,a.cke_specialchar:hover,a.cke_specialchar:focus,a.cke_specialchar:active{background:#fff;outline:0}a.cke_smile:hover,a.cke_specialchar:hover{border-color:#888}a.cke_smile:focus,a.cke_smile:active,a.cke_specialchar:focus,a.cke_specialchar:active{border-color:#139ff7}.cke_dialog_contents a.colorChooser{display:block;margin-top:6px;margin-left:10px;width:80px}.cke_rtl .cke_dialog_contents a.colorChooser{margin-right:10px}.cke_dialog_ui_checkbox_input:focus,.cke_dialog_ui_radio_input:focus,.cke_btn_over{outline:1px dotted #696969}.cke_iframe_shim{display:block;position:absolute;top:0;left:0;z-index:-1;filter:alpha(opacity = 0);width:100%;height:100%}.cke_rtl input.cke_dialog_ui_input_text,.cke_rtl input.cke_dialog_ui_input_password{padding-right:2px}.cke_rtl div.cke_dialog_ui_input_text,.cke_rtl div.cke_dialog_ui_input_password{padding-left:2px}.cke_rtl div.cke_dialog_ui_input_text{padding-right:1px}.cke_rtl .cke_dialog_ui_vbox_child,.cke_rtl .cke_dialog_ui_hbox_child,.cke_rtl .cke_dialog_ui_hbox_first,.cke_rtl .cke_dialog_ui_hbox_last{padding-right:2px!important}.cke_hc .cke_dialog_title,.cke_hc .cke_dialog_footer,.cke_hc a.cke_dialog_tab,.cke_hc a.cke_dialog_ui_button,.cke_hc a.cke_dialog_ui_button:hover,.cke_hc a.cke_dialog_ui_button_ok,.cke_hc a.cke_dialog_ui_button_ok:hover{filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.cke_hc div.cke_dialog_ui_input_text,.cke_hc div.cke_dialog_ui_input_password,.cke_hc div.cke_dialog_ui_input_textarea,.cke_hc div.cke_dialog_ui_input_select,.cke_hc div.cke_dialog_ui_input_file{border:0}
\ No newline at end of file
diff --git a/resoft/ckeditor/skins/moono/dialog_ie7.css b/resoft/ckeditor/skins/moono/dialog_ie7.css
new file mode 100644
index 0000000..bdc5a38
--- /dev/null
+++ b/resoft/ckeditor/skins/moono/dialog_ie7.css
@@ -0,0 +1,5 @@
+/*
+Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+.cke_dialog{visibility:visible}.cke_dialog_body{z-index:1;background:#eaeaea;border:1px solid #b2b2b2;border-bottom-color:#999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 3px rgba(0,0,0,.15);-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.15)}.cke_dialog strong{font-weight:bold}.cke_dialog_title{font-weight:bold;font-size:13px;cursor:move;position:relative;color:#474747;text-shadow:0 1px 0 rgba(255,255,255,.75);border-bottom:1px solid #999;padding:6px 10px;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#cfd1cf));background-image:-moz-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-webkit-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-o-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-ms-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:linear-gradient(top,#f5f5f5,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f5f5f5',endColorstr='#cfd1cf')}.cke_dialog_contents{background-color:#fff;overflow:auto;padding:15px 10px 5px 10px;margin-top:30px;border-top:1px solid #bfbfbf;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.cke_dialog_contents_body{overflow:auto;padding:17px 10px 5px 10px;margin-top:22px}.cke_dialog_footer{text-align:right;position:relative;border:0;outline:1px solid #bfbfbf;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#cfd1cf));background-image:-moz-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-webkit-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-o-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-ms-linear-gradient(top,#ebebeb,#cfd1cf);background-image:linear-gradient(top,#ebebeb,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ebebeb',endColorstr='#cfd1cf')}.cke_rtl .cke_dialog_footer{text-align:left}.cke_hc .cke_dialog_footer{outline:0;border-top:1px solid #fff}.cke_dialog .cke_resizer{margin-top:22px}.cke_dialog .cke_resizer_rtl{margin-left:5px}.cke_dialog .cke_resizer_ltr{margin-right:5px}.cke_dialog_tabs{height:24px;display:inline-block;margin:5px 0 0;position:absolute;z-index:2;left:10px}.cke_rtl .cke_dialog_tabs{right:10px}a.cke_dialog_tab{height:16px;padding:4px 8px;margin-right:3px;display:inline-block;cursor:pointer;line-height:16px;outline:0;color:#595959;border:1px solid #bfbfbf;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;background:#d4d4d4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#ededed));background-image:-moz-linear-gradient(top,#fafafa,#ededed);background-image:-webkit-linear-gradient(top,#fafafa,#ededed);background-image:-o-linear-gradient(top,#fafafa,#ededed);background-image:-ms-linear-gradient(top,#fafafa,#ededed);background-image:linear-gradient(top,#fafafa,#ededed);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#fafafa',endColorstr='#ededed')}.cke_rtl a.cke_dialog_tab{margin-right:0;margin-left:3px}a.cke_dialog_tab:hover{background:#ebebeb;background:-moz-linear-gradient(top,#ebebeb 0,#dfdfdf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ebebeb),color-stop(100%,#dfdfdf));background:-webkit-linear-gradient(top,#ebebeb 0,#dfdfdf 100%);background:-o-linear-gradient(top,#ebebeb 0,#dfdfdf 100%);background:-ms-linear-gradient(top,#ebebeb 0,#dfdfdf 100%);background:linear-gradient(to bottom,#ebebeb 0,#dfdfdf 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb',endColorstr='#dfdfdf',GradientType=0)}a.cke_dialog_tab_selected{background:#fff;color:#383838;border-bottom-color:#fff;cursor:default;filter:none}a.cke_dialog_tab_selected:hover{background:#ededed;background:-moz-linear-gradient(top,#ededed 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ededed),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#ededed 0,#fff 100%);background:-o-linear-gradient(top,#ededed 0,#fff 100%);background:-ms-linear-gradient(top,#ededed 0,#fff 100%);background:linear-gradient(to bottom,#ededed 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#ffffff',GradientType=0)}.cke_hc a.cke_dialog_tab:hover,.cke_hc a.cke_dialog_tab_selected{border:3px solid;padding:2px 6px}a.cke_dialog_tab_disabled{color:#bababa;cursor:default}.cke_single_page .cke_dialog_tabs{display:none}.cke_single_page .cke_dialog_contents{padding-top:5px;margin-top:0;border-top:0}.cke_dialog_close_button{background-image:url(images/close.png);background-repeat:no-repeat;background-position:50%;position:absolute;cursor:pointer;text-align:center;height:20px;width:20px;top:5px;z-index:5;opacity:.8;filter:alpha(opacity = 80)}.cke_dialog_close_button:hover{opacity:1;filter:alpha(opacity = 100)}.cke_hidpi .cke_dialog_close_button{background-image:url(images/hidpi/close.png);background-size:16px}.cke_dialog_close_button span{display:none}.cke_hc .cke_dialog_close_button span{display:inline;cursor:pointer;font-weight:bold;position:relative;top:3px}.cke_ltr .cke_dialog_close_button{right:5px}.cke_rtl .cke_dialog_close_button{left:6px}.cke_dialog_close_button{top:4px}div.cke_disabled .cke_dialog_ui_labeled_content div *{background-color:#ddd;cursor:default}.cke_dialog_ui_vbox table,.cke_dialog_ui_hbox table{margin:auto}.cke_dialog_ui_vbox_child{padding:5px 0}.cke_dialog_ui_hbox{width:100%}.cke_dialog_ui_hbox_first,.cke_dialog_ui_hbox_child,.cke_dialog_ui_hbox_last{vertical-align:top}.cke_ltr .cke_dialog_ui_hbox_first,.cke_ltr .cke_dialog_ui_hbox_child{padding-right:10px}.cke_rtl .cke_dialog_ui_hbox_first,.cke_rtl .cke_dialog_ui_hbox_child{padding-left:10px}.cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,.cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child{padding-right:5px}.cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,.cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child{padding-left:5px;padding-right:0}.cke_hc div.cke_dialog_ui_input_text,.cke_hc div.cke_dialog_ui_input_password,.cke_hc div.cke_dialog_ui_input_textarea,.cke_hc div.cke_dialog_ui_input_select,.cke_hc div.cke_dialog_ui_input_file{border:1px solid}textarea.cke_dialog_ui_input_textarea{overflow:auto;resize:none}input.cke_dialog_ui_input_text,input.cke_dialog_ui_input_password,textarea.cke_dialog_ui_input_textarea{background-color:#fff;border:1px solid #c9cccf;border-top-color:#aeb3b9;padding:4px 6px;outline:0;width:100%;*width:95%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 2px rgba(0,0,0,.15) inset;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15) inset;box-shadow:0 1px 2px rgba(0,0,0,.15) inset}input.cke_dialog_ui_input_text:hover,input.cke_dialog_ui_input_password:hover,textarea.cke_dialog_ui_input_textarea:hover{border:1px solid #aeb3b9;border-top-color:#a0a6ad}input.cke_dialog_ui_input_text:focus,input.cke_dialog_ui_input_password:focus,textarea.cke_dialog_ui_input_textarea:focus,select.cke_dialog_ui_input_select:focus{outline:0;border:1px solid #139ff7;border-top-color:#1392e9}a.cke_dialog_ui_button{display:inline-block;*display:inline;*zoom:1;padding:4px 0;margin:0;text-align:center;color:#333;vertical-align:middle;cursor:pointer;border:1px solid #b6b6b6;border-bottom-color:#999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;background:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);background-image:-o-linear-gradient(top,#fff,#e4e4e4);background-image:-ms-linear-gradient(top,#fff,#e4e4e4);background-image:linear-gradient(top,#fff,#e4e4e4);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4')}span.cke_dialog_ui_button{padding:0 10px}a.cke_dialog_ui_button:hover{border-color:#9e9e9e;background:#ccc;background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ccc));background-image:-moz-linear-gradient(top,#f2f2f2,#ccc);background-image:-webkit-linear-gradient(top,#f2f2f2,#ccc);background-image:-o-linear-gradient(top,#f2f2f2,#ccc);background-image:-ms-linear-gradient(top,#f2f2f2,#ccc);background-image:linear-gradient(top,#f2f2f2,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f2f2f2',endColorstr='#cccccc')}a.cke_dialog_ui_button:focus,a.cke_dialog_ui_button:active{border-color:#969696;outline:0;-moz-box-shadow:0 0 6px rgba(0,0,0,.4) inset;-webkit-box-shadow:0 0 6px rgba(0,0,0,.4) inset;box-shadow:0 0 6px rgba(0,0,0,.4) inset}.cke_hc a.cke_dialog_ui_button:hover,.cke_hc a.cke_dialog_ui_button:focus,.cke_hc a.cke_dialog_ui_button:active{border:3px solid;padding-top:1px;padding-bottom:1px}.cke_hc a.cke_dialog_ui_button:hover span,.cke_hc a.cke_dialog_ui_button:focus span,.cke_hc a.cke_dialog_ui_button:active span{padding-left:10px;padding-right:10px}.cke_dialog_footer_buttons a.cke_dialog_ui_button span{color:inherit;font-size:12px;font-weight:bold;line-height:18px;padding:0 12px}a.cke_dialog_ui_button_ok{color:#fff;text-shadow:0 -1px 0 #55830c;border-color:#62a60a #62a60a #4d9200;background:#69b10b;background-image:-webkit-gradient(linear,0 0,0 100%,from(#9ad717),to(#69b10b));background-image:-webkit-linear-gradient(top,#9ad717,#69b10b);background-image:-o-linear-gradient(top,#9ad717,#69b10b);background-image:linear-gradient(to bottom,#9ad717,#69b10b);background-image:-moz-linear-gradient(top,#9ad717,#69b10b);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#9ad717',endColorstr='#69b10b')}a.cke_dialog_ui_button_ok:hover{border-color:#5b9909 #5b9909 #478500;background:#88be14;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#88be14),color-stop(100%,#5d9c0a));background:-webkit-linear-gradient(top,#88be14 0,#5d9c0a 100%);background:-o-linear-gradient(top,#88be14 0,#5d9c0a 100%);background:linear-gradient(to bottom,#88be14 0,#5d9c0a 100%);background:-moz-linear-gradient(top,#88be14 0,#5d9c0a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#88be14',endColorstr='#5d9c0a',GradientType=0)}a.cke_dialog_ui_button span{text-shadow:0 1px 0 #fff}a.cke_dialog_ui_button_ok span{text-shadow:0 -1px 0 #55830c}span.cke_dialog_ui_button{cursor:pointer}a.cke_dialog_ui_button_ok:focus,a.cke_dialog_ui_button_ok:active,a.cke_dialog_ui_button_cancel:focus,a.cke_dialog_ui_button_cancel:active{border-width:2px;padding:3px 0}a.cke_dialog_ui_button_ok:focus,a.cke_dialog_ui_button_ok:active{border-color:#568c0a}a.cke_dialog_ui_button_ok:focus span,a.cke_dialog_ui_button_ok:active span,a.cke_dialog_ui_button_cancel:focus span,a.cke_dialog_ui_button_cancel:active span{padding:0 11px}.cke_dialog_footer_buttons{display:inline-table;margin:5px;width:auto;position:relative;vertical-align:middle}div.cke_dialog_ui_input_select{display:table}select.cke_dialog_ui_input_select{height:25px;line-height:25px;background-color:#fff;border:1px solid #c9cccf;border-top-color:#aeb3b9;padding:3px 3px 3px 6px;outline:0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 2px rgba(0,0,0,.15) inset;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15) inset;box-shadow:0 1px 2px rgba(0,0,0,.15) inset}.cke_dialog_ui_input_file{width:100%;height:25px}.cke_hc .cke_dialog_ui_labeled_content input:focus,.cke_hc .cke_dialog_ui_labeled_content select:focus,.cke_hc .cke_dialog_ui_labeled_content textarea:focus{outline:1px dotted}.cke_dialog .cke_dark_background{background-color:#dedede}.cke_dialog .cke_light_background{background-color:#ebebeb}.cke_dialog .cke_centered{text-align:center}.cke_dialog a.cke_btn_reset{float:right;background:url(images/refresh.png) top left no-repeat;width:16px;height:16px;border:1px none;font-size:1px}.cke_hidpi .cke_dialog a.cke_btn_reset{background-size:16px;background-image:url(images/hidpi/refresh.png)}.cke_rtl .cke_dialog a.cke_btn_reset{float:left}.cke_dialog a.cke_btn_locked,.cke_dialog a.cke_btn_unlocked{float:left;width:16px;height:16px;background-repeat:no-repeat;border:none 1px;font-size:1px}.cke_dialog a.cke_btn_locked .cke_icon{display:none}.cke_rtl .cke_dialog a.cke_btn_locked,.cke_rtl .cke_dialog a.cke_btn_unlocked{float:right}.cke_dialog a.cke_btn_locked{background-image:url(images/lock.png)}.cke_dialog a.cke_btn_unlocked{background-image:url(images/lock-open.png)}.cke_hidpi .cke_dialog a.cke_btn_unlocked,.cke_hidpi .cke_dialog a.cke_btn_locked{background-size:16px}.cke_hidpi .cke_dialog a.cke_btn_locked{background-image:url(images/hidpi/lock.png)}.cke_hidpi .cke_dialog a.cke_btn_unlocked{background-image:url(images/hidpi/lock-open.png)}.cke_dialog .cke_btn_over{border:outset 1px;cursor:pointer}.cke_dialog .ImagePreviewBox{border:2px ridge black;overflow:scroll;height:200px;width:300px;padding:2px;background-color:white}.cke_dialog .ImagePreviewBox table td{white-space:normal}.cke_dialog .ImagePreviewLoader{position:absolute;white-space:normal;overflow:hidden;height:160px;width:230px;margin:2px;padding:2px;opacity:.9;filter:alpha(opacity = 90);background-color:#e4e4e4}.cke_dialog .FlashPreviewBox{white-space:normal;border:2px ridge black;overflow:auto;height:160px;width:390px;padding:2px;background-color:white}.cke_dialog .cke_pastetext{width:346px;height:170px}.cke_dialog .cke_pastetext textarea{width:340px;height:170px;resize:none}.cke_dialog iframe.cke_pasteframe{width:346px;height:130px;background-color:white;border:1px solid #aeb3b9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.cke_dialog .cke_hand{cursor:pointer}.cke_disabled{color:#a0a0a0}.cke_dialog_body .cke_label{display:none}.cke_dialog_body label{display:inline;margin-bottom:auto;cursor:default}.cke_dialog_body label.cke_required{font-weight:bold}a.cke_smile{overflow:hidden;display:block;text-align:center;padding:.3em 0}a.cke_smile img{vertical-align:middle}a.cke_specialchar{cursor:inherit;display:block;height:1.25em;padding:.2em .3em;text-align:center}a.cke_smile,a.cke_specialchar{border:1px solid transparent}a.cke_smile:hover,a.cke_smile:focus,a.cke_smile:active,a.cke_specialchar:hover,a.cke_specialchar:focus,a.cke_specialchar:active{background:#fff;outline:0}a.cke_smile:hover,a.cke_specialchar:hover{border-color:#888}a.cke_smile:focus,a.cke_smile:active,a.cke_specialchar:focus,a.cke_specialchar:active{border-color:#139ff7}.cke_dialog_contents a.colorChooser{display:block;margin-top:6px;margin-left:10px;width:80px}.cke_rtl .cke_dialog_contents a.colorChooser{margin-right:10px}.cke_dialog_ui_checkbox_input:focus,.cke_dialog_ui_radio_input:focus,.cke_btn_over{outline:1px dotted #696969}.cke_iframe_shim{display:block;position:absolute;top:0;left:0;z-index:-1;filter:alpha(opacity = 0);width:100%;height:100%}.cke_rtl input.cke_dialog_ui_input_text,.cke_rtl input.cke_dialog_ui_input_password{padding-right:2px}.cke_rtl div.cke_dialog_ui_input_text,.cke_rtl div.cke_dialog_ui_input_password{padding-left:2px}.cke_rtl div.cke_dialog_ui_input_text{padding-right:1px}.cke_rtl .cke_dialog_ui_vbox_child,.cke_rtl .cke_dialog_ui_hbox_child,.cke_rtl .cke_dialog_ui_hbox_first,.cke_rtl .cke_dialog_ui_hbox_last{padding-right:2px!important}.cke_hc .cke_dialog_title,.cke_hc .cke_dialog_footer,.cke_hc a.cke_dialog_tab,.cke_hc a.cke_dialog_ui_button,.cke_hc a.cke_dialog_ui_button:hover,.cke_hc a.cke_dialog_ui_button_ok,.cke_hc a.cke_dialog_ui_button_ok:hover{filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.cke_hc div.cke_dialog_ui_input_text,.cke_hc div.cke_dialog_ui_input_password,.cke_hc div.cke_dialog_ui_input_textarea,.cke_hc div.cke_dialog_ui_input_select,.cke_hc div.cke_dialog_ui_input_file{border:0}.cke_dialog_title{zoom:1}.cke_dialog_footer{border-top:1px solid #bfbfbf}.cke_dialog_footer_buttons{position:static}.cke_dialog_footer_buttons a.cke_dialog_ui_button{vertical-align:top}.cke_dialog .cke_resizer_ltr{padding-left:4px}.cke_dialog .cke_resizer_rtl{padding-right:4px}.cke_dialog_ui_input_text,.cke_dialog_ui_input_password,.cke_dialog_ui_input_textarea,.cke_dialog_ui_input_select{padding:0!important}.cke_dialog_ui_checkbox_input,.cke_dialog_ui_ratio_input,.cke_btn_reset,.cke_btn_locked,.cke_btn_unlocked{border:1px solid transparent!important}
\ No newline at end of file
diff --git a/resoft/ckeditor/skins/moono/dialog_ie8.css b/resoft/ckeditor/skins/moono/dialog_ie8.css
new file mode 100644
index 0000000..89b1664
--- /dev/null
+++ b/resoft/ckeditor/skins/moono/dialog_ie8.css
@@ -0,0 +1,5 @@
+/*
+Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+.cke_dialog{visibility:visible}.cke_dialog_body{z-index:1;background:#eaeaea;border:1px solid #b2b2b2;border-bottom-color:#999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 3px rgba(0,0,0,.15);-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.15)}.cke_dialog strong{font-weight:bold}.cke_dialog_title{font-weight:bold;font-size:13px;cursor:move;position:relative;color:#474747;text-shadow:0 1px 0 rgba(255,255,255,.75);border-bottom:1px solid #999;padding:6px 10px;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#cfd1cf));background-image:-moz-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-webkit-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-o-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-ms-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:linear-gradient(top,#f5f5f5,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f5f5f5',endColorstr='#cfd1cf')}.cke_dialog_contents{background-color:#fff;overflow:auto;padding:15px 10px 5px 10px;margin-top:30px;border-top:1px solid #bfbfbf;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.cke_dialog_contents_body{overflow:auto;padding:17px 10px 5px 10px;margin-top:22px}.cke_dialog_footer{text-align:right;position:relative;border:0;outline:1px solid #bfbfbf;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#cfd1cf));background-image:-moz-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-webkit-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-o-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-ms-linear-gradient(top,#ebebeb,#cfd1cf);background-image:linear-gradient(top,#ebebeb,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ebebeb',endColorstr='#cfd1cf')}.cke_rtl .cke_dialog_footer{text-align:left}.cke_hc .cke_dialog_footer{outline:0;border-top:1px solid #fff}.cke_dialog .cke_resizer{margin-top:22px}.cke_dialog .cke_resizer_rtl{margin-left:5px}.cke_dialog .cke_resizer_ltr{margin-right:5px}.cke_dialog_tabs{height:24px;display:inline-block;margin:5px 0 0;position:absolute;z-index:2;left:10px}.cke_rtl .cke_dialog_tabs{right:10px}a.cke_dialog_tab{height:16px;padding:4px 8px;margin-right:3px;display:inline-block;cursor:pointer;line-height:16px;outline:0;color:#595959;border:1px solid #bfbfbf;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;background:#d4d4d4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#ededed));background-image:-moz-linear-gradient(top,#fafafa,#ededed);background-image:-webkit-linear-gradient(top,#fafafa,#ededed);background-image:-o-linear-gradient(top,#fafafa,#ededed);background-image:-ms-linear-gradient(top,#fafafa,#ededed);background-image:linear-gradient(top,#fafafa,#ededed);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#fafafa',endColorstr='#ededed')}.cke_rtl a.cke_dialog_tab{margin-right:0;margin-left:3px}a.cke_dialog_tab:hover{background:#ebebeb;background:-moz-linear-gradient(top,#ebebeb 0,#dfdfdf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ebebeb),color-stop(100%,#dfdfdf));background:-webkit-linear-gradient(top,#ebebeb 0,#dfdfdf 100%);background:-o-linear-gradient(top,#ebebeb 0,#dfdfdf 100%);background:-ms-linear-gradient(top,#ebebeb 0,#dfdfdf 100%);background:linear-gradient(to bottom,#ebebeb 0,#dfdfdf 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb',endColorstr='#dfdfdf',GradientType=0)}a.cke_dialog_tab_selected{background:#fff;color:#383838;border-bottom-color:#fff;cursor:default;filter:none}a.cke_dialog_tab_selected:hover{background:#ededed;background:-moz-linear-gradient(top,#ededed 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ededed),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#ededed 0,#fff 100%);background:-o-linear-gradient(top,#ededed 0,#fff 100%);background:-ms-linear-gradient(top,#ededed 0,#fff 100%);background:linear-gradient(to bottom,#ededed 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#ffffff',GradientType=0)}.cke_hc a.cke_dialog_tab:hover,.cke_hc a.cke_dialog_tab_selected{border:3px solid;padding:2px 6px}a.cke_dialog_tab_disabled{color:#bababa;cursor:default}.cke_single_page .cke_dialog_tabs{display:none}.cke_single_page .cke_dialog_contents{padding-top:5px;margin-top:0;border-top:0}.cke_dialog_close_button{background-image:url(images/close.png);background-repeat:no-repeat;background-position:50%;position:absolute;cursor:pointer;text-align:center;height:20px;width:20px;top:5px;z-index:5;opacity:.8;filter:alpha(opacity = 80)}.cke_dialog_close_button:hover{opacity:1;filter:alpha(opacity = 100)}.cke_hidpi .cke_dialog_close_button{background-image:url(images/hidpi/close.png);background-size:16px}.cke_dialog_close_button span{display:none}.cke_hc .cke_dialog_close_button span{display:inline;cursor:pointer;font-weight:bold;position:relative;top:3px}.cke_ltr .cke_dialog_close_button{right:5px}.cke_rtl .cke_dialog_close_button{left:6px}.cke_dialog_close_button{top:4px}div.cke_disabled .cke_dialog_ui_labeled_content div *{background-color:#ddd;cursor:default}.cke_dialog_ui_vbox table,.cke_dialog_ui_hbox table{margin:auto}.cke_dialog_ui_vbox_child{padding:5px 0}.cke_dialog_ui_hbox{width:100%}.cke_dialog_ui_hbox_first,.cke_dialog_ui_hbox_child,.cke_dialog_ui_hbox_last{vertical-align:top}.cke_ltr .cke_dialog_ui_hbox_first,.cke_ltr .cke_dialog_ui_hbox_child{padding-right:10px}.cke_rtl .cke_dialog_ui_hbox_first,.cke_rtl .cke_dialog_ui_hbox_child{padding-left:10px}.cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,.cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child{padding-right:5px}.cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,.cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child{padding-left:5px;padding-right:0}.cke_hc div.cke_dialog_ui_input_text,.cke_hc div.cke_dialog_ui_input_password,.cke_hc div.cke_dialog_ui_input_textarea,.cke_hc div.cke_dialog_ui_input_select,.cke_hc div.cke_dialog_ui_input_file{border:1px solid}textarea.cke_dialog_ui_input_textarea{overflow:auto;resize:none}input.cke_dialog_ui_input_text,input.cke_dialog_ui_input_password,textarea.cke_dialog_ui_input_textarea{background-color:#fff;border:1px solid #c9cccf;border-top-color:#aeb3b9;padding:4px 6px;outline:0;width:100%;*width:95%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 2px rgba(0,0,0,.15) inset;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15) inset;box-shadow:0 1px 2px rgba(0,0,0,.15) inset}input.cke_dialog_ui_input_text:hover,input.cke_dialog_ui_input_password:hover,textarea.cke_dialog_ui_input_textarea:hover{border:1px solid #aeb3b9;border-top-color:#a0a6ad}input.cke_dialog_ui_input_text:focus,input.cke_dialog_ui_input_password:focus,textarea.cke_dialog_ui_input_textarea:focus,select.cke_dialog_ui_input_select:focus{outline:0;border:1px solid #139ff7;border-top-color:#1392e9}a.cke_dialog_ui_button{display:inline-block;*display:inline;*zoom:1;padding:4px 0;margin:0;text-align:center;color:#333;vertical-align:middle;cursor:pointer;border:1px solid #b6b6b6;border-bottom-color:#999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;background:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);background-image:-o-linear-gradient(top,#fff,#e4e4e4);background-image:-ms-linear-gradient(top,#fff,#e4e4e4);background-image:linear-gradient(top,#fff,#e4e4e4);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4')}span.cke_dialog_ui_button{padding:0 10px}a.cke_dialog_ui_button:hover{border-color:#9e9e9e;background:#ccc;background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ccc));background-image:-moz-linear-gradient(top,#f2f2f2,#ccc);background-image:-webkit-linear-gradient(top,#f2f2f2,#ccc);background-image:-o-linear-gradient(top,#f2f2f2,#ccc);background-image:-ms-linear-gradient(top,#f2f2f2,#ccc);background-image:linear-gradient(top,#f2f2f2,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f2f2f2',endColorstr='#cccccc')}a.cke_dialog_ui_button:focus,a.cke_dialog_ui_button:active{border-color:#969696;outline:0;-moz-box-shadow:0 0 6px rgba(0,0,0,.4) inset;-webkit-box-shadow:0 0 6px rgba(0,0,0,.4) inset;box-shadow:0 0 6px rgba(0,0,0,.4) inset}.cke_hc a.cke_dialog_ui_button:hover,.cke_hc a.cke_dialog_ui_button:focus,.cke_hc a.cke_dialog_ui_button:active{border:3px solid;padding-top:1px;padding-bottom:1px}.cke_hc a.cke_dialog_ui_button:hover span,.cke_hc a.cke_dialog_ui_button:focus span,.cke_hc a.cke_dialog_ui_button:active span{padding-left:10px;padding-right:10px}.cke_dialog_footer_buttons a.cke_dialog_ui_button span{color:inherit;font-size:12px;font-weight:bold;line-height:18px;padding:0 12px}a.cke_dialog_ui_button_ok{color:#fff;text-shadow:0 -1px 0 #55830c;border-color:#62a60a #62a60a #4d9200;background:#69b10b;background-image:-webkit-gradient(linear,0 0,0 100%,from(#9ad717),to(#69b10b));background-image:-webkit-linear-gradient(top,#9ad717,#69b10b);background-image:-o-linear-gradient(top,#9ad717,#69b10b);background-image:linear-gradient(to bottom,#9ad717,#69b10b);background-image:-moz-linear-gradient(top,#9ad717,#69b10b);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#9ad717',endColorstr='#69b10b')}a.cke_dialog_ui_button_ok:hover{border-color:#5b9909 #5b9909 #478500;background:#88be14;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#88be14),color-stop(100%,#5d9c0a));background:-webkit-linear-gradient(top,#88be14 0,#5d9c0a 100%);background:-o-linear-gradient(top,#88be14 0,#5d9c0a 100%);background:linear-gradient(to bottom,#88be14 0,#5d9c0a 100%);background:-moz-linear-gradient(top,#88be14 0,#5d9c0a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#88be14',endColorstr='#5d9c0a',GradientType=0)}a.cke_dialog_ui_button span{text-shadow:0 1px 0 #fff}a.cke_dialog_ui_button_ok span{text-shadow:0 -1px 0 #55830c}span.cke_dialog_ui_button{cursor:pointer}a.cke_dialog_ui_button_ok:focus,a.cke_dialog_ui_button_ok:active,a.cke_dialog_ui_button_cancel:focus,a.cke_dialog_ui_button_cancel:active{border-width:2px;padding:3px 0}a.cke_dialog_ui_button_ok:focus,a.cke_dialog_ui_button_ok:active{border-color:#568c0a}a.cke_dialog_ui_button_ok:focus span,a.cke_dialog_ui_button_ok:active span,a.cke_dialog_ui_button_cancel:focus span,a.cke_dialog_ui_button_cancel:active span{padding:0 11px}.cke_dialog_footer_buttons{display:inline-table;margin:5px;width:auto;position:relative;vertical-align:middle}div.cke_dialog_ui_input_select{display:table}select.cke_dialog_ui_input_select{height:25px;line-height:25px;background-color:#fff;border:1px solid #c9cccf;border-top-color:#aeb3b9;padding:3px 3px 3px 6px;outline:0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 2px rgba(0,0,0,.15) inset;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15) inset;box-shadow:0 1px 2px rgba(0,0,0,.15) inset}.cke_dialog_ui_input_file{width:100%;height:25px}.cke_hc .cke_dialog_ui_labeled_content input:focus,.cke_hc .cke_dialog_ui_labeled_content select:focus,.cke_hc .cke_dialog_ui_labeled_content textarea:focus{outline:1px dotted}.cke_dialog .cke_dark_background{background-color:#dedede}.cke_dialog .cke_light_background{background-color:#ebebeb}.cke_dialog .cke_centered{text-align:center}.cke_dialog a.cke_btn_reset{float:right;background:url(images/refresh.png) top left no-repeat;width:16px;height:16px;border:1px none;font-size:1px}.cke_hidpi .cke_dialog a.cke_btn_reset{background-size:16px;background-image:url(images/hidpi/refresh.png)}.cke_rtl .cke_dialog a.cke_btn_reset{float:left}.cke_dialog a.cke_btn_locked,.cke_dialog a.cke_btn_unlocked{float:left;width:16px;height:16px;background-repeat:no-repeat;border:none 1px;font-size:1px}.cke_dialog a.cke_btn_locked .cke_icon{display:none}.cke_rtl .cke_dialog a.cke_btn_locked,.cke_rtl .cke_dialog a.cke_btn_unlocked{float:right}.cke_dialog a.cke_btn_locked{background-image:url(images/lock.png)}.cke_dialog a.cke_btn_unlocked{background-image:url(images/lock-open.png)}.cke_hidpi .cke_dialog a.cke_btn_unlocked,.cke_hidpi .cke_dialog a.cke_btn_locked{background-size:16px}.cke_hidpi .cke_dialog a.cke_btn_locked{background-image:url(images/hidpi/lock.png)}.cke_hidpi .cke_dialog a.cke_btn_unlocked{background-image:url(images/hidpi/lock-open.png)}.cke_dialog .cke_btn_over{border:outset 1px;cursor:pointer}.cke_dialog .ImagePreviewBox{border:2px ridge black;overflow:scroll;height:200px;width:300px;padding:2px;background-color:white}.cke_dialog .ImagePreviewBox table td{white-space:normal}.cke_dialog .ImagePreviewLoader{position:absolute;white-space:normal;overflow:hidden;height:160px;width:230px;margin:2px;padding:2px;opacity:.9;filter:alpha(opacity = 90);background-color:#e4e4e4}.cke_dialog .FlashPreviewBox{white-space:normal;border:2px ridge black;overflow:auto;height:160px;width:390px;padding:2px;background-color:white}.cke_dialog .cke_pastetext{width:346px;height:170px}.cke_dialog .cke_pastetext textarea{width:340px;height:170px;resize:none}.cke_dialog iframe.cke_pasteframe{width:346px;height:130px;background-color:white;border:1px solid #aeb3b9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.cke_dialog .cke_hand{cursor:pointer}.cke_disabled{color:#a0a0a0}.cke_dialog_body .cke_label{display:none}.cke_dialog_body label{display:inline;margin-bottom:auto;cursor:default}.cke_dialog_body label.cke_required{font-weight:bold}a.cke_smile{overflow:hidden;display:block;text-align:center;padding:.3em 0}a.cke_smile img{vertical-align:middle}a.cke_specialchar{cursor:inherit;display:block;height:1.25em;padding:.2em .3em;text-align:center}a.cke_smile,a.cke_specialchar{border:1px solid transparent}a.cke_smile:hover,a.cke_smile:focus,a.cke_smile:active,a.cke_specialchar:hover,a.cke_specialchar:focus,a.cke_specialchar:active{background:#fff;outline:0}a.cke_smile:hover,a.cke_specialchar:hover{border-color:#888}a.cke_smile:focus,a.cke_smile:active,a.cke_specialchar:focus,a.cke_specialchar:active{border-color:#139ff7}.cke_dialog_contents a.colorChooser{display:block;margin-top:6px;margin-left:10px;width:80px}.cke_rtl .cke_dialog_contents a.colorChooser{margin-right:10px}.cke_dialog_ui_checkbox_input:focus,.cke_dialog_ui_radio_input:focus,.cke_btn_over{outline:1px dotted #696969}.cke_iframe_shim{display:block;position:absolute;top:0;left:0;z-index:-1;filter:alpha(opacity = 0);width:100%;height:100%}.cke_rtl input.cke_dialog_ui_input_text,.cke_rtl input.cke_dialog_ui_input_password{padding-right:2px}.cke_rtl div.cke_dialog_ui_input_text,.cke_rtl div.cke_dialog_ui_input_password{padding-left:2px}.cke_rtl div.cke_dialog_ui_input_text{padding-right:1px}.cke_rtl .cke_dialog_ui_vbox_child,.cke_rtl .cke_dialog_ui_hbox_child,.cke_rtl .cke_dialog_ui_hbox_first,.cke_rtl .cke_dialog_ui_hbox_last{padding-right:2px!important}.cke_hc .cke_dialog_title,.cke_hc .cke_dialog_footer,.cke_hc a.cke_dialog_tab,.cke_hc a.cke_dialog_ui_button,.cke_hc a.cke_dialog_ui_button:hover,.cke_hc a.cke_dialog_ui_button_ok,.cke_hc a.cke_dialog_ui_button_ok:hover{filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.cke_hc div.cke_dialog_ui_input_text,.cke_hc div.cke_dialog_ui_input_password,.cke_hc div.cke_dialog_ui_input_textarea,.cke_hc div.cke_dialog_ui_input_select,.cke_hc div.cke_dialog_ui_input_file{border:0}a.cke_dialog_ui_button_ok:focus span,a.cke_dialog_ui_button_ok:active span,a.cke_dialog_ui_button_cancel:focus span,a.cke_dialog_ui_button_cancel:active span{display:block}
\ No newline at end of file
diff --git a/resoft/ckeditor/skins/moono/dialog_iequirks.css b/resoft/ckeditor/skins/moono/dialog_iequirks.css
new file mode 100644
index 0000000..a168d84
--- /dev/null
+++ b/resoft/ckeditor/skins/moono/dialog_iequirks.css
@@ -0,0 +1,5 @@
+/*
+Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+.cke_dialog{visibility:visible}.cke_dialog_body{z-index:1;background:#eaeaea;border:1px solid #b2b2b2;border-bottom-color:#999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 3px rgba(0,0,0,.15);-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.15)}.cke_dialog strong{font-weight:bold}.cke_dialog_title{font-weight:bold;font-size:13px;cursor:move;position:relative;color:#474747;text-shadow:0 1px 0 rgba(255,255,255,.75);border-bottom:1px solid #999;padding:6px 10px;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#cfd1cf));background-image:-moz-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-webkit-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-o-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-ms-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:linear-gradient(top,#f5f5f5,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f5f5f5',endColorstr='#cfd1cf')}.cke_dialog_contents{background-color:#fff;overflow:auto;padding:15px 10px 5px 10px;margin-top:30px;border-top:1px solid #bfbfbf;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.cke_dialog_contents_body{overflow:auto;padding:17px 10px 5px 10px;margin-top:22px}.cke_dialog_footer{text-align:right;position:relative;border:0;outline:1px solid #bfbfbf;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#cfd1cf));background-image:-moz-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-webkit-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-o-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-ms-linear-gradient(top,#ebebeb,#cfd1cf);background-image:linear-gradient(top,#ebebeb,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ebebeb',endColorstr='#cfd1cf')}.cke_rtl .cke_dialog_footer{text-align:left}.cke_hc .cke_dialog_footer{outline:0;border-top:1px solid #fff}.cke_dialog .cke_resizer{margin-top:22px}.cke_dialog .cke_resizer_rtl{margin-left:5px}.cke_dialog .cke_resizer_ltr{margin-right:5px}.cke_dialog_tabs{height:24px;display:inline-block;margin:5px 0 0;position:absolute;z-index:2;left:10px}.cke_rtl .cke_dialog_tabs{right:10px}a.cke_dialog_tab{height:16px;padding:4px 8px;margin-right:3px;display:inline-block;cursor:pointer;line-height:16px;outline:0;color:#595959;border:1px solid #bfbfbf;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;background:#d4d4d4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#ededed));background-image:-moz-linear-gradient(top,#fafafa,#ededed);background-image:-webkit-linear-gradient(top,#fafafa,#ededed);background-image:-o-linear-gradient(top,#fafafa,#ededed);background-image:-ms-linear-gradient(top,#fafafa,#ededed);background-image:linear-gradient(top,#fafafa,#ededed);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#fafafa',endColorstr='#ededed')}.cke_rtl a.cke_dialog_tab{margin-right:0;margin-left:3px}a.cke_dialog_tab:hover{background:#ebebeb;background:-moz-linear-gradient(top,#ebebeb 0,#dfdfdf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ebebeb),color-stop(100%,#dfdfdf));background:-webkit-linear-gradient(top,#ebebeb 0,#dfdfdf 100%);background:-o-linear-gradient(top,#ebebeb 0,#dfdfdf 100%);background:-ms-linear-gradient(top,#ebebeb 0,#dfdfdf 100%);background:linear-gradient(to bottom,#ebebeb 0,#dfdfdf 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb',endColorstr='#dfdfdf',GradientType=0)}a.cke_dialog_tab_selected{background:#fff;color:#383838;border-bottom-color:#fff;cursor:default;filter:none}a.cke_dialog_tab_selected:hover{background:#ededed;background:-moz-linear-gradient(top,#ededed 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ededed),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#ededed 0,#fff 100%);background:-o-linear-gradient(top,#ededed 0,#fff 100%);background:-ms-linear-gradient(top,#ededed 0,#fff 100%);background:linear-gradient(to bottom,#ededed 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#ffffff',GradientType=0)}.cke_hc a.cke_dialog_tab:hover,.cke_hc a.cke_dialog_tab_selected{border:3px solid;padding:2px 6px}a.cke_dialog_tab_disabled{color:#bababa;cursor:default}.cke_single_page .cke_dialog_tabs{display:none}.cke_single_page .cke_dialog_contents{padding-top:5px;margin-top:0;border-top:0}.cke_dialog_close_button{background-image:url(images/close.png);background-repeat:no-repeat;background-position:50%;position:absolute;cursor:pointer;text-align:center;height:20px;width:20px;top:5px;z-index:5;opacity:.8;filter:alpha(opacity = 80)}.cke_dialog_close_button:hover{opacity:1;filter:alpha(opacity = 100)}.cke_hidpi .cke_dialog_close_button{background-image:url(images/hidpi/close.png);background-size:16px}.cke_dialog_close_button span{display:none}.cke_hc .cke_dialog_close_button span{display:inline;cursor:pointer;font-weight:bold;position:relative;top:3px}.cke_ltr .cke_dialog_close_button{right:5px}.cke_rtl .cke_dialog_close_button{left:6px}.cke_dialog_close_button{top:4px}div.cke_disabled .cke_dialog_ui_labeled_content div *{background-color:#ddd;cursor:default}.cke_dialog_ui_vbox table,.cke_dialog_ui_hbox table{margin:auto}.cke_dialog_ui_vbox_child{padding:5px 0}.cke_dialog_ui_hbox{width:100%}.cke_dialog_ui_hbox_first,.cke_dialog_ui_hbox_child,.cke_dialog_ui_hbox_last{vertical-align:top}.cke_ltr .cke_dialog_ui_hbox_first,.cke_ltr .cke_dialog_ui_hbox_child{padding-right:10px}.cke_rtl .cke_dialog_ui_hbox_first,.cke_rtl .cke_dialog_ui_hbox_child{padding-left:10px}.cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,.cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child{padding-right:5px}.cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,.cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child{padding-left:5px;padding-right:0}.cke_hc div.cke_dialog_ui_input_text,.cke_hc div.cke_dialog_ui_input_password,.cke_hc div.cke_dialog_ui_input_textarea,.cke_hc div.cke_dialog_ui_input_select,.cke_hc div.cke_dialog_ui_input_file{border:1px solid}textarea.cke_dialog_ui_input_textarea{overflow:auto;resize:none}input.cke_dialog_ui_input_text,input.cke_dialog_ui_input_password,textarea.cke_dialog_ui_input_textarea{background-color:#fff;border:1px solid #c9cccf;border-top-color:#aeb3b9;padding:4px 6px;outline:0;width:100%;*width:95%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 2px rgba(0,0,0,.15) inset;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15) inset;box-shadow:0 1px 2px rgba(0,0,0,.15) inset}input.cke_dialog_ui_input_text:hover,input.cke_dialog_ui_input_password:hover,textarea.cke_dialog_ui_input_textarea:hover{border:1px solid #aeb3b9;border-top-color:#a0a6ad}input.cke_dialog_ui_input_text:focus,input.cke_dialog_ui_input_password:focus,textarea.cke_dialog_ui_input_textarea:focus,select.cke_dialog_ui_input_select:focus{outline:0;border:1px solid #139ff7;border-top-color:#1392e9}a.cke_dialog_ui_button{display:inline-block;*display:inline;*zoom:1;padding:4px 0;margin:0;text-align:center;color:#333;vertical-align:middle;cursor:pointer;border:1px solid #b6b6b6;border-bottom-color:#999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;background:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);background-image:-o-linear-gradient(top,#fff,#e4e4e4);background-image:-ms-linear-gradient(top,#fff,#e4e4e4);background-image:linear-gradient(top,#fff,#e4e4e4);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4')}span.cke_dialog_ui_button{padding:0 10px}a.cke_dialog_ui_button:hover{border-color:#9e9e9e;background:#ccc;background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ccc));background-image:-moz-linear-gradient(top,#f2f2f2,#ccc);background-image:-webkit-linear-gradient(top,#f2f2f2,#ccc);background-image:-o-linear-gradient(top,#f2f2f2,#ccc);background-image:-ms-linear-gradient(top,#f2f2f2,#ccc);background-image:linear-gradient(top,#f2f2f2,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f2f2f2',endColorstr='#cccccc')}a.cke_dialog_ui_button:focus,a.cke_dialog_ui_button:active{border-color:#969696;outline:0;-moz-box-shadow:0 0 6px rgba(0,0,0,.4) inset;-webkit-box-shadow:0 0 6px rgba(0,0,0,.4) inset;box-shadow:0 0 6px rgba(0,0,0,.4) inset}.cke_hc a.cke_dialog_ui_button:hover,.cke_hc a.cke_dialog_ui_button:focus,.cke_hc a.cke_dialog_ui_button:active{border:3px solid;padding-top:1px;padding-bottom:1px}.cke_hc a.cke_dialog_ui_button:hover span,.cke_hc a.cke_dialog_ui_button:focus span,.cke_hc a.cke_dialog_ui_button:active span{padding-left:10px;padding-right:10px}.cke_dialog_footer_buttons a.cke_dialog_ui_button span{color:inherit;font-size:12px;font-weight:bold;line-height:18px;padding:0 12px}a.cke_dialog_ui_button_ok{color:#fff;text-shadow:0 -1px 0 #55830c;border-color:#62a60a #62a60a #4d9200;background:#69b10b;background-image:-webkit-gradient(linear,0 0,0 100%,from(#9ad717),to(#69b10b));background-image:-webkit-linear-gradient(top,#9ad717,#69b10b);background-image:-o-linear-gradient(top,#9ad717,#69b10b);background-image:linear-gradient(to bottom,#9ad717,#69b10b);background-image:-moz-linear-gradient(top,#9ad717,#69b10b);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#9ad717',endColorstr='#69b10b')}a.cke_dialog_ui_button_ok:hover{border-color:#5b9909 #5b9909 #478500;background:#88be14;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#88be14),color-stop(100%,#5d9c0a));background:-webkit-linear-gradient(top,#88be14 0,#5d9c0a 100%);background:-o-linear-gradient(top,#88be14 0,#5d9c0a 100%);background:linear-gradient(to bottom,#88be14 0,#5d9c0a 100%);background:-moz-linear-gradient(top,#88be14 0,#5d9c0a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#88be14',endColorstr='#5d9c0a',GradientType=0)}a.cke_dialog_ui_button span{text-shadow:0 1px 0 #fff}a.cke_dialog_ui_button_ok span{text-shadow:0 -1px 0 #55830c}span.cke_dialog_ui_button{cursor:pointer}a.cke_dialog_ui_button_ok:focus,a.cke_dialog_ui_button_ok:active,a.cke_dialog_ui_button_cancel:focus,a.cke_dialog_ui_button_cancel:active{border-width:2px;padding:3px 0}a.cke_dialog_ui_button_ok:focus,a.cke_dialog_ui_button_ok:active{border-color:#568c0a}a.cke_dialog_ui_button_ok:focus span,a.cke_dialog_ui_button_ok:active span,a.cke_dialog_ui_button_cancel:focus span,a.cke_dialog_ui_button_cancel:active span{padding:0 11px}.cke_dialog_footer_buttons{display:inline-table;margin:5px;width:auto;position:relative;vertical-align:middle}div.cke_dialog_ui_input_select{display:table}select.cke_dialog_ui_input_select{height:25px;line-height:25px;background-color:#fff;border:1px solid #c9cccf;border-top-color:#aeb3b9;padding:3px 3px 3px 6px;outline:0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 2px rgba(0,0,0,.15) inset;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15) inset;box-shadow:0 1px 2px rgba(0,0,0,.15) inset}.cke_dialog_ui_input_file{width:100%;height:25px}.cke_hc .cke_dialog_ui_labeled_content input:focus,.cke_hc .cke_dialog_ui_labeled_content select:focus,.cke_hc .cke_dialog_ui_labeled_content textarea:focus{outline:1px dotted}.cke_dialog .cke_dark_background{background-color:#dedede}.cke_dialog .cke_light_background{background-color:#ebebeb}.cke_dialog .cke_centered{text-align:center}.cke_dialog a.cke_btn_reset{float:right;background:url(images/refresh.png) top left no-repeat;width:16px;height:16px;border:1px none;font-size:1px}.cke_hidpi .cke_dialog a.cke_btn_reset{background-size:16px;background-image:url(images/hidpi/refresh.png)}.cke_rtl .cke_dialog a.cke_btn_reset{float:left}.cke_dialog a.cke_btn_locked,.cke_dialog a.cke_btn_unlocked{float:left;width:16px;height:16px;background-repeat:no-repeat;border:none 1px;font-size:1px}.cke_dialog a.cke_btn_locked .cke_icon{display:none}.cke_rtl .cke_dialog a.cke_btn_locked,.cke_rtl .cke_dialog a.cke_btn_unlocked{float:right}.cke_dialog a.cke_btn_locked{background-image:url(images/lock.png)}.cke_dialog a.cke_btn_unlocked{background-image:url(images/lock-open.png)}.cke_hidpi .cke_dialog a.cke_btn_unlocked,.cke_hidpi .cke_dialog a.cke_btn_locked{background-size:16px}.cke_hidpi .cke_dialog a.cke_btn_locked{background-image:url(images/hidpi/lock.png)}.cke_hidpi .cke_dialog a.cke_btn_unlocked{background-image:url(images/hidpi/lock-open.png)}.cke_dialog .cke_btn_over{border:outset 1px;cursor:pointer}.cke_dialog .ImagePreviewBox{border:2px ridge black;overflow:scroll;height:200px;width:300px;padding:2px;background-color:white}.cke_dialog .ImagePreviewBox table td{white-space:normal}.cke_dialog .ImagePreviewLoader{position:absolute;white-space:normal;overflow:hidden;height:160px;width:230px;margin:2px;padding:2px;opacity:.9;filter:alpha(opacity = 90);background-color:#e4e4e4}.cke_dialog .FlashPreviewBox{white-space:normal;border:2px ridge black;overflow:auto;height:160px;width:390px;padding:2px;background-color:white}.cke_dialog .cke_pastetext{width:346px;height:170px}.cke_dialog .cke_pastetext textarea{width:340px;height:170px;resize:none}.cke_dialog iframe.cke_pasteframe{width:346px;height:130px;background-color:white;border:1px solid #aeb3b9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.cke_dialog .cke_hand{cursor:pointer}.cke_disabled{color:#a0a0a0}.cke_dialog_body .cke_label{display:none}.cke_dialog_body label{display:inline;margin-bottom:auto;cursor:default}.cke_dialog_body label.cke_required{font-weight:bold}a.cke_smile{overflow:hidden;display:block;text-align:center;padding:.3em 0}a.cke_smile img{vertical-align:middle}a.cke_specialchar{cursor:inherit;display:block;height:1.25em;padding:.2em .3em;text-align:center}a.cke_smile,a.cke_specialchar{border:1px solid transparent}a.cke_smile:hover,a.cke_smile:focus,a.cke_smile:active,a.cke_specialchar:hover,a.cke_specialchar:focus,a.cke_specialchar:active{background:#fff;outline:0}a.cke_smile:hover,a.cke_specialchar:hover{border-color:#888}a.cke_smile:focus,a.cke_smile:active,a.cke_specialchar:focus,a.cke_specialchar:active{border-color:#139ff7}.cke_dialog_contents a.colorChooser{display:block;margin-top:6px;margin-left:10px;width:80px}.cke_rtl .cke_dialog_contents a.colorChooser{margin-right:10px}.cke_dialog_ui_checkbox_input:focus,.cke_dialog_ui_radio_input:focus,.cke_btn_over{outline:1px dotted #696969}.cke_iframe_shim{display:block;position:absolute;top:0;left:0;z-index:-1;filter:alpha(opacity = 0);width:100%;height:100%}.cke_rtl input.cke_dialog_ui_input_text,.cke_rtl input.cke_dialog_ui_input_password{padding-right:2px}.cke_rtl div.cke_dialog_ui_input_text,.cke_rtl div.cke_dialog_ui_input_password{padding-left:2px}.cke_rtl div.cke_dialog_ui_input_text{padding-right:1px}.cke_rtl .cke_dialog_ui_vbox_child,.cke_rtl .cke_dialog_ui_hbox_child,.cke_rtl .cke_dialog_ui_hbox_first,.cke_rtl .cke_dialog_ui_hbox_last{padding-right:2px!important}.cke_hc .cke_dialog_title,.cke_hc .cke_dialog_footer,.cke_hc a.cke_dialog_tab,.cke_hc a.cke_dialog_ui_button,.cke_hc a.cke_dialog_ui_button:hover,.cke_hc a.cke_dialog_ui_button_ok,.cke_hc a.cke_dialog_ui_button_ok:hover{filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.cke_hc div.cke_dialog_ui_input_text,.cke_hc div.cke_dialog_ui_input_password,.cke_hc div.cke_dialog_ui_input_textarea,.cke_hc div.cke_dialog_ui_input_select,.cke_hc div.cke_dialog_ui_input_file{border:0}.cke_dialog_footer{filter:""}
\ No newline at end of file
diff --git a/resoft/ckeditor/skins/moono/editor.css b/resoft/ckeditor/skins/moono/editor.css
new file mode 100644
index 0000000..48a0107
--- /dev/null
+++ b/resoft/ckeditor/skins/moono/editor.css
@@ -0,0 +1,5 @@
+/*
+Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+.cke_reset{margin:0;padding:0;border:0;background:transparent;text-decoration:none;width:auto;height:auto;vertical-align:baseline;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;position:static;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none}.cke_reset_all,.cke_reset_all *{margin:0;padding:0;border:0;background:transparent;text-decoration:none;width:auto;height:auto;vertical-align:baseline;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;position:static;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;border-collapse:collapse;font:normal normal normal 12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif;color:#000;text-align:left;white-space:nowrap;cursor:auto;float:none}.cke_reset_all .cke_rtl *{text-align:right}.cke_reset_all iframe{vertical-align:inherit}.cke_reset_all textarea{white-space:pre}.cke_reset_all textarea,.cke_reset_all input[type="text"],.cke_reset_all input[type="password"]{cursor:text}.cke_reset_all textarea[disabled],.cke_reset_all input[type="text"][disabled],.cke_reset_all input[type="password"][disabled]{cursor:default}.cke_reset_all fieldset{padding:10px;border:2px groove #e0dfe3}.cke_reset_all select{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.cke_reset_all table{table-layout:auto}.cke_chrome{display:block;border:1px solid #b6b6b6;padding:0;-moz-box-shadow:0 0 3px rgba(0,0,0,.15);-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.15)}.cke_inner{display:block;-webkit-touch-callout:none;background:#fff;padding:0}.cke_float{border:0}.cke_float .cke_inner{padding-bottom:0}.cke_top,.cke_contents,.cke_bottom{display:block;overflow:hidden}.cke_top{border-bottom:1px solid #b6b6b6;padding:6px 8px 2px;white-space:normal;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#cfd1cf));background-image:-moz-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-webkit-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-o-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-ms-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:linear-gradient(top,#f5f5f5,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f5f5f5',endColorstr='#cfd1cf')}.cke_float .cke_top{border:1px solid #b6b6b6;border-bottom-color:#999}.cke_bottom{padding:6px 8px 2px;position:relative;border-top:1px solid #bfbfbf;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#cfd1cf));background-image:-moz-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-webkit-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-o-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-ms-linear-gradient(top,#ebebeb,#cfd1cf);background-image:linear-gradient(top,#ebebeb,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ebebeb',endColorstr='#cfd1cf')}.cke_browser_ios .cke_contents{overflow-y:auto;-webkit-overflow-scrolling:touch}.cke_resizer{width:0;height:0;overflow:hidden;width:0;height:0;overflow:hidden;border-width:10px 10px 0 0;border-color:transparent #666 transparent transparent;border-style:dashed solid dashed dashed;font-size:0;vertical-align:bottom;margin-top:6px;margin-bottom:2px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.3);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:0 1px 0 rgba(255,255,255,.3)}.cke_hc .cke_resizer{font-size:15px;width:auto;height:auto;border-width:0}.cke_resizer_ltr{cursor:se-resize;float:right;margin-right:-4px}.cke_resizer_rtl{border-width:10px 0 0 10px;border-color:transparent transparent transparent #a5a5a5;border-style:dashed dashed dashed solid;cursor:sw-resize;float:left;margin-left:-4px;right:auto}.cke_wysiwyg_div{display:block;height:100%;overflow:auto;padding:0 8px;outline-style:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.cke_panel{visibility:visible;width:120px;height:100px;overflow:hidden;background-color:#fff;border:1px solid #b6b6b6;border-bottom-color:#999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 3px rgba(0,0,0,.15);-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.15)}.cke_menu_panel{padding:0;margin:0}.cke_combopanel{width:150px;height:170px}.cke_panel_frame{width:100%;height:100%;font-size:12px;overflow:auto;overflow-x:hidden}.cke_panel_container{overflow-y:auto;overflow-x:hidden}.cke_panel_list{list-style-type:none;margin:3px;padding:0;white-space:nowrap}.cke_panel_listItem{margin:0;padding-bottom:1px}.cke_panel_listItem a{padding:3px 4px;display:block;border:1px solid #fff;color:inherit!important;text-decoration:none;overflow:hidden;text-overflow:ellipsis;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}* html .cke_panel_listItem a{width:100%;color:#000}*:first-child+html .cke_panel_listItem a{color:#000}.cke_panel_listItem.cke_selected a{border:1px solid #dedede;background-color:#f2f2f2;-moz-box-shadow:0 0 2px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 0 2px rgba(0,0,0,.1) inset;box-shadow:0 0 2px rgba(0,0,0,.1) inset}.cke_panel_listItem a:hover,.cke_panel_listItem a:focus,.cke_panel_listItem a:active{border-color:#dedede;background-color:#f2f2f2;-moz-box-shadow:0 0 2px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 0 2px rgba(0,0,0,.1) inset;box-shadow:0 0 2px rgba(0,0,0,.1) inset}.cke_hc .cke_panel_listItem a{border-style:none}.cke_hc .cke_panel_listItem a:hover,.cke_hc .cke_panel_listItem a:focus,.cke_hc .cke_panel_listItem a:active{border:2px solid;padding:1px 2px}.cke_panel_grouptitle{cursor:default;font-size:11px;font-weight:bold;white-space:nowrap;margin:0;padding:4px 6px;color:#474747;text-shadow:0 1px 0 rgba(255,255,255,.75);border-bottom:1px solid #b6b6b6;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#cfd1cf));background-image:-moz-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-webkit-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-o-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-ms-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:linear-gradient(top,#f5f5f5,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f5f5f5',endColorstr='#cfd1cf')}.cke_panel_listItem p,.cke_panel_listItem h1,.cke_panel_listItem h2,.cke_panel_listItem h3,.cke_panel_listItem h4,.cke_panel_listItem h5,.cke_panel_listItem h6,.cke_panel_listItem pre{margin-top:0;margin-bottom:0}.cke_colorblock{padding:3px;font-size:11px;font-family:'Microsoft Sans Serif',Tahoma,Arial,Verdana,Sans-Serif}.cke_colorblock,.cke_colorblock a{text-decoration:none;color:#000}span.cke_colorbox{width:10px;height:10px;border:#808080 1px solid;float:left}.cke_rtl span.cke_colorbox{float:right}a.cke_colorbox{border:#fff 1px solid;padding:2px;float:left;width:12px;height:12px}.cke_rtl a.cke_colorbox{float:right}a:hover.cke_colorbox,a:focus.cke_colorbox,a:active.cke_colorbox{border:#b6b6b6 1px solid;background-color:#e5e5e5}a.cke_colorauto,a.cke_colormore{border:#fff 1px solid;padding:2px;display:block;cursor:pointer}a:hover.cke_colorauto,a:hover.cke_colormore,a:focus.cke_colorauto,a:focus.cke_colormore,a:active.cke_colorauto,a:active.cke_colormore{border:#b6b6b6 1px solid;background-color:#e5e5e5}.cke_toolbar{float:left}.cke_rtl .cke_toolbar{float:right}.cke_toolgroup{float:left;margin:0 6px 5px 0;border:1px solid #a6a6a6;border-bottom-color:#979797;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;background:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);background-image:-o-linear-gradient(top,#fff,#e4e4e4);background-image:-ms-linear-gradient(top,#fff,#e4e4e4);background-image:linear-gradient(top,#fff,#e4e4e4);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4')}.cke_hc .cke_toolgroup{border:0;margin-right:10px;margin-bottom:10px}.cke_rtl .cke_toolgroup{float:right;margin-left:6px;margin-right:0}a.cke_button{display:inline-block;height:18px;padding:4px 6px;outline:0;cursor:default;float:left;border:0}.cke_ltr .cke_button:last-child,.cke_rtl .cke_button:first-child{-moz-border-radius:0 2px 2px 0;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0}.cke_ltr .cke_button:first-child,.cke_rtl .cke_button:last-child{-moz-border-radius:2px 0 0 2px;-webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px}.cke_rtl .cke_button{float:right}.cke_hc .cke_button{border:1px solid black;padding:3px 5px;margin:-2px 4px 0 -2px}.cke_button_on{-moz-box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2);background:#b5b5b5;background-image:-webkit-gradient(linear,left top,left bottom,from(#aaa),to(#cacaca));background-image:-moz-linear-gradient(top,#aaa,#cacaca);background-image:-webkit-linear-gradient(top,#aaa,#cacaca);background-image:-o-linear-gradient(top,#aaa,#cacaca);background-image:-ms-linear-gradient(top,#aaa,#cacaca);background-image:linear-gradient(top,#aaa,#cacaca);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#aaaaaa',endColorstr='#cacaca')}.cke_hc .cke_button_on,.cke_hc a.cke_button_off:hover,.cke_hc a.cke_button_off:focus,.cke_hc a.cke_button_off:active,.cke_hc a.cke_button_disabled:hover,.cke_hc a.cke_button_disabled:focus,.cke_hc a.cke_button_disabled:active{border-width:3px;padding:1px 3px}.cke_button_disabled .cke_button_icon{opacity:.3}.cke_hc .cke_button_disabled{opacity:.5}a.cke_button_on:hover,a.cke_button_on:focus,a.cke_button_on:active{-moz-box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2)}a.cke_button_off:hover,a.cke_button_off:focus,a.cke_button_off:active,a.cke_button_disabled:hover,a.cke_button_disabled:focus,a.cke_button_disabled:active{-moz-box-shadow:0 0 1px rgba(0,0,0,.3) inset;-webkit-box-shadow:0 0 1px rgba(0,0,0,.3) inset;box-shadow:0 0 1px rgba(0,0,0,.3) inset;background:#ccc;background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ccc));background-image:-moz-linear-gradient(top,#f2f2f2,#ccc);background-image:-webkit-linear-gradient(top,#f2f2f2,#ccc);background-image:-o-linear-gradient(top,#f2f2f2,#ccc);background-image:-ms-linear-gradient(top,#f2f2f2,#ccc);background-image:linear-gradient(top,#f2f2f2,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f2f2f2',endColorstr='#cccccc')}.cke_button_icon{cursor:inherit;background-repeat:no-repeat;margin-top:1px;width:16px;height:16px;float:left;display:inline-block}.cke_rtl .cke_button_icon{float:right}.cke_hc .cke_button_icon{display:none}.cke_button_label{display:none;padding-left:3px;margin-top:1px;line-height:17px;vertical-align:middle;float:left;cursor:default;color:#474747;text-shadow:0 1px 0 rgba(255,255,255,.5)}.cke_rtl .cke_button_label{padding-right:3px;padding-left:0;float:right}.cke_hc .cke_button_label{padding:0;display:inline-block;font-size:12px}.cke_button_arrow{display:inline-block;margin:8px 0 0 1px;width:0;height:0;cursor:default;vertical-align:top;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #474747}.cke_rtl .cke_button_arrow{margin-right:5px;margin-left:0}.cke_hc .cke_button_arrow{font-size:10px;margin:3px -2px 0 3px;width:auto;border:0}.cke_toolbar_separator{float:left;background-color:#c0c0c0;background-color:rgba(0,0,0,.2);margin:5px 2px 0;height:18px;width:1px;-webkit-box-shadow:1px 0 1px rgba(255,255,255,.5);-moz-box-shadow:1px 0 1px rgba(255,255,255,.5);box-shadow:1px 0 1px rgba(255,255,255,.5)}.cke_rtl .cke_toolbar_separator{float:right;-webkit-box-shadow:-1px 0 1px rgba(255,255,255,.1);-moz-box-shadow:-1px 0 1px rgba(255,255,255,.1);box-shadow:-1px 0 1px rgba(255,255,255,.1)}.cke_hc .cke_toolbar_separator{width:0;border-left:1px solid;margin:1px 5px 0 0}.cke_toolbar_break{display:block;clear:left}.cke_rtl .cke_toolbar_break{clear:right}.cke_toolbox_collapser{width:12px;height:11px;float:right;margin:11px 0 0;font-size:0;cursor:default;text-align:center;border:1px solid #a6a6a6;border-bottom-color:#979797;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;background:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);background-image:-o-linear-gradient(top,#fff,#e4e4e4);background-image:-ms-linear-gradient(top,#fff,#e4e4e4);background-image:linear-gradient(top,#fff,#e4e4e4);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4')}.cke_toolbox_collapser:hover{background:#ccc;background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ccc));background-image:-moz-linear-gradient(top,#f2f2f2,#ccc);background-image:-webkit-linear-gradient(top,#f2f2f2,#ccc);background-image:-o-linear-gradient(top,#f2f2f2,#ccc);background-image:-ms-linear-gradient(top,#f2f2f2,#ccc);background-image:linear-gradient(top,#f2f2f2,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f2f2f2',endColorstr='#cccccc')}.cke_toolbox_collapser.cke_toolbox_collapser_min{margin:0 2px 4px}.cke_rtl .cke_toolbox_collapser{float:left}.cke_toolbox_collapser .cke_arrow{display:inline-block;height:0;width:0;font-size:0;margin-top:1px;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:3px solid #474747;border-top:3px solid transparent}.cke_toolbox_collapser.cke_toolbox_collapser_min .cke_arrow{margin-top:4px;border-bottom-color:transparent;border-top-color:#474747}.cke_hc .cke_toolbox_collapser .cke_arrow{font-size:8px;width:auto;border:0;margin-top:0;margin-right:2px}.cke_menubutton{display:block}.cke_menuitem span{cursor:default}.cke_menubutton:hover,.cke_menubutton:focus,.cke_menubutton:active{background-color:#d3d3d3;display:block}.cke_hc .cke_menubutton{padding:2px}.cke_hc .cke_menubutton:hover,.cke_hc .cke_menubutton:focus,.cke_hc .cke_menubutton:active{border:2px solid;padding:0}.cke_menubutton_inner{display:table-row}.cke_menubutton_icon,.cke_menubutton_label,.cke_menuarrow{display:table-cell}.cke_menubutton_icon{background-color:#d7d8d7;opacity:.70;filter:alpha(opacity=70);padding:4px}.cke_hc .cke_menubutton_icon{height:16px;width:0;padding:4px 0}.cke_menubutton:hover .cke_menubutton_icon,.cke_menubutton:focus .cke_menubutton_icon,.cke_menubutton:active .cke_menubutton_icon{background-color:#d0d2d0}.cke_menubutton_disabled:hover .cke_menubutton_icon,.cke_menubutton_disabled:focus .cke_menubutton_icon,.cke_menubutton_disabled:active .cke_menubutton_icon{opacity:.3;filter:alpha(opacity=30)}.cke_menubutton_label{padding:0 5px;background-color:transparent;width:100%;vertical-align:middle}.cke_menubutton_disabled .cke_menubutton_label{opacity:.3;filter:alpha(opacity=30)}.cke_menubutton_on{border:1px solid #dedede;background-color:#f2f2f2;-moz-box-shadow:0 0 2px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 0 2px rgba(0,0,0,.1) inset;box-shadow:0 0 2px rgba(0,0,0,.1) inset}.cke_menubutton_on .cke_menubutton_icon{padding-right:3px}.cke_menubutton:hover,.cke_menubutton:focus,.cke_menubutton:active{background-color:#eff0ef}.cke_panel_frame .cke_menubutton_label{display:none}.cke_menuseparator{background-color:#d3d3d3;height:1px;filter:alpha(opacity=70);opacity:.70}.cke_menuarrow{background-image:url(images/arrow.png);background-position:0 10px;background-repeat:no-repeat;padding:0 5px}.cke_rtl .cke_menuarrow{background-position:5px -13px;background-repeat:no-repeat}.cke_menuarrow span{display:none}.cke_hc .cke_menuarrow span{vertical-align:middle;display:inline}.cke_combo{display:inline-block;float:left}.cke_rtl .cke_combo{float:right}.cke_hc .cke_combo{margin-top:-2px}.cke_combo_label{display:none;float:left;line-height:26px;vertical-align:top;margin-right:5px}.cke_rtl .cke_combo_label{float:right;margin-left:5px;margin-right:0}.cke_combo_button{cursor:default;display:inline-block;float:left;margin:0 6px 5px 0;border:1px solid #a6a6a6;border-bottom-color:#979797;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;background:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);background-image:-o-linear-gradient(top,#fff,#e4e4e4);background-image:-ms-linear-gradient(top,#fff,#e4e4e4);background-image:linear-gradient(top,#fff,#e4e4e4);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4')}.cke_combo_off a.cke_combo_button:hover,.cke_combo_off a.cke_combo_button:focus{background:#ccc;background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ccc));background-image:-moz-linear-gradient(top,#f2f2f2,#ccc);background-image:-webkit-linear-gradient(top,#f2f2f2,#ccc);background-image:-o-linear-gradient(top,#f2f2f2,#ccc);background-image:-ms-linear-gradient(top,#f2f2f2,#ccc);background-image:linear-gradient(top,#f2f2f2,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f2f2f2',endColorstr='#cccccc');outline:0}.cke_combo_off a.cke_combo_button:active,.cke_combo_on a.cke_combo_button{border:1px solid #777;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 1px 5px rgba(0,0,0,.6) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 1px 5px rgba(0,0,0,.6) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 1px 5px rgba(0,0,0,.6) inset;background:#b5b5b5;background-image:-webkit-gradient(linear,left top,left bottom,from(#aaa),to(#cacaca));background-image:-moz-linear-gradient(top,#aaa,#cacaca);background-image:-webkit-linear-gradient(top,#aaa,#cacaca);background-image:-o-linear-gradient(top,#aaa,#cacaca);background-image:-ms-linear-gradient(top,#aaa,#cacaca);background-image:linear-gradient(top,#aaa,#cacaca);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#aaaaaa',endColorstr='#cacaca')}.cke_combo_on a.cke_combo_button:hover,.cke_combo_on a.cke_combo_button:focus,.cke_combo_on a.cke_combo_button:active{-moz-box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2)}.cke_rtl .cke_combo_button{float:right;margin-left:5px;margin-right:0}.cke_hc a.cke_combo_button{padding:3px}.cke_hc .cke_combo_on a.cke_combo_button,.cke_hc .cke_combo_off a.cke_combo_button:hover,.cke_hc .cke_combo_off a.cke_combo_button:focus,.cke_hc .cke_combo_off a.cke_combo_button:active{border-width:3px;padding:1px}.cke_combo_text{line-height:26px;padding-left:10px;text-overflow:ellipsis;overflow:hidden;float:left;cursor:default;color:#474747;text-shadow:0 1px 0 rgba(255,255,255,.5);width:60px}.cke_rtl .cke_combo_text{float:right;text-align:right;padding-left:0;padding-right:10px}.cke_hc .cke_combo_text{line-height:18px;font-size:12px}.cke_combo_open{cursor:default;display:inline-block;font-size:0;height:19px;line-height:17px;margin:1px 7px 1px;width:5px}.cke_hc .cke_combo_open{height:12px}.cke_combo_arrow{cursor:default;margin:11px 0 0;float:left;height:0;width:0;font-size:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #474747}.cke_hc .cke_combo_arrow{font-size:10px;width:auto;border:0;margin-top:3px}.cke_combo_disabled .cke_combo_inlinelabel,.cke_combo_disabled .cke_combo_open{opacity:.3}.cke_path{float:left;margin:-2px 0 2px}.cke_path_item,.cke_path_empty{display:inline-block;float:left;padding:3px 4px;margin-right:2px;cursor:default;text-decoration:none;outline:0;border:0;color:#4c4c4c;text-shadow:0 1px 0 #fff;font-weight:bold;font-size:11px}.cke_rtl .cke_path,.cke_rtl .cke_path_item,.cke_rtl .cke_path_empty{float:right}a.cke_path_item:hover,a.cke_path_item:focus,a.cke_path_item:active{background-color:#bfbfbf;color:#333;text-shadow:0 1px 0 rgba(255,255,255,.5);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 4px rgba(0,0,0,.5) inset,0 1px 0 rgba(255,255,255,.5);-webkit-box-shadow:0 0 4px rgba(0,0,0,.5) inset,0 1px 0 rgba(255,255,255,.5);box-shadow:0 0 4px rgba(0,0,0,.5) inset,0 1px 0 rgba(255,255,255,.5)}.cke_hc a.cke_path_item:hover,.cke_hc a.cke_path_item:focus,.cke_hc a.cke_path_item:active{border:2px solid;padding:1px 2px}.cke_button__source_label,.cke_button__sourcedialog_label{display:inline}.cke_combo__fontsize .cke_combo_text{width:30px}.cke_combopanel__fontsize{width:120px}.cke_source{font-family:'Courier New',Monospace;font-size:small;background-color:#fff;white-space:pre}.cke_wysiwyg_frame,.cke_wysiwyg_div{background-color:#fff}.cke_chrome{visibility:inherit}.cke_voice_label{display:none}legend.cke_voice_label{display:none}.cke_button__about_icon {background: url(icons.png) no-repeat 0 -0px !important;}.cke_button__bold_icon {background: url(icons.png) no-repeat 0 -24px !important;}.cke_button__italic_icon {background: url(icons.png) no-repeat 0 -48px !important;}.cke_button__strike_icon {background: url(icons.png) no-repeat 0 -72px !important;}.cke_button__subscript_icon {background: url(icons.png) no-repeat 0 -96px !important;}.cke_button__superscript_icon {background: url(icons.png) no-repeat 0 -120px !important;}.cke_button__underline_icon {background: url(icons.png) no-repeat 0 -144px !important;}.cke_button__bidiltr_icon {background: url(icons.png) no-repeat 0 -168px !important;}.cke_button__bidirtl_icon {background: url(icons.png) no-repeat 0 -192px !important;}.cke_button__blockquote_icon {background: url(icons.png) no-repeat 0 -216px !important;}.cke_rtl .cke_button__copy_icon, .cke_mixed_dir_content .cke_rtl .cke_button__copy_icon {background: url(icons.png) no-repeat 0 -240px !important;}.cke_ltr .cke_button__copy_icon {background: url(icons.png) no-repeat 0 -264px !important;}.cke_rtl .cke_button__cut_icon, .cke_mixed_dir_content .cke_rtl .cke_button__cut_icon {background: url(icons.png) no-repeat 0 -288px !important;}.cke_ltr .cke_button__cut_icon {background: url(icons.png) no-repeat 0 -312px !important;}.cke_rtl .cke_button__paste_icon, .cke_mixed_dir_content .cke_rtl .cke_button__paste_icon {background: url(icons.png) no-repeat 0 -336px !important;}.cke_ltr .cke_button__paste_icon {background: url(icons.png) no-repeat 0 -360px !important;}.cke_button__bgcolor_icon {background: url(icons.png) no-repeat 0 -384px !important;}.cke_button__textcolor_icon {background: url(icons.png) no-repeat 0 -408px !important;}.cke_rtl .cke_button__templates_icon, .cke_mixed_dir_content .cke_rtl .cke_button__templates_icon {background: url(icons.png) no-repeat 0 -432px !important;}.cke_ltr .cke_button__templates_icon {background: url(icons.png) no-repeat 0 -456px !important;}.cke_button__creatediv_icon {background: url(icons.png) no-repeat 0 -480px !important;}.cke_rtl .cke_button__find_icon, .cke_mixed_dir_content .cke_rtl .cke_button__find_icon {background: url(icons.png) no-repeat 0 -504px !important;}.cke_ltr .cke_button__find_icon {background: url(icons.png) no-repeat 0 -528px !important;}.cke_button__replace_icon {background: url(icons.png) no-repeat 0 -552px !important;}.cke_button__flash_icon {background: url(icons.png) no-repeat 0 -576px !important;}.cke_button__button_icon {background: url(icons.png) no-repeat 0 -600px !important;}.cke_button__checkbox_icon {background: url(icons.png) no-repeat 0 -624px !important;}.cke_button__form_icon {background: url(icons.png) no-repeat 0 -648px !important;}.cke_button__hiddenfield_icon {background: url(icons.png) no-repeat 0 -672px !important;}.cke_button__imagebutton_icon {background: url(icons.png) no-repeat 0 -696px !important;}.cke_button__radio_icon {background: url(icons.png) no-repeat 0 -720px !important;}.cke_rtl .cke_button__select_icon, .cke_mixed_dir_content .cke_rtl .cke_button__select_icon {background: url(icons.png) no-repeat 0 -744px !important;}.cke_ltr .cke_button__select_icon {background: url(icons.png) no-repeat 0 -768px !important;}.cke_rtl .cke_button__textarea_icon, .cke_mixed_dir_content .cke_rtl .cke_button__textarea_icon {background: url(icons.png) no-repeat 0 -792px !important;}.cke_ltr .cke_button__textarea_icon {background: url(icons.png) no-repeat 0 -816px !important;}.cke_rtl .cke_button__textfield_icon, .cke_mixed_dir_content .cke_rtl .cke_button__textfield_icon {background: url(icons.png) no-repeat 0 -840px !important;}.cke_ltr .cke_button__textfield_icon {background: url(icons.png) no-repeat 0 -864px !important;}.cke_button__horizontalrule_icon {background: url(icons.png) no-repeat 0 -888px !important;}.cke_button__iframe_icon {background: url(icons.png) no-repeat 0 -912px !important;}.cke_button__image_icon {background: url(icons.png) no-repeat 0 -936px !important;}.cke_rtl .cke_button__indent_icon, .cke_mixed_dir_content .cke_rtl .cke_button__indent_icon {background: url(icons.png) no-repeat 0 -960px !important;}.cke_ltr .cke_button__indent_icon {background: url(icons.png) no-repeat 0 -984px !important;}.cke_rtl .cke_button__outdent_icon, .cke_mixed_dir_content .cke_rtl .cke_button__outdent_icon {background: url(icons.png) no-repeat 0 -1008px !important;}.cke_ltr .cke_button__outdent_icon {background: url(icons.png) no-repeat 0 -1032px !important;}.cke_button__smiley_icon {background: url(icons.png) no-repeat 0 -1056px !important;}.cke_button__justifyblock_icon {background: url(icons.png) no-repeat 0 -1080px !important;}.cke_button__justifycenter_icon {background: url(icons.png) no-repeat 0 -1104px !important;}.cke_button__justifyleft_icon {background: url(icons.png) no-repeat 0 -1128px !important;}.cke_button__justifyright_icon {background: url(icons.png) no-repeat 0 -1152px !important;}.cke_button__language_icon {background: url(icons.png) no-repeat 0 -1176px !important;}.cke_rtl .cke_button__anchor_icon, .cke_mixed_dir_content .cke_rtl .cke_button__anchor_icon {background: url(icons.png) no-repeat 0 -1200px !important;}.cke_ltr .cke_button__anchor_icon {background: url(icons.png) no-repeat 0 -1224px !important;}.cke_button__link_icon {background: url(icons.png) no-repeat 0 -1248px !important;}.cke_button__unlink_icon {background: url(icons.png) no-repeat 0 -1272px !important;}.cke_rtl .cke_button__bulletedlist_icon, .cke_mixed_dir_content .cke_rtl .cke_button__bulletedlist_icon {background: url(icons.png) no-repeat 0 -1296px !important;}.cke_ltr .cke_button__bulletedlist_icon {background: url(icons.png) no-repeat 0 -1320px !important;}.cke_rtl .cke_button__numberedlist_icon, .cke_mixed_dir_content .cke_rtl .cke_button__numberedlist_icon {background: url(icons.png) no-repeat 0 -1344px !important;}.cke_ltr .cke_button__numberedlist_icon {background: url(icons.png) no-repeat 0 -1368px !important;}.cke_button__maximize_icon {background: url(icons.png) no-repeat 0 -1392px !important;}.cke_rtl .cke_button__newpage_icon, .cke_mixed_dir_content .cke_rtl .cke_button__newpage_icon {background: url(icons.png) no-repeat 0 -1416px !important;}.cke_ltr .cke_button__newpage_icon {background: url(icons.png) no-repeat 0 -1440px !important;}.cke_rtl .cke_button__pagebreak_icon, .cke_mixed_dir_content .cke_rtl .cke_button__pagebreak_icon {background: url(icons.png) no-repeat 0 -1464px !important;}.cke_ltr .cke_button__pagebreak_icon {background: url(icons.png) no-repeat 0 -1488px !important;}.cke_rtl .cke_button__pastetext_icon, .cke_mixed_dir_content .cke_rtl .cke_button__pastetext_icon {background: url(icons.png) no-repeat 0 -1512px !important;}.cke_ltr .cke_button__pastetext_icon {background: url(icons.png) no-repeat 0 -1536px !important;}.cke_rtl .cke_button__pastefromword_icon, .cke_mixed_dir_content .cke_rtl .cke_button__pastefromword_icon {background: url(icons.png) no-repeat 0 -1560px !important;}.cke_ltr .cke_button__pastefromword_icon {background: url(icons.png) no-repeat 0 -1584px !important;}.cke_rtl .cke_button__preview_icon, .cke_mixed_dir_content .cke_rtl .cke_button__preview_icon {background: url(icons.png) no-repeat 0 -1608px !important;}.cke_ltr .cke_button__preview_icon {background: url(icons.png) no-repeat 0 -1632px !important;}.cke_button__print_icon {background: url(icons.png) no-repeat 0 -1656px !important;}.cke_button__removeformat_icon {background: url(icons.png) no-repeat 0 -1680px !important;}.cke_button__save_icon {background: url(icons.png) no-repeat 0 -1704px !important;}.cke_button__selectall_icon {background: url(icons.png) no-repeat 0 -1728px !important;}.cke_rtl .cke_button__showblocks_icon, .cke_mixed_dir_content .cke_rtl .cke_button__showblocks_icon {background: url(icons.png) no-repeat 0 -1752px !important;}.cke_ltr .cke_button__showblocks_icon {background: url(icons.png) no-repeat 0 -1776px !important;}.cke_rtl .cke_button__source_icon, .cke_mixed_dir_content .cke_rtl .cke_button__source_icon {background: url(icons.png) no-repeat 0 -1800px !important;}.cke_ltr .cke_button__source_icon {background: url(icons.png) no-repeat 0 -1824px !important;}.cke_button__specialchar_icon {background: url(icons.png) no-repeat 0 -1848px !important;}.cke_button__scayt_icon {background: url(icons.png) no-repeat 0 -1872px !important;}.cke_button__table_icon {background: url(icons.png) no-repeat 0 -1896px !important;}.cke_rtl .cke_button__redo_icon, .cke_mixed_dir_content .cke_rtl .cke_button__redo_icon {background: url(icons.png) no-repeat 0 -1920px !important;}.cke_ltr .cke_button__redo_icon {background: url(icons.png) no-repeat 0 -1944px !important;}.cke_rtl .cke_button__undo_icon, .cke_mixed_dir_content .cke_rtl .cke_button__undo_icon {background: url(icons.png) no-repeat 0 -1968px !important;}.cke_ltr .cke_button__undo_icon {background: url(icons.png) no-repeat 0 -1992px !important;}.cke_button__spellchecker_icon {background: url(icons.png) no-repeat 0 -2016px !important;}.cke_hidpi .cke_button__about_icon {background: url(icons_hidpi.png) no-repeat 0 -0px !important;background-size: 16px !important;}.cke_hidpi .cke_button__bold_icon {background: url(icons_hidpi.png) no-repeat 0 -24px !important;background-size: 16px !important;}.cke_hidpi .cke_button__italic_icon {background: url(icons_hidpi.png) no-repeat 0 -48px !important;background-size: 16px !important;}.cke_hidpi .cke_button__strike_icon {background: url(icons_hidpi.png) no-repeat 0 -72px !important;background-size: 16px !important;}.cke_hidpi .cke_button__subscript_icon {background: url(icons_hidpi.png) no-repeat 0 -96px !important;background-size: 16px !important;}.cke_hidpi .cke_button__superscript_icon {background: url(icons_hidpi.png) no-repeat 0 -120px !important;background-size: 16px !important;}.cke_hidpi .cke_button__underline_icon {background: url(icons_hidpi.png) no-repeat 0 -144px !important;background-size: 16px !important;}.cke_hidpi .cke_button__bidiltr_icon {background: url(icons_hidpi.png) no-repeat 0 -168px !important;background-size: 16px !important;}.cke_hidpi .cke_button__bidirtl_icon {background: url(icons_hidpi.png) no-repeat 0 -192px !important;background-size: 16px !important;}.cke_hidpi .cke_button__blockquote_icon {background: url(icons_hidpi.png) no-repeat 0 -216px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__copy_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__copy_icon {background: url(icons_hidpi.png) no-repeat 0 -240px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__copy_icon,.cke_ltr.cke_hidpi .cke_button__copy_icon {background: url(icons_hidpi.png) no-repeat 0 -264px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__cut_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__cut_icon {background: url(icons_hidpi.png) no-repeat 0 -288px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__cut_icon,.cke_ltr.cke_hidpi .cke_button__cut_icon {background: url(icons_hidpi.png) no-repeat 0 -312px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__paste_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__paste_icon {background: url(icons_hidpi.png) no-repeat 0 -336px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__paste_icon,.cke_ltr.cke_hidpi .cke_button__paste_icon {background: url(icons_hidpi.png) no-repeat 0 -360px !important;background-size: 16px !important;}.cke_hidpi .cke_button__bgcolor_icon {background: url(icons_hidpi.png) no-repeat 0 -384px !important;background-size: 16px !important;}.cke_hidpi .cke_button__textcolor_icon {background: url(icons_hidpi.png) no-repeat 0 -408px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__templates_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__templates_icon {background: url(icons_hidpi.png) no-repeat 0 -432px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__templates_icon,.cke_ltr.cke_hidpi .cke_button__templates_icon {background: url(icons_hidpi.png) no-repeat 0 -456px !important;background-size: 16px !important;}.cke_hidpi .cke_button__creatediv_icon {background: url(icons_hidpi.png) no-repeat 0 -480px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__find_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__find_icon {background: url(icons_hidpi.png) no-repeat 0 -504px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__find_icon,.cke_ltr.cke_hidpi .cke_button__find_icon {background: url(icons_hidpi.png) no-repeat 0 -528px !important;background-size: 16px !important;}.cke_hidpi .cke_button__replace_icon {background: url(icons_hidpi.png) no-repeat 0 -552px !important;background-size: 16px !important;}.cke_hidpi .cke_button__flash_icon {background: url(icons_hidpi.png) no-repeat 0 -576px !important;background-size: 16px !important;}.cke_hidpi .cke_button__button_icon {background: url(icons_hidpi.png) no-repeat 0 -600px !important;background-size: 16px !important;}.cke_hidpi .cke_button__checkbox_icon {background: url(icons_hidpi.png) no-repeat 0 -624px !important;background-size: 16px !important;}.cke_hidpi .cke_button__form_icon {background: url(icons_hidpi.png) no-repeat 0 -648px !important;background-size: 16px !important;}.cke_hidpi .cke_button__hiddenfield_icon {background: url(icons_hidpi.png) no-repeat 0 -672px !important;background-size: 16px !important;}.cke_hidpi .cke_button__imagebutton_icon {background: url(icons_hidpi.png) no-repeat 0 -696px !important;background-size: 16px !important;}.cke_hidpi .cke_button__radio_icon {background: url(icons_hidpi.png) no-repeat 0 -720px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__select_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__select_icon {background: url(icons_hidpi.png) no-repeat 0 -744px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__select_icon,.cke_ltr.cke_hidpi .cke_button__select_icon {background: url(icons_hidpi.png) no-repeat 0 -768px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__textarea_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__textarea_icon {background: url(icons_hidpi.png) no-repeat 0 -792px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__textarea_icon,.cke_ltr.cke_hidpi .cke_button__textarea_icon {background: url(icons_hidpi.png) no-repeat 0 -816px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__textfield_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__textfield_icon {background: url(icons_hidpi.png) no-repeat 0 -840px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__textfield_icon,.cke_ltr.cke_hidpi .cke_button__textfield_icon {background: url(icons_hidpi.png) no-repeat 0 -864px !important;background-size: 16px !important;}.cke_hidpi .cke_button__horizontalrule_icon {background: url(icons_hidpi.png) no-repeat 0 -888px !important;background-size: 16px !important;}.cke_hidpi .cke_button__iframe_icon {background: url(icons_hidpi.png) no-repeat 0 -912px !important;background-size: 16px !important;}.cke_hidpi .cke_button__image_icon {background: url(icons_hidpi.png) no-repeat 0 -936px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__indent_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__indent_icon {background: url(icons_hidpi.png) no-repeat 0 -960px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__indent_icon,.cke_ltr.cke_hidpi .cke_button__indent_icon {background: url(icons_hidpi.png) no-repeat 0 -984px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__outdent_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__outdent_icon {background: url(icons_hidpi.png) no-repeat 0 -1008px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__outdent_icon,.cke_ltr.cke_hidpi .cke_button__outdent_icon {background: url(icons_hidpi.png) no-repeat 0 -1032px !important;background-size: 16px !important;}.cke_hidpi .cke_button__smiley_icon {background: url(icons_hidpi.png) no-repeat 0 -1056px !important;background-size: 16px !important;}.cke_hidpi .cke_button__justifyblock_icon {background: url(icons_hidpi.png) no-repeat 0 -1080px !important;background-size: 16px !important;}.cke_hidpi .cke_button__justifycenter_icon {background: url(icons_hidpi.png) no-repeat 0 -1104px !important;background-size: 16px !important;}.cke_hidpi .cke_button__justifyleft_icon {background: url(icons_hidpi.png) no-repeat 0 -1128px !important;background-size: 16px !important;}.cke_hidpi .cke_button__justifyright_icon {background: url(icons_hidpi.png) no-repeat 0 -1152px !important;background-size: 16px !important;}.cke_hidpi .cke_button__language_icon {background: url(icons_hidpi.png) no-repeat 0 -1176px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__anchor_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__anchor_icon {background: url(icons_hidpi.png) no-repeat 0 -1200px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__anchor_icon,.cke_ltr.cke_hidpi .cke_button__anchor_icon {background: url(icons_hidpi.png) no-repeat 0 -1224px !important;background-size: 16px !important;}.cke_hidpi .cke_button__link_icon {background: url(icons_hidpi.png) no-repeat 0 -1248px !important;background-size: 16px !important;}.cke_hidpi .cke_button__unlink_icon {background: url(icons_hidpi.png) no-repeat 0 -1272px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__bulletedlist_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__bulletedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -1296px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__bulletedlist_icon,.cke_ltr.cke_hidpi .cke_button__bulletedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -1320px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__numberedlist_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__numberedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -1344px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__numberedlist_icon,.cke_ltr.cke_hidpi .cke_button__numberedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -1368px !important;background-size: 16px !important;}.cke_hidpi .cke_button__maximize_icon {background: url(icons_hidpi.png) no-repeat 0 -1392px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__newpage_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__newpage_icon {background: url(icons_hidpi.png) no-repeat 0 -1416px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__newpage_icon,.cke_ltr.cke_hidpi .cke_button__newpage_icon {background: url(icons_hidpi.png) no-repeat 0 -1440px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__pagebreak_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pagebreak_icon {background: url(icons_hidpi.png) no-repeat 0 -1464px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__pagebreak_icon,.cke_ltr.cke_hidpi .cke_button__pagebreak_icon {background: url(icons_hidpi.png) no-repeat 0 -1488px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__pastetext_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pastetext_icon {background: url(icons_hidpi.png) no-repeat 0 -1512px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__pastetext_icon,.cke_ltr.cke_hidpi .cke_button__pastetext_icon {background: url(icons_hidpi.png) no-repeat 0 -1536px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__pastefromword_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pastefromword_icon {background: url(icons_hidpi.png) no-repeat 0 -1560px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__pastefromword_icon,.cke_ltr.cke_hidpi .cke_button__pastefromword_icon {background: url(icons_hidpi.png) no-repeat 0 -1584px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__preview_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__preview_icon {background: url(icons_hidpi.png) no-repeat 0 -1608px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__preview_icon,.cke_ltr.cke_hidpi .cke_button__preview_icon {background: url(icons_hidpi.png) no-repeat 0 -1632px !important;background-size: 16px !important;}.cke_hidpi .cke_button__print_icon {background: url(icons_hidpi.png) no-repeat 0 -1656px !important;background-size: 16px !important;}.cke_hidpi .cke_button__removeformat_icon {background: url(icons_hidpi.png) no-repeat 0 -1680px !important;background-size: 16px !important;}.cke_hidpi .cke_button__save_icon {background: url(icons_hidpi.png) no-repeat 0 -1704px !important;background-size: 16px !important;}.cke_hidpi .cke_button__selectall_icon {background: url(icons_hidpi.png) no-repeat 0 -1728px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__showblocks_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__showblocks_icon {background: url(icons_hidpi.png) no-repeat 0 -1752px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__showblocks_icon,.cke_ltr.cke_hidpi .cke_button__showblocks_icon {background: url(icons_hidpi.png) no-repeat 0 -1776px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__source_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__source_icon {background: url(icons_hidpi.png) no-repeat 0 -1800px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__source_icon,.cke_ltr.cke_hidpi .cke_button__source_icon {background: url(icons_hidpi.png) no-repeat 0 -1824px !important;background-size: 16px !important;}.cke_hidpi .cke_button__specialchar_icon {background: url(icons_hidpi.png) no-repeat 0 -1848px !important;background-size: 16px !important;}.cke_hidpi .cke_button__scayt_icon {background: url(icons_hidpi.png) no-repeat 0 -1872px !important;background-size: 16px !important;}.cke_hidpi .cke_button__table_icon {background: url(icons_hidpi.png) no-repeat 0 -1896px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__redo_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__redo_icon {background: url(icons_hidpi.png) no-repeat 0 -1920px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__redo_icon,.cke_ltr.cke_hidpi .cke_button__redo_icon {background: url(icons_hidpi.png) no-repeat 0 -1944px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__undo_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__undo_icon {background: url(icons_hidpi.png) no-repeat 0 -1968px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__undo_icon,.cke_ltr.cke_hidpi .cke_button__undo_icon {background: url(icons_hidpi.png) no-repeat 0 -1992px !important;background-size: 16px !important;}.cke_hidpi .cke_button__spellchecker_icon {background: url(icons_hidpi.png) no-repeat 0 -2016px !important;background-size: 16px !important;}
\ No newline at end of file
diff --git a/resoft/ckeditor/skins/moono/editor_gecko.css b/resoft/ckeditor/skins/moono/editor_gecko.css
new file mode 100644
index 0000000..f98f234
--- /dev/null
+++ b/resoft/ckeditor/skins/moono/editor_gecko.css
@@ -0,0 +1,5 @@
+/*
+Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+.cke_reset{margin:0;padding:0;border:0;background:transparent;text-decoration:none;width:auto;height:auto;vertical-align:baseline;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;position:static;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none}.cke_reset_all,.cke_reset_all *{margin:0;padding:0;border:0;background:transparent;text-decoration:none;width:auto;height:auto;vertical-align:baseline;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;position:static;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;border-collapse:collapse;font:normal normal normal 12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif;color:#000;text-align:left;white-space:nowrap;cursor:auto;float:none}.cke_reset_all .cke_rtl *{text-align:right}.cke_reset_all iframe{vertical-align:inherit}.cke_reset_all textarea{white-space:pre}.cke_reset_all textarea,.cke_reset_all input[type="text"],.cke_reset_all input[type="password"]{cursor:text}.cke_reset_all textarea[disabled],.cke_reset_all input[type="text"][disabled],.cke_reset_all input[type="password"][disabled]{cursor:default}.cke_reset_all fieldset{padding:10px;border:2px groove #e0dfe3}.cke_reset_all select{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.cke_reset_all table{table-layout:auto}.cke_chrome{display:block;border:1px solid #b6b6b6;padding:0;-moz-box-shadow:0 0 3px rgba(0,0,0,.15);-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.15)}.cke_inner{display:block;-webkit-touch-callout:none;background:#fff;padding:0}.cke_float{border:0}.cke_float .cke_inner{padding-bottom:0}.cke_top,.cke_contents,.cke_bottom{display:block;overflow:hidden}.cke_top{border-bottom:1px solid #b6b6b6;padding:6px 8px 2px;white-space:normal;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#cfd1cf));background-image:-moz-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-webkit-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-o-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-ms-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:linear-gradient(top,#f5f5f5,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f5f5f5',endColorstr='#cfd1cf')}.cke_float .cke_top{border:1px solid #b6b6b6;border-bottom-color:#999}.cke_bottom{padding:6px 8px 2px;position:relative;border-top:1px solid #bfbfbf;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#cfd1cf));background-image:-moz-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-webkit-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-o-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-ms-linear-gradient(top,#ebebeb,#cfd1cf);background-image:linear-gradient(top,#ebebeb,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ebebeb',endColorstr='#cfd1cf')}.cke_browser_ios .cke_contents{overflow-y:auto;-webkit-overflow-scrolling:touch}.cke_resizer{width:0;height:0;overflow:hidden;width:0;height:0;overflow:hidden;border-width:10px 10px 0 0;border-color:transparent #666 transparent transparent;border-style:dashed solid dashed dashed;font-size:0;vertical-align:bottom;margin-top:6px;margin-bottom:2px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.3);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:0 1px 0 rgba(255,255,255,.3)}.cke_hc .cke_resizer{font-size:15px;width:auto;height:auto;border-width:0}.cke_resizer_ltr{cursor:se-resize;float:right;margin-right:-4px}.cke_resizer_rtl{border-width:10px 0 0 10px;border-color:transparent transparent transparent #a5a5a5;border-style:dashed dashed dashed solid;cursor:sw-resize;float:left;margin-left:-4px;right:auto}.cke_wysiwyg_div{display:block;height:100%;overflow:auto;padding:0 8px;outline-style:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.cke_panel{visibility:visible;width:120px;height:100px;overflow:hidden;background-color:#fff;border:1px solid #b6b6b6;border-bottom-color:#999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 3px rgba(0,0,0,.15);-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.15)}.cke_menu_panel{padding:0;margin:0}.cke_combopanel{width:150px;height:170px}.cke_panel_frame{width:100%;height:100%;font-size:12px;overflow:auto;overflow-x:hidden}.cke_panel_container{overflow-y:auto;overflow-x:hidden}.cke_panel_list{list-style-type:none;margin:3px;padding:0;white-space:nowrap}.cke_panel_listItem{margin:0;padding-bottom:1px}.cke_panel_listItem a{padding:3px 4px;display:block;border:1px solid #fff;color:inherit!important;text-decoration:none;overflow:hidden;text-overflow:ellipsis;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}* html .cke_panel_listItem a{width:100%;color:#000}*:first-child+html .cke_panel_listItem a{color:#000}.cke_panel_listItem.cke_selected a{border:1px solid #dedede;background-color:#f2f2f2;-moz-box-shadow:0 0 2px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 0 2px rgba(0,0,0,.1) inset;box-shadow:0 0 2px rgba(0,0,0,.1) inset}.cke_panel_listItem a:hover,.cke_panel_listItem a:focus,.cke_panel_listItem a:active{border-color:#dedede;background-color:#f2f2f2;-moz-box-shadow:0 0 2px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 0 2px rgba(0,0,0,.1) inset;box-shadow:0 0 2px rgba(0,0,0,.1) inset}.cke_hc .cke_panel_listItem a{border-style:none}.cke_hc .cke_panel_listItem a:hover,.cke_hc .cke_panel_listItem a:focus,.cke_hc .cke_panel_listItem a:active{border:2px solid;padding:1px 2px}.cke_panel_grouptitle{cursor:default;font-size:11px;font-weight:bold;white-space:nowrap;margin:0;padding:4px 6px;color:#474747;text-shadow:0 1px 0 rgba(255,255,255,.75);border-bottom:1px solid #b6b6b6;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#cfd1cf));background-image:-moz-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-webkit-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-o-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-ms-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:linear-gradient(top,#f5f5f5,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f5f5f5',endColorstr='#cfd1cf')}.cke_panel_listItem p,.cke_panel_listItem h1,.cke_panel_listItem h2,.cke_panel_listItem h3,.cke_panel_listItem h4,.cke_panel_listItem h5,.cke_panel_listItem h6,.cke_panel_listItem pre{margin-top:0;margin-bottom:0}.cke_colorblock{padding:3px;font-size:11px;font-family:'Microsoft Sans Serif',Tahoma,Arial,Verdana,Sans-Serif}.cke_colorblock,.cke_colorblock a{text-decoration:none;color:#000}span.cke_colorbox{width:10px;height:10px;border:#808080 1px solid;float:left}.cke_rtl span.cke_colorbox{float:right}a.cke_colorbox{border:#fff 1px solid;padding:2px;float:left;width:12px;height:12px}.cke_rtl a.cke_colorbox{float:right}a:hover.cke_colorbox,a:focus.cke_colorbox,a:active.cke_colorbox{border:#b6b6b6 1px solid;background-color:#e5e5e5}a.cke_colorauto,a.cke_colormore{border:#fff 1px solid;padding:2px;display:block;cursor:pointer}a:hover.cke_colorauto,a:hover.cke_colormore,a:focus.cke_colorauto,a:focus.cke_colormore,a:active.cke_colorauto,a:active.cke_colormore{border:#b6b6b6 1px solid;background-color:#e5e5e5}.cke_toolbar{float:left}.cke_rtl .cke_toolbar{float:right}.cke_toolgroup{float:left;margin:0 6px 5px 0;border:1px solid #a6a6a6;border-bottom-color:#979797;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;background:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);background-image:-o-linear-gradient(top,#fff,#e4e4e4);background-image:-ms-linear-gradient(top,#fff,#e4e4e4);background-image:linear-gradient(top,#fff,#e4e4e4);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4')}.cke_hc .cke_toolgroup{border:0;margin-right:10px;margin-bottom:10px}.cke_rtl .cke_toolgroup{float:right;margin-left:6px;margin-right:0}a.cke_button{display:inline-block;height:18px;padding:4px 6px;outline:0;cursor:default;float:left;border:0}.cke_ltr .cke_button:last-child,.cke_rtl .cke_button:first-child{-moz-border-radius:0 2px 2px 0;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0}.cke_ltr .cke_button:first-child,.cke_rtl .cke_button:last-child{-moz-border-radius:2px 0 0 2px;-webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px}.cke_rtl .cke_button{float:right}.cke_hc .cke_button{border:1px solid black;padding:3px 5px;margin:-2px 4px 0 -2px}.cke_button_on{-moz-box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2);background:#b5b5b5;background-image:-webkit-gradient(linear,left top,left bottom,from(#aaa),to(#cacaca));background-image:-moz-linear-gradient(top,#aaa,#cacaca);background-image:-webkit-linear-gradient(top,#aaa,#cacaca);background-image:-o-linear-gradient(top,#aaa,#cacaca);background-image:-ms-linear-gradient(top,#aaa,#cacaca);background-image:linear-gradient(top,#aaa,#cacaca);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#aaaaaa',endColorstr='#cacaca')}.cke_hc .cke_button_on,.cke_hc a.cke_button_off:hover,.cke_hc a.cke_button_off:focus,.cke_hc a.cke_button_off:active,.cke_hc a.cke_button_disabled:hover,.cke_hc a.cke_button_disabled:focus,.cke_hc a.cke_button_disabled:active{border-width:3px;padding:1px 3px}.cke_button_disabled .cke_button_icon{opacity:.3}.cke_hc .cke_button_disabled{opacity:.5}a.cke_button_on:hover,a.cke_button_on:focus,a.cke_button_on:active{-moz-box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2)}a.cke_button_off:hover,a.cke_button_off:focus,a.cke_button_off:active,a.cke_button_disabled:hover,a.cke_button_disabled:focus,a.cke_button_disabled:active{-moz-box-shadow:0 0 1px rgba(0,0,0,.3) inset;-webkit-box-shadow:0 0 1px rgba(0,0,0,.3) inset;box-shadow:0 0 1px rgba(0,0,0,.3) inset;background:#ccc;background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ccc));background-image:-moz-linear-gradient(top,#f2f2f2,#ccc);background-image:-webkit-linear-gradient(top,#f2f2f2,#ccc);background-image:-o-linear-gradient(top,#f2f2f2,#ccc);background-image:-ms-linear-gradient(top,#f2f2f2,#ccc);background-image:linear-gradient(top,#f2f2f2,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f2f2f2',endColorstr='#cccccc')}.cke_button_icon{cursor:inherit;background-repeat:no-repeat;margin-top:1px;width:16px;height:16px;float:left;display:inline-block}.cke_rtl .cke_button_icon{float:right}.cke_hc .cke_button_icon{display:none}.cke_button_label{display:none;padding-left:3px;margin-top:1px;line-height:17px;vertical-align:middle;float:left;cursor:default;color:#474747;text-shadow:0 1px 0 rgba(255,255,255,.5)}.cke_rtl .cke_button_label{padding-right:3px;padding-left:0;float:right}.cke_hc .cke_button_label{padding:0;display:inline-block;font-size:12px}.cke_button_arrow{display:inline-block;margin:8px 0 0 1px;width:0;height:0;cursor:default;vertical-align:top;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #474747}.cke_rtl .cke_button_arrow{margin-right:5px;margin-left:0}.cke_hc .cke_button_arrow{font-size:10px;margin:3px -2px 0 3px;width:auto;border:0}.cke_toolbar_separator{float:left;background-color:#c0c0c0;background-color:rgba(0,0,0,.2);margin:5px 2px 0;height:18px;width:1px;-webkit-box-shadow:1px 0 1px rgba(255,255,255,.5);-moz-box-shadow:1px 0 1px rgba(255,255,255,.5);box-shadow:1px 0 1px rgba(255,255,255,.5)}.cke_rtl .cke_toolbar_separator{float:right;-webkit-box-shadow:-1px 0 1px rgba(255,255,255,.1);-moz-box-shadow:-1px 0 1px rgba(255,255,255,.1);box-shadow:-1px 0 1px rgba(255,255,255,.1)}.cke_hc .cke_toolbar_separator{width:0;border-left:1px solid;margin:1px 5px 0 0}.cke_toolbar_break{display:block;clear:left}.cke_rtl .cke_toolbar_break{clear:right}.cke_toolbox_collapser{width:12px;height:11px;float:right;margin:11px 0 0;font-size:0;cursor:default;text-align:center;border:1px solid #a6a6a6;border-bottom-color:#979797;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;background:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);background-image:-o-linear-gradient(top,#fff,#e4e4e4);background-image:-ms-linear-gradient(top,#fff,#e4e4e4);background-image:linear-gradient(top,#fff,#e4e4e4);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4')}.cke_toolbox_collapser:hover{background:#ccc;background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ccc));background-image:-moz-linear-gradient(top,#f2f2f2,#ccc);background-image:-webkit-linear-gradient(top,#f2f2f2,#ccc);background-image:-o-linear-gradient(top,#f2f2f2,#ccc);background-image:-ms-linear-gradient(top,#f2f2f2,#ccc);background-image:linear-gradient(top,#f2f2f2,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f2f2f2',endColorstr='#cccccc')}.cke_toolbox_collapser.cke_toolbox_collapser_min{margin:0 2px 4px}.cke_rtl .cke_toolbox_collapser{float:left}.cke_toolbox_collapser .cke_arrow{display:inline-block;height:0;width:0;font-size:0;margin-top:1px;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:3px solid #474747;border-top:3px solid transparent}.cke_toolbox_collapser.cke_toolbox_collapser_min .cke_arrow{margin-top:4px;border-bottom-color:transparent;border-top-color:#474747}.cke_hc .cke_toolbox_collapser .cke_arrow{font-size:8px;width:auto;border:0;margin-top:0;margin-right:2px}.cke_menubutton{display:block}.cke_menuitem span{cursor:default}.cke_menubutton:hover,.cke_menubutton:focus,.cke_menubutton:active{background-color:#d3d3d3;display:block}.cke_hc .cke_menubutton{padding:2px}.cke_hc .cke_menubutton:hover,.cke_hc .cke_menubutton:focus,.cke_hc .cke_menubutton:active{border:2px solid;padding:0}.cke_menubutton_inner{display:table-row}.cke_menubutton_icon,.cke_menubutton_label,.cke_menuarrow{display:table-cell}.cke_menubutton_icon{background-color:#d7d8d7;opacity:.70;filter:alpha(opacity=70);padding:4px}.cke_hc .cke_menubutton_icon{height:16px;width:0;padding:4px 0}.cke_menubutton:hover .cke_menubutton_icon,.cke_menubutton:focus .cke_menubutton_icon,.cke_menubutton:active .cke_menubutton_icon{background-color:#d0d2d0}.cke_menubutton_disabled:hover .cke_menubutton_icon,.cke_menubutton_disabled:focus .cke_menubutton_icon,.cke_menubutton_disabled:active .cke_menubutton_icon{opacity:.3;filter:alpha(opacity=30)}.cke_menubutton_label{padding:0 5px;background-color:transparent;width:100%;vertical-align:middle}.cke_menubutton_disabled .cke_menubutton_label{opacity:.3;filter:alpha(opacity=30)}.cke_menubutton_on{border:1px solid #dedede;background-color:#f2f2f2;-moz-box-shadow:0 0 2px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 0 2px rgba(0,0,0,.1) inset;box-shadow:0 0 2px rgba(0,0,0,.1) inset}.cke_menubutton_on .cke_menubutton_icon{padding-right:3px}.cke_menubutton:hover,.cke_menubutton:focus,.cke_menubutton:active{background-color:#eff0ef}.cke_panel_frame .cke_menubutton_label{display:none}.cke_menuseparator{background-color:#d3d3d3;height:1px;filter:alpha(opacity=70);opacity:.70}.cke_menuarrow{background-image:url(images/arrow.png);background-position:0 10px;background-repeat:no-repeat;padding:0 5px}.cke_rtl .cke_menuarrow{background-position:5px -13px;background-repeat:no-repeat}.cke_menuarrow span{display:none}.cke_hc .cke_menuarrow span{vertical-align:middle;display:inline}.cke_combo{display:inline-block;float:left}.cke_rtl .cke_combo{float:right}.cke_hc .cke_combo{margin-top:-2px}.cke_combo_label{display:none;float:left;line-height:26px;vertical-align:top;margin-right:5px}.cke_rtl .cke_combo_label{float:right;margin-left:5px;margin-right:0}.cke_combo_button{cursor:default;display:inline-block;float:left;margin:0 6px 5px 0;border:1px solid #a6a6a6;border-bottom-color:#979797;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;background:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);background-image:-o-linear-gradient(top,#fff,#e4e4e4);background-image:-ms-linear-gradient(top,#fff,#e4e4e4);background-image:linear-gradient(top,#fff,#e4e4e4);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4')}.cke_combo_off a.cke_combo_button:hover,.cke_combo_off a.cke_combo_button:focus{background:#ccc;background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ccc));background-image:-moz-linear-gradient(top,#f2f2f2,#ccc);background-image:-webkit-linear-gradient(top,#f2f2f2,#ccc);background-image:-o-linear-gradient(top,#f2f2f2,#ccc);background-image:-ms-linear-gradient(top,#f2f2f2,#ccc);background-image:linear-gradient(top,#f2f2f2,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f2f2f2',endColorstr='#cccccc');outline:0}.cke_combo_off a.cke_combo_button:active,.cke_combo_on a.cke_combo_button{border:1px solid #777;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 1px 5px rgba(0,0,0,.6) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 1px 5px rgba(0,0,0,.6) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 1px 5px rgba(0,0,0,.6) inset;background:#b5b5b5;background-image:-webkit-gradient(linear,left top,left bottom,from(#aaa),to(#cacaca));background-image:-moz-linear-gradient(top,#aaa,#cacaca);background-image:-webkit-linear-gradient(top,#aaa,#cacaca);background-image:-o-linear-gradient(top,#aaa,#cacaca);background-image:-ms-linear-gradient(top,#aaa,#cacaca);background-image:linear-gradient(top,#aaa,#cacaca);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#aaaaaa',endColorstr='#cacaca')}.cke_combo_on a.cke_combo_button:hover,.cke_combo_on a.cke_combo_button:focus,.cke_combo_on a.cke_combo_button:active{-moz-box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2)}.cke_rtl .cke_combo_button{float:right;margin-left:5px;margin-right:0}.cke_hc a.cke_combo_button{padding:3px}.cke_hc .cke_combo_on a.cke_combo_button,.cke_hc .cke_combo_off a.cke_combo_button:hover,.cke_hc .cke_combo_off a.cke_combo_button:focus,.cke_hc .cke_combo_off a.cke_combo_button:active{border-width:3px;padding:1px}.cke_combo_text{line-height:26px;padding-left:10px;text-overflow:ellipsis;overflow:hidden;float:left;cursor:default;color:#474747;text-shadow:0 1px 0 rgba(255,255,255,.5);width:60px}.cke_rtl .cke_combo_text{float:right;text-align:right;padding-left:0;padding-right:10px}.cke_hc .cke_combo_text{line-height:18px;font-size:12px}.cke_combo_open{cursor:default;display:inline-block;font-size:0;height:19px;line-height:17px;margin:1px 7px 1px;width:5px}.cke_hc .cke_combo_open{height:12px}.cke_combo_arrow{cursor:default;margin:11px 0 0;float:left;height:0;width:0;font-size:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #474747}.cke_hc .cke_combo_arrow{font-size:10px;width:auto;border:0;margin-top:3px}.cke_combo_disabled .cke_combo_inlinelabel,.cke_combo_disabled .cke_combo_open{opacity:.3}.cke_path{float:left;margin:-2px 0 2px}.cke_path_item,.cke_path_empty{display:inline-block;float:left;padding:3px 4px;margin-right:2px;cursor:default;text-decoration:none;outline:0;border:0;color:#4c4c4c;text-shadow:0 1px 0 #fff;font-weight:bold;font-size:11px}.cke_rtl .cke_path,.cke_rtl .cke_path_item,.cke_rtl .cke_path_empty{float:right}a.cke_path_item:hover,a.cke_path_item:focus,a.cke_path_item:active{background-color:#bfbfbf;color:#333;text-shadow:0 1px 0 rgba(255,255,255,.5);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 4px rgba(0,0,0,.5) inset,0 1px 0 rgba(255,255,255,.5);-webkit-box-shadow:0 0 4px rgba(0,0,0,.5) inset,0 1px 0 rgba(255,255,255,.5);box-shadow:0 0 4px rgba(0,0,0,.5) inset,0 1px 0 rgba(255,255,255,.5)}.cke_hc a.cke_path_item:hover,.cke_hc a.cke_path_item:focus,.cke_hc a.cke_path_item:active{border:2px solid;padding:1px 2px}.cke_button__source_label,.cke_button__sourcedialog_label{display:inline}.cke_combo__fontsize .cke_combo_text{width:30px}.cke_combopanel__fontsize{width:120px}.cke_source{font-family:'Courier New',Monospace;font-size:small;background-color:#fff;white-space:pre}.cke_wysiwyg_frame,.cke_wysiwyg_div{background-color:#fff}.cke_chrome{visibility:inherit}.cke_voice_label{display:none}legend.cke_voice_label{display:none}.cke_bottom{padding-bottom:3px}.cke_combo_text{margin-bottom:-1px;margin-top:1px}.cke_button__about_icon {background: url(icons.png) no-repeat 0 -0px !important;}.cke_button__bold_icon {background: url(icons.png) no-repeat 0 -24px !important;}.cke_button__italic_icon {background: url(icons.png) no-repeat 0 -48px !important;}.cke_button__strike_icon {background: url(icons.png) no-repeat 0 -72px !important;}.cke_button__subscript_icon {background: url(icons.png) no-repeat 0 -96px !important;}.cke_button__superscript_icon {background: url(icons.png) no-repeat 0 -120px !important;}.cke_button__underline_icon {background: url(icons.png) no-repeat 0 -144px !important;}.cke_button__bidiltr_icon {background: url(icons.png) no-repeat 0 -168px !important;}.cke_button__bidirtl_icon {background: url(icons.png) no-repeat 0 -192px !important;}.cke_button__blockquote_icon {background: url(icons.png) no-repeat 0 -216px !important;}.cke_rtl .cke_button__copy_icon, .cke_mixed_dir_content .cke_rtl .cke_button__copy_icon {background: url(icons.png) no-repeat 0 -240px !important;}.cke_ltr .cke_button__copy_icon {background: url(icons.png) no-repeat 0 -264px !important;}.cke_rtl .cke_button__cut_icon, .cke_mixed_dir_content .cke_rtl .cke_button__cut_icon {background: url(icons.png) no-repeat 0 -288px !important;}.cke_ltr .cke_button__cut_icon {background: url(icons.png) no-repeat 0 -312px !important;}.cke_rtl .cke_button__paste_icon, .cke_mixed_dir_content .cke_rtl .cke_button__paste_icon {background: url(icons.png) no-repeat 0 -336px !important;}.cke_ltr .cke_button__paste_icon {background: url(icons.png) no-repeat 0 -360px !important;}.cke_button__bgcolor_icon {background: url(icons.png) no-repeat 0 -384px !important;}.cke_button__textcolor_icon {background: url(icons.png) no-repeat 0 -408px !important;}.cke_rtl .cke_button__templates_icon, .cke_mixed_dir_content .cke_rtl .cke_button__templates_icon {background: url(icons.png) no-repeat 0 -432px !important;}.cke_ltr .cke_button__templates_icon {background: url(icons.png) no-repeat 0 -456px !important;}.cke_button__creatediv_icon {background: url(icons.png) no-repeat 0 -480px !important;}.cke_rtl .cke_button__find_icon, .cke_mixed_dir_content .cke_rtl .cke_button__find_icon {background: url(icons.png) no-repeat 0 -504px !important;}.cke_ltr .cke_button__find_icon {background: url(icons.png) no-repeat 0 -528px !important;}.cke_button__replace_icon {background: url(icons.png) no-repeat 0 -552px !important;}.cke_button__flash_icon {background: url(icons.png) no-repeat 0 -576px !important;}.cke_button__button_icon {background: url(icons.png) no-repeat 0 -600px !important;}.cke_button__checkbox_icon {background: url(icons.png) no-repeat 0 -624px !important;}.cke_button__form_icon {background: url(icons.png) no-repeat 0 -648px !important;}.cke_button__hiddenfield_icon {background: url(icons.png) no-repeat 0 -672px !important;}.cke_button__imagebutton_icon {background: url(icons.png) no-repeat 0 -696px !important;}.cke_button__radio_icon {background: url(icons.png) no-repeat 0 -720px !important;}.cke_rtl .cke_button__select_icon, .cke_mixed_dir_content .cke_rtl .cke_button__select_icon {background: url(icons.png) no-repeat 0 -744px !important;}.cke_ltr .cke_button__select_icon {background: url(icons.png) no-repeat 0 -768px !important;}.cke_rtl .cke_button__textarea_icon, .cke_mixed_dir_content .cke_rtl .cke_button__textarea_icon {background: url(icons.png) no-repeat 0 -792px !important;}.cke_ltr .cke_button__textarea_icon {background: url(icons.png) no-repeat 0 -816px !important;}.cke_rtl .cke_button__textfield_icon, .cke_mixed_dir_content .cke_rtl .cke_button__textfield_icon {background: url(icons.png) no-repeat 0 -840px !important;}.cke_ltr .cke_button__textfield_icon {background: url(icons.png) no-repeat 0 -864px !important;}.cke_button__horizontalrule_icon {background: url(icons.png) no-repeat 0 -888px !important;}.cke_button__iframe_icon {background: url(icons.png) no-repeat 0 -912px !important;}.cke_button__image_icon {background: url(icons.png) no-repeat 0 -936px !important;}.cke_rtl .cke_button__indent_icon, .cke_mixed_dir_content .cke_rtl .cke_button__indent_icon {background: url(icons.png) no-repeat 0 -960px !important;}.cke_ltr .cke_button__indent_icon {background: url(icons.png) no-repeat 0 -984px !important;}.cke_rtl .cke_button__outdent_icon, .cke_mixed_dir_content .cke_rtl .cke_button__outdent_icon {background: url(icons.png) no-repeat 0 -1008px !important;}.cke_ltr .cke_button__outdent_icon {background: url(icons.png) no-repeat 0 -1032px !important;}.cke_button__smiley_icon {background: url(icons.png) no-repeat 0 -1056px !important;}.cke_button__justifyblock_icon {background: url(icons.png) no-repeat 0 -1080px !important;}.cke_button__justifycenter_icon {background: url(icons.png) no-repeat 0 -1104px !important;}.cke_button__justifyleft_icon {background: url(icons.png) no-repeat 0 -1128px !important;}.cke_button__justifyright_icon {background: url(icons.png) no-repeat 0 -1152px !important;}.cke_button__language_icon {background: url(icons.png) no-repeat 0 -1176px !important;}.cke_rtl .cke_button__anchor_icon, .cke_mixed_dir_content .cke_rtl .cke_button__anchor_icon {background: url(icons.png) no-repeat 0 -1200px !important;}.cke_ltr .cke_button__anchor_icon {background: url(icons.png) no-repeat 0 -1224px !important;}.cke_button__link_icon {background: url(icons.png) no-repeat 0 -1248px !important;}.cke_button__unlink_icon {background: url(icons.png) no-repeat 0 -1272px !important;}.cke_rtl .cke_button__bulletedlist_icon, .cke_mixed_dir_content .cke_rtl .cke_button__bulletedlist_icon {background: url(icons.png) no-repeat 0 -1296px !important;}.cke_ltr .cke_button__bulletedlist_icon {background: url(icons.png) no-repeat 0 -1320px !important;}.cke_rtl .cke_button__numberedlist_icon, .cke_mixed_dir_content .cke_rtl .cke_button__numberedlist_icon {background: url(icons.png) no-repeat 0 -1344px !important;}.cke_ltr .cke_button__numberedlist_icon {background: url(icons.png) no-repeat 0 -1368px !important;}.cke_button__maximize_icon {background: url(icons.png) no-repeat 0 -1392px !important;}.cke_rtl .cke_button__newpage_icon, .cke_mixed_dir_content .cke_rtl .cke_button__newpage_icon {background: url(icons.png) no-repeat 0 -1416px !important;}.cke_ltr .cke_button__newpage_icon {background: url(icons.png) no-repeat 0 -1440px !important;}.cke_rtl .cke_button__pagebreak_icon, .cke_mixed_dir_content .cke_rtl .cke_button__pagebreak_icon {background: url(icons.png) no-repeat 0 -1464px !important;}.cke_ltr .cke_button__pagebreak_icon {background: url(icons.png) no-repeat 0 -1488px !important;}.cke_rtl .cke_button__pastetext_icon, .cke_mixed_dir_content .cke_rtl .cke_button__pastetext_icon {background: url(icons.png) no-repeat 0 -1512px !important;}.cke_ltr .cke_button__pastetext_icon {background: url(icons.png) no-repeat 0 -1536px !important;}.cke_rtl .cke_button__pastefromword_icon, .cke_mixed_dir_content .cke_rtl .cke_button__pastefromword_icon {background: url(icons.png) no-repeat 0 -1560px !important;}.cke_ltr .cke_button__pastefromword_icon {background: url(icons.png) no-repeat 0 -1584px !important;}.cke_rtl .cke_button__preview_icon, .cke_mixed_dir_content .cke_rtl .cke_button__preview_icon {background: url(icons.png) no-repeat 0 -1608px !important;}.cke_ltr .cke_button__preview_icon {background: url(icons.png) no-repeat 0 -1632px !important;}.cke_button__print_icon {background: url(icons.png) no-repeat 0 -1656px !important;}.cke_button__removeformat_icon {background: url(icons.png) no-repeat 0 -1680px !important;}.cke_button__save_icon {background: url(icons.png) no-repeat 0 -1704px !important;}.cke_button__selectall_icon {background: url(icons.png) no-repeat 0 -1728px !important;}.cke_rtl .cke_button__showblocks_icon, .cke_mixed_dir_content .cke_rtl .cke_button__showblocks_icon {background: url(icons.png) no-repeat 0 -1752px !important;}.cke_ltr .cke_button__showblocks_icon {background: url(icons.png) no-repeat 0 -1776px !important;}.cke_rtl .cke_button__source_icon, .cke_mixed_dir_content .cke_rtl .cke_button__source_icon {background: url(icons.png) no-repeat 0 -1800px !important;}.cke_ltr .cke_button__source_icon {background: url(icons.png) no-repeat 0 -1824px !important;}.cke_button__specialchar_icon {background: url(icons.png) no-repeat 0 -1848px !important;}.cke_button__scayt_icon {background: url(icons.png) no-repeat 0 -1872px !important;}.cke_button__table_icon {background: url(icons.png) no-repeat 0 -1896px !important;}.cke_rtl .cke_button__redo_icon, .cke_mixed_dir_content .cke_rtl .cke_button__redo_icon {background: url(icons.png) no-repeat 0 -1920px !important;}.cke_ltr .cke_button__redo_icon {background: url(icons.png) no-repeat 0 -1944px !important;}.cke_rtl .cke_button__undo_icon, .cke_mixed_dir_content .cke_rtl .cke_button__undo_icon {background: url(icons.png) no-repeat 0 -1968px !important;}.cke_ltr .cke_button__undo_icon {background: url(icons.png) no-repeat 0 -1992px !important;}.cke_button__spellchecker_icon {background: url(icons.png) no-repeat 0 -2016px !important;}.cke_hidpi .cke_button__about_icon {background: url(icons_hidpi.png) no-repeat 0 -0px !important;background-size: 16px !important;}.cke_hidpi .cke_button__bold_icon {background: url(icons_hidpi.png) no-repeat 0 -24px !important;background-size: 16px !important;}.cke_hidpi .cke_button__italic_icon {background: url(icons_hidpi.png) no-repeat 0 -48px !important;background-size: 16px !important;}.cke_hidpi .cke_button__strike_icon {background: url(icons_hidpi.png) no-repeat 0 -72px !important;background-size: 16px !important;}.cke_hidpi .cke_button__subscript_icon {background: url(icons_hidpi.png) no-repeat 0 -96px !important;background-size: 16px !important;}.cke_hidpi .cke_button__superscript_icon {background: url(icons_hidpi.png) no-repeat 0 -120px !important;background-size: 16px !important;}.cke_hidpi .cke_button__underline_icon {background: url(icons_hidpi.png) no-repeat 0 -144px !important;background-size: 16px !important;}.cke_hidpi .cke_button__bidiltr_icon {background: url(icons_hidpi.png) no-repeat 0 -168px !important;background-size: 16px !important;}.cke_hidpi .cke_button__bidirtl_icon {background: url(icons_hidpi.png) no-repeat 0 -192px !important;background-size: 16px !important;}.cke_hidpi .cke_button__blockquote_icon {background: url(icons_hidpi.png) no-repeat 0 -216px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__copy_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__copy_icon {background: url(icons_hidpi.png) no-repeat 0 -240px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__copy_icon,.cke_ltr.cke_hidpi .cke_button__copy_icon {background: url(icons_hidpi.png) no-repeat 0 -264px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__cut_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__cut_icon {background: url(icons_hidpi.png) no-repeat 0 -288px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__cut_icon,.cke_ltr.cke_hidpi .cke_button__cut_icon {background: url(icons_hidpi.png) no-repeat 0 -312px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__paste_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__paste_icon {background: url(icons_hidpi.png) no-repeat 0 -336px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__paste_icon,.cke_ltr.cke_hidpi .cke_button__paste_icon {background: url(icons_hidpi.png) no-repeat 0 -360px !important;background-size: 16px !important;}.cke_hidpi .cke_button__bgcolor_icon {background: url(icons_hidpi.png) no-repeat 0 -384px !important;background-size: 16px !important;}.cke_hidpi .cke_button__textcolor_icon {background: url(icons_hidpi.png) no-repeat 0 -408px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__templates_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__templates_icon {background: url(icons_hidpi.png) no-repeat 0 -432px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__templates_icon,.cke_ltr.cke_hidpi .cke_button__templates_icon {background: url(icons_hidpi.png) no-repeat 0 -456px !important;background-size: 16px !important;}.cke_hidpi .cke_button__creatediv_icon {background: url(icons_hidpi.png) no-repeat 0 -480px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__find_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__find_icon {background: url(icons_hidpi.png) no-repeat 0 -504px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__find_icon,.cke_ltr.cke_hidpi .cke_button__find_icon {background: url(icons_hidpi.png) no-repeat 0 -528px !important;background-size: 16px !important;}.cke_hidpi .cke_button__replace_icon {background: url(icons_hidpi.png) no-repeat 0 -552px !important;background-size: 16px !important;}.cke_hidpi .cke_button__flash_icon {background: url(icons_hidpi.png) no-repeat 0 -576px !important;background-size: 16px !important;}.cke_hidpi .cke_button__button_icon {background: url(icons_hidpi.png) no-repeat 0 -600px !important;background-size: 16px !important;}.cke_hidpi .cke_button__checkbox_icon {background: url(icons_hidpi.png) no-repeat 0 -624px !important;background-size: 16px !important;}.cke_hidpi .cke_button__form_icon {background: url(icons_hidpi.png) no-repeat 0 -648px !important;background-size: 16px !important;}.cke_hidpi .cke_button__hiddenfield_icon {background: url(icons_hidpi.png) no-repeat 0 -672px !important;background-size: 16px !important;}.cke_hidpi .cke_button__imagebutton_icon {background: url(icons_hidpi.png) no-repeat 0 -696px !important;background-size: 16px !important;}.cke_hidpi .cke_button__radio_icon {background: url(icons_hidpi.png) no-repeat 0 -720px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__select_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__select_icon {background: url(icons_hidpi.png) no-repeat 0 -744px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__select_icon,.cke_ltr.cke_hidpi .cke_button__select_icon {background: url(icons_hidpi.png) no-repeat 0 -768px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__textarea_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__textarea_icon {background: url(icons_hidpi.png) no-repeat 0 -792px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__textarea_icon,.cke_ltr.cke_hidpi .cke_button__textarea_icon {background: url(icons_hidpi.png) no-repeat 0 -816px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__textfield_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__textfield_icon {background: url(icons_hidpi.png) no-repeat 0 -840px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__textfield_icon,.cke_ltr.cke_hidpi .cke_button__textfield_icon {background: url(icons_hidpi.png) no-repeat 0 -864px !important;background-size: 16px !important;}.cke_hidpi .cke_button__horizontalrule_icon {background: url(icons_hidpi.png) no-repeat 0 -888px !important;background-size: 16px !important;}.cke_hidpi .cke_button__iframe_icon {background: url(icons_hidpi.png) no-repeat 0 -912px !important;background-size: 16px !important;}.cke_hidpi .cke_button__image_icon {background: url(icons_hidpi.png) no-repeat 0 -936px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__indent_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__indent_icon {background: url(icons_hidpi.png) no-repeat 0 -960px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__indent_icon,.cke_ltr.cke_hidpi .cke_button__indent_icon {background: url(icons_hidpi.png) no-repeat 0 -984px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__outdent_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__outdent_icon {background: url(icons_hidpi.png) no-repeat 0 -1008px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__outdent_icon,.cke_ltr.cke_hidpi .cke_button__outdent_icon {background: url(icons_hidpi.png) no-repeat 0 -1032px !important;background-size: 16px !important;}.cke_hidpi .cke_button__smiley_icon {background: url(icons_hidpi.png) no-repeat 0 -1056px !important;background-size: 16px !important;}.cke_hidpi .cke_button__justifyblock_icon {background: url(icons_hidpi.png) no-repeat 0 -1080px !important;background-size: 16px !important;}.cke_hidpi .cke_button__justifycenter_icon {background: url(icons_hidpi.png) no-repeat 0 -1104px !important;background-size: 16px !important;}.cke_hidpi .cke_button__justifyleft_icon {background: url(icons_hidpi.png) no-repeat 0 -1128px !important;background-size: 16px !important;}.cke_hidpi .cke_button__justifyright_icon {background: url(icons_hidpi.png) no-repeat 0 -1152px !important;background-size: 16px !important;}.cke_hidpi .cke_button__language_icon {background: url(icons_hidpi.png) no-repeat 0 -1176px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__anchor_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__anchor_icon {background: url(icons_hidpi.png) no-repeat 0 -1200px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__anchor_icon,.cke_ltr.cke_hidpi .cke_button__anchor_icon {background: url(icons_hidpi.png) no-repeat 0 -1224px !important;background-size: 16px !important;}.cke_hidpi .cke_button__link_icon {background: url(icons_hidpi.png) no-repeat 0 -1248px !important;background-size: 16px !important;}.cke_hidpi .cke_button__unlink_icon {background: url(icons_hidpi.png) no-repeat 0 -1272px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__bulletedlist_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__bulletedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -1296px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__bulletedlist_icon,.cke_ltr.cke_hidpi .cke_button__bulletedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -1320px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__numberedlist_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__numberedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -1344px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__numberedlist_icon,.cke_ltr.cke_hidpi .cke_button__numberedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -1368px !important;background-size: 16px !important;}.cke_hidpi .cke_button__maximize_icon {background: url(icons_hidpi.png) no-repeat 0 -1392px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__newpage_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__newpage_icon {background: url(icons_hidpi.png) no-repeat 0 -1416px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__newpage_icon,.cke_ltr.cke_hidpi .cke_button__newpage_icon {background: url(icons_hidpi.png) no-repeat 0 -1440px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__pagebreak_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pagebreak_icon {background: url(icons_hidpi.png) no-repeat 0 -1464px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__pagebreak_icon,.cke_ltr.cke_hidpi .cke_button__pagebreak_icon {background: url(icons_hidpi.png) no-repeat 0 -1488px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__pastetext_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pastetext_icon {background: url(icons_hidpi.png) no-repeat 0 -1512px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__pastetext_icon,.cke_ltr.cke_hidpi .cke_button__pastetext_icon {background: url(icons_hidpi.png) no-repeat 0 -1536px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__pastefromword_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pastefromword_icon {background: url(icons_hidpi.png) no-repeat 0 -1560px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__pastefromword_icon,.cke_ltr.cke_hidpi .cke_button__pastefromword_icon {background: url(icons_hidpi.png) no-repeat 0 -1584px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__preview_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__preview_icon {background: url(icons_hidpi.png) no-repeat 0 -1608px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__preview_icon,.cke_ltr.cke_hidpi .cke_button__preview_icon {background: url(icons_hidpi.png) no-repeat 0 -1632px !important;background-size: 16px !important;}.cke_hidpi .cke_button__print_icon {background: url(icons_hidpi.png) no-repeat 0 -1656px !important;background-size: 16px !important;}.cke_hidpi .cke_button__removeformat_icon {background: url(icons_hidpi.png) no-repeat 0 -1680px !important;background-size: 16px !important;}.cke_hidpi .cke_button__save_icon {background: url(icons_hidpi.png) no-repeat 0 -1704px !important;background-size: 16px !important;}.cke_hidpi .cke_button__selectall_icon {background: url(icons_hidpi.png) no-repeat 0 -1728px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__showblocks_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__showblocks_icon {background: url(icons_hidpi.png) no-repeat 0 -1752px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__showblocks_icon,.cke_ltr.cke_hidpi .cke_button__showblocks_icon {background: url(icons_hidpi.png) no-repeat 0 -1776px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__source_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__source_icon {background: url(icons_hidpi.png) no-repeat 0 -1800px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__source_icon,.cke_ltr.cke_hidpi .cke_button__source_icon {background: url(icons_hidpi.png) no-repeat 0 -1824px !important;background-size: 16px !important;}.cke_hidpi .cke_button__specialchar_icon {background: url(icons_hidpi.png) no-repeat 0 -1848px !important;background-size: 16px !important;}.cke_hidpi .cke_button__scayt_icon {background: url(icons_hidpi.png) no-repeat 0 -1872px !important;background-size: 16px !important;}.cke_hidpi .cke_button__table_icon {background: url(icons_hidpi.png) no-repeat 0 -1896px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__redo_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__redo_icon {background: url(icons_hidpi.png) no-repeat 0 -1920px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__redo_icon,.cke_ltr.cke_hidpi .cke_button__redo_icon {background: url(icons_hidpi.png) no-repeat 0 -1944px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__undo_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__undo_icon {background: url(icons_hidpi.png) no-repeat 0 -1968px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__undo_icon,.cke_ltr.cke_hidpi .cke_button__undo_icon {background: url(icons_hidpi.png) no-repeat 0 -1992px !important;background-size: 16px !important;}.cke_hidpi .cke_button__spellchecker_icon {background: url(icons_hidpi.png) no-repeat 0 -2016px !important;background-size: 16px !important;}
\ No newline at end of file
diff --git a/resoft/ckeditor/skins/moono/editor_ie.css b/resoft/ckeditor/skins/moono/editor_ie.css
new file mode 100644
index 0000000..1db5449
--- /dev/null
+++ b/resoft/ckeditor/skins/moono/editor_ie.css
@@ -0,0 +1,5 @@
+/*
+Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+.cke_reset{margin:0;padding:0;border:0;background:transparent;text-decoration:none;width:auto;height:auto;vertical-align:baseline;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;position:static;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none}.cke_reset_all,.cke_reset_all *{margin:0;padding:0;border:0;background:transparent;text-decoration:none;width:auto;height:auto;vertical-align:baseline;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;position:static;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;border-collapse:collapse;font:normal normal normal 12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif;color:#000;text-align:left;white-space:nowrap;cursor:auto;float:none}.cke_reset_all .cke_rtl *{text-align:right}.cke_reset_all iframe{vertical-align:inherit}.cke_reset_all textarea{white-space:pre}.cke_reset_all textarea,.cke_reset_all input[type="text"],.cke_reset_all input[type="password"]{cursor:text}.cke_reset_all textarea[disabled],.cke_reset_all input[type="text"][disabled],.cke_reset_all input[type="password"][disabled]{cursor:default}.cke_reset_all fieldset{padding:10px;border:2px groove #e0dfe3}.cke_reset_all select{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.cke_reset_all table{table-layout:auto}.cke_chrome{display:block;border:1px solid #b6b6b6;padding:0;-moz-box-shadow:0 0 3px rgba(0,0,0,.15);-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.15)}.cke_inner{display:block;-webkit-touch-callout:none;background:#fff;padding:0}.cke_float{border:0}.cke_float .cke_inner{padding-bottom:0}.cke_top,.cke_contents,.cke_bottom{display:block;overflow:hidden}.cke_top{border-bottom:1px solid #b6b6b6;padding:6px 8px 2px;white-space:normal;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#cfd1cf));background-image:-moz-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-webkit-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-o-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-ms-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:linear-gradient(top,#f5f5f5,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f5f5f5',endColorstr='#cfd1cf')}.cke_float .cke_top{border:1px solid #b6b6b6;border-bottom-color:#999}.cke_bottom{padding:6px 8px 2px;position:relative;border-top:1px solid #bfbfbf;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#cfd1cf));background-image:-moz-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-webkit-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-o-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-ms-linear-gradient(top,#ebebeb,#cfd1cf);background-image:linear-gradient(top,#ebebeb,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ebebeb',endColorstr='#cfd1cf')}.cke_browser_ios .cke_contents{overflow-y:auto;-webkit-overflow-scrolling:touch}.cke_resizer{width:0;height:0;overflow:hidden;width:0;height:0;overflow:hidden;border-width:10px 10px 0 0;border-color:transparent #666 transparent transparent;border-style:dashed solid dashed dashed;font-size:0;vertical-align:bottom;margin-top:6px;margin-bottom:2px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.3);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:0 1px 0 rgba(255,255,255,.3)}.cke_hc .cke_resizer{font-size:15px;width:auto;height:auto;border-width:0}.cke_resizer_ltr{cursor:se-resize;float:right;margin-right:-4px}.cke_resizer_rtl{border-width:10px 0 0 10px;border-color:transparent transparent transparent #a5a5a5;border-style:dashed dashed dashed solid;cursor:sw-resize;float:left;margin-left:-4px;right:auto}.cke_wysiwyg_div{display:block;height:100%;overflow:auto;padding:0 8px;outline-style:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.cke_panel{visibility:visible;width:120px;height:100px;overflow:hidden;background-color:#fff;border:1px solid #b6b6b6;border-bottom-color:#999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 3px rgba(0,0,0,.15);-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.15)}.cke_menu_panel{padding:0;margin:0}.cke_combopanel{width:150px;height:170px}.cke_panel_frame{width:100%;height:100%;font-size:12px;overflow:auto;overflow-x:hidden}.cke_panel_container{overflow-y:auto;overflow-x:hidden}.cke_panel_list{list-style-type:none;margin:3px;padding:0;white-space:nowrap}.cke_panel_listItem{margin:0;padding-bottom:1px}.cke_panel_listItem a{padding:3px 4px;display:block;border:1px solid #fff;color:inherit!important;text-decoration:none;overflow:hidden;text-overflow:ellipsis;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}* html .cke_panel_listItem a{width:100%;color:#000}*:first-child+html .cke_panel_listItem a{color:#000}.cke_panel_listItem.cke_selected a{border:1px solid #dedede;background-color:#f2f2f2;-moz-box-shadow:0 0 2px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 0 2px rgba(0,0,0,.1) inset;box-shadow:0 0 2px rgba(0,0,0,.1) inset}.cke_panel_listItem a:hover,.cke_panel_listItem a:focus,.cke_panel_listItem a:active{border-color:#dedede;background-color:#f2f2f2;-moz-box-shadow:0 0 2px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 0 2px rgba(0,0,0,.1) inset;box-shadow:0 0 2px rgba(0,0,0,.1) inset}.cke_hc .cke_panel_listItem a{border-style:none}.cke_hc .cke_panel_listItem a:hover,.cke_hc .cke_panel_listItem a:focus,.cke_hc .cke_panel_listItem a:active{border:2px solid;padding:1px 2px}.cke_panel_grouptitle{cursor:default;font-size:11px;font-weight:bold;white-space:nowrap;margin:0;padding:4px 6px;color:#474747;text-shadow:0 1px 0 rgba(255,255,255,.75);border-bottom:1px solid #b6b6b6;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#cfd1cf));background-image:-moz-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-webkit-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-o-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-ms-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:linear-gradient(top,#f5f5f5,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f5f5f5',endColorstr='#cfd1cf')}.cke_panel_listItem p,.cke_panel_listItem h1,.cke_panel_listItem h2,.cke_panel_listItem h3,.cke_panel_listItem h4,.cke_panel_listItem h5,.cke_panel_listItem h6,.cke_panel_listItem pre{margin-top:0;margin-bottom:0}.cke_colorblock{padding:3px;font-size:11px;font-family:'Microsoft Sans Serif',Tahoma,Arial,Verdana,Sans-Serif}.cke_colorblock,.cke_colorblock a{text-decoration:none;color:#000}span.cke_colorbox{width:10px;height:10px;border:#808080 1px solid;float:left}.cke_rtl span.cke_colorbox{float:right}a.cke_colorbox{border:#fff 1px solid;padding:2px;float:left;width:12px;height:12px}.cke_rtl a.cke_colorbox{float:right}a:hover.cke_colorbox,a:focus.cke_colorbox,a:active.cke_colorbox{border:#b6b6b6 1px solid;background-color:#e5e5e5}a.cke_colorauto,a.cke_colormore{border:#fff 1px solid;padding:2px;display:block;cursor:pointer}a:hover.cke_colorauto,a:hover.cke_colormore,a:focus.cke_colorauto,a:focus.cke_colormore,a:active.cke_colorauto,a:active.cke_colormore{border:#b6b6b6 1px solid;background-color:#e5e5e5}.cke_toolbar{float:left}.cke_rtl .cke_toolbar{float:right}.cke_toolgroup{float:left;margin:0 6px 5px 0;border:1px solid #a6a6a6;border-bottom-color:#979797;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;background:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);background-image:-o-linear-gradient(top,#fff,#e4e4e4);background-image:-ms-linear-gradient(top,#fff,#e4e4e4);background-image:linear-gradient(top,#fff,#e4e4e4);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4')}.cke_hc .cke_toolgroup{border:0;margin-right:10px;margin-bottom:10px}.cke_rtl .cke_toolgroup{float:right;margin-left:6px;margin-right:0}a.cke_button{display:inline-block;height:18px;padding:4px 6px;outline:0;cursor:default;float:left;border:0}.cke_ltr .cke_button:last-child,.cke_rtl .cke_button:first-child{-moz-border-radius:0 2px 2px 0;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0}.cke_ltr .cke_button:first-child,.cke_rtl .cke_button:last-child{-moz-border-radius:2px 0 0 2px;-webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px}.cke_rtl .cke_button{float:right}.cke_hc .cke_button{border:1px solid black;padding:3px 5px;margin:-2px 4px 0 -2px}.cke_button_on{-moz-box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2);background:#b5b5b5;background-image:-webkit-gradient(linear,left top,left bottom,from(#aaa),to(#cacaca));background-image:-moz-linear-gradient(top,#aaa,#cacaca);background-image:-webkit-linear-gradient(top,#aaa,#cacaca);background-image:-o-linear-gradient(top,#aaa,#cacaca);background-image:-ms-linear-gradient(top,#aaa,#cacaca);background-image:linear-gradient(top,#aaa,#cacaca);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#aaaaaa',endColorstr='#cacaca')}.cke_hc .cke_button_on,.cke_hc a.cke_button_off:hover,.cke_hc a.cke_button_off:focus,.cke_hc a.cke_button_off:active,.cke_hc a.cke_button_disabled:hover,.cke_hc a.cke_button_disabled:focus,.cke_hc a.cke_button_disabled:active{border-width:3px;padding:1px 3px}.cke_button_disabled .cke_button_icon{opacity:.3}.cke_hc .cke_button_disabled{opacity:.5}a.cke_button_on:hover,a.cke_button_on:focus,a.cke_button_on:active{-moz-box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2)}a.cke_button_off:hover,a.cke_button_off:focus,a.cke_button_off:active,a.cke_button_disabled:hover,a.cke_button_disabled:focus,a.cke_button_disabled:active{-moz-box-shadow:0 0 1px rgba(0,0,0,.3) inset;-webkit-box-shadow:0 0 1px rgba(0,0,0,.3) inset;box-shadow:0 0 1px rgba(0,0,0,.3) inset;background:#ccc;background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ccc));background-image:-moz-linear-gradient(top,#f2f2f2,#ccc);background-image:-webkit-linear-gradient(top,#f2f2f2,#ccc);background-image:-o-linear-gradient(top,#f2f2f2,#ccc);background-image:-ms-linear-gradient(top,#f2f2f2,#ccc);background-image:linear-gradient(top,#f2f2f2,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f2f2f2',endColorstr='#cccccc')}.cke_button_icon{cursor:inherit;background-repeat:no-repeat;margin-top:1px;width:16px;height:16px;float:left;display:inline-block}.cke_rtl .cke_button_icon{float:right}.cke_hc .cke_button_icon{display:none}.cke_button_label{display:none;padding-left:3px;margin-top:1px;line-height:17px;vertical-align:middle;float:left;cursor:default;color:#474747;text-shadow:0 1px 0 rgba(255,255,255,.5)}.cke_rtl .cke_button_label{padding-right:3px;padding-left:0;float:right}.cke_hc .cke_button_label{padding:0;display:inline-block;font-size:12px}.cke_button_arrow{display:inline-block;margin:8px 0 0 1px;width:0;height:0;cursor:default;vertical-align:top;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #474747}.cke_rtl .cke_button_arrow{margin-right:5px;margin-left:0}.cke_hc .cke_button_arrow{font-size:10px;margin:3px -2px 0 3px;width:auto;border:0}.cke_toolbar_separator{float:left;background-color:#c0c0c0;background-color:rgba(0,0,0,.2);margin:5px 2px 0;height:18px;width:1px;-webkit-box-shadow:1px 0 1px rgba(255,255,255,.5);-moz-box-shadow:1px 0 1px rgba(255,255,255,.5);box-shadow:1px 0 1px rgba(255,255,255,.5)}.cke_rtl .cke_toolbar_separator{float:right;-webkit-box-shadow:-1px 0 1px rgba(255,255,255,.1);-moz-box-shadow:-1px 0 1px rgba(255,255,255,.1);box-shadow:-1px 0 1px rgba(255,255,255,.1)}.cke_hc .cke_toolbar_separator{width:0;border-left:1px solid;margin:1px 5px 0 0}.cke_toolbar_break{display:block;clear:left}.cke_rtl .cke_toolbar_break{clear:right}.cke_toolbox_collapser{width:12px;height:11px;float:right;margin:11px 0 0;font-size:0;cursor:default;text-align:center;border:1px solid #a6a6a6;border-bottom-color:#979797;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;background:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);background-image:-o-linear-gradient(top,#fff,#e4e4e4);background-image:-ms-linear-gradient(top,#fff,#e4e4e4);background-image:linear-gradient(top,#fff,#e4e4e4);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4')}.cke_toolbox_collapser:hover{background:#ccc;background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ccc));background-image:-moz-linear-gradient(top,#f2f2f2,#ccc);background-image:-webkit-linear-gradient(top,#f2f2f2,#ccc);background-image:-o-linear-gradient(top,#f2f2f2,#ccc);background-image:-ms-linear-gradient(top,#f2f2f2,#ccc);background-image:linear-gradient(top,#f2f2f2,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f2f2f2',endColorstr='#cccccc')}.cke_toolbox_collapser.cke_toolbox_collapser_min{margin:0 2px 4px}.cke_rtl .cke_toolbox_collapser{float:left}.cke_toolbox_collapser .cke_arrow{display:inline-block;height:0;width:0;font-size:0;margin-top:1px;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:3px solid #474747;border-top:3px solid transparent}.cke_toolbox_collapser.cke_toolbox_collapser_min .cke_arrow{margin-top:4px;border-bottom-color:transparent;border-top-color:#474747}.cke_hc .cke_toolbox_collapser .cke_arrow{font-size:8px;width:auto;border:0;margin-top:0;margin-right:2px}.cke_menubutton{display:block}.cke_menuitem span{cursor:default}.cke_menubutton:hover,.cke_menubutton:focus,.cke_menubutton:active{background-color:#d3d3d3;display:block}.cke_hc .cke_menubutton{padding:2px}.cke_hc .cke_menubutton:hover,.cke_hc .cke_menubutton:focus,.cke_hc .cke_menubutton:active{border:2px solid;padding:0}.cke_menubutton_inner{display:table-row}.cke_menubutton_icon,.cke_menubutton_label,.cke_menuarrow{display:table-cell}.cke_menubutton_icon{background-color:#d7d8d7;opacity:.70;filter:alpha(opacity=70);padding:4px}.cke_hc .cke_menubutton_icon{height:16px;width:0;padding:4px 0}.cke_menubutton:hover .cke_menubutton_icon,.cke_menubutton:focus .cke_menubutton_icon,.cke_menubutton:active .cke_menubutton_icon{background-color:#d0d2d0}.cke_menubutton_disabled:hover .cke_menubutton_icon,.cke_menubutton_disabled:focus .cke_menubutton_icon,.cke_menubutton_disabled:active .cke_menubutton_icon{opacity:.3;filter:alpha(opacity=30)}.cke_menubutton_label{padding:0 5px;background-color:transparent;width:100%;vertical-align:middle}.cke_menubutton_disabled .cke_menubutton_label{opacity:.3;filter:alpha(opacity=30)}.cke_menubutton_on{border:1px solid #dedede;background-color:#f2f2f2;-moz-box-shadow:0 0 2px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 0 2px rgba(0,0,0,.1) inset;box-shadow:0 0 2px rgba(0,0,0,.1) inset}.cke_menubutton_on .cke_menubutton_icon{padding-right:3px}.cke_menubutton:hover,.cke_menubutton:focus,.cke_menubutton:active{background-color:#eff0ef}.cke_panel_frame .cke_menubutton_label{display:none}.cke_menuseparator{background-color:#d3d3d3;height:1px;filter:alpha(opacity=70);opacity:.70}.cke_menuarrow{background-image:url(images/arrow.png);background-position:0 10px;background-repeat:no-repeat;padding:0 5px}.cke_rtl .cke_menuarrow{background-position:5px -13px;background-repeat:no-repeat}.cke_menuarrow span{display:none}.cke_hc .cke_menuarrow span{vertical-align:middle;display:inline}.cke_combo{display:inline-block;float:left}.cke_rtl .cke_combo{float:right}.cke_hc .cke_combo{margin-top:-2px}.cke_combo_label{display:none;float:left;line-height:26px;vertical-align:top;margin-right:5px}.cke_rtl .cke_combo_label{float:right;margin-left:5px;margin-right:0}.cke_combo_button{cursor:default;display:inline-block;float:left;margin:0 6px 5px 0;border:1px solid #a6a6a6;border-bottom-color:#979797;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;background:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);background-image:-o-linear-gradient(top,#fff,#e4e4e4);background-image:-ms-linear-gradient(top,#fff,#e4e4e4);background-image:linear-gradient(top,#fff,#e4e4e4);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4')}.cke_combo_off a.cke_combo_button:hover,.cke_combo_off a.cke_combo_button:focus{background:#ccc;background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ccc));background-image:-moz-linear-gradient(top,#f2f2f2,#ccc);background-image:-webkit-linear-gradient(top,#f2f2f2,#ccc);background-image:-o-linear-gradient(top,#f2f2f2,#ccc);background-image:-ms-linear-gradient(top,#f2f2f2,#ccc);background-image:linear-gradient(top,#f2f2f2,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f2f2f2',endColorstr='#cccccc');outline:0}.cke_combo_off a.cke_combo_button:active,.cke_combo_on a.cke_combo_button{border:1px solid #777;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 1px 5px rgba(0,0,0,.6) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 1px 5px rgba(0,0,0,.6) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 1px 5px rgba(0,0,0,.6) inset;background:#b5b5b5;background-image:-webkit-gradient(linear,left top,left bottom,from(#aaa),to(#cacaca));background-image:-moz-linear-gradient(top,#aaa,#cacaca);background-image:-webkit-linear-gradient(top,#aaa,#cacaca);background-image:-o-linear-gradient(top,#aaa,#cacaca);background-image:-ms-linear-gradient(top,#aaa,#cacaca);background-image:linear-gradient(top,#aaa,#cacaca);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#aaaaaa',endColorstr='#cacaca')}.cke_combo_on a.cke_combo_button:hover,.cke_combo_on a.cke_combo_button:focus,.cke_combo_on a.cke_combo_button:active{-moz-box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2)}.cke_rtl .cke_combo_button{float:right;margin-left:5px;margin-right:0}.cke_hc a.cke_combo_button{padding:3px}.cke_hc .cke_combo_on a.cke_combo_button,.cke_hc .cke_combo_off a.cke_combo_button:hover,.cke_hc .cke_combo_off a.cke_combo_button:focus,.cke_hc .cke_combo_off a.cke_combo_button:active{border-width:3px;padding:1px}.cke_combo_text{line-height:26px;padding-left:10px;text-overflow:ellipsis;overflow:hidden;float:left;cursor:default;color:#474747;text-shadow:0 1px 0 rgba(255,255,255,.5);width:60px}.cke_rtl .cke_combo_text{float:right;text-align:right;padding-left:0;padding-right:10px}.cke_hc .cke_combo_text{line-height:18px;font-size:12px}.cke_combo_open{cursor:default;display:inline-block;font-size:0;height:19px;line-height:17px;margin:1px 7px 1px;width:5px}.cke_hc .cke_combo_open{height:12px}.cke_combo_arrow{cursor:default;margin:11px 0 0;float:left;height:0;width:0;font-size:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #474747}.cke_hc .cke_combo_arrow{font-size:10px;width:auto;border:0;margin-top:3px}.cke_combo_disabled .cke_combo_inlinelabel,.cke_combo_disabled .cke_combo_open{opacity:.3}.cke_path{float:left;margin:-2px 0 2px}.cke_path_item,.cke_path_empty{display:inline-block;float:left;padding:3px 4px;margin-right:2px;cursor:default;text-decoration:none;outline:0;border:0;color:#4c4c4c;text-shadow:0 1px 0 #fff;font-weight:bold;font-size:11px}.cke_rtl .cke_path,.cke_rtl .cke_path_item,.cke_rtl .cke_path_empty{float:right}a.cke_path_item:hover,a.cke_path_item:focus,a.cke_path_item:active{background-color:#bfbfbf;color:#333;text-shadow:0 1px 0 rgba(255,255,255,.5);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 4px rgba(0,0,0,.5) inset,0 1px 0 rgba(255,255,255,.5);-webkit-box-shadow:0 0 4px rgba(0,0,0,.5) inset,0 1px 0 rgba(255,255,255,.5);box-shadow:0 0 4px rgba(0,0,0,.5) inset,0 1px 0 rgba(255,255,255,.5)}.cke_hc a.cke_path_item:hover,.cke_hc a.cke_path_item:focus,.cke_hc a.cke_path_item:active{border:2px solid;padding:1px 2px}.cke_button__source_label,.cke_button__sourcedialog_label{display:inline}.cke_combo__fontsize .cke_combo_text{width:30px}.cke_combopanel__fontsize{width:120px}.cke_source{font-family:'Courier New',Monospace;font-size:small;background-color:#fff;white-space:pre}.cke_wysiwyg_frame,.cke_wysiwyg_div{background-color:#fff}.cke_chrome{visibility:inherit}.cke_voice_label{display:none}legend.cke_voice_label{display:none}a.cke_button_disabled,a.cke_button_disabled:hover,a.cke_button_disabled:focus,a.cke_button_disabled:active{filter:alpha(opacity = 30)}.cke_button_disabled .cke_button_icon{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff)}.cke_button_off:hover,.cke_button_off:focus,.cke_button_off:active{filter:alpha(opacity = 100)}.cke_combo_disabled .cke_combo_inlinelabel,.cke_combo_disabled .cke_combo_open{filter:alpha(opacity = 30)}.cke_toolbox_collapser{border:1px solid #a6a6a6}.cke_toolbox_collapser .cke_arrow{margin-top:1px}.cke_hc .cke_top,.cke_hc .cke_bottom,.cke_hc .cke_combo_button,.cke_hc a.cke_combo_button:hover,.cke_hc a.cke_combo_button:focus,.cke_hc .cke_toolgroup,.cke_hc .cke_button_on,.cke_hc a.cke_button_off:hover,.cke_hc a.cke_button_off:focus,.cke_hc a.cke_button_off:active,.cke_hc .cke_toolbox_collapser,.cke_hc .cke_toolbox_collapser:hover,.cke_hc .cke_panel_grouptitle{filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.cke_button__about_icon {background: url(icons.png) no-repeat 0 -0px !important;}.cke_button__bold_icon {background: url(icons.png) no-repeat 0 -24px !important;}.cke_button__italic_icon {background: url(icons.png) no-repeat 0 -48px !important;}.cke_button__strike_icon {background: url(icons.png) no-repeat 0 -72px !important;}.cke_button__subscript_icon {background: url(icons.png) no-repeat 0 -96px !important;}.cke_button__superscript_icon {background: url(icons.png) no-repeat 0 -120px !important;}.cke_button__underline_icon {background: url(icons.png) no-repeat 0 -144px !important;}.cke_button__bidiltr_icon {background: url(icons.png) no-repeat 0 -168px !important;}.cke_button__bidirtl_icon {background: url(icons.png) no-repeat 0 -192px !important;}.cke_button__blockquote_icon {background: url(icons.png) no-repeat 0 -216px !important;}.cke_rtl .cke_button__copy_icon, .cke_mixed_dir_content .cke_rtl .cke_button__copy_icon {background: url(icons.png) no-repeat 0 -240px !important;}.cke_ltr .cke_button__copy_icon {background: url(icons.png) no-repeat 0 -264px !important;}.cke_rtl .cke_button__cut_icon, .cke_mixed_dir_content .cke_rtl .cke_button__cut_icon {background: url(icons.png) no-repeat 0 -288px !important;}.cke_ltr .cke_button__cut_icon {background: url(icons.png) no-repeat 0 -312px !important;}.cke_rtl .cke_button__paste_icon, .cke_mixed_dir_content .cke_rtl .cke_button__paste_icon {background: url(icons.png) no-repeat 0 -336px !important;}.cke_ltr .cke_button__paste_icon {background: url(icons.png) no-repeat 0 -360px !important;}.cke_button__bgcolor_icon {background: url(icons.png) no-repeat 0 -384px !important;}.cke_button__textcolor_icon {background: url(icons.png) no-repeat 0 -408px !important;}.cke_rtl .cke_button__templates_icon, .cke_mixed_dir_content .cke_rtl .cke_button__templates_icon {background: url(icons.png) no-repeat 0 -432px !important;}.cke_ltr .cke_button__templates_icon {background: url(icons.png) no-repeat 0 -456px !important;}.cke_button__creatediv_icon {background: url(icons.png) no-repeat 0 -480px !important;}.cke_rtl .cke_button__find_icon, .cke_mixed_dir_content .cke_rtl .cke_button__find_icon {background: url(icons.png) no-repeat 0 -504px !important;}.cke_ltr .cke_button__find_icon {background: url(icons.png) no-repeat 0 -528px !important;}.cke_button__replace_icon {background: url(icons.png) no-repeat 0 -552px !important;}.cke_button__flash_icon {background: url(icons.png) no-repeat 0 -576px !important;}.cke_button__button_icon {background: url(icons.png) no-repeat 0 -600px !important;}.cke_button__checkbox_icon {background: url(icons.png) no-repeat 0 -624px !important;}.cke_button__form_icon {background: url(icons.png) no-repeat 0 -648px !important;}.cke_button__hiddenfield_icon {background: url(icons.png) no-repeat 0 -672px !important;}.cke_button__imagebutton_icon {background: url(icons.png) no-repeat 0 -696px !important;}.cke_button__radio_icon {background: url(icons.png) no-repeat 0 -720px !important;}.cke_rtl .cke_button__select_icon, .cke_mixed_dir_content .cke_rtl .cke_button__select_icon {background: url(icons.png) no-repeat 0 -744px !important;}.cke_ltr .cke_button__select_icon {background: url(icons.png) no-repeat 0 -768px !important;}.cke_rtl .cke_button__textarea_icon, .cke_mixed_dir_content .cke_rtl .cke_button__textarea_icon {background: url(icons.png) no-repeat 0 -792px !important;}.cke_ltr .cke_button__textarea_icon {background: url(icons.png) no-repeat 0 -816px !important;}.cke_rtl .cke_button__textfield_icon, .cke_mixed_dir_content .cke_rtl .cke_button__textfield_icon {background: url(icons.png) no-repeat 0 -840px !important;}.cke_ltr .cke_button__textfield_icon {background: url(icons.png) no-repeat 0 -864px !important;}.cke_button__horizontalrule_icon {background: url(icons.png) no-repeat 0 -888px !important;}.cke_button__iframe_icon {background: url(icons.png) no-repeat 0 -912px !important;}.cke_button__image_icon {background: url(icons.png) no-repeat 0 -936px !important;}.cke_rtl .cke_button__indent_icon, .cke_mixed_dir_content .cke_rtl .cke_button__indent_icon {background: url(icons.png) no-repeat 0 -960px !important;}.cke_ltr .cke_button__indent_icon {background: url(icons.png) no-repeat 0 -984px !important;}.cke_rtl .cke_button__outdent_icon, .cke_mixed_dir_content .cke_rtl .cke_button__outdent_icon {background: url(icons.png) no-repeat 0 -1008px !important;}.cke_ltr .cke_button__outdent_icon {background: url(icons.png) no-repeat 0 -1032px !important;}.cke_button__smiley_icon {background: url(icons.png) no-repeat 0 -1056px !important;}.cke_button__justifyblock_icon {background: url(icons.png) no-repeat 0 -1080px !important;}.cke_button__justifycenter_icon {background: url(icons.png) no-repeat 0 -1104px !important;}.cke_button__justifyleft_icon {background: url(icons.png) no-repeat 0 -1128px !important;}.cke_button__justifyright_icon {background: url(icons.png) no-repeat 0 -1152px !important;}.cke_button__language_icon {background: url(icons.png) no-repeat 0 -1176px !important;}.cke_rtl .cke_button__anchor_icon, .cke_mixed_dir_content .cke_rtl .cke_button__anchor_icon {background: url(icons.png) no-repeat 0 -1200px !important;}.cke_ltr .cke_button__anchor_icon {background: url(icons.png) no-repeat 0 -1224px !important;}.cke_button__link_icon {background: url(icons.png) no-repeat 0 -1248px !important;}.cke_button__unlink_icon {background: url(icons.png) no-repeat 0 -1272px !important;}.cke_rtl .cke_button__bulletedlist_icon, .cke_mixed_dir_content .cke_rtl .cke_button__bulletedlist_icon {background: url(icons.png) no-repeat 0 -1296px !important;}.cke_ltr .cke_button__bulletedlist_icon {background: url(icons.png) no-repeat 0 -1320px !important;}.cke_rtl .cke_button__numberedlist_icon, .cke_mixed_dir_content .cke_rtl .cke_button__numberedlist_icon {background: url(icons.png) no-repeat 0 -1344px !important;}.cke_ltr .cke_button__numberedlist_icon {background: url(icons.png) no-repeat 0 -1368px !important;}.cke_button__maximize_icon {background: url(icons.png) no-repeat 0 -1392px !important;}.cke_rtl .cke_button__newpage_icon, .cke_mixed_dir_content .cke_rtl .cke_button__newpage_icon {background: url(icons.png) no-repeat 0 -1416px !important;}.cke_ltr .cke_button__newpage_icon {background: url(icons.png) no-repeat 0 -1440px !important;}.cke_rtl .cke_button__pagebreak_icon, .cke_mixed_dir_content .cke_rtl .cke_button__pagebreak_icon {background: url(icons.png) no-repeat 0 -1464px !important;}.cke_ltr .cke_button__pagebreak_icon {background: url(icons.png) no-repeat 0 -1488px !important;}.cke_rtl .cke_button__pastetext_icon, .cke_mixed_dir_content .cke_rtl .cke_button__pastetext_icon {background: url(icons.png) no-repeat 0 -1512px !important;}.cke_ltr .cke_button__pastetext_icon {background: url(icons.png) no-repeat 0 -1536px !important;}.cke_rtl .cke_button__pastefromword_icon, .cke_mixed_dir_content .cke_rtl .cke_button__pastefromword_icon {background: url(icons.png) no-repeat 0 -1560px !important;}.cke_ltr .cke_button__pastefromword_icon {background: url(icons.png) no-repeat 0 -1584px !important;}.cke_rtl .cke_button__preview_icon, .cke_mixed_dir_content .cke_rtl .cke_button__preview_icon {background: url(icons.png) no-repeat 0 -1608px !important;}.cke_ltr .cke_button__preview_icon {background: url(icons.png) no-repeat 0 -1632px !important;}.cke_button__print_icon {background: url(icons.png) no-repeat 0 -1656px !important;}.cke_button__removeformat_icon {background: url(icons.png) no-repeat 0 -1680px !important;}.cke_button__save_icon {background: url(icons.png) no-repeat 0 -1704px !important;}.cke_button__selectall_icon {background: url(icons.png) no-repeat 0 -1728px !important;}.cke_rtl .cke_button__showblocks_icon, .cke_mixed_dir_content .cke_rtl .cke_button__showblocks_icon {background: url(icons.png) no-repeat 0 -1752px !important;}.cke_ltr .cke_button__showblocks_icon {background: url(icons.png) no-repeat 0 -1776px !important;}.cke_rtl .cke_button__source_icon, .cke_mixed_dir_content .cke_rtl .cke_button__source_icon {background: url(icons.png) no-repeat 0 -1800px !important;}.cke_ltr .cke_button__source_icon {background: url(icons.png) no-repeat 0 -1824px !important;}.cke_button__specialchar_icon {background: url(icons.png) no-repeat 0 -1848px !important;}.cke_button__scayt_icon {background: url(icons.png) no-repeat 0 -1872px !important;}.cke_button__table_icon {background: url(icons.png) no-repeat 0 -1896px !important;}.cke_rtl .cke_button__redo_icon, .cke_mixed_dir_content .cke_rtl .cke_button__redo_icon {background: url(icons.png) no-repeat 0 -1920px !important;}.cke_ltr .cke_button__redo_icon {background: url(icons.png) no-repeat 0 -1944px !important;}.cke_rtl .cke_button__undo_icon, .cke_mixed_dir_content .cke_rtl .cke_button__undo_icon {background: url(icons.png) no-repeat 0 -1968px !important;}.cke_ltr .cke_button__undo_icon {background: url(icons.png) no-repeat 0 -1992px !important;}.cke_button__spellchecker_icon {background: url(icons.png) no-repeat 0 -2016px !important;}.cke_hidpi .cke_button__about_icon {background: url(icons_hidpi.png) no-repeat 0 -0px !important;background-size: 16px !important;}.cke_hidpi .cke_button__bold_icon {background: url(icons_hidpi.png) no-repeat 0 -24px !important;background-size: 16px !important;}.cke_hidpi .cke_button__italic_icon {background: url(icons_hidpi.png) no-repeat 0 -48px !important;background-size: 16px !important;}.cke_hidpi .cke_button__strike_icon {background: url(icons_hidpi.png) no-repeat 0 -72px !important;background-size: 16px !important;}.cke_hidpi .cke_button__subscript_icon {background: url(icons_hidpi.png) no-repeat 0 -96px !important;background-size: 16px !important;}.cke_hidpi .cke_button__superscript_icon {background: url(icons_hidpi.png) no-repeat 0 -120px !important;background-size: 16px !important;}.cke_hidpi .cke_button__underline_icon {background: url(icons_hidpi.png) no-repeat 0 -144px !important;background-size: 16px !important;}.cke_hidpi .cke_button__bidiltr_icon {background: url(icons_hidpi.png) no-repeat 0 -168px !important;background-size: 16px !important;}.cke_hidpi .cke_button__bidirtl_icon {background: url(icons_hidpi.png) no-repeat 0 -192px !important;background-size: 16px !important;}.cke_hidpi .cke_button__blockquote_icon {background: url(icons_hidpi.png) no-repeat 0 -216px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__copy_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__copy_icon {background: url(icons_hidpi.png) no-repeat 0 -240px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__copy_icon,.cke_ltr.cke_hidpi .cke_button__copy_icon {background: url(icons_hidpi.png) no-repeat 0 -264px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__cut_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__cut_icon {background: url(icons_hidpi.png) no-repeat 0 -288px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__cut_icon,.cke_ltr.cke_hidpi .cke_button__cut_icon {background: url(icons_hidpi.png) no-repeat 0 -312px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__paste_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__paste_icon {background: url(icons_hidpi.png) no-repeat 0 -336px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__paste_icon,.cke_ltr.cke_hidpi .cke_button__paste_icon {background: url(icons_hidpi.png) no-repeat 0 -360px !important;background-size: 16px !important;}.cke_hidpi .cke_button__bgcolor_icon {background: url(icons_hidpi.png) no-repeat 0 -384px !important;background-size: 16px !important;}.cke_hidpi .cke_button__textcolor_icon {background: url(icons_hidpi.png) no-repeat 0 -408px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__templates_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__templates_icon {background: url(icons_hidpi.png) no-repeat 0 -432px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__templates_icon,.cke_ltr.cke_hidpi .cke_button__templates_icon {background: url(icons_hidpi.png) no-repeat 0 -456px !important;background-size: 16px !important;}.cke_hidpi .cke_button__creatediv_icon {background: url(icons_hidpi.png) no-repeat 0 -480px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__find_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__find_icon {background: url(icons_hidpi.png) no-repeat 0 -504px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__find_icon,.cke_ltr.cke_hidpi .cke_button__find_icon {background: url(icons_hidpi.png) no-repeat 0 -528px !important;background-size: 16px !important;}.cke_hidpi .cke_button__replace_icon {background: url(icons_hidpi.png) no-repeat 0 -552px !important;background-size: 16px !important;}.cke_hidpi .cke_button__flash_icon {background: url(icons_hidpi.png) no-repeat 0 -576px !important;background-size: 16px !important;}.cke_hidpi .cke_button__button_icon {background: url(icons_hidpi.png) no-repeat 0 -600px !important;background-size: 16px !important;}.cke_hidpi .cke_button__checkbox_icon {background: url(icons_hidpi.png) no-repeat 0 -624px !important;background-size: 16px !important;}.cke_hidpi .cke_button__form_icon {background: url(icons_hidpi.png) no-repeat 0 -648px !important;background-size: 16px !important;}.cke_hidpi .cke_button__hiddenfield_icon {background: url(icons_hidpi.png) no-repeat 0 -672px !important;background-size: 16px !important;}.cke_hidpi .cke_button__imagebutton_icon {background: url(icons_hidpi.png) no-repeat 0 -696px !important;background-size: 16px !important;}.cke_hidpi .cke_button__radio_icon {background: url(icons_hidpi.png) no-repeat 0 -720px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__select_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__select_icon {background: url(icons_hidpi.png) no-repeat 0 -744px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__select_icon,.cke_ltr.cke_hidpi .cke_button__select_icon {background: url(icons_hidpi.png) no-repeat 0 -768px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__textarea_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__textarea_icon {background: url(icons_hidpi.png) no-repeat 0 -792px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__textarea_icon,.cke_ltr.cke_hidpi .cke_button__textarea_icon {background: url(icons_hidpi.png) no-repeat 0 -816px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__textfield_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__textfield_icon {background: url(icons_hidpi.png) no-repeat 0 -840px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__textfield_icon,.cke_ltr.cke_hidpi .cke_button__textfield_icon {background: url(icons_hidpi.png) no-repeat 0 -864px !important;background-size: 16px !important;}.cke_hidpi .cke_button__horizontalrule_icon {background: url(icons_hidpi.png) no-repeat 0 -888px !important;background-size: 16px !important;}.cke_hidpi .cke_button__iframe_icon {background: url(icons_hidpi.png) no-repeat 0 -912px !important;background-size: 16px !important;}.cke_hidpi .cke_button__image_icon {background: url(icons_hidpi.png) no-repeat 0 -936px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__indent_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__indent_icon {background: url(icons_hidpi.png) no-repeat 0 -960px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__indent_icon,.cke_ltr.cke_hidpi .cke_button__indent_icon {background: url(icons_hidpi.png) no-repeat 0 -984px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__outdent_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__outdent_icon {background: url(icons_hidpi.png) no-repeat 0 -1008px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__outdent_icon,.cke_ltr.cke_hidpi .cke_button__outdent_icon {background: url(icons_hidpi.png) no-repeat 0 -1032px !important;background-size: 16px !important;}.cke_hidpi .cke_button__smiley_icon {background: url(icons_hidpi.png) no-repeat 0 -1056px !important;background-size: 16px !important;}.cke_hidpi .cke_button__justifyblock_icon {background: url(icons_hidpi.png) no-repeat 0 -1080px !important;background-size: 16px !important;}.cke_hidpi .cke_button__justifycenter_icon {background: url(icons_hidpi.png) no-repeat 0 -1104px !important;background-size: 16px !important;}.cke_hidpi .cke_button__justifyleft_icon {background: url(icons_hidpi.png) no-repeat 0 -1128px !important;background-size: 16px !important;}.cke_hidpi .cke_button__justifyright_icon {background: url(icons_hidpi.png) no-repeat 0 -1152px !important;background-size: 16px !important;}.cke_hidpi .cke_button__language_icon {background: url(icons_hidpi.png) no-repeat 0 -1176px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__anchor_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__anchor_icon {background: url(icons_hidpi.png) no-repeat 0 -1200px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__anchor_icon,.cke_ltr.cke_hidpi .cke_button__anchor_icon {background: url(icons_hidpi.png) no-repeat 0 -1224px !important;background-size: 16px !important;}.cke_hidpi .cke_button__link_icon {background: url(icons_hidpi.png) no-repeat 0 -1248px !important;background-size: 16px !important;}.cke_hidpi .cke_button__unlink_icon {background: url(icons_hidpi.png) no-repeat 0 -1272px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__bulletedlist_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__bulletedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -1296px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__bulletedlist_icon,.cke_ltr.cke_hidpi .cke_button__bulletedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -1320px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__numberedlist_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__numberedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -1344px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__numberedlist_icon,.cke_ltr.cke_hidpi .cke_button__numberedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -1368px !important;background-size: 16px !important;}.cke_hidpi .cke_button__maximize_icon {background: url(icons_hidpi.png) no-repeat 0 -1392px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__newpage_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__newpage_icon {background: url(icons_hidpi.png) no-repeat 0 -1416px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__newpage_icon,.cke_ltr.cke_hidpi .cke_button__newpage_icon {background: url(icons_hidpi.png) no-repeat 0 -1440px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__pagebreak_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pagebreak_icon {background: url(icons_hidpi.png) no-repeat 0 -1464px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__pagebreak_icon,.cke_ltr.cke_hidpi .cke_button__pagebreak_icon {background: url(icons_hidpi.png) no-repeat 0 -1488px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__pastetext_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pastetext_icon {background: url(icons_hidpi.png) no-repeat 0 -1512px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__pastetext_icon,.cke_ltr.cke_hidpi .cke_button__pastetext_icon {background: url(icons_hidpi.png) no-repeat 0 -1536px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__pastefromword_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pastefromword_icon {background: url(icons_hidpi.png) no-repeat 0 -1560px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__pastefromword_icon,.cke_ltr.cke_hidpi .cke_button__pastefromword_icon {background: url(icons_hidpi.png) no-repeat 0 -1584px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__preview_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__preview_icon {background: url(icons_hidpi.png) no-repeat 0 -1608px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__preview_icon,.cke_ltr.cke_hidpi .cke_button__preview_icon {background: url(icons_hidpi.png) no-repeat 0 -1632px !important;background-size: 16px !important;}.cke_hidpi .cke_button__print_icon {background: url(icons_hidpi.png) no-repeat 0 -1656px !important;background-size: 16px !important;}.cke_hidpi .cke_button__removeformat_icon {background: url(icons_hidpi.png) no-repeat 0 -1680px !important;background-size: 16px !important;}.cke_hidpi .cke_button__save_icon {background: url(icons_hidpi.png) no-repeat 0 -1704px !important;background-size: 16px !important;}.cke_hidpi .cke_button__selectall_icon {background: url(icons_hidpi.png) no-repeat 0 -1728px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__showblocks_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__showblocks_icon {background: url(icons_hidpi.png) no-repeat 0 -1752px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__showblocks_icon,.cke_ltr.cke_hidpi .cke_button__showblocks_icon {background: url(icons_hidpi.png) no-repeat 0 -1776px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__source_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__source_icon {background: url(icons_hidpi.png) no-repeat 0 -1800px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__source_icon,.cke_ltr.cke_hidpi .cke_button__source_icon {background: url(icons_hidpi.png) no-repeat 0 -1824px !important;background-size: 16px !important;}.cke_hidpi .cke_button__specialchar_icon {background: url(icons_hidpi.png) no-repeat 0 -1848px !important;background-size: 16px !important;}.cke_hidpi .cke_button__scayt_icon {background: url(icons_hidpi.png) no-repeat 0 -1872px !important;background-size: 16px !important;}.cke_hidpi .cke_button__table_icon {background: url(icons_hidpi.png) no-repeat 0 -1896px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__redo_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__redo_icon {background: url(icons_hidpi.png) no-repeat 0 -1920px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__redo_icon,.cke_ltr.cke_hidpi .cke_button__redo_icon {background: url(icons_hidpi.png) no-repeat 0 -1944px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__undo_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__undo_icon {background: url(icons_hidpi.png) no-repeat 0 -1968px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__undo_icon,.cke_ltr.cke_hidpi .cke_button__undo_icon {background: url(icons_hidpi.png) no-repeat 0 -1992px !important;background-size: 16px !important;}.cke_hidpi .cke_button__spellchecker_icon {background: url(icons_hidpi.png) no-repeat 0 -2016px !important;background-size: 16px !important;}
\ No newline at end of file
diff --git a/resoft/ckeditor/skins/moono/editor_ie7.css b/resoft/ckeditor/skins/moono/editor_ie7.css
new file mode 100644
index 0000000..825bec7
--- /dev/null
+++ b/resoft/ckeditor/skins/moono/editor_ie7.css
@@ -0,0 +1,5 @@
+/*
+Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+.cke_reset{margin:0;padding:0;border:0;background:transparent;text-decoration:none;width:auto;height:auto;vertical-align:baseline;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;position:static;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none}.cke_reset_all,.cke_reset_all *{margin:0;padding:0;border:0;background:transparent;text-decoration:none;width:auto;height:auto;vertical-align:baseline;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;position:static;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;border-collapse:collapse;font:normal normal normal 12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif;color:#000;text-align:left;white-space:nowrap;cursor:auto;float:none}.cke_reset_all .cke_rtl *{text-align:right}.cke_reset_all iframe{vertical-align:inherit}.cke_reset_all textarea{white-space:pre}.cke_reset_all textarea,.cke_reset_all input[type="text"],.cke_reset_all input[type="password"]{cursor:text}.cke_reset_all textarea[disabled],.cke_reset_all input[type="text"][disabled],.cke_reset_all input[type="password"][disabled]{cursor:default}.cke_reset_all fieldset{padding:10px;border:2px groove #e0dfe3}.cke_reset_all select{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.cke_reset_all table{table-layout:auto}.cke_chrome{display:block;border:1px solid #b6b6b6;padding:0;-moz-box-shadow:0 0 3px rgba(0,0,0,.15);-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.15)}.cke_inner{display:block;-webkit-touch-callout:none;background:#fff;padding:0}.cke_float{border:0}.cke_float .cke_inner{padding-bottom:0}.cke_top,.cke_contents,.cke_bottom{display:block;overflow:hidden}.cke_top{border-bottom:1px solid #b6b6b6;padding:6px 8px 2px;white-space:normal;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#cfd1cf));background-image:-moz-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-webkit-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-o-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-ms-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:linear-gradient(top,#f5f5f5,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f5f5f5',endColorstr='#cfd1cf')}.cke_float .cke_top{border:1px solid #b6b6b6;border-bottom-color:#999}.cke_bottom{padding:6px 8px 2px;position:relative;border-top:1px solid #bfbfbf;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#cfd1cf));background-image:-moz-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-webkit-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-o-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-ms-linear-gradient(top,#ebebeb,#cfd1cf);background-image:linear-gradient(top,#ebebeb,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ebebeb',endColorstr='#cfd1cf')}.cke_browser_ios .cke_contents{overflow-y:auto;-webkit-overflow-scrolling:touch}.cke_resizer{width:0;height:0;overflow:hidden;width:0;height:0;overflow:hidden;border-width:10px 10px 0 0;border-color:transparent #666 transparent transparent;border-style:dashed solid dashed dashed;font-size:0;vertical-align:bottom;margin-top:6px;margin-bottom:2px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.3);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:0 1px 0 rgba(255,255,255,.3)}.cke_hc .cke_resizer{font-size:15px;width:auto;height:auto;border-width:0}.cke_resizer_ltr{cursor:se-resize;float:right;margin-right:-4px}.cke_resizer_rtl{border-width:10px 0 0 10px;border-color:transparent transparent transparent #a5a5a5;border-style:dashed dashed dashed solid;cursor:sw-resize;float:left;margin-left:-4px;right:auto}.cke_wysiwyg_div{display:block;height:100%;overflow:auto;padding:0 8px;outline-style:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.cke_panel{visibility:visible;width:120px;height:100px;overflow:hidden;background-color:#fff;border:1px solid #b6b6b6;border-bottom-color:#999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 3px rgba(0,0,0,.15);-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.15)}.cke_menu_panel{padding:0;margin:0}.cke_combopanel{width:150px;height:170px}.cke_panel_frame{width:100%;height:100%;font-size:12px;overflow:auto;overflow-x:hidden}.cke_panel_container{overflow-y:auto;overflow-x:hidden}.cke_panel_list{list-style-type:none;margin:3px;padding:0;white-space:nowrap}.cke_panel_listItem{margin:0;padding-bottom:1px}.cke_panel_listItem a{padding:3px 4px;display:block;border:1px solid #fff;color:inherit!important;text-decoration:none;overflow:hidden;text-overflow:ellipsis;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}* html .cke_panel_listItem a{width:100%;color:#000}*:first-child+html .cke_panel_listItem a{color:#000}.cke_panel_listItem.cke_selected a{border:1px solid #dedede;background-color:#f2f2f2;-moz-box-shadow:0 0 2px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 0 2px rgba(0,0,0,.1) inset;box-shadow:0 0 2px rgba(0,0,0,.1) inset}.cke_panel_listItem a:hover,.cke_panel_listItem a:focus,.cke_panel_listItem a:active{border-color:#dedede;background-color:#f2f2f2;-moz-box-shadow:0 0 2px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 0 2px rgba(0,0,0,.1) inset;box-shadow:0 0 2px rgba(0,0,0,.1) inset}.cke_hc .cke_panel_listItem a{border-style:none}.cke_hc .cke_panel_listItem a:hover,.cke_hc .cke_panel_listItem a:focus,.cke_hc .cke_panel_listItem a:active{border:2px solid;padding:1px 2px}.cke_panel_grouptitle{cursor:default;font-size:11px;font-weight:bold;white-space:nowrap;margin:0;padding:4px 6px;color:#474747;text-shadow:0 1px 0 rgba(255,255,255,.75);border-bottom:1px solid #b6b6b6;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#cfd1cf));background-image:-moz-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-webkit-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-o-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-ms-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:linear-gradient(top,#f5f5f5,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f5f5f5',endColorstr='#cfd1cf')}.cke_panel_listItem p,.cke_panel_listItem h1,.cke_panel_listItem h2,.cke_panel_listItem h3,.cke_panel_listItem h4,.cke_panel_listItem h5,.cke_panel_listItem h6,.cke_panel_listItem pre{margin-top:0;margin-bottom:0}.cke_colorblock{padding:3px;font-size:11px;font-family:'Microsoft Sans Serif',Tahoma,Arial,Verdana,Sans-Serif}.cke_colorblock,.cke_colorblock a{text-decoration:none;color:#000}span.cke_colorbox{width:10px;height:10px;border:#808080 1px solid;float:left}.cke_rtl span.cke_colorbox{float:right}a.cke_colorbox{border:#fff 1px solid;padding:2px;float:left;width:12px;height:12px}.cke_rtl a.cke_colorbox{float:right}a:hover.cke_colorbox,a:focus.cke_colorbox,a:active.cke_colorbox{border:#b6b6b6 1px solid;background-color:#e5e5e5}a.cke_colorauto,a.cke_colormore{border:#fff 1px solid;padding:2px;display:block;cursor:pointer}a:hover.cke_colorauto,a:hover.cke_colormore,a:focus.cke_colorauto,a:focus.cke_colormore,a:active.cke_colorauto,a:active.cke_colormore{border:#b6b6b6 1px solid;background-color:#e5e5e5}.cke_toolbar{float:left}.cke_rtl .cke_toolbar{float:right}.cke_toolgroup{float:left;margin:0 6px 5px 0;border:1px solid #a6a6a6;border-bottom-color:#979797;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;background:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);background-image:-o-linear-gradient(top,#fff,#e4e4e4);background-image:-ms-linear-gradient(top,#fff,#e4e4e4);background-image:linear-gradient(top,#fff,#e4e4e4);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4')}.cke_hc .cke_toolgroup{border:0;margin-right:10px;margin-bottom:10px}.cke_rtl .cke_toolgroup{float:right;margin-left:6px;margin-right:0}a.cke_button{display:inline-block;height:18px;padding:4px 6px;outline:0;cursor:default;float:left;border:0}.cke_ltr .cke_button:last-child,.cke_rtl .cke_button:first-child{-moz-border-radius:0 2px 2px 0;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0}.cke_ltr .cke_button:first-child,.cke_rtl .cke_button:last-child{-moz-border-radius:2px 0 0 2px;-webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px}.cke_rtl .cke_button{float:right}.cke_hc .cke_button{border:1px solid black;padding:3px 5px;margin:-2px 4px 0 -2px}.cke_button_on{-moz-box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2);background:#b5b5b5;background-image:-webkit-gradient(linear,left top,left bottom,from(#aaa),to(#cacaca));background-image:-moz-linear-gradient(top,#aaa,#cacaca);background-image:-webkit-linear-gradient(top,#aaa,#cacaca);background-image:-o-linear-gradient(top,#aaa,#cacaca);background-image:-ms-linear-gradient(top,#aaa,#cacaca);background-image:linear-gradient(top,#aaa,#cacaca);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#aaaaaa',endColorstr='#cacaca')}.cke_hc .cke_button_on,.cke_hc a.cke_button_off:hover,.cke_hc a.cke_button_off:focus,.cke_hc a.cke_button_off:active,.cke_hc a.cke_button_disabled:hover,.cke_hc a.cke_button_disabled:focus,.cke_hc a.cke_button_disabled:active{border-width:3px;padding:1px 3px}.cke_button_disabled .cke_button_icon{opacity:.3}.cke_hc .cke_button_disabled{opacity:.5}a.cke_button_on:hover,a.cke_button_on:focus,a.cke_button_on:active{-moz-box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2)}a.cke_button_off:hover,a.cke_button_off:focus,a.cke_button_off:active,a.cke_button_disabled:hover,a.cke_button_disabled:focus,a.cke_button_disabled:active{-moz-box-shadow:0 0 1px rgba(0,0,0,.3) inset;-webkit-box-shadow:0 0 1px rgba(0,0,0,.3) inset;box-shadow:0 0 1px rgba(0,0,0,.3) inset;background:#ccc;background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ccc));background-image:-moz-linear-gradient(top,#f2f2f2,#ccc);background-image:-webkit-linear-gradient(top,#f2f2f2,#ccc);background-image:-o-linear-gradient(top,#f2f2f2,#ccc);background-image:-ms-linear-gradient(top,#f2f2f2,#ccc);background-image:linear-gradient(top,#f2f2f2,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f2f2f2',endColorstr='#cccccc')}.cke_button_icon{cursor:inherit;background-repeat:no-repeat;margin-top:1px;width:16px;height:16px;float:left;display:inline-block}.cke_rtl .cke_button_icon{float:right}.cke_hc .cke_button_icon{display:none}.cke_button_label{display:none;padding-left:3px;margin-top:1px;line-height:17px;vertical-align:middle;float:left;cursor:default;color:#474747;text-shadow:0 1px 0 rgba(255,255,255,.5)}.cke_rtl .cke_button_label{padding-right:3px;padding-left:0;float:right}.cke_hc .cke_button_label{padding:0;display:inline-block;font-size:12px}.cke_button_arrow{display:inline-block;margin:8px 0 0 1px;width:0;height:0;cursor:default;vertical-align:top;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #474747}.cke_rtl .cke_button_arrow{margin-right:5px;margin-left:0}.cke_hc .cke_button_arrow{font-size:10px;margin:3px -2px 0 3px;width:auto;border:0}.cke_toolbar_separator{float:left;background-color:#c0c0c0;background-color:rgba(0,0,0,.2);margin:5px 2px 0;height:18px;width:1px;-webkit-box-shadow:1px 0 1px rgba(255,255,255,.5);-moz-box-shadow:1px 0 1px rgba(255,255,255,.5);box-shadow:1px 0 1px rgba(255,255,255,.5)}.cke_rtl .cke_toolbar_separator{float:right;-webkit-box-shadow:-1px 0 1px rgba(255,255,255,.1);-moz-box-shadow:-1px 0 1px rgba(255,255,255,.1);box-shadow:-1px 0 1px rgba(255,255,255,.1)}.cke_hc .cke_toolbar_separator{width:0;border-left:1px solid;margin:1px 5px 0 0}.cke_toolbar_break{display:block;clear:left}.cke_rtl .cke_toolbar_break{clear:right}.cke_toolbox_collapser{width:12px;height:11px;float:right;margin:11px 0 0;font-size:0;cursor:default;text-align:center;border:1px solid #a6a6a6;border-bottom-color:#979797;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;background:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);background-image:-o-linear-gradient(top,#fff,#e4e4e4);background-image:-ms-linear-gradient(top,#fff,#e4e4e4);background-image:linear-gradient(top,#fff,#e4e4e4);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4')}.cke_toolbox_collapser:hover{background:#ccc;background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ccc));background-image:-moz-linear-gradient(top,#f2f2f2,#ccc);background-image:-webkit-linear-gradient(top,#f2f2f2,#ccc);background-image:-o-linear-gradient(top,#f2f2f2,#ccc);background-image:-ms-linear-gradient(top,#f2f2f2,#ccc);background-image:linear-gradient(top,#f2f2f2,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f2f2f2',endColorstr='#cccccc')}.cke_toolbox_collapser.cke_toolbox_collapser_min{margin:0 2px 4px}.cke_rtl .cke_toolbox_collapser{float:left}.cke_toolbox_collapser .cke_arrow{display:inline-block;height:0;width:0;font-size:0;margin-top:1px;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:3px solid #474747;border-top:3px solid transparent}.cke_toolbox_collapser.cke_toolbox_collapser_min .cke_arrow{margin-top:4px;border-bottom-color:transparent;border-top-color:#474747}.cke_hc .cke_toolbox_collapser .cke_arrow{font-size:8px;width:auto;border:0;margin-top:0;margin-right:2px}.cke_menubutton{display:block}.cke_menuitem span{cursor:default}.cke_menubutton:hover,.cke_menubutton:focus,.cke_menubutton:active{background-color:#d3d3d3;display:block}.cke_hc .cke_menubutton{padding:2px}.cke_hc .cke_menubutton:hover,.cke_hc .cke_menubutton:focus,.cke_hc .cke_menubutton:active{border:2px solid;padding:0}.cke_menubutton_inner{display:table-row}.cke_menubutton_icon,.cke_menubutton_label,.cke_menuarrow{display:table-cell}.cke_menubutton_icon{background-color:#d7d8d7;opacity:.70;filter:alpha(opacity=70);padding:4px}.cke_hc .cke_menubutton_icon{height:16px;width:0;padding:4px 0}.cke_menubutton:hover .cke_menubutton_icon,.cke_menubutton:focus .cke_menubutton_icon,.cke_menubutton:active .cke_menubutton_icon{background-color:#d0d2d0}.cke_menubutton_disabled:hover .cke_menubutton_icon,.cke_menubutton_disabled:focus .cke_menubutton_icon,.cke_menubutton_disabled:active .cke_menubutton_icon{opacity:.3;filter:alpha(opacity=30)}.cke_menubutton_label{padding:0 5px;background-color:transparent;width:100%;vertical-align:middle}.cke_menubutton_disabled .cke_menubutton_label{opacity:.3;filter:alpha(opacity=30)}.cke_menubutton_on{border:1px solid #dedede;background-color:#f2f2f2;-moz-box-shadow:0 0 2px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 0 2px rgba(0,0,0,.1) inset;box-shadow:0 0 2px rgba(0,0,0,.1) inset}.cke_menubutton_on .cke_menubutton_icon{padding-right:3px}.cke_menubutton:hover,.cke_menubutton:focus,.cke_menubutton:active{background-color:#eff0ef}.cke_panel_frame .cke_menubutton_label{display:none}.cke_menuseparator{background-color:#d3d3d3;height:1px;filter:alpha(opacity=70);opacity:.70}.cke_menuarrow{background-image:url(images/arrow.png);background-position:0 10px;background-repeat:no-repeat;padding:0 5px}.cke_rtl .cke_menuarrow{background-position:5px -13px;background-repeat:no-repeat}.cke_menuarrow span{display:none}.cke_hc .cke_menuarrow span{vertical-align:middle;display:inline}.cke_combo{display:inline-block;float:left}.cke_rtl .cke_combo{float:right}.cke_hc .cke_combo{margin-top:-2px}.cke_combo_label{display:none;float:left;line-height:26px;vertical-align:top;margin-right:5px}.cke_rtl .cke_combo_label{float:right;margin-left:5px;margin-right:0}.cke_combo_button{cursor:default;display:inline-block;float:left;margin:0 6px 5px 0;border:1px solid #a6a6a6;border-bottom-color:#979797;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;background:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);background-image:-o-linear-gradient(top,#fff,#e4e4e4);background-image:-ms-linear-gradient(top,#fff,#e4e4e4);background-image:linear-gradient(top,#fff,#e4e4e4);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4')}.cke_combo_off a.cke_combo_button:hover,.cke_combo_off a.cke_combo_button:focus{background:#ccc;background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ccc));background-image:-moz-linear-gradient(top,#f2f2f2,#ccc);background-image:-webkit-linear-gradient(top,#f2f2f2,#ccc);background-image:-o-linear-gradient(top,#f2f2f2,#ccc);background-image:-ms-linear-gradient(top,#f2f2f2,#ccc);background-image:linear-gradient(top,#f2f2f2,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f2f2f2',endColorstr='#cccccc');outline:0}.cke_combo_off a.cke_combo_button:active,.cke_combo_on a.cke_combo_button{border:1px solid #777;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 1px 5px rgba(0,0,0,.6) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 1px 5px rgba(0,0,0,.6) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 1px 5px rgba(0,0,0,.6) inset;background:#b5b5b5;background-image:-webkit-gradient(linear,left top,left bottom,from(#aaa),to(#cacaca));background-image:-moz-linear-gradient(top,#aaa,#cacaca);background-image:-webkit-linear-gradient(top,#aaa,#cacaca);background-image:-o-linear-gradient(top,#aaa,#cacaca);background-image:-ms-linear-gradient(top,#aaa,#cacaca);background-image:linear-gradient(top,#aaa,#cacaca);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#aaaaaa',endColorstr='#cacaca')}.cke_combo_on a.cke_combo_button:hover,.cke_combo_on a.cke_combo_button:focus,.cke_combo_on a.cke_combo_button:active{-moz-box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2)}.cke_rtl .cke_combo_button{float:right;margin-left:5px;margin-right:0}.cke_hc a.cke_combo_button{padding:3px}.cke_hc .cke_combo_on a.cke_combo_button,.cke_hc .cke_combo_off a.cke_combo_button:hover,.cke_hc .cke_combo_off a.cke_combo_button:focus,.cke_hc .cke_combo_off a.cke_combo_button:active{border-width:3px;padding:1px}.cke_combo_text{line-height:26px;padding-left:10px;text-overflow:ellipsis;overflow:hidden;float:left;cursor:default;color:#474747;text-shadow:0 1px 0 rgba(255,255,255,.5);width:60px}.cke_rtl .cke_combo_text{float:right;text-align:right;padding-left:0;padding-right:10px}.cke_hc .cke_combo_text{line-height:18px;font-size:12px}.cke_combo_open{cursor:default;display:inline-block;font-size:0;height:19px;line-height:17px;margin:1px 7px 1px;width:5px}.cke_hc .cke_combo_open{height:12px}.cke_combo_arrow{cursor:default;margin:11px 0 0;float:left;height:0;width:0;font-size:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #474747}.cke_hc .cke_combo_arrow{font-size:10px;width:auto;border:0;margin-top:3px}.cke_combo_disabled .cke_combo_inlinelabel,.cke_combo_disabled .cke_combo_open{opacity:.3}.cke_path{float:left;margin:-2px 0 2px}.cke_path_item,.cke_path_empty{display:inline-block;float:left;padding:3px 4px;margin-right:2px;cursor:default;text-decoration:none;outline:0;border:0;color:#4c4c4c;text-shadow:0 1px 0 #fff;font-weight:bold;font-size:11px}.cke_rtl .cke_path,.cke_rtl .cke_path_item,.cke_rtl .cke_path_empty{float:right}a.cke_path_item:hover,a.cke_path_item:focus,a.cke_path_item:active{background-color:#bfbfbf;color:#333;text-shadow:0 1px 0 rgba(255,255,255,.5);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 4px rgba(0,0,0,.5) inset,0 1px 0 rgba(255,255,255,.5);-webkit-box-shadow:0 0 4px rgba(0,0,0,.5) inset,0 1px 0 rgba(255,255,255,.5);box-shadow:0 0 4px rgba(0,0,0,.5) inset,0 1px 0 rgba(255,255,255,.5)}.cke_hc a.cke_path_item:hover,.cke_hc a.cke_path_item:focus,.cke_hc a.cke_path_item:active{border:2px solid;padding:1px 2px}.cke_button__source_label,.cke_button__sourcedialog_label{display:inline}.cke_combo__fontsize .cke_combo_text{width:30px}.cke_combopanel__fontsize{width:120px}.cke_source{font-family:'Courier New',Monospace;font-size:small;background-color:#fff;white-space:pre}.cke_wysiwyg_frame,.cke_wysiwyg_div{background-color:#fff}.cke_chrome{visibility:inherit}.cke_voice_label{display:none}legend.cke_voice_label{display:none}a.cke_button_disabled,a.cke_button_disabled:hover,a.cke_button_disabled:focus,a.cke_button_disabled:active{filter:alpha(opacity = 30)}.cke_button_disabled .cke_button_icon{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff)}.cke_button_off:hover,.cke_button_off:focus,.cke_button_off:active{filter:alpha(opacity = 100)}.cke_combo_disabled .cke_combo_inlinelabel,.cke_combo_disabled .cke_combo_open{filter:alpha(opacity = 30)}.cke_toolbox_collapser{border:1px solid #a6a6a6}.cke_toolbox_collapser .cke_arrow{margin-top:1px}.cke_hc .cke_top,.cke_hc .cke_bottom,.cke_hc .cke_combo_button,.cke_hc a.cke_combo_button:hover,.cke_hc a.cke_combo_button:focus,.cke_hc .cke_toolgroup,.cke_hc .cke_button_on,.cke_hc a.cke_button_off:hover,.cke_hc a.cke_button_off:focus,.cke_hc a.cke_button_off:active,.cke_hc .cke_toolbox_collapser,.cke_hc .cke_toolbox_collapser:hover,.cke_hc .cke_panel_grouptitle{filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.cke_rtl .cke_toolgroup,.cke_rtl .cke_toolbar_separator,.cke_rtl .cke_button,.cke_rtl .cke_button *,.cke_rtl .cke_combo,.cke_rtl .cke_combo *,.cke_rtl .cke_path_item,.cke_rtl .cke_path_item *,.cke_rtl .cke_path_empty{float:none}.cke_rtl .cke_toolgroup,.cke_rtl .cke_toolbar_separator,.cke_rtl .cke_combo_button,.cke_rtl .cke_combo_button *,.cke_rtl .cke_button,.cke_rtl .cke_button_icon{display:inline-block;vertical-align:top}.cke_toolbox{display:inline-block;padding-bottom:5px;height:100%}.cke_rtl .cke_toolbox{padding-bottom:0}.cke_toolbar{margin-bottom:5px}.cke_rtl .cke_toolbar{margin-bottom:0}.cke_toolgroup{height:26px}.cke_toolgroup,.cke_combo{position:relative}a.cke_button{float:none;vertical-align:top}.cke_toolbar_separator{display:inline-block;float:none;vertical-align:top;background-color:#c0c0c0}.cke_toolbox_collapser .cke_arrow{margin-top:0}.cke_toolbox_collapser .cke_arrow{border-width:4px}.cke_toolbox_collapser.cke_toolbox_collapser_min .cke_arrow{border-width:3px}.cke_rtl .cke_button_arrow{padding-top:8px;margin-right:2px}.cke_rtl .cke_combo_inlinelabel{display:table-cell;vertical-align:middle}.cke_menubutton{display:block;height:24px}.cke_menubutton_inner{display:block;position:relative}.cke_menubutton_icon{height:16px;width:16px}.cke_menubutton_icon,.cke_menubutton_label,.cke_menuarrow{display:inline-block}.cke_menubutton_label{width:auto;vertical-align:top;line-height:24px;height:24px;margin:0 10px 0 0}.cke_menuarrow{width:5px;height:6px;padding:0;position:absolute;right:8px;top:10px;background-position:0 0}.cke_rtl .cke_menubutton_icon{position:absolute;right:0;top:0}.cke_rtl .cke_menubutton_label{float:right;clear:both;margin:0 24px 0 10px}.cke_hc .cke_rtl .cke_menubutton_label{margin-right:0}.cke_rtl .cke_menuarrow{left:8px;right:auto;background-position:0 -24px}.cke_hc .cke_menuarrow{top:5px;padding:0 5px}.cke_rtl input.cke_dialog_ui_input_text,.cke_rtl input.cke_dialog_ui_input_password{position:relative}.cke_wysiwyg_div{padding-top:0!important;padding-bottom:0!important}.cke_button__about_icon {background: url(icons.png) no-repeat 0 -0px !important;}.cke_button__bold_icon {background: url(icons.png) no-repeat 0 -24px !important;}.cke_button__italic_icon {background: url(icons.png) no-repeat 0 -48px !important;}.cke_button__strike_icon {background: url(icons.png) no-repeat 0 -72px !important;}.cke_button__subscript_icon {background: url(icons.png) no-repeat 0 -96px !important;}.cke_button__superscript_icon {background: url(icons.png) no-repeat 0 -120px !important;}.cke_button__underline_icon {background: url(icons.png) no-repeat 0 -144px !important;}.cke_button__bidiltr_icon {background: url(icons.png) no-repeat 0 -168px !important;}.cke_button__bidirtl_icon {background: url(icons.png) no-repeat 0 -192px !important;}.cke_button__blockquote_icon {background: url(icons.png) no-repeat 0 -216px !important;}.cke_rtl .cke_button__copy_icon, .cke_mixed_dir_content .cke_rtl .cke_button__copy_icon {background: url(icons.png) no-repeat 0 -240px !important;}.cke_ltr .cke_button__copy_icon {background: url(icons.png) no-repeat 0 -264px !important;}.cke_rtl .cke_button__cut_icon, .cke_mixed_dir_content .cke_rtl .cke_button__cut_icon {background: url(icons.png) no-repeat 0 -288px !important;}.cke_ltr .cke_button__cut_icon {background: url(icons.png) no-repeat 0 -312px !important;}.cke_rtl .cke_button__paste_icon, .cke_mixed_dir_content .cke_rtl .cke_button__paste_icon {background: url(icons.png) no-repeat 0 -336px !important;}.cke_ltr .cke_button__paste_icon {background: url(icons.png) no-repeat 0 -360px !important;}.cke_button__bgcolor_icon {background: url(icons.png) no-repeat 0 -384px !important;}.cke_button__textcolor_icon {background: url(icons.png) no-repeat 0 -408px !important;}.cke_rtl .cke_button__templates_icon, .cke_mixed_dir_content .cke_rtl .cke_button__templates_icon {background: url(icons.png) no-repeat 0 -432px !important;}.cke_ltr .cke_button__templates_icon {background: url(icons.png) no-repeat 0 -456px !important;}.cke_button__creatediv_icon {background: url(icons.png) no-repeat 0 -480px !important;}.cke_rtl .cke_button__find_icon, .cke_mixed_dir_content .cke_rtl .cke_button__find_icon {background: url(icons.png) no-repeat 0 -504px !important;}.cke_ltr .cke_button__find_icon {background: url(icons.png) no-repeat 0 -528px !important;}.cke_button__replace_icon {background: url(icons.png) no-repeat 0 -552px !important;}.cke_button__flash_icon {background: url(icons.png) no-repeat 0 -576px !important;}.cke_button__button_icon {background: url(icons.png) no-repeat 0 -600px !important;}.cke_button__checkbox_icon {background: url(icons.png) no-repeat 0 -624px !important;}.cke_button__form_icon {background: url(icons.png) no-repeat 0 -648px !important;}.cke_button__hiddenfield_icon {background: url(icons.png) no-repeat 0 -672px !important;}.cke_button__imagebutton_icon {background: url(icons.png) no-repeat 0 -696px !important;}.cke_button__radio_icon {background: url(icons.png) no-repeat 0 -720px !important;}.cke_rtl .cke_button__select_icon, .cke_mixed_dir_content .cke_rtl .cke_button__select_icon {background: url(icons.png) no-repeat 0 -744px !important;}.cke_ltr .cke_button__select_icon {background: url(icons.png) no-repeat 0 -768px !important;}.cke_rtl .cke_button__textarea_icon, .cke_mixed_dir_content .cke_rtl .cke_button__textarea_icon {background: url(icons.png) no-repeat 0 -792px !important;}.cke_ltr .cke_button__textarea_icon {background: url(icons.png) no-repeat 0 -816px !important;}.cke_rtl .cke_button__textfield_icon, .cke_mixed_dir_content .cke_rtl .cke_button__textfield_icon {background: url(icons.png) no-repeat 0 -840px !important;}.cke_ltr .cke_button__textfield_icon {background: url(icons.png) no-repeat 0 -864px !important;}.cke_button__horizontalrule_icon {background: url(icons.png) no-repeat 0 -888px !important;}.cke_button__iframe_icon {background: url(icons.png) no-repeat 0 -912px !important;}.cke_button__image_icon {background: url(icons.png) no-repeat 0 -936px !important;}.cke_rtl .cke_button__indent_icon, .cke_mixed_dir_content .cke_rtl .cke_button__indent_icon {background: url(icons.png) no-repeat 0 -960px !important;}.cke_ltr .cke_button__indent_icon {background: url(icons.png) no-repeat 0 -984px !important;}.cke_rtl .cke_button__outdent_icon, .cke_mixed_dir_content .cke_rtl .cke_button__outdent_icon {background: url(icons.png) no-repeat 0 -1008px !important;}.cke_ltr .cke_button__outdent_icon {background: url(icons.png) no-repeat 0 -1032px !important;}.cke_button__smiley_icon {background: url(icons.png) no-repeat 0 -1056px !important;}.cke_button__justifyblock_icon {background: url(icons.png) no-repeat 0 -1080px !important;}.cke_button__justifycenter_icon {background: url(icons.png) no-repeat 0 -1104px !important;}.cke_button__justifyleft_icon {background: url(icons.png) no-repeat 0 -1128px !important;}.cke_button__justifyright_icon {background: url(icons.png) no-repeat 0 -1152px !important;}.cke_button__language_icon {background: url(icons.png) no-repeat 0 -1176px !important;}.cke_rtl .cke_button__anchor_icon, .cke_mixed_dir_content .cke_rtl .cke_button__anchor_icon {background: url(icons.png) no-repeat 0 -1200px !important;}.cke_ltr .cke_button__anchor_icon {background: url(icons.png) no-repeat 0 -1224px !important;}.cke_button__link_icon {background: url(icons.png) no-repeat 0 -1248px !important;}.cke_button__unlink_icon {background: url(icons.png) no-repeat 0 -1272px !important;}.cke_rtl .cke_button__bulletedlist_icon, .cke_mixed_dir_content .cke_rtl .cke_button__bulletedlist_icon {background: url(icons.png) no-repeat 0 -1296px !important;}.cke_ltr .cke_button__bulletedlist_icon {background: url(icons.png) no-repeat 0 -1320px !important;}.cke_rtl .cke_button__numberedlist_icon, .cke_mixed_dir_content .cke_rtl .cke_button__numberedlist_icon {background: url(icons.png) no-repeat 0 -1344px !important;}.cke_ltr .cke_button__numberedlist_icon {background: url(icons.png) no-repeat 0 -1368px !important;}.cke_button__maximize_icon {background: url(icons.png) no-repeat 0 -1392px !important;}.cke_rtl .cke_button__newpage_icon, .cke_mixed_dir_content .cke_rtl .cke_button__newpage_icon {background: url(icons.png) no-repeat 0 -1416px !important;}.cke_ltr .cke_button__newpage_icon {background: url(icons.png) no-repeat 0 -1440px !important;}.cke_rtl .cke_button__pagebreak_icon, .cke_mixed_dir_content .cke_rtl .cke_button__pagebreak_icon {background: url(icons.png) no-repeat 0 -1464px !important;}.cke_ltr .cke_button__pagebreak_icon {background: url(icons.png) no-repeat 0 -1488px !important;}.cke_rtl .cke_button__pastetext_icon, .cke_mixed_dir_content .cke_rtl .cke_button__pastetext_icon {background: url(icons.png) no-repeat 0 -1512px !important;}.cke_ltr .cke_button__pastetext_icon {background: url(icons.png) no-repeat 0 -1536px !important;}.cke_rtl .cke_button__pastefromword_icon, .cke_mixed_dir_content .cke_rtl .cke_button__pastefromword_icon {background: url(icons.png) no-repeat 0 -1560px !important;}.cke_ltr .cke_button__pastefromword_icon {background: url(icons.png) no-repeat 0 -1584px !important;}.cke_rtl .cke_button__preview_icon, .cke_mixed_dir_content .cke_rtl .cke_button__preview_icon {background: url(icons.png) no-repeat 0 -1608px !important;}.cke_ltr .cke_button__preview_icon {background: url(icons.png) no-repeat 0 -1632px !important;}.cke_button__print_icon {background: url(icons.png) no-repeat 0 -1656px !important;}.cke_button__removeformat_icon {background: url(icons.png) no-repeat 0 -1680px !important;}.cke_button__save_icon {background: url(icons.png) no-repeat 0 -1704px !important;}.cke_button__selectall_icon {background: url(icons.png) no-repeat 0 -1728px !important;}.cke_rtl .cke_button__showblocks_icon, .cke_mixed_dir_content .cke_rtl .cke_button__showblocks_icon {background: url(icons.png) no-repeat 0 -1752px !important;}.cke_ltr .cke_button__showblocks_icon {background: url(icons.png) no-repeat 0 -1776px !important;}.cke_rtl .cke_button__source_icon, .cke_mixed_dir_content .cke_rtl .cke_button__source_icon {background: url(icons.png) no-repeat 0 -1800px !important;}.cke_ltr .cke_button__source_icon {background: url(icons.png) no-repeat 0 -1824px !important;}.cke_button__specialchar_icon {background: url(icons.png) no-repeat 0 -1848px !important;}.cke_button__scayt_icon {background: url(icons.png) no-repeat 0 -1872px !important;}.cke_button__table_icon {background: url(icons.png) no-repeat 0 -1896px !important;}.cke_rtl .cke_button__redo_icon, .cke_mixed_dir_content .cke_rtl .cke_button__redo_icon {background: url(icons.png) no-repeat 0 -1920px !important;}.cke_ltr .cke_button__redo_icon {background: url(icons.png) no-repeat 0 -1944px !important;}.cke_rtl .cke_button__undo_icon, .cke_mixed_dir_content .cke_rtl .cke_button__undo_icon {background: url(icons.png) no-repeat 0 -1968px !important;}.cke_ltr .cke_button__undo_icon {background: url(icons.png) no-repeat 0 -1992px !important;}.cke_button__spellchecker_icon {background: url(icons.png) no-repeat 0 -2016px !important;}.cke_hidpi .cke_button__about_icon {background: url(icons_hidpi.png) no-repeat 0 -0px !important;background-size: 16px !important;}.cke_hidpi .cke_button__bold_icon {background: url(icons_hidpi.png) no-repeat 0 -24px !important;background-size: 16px !important;}.cke_hidpi .cke_button__italic_icon {background: url(icons_hidpi.png) no-repeat 0 -48px !important;background-size: 16px !important;}.cke_hidpi .cke_button__strike_icon {background: url(icons_hidpi.png) no-repeat 0 -72px !important;background-size: 16px !important;}.cke_hidpi .cke_button__subscript_icon {background: url(icons_hidpi.png) no-repeat 0 -96px !important;background-size: 16px !important;}.cke_hidpi .cke_button__superscript_icon {background: url(icons_hidpi.png) no-repeat 0 -120px !important;background-size: 16px !important;}.cke_hidpi .cke_button__underline_icon {background: url(icons_hidpi.png) no-repeat 0 -144px !important;background-size: 16px !important;}.cke_hidpi .cke_button__bidiltr_icon {background: url(icons_hidpi.png) no-repeat 0 -168px !important;background-size: 16px !important;}.cke_hidpi .cke_button__bidirtl_icon {background: url(icons_hidpi.png) no-repeat 0 -192px !important;background-size: 16px !important;}.cke_hidpi .cke_button__blockquote_icon {background: url(icons_hidpi.png) no-repeat 0 -216px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__copy_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__copy_icon {background: url(icons_hidpi.png) no-repeat 0 -240px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__copy_icon,.cke_ltr.cke_hidpi .cke_button__copy_icon {background: url(icons_hidpi.png) no-repeat 0 -264px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__cut_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__cut_icon {background: url(icons_hidpi.png) no-repeat 0 -288px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__cut_icon,.cke_ltr.cke_hidpi .cke_button__cut_icon {background: url(icons_hidpi.png) no-repeat 0 -312px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__paste_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__paste_icon {background: url(icons_hidpi.png) no-repeat 0 -336px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__paste_icon,.cke_ltr.cke_hidpi .cke_button__paste_icon {background: url(icons_hidpi.png) no-repeat 0 -360px !important;background-size: 16px !important;}.cke_hidpi .cke_button__bgcolor_icon {background: url(icons_hidpi.png) no-repeat 0 -384px !important;background-size: 16px !important;}.cke_hidpi .cke_button__textcolor_icon {background: url(icons_hidpi.png) no-repeat 0 -408px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__templates_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__templates_icon {background: url(icons_hidpi.png) no-repeat 0 -432px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__templates_icon,.cke_ltr.cke_hidpi .cke_button__templates_icon {background: url(icons_hidpi.png) no-repeat 0 -456px !important;background-size: 16px !important;}.cke_hidpi .cke_button__creatediv_icon {background: url(icons_hidpi.png) no-repeat 0 -480px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__find_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__find_icon {background: url(icons_hidpi.png) no-repeat 0 -504px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__find_icon,.cke_ltr.cke_hidpi .cke_button__find_icon {background: url(icons_hidpi.png) no-repeat 0 -528px !important;background-size: 16px !important;}.cke_hidpi .cke_button__replace_icon {background: url(icons_hidpi.png) no-repeat 0 -552px !important;background-size: 16px !important;}.cke_hidpi .cke_button__flash_icon {background: url(icons_hidpi.png) no-repeat 0 -576px !important;background-size: 16px !important;}.cke_hidpi .cke_button__button_icon {background: url(icons_hidpi.png) no-repeat 0 -600px !important;background-size: 16px !important;}.cke_hidpi .cke_button__checkbox_icon {background: url(icons_hidpi.png) no-repeat 0 -624px !important;background-size: 16px !important;}.cke_hidpi .cke_button__form_icon {background: url(icons_hidpi.png) no-repeat 0 -648px !important;background-size: 16px !important;}.cke_hidpi .cke_button__hiddenfield_icon {background: url(icons_hidpi.png) no-repeat 0 -672px !important;background-size: 16px !important;}.cke_hidpi .cke_button__imagebutton_icon {background: url(icons_hidpi.png) no-repeat 0 -696px !important;background-size: 16px !important;}.cke_hidpi .cke_button__radio_icon {background: url(icons_hidpi.png) no-repeat 0 -720px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__select_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__select_icon {background: url(icons_hidpi.png) no-repeat 0 -744px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__select_icon,.cke_ltr.cke_hidpi .cke_button__select_icon {background: url(icons_hidpi.png) no-repeat 0 -768px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__textarea_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__textarea_icon {background: url(icons_hidpi.png) no-repeat 0 -792px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__textarea_icon,.cke_ltr.cke_hidpi .cke_button__textarea_icon {background: url(icons_hidpi.png) no-repeat 0 -816px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__textfield_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__textfield_icon {background: url(icons_hidpi.png) no-repeat 0 -840px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__textfield_icon,.cke_ltr.cke_hidpi .cke_button__textfield_icon {background: url(icons_hidpi.png) no-repeat 0 -864px !important;background-size: 16px !important;}.cke_hidpi .cke_button__horizontalrule_icon {background: url(icons_hidpi.png) no-repeat 0 -888px !important;background-size: 16px !important;}.cke_hidpi .cke_button__iframe_icon {background: url(icons_hidpi.png) no-repeat 0 -912px !important;background-size: 16px !important;}.cke_hidpi .cke_button__image_icon {background: url(icons_hidpi.png) no-repeat 0 -936px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__indent_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__indent_icon {background: url(icons_hidpi.png) no-repeat 0 -960px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__indent_icon,.cke_ltr.cke_hidpi .cke_button__indent_icon {background: url(icons_hidpi.png) no-repeat 0 -984px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__outdent_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__outdent_icon {background: url(icons_hidpi.png) no-repeat 0 -1008px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__outdent_icon,.cke_ltr.cke_hidpi .cke_button__outdent_icon {background: url(icons_hidpi.png) no-repeat 0 -1032px !important;background-size: 16px !important;}.cke_hidpi .cke_button__smiley_icon {background: url(icons_hidpi.png) no-repeat 0 -1056px !important;background-size: 16px !important;}.cke_hidpi .cke_button__justifyblock_icon {background: url(icons_hidpi.png) no-repeat 0 -1080px !important;background-size: 16px !important;}.cke_hidpi .cke_button__justifycenter_icon {background: url(icons_hidpi.png) no-repeat 0 -1104px !important;background-size: 16px !important;}.cke_hidpi .cke_button__justifyleft_icon {background: url(icons_hidpi.png) no-repeat 0 -1128px !important;background-size: 16px !important;}.cke_hidpi .cke_button__justifyright_icon {background: url(icons_hidpi.png) no-repeat 0 -1152px !important;background-size: 16px !important;}.cke_hidpi .cke_button__language_icon {background: url(icons_hidpi.png) no-repeat 0 -1176px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__anchor_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__anchor_icon {background: url(icons_hidpi.png) no-repeat 0 -1200px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__anchor_icon,.cke_ltr.cke_hidpi .cke_button__anchor_icon {background: url(icons_hidpi.png) no-repeat 0 -1224px !important;background-size: 16px !important;}.cke_hidpi .cke_button__link_icon {background: url(icons_hidpi.png) no-repeat 0 -1248px !important;background-size: 16px !important;}.cke_hidpi .cke_button__unlink_icon {background: url(icons_hidpi.png) no-repeat 0 -1272px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__bulletedlist_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__bulletedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -1296px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__bulletedlist_icon,.cke_ltr.cke_hidpi .cke_button__bulletedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -1320px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__numberedlist_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__numberedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -1344px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__numberedlist_icon,.cke_ltr.cke_hidpi .cke_button__numberedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -1368px !important;background-size: 16px !important;}.cke_hidpi .cke_button__maximize_icon {background: url(icons_hidpi.png) no-repeat 0 -1392px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__newpage_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__newpage_icon {background: url(icons_hidpi.png) no-repeat 0 -1416px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__newpage_icon,.cke_ltr.cke_hidpi .cke_button__newpage_icon {background: url(icons_hidpi.png) no-repeat 0 -1440px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__pagebreak_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pagebreak_icon {background: url(icons_hidpi.png) no-repeat 0 -1464px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__pagebreak_icon,.cke_ltr.cke_hidpi .cke_button__pagebreak_icon {background: url(icons_hidpi.png) no-repeat 0 -1488px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__pastetext_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pastetext_icon {background: url(icons_hidpi.png) no-repeat 0 -1512px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__pastetext_icon,.cke_ltr.cke_hidpi .cke_button__pastetext_icon {background: url(icons_hidpi.png) no-repeat 0 -1536px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__pastefromword_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pastefromword_icon {background: url(icons_hidpi.png) no-repeat 0 -1560px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__pastefromword_icon,.cke_ltr.cke_hidpi .cke_button__pastefromword_icon {background: url(icons_hidpi.png) no-repeat 0 -1584px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__preview_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__preview_icon {background: url(icons_hidpi.png) no-repeat 0 -1608px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__preview_icon,.cke_ltr.cke_hidpi .cke_button__preview_icon {background: url(icons_hidpi.png) no-repeat 0 -1632px !important;background-size: 16px !important;}.cke_hidpi .cke_button__print_icon {background: url(icons_hidpi.png) no-repeat 0 -1656px !important;background-size: 16px !important;}.cke_hidpi .cke_button__removeformat_icon {background: url(icons_hidpi.png) no-repeat 0 -1680px !important;background-size: 16px !important;}.cke_hidpi .cke_button__save_icon {background: url(icons_hidpi.png) no-repeat 0 -1704px !important;background-size: 16px !important;}.cke_hidpi .cke_button__selectall_icon {background: url(icons_hidpi.png) no-repeat 0 -1728px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__showblocks_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__showblocks_icon {background: url(icons_hidpi.png) no-repeat 0 -1752px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__showblocks_icon,.cke_ltr.cke_hidpi .cke_button__showblocks_icon {background: url(icons_hidpi.png) no-repeat 0 -1776px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__source_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__source_icon {background: url(icons_hidpi.png) no-repeat 0 -1800px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__source_icon,.cke_ltr.cke_hidpi .cke_button__source_icon {background: url(icons_hidpi.png) no-repeat 0 -1824px !important;background-size: 16px !important;}.cke_hidpi .cke_button__specialchar_icon {background: url(icons_hidpi.png) no-repeat 0 -1848px !important;background-size: 16px !important;}.cke_hidpi .cke_button__scayt_icon {background: url(icons_hidpi.png) no-repeat 0 -1872px !important;background-size: 16px !important;}.cke_hidpi .cke_button__table_icon {background: url(icons_hidpi.png) no-repeat 0 -1896px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__redo_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__redo_icon {background: url(icons_hidpi.png) no-repeat 0 -1920px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__redo_icon,.cke_ltr.cke_hidpi .cke_button__redo_icon {background: url(icons_hidpi.png) no-repeat 0 -1944px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__undo_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__undo_icon {background: url(icons_hidpi.png) no-repeat 0 -1968px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__undo_icon,.cke_ltr.cke_hidpi .cke_button__undo_icon {background: url(icons_hidpi.png) no-repeat 0 -1992px !important;background-size: 16px !important;}.cke_hidpi .cke_button__spellchecker_icon {background: url(icons_hidpi.png) no-repeat 0 -2016px !important;background-size: 16px !important;}
\ No newline at end of file
diff --git a/resoft/ckeditor/skins/moono/editor_ie8.css b/resoft/ckeditor/skins/moono/editor_ie8.css
new file mode 100644
index 0000000..5fcac34
--- /dev/null
+++ b/resoft/ckeditor/skins/moono/editor_ie8.css
@@ -0,0 +1,5 @@
+/*
+Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+.cke_reset{margin:0;padding:0;border:0;background:transparent;text-decoration:none;width:auto;height:auto;vertical-align:baseline;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;position:static;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none}.cke_reset_all,.cke_reset_all *{margin:0;padding:0;border:0;background:transparent;text-decoration:none;width:auto;height:auto;vertical-align:baseline;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;position:static;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;border-collapse:collapse;font:normal normal normal 12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif;color:#000;text-align:left;white-space:nowrap;cursor:auto;float:none}.cke_reset_all .cke_rtl *{text-align:right}.cke_reset_all iframe{vertical-align:inherit}.cke_reset_all textarea{white-space:pre}.cke_reset_all textarea,.cke_reset_all input[type="text"],.cke_reset_all input[type="password"]{cursor:text}.cke_reset_all textarea[disabled],.cke_reset_all input[type="text"][disabled],.cke_reset_all input[type="password"][disabled]{cursor:default}.cke_reset_all fieldset{padding:10px;border:2px groove #e0dfe3}.cke_reset_all select{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.cke_reset_all table{table-layout:auto}.cke_chrome{display:block;border:1px solid #b6b6b6;padding:0;-moz-box-shadow:0 0 3px rgba(0,0,0,.15);-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.15)}.cke_inner{display:block;-webkit-touch-callout:none;background:#fff;padding:0}.cke_float{border:0}.cke_float .cke_inner{padding-bottom:0}.cke_top,.cke_contents,.cke_bottom{display:block;overflow:hidden}.cke_top{border-bottom:1px solid #b6b6b6;padding:6px 8px 2px;white-space:normal;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#cfd1cf));background-image:-moz-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-webkit-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-o-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-ms-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:linear-gradient(top,#f5f5f5,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f5f5f5',endColorstr='#cfd1cf')}.cke_float .cke_top{border:1px solid #b6b6b6;border-bottom-color:#999}.cke_bottom{padding:6px 8px 2px;position:relative;border-top:1px solid #bfbfbf;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#cfd1cf));background-image:-moz-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-webkit-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-o-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-ms-linear-gradient(top,#ebebeb,#cfd1cf);background-image:linear-gradient(top,#ebebeb,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ebebeb',endColorstr='#cfd1cf')}.cke_browser_ios .cke_contents{overflow-y:auto;-webkit-overflow-scrolling:touch}.cke_resizer{width:0;height:0;overflow:hidden;width:0;height:0;overflow:hidden;border-width:10px 10px 0 0;border-color:transparent #666 transparent transparent;border-style:dashed solid dashed dashed;font-size:0;vertical-align:bottom;margin-top:6px;margin-bottom:2px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.3);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:0 1px 0 rgba(255,255,255,.3)}.cke_hc .cke_resizer{font-size:15px;width:auto;height:auto;border-width:0}.cke_resizer_ltr{cursor:se-resize;float:right;margin-right:-4px}.cke_resizer_rtl{border-width:10px 0 0 10px;border-color:transparent transparent transparent #a5a5a5;border-style:dashed dashed dashed solid;cursor:sw-resize;float:left;margin-left:-4px;right:auto}.cke_wysiwyg_div{display:block;height:100%;overflow:auto;padding:0 8px;outline-style:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.cke_panel{visibility:visible;width:120px;height:100px;overflow:hidden;background-color:#fff;border:1px solid #b6b6b6;border-bottom-color:#999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 3px rgba(0,0,0,.15);-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.15)}.cke_menu_panel{padding:0;margin:0}.cke_combopanel{width:150px;height:170px}.cke_panel_frame{width:100%;height:100%;font-size:12px;overflow:auto;overflow-x:hidden}.cke_panel_container{overflow-y:auto;overflow-x:hidden}.cke_panel_list{list-style-type:none;margin:3px;padding:0;white-space:nowrap}.cke_panel_listItem{margin:0;padding-bottom:1px}.cke_panel_listItem a{padding:3px 4px;display:block;border:1px solid #fff;color:inherit!important;text-decoration:none;overflow:hidden;text-overflow:ellipsis;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}* html .cke_panel_listItem a{width:100%;color:#000}*:first-child+html .cke_panel_listItem a{color:#000}.cke_panel_listItem.cke_selected a{border:1px solid #dedede;background-color:#f2f2f2;-moz-box-shadow:0 0 2px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 0 2px rgba(0,0,0,.1) inset;box-shadow:0 0 2px rgba(0,0,0,.1) inset}.cke_panel_listItem a:hover,.cke_panel_listItem a:focus,.cke_panel_listItem a:active{border-color:#dedede;background-color:#f2f2f2;-moz-box-shadow:0 0 2px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 0 2px rgba(0,0,0,.1) inset;box-shadow:0 0 2px rgba(0,0,0,.1) inset}.cke_hc .cke_panel_listItem a{border-style:none}.cke_hc .cke_panel_listItem a:hover,.cke_hc .cke_panel_listItem a:focus,.cke_hc .cke_panel_listItem a:active{border:2px solid;padding:1px 2px}.cke_panel_grouptitle{cursor:default;font-size:11px;font-weight:bold;white-space:nowrap;margin:0;padding:4px 6px;color:#474747;text-shadow:0 1px 0 rgba(255,255,255,.75);border-bottom:1px solid #b6b6b6;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#cfd1cf));background-image:-moz-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-webkit-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-o-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-ms-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:linear-gradient(top,#f5f5f5,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f5f5f5',endColorstr='#cfd1cf')}.cke_panel_listItem p,.cke_panel_listItem h1,.cke_panel_listItem h2,.cke_panel_listItem h3,.cke_panel_listItem h4,.cke_panel_listItem h5,.cke_panel_listItem h6,.cke_panel_listItem pre{margin-top:0;margin-bottom:0}.cke_colorblock{padding:3px;font-size:11px;font-family:'Microsoft Sans Serif',Tahoma,Arial,Verdana,Sans-Serif}.cke_colorblock,.cke_colorblock a{text-decoration:none;color:#000}span.cke_colorbox{width:10px;height:10px;border:#808080 1px solid;float:left}.cke_rtl span.cke_colorbox{float:right}a.cke_colorbox{border:#fff 1px solid;padding:2px;float:left;width:12px;height:12px}.cke_rtl a.cke_colorbox{float:right}a:hover.cke_colorbox,a:focus.cke_colorbox,a:active.cke_colorbox{border:#b6b6b6 1px solid;background-color:#e5e5e5}a.cke_colorauto,a.cke_colormore{border:#fff 1px solid;padding:2px;display:block;cursor:pointer}a:hover.cke_colorauto,a:hover.cke_colormore,a:focus.cke_colorauto,a:focus.cke_colormore,a:active.cke_colorauto,a:active.cke_colormore{border:#b6b6b6 1px solid;background-color:#e5e5e5}.cke_toolbar{float:left}.cke_rtl .cke_toolbar{float:right}.cke_toolgroup{float:left;margin:0 6px 5px 0;border:1px solid #a6a6a6;border-bottom-color:#979797;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;background:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);background-image:-o-linear-gradient(top,#fff,#e4e4e4);background-image:-ms-linear-gradient(top,#fff,#e4e4e4);background-image:linear-gradient(top,#fff,#e4e4e4);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4')}.cke_hc .cke_toolgroup{border:0;margin-right:10px;margin-bottom:10px}.cke_rtl .cke_toolgroup{float:right;margin-left:6px;margin-right:0}a.cke_button{display:inline-block;height:18px;padding:4px 6px;outline:0;cursor:default;float:left;border:0}.cke_ltr .cke_button:last-child,.cke_rtl .cke_button:first-child{-moz-border-radius:0 2px 2px 0;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0}.cke_ltr .cke_button:first-child,.cke_rtl .cke_button:last-child{-moz-border-radius:2px 0 0 2px;-webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px}.cke_rtl .cke_button{float:right}.cke_hc .cke_button{border:1px solid black;padding:3px 5px;margin:-2px 4px 0 -2px}.cke_button_on{-moz-box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2);background:#b5b5b5;background-image:-webkit-gradient(linear,left top,left bottom,from(#aaa),to(#cacaca));background-image:-moz-linear-gradient(top,#aaa,#cacaca);background-image:-webkit-linear-gradient(top,#aaa,#cacaca);background-image:-o-linear-gradient(top,#aaa,#cacaca);background-image:-ms-linear-gradient(top,#aaa,#cacaca);background-image:linear-gradient(top,#aaa,#cacaca);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#aaaaaa',endColorstr='#cacaca')}.cke_hc .cke_button_on,.cke_hc a.cke_button_off:hover,.cke_hc a.cke_button_off:focus,.cke_hc a.cke_button_off:active,.cke_hc a.cke_button_disabled:hover,.cke_hc a.cke_button_disabled:focus,.cke_hc a.cke_button_disabled:active{border-width:3px;padding:1px 3px}.cke_button_disabled .cke_button_icon{opacity:.3}.cke_hc .cke_button_disabled{opacity:.5}a.cke_button_on:hover,a.cke_button_on:focus,a.cke_button_on:active{-moz-box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2)}a.cke_button_off:hover,a.cke_button_off:focus,a.cke_button_off:active,a.cke_button_disabled:hover,a.cke_button_disabled:focus,a.cke_button_disabled:active{-moz-box-shadow:0 0 1px rgba(0,0,0,.3) inset;-webkit-box-shadow:0 0 1px rgba(0,0,0,.3) inset;box-shadow:0 0 1px rgba(0,0,0,.3) inset;background:#ccc;background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ccc));background-image:-moz-linear-gradient(top,#f2f2f2,#ccc);background-image:-webkit-linear-gradient(top,#f2f2f2,#ccc);background-image:-o-linear-gradient(top,#f2f2f2,#ccc);background-image:-ms-linear-gradient(top,#f2f2f2,#ccc);background-image:linear-gradient(top,#f2f2f2,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f2f2f2',endColorstr='#cccccc')}.cke_button_icon{cursor:inherit;background-repeat:no-repeat;margin-top:1px;width:16px;height:16px;float:left;display:inline-block}.cke_rtl .cke_button_icon{float:right}.cke_hc .cke_button_icon{display:none}.cke_button_label{display:none;padding-left:3px;margin-top:1px;line-height:17px;vertical-align:middle;float:left;cursor:default;color:#474747;text-shadow:0 1px 0 rgba(255,255,255,.5)}.cke_rtl .cke_button_label{padding-right:3px;padding-left:0;float:right}.cke_hc .cke_button_label{padding:0;display:inline-block;font-size:12px}.cke_button_arrow{display:inline-block;margin:8px 0 0 1px;width:0;height:0;cursor:default;vertical-align:top;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #474747}.cke_rtl .cke_button_arrow{margin-right:5px;margin-left:0}.cke_hc .cke_button_arrow{font-size:10px;margin:3px -2px 0 3px;width:auto;border:0}.cke_toolbar_separator{float:left;background-color:#c0c0c0;background-color:rgba(0,0,0,.2);margin:5px 2px 0;height:18px;width:1px;-webkit-box-shadow:1px 0 1px rgba(255,255,255,.5);-moz-box-shadow:1px 0 1px rgba(255,255,255,.5);box-shadow:1px 0 1px rgba(255,255,255,.5)}.cke_rtl .cke_toolbar_separator{float:right;-webkit-box-shadow:-1px 0 1px rgba(255,255,255,.1);-moz-box-shadow:-1px 0 1px rgba(255,255,255,.1);box-shadow:-1px 0 1px rgba(255,255,255,.1)}.cke_hc .cke_toolbar_separator{width:0;border-left:1px solid;margin:1px 5px 0 0}.cke_toolbar_break{display:block;clear:left}.cke_rtl .cke_toolbar_break{clear:right}.cke_toolbox_collapser{width:12px;height:11px;float:right;margin:11px 0 0;font-size:0;cursor:default;text-align:center;border:1px solid #a6a6a6;border-bottom-color:#979797;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;background:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);background-image:-o-linear-gradient(top,#fff,#e4e4e4);background-image:-ms-linear-gradient(top,#fff,#e4e4e4);background-image:linear-gradient(top,#fff,#e4e4e4);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4')}.cke_toolbox_collapser:hover{background:#ccc;background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ccc));background-image:-moz-linear-gradient(top,#f2f2f2,#ccc);background-image:-webkit-linear-gradient(top,#f2f2f2,#ccc);background-image:-o-linear-gradient(top,#f2f2f2,#ccc);background-image:-ms-linear-gradient(top,#f2f2f2,#ccc);background-image:linear-gradient(top,#f2f2f2,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f2f2f2',endColorstr='#cccccc')}.cke_toolbox_collapser.cke_toolbox_collapser_min{margin:0 2px 4px}.cke_rtl .cke_toolbox_collapser{float:left}.cke_toolbox_collapser .cke_arrow{display:inline-block;height:0;width:0;font-size:0;margin-top:1px;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:3px solid #474747;border-top:3px solid transparent}.cke_toolbox_collapser.cke_toolbox_collapser_min .cke_arrow{margin-top:4px;border-bottom-color:transparent;border-top-color:#474747}.cke_hc .cke_toolbox_collapser .cke_arrow{font-size:8px;width:auto;border:0;margin-top:0;margin-right:2px}.cke_menubutton{display:block}.cke_menuitem span{cursor:default}.cke_menubutton:hover,.cke_menubutton:focus,.cke_menubutton:active{background-color:#d3d3d3;display:block}.cke_hc .cke_menubutton{padding:2px}.cke_hc .cke_menubutton:hover,.cke_hc .cke_menubutton:focus,.cke_hc .cke_menubutton:active{border:2px solid;padding:0}.cke_menubutton_inner{display:table-row}.cke_menubutton_icon,.cke_menubutton_label,.cke_menuarrow{display:table-cell}.cke_menubutton_icon{background-color:#d7d8d7;opacity:.70;filter:alpha(opacity=70);padding:4px}.cke_hc .cke_menubutton_icon{height:16px;width:0;padding:4px 0}.cke_menubutton:hover .cke_menubutton_icon,.cke_menubutton:focus .cke_menubutton_icon,.cke_menubutton:active .cke_menubutton_icon{background-color:#d0d2d0}.cke_menubutton_disabled:hover .cke_menubutton_icon,.cke_menubutton_disabled:focus .cke_menubutton_icon,.cke_menubutton_disabled:active .cke_menubutton_icon{opacity:.3;filter:alpha(opacity=30)}.cke_menubutton_label{padding:0 5px;background-color:transparent;width:100%;vertical-align:middle}.cke_menubutton_disabled .cke_menubutton_label{opacity:.3;filter:alpha(opacity=30)}.cke_menubutton_on{border:1px solid #dedede;background-color:#f2f2f2;-moz-box-shadow:0 0 2px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 0 2px rgba(0,0,0,.1) inset;box-shadow:0 0 2px rgba(0,0,0,.1) inset}.cke_menubutton_on .cke_menubutton_icon{padding-right:3px}.cke_menubutton:hover,.cke_menubutton:focus,.cke_menubutton:active{background-color:#eff0ef}.cke_panel_frame .cke_menubutton_label{display:none}.cke_menuseparator{background-color:#d3d3d3;height:1px;filter:alpha(opacity=70);opacity:.70}.cke_menuarrow{background-image:url(images/arrow.png);background-position:0 10px;background-repeat:no-repeat;padding:0 5px}.cke_rtl .cke_menuarrow{background-position:5px -13px;background-repeat:no-repeat}.cke_menuarrow span{display:none}.cke_hc .cke_menuarrow span{vertical-align:middle;display:inline}.cke_combo{display:inline-block;float:left}.cke_rtl .cke_combo{float:right}.cke_hc .cke_combo{margin-top:-2px}.cke_combo_label{display:none;float:left;line-height:26px;vertical-align:top;margin-right:5px}.cke_rtl .cke_combo_label{float:right;margin-left:5px;margin-right:0}.cke_combo_button{cursor:default;display:inline-block;float:left;margin:0 6px 5px 0;border:1px solid #a6a6a6;border-bottom-color:#979797;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;background:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);background-image:-o-linear-gradient(top,#fff,#e4e4e4);background-image:-ms-linear-gradient(top,#fff,#e4e4e4);background-image:linear-gradient(top,#fff,#e4e4e4);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4')}.cke_combo_off a.cke_combo_button:hover,.cke_combo_off a.cke_combo_button:focus{background:#ccc;background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ccc));background-image:-moz-linear-gradient(top,#f2f2f2,#ccc);background-image:-webkit-linear-gradient(top,#f2f2f2,#ccc);background-image:-o-linear-gradient(top,#f2f2f2,#ccc);background-image:-ms-linear-gradient(top,#f2f2f2,#ccc);background-image:linear-gradient(top,#f2f2f2,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f2f2f2',endColorstr='#cccccc');outline:0}.cke_combo_off a.cke_combo_button:active,.cke_combo_on a.cke_combo_button{border:1px solid #777;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 1px 5px rgba(0,0,0,.6) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 1px 5px rgba(0,0,0,.6) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 1px 5px rgba(0,0,0,.6) inset;background:#b5b5b5;background-image:-webkit-gradient(linear,left top,left bottom,from(#aaa),to(#cacaca));background-image:-moz-linear-gradient(top,#aaa,#cacaca);background-image:-webkit-linear-gradient(top,#aaa,#cacaca);background-image:-o-linear-gradient(top,#aaa,#cacaca);background-image:-ms-linear-gradient(top,#aaa,#cacaca);background-image:linear-gradient(top,#aaa,#cacaca);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#aaaaaa',endColorstr='#cacaca')}.cke_combo_on a.cke_combo_button:hover,.cke_combo_on a.cke_combo_button:focus,.cke_combo_on a.cke_combo_button:active{-moz-box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2)}.cke_rtl .cke_combo_button{float:right;margin-left:5px;margin-right:0}.cke_hc a.cke_combo_button{padding:3px}.cke_hc .cke_combo_on a.cke_combo_button,.cke_hc .cke_combo_off a.cke_combo_button:hover,.cke_hc .cke_combo_off a.cke_combo_button:focus,.cke_hc .cke_combo_off a.cke_combo_button:active{border-width:3px;padding:1px}.cke_combo_text{line-height:26px;padding-left:10px;text-overflow:ellipsis;overflow:hidden;float:left;cursor:default;color:#474747;text-shadow:0 1px 0 rgba(255,255,255,.5);width:60px}.cke_rtl .cke_combo_text{float:right;text-align:right;padding-left:0;padding-right:10px}.cke_hc .cke_combo_text{line-height:18px;font-size:12px}.cke_combo_open{cursor:default;display:inline-block;font-size:0;height:19px;line-height:17px;margin:1px 7px 1px;width:5px}.cke_hc .cke_combo_open{height:12px}.cke_combo_arrow{cursor:default;margin:11px 0 0;float:left;height:0;width:0;font-size:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #474747}.cke_hc .cke_combo_arrow{font-size:10px;width:auto;border:0;margin-top:3px}.cke_combo_disabled .cke_combo_inlinelabel,.cke_combo_disabled .cke_combo_open{opacity:.3}.cke_path{float:left;margin:-2px 0 2px}.cke_path_item,.cke_path_empty{display:inline-block;float:left;padding:3px 4px;margin-right:2px;cursor:default;text-decoration:none;outline:0;border:0;color:#4c4c4c;text-shadow:0 1px 0 #fff;font-weight:bold;font-size:11px}.cke_rtl .cke_path,.cke_rtl .cke_path_item,.cke_rtl .cke_path_empty{float:right}a.cke_path_item:hover,a.cke_path_item:focus,a.cke_path_item:active{background-color:#bfbfbf;color:#333;text-shadow:0 1px 0 rgba(255,255,255,.5);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 4px rgba(0,0,0,.5) inset,0 1px 0 rgba(255,255,255,.5);-webkit-box-shadow:0 0 4px rgba(0,0,0,.5) inset,0 1px 0 rgba(255,255,255,.5);box-shadow:0 0 4px rgba(0,0,0,.5) inset,0 1px 0 rgba(255,255,255,.5)}.cke_hc a.cke_path_item:hover,.cke_hc a.cke_path_item:focus,.cke_hc a.cke_path_item:active{border:2px solid;padding:1px 2px}.cke_button__source_label,.cke_button__sourcedialog_label{display:inline}.cke_combo__fontsize .cke_combo_text{width:30px}.cke_combopanel__fontsize{width:120px}.cke_source{font-family:'Courier New',Monospace;font-size:small;background-color:#fff;white-space:pre}.cke_wysiwyg_frame,.cke_wysiwyg_div{background-color:#fff}.cke_chrome{visibility:inherit}.cke_voice_label{display:none}legend.cke_voice_label{display:none}a.cke_button_disabled,a.cke_button_disabled:hover,a.cke_button_disabled:focus,a.cke_button_disabled:active{filter:alpha(opacity = 30)}.cke_button_disabled .cke_button_icon{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff)}.cke_button_off:hover,.cke_button_off:focus,.cke_button_off:active{filter:alpha(opacity = 100)}.cke_combo_disabled .cke_combo_inlinelabel,.cke_combo_disabled .cke_combo_open{filter:alpha(opacity = 30)}.cke_toolbox_collapser{border:1px solid #a6a6a6}.cke_toolbox_collapser .cke_arrow{margin-top:1px}.cke_hc .cke_top,.cke_hc .cke_bottom,.cke_hc .cke_combo_button,.cke_hc a.cke_combo_button:hover,.cke_hc a.cke_combo_button:focus,.cke_hc .cke_toolgroup,.cke_hc .cke_button_on,.cke_hc a.cke_button_off:hover,.cke_hc a.cke_button_off:focus,.cke_hc a.cke_button_off:active,.cke_hc .cke_toolbox_collapser,.cke_hc .cke_toolbox_collapser:hover,.cke_hc .cke_panel_grouptitle{filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.cke_toolbox_collapser .cke_arrow{border-width:4px}.cke_toolbox_collapser.cke_toolbox_collapser_min .cke_arrow{border-width:3px}.cke_toolbox_collapser .cke_arrow{margin-top:0}.cke_button__about_icon {background: url(icons.png) no-repeat 0 -0px !important;}.cke_button__bold_icon {background: url(icons.png) no-repeat 0 -24px !important;}.cke_button__italic_icon {background: url(icons.png) no-repeat 0 -48px !important;}.cke_button__strike_icon {background: url(icons.png) no-repeat 0 -72px !important;}.cke_button__subscript_icon {background: url(icons.png) no-repeat 0 -96px !important;}.cke_button__superscript_icon {background: url(icons.png) no-repeat 0 -120px !important;}.cke_button__underline_icon {background: url(icons.png) no-repeat 0 -144px !important;}.cke_button__bidiltr_icon {background: url(icons.png) no-repeat 0 -168px !important;}.cke_button__bidirtl_icon {background: url(icons.png) no-repeat 0 -192px !important;}.cke_button__blockquote_icon {background: url(icons.png) no-repeat 0 -216px !important;}.cke_rtl .cke_button__copy_icon, .cke_mixed_dir_content .cke_rtl .cke_button__copy_icon {background: url(icons.png) no-repeat 0 -240px !important;}.cke_ltr .cke_button__copy_icon {background: url(icons.png) no-repeat 0 -264px !important;}.cke_rtl .cke_button__cut_icon, .cke_mixed_dir_content .cke_rtl .cke_button__cut_icon {background: url(icons.png) no-repeat 0 -288px !important;}.cke_ltr .cke_button__cut_icon {background: url(icons.png) no-repeat 0 -312px !important;}.cke_rtl .cke_button__paste_icon, .cke_mixed_dir_content .cke_rtl .cke_button__paste_icon {background: url(icons.png) no-repeat 0 -336px !important;}.cke_ltr .cke_button__paste_icon {background: url(icons.png) no-repeat 0 -360px !important;}.cke_button__bgcolor_icon {background: url(icons.png) no-repeat 0 -384px !important;}.cke_button__textcolor_icon {background: url(icons.png) no-repeat 0 -408px !important;}.cke_rtl .cke_button__templates_icon, .cke_mixed_dir_content .cke_rtl .cke_button__templates_icon {background: url(icons.png) no-repeat 0 -432px !important;}.cke_ltr .cke_button__templates_icon {background: url(icons.png) no-repeat 0 -456px !important;}.cke_button__creatediv_icon {background: url(icons.png) no-repeat 0 -480px !important;}.cke_rtl .cke_button__find_icon, .cke_mixed_dir_content .cke_rtl .cke_button__find_icon {background: url(icons.png) no-repeat 0 -504px !important;}.cke_ltr .cke_button__find_icon {background: url(icons.png) no-repeat 0 -528px !important;}.cke_button__replace_icon {background: url(icons.png) no-repeat 0 -552px !important;}.cke_button__flash_icon {background: url(icons.png) no-repeat 0 -576px !important;}.cke_button__button_icon {background: url(icons.png) no-repeat 0 -600px !important;}.cke_button__checkbox_icon {background: url(icons.png) no-repeat 0 -624px !important;}.cke_button__form_icon {background: url(icons.png) no-repeat 0 -648px !important;}.cke_button__hiddenfield_icon {background: url(icons.png) no-repeat 0 -672px !important;}.cke_button__imagebutton_icon {background: url(icons.png) no-repeat 0 -696px !important;}.cke_button__radio_icon {background: url(icons.png) no-repeat 0 -720px !important;}.cke_rtl .cke_button__select_icon, .cke_mixed_dir_content .cke_rtl .cke_button__select_icon {background: url(icons.png) no-repeat 0 -744px !important;}.cke_ltr .cke_button__select_icon {background: url(icons.png) no-repeat 0 -768px !important;}.cke_rtl .cke_button__textarea_icon, .cke_mixed_dir_content .cke_rtl .cke_button__textarea_icon {background: url(icons.png) no-repeat 0 -792px !important;}.cke_ltr .cke_button__textarea_icon {background: url(icons.png) no-repeat 0 -816px !important;}.cke_rtl .cke_button__textfield_icon, .cke_mixed_dir_content .cke_rtl .cke_button__textfield_icon {background: url(icons.png) no-repeat 0 -840px !important;}.cke_ltr .cke_button__textfield_icon {background: url(icons.png) no-repeat 0 -864px !important;}.cke_button__horizontalrule_icon {background: url(icons.png) no-repeat 0 -888px !important;}.cke_button__iframe_icon {background: url(icons.png) no-repeat 0 -912px !important;}.cke_button__image_icon {background: url(icons.png) no-repeat 0 -936px !important;}.cke_rtl .cke_button__indent_icon, .cke_mixed_dir_content .cke_rtl .cke_button__indent_icon {background: url(icons.png) no-repeat 0 -960px !important;}.cke_ltr .cke_button__indent_icon {background: url(icons.png) no-repeat 0 -984px !important;}.cke_rtl .cke_button__outdent_icon, .cke_mixed_dir_content .cke_rtl .cke_button__outdent_icon {background: url(icons.png) no-repeat 0 -1008px !important;}.cke_ltr .cke_button__outdent_icon {background: url(icons.png) no-repeat 0 -1032px !important;}.cke_button__smiley_icon {background: url(icons.png) no-repeat 0 -1056px !important;}.cke_button__justifyblock_icon {background: url(icons.png) no-repeat 0 -1080px !important;}.cke_button__justifycenter_icon {background: url(icons.png) no-repeat 0 -1104px !important;}.cke_button__justifyleft_icon {background: url(icons.png) no-repeat 0 -1128px !important;}.cke_button__justifyright_icon {background: url(icons.png) no-repeat 0 -1152px !important;}.cke_button__language_icon {background: url(icons.png) no-repeat 0 -1176px !important;}.cke_rtl .cke_button__anchor_icon, .cke_mixed_dir_content .cke_rtl .cke_button__anchor_icon {background: url(icons.png) no-repeat 0 -1200px !important;}.cke_ltr .cke_button__anchor_icon {background: url(icons.png) no-repeat 0 -1224px !important;}.cke_button__link_icon {background: url(icons.png) no-repeat 0 -1248px !important;}.cke_button__unlink_icon {background: url(icons.png) no-repeat 0 -1272px !important;}.cke_rtl .cke_button__bulletedlist_icon, .cke_mixed_dir_content .cke_rtl .cke_button__bulletedlist_icon {background: url(icons.png) no-repeat 0 -1296px !important;}.cke_ltr .cke_button__bulletedlist_icon {background: url(icons.png) no-repeat 0 -1320px !important;}.cke_rtl .cke_button__numberedlist_icon, .cke_mixed_dir_content .cke_rtl .cke_button__numberedlist_icon {background: url(icons.png) no-repeat 0 -1344px !important;}.cke_ltr .cke_button__numberedlist_icon {background: url(icons.png) no-repeat 0 -1368px !important;}.cke_button__maximize_icon {background: url(icons.png) no-repeat 0 -1392px !important;}.cke_rtl .cke_button__newpage_icon, .cke_mixed_dir_content .cke_rtl .cke_button__newpage_icon {background: url(icons.png) no-repeat 0 -1416px !important;}.cke_ltr .cke_button__newpage_icon {background: url(icons.png) no-repeat 0 -1440px !important;}.cke_rtl .cke_button__pagebreak_icon, .cke_mixed_dir_content .cke_rtl .cke_button__pagebreak_icon {background: url(icons.png) no-repeat 0 -1464px !important;}.cke_ltr .cke_button__pagebreak_icon {background: url(icons.png) no-repeat 0 -1488px !important;}.cke_rtl .cke_button__pastetext_icon, .cke_mixed_dir_content .cke_rtl .cke_button__pastetext_icon {background: url(icons.png) no-repeat 0 -1512px !important;}.cke_ltr .cke_button__pastetext_icon {background: url(icons.png) no-repeat 0 -1536px !important;}.cke_rtl .cke_button__pastefromword_icon, .cke_mixed_dir_content .cke_rtl .cke_button__pastefromword_icon {background: url(icons.png) no-repeat 0 -1560px !important;}.cke_ltr .cke_button__pastefromword_icon {background: url(icons.png) no-repeat 0 -1584px !important;}.cke_rtl .cke_button__preview_icon, .cke_mixed_dir_content .cke_rtl .cke_button__preview_icon {background: url(icons.png) no-repeat 0 -1608px !important;}.cke_ltr .cke_button__preview_icon {background: url(icons.png) no-repeat 0 -1632px !important;}.cke_button__print_icon {background: url(icons.png) no-repeat 0 -1656px !important;}.cke_button__removeformat_icon {background: url(icons.png) no-repeat 0 -1680px !important;}.cke_button__save_icon {background: url(icons.png) no-repeat 0 -1704px !important;}.cke_button__selectall_icon {background: url(icons.png) no-repeat 0 -1728px !important;}.cke_rtl .cke_button__showblocks_icon, .cke_mixed_dir_content .cke_rtl .cke_button__showblocks_icon {background: url(icons.png) no-repeat 0 -1752px !important;}.cke_ltr .cke_button__showblocks_icon {background: url(icons.png) no-repeat 0 -1776px !important;}.cke_rtl .cke_button__source_icon, .cke_mixed_dir_content .cke_rtl .cke_button__source_icon {background: url(icons.png) no-repeat 0 -1800px !important;}.cke_ltr .cke_button__source_icon {background: url(icons.png) no-repeat 0 -1824px !important;}.cke_button__specialchar_icon {background: url(icons.png) no-repeat 0 -1848px !important;}.cke_button__scayt_icon {background: url(icons.png) no-repeat 0 -1872px !important;}.cke_button__table_icon {background: url(icons.png) no-repeat 0 -1896px !important;}.cke_rtl .cke_button__redo_icon, .cke_mixed_dir_content .cke_rtl .cke_button__redo_icon {background: url(icons.png) no-repeat 0 -1920px !important;}.cke_ltr .cke_button__redo_icon {background: url(icons.png) no-repeat 0 -1944px !important;}.cke_rtl .cke_button__undo_icon, .cke_mixed_dir_content .cke_rtl .cke_button__undo_icon {background: url(icons.png) no-repeat 0 -1968px !important;}.cke_ltr .cke_button__undo_icon {background: url(icons.png) no-repeat 0 -1992px !important;}.cke_button__spellchecker_icon {background: url(icons.png) no-repeat 0 -2016px !important;}.cke_hidpi .cke_button__about_icon {background: url(icons_hidpi.png) no-repeat 0 -0px !important;background-size: 16px !important;}.cke_hidpi .cke_button__bold_icon {background: url(icons_hidpi.png) no-repeat 0 -24px !important;background-size: 16px !important;}.cke_hidpi .cke_button__italic_icon {background: url(icons_hidpi.png) no-repeat 0 -48px !important;background-size: 16px !important;}.cke_hidpi .cke_button__strike_icon {background: url(icons_hidpi.png) no-repeat 0 -72px !important;background-size: 16px !important;}.cke_hidpi .cke_button__subscript_icon {background: url(icons_hidpi.png) no-repeat 0 -96px !important;background-size: 16px !important;}.cke_hidpi .cke_button__superscript_icon {background: url(icons_hidpi.png) no-repeat 0 -120px !important;background-size: 16px !important;}.cke_hidpi .cke_button__underline_icon {background: url(icons_hidpi.png) no-repeat 0 -144px !important;background-size: 16px !important;}.cke_hidpi .cke_button__bidiltr_icon {background: url(icons_hidpi.png) no-repeat 0 -168px !important;background-size: 16px !important;}.cke_hidpi .cke_button__bidirtl_icon {background: url(icons_hidpi.png) no-repeat 0 -192px !important;background-size: 16px !important;}.cke_hidpi .cke_button__blockquote_icon {background: url(icons_hidpi.png) no-repeat 0 -216px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__copy_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__copy_icon {background: url(icons_hidpi.png) no-repeat 0 -240px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__copy_icon,.cke_ltr.cke_hidpi .cke_button__copy_icon {background: url(icons_hidpi.png) no-repeat 0 -264px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__cut_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__cut_icon {background: url(icons_hidpi.png) no-repeat 0 -288px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__cut_icon,.cke_ltr.cke_hidpi .cke_button__cut_icon {background: url(icons_hidpi.png) no-repeat 0 -312px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__paste_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__paste_icon {background: url(icons_hidpi.png) no-repeat 0 -336px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__paste_icon,.cke_ltr.cke_hidpi .cke_button__paste_icon {background: url(icons_hidpi.png) no-repeat 0 -360px !important;background-size: 16px !important;}.cke_hidpi .cke_button__bgcolor_icon {background: url(icons_hidpi.png) no-repeat 0 -384px !important;background-size: 16px !important;}.cke_hidpi .cke_button__textcolor_icon {background: url(icons_hidpi.png) no-repeat 0 -408px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__templates_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__templates_icon {background: url(icons_hidpi.png) no-repeat 0 -432px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__templates_icon,.cke_ltr.cke_hidpi .cke_button__templates_icon {background: url(icons_hidpi.png) no-repeat 0 -456px !important;background-size: 16px !important;}.cke_hidpi .cke_button__creatediv_icon {background: url(icons_hidpi.png) no-repeat 0 -480px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__find_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__find_icon {background: url(icons_hidpi.png) no-repeat 0 -504px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__find_icon,.cke_ltr.cke_hidpi .cke_button__find_icon {background: url(icons_hidpi.png) no-repeat 0 -528px !important;background-size: 16px !important;}.cke_hidpi .cke_button__replace_icon {background: url(icons_hidpi.png) no-repeat 0 -552px !important;background-size: 16px !important;}.cke_hidpi .cke_button__flash_icon {background: url(icons_hidpi.png) no-repeat 0 -576px !important;background-size: 16px !important;}.cke_hidpi .cke_button__button_icon {background: url(icons_hidpi.png) no-repeat 0 -600px !important;background-size: 16px !important;}.cke_hidpi .cke_button__checkbox_icon {background: url(icons_hidpi.png) no-repeat 0 -624px !important;background-size: 16px !important;}.cke_hidpi .cke_button__form_icon {background: url(icons_hidpi.png) no-repeat 0 -648px !important;background-size: 16px !important;}.cke_hidpi .cke_button__hiddenfield_icon {background: url(icons_hidpi.png) no-repeat 0 -672px !important;background-size: 16px !important;}.cke_hidpi .cke_button__imagebutton_icon {background: url(icons_hidpi.png) no-repeat 0 -696px !important;background-size: 16px !important;}.cke_hidpi .cke_button__radio_icon {background: url(icons_hidpi.png) no-repeat 0 -720px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__select_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__select_icon {background: url(icons_hidpi.png) no-repeat 0 -744px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__select_icon,.cke_ltr.cke_hidpi .cke_button__select_icon {background: url(icons_hidpi.png) no-repeat 0 -768px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__textarea_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__textarea_icon {background: url(icons_hidpi.png) no-repeat 0 -792px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__textarea_icon,.cke_ltr.cke_hidpi .cke_button__textarea_icon {background: url(icons_hidpi.png) no-repeat 0 -816px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__textfield_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__textfield_icon {background: url(icons_hidpi.png) no-repeat 0 -840px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__textfield_icon,.cke_ltr.cke_hidpi .cke_button__textfield_icon {background: url(icons_hidpi.png) no-repeat 0 -864px !important;background-size: 16px !important;}.cke_hidpi .cke_button__horizontalrule_icon {background: url(icons_hidpi.png) no-repeat 0 -888px !important;background-size: 16px !important;}.cke_hidpi .cke_button__iframe_icon {background: url(icons_hidpi.png) no-repeat 0 -912px !important;background-size: 16px !important;}.cke_hidpi .cke_button__image_icon {background: url(icons_hidpi.png) no-repeat 0 -936px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__indent_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__indent_icon {background: url(icons_hidpi.png) no-repeat 0 -960px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__indent_icon,.cke_ltr.cke_hidpi .cke_button__indent_icon {background: url(icons_hidpi.png) no-repeat 0 -984px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__outdent_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__outdent_icon {background: url(icons_hidpi.png) no-repeat 0 -1008px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__outdent_icon,.cke_ltr.cke_hidpi .cke_button__outdent_icon {background: url(icons_hidpi.png) no-repeat 0 -1032px !important;background-size: 16px !important;}.cke_hidpi .cke_button__smiley_icon {background: url(icons_hidpi.png) no-repeat 0 -1056px !important;background-size: 16px !important;}.cke_hidpi .cke_button__justifyblock_icon {background: url(icons_hidpi.png) no-repeat 0 -1080px !important;background-size: 16px !important;}.cke_hidpi .cke_button__justifycenter_icon {background: url(icons_hidpi.png) no-repeat 0 -1104px !important;background-size: 16px !important;}.cke_hidpi .cke_button__justifyleft_icon {background: url(icons_hidpi.png) no-repeat 0 -1128px !important;background-size: 16px !important;}.cke_hidpi .cke_button__justifyright_icon {background: url(icons_hidpi.png) no-repeat 0 -1152px !important;background-size: 16px !important;}.cke_hidpi .cke_button__language_icon {background: url(icons_hidpi.png) no-repeat 0 -1176px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__anchor_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__anchor_icon {background: url(icons_hidpi.png) no-repeat 0 -1200px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__anchor_icon,.cke_ltr.cke_hidpi .cke_button__anchor_icon {background: url(icons_hidpi.png) no-repeat 0 -1224px !important;background-size: 16px !important;}.cke_hidpi .cke_button__link_icon {background: url(icons_hidpi.png) no-repeat 0 -1248px !important;background-size: 16px !important;}.cke_hidpi .cke_button__unlink_icon {background: url(icons_hidpi.png) no-repeat 0 -1272px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__bulletedlist_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__bulletedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -1296px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__bulletedlist_icon,.cke_ltr.cke_hidpi .cke_button__bulletedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -1320px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__numberedlist_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__numberedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -1344px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__numberedlist_icon,.cke_ltr.cke_hidpi .cke_button__numberedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -1368px !important;background-size: 16px !important;}.cke_hidpi .cke_button__maximize_icon {background: url(icons_hidpi.png) no-repeat 0 -1392px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__newpage_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__newpage_icon {background: url(icons_hidpi.png) no-repeat 0 -1416px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__newpage_icon,.cke_ltr.cke_hidpi .cke_button__newpage_icon {background: url(icons_hidpi.png) no-repeat 0 -1440px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__pagebreak_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pagebreak_icon {background: url(icons_hidpi.png) no-repeat 0 -1464px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__pagebreak_icon,.cke_ltr.cke_hidpi .cke_button__pagebreak_icon {background: url(icons_hidpi.png) no-repeat 0 -1488px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__pastetext_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pastetext_icon {background: url(icons_hidpi.png) no-repeat 0 -1512px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__pastetext_icon,.cke_ltr.cke_hidpi .cke_button__pastetext_icon {background: url(icons_hidpi.png) no-repeat 0 -1536px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__pastefromword_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pastefromword_icon {background: url(icons_hidpi.png) no-repeat 0 -1560px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__pastefromword_icon,.cke_ltr.cke_hidpi .cke_button__pastefromword_icon {background: url(icons_hidpi.png) no-repeat 0 -1584px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__preview_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__preview_icon {background: url(icons_hidpi.png) no-repeat 0 -1608px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__preview_icon,.cke_ltr.cke_hidpi .cke_button__preview_icon {background: url(icons_hidpi.png) no-repeat 0 -1632px !important;background-size: 16px !important;}.cke_hidpi .cke_button__print_icon {background: url(icons_hidpi.png) no-repeat 0 -1656px !important;background-size: 16px !important;}.cke_hidpi .cke_button__removeformat_icon {background: url(icons_hidpi.png) no-repeat 0 -1680px !important;background-size: 16px !important;}.cke_hidpi .cke_button__save_icon {background: url(icons_hidpi.png) no-repeat 0 -1704px !important;background-size: 16px !important;}.cke_hidpi .cke_button__selectall_icon {background: url(icons_hidpi.png) no-repeat 0 -1728px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__showblocks_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__showblocks_icon {background: url(icons_hidpi.png) no-repeat 0 -1752px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__showblocks_icon,.cke_ltr.cke_hidpi .cke_button__showblocks_icon {background: url(icons_hidpi.png) no-repeat 0 -1776px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__source_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__source_icon {background: url(icons_hidpi.png) no-repeat 0 -1800px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__source_icon,.cke_ltr.cke_hidpi .cke_button__source_icon {background: url(icons_hidpi.png) no-repeat 0 -1824px !important;background-size: 16px !important;}.cke_hidpi .cke_button__specialchar_icon {background: url(icons_hidpi.png) no-repeat 0 -1848px !important;background-size: 16px !important;}.cke_hidpi .cke_button__scayt_icon {background: url(icons_hidpi.png) no-repeat 0 -1872px !important;background-size: 16px !important;}.cke_hidpi .cke_button__table_icon {background: url(icons_hidpi.png) no-repeat 0 -1896px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__redo_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__redo_icon {background: url(icons_hidpi.png) no-repeat 0 -1920px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__redo_icon,.cke_ltr.cke_hidpi .cke_button__redo_icon {background: url(icons_hidpi.png) no-repeat 0 -1944px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__undo_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__undo_icon {background: url(icons_hidpi.png) no-repeat 0 -1968px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__undo_icon,.cke_ltr.cke_hidpi .cke_button__undo_icon {background: url(icons_hidpi.png) no-repeat 0 -1992px !important;background-size: 16px !important;}.cke_hidpi .cke_button__spellchecker_icon {background: url(icons_hidpi.png) no-repeat 0 -2016px !important;background-size: 16px !important;}
\ No newline at end of file
diff --git a/resoft/ckeditor/skins/moono/editor_iequirks.css b/resoft/ckeditor/skins/moono/editor_iequirks.css
new file mode 100644
index 0000000..2723ca8
--- /dev/null
+++ b/resoft/ckeditor/skins/moono/editor_iequirks.css
@@ -0,0 +1,5 @@
+/*
+Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+.cke_reset{margin:0;padding:0;border:0;background:transparent;text-decoration:none;width:auto;height:auto;vertical-align:baseline;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;position:static;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none}.cke_reset_all,.cke_reset_all *{margin:0;padding:0;border:0;background:transparent;text-decoration:none;width:auto;height:auto;vertical-align:baseline;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;position:static;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;border-collapse:collapse;font:normal normal normal 12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif;color:#000;text-align:left;white-space:nowrap;cursor:auto;float:none}.cke_reset_all .cke_rtl *{text-align:right}.cke_reset_all iframe{vertical-align:inherit}.cke_reset_all textarea{white-space:pre}.cke_reset_all textarea,.cke_reset_all input[type="text"],.cke_reset_all input[type="password"]{cursor:text}.cke_reset_all textarea[disabled],.cke_reset_all input[type="text"][disabled],.cke_reset_all input[type="password"][disabled]{cursor:default}.cke_reset_all fieldset{padding:10px;border:2px groove #e0dfe3}.cke_reset_all select{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.cke_reset_all table{table-layout:auto}.cke_chrome{display:block;border:1px solid #b6b6b6;padding:0;-moz-box-shadow:0 0 3px rgba(0,0,0,.15);-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.15)}.cke_inner{display:block;-webkit-touch-callout:none;background:#fff;padding:0}.cke_float{border:0}.cke_float .cke_inner{padding-bottom:0}.cke_top,.cke_contents,.cke_bottom{display:block;overflow:hidden}.cke_top{border-bottom:1px solid #b6b6b6;padding:6px 8px 2px;white-space:normal;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#cfd1cf));background-image:-moz-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-webkit-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-o-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-ms-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:linear-gradient(top,#f5f5f5,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f5f5f5',endColorstr='#cfd1cf')}.cke_float .cke_top{border:1px solid #b6b6b6;border-bottom-color:#999}.cke_bottom{padding:6px 8px 2px;position:relative;border-top:1px solid #bfbfbf;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#cfd1cf));background-image:-moz-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-webkit-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-o-linear-gradient(top,#ebebeb,#cfd1cf);background-image:-ms-linear-gradient(top,#ebebeb,#cfd1cf);background-image:linear-gradient(top,#ebebeb,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ebebeb',endColorstr='#cfd1cf')}.cke_browser_ios .cke_contents{overflow-y:auto;-webkit-overflow-scrolling:touch}.cke_resizer{width:0;height:0;overflow:hidden;width:0;height:0;overflow:hidden;border-width:10px 10px 0 0;border-color:transparent #666 transparent transparent;border-style:dashed solid dashed dashed;font-size:0;vertical-align:bottom;margin-top:6px;margin-bottom:2px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.3);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:0 1px 0 rgba(255,255,255,.3)}.cke_hc .cke_resizer{font-size:15px;width:auto;height:auto;border-width:0}.cke_resizer_ltr{cursor:se-resize;float:right;margin-right:-4px}.cke_resizer_rtl{border-width:10px 0 0 10px;border-color:transparent transparent transparent #a5a5a5;border-style:dashed dashed dashed solid;cursor:sw-resize;float:left;margin-left:-4px;right:auto}.cke_wysiwyg_div{display:block;height:100%;overflow:auto;padding:0 8px;outline-style:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.cke_panel{visibility:visible;width:120px;height:100px;overflow:hidden;background-color:#fff;border:1px solid #b6b6b6;border-bottom-color:#999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 3px rgba(0,0,0,.15);-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.15)}.cke_menu_panel{padding:0;margin:0}.cke_combopanel{width:150px;height:170px}.cke_panel_frame{width:100%;height:100%;font-size:12px;overflow:auto;overflow-x:hidden}.cke_panel_container{overflow-y:auto;overflow-x:hidden}.cke_panel_list{list-style-type:none;margin:3px;padding:0;white-space:nowrap}.cke_panel_listItem{margin:0;padding-bottom:1px}.cke_panel_listItem a{padding:3px 4px;display:block;border:1px solid #fff;color:inherit!important;text-decoration:none;overflow:hidden;text-overflow:ellipsis;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}* html .cke_panel_listItem a{width:100%;color:#000}*:first-child+html .cke_panel_listItem a{color:#000}.cke_panel_listItem.cke_selected a{border:1px solid #dedede;background-color:#f2f2f2;-moz-box-shadow:0 0 2px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 0 2px rgba(0,0,0,.1) inset;box-shadow:0 0 2px rgba(0,0,0,.1) inset}.cke_panel_listItem a:hover,.cke_panel_listItem a:focus,.cke_panel_listItem a:active{border-color:#dedede;background-color:#f2f2f2;-moz-box-shadow:0 0 2px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 0 2px rgba(0,0,0,.1) inset;box-shadow:0 0 2px rgba(0,0,0,.1) inset}.cke_hc .cke_panel_listItem a{border-style:none}.cke_hc .cke_panel_listItem a:hover,.cke_hc .cke_panel_listItem a:focus,.cke_hc .cke_panel_listItem a:active{border:2px solid;padding:1px 2px}.cke_panel_grouptitle{cursor:default;font-size:11px;font-weight:bold;white-space:nowrap;margin:0;padding:4px 6px;color:#474747;text-shadow:0 1px 0 rgba(255,255,255,.75);border-bottom:1px solid #b6b6b6;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;-moz-box-shadow:0 1px 0 #fff inset;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background:#cfd1cf;background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#cfd1cf));background-image:-moz-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-webkit-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-o-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:-ms-linear-gradient(top,#f5f5f5,#cfd1cf);background-image:linear-gradient(top,#f5f5f5,#cfd1cf);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f5f5f5',endColorstr='#cfd1cf')}.cke_panel_listItem p,.cke_panel_listItem h1,.cke_panel_listItem h2,.cke_panel_listItem h3,.cke_panel_listItem h4,.cke_panel_listItem h5,.cke_panel_listItem h6,.cke_panel_listItem pre{margin-top:0;margin-bottom:0}.cke_colorblock{padding:3px;font-size:11px;font-family:'Microsoft Sans Serif',Tahoma,Arial,Verdana,Sans-Serif}.cke_colorblock,.cke_colorblock a{text-decoration:none;color:#000}span.cke_colorbox{width:10px;height:10px;border:#808080 1px solid;float:left}.cke_rtl span.cke_colorbox{float:right}a.cke_colorbox{border:#fff 1px solid;padding:2px;float:left;width:12px;height:12px}.cke_rtl a.cke_colorbox{float:right}a:hover.cke_colorbox,a:focus.cke_colorbox,a:active.cke_colorbox{border:#b6b6b6 1px solid;background-color:#e5e5e5}a.cke_colorauto,a.cke_colormore{border:#fff 1px solid;padding:2px;display:block;cursor:pointer}a:hover.cke_colorauto,a:hover.cke_colormore,a:focus.cke_colorauto,a:focus.cke_colormore,a:active.cke_colorauto,a:active.cke_colormore{border:#b6b6b6 1px solid;background-color:#e5e5e5}.cke_toolbar{float:left}.cke_rtl .cke_toolbar{float:right}.cke_toolgroup{float:left;margin:0 6px 5px 0;border:1px solid #a6a6a6;border-bottom-color:#979797;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;background:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);background-image:-o-linear-gradient(top,#fff,#e4e4e4);background-image:-ms-linear-gradient(top,#fff,#e4e4e4);background-image:linear-gradient(top,#fff,#e4e4e4);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4')}.cke_hc .cke_toolgroup{border:0;margin-right:10px;margin-bottom:10px}.cke_rtl .cke_toolgroup{float:right;margin-left:6px;margin-right:0}a.cke_button{display:inline-block;height:18px;padding:4px 6px;outline:0;cursor:default;float:left;border:0}.cke_ltr .cke_button:last-child,.cke_rtl .cke_button:first-child{-moz-border-radius:0 2px 2px 0;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0}.cke_ltr .cke_button:first-child,.cke_rtl .cke_button:last-child{-moz-border-radius:2px 0 0 2px;-webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px}.cke_rtl .cke_button{float:right}.cke_hc .cke_button{border:1px solid black;padding:3px 5px;margin:-2px 4px 0 -2px}.cke_button_on{-moz-box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2);background:#b5b5b5;background-image:-webkit-gradient(linear,left top,left bottom,from(#aaa),to(#cacaca));background-image:-moz-linear-gradient(top,#aaa,#cacaca);background-image:-webkit-linear-gradient(top,#aaa,#cacaca);background-image:-o-linear-gradient(top,#aaa,#cacaca);background-image:-ms-linear-gradient(top,#aaa,#cacaca);background-image:linear-gradient(top,#aaa,#cacaca);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#aaaaaa',endColorstr='#cacaca')}.cke_hc .cke_button_on,.cke_hc a.cke_button_off:hover,.cke_hc a.cke_button_off:focus,.cke_hc a.cke_button_off:active,.cke_hc a.cke_button_disabled:hover,.cke_hc a.cke_button_disabled:focus,.cke_hc a.cke_button_disabled:active{border-width:3px;padding:1px 3px}.cke_button_disabled .cke_button_icon{opacity:.3}.cke_hc .cke_button_disabled{opacity:.5}a.cke_button_on:hover,a.cke_button_on:focus,a.cke_button_on:active{-moz-box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2)}a.cke_button_off:hover,a.cke_button_off:focus,a.cke_button_off:active,a.cke_button_disabled:hover,a.cke_button_disabled:focus,a.cke_button_disabled:active{-moz-box-shadow:0 0 1px rgba(0,0,0,.3) inset;-webkit-box-shadow:0 0 1px rgba(0,0,0,.3) inset;box-shadow:0 0 1px rgba(0,0,0,.3) inset;background:#ccc;background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ccc));background-image:-moz-linear-gradient(top,#f2f2f2,#ccc);background-image:-webkit-linear-gradient(top,#f2f2f2,#ccc);background-image:-o-linear-gradient(top,#f2f2f2,#ccc);background-image:-ms-linear-gradient(top,#f2f2f2,#ccc);background-image:linear-gradient(top,#f2f2f2,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f2f2f2',endColorstr='#cccccc')}.cke_button_icon{cursor:inherit;background-repeat:no-repeat;margin-top:1px;width:16px;height:16px;float:left;display:inline-block}.cke_rtl .cke_button_icon{float:right}.cke_hc .cke_button_icon{display:none}.cke_button_label{display:none;padding-left:3px;margin-top:1px;line-height:17px;vertical-align:middle;float:left;cursor:default;color:#474747;text-shadow:0 1px 0 rgba(255,255,255,.5)}.cke_rtl .cke_button_label{padding-right:3px;padding-left:0;float:right}.cke_hc .cke_button_label{padding:0;display:inline-block;font-size:12px}.cke_button_arrow{display:inline-block;margin:8px 0 0 1px;width:0;height:0;cursor:default;vertical-align:top;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #474747}.cke_rtl .cke_button_arrow{margin-right:5px;margin-left:0}.cke_hc .cke_button_arrow{font-size:10px;margin:3px -2px 0 3px;width:auto;border:0}.cke_toolbar_separator{float:left;background-color:#c0c0c0;background-color:rgba(0,0,0,.2);margin:5px 2px 0;height:18px;width:1px;-webkit-box-shadow:1px 0 1px rgba(255,255,255,.5);-moz-box-shadow:1px 0 1px rgba(255,255,255,.5);box-shadow:1px 0 1px rgba(255,255,255,.5)}.cke_rtl .cke_toolbar_separator{float:right;-webkit-box-shadow:-1px 0 1px rgba(255,255,255,.1);-moz-box-shadow:-1px 0 1px rgba(255,255,255,.1);box-shadow:-1px 0 1px rgba(255,255,255,.1)}.cke_hc .cke_toolbar_separator{width:0;border-left:1px solid;margin:1px 5px 0 0}.cke_toolbar_break{display:block;clear:left}.cke_rtl .cke_toolbar_break{clear:right}.cke_toolbox_collapser{width:12px;height:11px;float:right;margin:11px 0 0;font-size:0;cursor:default;text-align:center;border:1px solid #a6a6a6;border-bottom-color:#979797;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;background:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);background-image:-o-linear-gradient(top,#fff,#e4e4e4);background-image:-ms-linear-gradient(top,#fff,#e4e4e4);background-image:linear-gradient(top,#fff,#e4e4e4);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4')}.cke_toolbox_collapser:hover{background:#ccc;background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ccc));background-image:-moz-linear-gradient(top,#f2f2f2,#ccc);background-image:-webkit-linear-gradient(top,#f2f2f2,#ccc);background-image:-o-linear-gradient(top,#f2f2f2,#ccc);background-image:-ms-linear-gradient(top,#f2f2f2,#ccc);background-image:linear-gradient(top,#f2f2f2,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f2f2f2',endColorstr='#cccccc')}.cke_toolbox_collapser.cke_toolbox_collapser_min{margin:0 2px 4px}.cke_rtl .cke_toolbox_collapser{float:left}.cke_toolbox_collapser .cke_arrow{display:inline-block;height:0;width:0;font-size:0;margin-top:1px;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:3px solid #474747;border-top:3px solid transparent}.cke_toolbox_collapser.cke_toolbox_collapser_min .cke_arrow{margin-top:4px;border-bottom-color:transparent;border-top-color:#474747}.cke_hc .cke_toolbox_collapser .cke_arrow{font-size:8px;width:auto;border:0;margin-top:0;margin-right:2px}.cke_menubutton{display:block}.cke_menuitem span{cursor:default}.cke_menubutton:hover,.cke_menubutton:focus,.cke_menubutton:active{background-color:#d3d3d3;display:block}.cke_hc .cke_menubutton{padding:2px}.cke_hc .cke_menubutton:hover,.cke_hc .cke_menubutton:focus,.cke_hc .cke_menubutton:active{border:2px solid;padding:0}.cke_menubutton_inner{display:table-row}.cke_menubutton_icon,.cke_menubutton_label,.cke_menuarrow{display:table-cell}.cke_menubutton_icon{background-color:#d7d8d7;opacity:.70;filter:alpha(opacity=70);padding:4px}.cke_hc .cke_menubutton_icon{height:16px;width:0;padding:4px 0}.cke_menubutton:hover .cke_menubutton_icon,.cke_menubutton:focus .cke_menubutton_icon,.cke_menubutton:active .cke_menubutton_icon{background-color:#d0d2d0}.cke_menubutton_disabled:hover .cke_menubutton_icon,.cke_menubutton_disabled:focus .cke_menubutton_icon,.cke_menubutton_disabled:active .cke_menubutton_icon{opacity:.3;filter:alpha(opacity=30)}.cke_menubutton_label{padding:0 5px;background-color:transparent;width:100%;vertical-align:middle}.cke_menubutton_disabled .cke_menubutton_label{opacity:.3;filter:alpha(opacity=30)}.cke_menubutton_on{border:1px solid #dedede;background-color:#f2f2f2;-moz-box-shadow:0 0 2px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 0 2px rgba(0,0,0,.1) inset;box-shadow:0 0 2px rgba(0,0,0,.1) inset}.cke_menubutton_on .cke_menubutton_icon{padding-right:3px}.cke_menubutton:hover,.cke_menubutton:focus,.cke_menubutton:active{background-color:#eff0ef}.cke_panel_frame .cke_menubutton_label{display:none}.cke_menuseparator{background-color:#d3d3d3;height:1px;filter:alpha(opacity=70);opacity:.70}.cke_menuarrow{background-image:url(images/arrow.png);background-position:0 10px;background-repeat:no-repeat;padding:0 5px}.cke_rtl .cke_menuarrow{background-position:5px -13px;background-repeat:no-repeat}.cke_menuarrow span{display:none}.cke_hc .cke_menuarrow span{vertical-align:middle;display:inline}.cke_combo{display:inline-block;float:left}.cke_rtl .cke_combo{float:right}.cke_hc .cke_combo{margin-top:-2px}.cke_combo_label{display:none;float:left;line-height:26px;vertical-align:top;margin-right:5px}.cke_rtl .cke_combo_label{float:right;margin-left:5px;margin-right:0}.cke_combo_button{cursor:default;display:inline-block;float:left;margin:0 6px 5px 0;border:1px solid #a6a6a6;border-bottom-color:#979797;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;background:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);background-image:-webkit-linear-gradient(top,#fff,#e4e4e4);background-image:-o-linear-gradient(top,#fff,#e4e4e4);background-image:-ms-linear-gradient(top,#fff,#e4e4e4);background-image:linear-gradient(top,#fff,#e4e4e4);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4')}.cke_combo_off a.cke_combo_button:hover,.cke_combo_off a.cke_combo_button:focus{background:#ccc;background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ccc));background-image:-moz-linear-gradient(top,#f2f2f2,#ccc);background-image:-webkit-linear-gradient(top,#f2f2f2,#ccc);background-image:-o-linear-gradient(top,#f2f2f2,#ccc);background-image:-ms-linear-gradient(top,#f2f2f2,#ccc);background-image:linear-gradient(top,#f2f2f2,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f2f2f2',endColorstr='#cccccc');outline:0}.cke_combo_off a.cke_combo_button:active,.cke_combo_on a.cke_combo_button{border:1px solid #777;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 1px 5px rgba(0,0,0,.6) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 1px 5px rgba(0,0,0,.6) inset;box-shadow:0 1px 0 rgba(255,255,255,.5),0 1px 5px rgba(0,0,0,.6) inset;background:#b5b5b5;background-image:-webkit-gradient(linear,left top,left bottom,from(#aaa),to(#cacaca));background-image:-moz-linear-gradient(top,#aaa,#cacaca);background-image:-webkit-linear-gradient(top,#aaa,#cacaca);background-image:-o-linear-gradient(top,#aaa,#cacaca);background-image:-ms-linear-gradient(top,#aaa,#cacaca);background-image:linear-gradient(top,#aaa,#cacaca);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#aaaaaa',endColorstr='#cacaca')}.cke_combo_on a.cke_combo_button:hover,.cke_combo_on a.cke_combo_button:focus,.cke_combo_on a.cke_combo_button:active{-moz-box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.7) inset,0 1px 0 rgba(0,0,0,.2)}.cke_rtl .cke_combo_button{float:right;margin-left:5px;margin-right:0}.cke_hc a.cke_combo_button{padding:3px}.cke_hc .cke_combo_on a.cke_combo_button,.cke_hc .cke_combo_off a.cke_combo_button:hover,.cke_hc .cke_combo_off a.cke_combo_button:focus,.cke_hc .cke_combo_off a.cke_combo_button:active{border-width:3px;padding:1px}.cke_combo_text{line-height:26px;padding-left:10px;text-overflow:ellipsis;overflow:hidden;float:left;cursor:default;color:#474747;text-shadow:0 1px 0 rgba(255,255,255,.5);width:60px}.cke_rtl .cke_combo_text{float:right;text-align:right;padding-left:0;padding-right:10px}.cke_hc .cke_combo_text{line-height:18px;font-size:12px}.cke_combo_open{cursor:default;display:inline-block;font-size:0;height:19px;line-height:17px;margin:1px 7px 1px;width:5px}.cke_hc .cke_combo_open{height:12px}.cke_combo_arrow{cursor:default;margin:11px 0 0;float:left;height:0;width:0;font-size:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #474747}.cke_hc .cke_combo_arrow{font-size:10px;width:auto;border:0;margin-top:3px}.cke_combo_disabled .cke_combo_inlinelabel,.cke_combo_disabled .cke_combo_open{opacity:.3}.cke_path{float:left;margin:-2px 0 2px}.cke_path_item,.cke_path_empty{display:inline-block;float:left;padding:3px 4px;margin-right:2px;cursor:default;text-decoration:none;outline:0;border:0;color:#4c4c4c;text-shadow:0 1px 0 #fff;font-weight:bold;font-size:11px}.cke_rtl .cke_path,.cke_rtl .cke_path_item,.cke_rtl .cke_path_empty{float:right}a.cke_path_item:hover,a.cke_path_item:focus,a.cke_path_item:active{background-color:#bfbfbf;color:#333;text-shadow:0 1px 0 rgba(255,255,255,.5);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 4px rgba(0,0,0,.5) inset,0 1px 0 rgba(255,255,255,.5);-webkit-box-shadow:0 0 4px rgba(0,0,0,.5) inset,0 1px 0 rgba(255,255,255,.5);box-shadow:0 0 4px rgba(0,0,0,.5) inset,0 1px 0 rgba(255,255,255,.5)}.cke_hc a.cke_path_item:hover,.cke_hc a.cke_path_item:focus,.cke_hc a.cke_path_item:active{border:2px solid;padding:1px 2px}.cke_button__source_label,.cke_button__sourcedialog_label{display:inline}.cke_combo__fontsize .cke_combo_text{width:30px}.cke_combopanel__fontsize{width:120px}.cke_source{font-family:'Courier New',Monospace;font-size:small;background-color:#fff;white-space:pre}.cke_wysiwyg_frame,.cke_wysiwyg_div{background-color:#fff}.cke_chrome{visibility:inherit}.cke_voice_label{display:none}legend.cke_voice_label{display:none}a.cke_button_disabled,a.cke_button_disabled:hover,a.cke_button_disabled:focus,a.cke_button_disabled:active{filter:alpha(opacity = 30)}.cke_button_disabled .cke_button_icon{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff)}.cke_button_off:hover,.cke_button_off:focus,.cke_button_off:active{filter:alpha(opacity = 100)}.cke_combo_disabled .cke_combo_inlinelabel,.cke_combo_disabled .cke_combo_open{filter:alpha(opacity = 30)}.cke_toolbox_collapser{border:1px solid #a6a6a6}.cke_toolbox_collapser .cke_arrow{margin-top:1px}.cke_hc .cke_top,.cke_hc .cke_bottom,.cke_hc .cke_combo_button,.cke_hc a.cke_combo_button:hover,.cke_hc a.cke_combo_button:focus,.cke_hc .cke_toolgroup,.cke_hc .cke_button_on,.cke_hc a.cke_button_off:hover,.cke_hc a.cke_button_off:focus,.cke_hc a.cke_button_off:active,.cke_hc .cke_toolbox_collapser,.cke_hc .cke_toolbox_collapser:hover,.cke_hc .cke_panel_grouptitle{filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.cke_top,.cke_contents,.cke_bottom{width:100%}.cke_button_arrow{font-size:0}.cke_rtl .cke_toolgroup,.cke_rtl .cke_toolbar_separator,.cke_rtl .cke_button,.cke_rtl .cke_button *,.cke_rtl .cke_combo,.cke_rtl .cke_combo *,.cke_rtl .cke_path_item,.cke_rtl .cke_path_item *,.cke_rtl .cke_path_empty{float:none}.cke_rtl .cke_toolgroup,.cke_rtl .cke_toolbar_separator,.cke_rtl .cke_combo_button,.cke_rtl .cke_combo_button *,.cke_rtl .cke_button,.cke_rtl .cke_button_icon{display:inline-block;vertical-align:top}.cke_rtl .cke_button_icon{float:none}.cke_resizer{width:10px}.cke_source{white-space:normal}.cke_bottom{position:static}.cke_colorbox{font-size:0}.cke_button__about_icon {background: url(icons.png) no-repeat 0 -0px !important;}.cke_button__bold_icon {background: url(icons.png) no-repeat 0 -24px !important;}.cke_button__italic_icon {background: url(icons.png) no-repeat 0 -48px !important;}.cke_button__strike_icon {background: url(icons.png) no-repeat 0 -72px !important;}.cke_button__subscript_icon {background: url(icons.png) no-repeat 0 -96px !important;}.cke_button__superscript_icon {background: url(icons.png) no-repeat 0 -120px !important;}.cke_button__underline_icon {background: url(icons.png) no-repeat 0 -144px !important;}.cke_button__bidiltr_icon {background: url(icons.png) no-repeat 0 -168px !important;}.cke_button__bidirtl_icon {background: url(icons.png) no-repeat 0 -192px !important;}.cke_button__blockquote_icon {background: url(icons.png) no-repeat 0 -216px !important;}.cke_rtl .cke_button__copy_icon, .cke_mixed_dir_content .cke_rtl .cke_button__copy_icon {background: url(icons.png) no-repeat 0 -240px !important;}.cke_ltr .cke_button__copy_icon {background: url(icons.png) no-repeat 0 -264px !important;}.cke_rtl .cke_button__cut_icon, .cke_mixed_dir_content .cke_rtl .cke_button__cut_icon {background: url(icons.png) no-repeat 0 -288px !important;}.cke_ltr .cke_button__cut_icon {background: url(icons.png) no-repeat 0 -312px !important;}.cke_rtl .cke_button__paste_icon, .cke_mixed_dir_content .cke_rtl .cke_button__paste_icon {background: url(icons.png) no-repeat 0 -336px !important;}.cke_ltr .cke_button__paste_icon {background: url(icons.png) no-repeat 0 -360px !important;}.cke_button__bgcolor_icon {background: url(icons.png) no-repeat 0 -384px !important;}.cke_button__textcolor_icon {background: url(icons.png) no-repeat 0 -408px !important;}.cke_rtl .cke_button__templates_icon, .cke_mixed_dir_content .cke_rtl .cke_button__templates_icon {background: url(icons.png) no-repeat 0 -432px !important;}.cke_ltr .cke_button__templates_icon {background: url(icons.png) no-repeat 0 -456px !important;}.cke_button__creatediv_icon {background: url(icons.png) no-repeat 0 -480px !important;}.cke_rtl .cke_button__find_icon, .cke_mixed_dir_content .cke_rtl .cke_button__find_icon {background: url(icons.png) no-repeat 0 -504px !important;}.cke_ltr .cke_button__find_icon {background: url(icons.png) no-repeat 0 -528px !important;}.cke_button__replace_icon {background: url(icons.png) no-repeat 0 -552px !important;}.cke_button__flash_icon {background: url(icons.png) no-repeat 0 -576px !important;}.cke_button__button_icon {background: url(icons.png) no-repeat 0 -600px !important;}.cke_button__checkbox_icon {background: url(icons.png) no-repeat 0 -624px !important;}.cke_button__form_icon {background: url(icons.png) no-repeat 0 -648px !important;}.cke_button__hiddenfield_icon {background: url(icons.png) no-repeat 0 -672px !important;}.cke_button__imagebutton_icon {background: url(icons.png) no-repeat 0 -696px !important;}.cke_button__radio_icon {background: url(icons.png) no-repeat 0 -720px !important;}.cke_rtl .cke_button__select_icon, .cke_mixed_dir_content .cke_rtl .cke_button__select_icon {background: url(icons.png) no-repeat 0 -744px !important;}.cke_ltr .cke_button__select_icon {background: url(icons.png) no-repeat 0 -768px !important;}.cke_rtl .cke_button__textarea_icon, .cke_mixed_dir_content .cke_rtl .cke_button__textarea_icon {background: url(icons.png) no-repeat 0 -792px !important;}.cke_ltr .cke_button__textarea_icon {background: url(icons.png) no-repeat 0 -816px !important;}.cke_rtl .cke_button__textfield_icon, .cke_mixed_dir_content .cke_rtl .cke_button__textfield_icon {background: url(icons.png) no-repeat 0 -840px !important;}.cke_ltr .cke_button__textfield_icon {background: url(icons.png) no-repeat 0 -864px !important;}.cke_button__horizontalrule_icon {background: url(icons.png) no-repeat 0 -888px !important;}.cke_button__iframe_icon {background: url(icons.png) no-repeat 0 -912px !important;}.cke_button__image_icon {background: url(icons.png) no-repeat 0 -936px !important;}.cke_rtl .cke_button__indent_icon, .cke_mixed_dir_content .cke_rtl .cke_button__indent_icon {background: url(icons.png) no-repeat 0 -960px !important;}.cke_ltr .cke_button__indent_icon {background: url(icons.png) no-repeat 0 -984px !important;}.cke_rtl .cke_button__outdent_icon, .cke_mixed_dir_content .cke_rtl .cke_button__outdent_icon {background: url(icons.png) no-repeat 0 -1008px !important;}.cke_ltr .cke_button__outdent_icon {background: url(icons.png) no-repeat 0 -1032px !important;}.cke_button__smiley_icon {background: url(icons.png) no-repeat 0 -1056px !important;}.cke_button__justifyblock_icon {background: url(icons.png) no-repeat 0 -1080px !important;}.cke_button__justifycenter_icon {background: url(icons.png) no-repeat 0 -1104px !important;}.cke_button__justifyleft_icon {background: url(icons.png) no-repeat 0 -1128px !important;}.cke_button__justifyright_icon {background: url(icons.png) no-repeat 0 -1152px !important;}.cke_button__language_icon {background: url(icons.png) no-repeat 0 -1176px !important;}.cke_rtl .cke_button__anchor_icon, .cke_mixed_dir_content .cke_rtl .cke_button__anchor_icon {background: url(icons.png) no-repeat 0 -1200px !important;}.cke_ltr .cke_button__anchor_icon {background: url(icons.png) no-repeat 0 -1224px !important;}.cke_button__link_icon {background: url(icons.png) no-repeat 0 -1248px !important;}.cke_button__unlink_icon {background: url(icons.png) no-repeat 0 -1272px !important;}.cke_rtl .cke_button__bulletedlist_icon, .cke_mixed_dir_content .cke_rtl .cke_button__bulletedlist_icon {background: url(icons.png) no-repeat 0 -1296px !important;}.cke_ltr .cke_button__bulletedlist_icon {background: url(icons.png) no-repeat 0 -1320px !important;}.cke_rtl .cke_button__numberedlist_icon, .cke_mixed_dir_content .cke_rtl .cke_button__numberedlist_icon {background: url(icons.png) no-repeat 0 -1344px !important;}.cke_ltr .cke_button__numberedlist_icon {background: url(icons.png) no-repeat 0 -1368px !important;}.cke_button__maximize_icon {background: url(icons.png) no-repeat 0 -1392px !important;}.cke_rtl .cke_button__newpage_icon, .cke_mixed_dir_content .cke_rtl .cke_button__newpage_icon {background: url(icons.png) no-repeat 0 -1416px !important;}.cke_ltr .cke_button__newpage_icon {background: url(icons.png) no-repeat 0 -1440px !important;}.cke_rtl .cke_button__pagebreak_icon, .cke_mixed_dir_content .cke_rtl .cke_button__pagebreak_icon {background: url(icons.png) no-repeat 0 -1464px !important;}.cke_ltr .cke_button__pagebreak_icon {background: url(icons.png) no-repeat 0 -1488px !important;}.cke_rtl .cke_button__pastetext_icon, .cke_mixed_dir_content .cke_rtl .cke_button__pastetext_icon {background: url(icons.png) no-repeat 0 -1512px !important;}.cke_ltr .cke_button__pastetext_icon {background: url(icons.png) no-repeat 0 -1536px !important;}.cke_rtl .cke_button__pastefromword_icon, .cke_mixed_dir_content .cke_rtl .cke_button__pastefromword_icon {background: url(icons.png) no-repeat 0 -1560px !important;}.cke_ltr .cke_button__pastefromword_icon {background: url(icons.png) no-repeat 0 -1584px !important;}.cke_rtl .cke_button__preview_icon, .cke_mixed_dir_content .cke_rtl .cke_button__preview_icon {background: url(icons.png) no-repeat 0 -1608px !important;}.cke_ltr .cke_button__preview_icon {background: url(icons.png) no-repeat 0 -1632px !important;}.cke_button__print_icon {background: url(icons.png) no-repeat 0 -1656px !important;}.cke_button__removeformat_icon {background: url(icons.png) no-repeat 0 -1680px !important;}.cke_button__save_icon {background: url(icons.png) no-repeat 0 -1704px !important;}.cke_button__selectall_icon {background: url(icons.png) no-repeat 0 -1728px !important;}.cke_rtl .cke_button__showblocks_icon, .cke_mixed_dir_content .cke_rtl .cke_button__showblocks_icon {background: url(icons.png) no-repeat 0 -1752px !important;}.cke_ltr .cke_button__showblocks_icon {background: url(icons.png) no-repeat 0 -1776px !important;}.cke_rtl .cke_button__source_icon, .cke_mixed_dir_content .cke_rtl .cke_button__source_icon {background: url(icons.png) no-repeat 0 -1800px !important;}.cke_ltr .cke_button__source_icon {background: url(icons.png) no-repeat 0 -1824px !important;}.cke_button__specialchar_icon {background: url(icons.png) no-repeat 0 -1848px !important;}.cke_button__scayt_icon {background: url(icons.png) no-repeat 0 -1872px !important;}.cke_button__table_icon {background: url(icons.png) no-repeat 0 -1896px !important;}.cke_rtl .cke_button__redo_icon, .cke_mixed_dir_content .cke_rtl .cke_button__redo_icon {background: url(icons.png) no-repeat 0 -1920px !important;}.cke_ltr .cke_button__redo_icon {background: url(icons.png) no-repeat 0 -1944px !important;}.cke_rtl .cke_button__undo_icon, .cke_mixed_dir_content .cke_rtl .cke_button__undo_icon {background: url(icons.png) no-repeat 0 -1968px !important;}.cke_ltr .cke_button__undo_icon {background: url(icons.png) no-repeat 0 -1992px !important;}.cke_button__spellchecker_icon {background: url(icons.png) no-repeat 0 -2016px !important;}.cke_hidpi .cke_button__about_icon {background: url(icons_hidpi.png) no-repeat 0 -0px !important;background-size: 16px !important;}.cke_hidpi .cke_button__bold_icon {background: url(icons_hidpi.png) no-repeat 0 -24px !important;background-size: 16px !important;}.cke_hidpi .cke_button__italic_icon {background: url(icons_hidpi.png) no-repeat 0 -48px !important;background-size: 16px !important;}.cke_hidpi .cke_button__strike_icon {background: url(icons_hidpi.png) no-repeat 0 -72px !important;background-size: 16px !important;}.cke_hidpi .cke_button__subscript_icon {background: url(icons_hidpi.png) no-repeat 0 -96px !important;background-size: 16px !important;}.cke_hidpi .cke_button__superscript_icon {background: url(icons_hidpi.png) no-repeat 0 -120px !important;background-size: 16px !important;}.cke_hidpi .cke_button__underline_icon {background: url(icons_hidpi.png) no-repeat 0 -144px !important;background-size: 16px !important;}.cke_hidpi .cke_button__bidiltr_icon {background: url(icons_hidpi.png) no-repeat 0 -168px !important;background-size: 16px !important;}.cke_hidpi .cke_button__bidirtl_icon {background: url(icons_hidpi.png) no-repeat 0 -192px !important;background-size: 16px !important;}.cke_hidpi .cke_button__blockquote_icon {background: url(icons_hidpi.png) no-repeat 0 -216px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__copy_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__copy_icon {background: url(icons_hidpi.png) no-repeat 0 -240px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__copy_icon,.cke_ltr.cke_hidpi .cke_button__copy_icon {background: url(icons_hidpi.png) no-repeat 0 -264px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__cut_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__cut_icon {background: url(icons_hidpi.png) no-repeat 0 -288px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__cut_icon,.cke_ltr.cke_hidpi .cke_button__cut_icon {background: url(icons_hidpi.png) no-repeat 0 -312px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__paste_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__paste_icon {background: url(icons_hidpi.png) no-repeat 0 -336px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__paste_icon,.cke_ltr.cke_hidpi .cke_button__paste_icon {background: url(icons_hidpi.png) no-repeat 0 -360px !important;background-size: 16px !important;}.cke_hidpi .cke_button__bgcolor_icon {background: url(icons_hidpi.png) no-repeat 0 -384px !important;background-size: 16px !important;}.cke_hidpi .cke_button__textcolor_icon {background: url(icons_hidpi.png) no-repeat 0 -408px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__templates_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__templates_icon {background: url(icons_hidpi.png) no-repeat 0 -432px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__templates_icon,.cke_ltr.cke_hidpi .cke_button__templates_icon {background: url(icons_hidpi.png) no-repeat 0 -456px !important;background-size: 16px !important;}.cke_hidpi .cke_button__creatediv_icon {background: url(icons_hidpi.png) no-repeat 0 -480px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__find_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__find_icon {background: url(icons_hidpi.png) no-repeat 0 -504px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__find_icon,.cke_ltr.cke_hidpi .cke_button__find_icon {background: url(icons_hidpi.png) no-repeat 0 -528px !important;background-size: 16px !important;}.cke_hidpi .cke_button__replace_icon {background: url(icons_hidpi.png) no-repeat 0 -552px !important;background-size: 16px !important;}.cke_hidpi .cke_button__flash_icon {background: url(icons_hidpi.png) no-repeat 0 -576px !important;background-size: 16px !important;}.cke_hidpi .cke_button__button_icon {background: url(icons_hidpi.png) no-repeat 0 -600px !important;background-size: 16px !important;}.cke_hidpi .cke_button__checkbox_icon {background: url(icons_hidpi.png) no-repeat 0 -624px !important;background-size: 16px !important;}.cke_hidpi .cke_button__form_icon {background: url(icons_hidpi.png) no-repeat 0 -648px !important;background-size: 16px !important;}.cke_hidpi .cke_button__hiddenfield_icon {background: url(icons_hidpi.png) no-repeat 0 -672px !important;background-size: 16px !important;}.cke_hidpi .cke_button__imagebutton_icon {background: url(icons_hidpi.png) no-repeat 0 -696px !important;background-size: 16px !important;}.cke_hidpi .cke_button__radio_icon {background: url(icons_hidpi.png) no-repeat 0 -720px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__select_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__select_icon {background: url(icons_hidpi.png) no-repeat 0 -744px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__select_icon,.cke_ltr.cke_hidpi .cke_button__select_icon {background: url(icons_hidpi.png) no-repeat 0 -768px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__textarea_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__textarea_icon {background: url(icons_hidpi.png) no-repeat 0 -792px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__textarea_icon,.cke_ltr.cke_hidpi .cke_button__textarea_icon {background: url(icons_hidpi.png) no-repeat 0 -816px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__textfield_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__textfield_icon {background: url(icons_hidpi.png) no-repeat 0 -840px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__textfield_icon,.cke_ltr.cke_hidpi .cke_button__textfield_icon {background: url(icons_hidpi.png) no-repeat 0 -864px !important;background-size: 16px !important;}.cke_hidpi .cke_button__horizontalrule_icon {background: url(icons_hidpi.png) no-repeat 0 -888px !important;background-size: 16px !important;}.cke_hidpi .cke_button__iframe_icon {background: url(icons_hidpi.png) no-repeat 0 -912px !important;background-size: 16px !important;}.cke_hidpi .cke_button__image_icon {background: url(icons_hidpi.png) no-repeat 0 -936px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__indent_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__indent_icon {background: url(icons_hidpi.png) no-repeat 0 -960px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__indent_icon,.cke_ltr.cke_hidpi .cke_button__indent_icon {background: url(icons_hidpi.png) no-repeat 0 -984px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__outdent_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__outdent_icon {background: url(icons_hidpi.png) no-repeat 0 -1008px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__outdent_icon,.cke_ltr.cke_hidpi .cke_button__outdent_icon {background: url(icons_hidpi.png) no-repeat 0 -1032px !important;background-size: 16px !important;}.cke_hidpi .cke_button__smiley_icon {background: url(icons_hidpi.png) no-repeat 0 -1056px !important;background-size: 16px !important;}.cke_hidpi .cke_button__justifyblock_icon {background: url(icons_hidpi.png) no-repeat 0 -1080px !important;background-size: 16px !important;}.cke_hidpi .cke_button__justifycenter_icon {background: url(icons_hidpi.png) no-repeat 0 -1104px !important;background-size: 16px !important;}.cke_hidpi .cke_button__justifyleft_icon {background: url(icons_hidpi.png) no-repeat 0 -1128px !important;background-size: 16px !important;}.cke_hidpi .cke_button__justifyright_icon {background: url(icons_hidpi.png) no-repeat 0 -1152px !important;background-size: 16px !important;}.cke_hidpi .cke_button__language_icon {background: url(icons_hidpi.png) no-repeat 0 -1176px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__anchor_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__anchor_icon {background: url(icons_hidpi.png) no-repeat 0 -1200px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__anchor_icon,.cke_ltr.cke_hidpi .cke_button__anchor_icon {background: url(icons_hidpi.png) no-repeat 0 -1224px !important;background-size: 16px !important;}.cke_hidpi .cke_button__link_icon {background: url(icons_hidpi.png) no-repeat 0 -1248px !important;background-size: 16px !important;}.cke_hidpi .cke_button__unlink_icon {background: url(icons_hidpi.png) no-repeat 0 -1272px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__bulletedlist_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__bulletedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -1296px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__bulletedlist_icon,.cke_ltr.cke_hidpi .cke_button__bulletedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -1320px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__numberedlist_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__numberedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -1344px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__numberedlist_icon,.cke_ltr.cke_hidpi .cke_button__numberedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -1368px !important;background-size: 16px !important;}.cke_hidpi .cke_button__maximize_icon {background: url(icons_hidpi.png) no-repeat 0 -1392px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__newpage_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__newpage_icon {background: url(icons_hidpi.png) no-repeat 0 -1416px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__newpage_icon,.cke_ltr.cke_hidpi .cke_button__newpage_icon {background: url(icons_hidpi.png) no-repeat 0 -1440px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__pagebreak_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pagebreak_icon {background: url(icons_hidpi.png) no-repeat 0 -1464px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__pagebreak_icon,.cke_ltr.cke_hidpi .cke_button__pagebreak_icon {background: url(icons_hidpi.png) no-repeat 0 -1488px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__pastetext_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pastetext_icon {background: url(icons_hidpi.png) no-repeat 0 -1512px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__pastetext_icon,.cke_ltr.cke_hidpi .cke_button__pastetext_icon {background: url(icons_hidpi.png) no-repeat 0 -1536px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__pastefromword_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pastefromword_icon {background: url(icons_hidpi.png) no-repeat 0 -1560px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__pastefromword_icon,.cke_ltr.cke_hidpi .cke_button__pastefromword_icon {background: url(icons_hidpi.png) no-repeat 0 -1584px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__preview_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__preview_icon {background: url(icons_hidpi.png) no-repeat 0 -1608px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__preview_icon,.cke_ltr.cke_hidpi .cke_button__preview_icon {background: url(icons_hidpi.png) no-repeat 0 -1632px !important;background-size: 16px !important;}.cke_hidpi .cke_button__print_icon {background: url(icons_hidpi.png) no-repeat 0 -1656px !important;background-size: 16px !important;}.cke_hidpi .cke_button__removeformat_icon {background: url(icons_hidpi.png) no-repeat 0 -1680px !important;background-size: 16px !important;}.cke_hidpi .cke_button__save_icon {background: url(icons_hidpi.png) no-repeat 0 -1704px !important;background-size: 16px !important;}.cke_hidpi .cke_button__selectall_icon {background: url(icons_hidpi.png) no-repeat 0 -1728px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__showblocks_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__showblocks_icon {background: url(icons_hidpi.png) no-repeat 0 -1752px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__showblocks_icon,.cke_ltr.cke_hidpi .cke_button__showblocks_icon {background: url(icons_hidpi.png) no-repeat 0 -1776px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__source_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__source_icon {background: url(icons_hidpi.png) no-repeat 0 -1800px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__source_icon,.cke_ltr.cke_hidpi .cke_button__source_icon {background: url(icons_hidpi.png) no-repeat 0 -1824px !important;background-size: 16px !important;}.cke_hidpi .cke_button__specialchar_icon {background: url(icons_hidpi.png) no-repeat 0 -1848px !important;background-size: 16px !important;}.cke_hidpi .cke_button__scayt_icon {background: url(icons_hidpi.png) no-repeat 0 -1872px !important;background-size: 16px !important;}.cke_hidpi .cke_button__table_icon {background: url(icons_hidpi.png) no-repeat 0 -1896px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__redo_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__redo_icon {background: url(icons_hidpi.png) no-repeat 0 -1920px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__redo_icon,.cke_ltr.cke_hidpi .cke_button__redo_icon {background: url(icons_hidpi.png) no-repeat 0 -1944px !important;background-size: 16px !important;}.cke_rtl.cke_hidpi .cke_button__undo_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__undo_icon {background: url(icons_hidpi.png) no-repeat 0 -1968px !important;background-size: 16px !important;}.cke_hidpi .cke_ltr .cke_button__undo_icon,.cke_ltr.cke_hidpi .cke_button__undo_icon {background: url(icons_hidpi.png) no-repeat 0 -1992px !important;background-size: 16px !important;}.cke_hidpi .cke_button__spellchecker_icon {background: url(icons_hidpi.png) no-repeat 0 -2016px !important;background-size: 16px !important;}
\ No newline at end of file
diff --git a/resoft/ckeditor/skins/moono/icons.png b/resoft/ckeditor/skins/moono/icons.png
new file mode 100644
index 0000000..1ec992d
Binary files /dev/null and b/resoft/ckeditor/skins/moono/icons.png differ
diff --git a/resoft/ckeditor/skins/moono/icons_hidpi.png b/resoft/ckeditor/skins/moono/icons_hidpi.png
new file mode 100644
index 0000000..6e103c0
Binary files /dev/null and b/resoft/ckeditor/skins/moono/icons_hidpi.png differ
diff --git a/resoft/ckeditor/skins/moono/images/arrow.png b/resoft/ckeditor/skins/moono/images/arrow.png
new file mode 100644
index 0000000..d72b5f3
Binary files /dev/null and b/resoft/ckeditor/skins/moono/images/arrow.png differ
diff --git a/resoft/ckeditor/skins/moono/images/close.png b/resoft/ckeditor/skins/moono/images/close.png
new file mode 100644
index 0000000..6a04ab5
Binary files /dev/null and b/resoft/ckeditor/skins/moono/images/close.png differ
diff --git a/resoft/ckeditor/skins/moono/images/hidpi/close.png b/resoft/ckeditor/skins/moono/images/hidpi/close.png
new file mode 100644
index 0000000..e406c2c
Binary files /dev/null and b/resoft/ckeditor/skins/moono/images/hidpi/close.png differ
diff --git a/resoft/ckeditor/skins/moono/images/hidpi/lock-open.png b/resoft/ckeditor/skins/moono/images/hidpi/lock-open.png
new file mode 100644
index 0000000..edbd12f
Binary files /dev/null and b/resoft/ckeditor/skins/moono/images/hidpi/lock-open.png differ
diff --git a/resoft/ckeditor/skins/moono/images/hidpi/lock.png b/resoft/ckeditor/skins/moono/images/hidpi/lock.png
new file mode 100644
index 0000000..1b87bbb
Binary files /dev/null and b/resoft/ckeditor/skins/moono/images/hidpi/lock.png differ
diff --git a/resoft/ckeditor/skins/moono/images/hidpi/refresh.png b/resoft/ckeditor/skins/moono/images/hidpi/refresh.png
new file mode 100644
index 0000000..c6c2b86
Binary files /dev/null and b/resoft/ckeditor/skins/moono/images/hidpi/refresh.png differ
diff --git a/resoft/ckeditor/skins/moono/images/lock-open.png b/resoft/ckeditor/skins/moono/images/lock-open.png
new file mode 100644
index 0000000..0476987
Binary files /dev/null and b/resoft/ckeditor/skins/moono/images/lock-open.png differ
diff --git a/resoft/ckeditor/skins/moono/images/lock.png b/resoft/ckeditor/skins/moono/images/lock.png
new file mode 100644
index 0000000..c5a1440
Binary files /dev/null and b/resoft/ckeditor/skins/moono/images/lock.png differ
diff --git a/resoft/ckeditor/skins/moono/images/refresh.png b/resoft/ckeditor/skins/moono/images/refresh.png
new file mode 100644
index 0000000..1ff63c3
Binary files /dev/null and b/resoft/ckeditor/skins/moono/images/refresh.png differ
diff --git a/resoft/ckeditor/skins/moono/readme.md b/resoft/ckeditor/skins/moono/readme.md
new file mode 100644
index 0000000..e3abd58
--- /dev/null
+++ b/resoft/ckeditor/skins/moono/readme.md
@@ -0,0 +1,51 @@
+"Moono" Skin
+====================
+
+This skin has been chosen for the **default skin** of CKEditor 4.x, elected from the CKEditor
+[skin contest](http://ckeditor.com/blog/new_ckeditor_4_skin) and further shaped by
+the CKEditor team. "Moono" is maintained by the core developers.
+
+For more information about skins, please check the [CKEditor Skin SDK](http://docs.cksource.com/CKEditor_4.x/Skin_SDK)
+documentation.
+
+Features
+-------------------
+"Moono" is a monochromatic skin, which offers a modern look coupled with gradients and transparency.
+It comes with the following features:
+
+- Chameleon feature with brightness,
+- high-contrast compatibility,
+- graphics source provided in SVG.
+
+Directory Structure
+-------------------
+
+CSS parts:
+- **editor.css**: the main CSS file. It's simply loading several other files, for easier maintenance,
+- **mainui.css**: the file contains styles of entire editor outline structures,
+- **toolbar.css**: the file contains styles of the editor toolbar space (top),
+- **richcombo.css**: the file contains styles of the rich combo ui elements on toolbar,
+- **panel.css**: the file contains styles of the rich combo drop-down, it's not loaded
+until the first panel open up,
+- **elementspath.css**: the file contains styles of the editor elements path bar (bottom),
+- **menu.css**: the file contains styles of all editor menus including context menu and button drop-down,
+it's not loaded until the first menu open up,
+- **dialog.css**: the CSS files for the dialog UI, it's not loaded until the first dialog open,
+- **reset.css**: the file defines the basis of style resets among all editor UI spaces,
+- **preset.css**: the file defines the default styles of some UI elements reflecting the skin preference,
+- **editor_XYZ.css** and **dialog_XYZ.css**: browser specific CSS hacks.
+
+Other parts:
+- **skin.js**: the only JavaScript part of the skin that registers the skin, its browser specific files and its icons and defines the Chameleon feature,
+- **icons/**: contains all skin defined icons,
+- **images/**: contains a fill general used images,
+- **dev/**: contains SVG source of the skin icons.
+
+License
+-------
+
+Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
+
+Licensed under the terms of any of the following licenses at your choice: [GPL](http://www.gnu.org/licenses/gpl.html), [LGPL](http://www.gnu.org/licenses/lgpl.html) and [MPL](http://www.mozilla.org/MPL/MPL-1.1.html).
+
+See LICENSE.md for more information.
diff --git a/resoft/ckeditor/styles.js b/resoft/ckeditor/styles.js
new file mode 100644
index 0000000..38bb680
--- /dev/null
+++ b/resoft/ckeditor/styles.js
@@ -0,0 +1,111 @@
+/**
+ * Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+
+// This file contains style definitions that can be used by CKEditor plugins.
+//
+// The most common use for it is the "stylescombo" plugin, which shows a combo
+// in the editor toolbar, containing all styles. Other plugins instead, like
+// the div plugin, use a subset of the styles on their feature.
+//
+// If you don't have plugins that depend on this file, you can simply ignore it.
+// Otherwise it is strongly recommended to customize this file to match your
+// website requirements and design properly.
+
+CKEDITOR.stylesSet.add( 'default', [
+	/* Block Styles */
+
+	// These styles are already available in the "Format" combo ("format" plugin),
+	// so they are not needed here by default. You may enable them to avoid
+	// placing the "Format" combo in the toolbar, maintaining the same features.
+	/*
+	{ name: 'Paragraph',		element: 'p' },
+	{ name: 'Heading 1',		element: 'h1' },
+	{ name: 'Heading 2',		element: 'h2' },
+	{ name: 'Heading 3',		element: 'h3' },
+	{ name: 'Heading 4',		element: 'h4' },
+	{ name: 'Heading 5',		element: 'h5' },
+	{ name: 'Heading 6',		element: 'h6' },
+	{ name: 'Preformatted Text',element: 'pre' },
+	{ name: 'Address',			element: 'address' },
+	*/
+
+	{ name: 'Italic Title',		element: 'h2', styles: { 'font-style': 'italic' } },
+	{ name: 'Subtitle',			element: 'h3', styles: { 'color': '#aaa', 'font-style': 'italic' } },
+	{
+		name: 'Special Container',
+		element: 'div',
+		styles: {
+			padding: '5px 10px',
+			background: '#eee',
+			border: '1px solid #ccc'
+		}
+	},
+
+	/* Inline Styles */
+
+	// These are core styles available as toolbar buttons. You may opt enabling
+	// some of them in the Styles combo, removing them from the toolbar.
+	// (This requires the "stylescombo" plugin)
+	/*
+	{ name: 'Strong',			element: 'strong', overrides: 'b' },
+	{ name: 'Emphasis',			element: 'em'	, overrides: 'i' },
+	{ name: 'Underline',		element: 'u' },
+	{ name: 'Strikethrough',	element: 'strike' },
+	{ name: 'Subscript',		element: 'sub' },
+	{ name: 'Superscript',		element: 'sup' },
+	*/
+
+	{ name: 'Marker',			element: 'span', attributes: { 'class': 'marker' } },
+
+	{ name: 'Big',				element: 'big' },
+	{ name: 'Small',			element: 'small' },
+	{ name: 'Typewriter',		element: 'tt' },
+
+	{ name: 'Computer Code',	element: 'code' },
+	{ name: 'Keyboard Phrase',	element: 'kbd' },
+	{ name: 'Sample Text',		element: 'samp' },
+	{ name: 'Variable',			element: 'var' },
+
+	{ name: 'Deleted Text',		element: 'del' },
+	{ name: 'Inserted Text',	element: 'ins' },
+
+	{ name: 'Cited Work',		element: 'cite' },
+	{ name: 'Inline Quotation',	element: 'q' },
+
+	{ name: 'Language: RTL',	element: 'span', attributes: { 'dir': 'rtl' } },
+	{ name: 'Language: LTR',	element: 'span', attributes: { 'dir': 'ltr' } },
+
+	/* Object Styles */
+
+	{
+		name: 'Styled image (left)',
+		element: 'img',
+		attributes: { 'class': 'left' }
+	},
+
+	{
+		name: 'Styled image (right)',
+		element: 'img',
+		attributes: { 'class': 'right' }
+	},
+
+	{
+		name: 'Compact table',
+		element: 'table',
+		attributes: {
+			cellpadding: '5',
+			cellspacing: '0',
+			border: '1',
+			bordercolor: '#ccc'
+		},
+		styles: {
+			'border-collapse': 'collapse'
+		}
+	},
+
+	{ name: 'Borderless Table',		element: 'table',	styles: { 'border-style': 'hidden', 'background-color': '#E6E6FA' } },
+	{ name: 'Square Bulleted List',	element: 'ul',		styles: { 'list-style-type': 'square' } }
+] );
+
diff --git a/resoft/cms_for_bcb/contents/image (5).png b/resoft/cms_for_bcb/contents/image (5).png
new file mode 100644
index 0000000..4635da3
Binary files /dev/null and b/resoft/cms_for_bcb/contents/image (5).png differ
diff --git a/resoft/cms_for_bcb/contents/indi.jsp b/resoft/cms_for_bcb/contents/indi.jsp
new file mode 100644
index 0000000..9b0c396
--- /dev/null
+++ b/resoft/cms_for_bcb/contents/indi.jsp
@@ -0,0 +1,4 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+  			 












    
+  			 












    
+  			 
\ No newline at end of file
diff --git a/resoft/cms_for_bcb/process/apply/list.jsp b/resoft/cms_for_bcb/process/apply/list.jsp
new file mode 100644
index 0000000..ba98d0d
--- /dev/null
+++ b/resoft/cms_for_bcb/process/apply/list.jsp
@@ -0,0 +1,48 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+	String c_id = "";
+	String c_pass = "";
+		String sql_mem = "select c_id, c_pass from tbl_member where c_no = " + session.getAttribute("member_no");
+		ResultSet rs_mem = stmt.executeQuery(sql_mem);
+		if(rs_mem.next()){
+			c_id = rs_mem.getString("c_id");
+			c_pass = rs_mem.getString("c_pass");
+		}
+		rs_mem.close();
+
+	if(session.getAttribute("member_field_eng_name") == null || session.getAttribute("member_field_eng_name").equals("")){
+		session.setAttribute("member_field_eng_name","apply");
+	}
+%>
+
+
    
+	
+	
+
    
+
    
+  
    
+ 	[ Apply Site 접속하기 ]
+ 
    
+
    
+
+
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb/hypo/change_pass_ok.jsp b/resoft/cms_for_bcb/process/bcb/hypo/change_pass_ok.jsp
new file mode 100644
index 0000000..c25d8b3
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb/hypo/change_pass_ok.jsp
@@ -0,0 +1,20 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	String c_no = r_call(request.getParameter("c_no")); 
+	String c_now = r_call(request.getParameter("c_now")); 
+	 
+	String sql_ok = " update tbl_hypo_experiment set c_now = "+ c_now +" where c_no = " + c_no;
+	stmt2.execute(sql_ok); 				
+ 
+%>
+
+<%
+		 
+ %>
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb/hypo/delete_hypo.jsp b/resoft/cms_for_bcb/process/bcb/hypo/delete_hypo.jsp
new file mode 100644
index 0000000..cef00a0
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb/hypo/delete_hypo.jsp
@@ -0,0 +1,25 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+	 
+	 
+	String c_no = r_call(request.getParameter("c_no")); 
+	 
+	 
+	String sql_ok = "update tbl_hypo set c_use = 1, c_use_date = now() where c_no = "+ c_no; 
+	stmt2.execute(sql_ok); 				
+
+%>
+
+<%
+			 
+ %>
+
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb/hypo/edit_hypo.jsp b/resoft/cms_for_bcb/process/bcb/hypo/edit_hypo.jsp
new file mode 100644
index 0000000..dc023c4
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb/hypo/edit_hypo.jsp
@@ -0,0 +1,343 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+		
+  
    
+
+<%
+if(c_team.equals(session.getAttribute("member_team_no")) && session.getAttribute("member_type").equals("0")){
+	String c_channel = r_call(request.getParameter("c_channel")); 
+	String c_no = r_call(request.getParameter("c_no"));
+if(c_no.equals("")){%>
+	
+<%
+}else{ 
+	String sql_hypo_detail = "select a.* ";
+        sql_hypo_detail = sql_hypo_detail + " from tbl_hypo a where a.c_no = "+  c_no +"   ";
+	ResultSet rs_hypo_detail = stmt2.executeQuery(sql_hypo_detail);
+	if(rs_hypo_detail.next()){
+	
+	c_channel = rs_hypo_detail.getString("c_channel");
+	
+	String[] hy_title = new String[10]; 
+	hy_title[1] = "Key Partners";
+	hy_title[2] = "Key Activities";
+	hy_title[3] = "Value Propositions";
+	hy_title[4] = "Customer Relationships";
+	hy_title[5] = "Customer Segments";
+	hy_title[6] = "Key Resources";
+	hy_title[7] = "Channels";
+	hy_title[8] = "Cost Structure";
+	hy_title[9] = "Revenue Streams";
+	String[] span_title = new String[10]; 
+	span_title[1] = "We need to partner with...";
+	span_title[2] = "The most important things to do for our business model to work are...";
+	span_title[3] = "Our customers need help...";
+	span_title[4] = "We plan to GET/KEEP/GROW using...";
+	span_title[5] = "We are helping...";
+	span_title[6] = "The most important assets for our business model to work are...";
+	span_title[7] = "We deliver our product/service to our customer via...";
+	span_title[8] = "One of our operational costs to run the business is...";
+	span_title[9] = "We make money by...";
+%>
+
+
    
+	
+	
    
+		
    
+			
    ·  
+				  
+				Edit a  Business Model Hypothesis  on Your Cavas
+				
+			
    
+		
     
+		
    
+		
    
+			
    
+				1. Position Select
+			
    
+			
    
+				
+				
+				<%for(int i = 1; i<10 ; i++){%>
+					<%if(i==1 || i==6 || i==8){%>  
+						
+					<%}%>
+						
+					<%if(i==5 || i==7 || i==9){%>  
+						
+					<%}%>
+				<%}%>
+				
    width="20%"<%}%> <%if(i==8 || i==9){%> width="50%" colspan=3<%}%> <%if(i==1 || i==3 || i==5){%>rowspan=2<%}%> <%if(i==3){%>colspan=2<%}%> onmouseover="this.bgColor='#FBF0EF'" onmouseout="this.bgColor='#ededed'" onclick="td_go(<%=i%>)">
+							<%=hy_title[i]%>
+						
    
+				
+				
+				" type="hidden">
+				
+				
+			
    
+		
    
+		
    
+			
    
+				2. Title
+			
    
+			
    
+				
+				
+				
+			
    
+		
    
+		
+		
    
+			
    
+				4. What experiments are you going to run to test this hypothesis?
+			
    
+			
    
+					
+						<% String sql_it =  " select a.c_title, a.c_now, a.c_no, a.c_file from tbl_hypo_experiment a ";
+				 		sql_it =  sql_it +  " where a.c_use = 0 and a.c_hypo_no = "+ rs_hypo_detail.getString("c_no") +" order by a.c_no asc ";
+						ResultSet rs_it = stmt2.executeQuery(sql_it);
+						int now_it = 0;
+						while(rs_it.next()){
+							now_it = now_it + 1;
+						%>
+						 
    
+							">
+							<%if(!rs_it.getString("c_file").equals("")){%>
+								Attatch : "><%=rs_it.getString("c_file")%> 
+								  
+								"  >
+								
+								Del.
    
+								
+							<%}else{%>
+								
+								
+								
+							<%}%>
+						
    
+						 
+						<%
+						}
+						rs_it.close();
+						%>
+			
+			
+			
+			<% for(int pl = now_it + 1 ; pl < 11 ; pl++){%>
+			
    
+				
+				
+				
+				
+			
    
+			<%}%>
+			
    
+			Insert Experiment
+		        
    
+		        
    
+			       		
+		
    
+	
    
+				 
    
+		               		Edit
+		               		Cancel
+		                   	Go to BMC
+		                    
    
+
    
+	
+
    		
+<%
+	}
+	rs_hypo_detail.close();
+}
+}else{
+%>
+
+<%}%>
+
+
+
+  
+
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb/hypo/edit_hypo_ok.jsp b/resoft/cms_for_bcb/process/bcb/hypo/edit_hypo_ok.jsp
new file mode 100644
index 0000000..c890847
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb/hypo/edit_hypo_ok.jsp
@@ -0,0 +1,168 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String[] hy_color = new String[21]; 
+	hy_color[1] = "FF293D";
+	hy_color[2] = "FFA729";
+	hy_color[3] = "FFF729";
+	hy_color[4] = "29FF29";
+	hy_color[5] = "2984FF";
+	hy_color[6] = "6F29FF";
+	hy_color[7] = "FF29E8";
+	hy_color[8] = "A19DA1";
+	hy_color[9] = "1A1A1A";
+	hy_color[10] = "D1AF91";
+	hy_color[11] = "C6D191";
+	hy_color[12] = "91D1BD";
+	hy_color[13] = "919AD1";
+	hy_color[14] = "B191D1";
+	hy_color[15] = "D191B7";
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/hypo";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	String c_no = r_call(multi.getParameter("c_no")); 
+	String c_go = r_call(multi.getParameter("c_go")); 
+	String show_no = r_call(multi.getParameter("show_no")); 
+	String check_no = r_call(multi.getParameter("check_no")); 
+	String c_relation = r_call(multi.getParameter("c_relation")); 
+	String c_relation2 = r_call(multi.getParameter("c_relation2")); 
+	String c_team = r_call(multi.getParameter("c_team")); 
+	String c_channel = r_call(multi.getParameter("c_channel")); 
+	String o_channel = r_call(multi.getParameter("o_channel")); 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_cs_no = ""; 
+	String c_color = "";
+
+	int count_no = 0;
+	String sql_hypo     = " select count(c_no) as count_no from tbl_hypo ";
+	sql_hypo = sql_hypo + " where c_team_no = "+ c_team +" and c_channel = 5 ";
+    	ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+	if(rs_hypo.next()){
+		count_no = rs_hypo.getInt("count_no") + 1;
+	}else{
+		count_no = 1;
+	}
+	rs_hypo.close();
+	if(count_no > 15){
+		count_no = count_no - 15;
+	}	 
+
+	String sql_ok = "";
+	int max_c_no = 1;
+		
+	if( c_channel.equals("5")){
+		c_color = hy_color[count_no];
+		if(o_channel.equals("5")){
+			sql_ok = sql_ok + " update tbl_hypo set  c_member_no = "+ session.getAttribute("member_no") +",c_channel = "+ c_channel +",c_title = '"+ c_title +"',c_update = now() ";
+		}else{
+			String sql_zero = "delete from tbl_hypo_cs where c_hypo_no = " + c_no;
+			stmt.execute(sql_zero); 	
+			sql_ok = sql_ok + " update tbl_hypo set  c_member_no = "+ session.getAttribute("member_no") +",c_channel = "+ c_channel +",c_title = '"+ c_title +"',c_color = '" + c_color + "',c_update = now() ";
+		}
+		sql_ok = sql_ok + " where c_no = " + c_no;
+		 
+		 stmt2.execute(sql_ok); 				
+	}else{
+		if(o_channel.equals("5")){
+			String sql_zero = "delete from tbl_hypo_cs where c_cs_no = " + c_no;
+			stmt.execute(sql_zero); 
+		}else{
+			String sql_zero = "delete from tbl_hypo_cs where c_hypo_no = " + c_no;
+			stmt.execute(sql_zero); 	
+		}
+		sql_ok = sql_ok + "update tbl_hypo set c_member_no = "+ session.getAttribute("member_no") +", c_channel = "+ c_channel +", c_title = '"+ c_title +"', c_color='', c_update = now() ";
+		sql_ok = sql_ok + " where c_no = " + c_no;
+		stmt2.execute(sql_ok); 				
+ 
+			String[] a_cs_no =multi.getParameterValues("c_cs");
+			if(a_cs_no != null && !a_cs_no.equals("")){
+			
+				 	for(int i=0;i
+
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb/hypo/insert_history_ok.jsp b/resoft/cms_for_bcb/process/bcb/hypo/insert_history_ok.jsp
new file mode 100644
index 0000000..6ebf4b7
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb/hypo/insert_history_ok.jsp
@@ -0,0 +1,48 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	String c_project_no = "";
+	c_project_no = "" + session.getAttribute("member_project_no"); 
+	String c_member_no = "";
+	c_member_no = "" + session.getAttribute("member_no"); 
+	String c_member_type = "";
+	c_member_type = "" + session.getAttribute("member_type"); 
+	String c_team_no = "";
+	c_team_no = "" +  session.getAttribute("member_team_no"); 
+	 
+	String c_hypo_no = r_call(request.getParameter("c_hypo_no")); 
+	String c_now = r_call(request.getParameter("c_now")); 
+	String c_now_exp = r_call(request.getParameter("c_now_exp")); 
+	String c_now_type = "";
+		if( c_now.equals("2")){
+		 
+			//if(request.getParameterValues("c_now_type") != null && request.getParameterValues("c_now_type").equals("")){
+		 
+				String[] a_now_type = request.getParameterValues("c_now_type");
+				 if(a_now_type != null){
+					 	for(int i=0;i 0){
+								c_now_type = c_now_type + " , ";
+							}	 
+							c_now_type = c_now_type + a_now_type[i];
+						}
+				}
+			//}
+		}
+	 
+	String sql_ok = "insert tbl_hypo_history (c_project_no, c_team_no, c_member_no,c_member_type, c_hypo_no, c_now, c_now_type, c_now_exp, c_date) values ( ";
+	sql_ok = sql_ok + c_project_no +","+ c_team_no +","+ c_member_no +","+ c_member_type +","+ c_hypo_no +","+ c_now +",'"+ c_now_type +"','"+ c_now_exp +"',now())";
+	stmt2.execute(sql_ok); 				
+
+%>
+
+<%
+			 
+ %>
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb/hypo/insert_hypo.jsp b/resoft/cms_for_bcb/process/bcb/hypo/insert_hypo.jsp
new file mode 100644
index 0000000..c7c88ca
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb/hypo/insert_hypo.jsp
@@ -0,0 +1,342 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+	       
+	
    
+<%
+if(c_team.equals(session.getAttribute("member_team_no")) && session.getAttribute("member_type").equals("0")){
+	String c_channel = r_call(request.getParameter("c_channel")); 
+	String[] hy_title = new String[10]; 
+	hy_title[1] = "Key Partners";
+	hy_title[2] = "Key Activities";
+	hy_title[3] = "Value Propositions";
+	hy_title[4] = "Customer Relationships";
+	hy_title[5] = "Customer Segments";
+	hy_title[6] = "Key Resources";
+	hy_title[7] = "Channels";
+	hy_title[8] = "Cost Structure";
+	hy_title[9] = "Revenue Streams";
+	String[] span_title = new String[10]; 
+	span_title[1] = "We need to partner with...";
+	span_title[2] = "The most important things to do for our business model to work are...";
+	span_title[3] = "Our customers need help...";
+	span_title[4] = "We plan to GET/KEEP/GROW using...";
+	span_title[5] = "We are helping...";
+	span_title[6] = "The most important assets for our business model to work are...";
+	span_title[7] = "We deliver our product/service to our customer via...";
+	span_title[8] = "One of our operational costs to run the business is...";
+	span_title[9] = "We make money by...";
+%>
+
+
    
+	
+	
    
+		
    
+			
    ·  
+				 
+				Insert a New Business Model Hypothesis to Your Cavas
+				
+
+			
    
+		
     
+		
    
+		
    
+			
    
+				1. Position Select
+			
    
+			
    
+				
+
+
+
+				
+				<%for(int i = 1; i<10 ; i++){%>
+					<%if(i==1 || i==6 || i==8){%>  
+						
+					<%}%>
+						
+					<%if(i==5 || i==7 || i==9){%>  
+						
+					<%}%>
+				<%}%>
+				
    width="20%"<%}%> <%if(i==8 || i==9){%> width="50%" colspan=3<%}%> <%if(i==1 || i==3 || i==5){%>rowspan=2<%}%> <%if(i==3){%>colspan=2<%}%> onmouseover="this.bgColor='#FBF0EF'" onmouseout="this.bgColor='#ededed'" onclick="td_go(<%=i%>)">
+							<%=hy_title[i]%>
+						
     
+
+				
+				
+				
+			
    
+		
    
+		
    
+			
    
+				2. Title
+			
    
+			
    
+				
+				
+			
    
+		
    
+		
+		
    
+			
    
+				4. What experiments are you going to run to test this hypothesis?
+			
    
+			
+			
+			<% for(int pl = 1 ; pl < 11 ; pl++){%>
+			
    
+				
+				
+			
    
+			<%}%>
+			
    
+			Insert Experiment
+		        
    
+		        
    
+			       		
+		
    
+	
    
+				 
    
+		               		Insert and To BMC
+		               		Insert and To New Hypothesis
+		               		Cancel
+		                    
    
+
    
+	
+		
+<%
+}else{
+%>
+
+<%}%>
+
+
+
+  
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb/hypo/insert_hypo_ok.jsp b/resoft/cms_for_bcb/process/bcb/hypo/insert_hypo_ok.jsp
new file mode 100644
index 0000000..499c820
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb/hypo/insert_hypo_ok.jsp
@@ -0,0 +1,147 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String[] hy_color = new String[21]; 
+	hy_color[1] = "FF293D";
+	hy_color[2] = "FFA729";
+	hy_color[3] = "FFF729";
+	hy_color[4] = "29FF29";
+	hy_color[5] = "2984FF";
+	hy_color[6] = "6F29FF";
+	hy_color[7] = "FF29E8";
+	hy_color[8] = "A19DA1";
+	hy_color[9] = "1A1A1A";
+	hy_color[10] = "D1AF91";
+	hy_color[11] = "C6D191";
+	hy_color[12] = "91D1BD";
+	hy_color[13] = "919AD1";
+	hy_color[14] = "B191D1";
+	hy_color[15] = "D191B7";
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/hypo";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	String c_go = r_call(multi.getParameter("c_go")); 
+	String show_no = r_call(multi.getParameter("show_no")); 
+	String check_no = r_call(multi.getParameter("check_no")); 
+	String c_relation = r_call(multi.getParameter("c_relation")); 
+	String c_relation2 = r_call(multi.getParameter("c_relation2")); 
+	String c_team = r_call(multi.getParameter("c_team")); 
+	String c_channel = r_call(multi.getParameter("c_channel")); 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_cs_no = ""; 
+	String c_color = "";
+
+	int count_no = 0;
+	String sql_hypo     = " select count(c_no) as count_no from tbl_hypo ";
+	sql_hypo = sql_hypo + " where c_team_no = "+ c_team +" and c_channel = 5 ";
+    	ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+	if(rs_hypo.next()){
+		count_no = rs_hypo.getInt("count_no") + 1;
+	}else{
+		count_no = 1;
+	}
+	rs_hypo.close();
+	if(count_no > 15){
+		count_no = count_no - 15;
+	}	 
+
+	String sql_ok = "";
+	int max_c_no = 1;
+		
+	if( c_channel.equals("5")){
+		c_color = hy_color[count_no];
+		sql_ok = sql_ok + " insert into tbl_hypo (c_project_no,c_team_no,c_member_no,c_channel,c_title,c_color,c_date) values(";
+		sql_ok = sql_ok + session.getAttribute("member_project_no") + "," + session.getAttribute("member_team_no") + "," + session.getAttribute("member_no");
+		sql_ok = sql_ok + "," + c_channel + ",'" + c_title + "','" + c_color + "',now())";
+		stmt2.execute(sql_ok); 				
+	}else{
+		sql_ok = sql_ok + " insert into tbl_hypo (c_project_no,c_team_no,c_member_no,c_channel,c_title,c_color,c_date) values(";
+		sql_ok = sql_ok + session.getAttribute("member_project_no") + "," + session.getAttribute("member_team_no") + "," + session.getAttribute("member_no");
+		sql_ok = sql_ok + "," + c_channel + ",'" + c_title + "','',now())";
+		stmt2.execute(sql_ok); 				
+		sql_hypo     = " select max(c_no) as max_c_no from tbl_hypo ";
+	    	rs_hypo = stmt2.executeQuery(sql_hypo);
+		if(rs_hypo.next()){
+			max_c_no = rs_hypo.getInt("max_c_no");
+		}
+		rs_hypo.close();
+			String[] a_cs_no =multi.getParameterValues("c_cs");
+			
+			if(a_cs_no != null && !a_cs_no.equals("")){
+			
+				 	for(int i=0;i
+
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb/hypo/view.jsp b/resoft/cms_for_bcb/process/bcb/hypo/view.jsp
new file mode 100644
index 0000000..2ed7d0e
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb/hypo/view.jsp
@@ -0,0 +1,675 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+
+		
+  
    
+
+<%
+	String c_channel = r_call(request.getParameter("c_channel")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+	if(c_no.equals("")){
+	%>
+	
+	<%
+	}else{
+	String sql_hypo_detail = "select a.*, b.c_name ";
+	 sql_hypo_detail = sql_hypo_detail + ", (select count(c.c_no) as 2count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 2) as 2count";
+         sql_hypo_detail = sql_hypo_detail + ", (select count(c.c_no) as 1count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 1) as 1count";
+         sql_hypo_detail = sql_hypo_detail + ", (select count(c.c_no) as 0count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 0) as 0count";
+         sql_hypo_detail = sql_hypo_detail + " from tbl_hypo a inner join tbl_member b on b.c_no = a.c_member_no where a.c_no = "+  c_no +"   ";
+	ResultSet rs_hypo_detail = stmt2.executeQuery(sql_hypo_detail);
+	if(rs_hypo_detail.next()){
+	
+	
+	String[] hy_title = new String[10]; 
+	hy_title[1] = "Key Partners";
+	hy_title[2] = "Key Activities";
+	hy_title[3] = "Value Propositions";
+	hy_title[4] = "Customer Relationships";
+	hy_title[5] = "Customer Segments";
+	hy_title[6] = "Key Resources";
+	hy_title[7] = "Channels";
+	hy_title[8] = "Cost Structure";
+	hy_title[9] = "Revenue Streams";
+	String[] span_title = new String[10]; 
+	span_title[1] = "We need to partner with...";
+	span_title[2] = "The most important things to do for our business model to work are...";
+	span_title[3] = "Our customers need help...";
+	span_title[4] = "We plan to GET/KEEP/GROW using...";
+	span_title[5] = "We are helping...";
+	span_title[6] = "The most important assets for our business model to work are...";
+	span_title[7] = "We deliver our product/service to our customer via...";
+	span_title[8] = "One of our operational costs to run the business is...";
+	span_title[9] = "We make money by...";
+%>
+	
    
+		
    
+			
    
+				
     
+					
+ 	 				
    
+	 	 				
+						<%for(int i = 1; i<10 ; i++){%>
+							<%if(i==1 || i==6 || i==8){%>  
+								
+							<%}%>
+								
+							<%if(i==5 || i==7 || i==9){%>  
+								
+							<%}%>
+						<%}%>
+						
    #EE0000<%}else{%>#ededed<%}%>" <%if(i<6){%>width="20%"<%}%> <%if(i==8 || i==9){%> width="50%" colspan=3<%}%> <%if(i==1 || i==3 || i==5){%>rowspan=2<%}%> <%if(i==3){%>colspan=2<%}%>>
+								
    
+					    		
+					 <%=hy_title[rs_hypo_detail.getInt("c_channel")]%>    
+					  
+					<%if(rs_hypo_detail.getInt("c_channel") == 5){%>
+					">■
+					<%}%>
+					<%=rs_hypo_detail.getString("c_title")%> 
+					
    
+				
    
+			
    
+			
    
+				<%if(rs_hypo_detail.getInt("c_use") == 0){%>
+					<%if(session.getAttribute("member_type").equals("0") && session.getAttribute("member_team_no").equals(c_team) && make_ok == 0){%>
+					"  style="width: 40px; line-height: 24px; text-align: center;display: inline-block; background: blue;  border: 1px solid #ffffff;border-radius: 12px; color: #ffffff;font-weight:400;font-size: 13px;">Edit
+					'}"  style="width: 40px; line-height: 24px; text-align: center;display: inline-block; background: #454545;  border: 1px solid #ffffff;border-radius: 12px; color: #ffffff;font-weight:400;font-size: 13px;">Delete
+					<%}%>
+				<%}else{%>
+					Deleted(<%=rs_hypo_detail.getString("c_use_date").substring(0,10)%>)
+				<%}%>
+				
+			
    
+			
+		
    
+		 
+		
    
+			
     
+				 Process

    
+				 		
+			 	 	
    
+				 	<%
+				 	int now_process = 0;
+				 	int process_history = 0;
+				 	 String sql_pro =  " select c_now from tbl_hypo_history ";
+					sql_pro = sql_pro + " where c_hypo_no = "+  rs_hypo_detail.getInt("c_no") +"  order by c_no desc";
+					ResultSet rs_pro = stmt.executeQuery(sql_pro);
+					if(rs_pro.next()){
+						process_history = 1;
+						now_process = 	rs_pro.getInt("c_now");				
+					}
+					rs_pro.close();
+					%>
+					<%if(now_process == 1){%>
+						 validated
+					<%}else{%>							 	
+						<%if(session.getAttribute("member_type").equals("0") && make_ok == 0){%>
+							
+						<%}%>
+						validated
+						
+					<%}%>
+					  
+					<%if(now_process == 0){%>
+						 Testing
+					<%}else{%>							 	
+						<%if(session.getAttribute("member_type").equals("0") && make_ok == 0){%>
+							
+						<%}%>
+						Testing
+						
+					<%}%>
+					  
+					<%if(now_process == 2){%>
+						 Invalidated
+					<%}else{%>							 	
+						<%if(session.getAttribute("member_type").equals("0") && make_ok == 0){%>
+							
+						<%}%>
+						Invalidated
+						
+					<%}%>
+					
    
+					
    
+						
+					
    
+					
    
+					
+					" type="hidden">
+					
+					
+					
+					
    
+					
    
+						<%if(process_history == 1){%>
+						   Process History
     
+						 	
+							 <%
+						 	sql_pro =  " select a.*, b.c_name from tbl_hypo_history a ";
+							sql_pro = sql_pro + " inner join tbl_member b on b.c_no = a.c_member_no ";
+							sql_pro = sql_pro + " where a.c_hypo_no = "+  rs_hypo_detail.getInt("c_no") +"  order by a.c_no desc";
+							rs_pro = stmt.executeQuery(sql_pro);
+							while(rs_pro.next()){
+							%>
+								
+								<%if(rs_pro.getInt("c_now") == 2){%>
+									 
+								<%}%>
+								
+							<%
+							}
+							rs_pro.close();
+							%>
+							
    
+									 reason for 
+									<%if(rs_pro.getInt("c_now") == 0){%>
+										returning to Testing
+									<%}%>
+									<%if(rs_pro.getInt("c_now") == 1){%>
+										validated
+									<%}%>
+									<%if(rs_pro.getInt("c_now") == 2){%>
+										Invalidated
+									<%}%>
+									 / <%=rs_pro.getString("c_name")%>
+	 								<%if(rs_pro.getInt("c_member_type") == 0){%>
+										Team_member
+									<%}%>
+									 / <%=rs_pro.getString("c_date").substring(0,10)%>
+								 
    
+										<%=rs_pro.getString("c_now_type")%>
+									
    
+									<%=rs_pro.getString("c_now_exp").replaceAll("\r\n","
    ")%>
+								
    
+						<%}%>
+					
    
+			
    
+		
    
+		
    
+			 
     
+			 	<%if(rs_hypo_detail.getInt("c_channel") == 5 ){%>
+					  Hypothesis Relation 

    
+					
+					<% String sql_hypo =  " select b.c_no, b.c_title, b.c_channel from tbl_hypo_cs a ";
+					sql_hypo = sql_hypo + " inner join tbl_hypo b on b.c_no = a.c_hypo_no and b.c_use = 0";
+					sql_hypo = sql_hypo + " where a.c_cs_no = "+  rs_hypo_detail.getInt("c_no") +"  order by a.c_no asc";
+					ResultSet rs_hypo = stmt.executeQuery(sql_hypo);
+					while(rs_hypo.next()){
+					%>
+						
+						
+						<%
+					}
+					rs_hypo.close();
+					%>
+					
    
+							■
+						
+							&c_no=<%=rs_hypo.getInt("c_no")%>">
+							<%=rs_hypo.getString("c_title")%> 
+							
+						
    
+			 	<%}else{%>
+					  Customer Segment

    
+					
+					<% String sql_hypo =  " select b.c_no, b.c_color, b.c_title from tbl_hypo_cs a ";
+					sql_hypo = sql_hypo + " inner join tbl_hypo b on b.c_no = a.c_cs_no and b.c_use = 0 ";
+					sql_hypo = sql_hypo + " where a.c_hypo_no = "+  rs_hypo_detail.getInt("c_no") +"  order by a.c_no asc";
+					ResultSet rs_hypo = stmt.executeQuery(sql_hypo);
+					while(rs_hypo.next()){
+					%>
+						
+						
+					<%
+					}
+					rs_hypo.close();
+					%>
+					
    
+							">■
+						
+							">
+							<%=rs_hypo.getString("c_title")%> 
+							
+						
    
+				<%}%>
+			 
    
+		
    
+		
    
+			 
     
+			 	 
+					  Interview Relation 

    
+					   <%=rs_hypo_detail.getInt("2count")%>
+					   
+					  <%=rs_hypo_detail.getInt("1count")%>
+					  
+					  <%=rs_hypo_detail.getInt("0count")%>
+					
    
+			 	 	
+			 	 		
+				 		
+				 		<% String sql_it =  " select a.c_point, b.c_title, b.c_no from tbl_interview_point a ";
+				 		sql_it =  sql_it +  " inner join tbl_interview b on a.c_interview_no = b.c_no and b.c_use = 0 ";
+				 		sql_it =  sql_it +  " where a.c_hypo_no = " + rs_hypo_detail.getInt("c_no") + " ";
+				 		sql_it =  sql_it +  " order by a.c_point desc ";
+						ResultSet rs_it = stmt.executeQuery(sql_it);
+						while(rs_it.next()){
+						%>
+						
+						
+						
+						
+						<%
+						}
+						rs_it.close();
+						%>
+					
    
+							<%if(rs_it.getInt("c_point") == 2){%>	 
+								 
+							<%}%>	
+							<%if(rs_it.getInt("c_point") == 1){%>	 
+								 
+							<%}%>	
+							<%if(rs_it.getInt("c_point") == 0){%>	 
+								 
+							<%}%>	
+						
+							&c_hypo_no=<%=rs_hypo_detail.getInt("c_no")%>"><%=rs_it.getString("c_title")%>
+						
    
+			 
    
+		
    
+		
    
+			
     
+				  Experiment

    
+					
+			 	 		 
+				 		<% sql_it =  " select a.c_title, a.c_now, a.c_no, a.c_file from tbl_hypo_experiment a ";
+				 		sql_it =  sql_it +  "where a.c_use = 0 and a.c_hypo_no = "+ rs_hypo_detail.getString("c_no") +" order by a.c_no asc ";
+						rs_it = stmt.executeQuery(sql_it);
+						String td_bg = "ffffff";
+						while(rs_it.next()){
+							if(td_bg == "efefef"){
+								td_bg = "ffffff";
+							}else{
+								td_bg = "efefef";
+							}
+						%>
+						
+						
+						
+						
+						<%if(!rs_it.getString("c_file").equals("")){%>
+						
+						
+						
+						
+						<%}%>
+						<%
+						}
+						rs_it.close();
+						%>
+					
    
+							 <%=rs_it.getString("c_title")%>
+						
+							 <%if(rs_it.getInt("c_now") == 1){%>
+							 	Pass
+							<%}else{%>							 	
+							 	<%if(session.getAttribute("member_type").equals("0") && make_ok == 0){%>&c_now=1" target="exec"><%}%>Pass
+							 <%}%>
+							   
+							 <%if(rs_it.getInt("c_now") == 2){%>
+							 	Fail
+							<%}else{%>							 	
+							 	<%if(session.getAttribute("member_type").equals("0") && make_ok == 0){%>&c_now=2" target="exec"><%}%>Fail
+							 <%}%>
+						
    
+							 Attach : "><%=rs_it.getString("c_file")%>
+						
+							 
+						
     
+			
    
+		
    
+		
    
+			
    
+			
+				√ <%=rs_hypo_detail.getString("c_name")%> / <%=rs_hypo_detail.getString("c_date").substring(0,10)%>			
+			
    
+		
    
+
+		
    
+		
     
+			
+			
    
+			  Comment with Instructor, Mentor

    
+			 	<%if((session.getAttribute("member_type").equals("0") || session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("2")) &&  make_ok == 0){%>
+			 	
+				
    
+				
+				
+				" type="hidden">
+			 	
    
+				 	
+				 		<% String sql_in =  "select c_photo from tbl_member where c_no = " + session.getAttribute("member_no");
+						ResultSet rs_in = stmt.executeQuery(sql_in);
+						if(rs_in.next()){
+						%>
+						
+						
+						
+						
+						
+						
+						
+						
+						
+						<%
+						}
+						rs_in.close();
+						%>
+					
    
+							<%if(!rs_in.getString("c_photo").equals("")){%>
+		                 		       " width="50" height=50 style="border: 1px solid #ededed;border-radius: 50px; ">
+		                 		       <%}%>
+							 
+						
+							
+						
    
+						
+							Insert
+						
    
+				
    
+			 	
    
+				 		
+				
    
+				
    
+			 	<%}%>
+			 	
    
+				 	
+				 		<% String  sql_comment =  " select a.c_content, a.c_date, b.c_photo, b.c_name, a.c_member_type  from tbl_comment a ";
+						sql_comment = sql_comment + " inner join tbl_member b on b.c_no = a.c_member_no ";
+						sql_comment = sql_comment + " where a.c_type= 0 and a.c_relation = " + rs_hypo_detail.getInt("c_no") + " order by a.c_no desc ";
+						ResultSet rs_comment = stmt.executeQuery(sql_comment);
+						while(rs_comment.next()){
+						%>
+						
+						
+						
+						
+						
+						
+						
+						
+						
+						<%
+						}
+						rs_comment.close();
+						%>
+					
    
+							<%if(!rs_comment.getString("c_photo").equals("")){%>
+		                 		       " width="50" height=50 style="border: 1px solid #ededed;border-radius: 50px; ">
+		                 		       <%}%>
+									 
+						
+							
+							
+							<%=rs_comment.getString("c_name")%>[
+							<%if(rs_comment.getInt("c_member_type") ==0){%>
+								Team Member
+							<%}%>
+							<%if(rs_comment.getInt("c_member_type") ==1){%>
+								Instructor
+							<%}%>
+							<%if(rs_comment.getInt("c_member_type") ==2){%>
+							
+								Mentor
+							<%}%>
+							] 
+							/ 
+							<%=rs_comment.getString("c_date")%>
+						
    
+						
+							<%=rs_comment.getString("c_content").replaceAll("\r\n","
    ")%>    
+						
    
+				
    
+			
    
+			
+
+		
    
+	
     
+				 
    
+		               		 Go to BMC
+		               		
+		               	  
    
+
    
+
+	<%}else{
+	%>
+	
+	<%
+	
+	}
+	rs_hypo_detail.close();
+	%>
+ <%}%>
+
+
+
+  
+
+
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb/interview/delete_interview.jsp b/resoft/cms_for_bcb/process/bcb/interview/delete_interview.jsp
new file mode 100644
index 0000000..396002c
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb/interview/delete_interview.jsp
@@ -0,0 +1,25 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+	 
+	 
+	String c_no = r_call(request.getParameter("c_no")); 
+	 
+	 
+	String sql_ok = "update tbl_interview set c_use = 1, c_use_date = now() where c_no = "+ c_no; 
+	stmt2.execute(sql_ok); 				
+
+%>
+
+<%
+			 
+ %>
+
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb/interview/edit_interview.jsp b/resoft/cms_for_bcb/process/bcb/interview/edit_interview.jsp
new file mode 100644
index 0000000..cbb3c70
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb/interview/edit_interview.jsp
@@ -0,0 +1,764 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+		
+  
    
+<%
+if(c_team.equals(session.getAttribute("member_team_no")) && session.getAttribute("member_type").equals("0")){
+	String c_channel = r_call(request.getParameter("c_channel")); 
+	String c_hypo_no = r_call(request.getParameter("c_hypo_no")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+if(c_no.equals("")){%>
+	
+<%
+}else{ 
+	String sql_interview = "select a.* from tbl_interview a where a.c_no = " + c_no;
+	 ResultSet rs_interview = stmt2.executeQuery(sql_interview);
+       	  if(rs_interview.next()){
+       	  
+	String[] hy_title = new String[10]; 
+	hy_title[1] = "Key Partners";
+	hy_title[2] = "Key Activities";
+	hy_title[3] = "Value Propositions";
+	hy_title[4] = "Customer Relationships";
+	hy_title[5] = "Customer Segments";
+	hy_title[6] = "Key Resources";
+	hy_title[7] = "Channels";
+	hy_title[8] = "Cost Structure";
+	hy_title[9] = "Revenue Streams";
+	String[] span_title = new String[10]; 
+	span_title[1] = "We need to partner with...";
+	span_title[2] = "The most important things to do for our business model to work are...";
+	span_title[3] = "Our customers need help...";
+	span_title[4] = "We plan to GET/KEEP/GROW using...";
+	span_title[5] = "We are helping...";
+	span_title[6] = "The most important assets for our business model to work are...";
+	span_title[7] = "We deliver our product/service to our customer via...";
+	span_title[8] = "One of our operational costs to run the business is...";
+	span_title[9] = "We make money by...";
+%>
+
+
    
+	
+	
+	
+	
+	
    
+		
    
+			
    ·  
+				 
+				 Edit Customer Interview
+				  
+			
    
+		
     
+		
    
+		 
+			
    
+				
+				
    
+					1. Whom did you interview?   
+						+
+						-
+				
+				
    
+				
    
+					 <%
+					String sql_interview2 = "select a.* from tbl_interview_target a where a.c_interview_no = " + c_no + " order by a.c_no asc ";
+					 ResultSet rs_interview2 = stmt2.executeQuery(sql_interview2);
+					 int kp2 = 0;
+				       	  while(rs_interview2.next()){
+					 	kp2 = kp2 + 1;
+					 %>
+						
+						<%if(kp2 > 1){%>
+							
+							
+							
+						<%}%>
+						
+						
+						
+						
+						
+						
+						
+						
+						
    
+							(<%=kp2%>)
    
+							+
+						
+						    		
+						 	" style="width:100%;height:30px" placeholder="Company">
+						
    
+						 	" style="width:49%;height:30px" placeholder="Title">
+						  
+						 	" style="width:49%;height:30px" placeholder="Name">
+						
    none<%}%>;width:100%;padding:2px">
+						 	" style="width:65%;height:30px" placeholder="Email">
+						 	" style="width:30%;height:30px" placeholder="Phone">
+						
    none<%}%>;width:100%;padding:2px" >
+						 	" style="width:33%;height:30px" placeholder="Industry">
+						 	" style="width:33%;height:30px" placeholder="Country">
+						 	" style="width:33%;height:30px" placeholder="State">
+						
    					
+					<%}
+					rs_interview2.close();
+					%>	
+					
+					<%for(int kp =kp2 + 1;kp < 11; kp++){%>
+						
+						<%if(kp > 1){%>
+							
+							
+							
+						<%}%>
+						
+						
+						
+						
+						
+						
+						
+						
+						
    
+							  (<%=kp%>)
    
+							   +
+						    		
+						 	
+						
    
+						 	
+						  
+						 	
+						
    					
+					<%}%>
+					<%if(kp2 == 0){%>
+						 
+					<%}else{%>
+						 
+					<%}%>					
+				
    
+			
    
+			
    
+				
+				
    
+					2. Interview Type & Date
+				
    
+				
    
+					 
+					
+										
+					
+					
    
+					 Engagement Type
+					 
+					 Interview Date
+					
    
+					 	checked<%}%>> In Person
+					 	 
+					 	checked<%}%>> Phone
+					 	 
+					 	checked<%}%>> Email
+					 	 
+					 	checked<%}%>> Video Chat
+					 
+					 	" class="date-picker" type="text"  readonly>
+					
    	
+					
+				
    
+			
    
+		 
+		
+		 
+		
    
+			
    
+				3. Key Insights
+				+
+				-
+						
+			
    
+			<% 	String sql_key = "select * from tbl_interview_key where c_interview_no = " + rs_interview.getInt("c_no") + " order by c_no asc" ;
+			ResultSet rs_key = stmt2.executeQuery(sql_key);
+					 int key_no2 = 0;
+				       	  while(rs_key.next()){
+				       	  	key_no2 = key_no2 + 1;
+		%>
+		 	
    
+				
    
+					<%=key_no2%>. " style="width:90%;height:30px" placeholder="Not Summary, This is 'A-Ha! Moment' you experienced">
+				
    
+			 
+				
    
+					  Interview Description & Recordigs or Other Attatchment
+				
    
+				
    
+					
+				
    
+				
    
+					<%if(!rs_key.getString("c_file").equals("")){%>
+						<%=rs_key.getString("c_file")%>" type="hidden">
+						: Delete
    		
+						
+						 
+					<%}else{%>
+						
+					<%}%>
+				
    
+				
+				
    
+					
    
+						
    
+							* Position Select
+						
    
+						
    
+							
+							
+							<%for(int i = 1; i<10 ; i++){%>
+								<%if(i==1 || i==6 || i==8){%>  
+									
+								<%}%>
+									
+								<%if(i==5 || i==7 || i==9){%>  
+									
+								<%}%>
+							<%}%>
+							
    width="20%"<%}%> <%if(i==8 || i==9){%> width="50%" colspan=3<%}%> <%if(i==1 || i==3 || i==5){%>rowspan=2<%}%> <%if(i==3){%>colspan=2<%}%> onmouseover="this.bgColor='#FBF0EF'" onmouseout="this.bgColor=hy_color_<%=key_no2%>[<%=i%>]" onclick="td_go_<%=key_no2%>(<%=i%>)">
+										<%=hy_title[i]%>
+									
    
+							 
+						
    
+					
    
+					
    
+						
    
+							* Hypotheses Validated or Invalidated
+						
    
+						
    
+								  
+								<%
+								int[] channel_call = new int[11];
+								   for(int ju = 1; ju < 11; ju++){
+								   	channel_call[ju] = 0;
+								   }
+			                        	 	   String sql_hypo     = " select a.c_color,a.c_title, a.c_no, a.c_channel ";
+			                        	 	   if (key_no2 == 1){
+			                        	 	   sql_hypo = sql_hypo + ", (select c_point from tbl_interview_point where c_hypo_no = a.c_no and c_interview_no = "+ c_no +" and (c_interview_key_no = "+  rs_key.getInt("c_no") +" or c_interview_key_no = 0)) as c_point ";
+			                        	 	   sql_hypo = sql_hypo + ", (select c_no from tbl_interview_point where c_hypo_no = a.c_no and c_interview_no = "+ c_no +" and (c_interview_key_no = "+  rs_key.getInt("c_no") +"  or c_interview_key_no = 0)) as c_point_no ";
+			                        	 	   }else{
+			                        	 	   sql_hypo = sql_hypo + ", (select c_point from tbl_interview_point where c_hypo_no = a.c_no and c_interview_no = "+ c_no +" and c_interview_key_no = "+  rs_key.getInt("c_no") +") as c_point ";
+			                        	 	   sql_hypo = sql_hypo + ", (select c_no from tbl_interview_point where c_hypo_no = a.c_no and c_interview_no = "+ c_no +" and c_interview_key_no = "+  rs_key.getInt("c_no") +") as c_point_no ";
+			                        	 	   }
+			                        	 	   sql_hypo = sql_hypo + " from tbl_hypo a  where a.c_use = 0 and a.c_team_no = "+ c_team +"  ";
+			                        	 	   sql_hypo = sql_hypo + " order by a.c_channel asc, a.c_no desc";
+				                        	   ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+				                        	   int old_channel = 0;
+				                        	   int al_no = 0;
+				                        	  while(rs_hypo.next()){
+				                        	  if(rs_hypo.getInt("c_point_no") != 0){
+				                        	  	al_no = al_no + 1;
+				                        	  	if(c_channel.equals("")){
+					                        	  	c_channel = rs_hypo.getString("c_channel");
+									}
+				                        	  	channel_call[rs_hypo.getInt("c_channel")] = 1;
+				                        	  }
+								  if(old_channel != rs_hypo.getInt("c_channel") ){
+								  	int typ = rs_hypo.getInt("c_channel") - old_channel;
+								  	for(int yp = 1 ; yp 
+								  	
+								  	
+								  	
+								  	<%
+								  	} 
+								  	old_channel = rs_hypo.getInt("c_channel");
+								  	if(rs_hypo.getInt("c_channel") > 1){
+								  	%>
+								  	
+								  	<%
+								  	}
+								  %>
+									" width="100%" style="display:none">
+								  <%}%>
+								  	
+								 	none<%}%>" name="tr_radio_<%=key_no2%>_<%=rs_hypo.getInt("c_channel")%>" id="tr_<%=key_no2%>_<%=rs_hypo.getInt("c_no")%>">
+								   <%
+								  }
+								  rs_hypo.close();
+								  %>
+								  
+								  	
    
+									 	" <%if(rs_hypo.getInt("c_point_no")>0){%>checked<%}%> name="c_hypo_<%=key_no2%>_<%=rs_hypo.getInt("c_no")%>" value="<%=rs_hypo.getInt("c_no")%>" type="checkbox" onclick='if(document.bcb.c_hypo_<%=key_no2%>_<%=rs_hypo.getInt("c_no")%>.checked == true){cs_no = cs_no + 1;document.getElementById("tr_<%=key_no2%>_<%=rs_hypo.getInt("c_no")%>").style.display = "block"}else{cs_no = cs_no - 1;document.getElementById("tr_<%=key_no2%>_<%=rs_hypo.getInt("c_no")%>").style.display = "none"};check_channel_<%=key_no2%>(<%=rs_hypo.getInt("c_channel")%>)'>
+									 	 
+								 		<%=rs_hypo.getString("c_title")%>
+								 	
    
+								 		" value=0 type="radio" <%if(rs_hypo.getInt("c_point") == 0 && rs_hypo.getInt("c_point_no") > 0){%>checked<%}%>>  Don't Care
+										  
+								 		" value=1 type="radio" <%if(rs_hypo.getInt("c_point") == 1 || (rs_hypo.getInt("c_point") == 0 && rs_hypo.getInt("c_point_no") == 0)){%>checked<%}%>> Nice To Have
+								 		  
+								 		" value=2 type="radio" <%if(rs_hypo.getInt("c_point") == 2 && rs_hypo.getInt("c_point_no") > 0){%>checked<%}%>>  Must Have
+								 	
    
+								  <%if(old_channel < 9){
+								  for(int yp = old_channel + 1 ; yp <10 ; yp++){
+								  %>
+									  
+								  	
+								  	
+								  <%}
+								  }%>
+								 
+								
+								
+						
    
+					
    
+				
    
+				 
+			
    
+		<%	}
+			rs_key.close();
+		%>
+			
+			<%for(int i2 = key_no2+1; i2 < 6;i2++){%>
+			
    
+				
    
+					<%=i2%>. 
+				
    
+			 
+				
    
+					  Interview Description & Recordigs or Other Attatchment
+				
    
+				
    
+					
+				
    
+				
    
+					
+				
    
+				
+				
    
+					
    
+						
    
+							* Position Select
+						
    
+						
    
+							
+							
+							
+							
+							<%for(int i = 1; i<10 ; i++){%>
+								<%if(i==1 || i==6 || i==8){%>  
+									
+								<%}%>
+									
+								<%if(i==5 || i==7 || i==9){%>  
+									
+								<%}%>
+							<%}%>
+							
    width="20%"<%}%> <%if(i==8 || i==9){%> width="50%" colspan=3<%}%> <%if(i==1 || i==3 || i==5){%>rowspan=2<%}%> <%if(i==3){%>colspan=2<%}%> onmouseover="this.bgColor='#FBF0EF'" onmouseout="this.bgColor=hy_color_<%=i2%>[<%=i%>]" onclick="td_go_<%=i2%>(<%=i%>)">
+										<%=hy_title[i]%>
+									
    
+							 
+						
    
+					
    
+					
    
+						
    
+							* Hypotheses Validated or Invalidated
+						
    
+						
    
+								  
+								 <%
+			                        	 	   String sql_hypo     = " select a.c_color,a.c_title, a.c_no, a.c_channel from tbl_hypo a ";
+			                        	 	   sql_hypo = sql_hypo + " where a.c_use = 0 and a.c_team_no = "+ c_team +"  ";
+			                        	 	   sql_hypo = sql_hypo + " order by a.c_channel asc, a.c_no desc";
+				                        	   ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+				                        	   int old_channel = 0;
+				                        	  while(rs_hypo.next()){
+								  if(old_channel != rs_hypo.getInt("c_channel") ){
+								  	int typ = rs_hypo.getInt("c_channel") - old_channel;
+								  	for(int yp = 1 ; yp 
+								  	
+								  	
+								  	
+								  	<%
+								  	} 
+								  	old_channel = rs_hypo.getInt("c_channel");
+								  	if(rs_hypo.getInt("c_channel") > 1){
+								  	%>
+								  	
+								  	<%
+								  	}
+								  %>
+									" width="100%" style="display:none">
+								  <%}%>
+								  	
+								 	" id="tr_<%=i2%>_<%=rs_hypo.getInt("c_no")%>">
+								   <%
+								  }
+								  rs_hypo.close();
+								  %>
+								  	
    
+									 	" name="c_hypo_<%=i2%>_<%=rs_hypo.getInt("c_no")%>" value="<%=rs_hypo.getInt("c_no")%>" type="checkbox" onclick='if(document.bcb.c_hypo_<%=i2%>_<%=rs_hypo.getInt("c_no")%>.checked == true){cs_no = cs_no + 1;document.getElementById("tr_<%=i2%>_<%=rs_hypo.getInt("c_no")%>").style.display = "block"}else{cs_no = cs_no - 1;document.getElementById("tr_<%=i2%>_<%=rs_hypo.getInt("c_no")%>").style.display = "none"};check_channel_<%=i2%>(<%=rs_hypo.getInt("c_channel")%>)'>
+									 	 
+								 		<%=rs_hypo.getString("c_title")%>
+								 	
    
+								 		" value=0 type="radio">   Don't Care
+										  
+								 		" value=1 type="radio" checked>   Nice To Have
+								 		  
+								 		" value=2 type="radio">   Must Have
+								 	
    
+								  <%if(old_channel < 9){
+								  for(int yp = old_channel + 1 ; yp <10 ; yp++){
+								  %>
+									  
+								  	
+								  	
+								  <%}
+								  }%>
+								 
+						
    
+					
    
+				
    
+				 
+			
    
+				
+			<%}%>
+		
    
+		
+		
+	
    
+				 
    
+		               		Edit Interview
+		               		Cancel
+		               		To BMC
+		                    
    
+
    
+	
+		
+<%
+		}
+ 	rs_interview.close();
+	}
+}else{
+%>
+
+<%}%>
+
+
+
+  
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb/interview/edit_interview_back.jsp b/resoft/cms_for_bcb/process/bcb/interview/edit_interview_back.jsp
new file mode 100644
index 0000000..0a58466
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb/interview/edit_interview_back.jsp
@@ -0,0 +1,504 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+if(c_team.equals(session.getAttribute("member_team_no")) && session.getAttribute("member_type").equals("0")){
+	String c_channel = r_call(request.getParameter("c_channel")); 
+	String c_hypo_no = r_call(request.getParameter("c_hypo_no")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+if(c_no.equals("")){%>
+	
+<%
+}else{ 
+	String sql_interview = "select a.* from tbl_interview a where a.c_no = " + c_no;
+	 ResultSet rs_interview = stmt2.executeQuery(sql_interview);
+       	  if(rs_interview.next()){
+       	  
+	String[] hy_title = new String[10]; 
+	hy_title[1] = "Key Partners";
+	hy_title[2] = "Key Activities";
+	hy_title[3] = "Value Propositions";
+	hy_title[4] = "Customer Relationships";
+	hy_title[5] = "Customer Segments";
+	hy_title[6] = "Key Resources";
+	hy_title[7] = "Channels";
+	hy_title[8] = "Cost Structure";
+	hy_title[9] = "Revenue Streams";
+	String[] span_title = new String[10]; 
+	span_title[1] = "We need to partner with...";
+	span_title[2] = "The most important things to do for our business model to work are...";
+	span_title[3] = "Our customers need help...";
+	span_title[4] = "We plan to GET/KEEP/GROW using...";
+	span_title[5] = "We are helping...";
+	span_title[6] = "The most important assets for our business model to work are...";
+	span_title[7] = "We deliver our product/service to our customer via...";
+	span_title[8] = "One of our operational costs to run the business is...";
+	span_title[9] = "We make money by...";
+%>
+
+
    
+	
+	
+	
+	
+	
    	
+		
    
+			
    ·  
+				 
+				  Edit Customer Interview
+				  
+
+			
    
+		
     
+		
    
+		 
+			
    
+				
+				
    
+					1. Whom did you interview?   
+						+
+						-
+				
+				
    
+				
    
+					 <%
+					String sql_interview2 = "select a.* from tbl_interview_target a where a.c_interview_no = " + c_no + " order by a.c_no asc ";
+					 ResultSet rs_interview2 = stmt2.executeQuery(sql_interview2);
+					 int kp2 = 0;
+				       	  while(rs_interview2.next()){
+					 	kp2 = kp2 + 1;
+					 %>
+						
+						<%if(kp2 > 1){%>
+							
+							
+							
+						<%}%>
+						
+						
+						
+						
+						
+						
+						
+						
+						
    
+							(<%=kp2%>)
    
+							+
+						
+						    		
+						 	" style="width:100%;height:30px" placeholder="Company">
+						
    
+						 	" style="width:49%;height:30px" placeholder="Title">
+						  
+						 	" style="width:49%;height:30px" placeholder="Name">
+						
    none<%}%>;width:100%;padding:2px">
+						 	" style="width:65%;height:30px" placeholder="Email">
+						 	" style="width:30%;height:30px" placeholder="Phone">
+						
    none<%}%>;width:100%;padding:2px" >
+						 	" style="width:33%;height:30px" placeholder="Industry">
+						 	" style="width:33%;height:30px" placeholder="Country">
+						 	" style="width:33%;height:30px" placeholder="State">
+						
    					
+					<%}
+					rs_interview2.close();
+					%>	
+					
+					<%for(int kp =kp2 + 1;kp < 11; kp++){%>
+						
+						<%if(kp > 1){%>
+							
+							
+							
+						<%}%>
+						
+						
+						
+						
+						
+						
+						
+						
+						
    
+							  (<%=kp%>)
    
+							   +
+						    		
+						 	
+						
    
+						 	
+						  
+						 	
+						
    					
+					<%}%>
+					<%if(kp2 == 0){%>
+						 
+					<%}else{%>
+						 
+					<%}%>					
+				
    
+			
    
+			
    
+				
+				
    
+					2. Interview Type & Date
+				
    
+				
    
+					 
+					
+										
+					
+					
    
+					 Engagement Type
+					 
+					 Interview Date
+					
    
+					 	checked<%}%>> In Person
+					 	 
+					 	checked<%}%>> Phone
+					 	 
+					 	checked<%}%>> Email
+					 	 
+					 	checked<%}%>> Video Chat
+					 
+					 	" class="date-picker" type="text"  readonly>
+					
    	
+					
+				
    
+			
    
+		 
+		
+		 
+		
    
+			
    
+				3. Key Insights
+				+
+				-
+						
+			
    
+			<% 	String sql_key = "select * from tbl_interview_key where c_interview_no = " + rs_interview.getInt("c_no") + " order by c_no asc" ;
+			ResultSet rs_key = stmt2.executeQuery(sql_key);
+					 int key_no2 = 0;
+				       	  while(rs_key.next()){
+				       	  	key_no2 = key_no2 + 1;
+		%>
+		 	
    
+				
    
+					<%=key_no2%>. " style="width:90%;height:30px" placeholder="Not Summary, This is 'A-Ha! Moment' you experienced">
+				
    
+			 
+				
    
+					  Interview Description & Recordigs or Other Attatchment
+				
    
+				
    
+					
+				
    
+				
    
+					<%if(!rs_key.getString("c_file").equals("")){%>
+						<%=rs_key.getString("c_file")%>" type="hidden">
+						: Delete
    		
+						
+						 
+					<%}else{%>
+						
+					<%}%>
+				
    
+			
    
+		<%	}
+			rs_key.close();
+		%>
+			
+			<%for(int i = key_no2 + 1; i < 6;i++){%>
+			
    
+				
    
+					<%=i%>. 
+				
    
+			 
+				
    
+					  Interview Description & Recordigs or Other Attatchment
+				
    
+				
    
+					
+				
    
+				
    
+					
+				
    
+			
    
+			<%}%>
+		
    
+		
    
+			
    
+				4. Position Select
+			
    
+			
    
+				
+				
+				<%for(int i = 1; i<10 ; i++){%>
+					<%if(i==1 || i==6 || i==8){%>  
+						
+					<%}%>
+						
+					<%if(i==5 || i==7 || i==9){%>  
+						
+					<%}%>
+				<%}%>
+				
    width="20%"<%}%> <%if(i==8 || i==9){%> width="50%" colspan=3<%}%> <%if(i==1 || i==3 || i==5){%>rowspan=2<%}%> <%if(i==3){%>colspan=2<%}%> onmouseover="this.bgColor='#FBF0EF'" onmouseout="this.bgColor='#ededed'" onclick="td_go(<%=i%>)">
+							<%=hy_title[i]%>
+						
    
+				 
+			
    
+		
    
+		
    
+			
    
+				5. Hypotheses Validated or Invalidated
+			
    
+			
    
+					  
+					 <%
+					   int[] channel_call = new int[11];
+					   for(int ju = 1; ju < 11; ju++){
+					   	channel_call[ju] = 0;
+					   }
+                        	 	   String sql_hypo     = " select a.c_color,a.c_title, a.c_no, a.c_channel ";
+                        	 	   sql_hypo = sql_hypo + ", (select c_point from tbl_interview_point where c_hypo_no = a.c_no and c_interview_no = "+ c_no +") as c_point ";
+                        	 	   sql_hypo = sql_hypo + ", (select c_no from tbl_interview_point where c_hypo_no = a.c_no and c_interview_no = "+ c_no +") as c_point_no ";
+                        	 	   sql_hypo = sql_hypo + "  from tbl_hypo a  where a.c_use = 0 and a.c_team_no = "+ c_team +"  ";
+                        	 	   sql_hypo = sql_hypo + " order by a.c_channel asc, a.c_no desc";
+	                        	   ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+	                        	   int old_channel = 0;
+	                        	   int al_no = 0;
+	                        	  while(rs_hypo.next()){
+	                        	  if(rs_hypo.getInt("c_point_no") != 0){
+	                        	  	al_no = al_no + 1;
+	                        	  	if(c_channel.equals("")){
+		                        	  	c_channel = rs_hypo.getString("c_channel");
+						}
+	                        	  	channel_call[rs_hypo.getInt("c_channel")] = 1;
+	                        	  }
+					  if(old_channel != rs_hypo.getInt("c_channel") ){
+					  	int typ = rs_hypo.getInt("c_channel") - old_channel;
+					  	for(int yp = 1 ; yp 
+					  	
+					  	
+					  	
+					  	<%
+					  	} 
+					  	old_channel = rs_hypo.getInt("c_channel");
+					  	if(rs_hypo.getInt("c_channel") > 1){
+					  	%>
+					  	
+					  	<%
+					  	}
+					  %>
+						" width="100%" style="display:none">
+					  <%}%>
+					  	
+					 	none<%}%>" name="tr_radio_<%=rs_hypo.getInt("c_channel")%>" id="tr_<%=rs_hypo.getInt("c_no")%>">
+					   <%
+					  }
+					  rs_hypo.close();
+					  %>
+					  
+					  	
    
+					  		
+					  		" <%if(rs_hypo.getInt("c_point_no")>0){%>checked<%}%> name="c_hypo_<%=rs_hypo.getInt("c_no")%>" value="<%=rs_hypo.getInt("c_no")%>" type="checkbox" onclick='if(document.bcb.c_hypo_<%=rs_hypo.getInt("c_no")%>.checked == true){cs_no = cs_no + 1;document.getElementById("tr_<%=rs_hypo.getInt("c_no")%>").style.display = "block"}else{cs_no = cs_no - 1;document.getElementById("tr_<%=rs_hypo.getInt("c_no")%>").style.display = "none"};check_channel(<%=rs_hypo.getInt("c_channel")%>)'>
+						 	 
+					 		<%=rs_hypo.getString("c_title")%>
+					 	
    
+					 		" value=0 type="radio" <%if(rs_hypo.getInt("c_point") == 0 && rs_hypo.getInt("c_point_no") > 0){%>checked<%}%>>  Don't Care
+							 
+					 		" value=1 type="radio"  <%if(rs_hypo.getInt("c_point") == 1 || (rs_hypo.getInt("c_point") == 0 && rs_hypo.getInt("c_point_no") == 0)){%>checked<%}%>>  Nice To Have
+					 		 
+					 		" value=2 type="radio" <%if(rs_hypo.getInt("c_point") == 2 && rs_hypo.getInt("c_point_no") > 0){%>checked<%}%>>  Must Have
+					 	
    
+					  <%if(old_channel < 9){
+					  for(int yp = old_channel + 1 ; yp <10 ; yp++){
+					  %>
+						  
+					  	
+					  	
+					  <%}
+					  }%>
+				
+					 
+			
    
+		
    
+				 
+		
+	
    
+				 
    
+		               		Interview Edit
+		               		Cancel
+		               		goto BMC
+		                    
    
+
    
+	
+		
+<%
+		}
+ 	rs_interview.close();
+	}
+}else{
+%>
+
+<%}%>
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb/interview/edit_interview_ok.jsp b/resoft/cms_for_bcb/process/bcb/interview/edit_interview_ok.jsp
new file mode 100644
index 0000000..be584bd
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb/interview/edit_interview_ok.jsp
@@ -0,0 +1,142 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/interview";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        int t2 = 6;
+	String[] a_file = new String[6]; 
+	for(int i = 1;i < 6;i++){
+		a_file[i] = "";
+	}
+        while( files.hasMoreElements() ){
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			t2 = t2 - 1;
+			if(fName != null && !fName.equals("")){ 
+				a_file[t2] = fName;
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	String c_hypo_no = r_call(multi.getParameter("c_hypo_no")); 
+	String c_no = r_call(multi.getParameter("c_no")); 
+	String old_file = r_call(multi.getParameter("old_file")); 
+	String show_no = r_call(multi.getParameter("show_no")); 
+	String check_no = r_call(multi.getParameter("check_no")); 
+	String c_relation = r_call(multi.getParameter("c_relation")); 
+	String c_relation2 = r_call(multi.getParameter("c_relation2")); 
+	String c_team = r_call(multi.getParameter("c_team")); 
+	String c_type = r_call(multi.getParameter("c_type")); 
+	String c_interview_date = r_call(multi.getParameter("c_interview_date")); 
+	String c_title = r_call(multi.getParameter("c_title_1")); 
+	String c_exp = r_call(multi.getParameter("c_exp_")); 
+	String c_hypo = "|"; 
+	String c_hypo_point = "|";
+
+	 
+	
+	 
+	String sql_ok = "";
+	if(old_file.equals("y")){
+		sql_ok = sql_ok + " update tbl_interview set c_member_no = "+ session.getAttribute("member_no") +", c_type = "+ c_type +",c_interview_date = '"+ c_interview_date +"',c_title='"+ c_title +"',c_exp ='"+ c_exp +"',c_file = '"+ fileName +"',c_update = now() ";
+	}else{
+		sql_ok = sql_ok + " update tbl_interview set c_member_no = "+ session.getAttribute("member_no") +", c_type = "+ c_type +",c_interview_date = '"+ c_interview_date +"',c_title='"+ c_title +"',c_exp ='"+ c_exp +"',c_update = now() ";
+	}
+	sql_ok = sql_ok + " where c_no = " + c_no;
+	stmt2.execute(sql_ok); 	
+	
+	int max_c_no = Integer.parseInt(c_no);
+	
+	String sql_zero = "delete from tbl_interview_point where c_interview_no = " + c_no;
+	stmt.execute(sql_zero);
+	 
+	
+	sql_zero = "delete from tbl_interview_target where c_interview_no = " + c_no;
+	stmt.execute(sql_zero);
+
+	String s_target_no = r_call(multi.getParameter("c_target_no")); 
+	int c_target_no = Integer.parseInt(s_target_no);
+	for(int pl = 1; pl < c_target_no + 1; pl++){
+		String sql_exp = "insert into tbl_interview_target (c_interview_no, c_name,c_position,c_company,c_email,c_phone,c_industry,c_country,c_state) values (";
+		sql_exp = sql_exp +  max_c_no +",'"+ r_call(multi.getParameter("c_target_name_" + pl)) +"','"+ r_call(multi.getParameter("c_target_position_" + pl)) +"','"+ r_call(multi.getParameter("c_target_company_" + pl)) +"','"+ r_call(multi.getParameter("c_target_email_" + pl)) +"','"+ r_call(multi.getParameter("c_target_phone_" + pl)) +"','"+ r_call(multi.getParameter("c_target_industry_" + pl)) +"','"+ r_call(multi.getParameter("c_target_country_" + pl)) +"','"+ r_call(multi.getParameter("c_target_state_" + pl)) +"')";
+		stmt.execute(sql_exp); 
+	}	
+
+	sql_zero = "delete from tbl_interview_key where c_interview_no = " + c_no;
+	stmt.execute(sql_zero);
+	sql_zero = "delete from tbl_interview_point where c_interview_no = " + c_no;
+	stmt.execute(sql_zero);
+	String t_key_no = r_call(multi.getParameter("key_no")); 
+	int key_no = Integer.parseInt(t_key_no);
+	for(int pl = 1; pl < key_no + 1; pl++){
+		String ok_file = "";
+		if(!r_call(multi.getParameter("d_file" + pl)).equals("1") ){
+			ok_file = r_call(multi.getParameter("o_file" + pl));
+		}
+		if(!a_file[pl].equals("")){
+			ok_file = a_file[pl];
+		}
+		String sql_exp = "insert into tbl_interview_key (c_interview_no, c_title, c_exp, c_file) values (";
+		sql_exp = sql_exp +  max_c_no +",'"+ r_call(multi.getParameter("c_title_" + pl)) +"','"+ r_call(multi.getParameter("c_exp_" + pl)) +"','"+ ok_file +"')";
+		stmt.execute(sql_exp); 
+		
+		int max_key_no = 1;
+		String sql_key     = " select max(c_no) as max_key_no from tbl_interview_key where c_interview_no =  " + max_c_no;
+	    	ResultSet rs_key = stmt2.executeQuery(sql_key);
+		if(rs_key.next()){
+			max_key_no = rs_key.getInt("max_key_no");
+		}
+		rs_key.close();
+
+
+		String sql_hypo     = " select c_no from tbl_hypo ";
+		sql_hypo = sql_hypo + " where c_team_no = "+ c_team +" and c_use = 0 ";
+	    	ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+		while(rs_hypo.next()){
+			if(r_call(multi.getParameter("c_hypo_"+ pl +"_" + rs_hypo.getString("c_no"))).equals(rs_hypo.getString("c_no"))){
+				sql_ok = "insert into tbl_interview_point (c_interview_no,c_hypo_no,c_point,c_interview_key_no) values(";
+				sql_ok = sql_ok + max_c_no + "," + rs_hypo.getString("c_no") + "," + r_call(multi.getParameter("c_hypo_"+ pl +"_point_" + rs_hypo.getString("c_no"))) + ","+ max_key_no +")";
+				stmt.execute(sql_ok); 	
+			}
+		}
+		rs_hypo.close();	
+	}	
+ %>
+ 
+
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb/interview/insert_interview.jsp b/resoft/cms_for_bcb/process/bcb/interview/insert_interview.jsp
new file mode 100644
index 0000000..f7d2b0d
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb/interview/insert_interview.jsp
@@ -0,0 +1,482 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+	       
+	
    
+<%
+if(c_team.equals(session.getAttribute("member_team_no")) && session.getAttribute("member_type").equals("0")){
+	String c_channel = r_call(request.getParameter("c_channel"));
+	String[] hy_title = new String[10];
+	hy_title[1] = "Key Partners";
+	hy_title[2] = "Key Activities";
+	hy_title[3] = "Value Propositions";
+	hy_title[4] = "Customer Relationships";
+	hy_title[5] = "Customer Segments";
+	hy_title[6] = "Key Resources";
+	hy_title[7] = "Channels";
+	hy_title[8] = "Cost Structure";
+	hy_title[9] = "Revenue Streams";
+	String[] span_title = new String[10]; 
+	span_title[1] = "We need to partner with...";
+	span_title[2] = "The most important things to do for our business model to work are...";
+	span_title[3] = "Our customers need help...";
+	span_title[4] = "We plan to GET/KEEP/GROW using...";
+	span_title[5] = "We are helping...";
+	span_title[6] = "The most important assets for our business model to work are...";
+	span_title[7] = "We deliver our product/service to our customer via...";
+	span_title[8] = "One of our operational costs to run the business is...";
+	span_title[9] = "We make money by...";
+%>
+
+
    
+	
+	
+	
    
+		
    
+			
    ·  
+				 
+				 Insert a New Customer Interview
+				 
+			
    
+		
     
+		
    
+		 
+			
    
+				
+				
    
+					1. Whom did you interview? 
+						+
+						-
+				
    
+				
    
+					 
+					<%for(int kp =1;kp < 11; kp++){%>
+						
+						<%if(kp > 1){%>
+							
+							
+							
+						<%}%>
+						
+						
+						
+						
+						
+						
+						
+						
+						
    
+							(<%=kp%>)
    
+							+
+						
+						    		
+						 	
+						
    
+						 	
+						  
+						 	
+						
    					
+					<%}%>
+				
    
+			
    
+			
    
+				
+				
    
+					2. Interview Type & Date
+				
    
+				
    
+					 
+					
+										
+					
+					
    
+					 Engagement Type
+					 
+					 Interview Date
+					
    
+					 	 In Person
+					 	 
+					 	 Phone
+					 	 
+					 	 Email
+					 	 
+					 	 Video Chat
+					 
+					 	
+					
    	
+					
+				
    
+			
    
+		 
+		 
+		
    
+			
    
+				3. Key Insights
+				+
+				-
+						
+			
    
+			<%for(int i2 = 1; i2 < 6;i2++){%>
+			
    
+				
    
+					<%=i2%>. 
+				
    
+			 
+				
    
+					  Interview Description & Recordigs or Other Attatchment
+				
    
+				
    
+					
+				
    
+				
    
+					
+				
    
+				
+				
    
+					
    
+						
    
+							* Position Select
+						
    
+						
    
+							
+							
+							
+							
+							<%for(int i = 1; i<10 ; i++){%>
+								<%if(i==1 || i==6 || i==8){%>  
+									
+								<%}%>
+									
+								<%if(i==5 || i==7 || i==9){%>  
+									
+								<%}%>
+							<%}%>
+							
    width="20%"<%}%> <%if(i==8 || i==9){%> width="50%" colspan=3<%}%> <%if(i==1 || i==3 || i==5){%>rowspan=2<%}%> <%if(i==3){%>colspan=2<%}%> onmouseover="this.bgColor='#FBF0EF'" onmouseout="this.bgColor=hy_color_<%=i2%>[<%=i%>]" onclick="td_go_<%=i2%>(<%=i%>)">
+										<%=hy_title[i]%>
+									
    
+							 
+						
    
+					
    
+					
    
+						
    
+							* Hypotheses Validated or Invalidated
+						
    
+						
    
+								  
+								 <%
+			                        	 	   String sql_hypo     = " select a.c_color,a.c_title, a.c_no, a.c_channel from tbl_hypo a ";
+			                        	 	   sql_hypo = sql_hypo + " where a.c_use = 0 and a.c_team_no = "+ c_team +"  ";
+			                        	 	   sql_hypo = sql_hypo + " order by a.c_channel asc, a.c_no desc";
+				                        	   ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+				                        	   int old_channel = 0;
+				                        	  while(rs_hypo.next()){
+								  if(old_channel != rs_hypo.getInt("c_channel") ){
+								  	int typ = rs_hypo.getInt("c_channel") - old_channel;
+								  	for(int yp = 1 ; yp 
+								  	
+								  	
+								  	
+								  	<%
+								  	} 
+								  	old_channel = rs_hypo.getInt("c_channel");
+								  	if(rs_hypo.getInt("c_channel") > 1){
+								  	%>
+								  	
+								  	<%
+								  	}
+								  %>
+									" width="100%" style="display:none">
+								  <%}%>
+								  	
+								 	" id="tr_<%=i2%>_<%=rs_hypo.getInt("c_no")%>">
+								   <%
+								  }
+								  rs_hypo.close();
+								  %>
+								  	
    
+									 	" name="c_hypo_<%=i2%>_<%=rs_hypo.getInt("c_no")%>" value="<%=rs_hypo.getInt("c_no")%>" type="checkbox" onclick='if(document.bcb.c_hypo_<%=i2%>_<%=rs_hypo.getInt("c_no")%>.checked == true){cs_no = cs_no + 1;document.getElementById("tr_<%=i2%>_<%=rs_hypo.getInt("c_no")%>").style.display = "block"}else{cs_no = cs_no - 1;document.getElementById("tr_<%=i2%>_<%=rs_hypo.getInt("c_no")%>").style.display = "none"};check_channel_<%=i2%>(<%=rs_hypo.getInt("c_channel")%>)'>
+									 	 
+								 		<%=rs_hypo.getString("c_title")%>
+								 	
    
+								 		" value=0 type="radio">   Don't Care
+										  
+								 		" value=1 type="radio" checked>   Nice To Have
+								 		  
+								 		" value=2 type="radio">   Must Have
+								 	
    
+								  <%if(old_channel < 9){
+								  for(int yp = old_channel + 1 ; yp <10 ; yp++){
+								  %>
+									  
+								  	
+								  	
+								  <%}
+								  }%>
+								 
+						
    
+					
    
+				
    
+				 
+			
    
+				
+			<%}%>
+		
    
+		
+		
+	
    
+				 
    
+		               		Inser Interview
+		               		Cancel
+		                    
    
+
    
+	
+		
+<%
+}else{
+%>
+
+<%}%>
+
+
+
+  
+
+
+
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb/interview/insert_interview_ok.jsp b/resoft/cms_for_bcb/process/bcb/interview/insert_interview_ok.jsp
new file mode 100644
index 0000000..902d7e3
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb/interview/insert_interview_ok.jsp
@@ -0,0 +1,128 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/interview";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        int t2 = 6;
+	String[] a_file = new String[6]; 
+	for(int i = 1;i < 6;i++){
+		a_file[i] = "";
+	}
+        while( files.hasMoreElements() ){
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			t2 = t2 - 1;
+			if(fName != null && !fName.equals("")){ 
+				a_file[t2] = fName;
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				 
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	String show_no = r_call(multi.getParameter("show_no")); 
+	String check_no = r_call(multi.getParameter("check_no")); 
+	String c_relation = r_call(multi.getParameter("c_relation")); 
+	String c_relation2 = r_call(multi.getParameter("c_relation2")); 
+	String c_team = r_call(multi.getParameter("c_team")); 
+	String c_type = r_call(multi.getParameter("c_type")); 
+	String c_interview_date = r_call(multi.getParameter("c_interview_date")); 
+	String c_title = r_call(multi.getParameter("c_title_1")); 
+	String c_exp = r_call(multi.getParameter("c_exp_1")); 
+	String c_hypo = "|"; 
+	String c_hypo_point = "|";
+
+	 
+	
+	 
+	String sql_ok = "";
+	sql_ok = sql_ok + " insert into tbl_interview (c_project_no,c_team_no,c_member_no, c_type,c_interview_date,c_title,c_exp,c_file,c_use,c_date) values(";
+	sql_ok = sql_ok + session.getAttribute("member_project_no") + "," + session.getAttribute("member_team_no") + "," + session.getAttribute("member_no");
+	sql_ok = sql_ok + " ," + c_type + ",'" + c_interview_date + "','" + c_title + "','" + c_exp + "','" + fileName + "',0,now())";
+	stmt2.execute(sql_ok); 	
+	
+	int max_c_no = 1;
+	String sql_hypo     = " select max(c_no) as max_c_no from tbl_interview ";
+    	ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+	if(rs_hypo.next()){
+		max_c_no = rs_hypo.getInt("max_c_no");
+	}
+	rs_hypo.close();	
+	
+	 	
+	
+	String s_target_no = r_call(multi.getParameter("c_target_no")); 
+	int c_target_no = Integer.parseInt(s_target_no);
+	for(int pl = 1; pl < c_target_no + 1; pl++){
+		String sql_exp = "insert into tbl_interview_target (c_interview_no, c_name,c_position,c_company,c_email,c_phone,c_industry,c_country,c_state) values (";
+		sql_exp = sql_exp +  max_c_no +",'"+ r_call(multi.getParameter("c_target_name_" + pl)) +"','"+ r_call(multi.getParameter("c_target_position_" + pl)) +"','"+ r_call(multi.getParameter("c_target_company_" + pl)) +"','"+ r_call(multi.getParameter("c_target_email_" + pl)) +"','"+ r_call(multi.getParameter("c_target_phone_" + pl)) +"','"+ r_call(multi.getParameter("c_target_industry_" + pl)) +"','"+ r_call(multi.getParameter("c_target_country_" + pl)) +"','"+ r_call(multi.getParameter("c_target_state_" + pl)) +"')";
+		stmt.execute(sql_exp); 
+	}	
+	String t_key_no = r_call(multi.getParameter("key_no")); 
+	int key_no = Integer.parseInt(t_key_no);
+	for(int pl = 1; pl < key_no + 1; pl++){
+		String sql_exp = "insert into tbl_interview_key (c_interview_no, c_title, c_exp, c_file) values (";
+		sql_exp = sql_exp +  max_c_no +",'"+ r_call(multi.getParameter("c_title_" + pl)) +"','"+ r_call(multi.getParameter("c_exp_" + pl)) +"','"+ a_file[pl] +"')";
+		stmt.execute(sql_exp); 
+		
+		int max_key_no = 1;
+		String sql_key     = " select max(c_no) as max_key_no from tbl_interview_key where c_interview_no =  " + max_c_no;
+	    	ResultSet rs_key = stmt2.executeQuery(sql_key);
+		if(rs_key.next()){
+			max_key_no = rs_key.getInt("max_key_no");
+		}
+		rs_key.close();
+
+
+		sql_hypo     = " select c_no from tbl_hypo ";
+		sql_hypo = sql_hypo + " where c_team_no = "+ c_team +" and c_use = 0 ";
+	    	rs_hypo = stmt2.executeQuery(sql_hypo);
+		while(rs_hypo.next()){
+			if(r_call(multi.getParameter("c_hypo_"+ pl +"_" + rs_hypo.getString("c_no"))).equals(rs_hypo.getString("c_no"))){
+				sql_ok = "insert into tbl_interview_point (c_interview_no,c_hypo_no,c_point,c_interview_key_no) values(";
+				sql_ok = sql_ok + max_c_no + "," + rs_hypo.getString("c_no") + "," + r_call(multi.getParameter("c_hypo_"+ pl +"_point_" + rs_hypo.getString("c_no"))) + ","+ max_key_no +")";
+				stmt.execute(sql_ok); 	
+			}
+		}
+		rs_hypo.close();	
+		
+	}	
+ %>
+ 
+
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb/interview/view.jsp b/resoft/cms_for_bcb/process/bcb/interview/view.jsp
new file mode 100644
index 0000000..f22db23
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb/interview/view.jsp
@@ -0,0 +1,482 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+		
+  
    
+
+<%
+	String c_channel = r_call(request.getParameter("c_channel")); 
+	String c_hypo_no = r_call(request.getParameter("c_hypo_no")); 
+	String[] hy_title = new String[10]; 
+	hy_title[1] = "Key Partners";
+	hy_title[2] = "Key Activities";
+	hy_title[3] = "Value Propositions";
+	hy_title[4] = "Customer Relationships";
+	hy_title[5] = "Customer Segments";
+	hy_title[6] = "Key Resources";
+	hy_title[7] = "Channels";
+	hy_title[8] = "Cost Structure";
+	hy_title[9] = "Revenue Streams";
+	String[] span_title = new String[10]; 
+	span_title[1] = "We need to partner with...";
+	span_title[2] = "The most important things to do for our business model to work are...";
+	span_title[3] = "Our customers need help...";
+	span_title[4] = "We plan to GET/KEEP/GROW using...";
+	span_title[5] = "We are helping...";
+	span_title[6] = "The most important assets for our business model to work are...";
+	span_title[7] = "We deliver our product/service to our customer via...";
+	span_title[8] = "One of our operational costs to run the business is...";
+	span_title[9] = "We make money by...";
+
+	String c_no = r_call(request.getParameter("c_no")); 
+
+%>
+<%if(c_no.equals("")){%>
+	
+<%}else{
+
+	String sql_interview = "select a.* from tbl_interview a where a.c_no = " + c_no;
+	 ResultSet rs_interview = stmt2.executeQuery(sql_interview);
+       	  if(rs_interview.next()){
+%>
+  
+	
    
+		
    
+			
    ·  
+				 
+				 View a Customer Interview
+				  
+
+			
    
+		
     
+		
    
+		
    
+			
    
+				 
+				
+			
    
+			
    
+				<%if(rs_interview.getInt("c_use") == 0){%>
+					<%if(session.getAttribute("member_type").equals("0") && session.getAttribute("member_team_no").equals(c_team) && make_ok == 0){%>
+					&c_hypo_no=<%=c_hypo_no%>"  style="width: 40px; line-height: 24px; text-align: center;display: inline-block; background: blue;  border: 1px solid #ffffff;border-radius: 12px; color: #ffffff;font-weight:400;font-size: 13px;">Edit
+					'}"  style="width: 40px; line-height: 24px; text-align: center;display: inline-block; background: #454545;  border: 1px solid #ffffff;border-radius: 12px; color: #ffffff;font-weight:400;font-size: 13px;">Delete
+					<%}%>
+				<%}else{%>
+					Deleted(<%=rs_interview.getString("c_use_date").substring(0,10)%>)
+				<%}%>
+				
+			
    
+			
+		
     
+			
    
+				 
+				
    
+					  Whom did you interview?  
+				
    
+				
    
+					 <%
+					String sql_interview2 = "select a.* from tbl_interview_target a where a.c_interview_no = " + c_no + " order by a.c_no asc ";
+					 ResultSet rs_interview2 = stmt2.executeQuery(sql_interview2);
+					 int kp = 0;
+				       	  while(rs_interview2.next()){
+					 	kp = kp + 1;
+					 %>
+						
+						<%if(kp > 1){%>
+							
+							
+							
+						<%}%>
+						
+						
+							
+							
+						<%if(!rs_interview2.getString("c_email").equals("")){%>
+							
+							
+							
+							
+						<%}%>
+						
    
+							  <%=kp%>. 
+						
+						 	<%=rs_interview2.getString("c_company")%>
+						
    
+							 	<%=rs_interview2.getString("c_position")%> / 
+							 	<%=rs_interview2.getString("c_name")%>
+							
    
+							 	<%=rs_interview2.getString("c_email")%> / 
+							 	<%=rs_interview2.getString("c_phone")%>
+							
    
+							 	<%=rs_interview2.getString("c_industry")%> / 
+							 	<%=rs_interview2.getString("c_country")%> / 
+							 	<%=rs_interview2.getString("c_state")%>
+							
    					
+					<%}
+					rs_interview2.close();
+					%>
+				
    
+			
    
+			
    
+				
+				
    
+					 Interview Type & Date
+				
    
+				
    
+					 
+					
+										
+					
+					
    
+					 Engagement Type
+					 
+					 Interview Date
+					
    
+						<%if(rs_interview.getInt("c_type") == 0){%>
+					 	In Person
+						<%}%>
+						<%if(rs_interview.getInt("c_type") == 1){%>
+					 	Phone
+						<%}%>
+						<%if(rs_interview.getInt("c_type") == 2){%>
+					 	Email
+						<%}%>
+						<%if(rs_interview.getInt("c_type") == 3){%>
+					 	 Video Chat
+						<%}%>
+					 
+						<%=rs_interview.getString("c_interview_date")%>
+					
    	
+					
+				
    
+			
    
+		 
+		
    
+			
    
+				 Key Insights
+			
    
+		
    
+		<% 	String sql_key = "select * from tbl_interview_key where c_interview_no = " + rs_interview.getInt("c_no") + " order by c_no asc" ;
+			ResultSet rs_key = stmt2.executeQuery(sql_key);
+					 int key_no = 0;
+					 int plp = 0;
+				       	  while(rs_key.next()){
+				       	  	plp = plp + 1;
+		%>
+		
    
+			
    
+				 <%=rs_key.getString("c_title")%> 
+			
    
+			
+			
    
+				<%if(rs_key.getString("c_exp") != null && !rs_key.getString("c_exp").equals("")){%>
+				<%=rs_key.getString("c_exp").replaceAll("\r\n","
    ")%>
+				<%}%>
+			
    
+			<%if(rs_key.getString("c_file") != null && !rs_key.getString("c_file").equals("")){%>
+				
    
+					"><%=rs_key.getString("c_file")%>
+				
    
+			<%}%>
+			
    
+				
    
+					* Selected Hypothesis
+				
    
+				
    
+						
+	 				  	<%
+						 sql_interview2 =  "  select a.c_point, b.c_channel, b.c_title, b.c_no from tbl_interview_point a ";
+						 sql_interview2 = sql_interview2 + " inner join tbl_hypo b on b.c_no = a.c_hypo_no and b.c_use = 0 ";
+						 sql_interview2 = sql_interview2 + " where a.c_interview_no = " + c_no;
+						 if(plp == 1){
+							 sql_interview2 = sql_interview2 + " and ( a.c_interview_key_no = "+ rs_key.getString("c_no") +" or a.c_interview_key_no = 0)";
+						 }else{
+							 sql_interview2 = sql_interview2 + " and (a.c_interview_key_no = "+ rs_key.getString("c_no") +" )";
+						 }
+						 sql_interview2 = sql_interview2 + " order by b.c_no asc ";
+						  rs_interview2 = stmt2.executeQuery(sql_interview2);
+						  int yp = 0;
+					       	  while(rs_interview2.next()){
+						 	 yp = yp + 1;
+						 	 if(yp == 1 && c_hypo_no.equals("")){
+						 	 	c_hypo_no=rs_interview2.getString("c_no");
+						 	 }
+						 %>
+							
+	 
+							  
+								
+							 
+							
+							
+							
+								 
+												
+						<%}
+						rs_interview2.close();
+						%>
+						
    
+								 <%if(rs_interview2.getInt("c_point") == 2){%>	 
+									
+								<%}%>	
+								<%if(rs_interview2.getInt("c_point") == 1){%>	 
+									
+								<%}%>	
+								<%if(rs_interview2.getInt("c_point") == 0){%>	 
+									
+								<%}%>	
+								 [<%=hy_title[rs_interview2.getInt("c_channel")]%>] 
+							
+							 	 &c_channel=<%=rs_interview2.getInt("c_channel")%>"><%=rs_interview2.getString("c_title")%>
+							
    
+				
    
+			
    
+		
    
+		<%	}
+			rs_key.close();
+		%>
+		
+		
    
+		
     
+			
+			
    
+			 Comment with Instructor, Mentor

    
+			 	<%if((session.getAttribute("member_type").equals("0") || session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("2")) && make_ok == 0){%>
+			 	
+				
    
+				
+				
+				" type="hidden">
+			 	
    
+				 	
+				 		<% String sql_in =  "select c_photo from tbl_member where c_no = " + session.getAttribute("member_no");
+						ResultSet rs_in = stmt.executeQuery(sql_in);
+						if(rs_in.next()){
+						%>
+						
+						
+						
+						
+						
+						
+						
+						
+						
+						<%
+						}
+						rs_in.close();
+						%>
+					
    
+							<%if(!rs_in.getString("c_photo").equals("")){%>
+		                 		       " width="50" height=50 style="border: 1px solid #ededed;border-radius: 50px; ">
+		                 		       <%}%>
+							 
+						
+							
+						
    
+						
+							Insert
+						
    
+				
    
+			 	
    
+				 		
+				
    
+				
    
+			 	<%}%>
+			 	
    
+				 	
+				 		<% String  sql_comment =  " select a.c_content, a.c_date, b.c_photo, b.c_name, a.c_member_type  from tbl_comment a ";
+						sql_comment = sql_comment + " inner join tbl_member b on b.c_no = a.c_member_no ";
+						sql_comment = sql_comment + " where a.c_type= 1 and a.c_relation = " + rs_interview.getInt("c_no") + " order by a.c_no desc ";
+						ResultSet rs_comment = stmt.executeQuery(sql_comment);
+						while(rs_comment.next()){
+						%>
+						
+						
+						
+						
+						
+						
+						
+						
+						
+						<%
+						}
+						rs_comment.close();
+						%>
+					
    
+							<%if(!rs_comment.getString("c_photo").equals("")){%>
+		                 		       " width="50" height=50 style="border: 1px solid #ededed;border-radius: 50px; ">
+		                 		       <%}%>
+							 
+						
+							
+							<%=rs_comment.getString("c_name")%>[
+							<%if(rs_comment.getInt("c_member_type") ==0){%>
+								Team Member
+							<%}%>
+							<%if(rs_comment.getInt("c_member_type") ==1){%>
+								Instructor
+							<%}%>
+							<%if(rs_comment.getInt("c_member_type") ==2){%>
+							
+								Mentor
+							<%}%>
+							] 
+							/ 
+							<%=rs_comment.getString("c_date")%>
+						
    
+						
+							<%=rs_comment.getString("c_content").replaceAll("\r\n","
    ")%>    
+						
    
+				
    
+			
    
+			
+
+		
    
+		 
+		
+	
    
+				 
    
+		               		To Hypothesis
+		               		To BMC
+		                    
    
+
    
+	
+		
+ <%
+ 	}
+ 	rs_interview.close();
+ }%>
+
+
+ 
+
+  
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb/list.jsp b/resoft/cms_for_bcb/process/bcb/list.jsp
new file mode 100644
index 0000000..595171c
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb/list.jsp
@@ -0,0 +1,603 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+	       
+	
    
+
+
+<%
+	String[] hy_title = new String[10]; 
+	hy_title[1] = "Key Partners";
+	hy_title[2] = "Key Activities";
+	hy_title[3] = "Value Propositions";
+	hy_title[4] = "Customer Relationships";
+	hy_title[5] = "Customer Segments";
+	hy_title[6] = "Key Resources";
+	hy_title[7] = "Channels";
+	hy_title[8] = "Cost Structure";
+	hy_title[9] = "Revenue Streams";
+%>
+
+
+
+
    
+		Business Model Canvas
+	
+
+ 	
+
    
+
+<%for(int i = 1; i<10 ; i++){%>
+	<%if(i==1 || i==6 || i==8){%>  
+		
+	<%}%>
+		
+	<%if(i==5 || i==7 || i==9){%>  
+		
+	<%}%>
+<%}%>
+
+
+
+
    width="20%"<%}%> <%if(i==8 || i==9){%> width="50%" colspan=3<%}%> <%if(i==1 || i==3 || i==5){%>rowspan=2<%}%> <%if(i==3){%>colspan=2<%}%> onmouseover="this.bgColor='#FBF0EF'" onmouseout="this.bgColor='#ededed'">
+			
+			
+			
+			
    
+				<%=hy_title[i]%>
+				
+			
+				<%if(session.getAttribute("member_type").equals("0") && session.getAttribute("member_team_no").equals(c_team) && make_ok == 0){%>
+				 
+				  
+				<%}%>
+			
    
+				
    
+					 <%
+                        	 	   String sql_hypo     = " select a.*, b.c_name as writer_name ";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 2count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 2 and d.c_date <= '"+ call_date + " 23:59:59"  +"') as 2count";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 1count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 1 and d.c_date <= '"+ call_date + " 23:59:59"  +"') as 1count";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 0count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 0 and d.c_date <= '"+ call_date + " 23:59:59"  +"') as 0count";
+                        	 	   sql_hypo = sql_hypo + ", (select  max(e.c_no)  from tbl_hypo_history e where e.c_hypo_no = a.c_no and e.c_date <= '"+ call_date + " 23:59:59"  +"'   )  as c_last_now ";
+                        	 	   sql_hypo = sql_hypo + " from tbl_hypo a ";
+                        	 	   sql_hypo = sql_hypo + " inner join tbl_member b on b.c_no = a.c_member_no ";
+                        	 	   sql_hypo = sql_hypo + " where (a.c_use = 0 or ( a.c_use = 1 and  a.c_use_date > '"+ call_date + " 23:59:59" +"'    ) ) and a.c_team_no = "+ c_team +" and a.c_channel = "+ i +" and a.c_date <= '"+ call_date + " 23:59:59"  +"' ";
+                        	 	   sql_hypo = sql_hypo + " order by a.c_no desc";
+	                        	   ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+					  while(rs_hypo.next()){
+					  %>
+							       <%
+					  			 int now_call = 0;
+								  String sql_hypo_history    = " select c_now from tbl_hypo_history where c_no = " + rs_hypo.getInt("c_last_now") + "  ";
+				                        	   ResultSet rs_hypo_history = stmt.executeQuery(sql_hypo_history);
+								  if(rs_hypo_history.next()){
+								  	now_call = rs_hypo_history.getInt("c_now");
+								  }
+								  rs_hypo_history.close();
+					  			%>
+					
    ').style.display='block'" onmouseout="document.getElementById('hypo_<%=rs_hypo.getString("c_no")%>').style.display='none'">
+					  
+					  	
+					  	" style="display:none;">
+					  	
+					  	
+					  
    
+					  		<%if(now_call == 2){%>
+						  	&c_channel=<%=i%>"><%=rs_hypo.getString("c_title")%>
+					  		<%}else{%>
+						  	&c_channel=<%=i%>"><%=rs_hypo.getString("c_title")%>
+					  		<%}%>
+					  	
+					  			
+								 <%if(now_call == 0){%>
+									
+								<%}%>
+								<%if(now_call == 1){%>
+								 	
+								 <%}%>
+								 <%if(now_call == 2){%>
+									
+								 <%}%>
+					  	
    
+							 <%=rs_hypo.getString("c_date").substring(0,10)%> / 
+							 <%=rs_hypo.getString("writer_name")%>
    
+							  <%=rs_hypo.getInt("2count")%>
+							   
+							  <%=rs_hypo.getInt("1count")%>
+							   
+							  <%=rs_hypo.getInt("0count")%>
+					  	
    
+							<%
+							if(i==5){
+							%>
+										">■
+							<%
+							}else{%>
+								<%
+								  String sql_hypo_cs     = " select c_cs_color from tbl_hypo_cs where c_hypo_no = " + rs_hypo.getInt("c_no") + " order by c_no desc";
+				                        	   ResultSet rs_hypo_cs = stmt.executeQuery(sql_hypo_cs);
+								  while(rs_hypo_cs.next()){
+								%>
+										">■
+								<%}
+								  rs_hypo_cs.close();
+					  			%>
+							
+							<%}%>
+					  	
      	
+					  
     
+					  
     
+					  <%
+					  }
+					  rs_hypo.close();
+					  %>
+				
    
+			
    
+		
    
+BMC license
+
    
+
    
+		
+		  
    
+			
    
+				
+			 	 
    
+			 	   	
+			 	 
    
+				
+				 
+				
+				
+					 <%
+                        	 	   String sql_hypo     = " select a.*, b.c_name as writer_name ";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 2count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 2 and d.c_date <= '"+ call_date + " 23:59:59"  +"') as 2count";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 1count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 1 and d.c_date <= '"+ call_date + " 23:59:59"  +"') as 1count";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 0count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 0 and d.c_date <= '"+ call_date + " 23:59:59"  +"') as 0count";
+                        	 	   sql_hypo = sql_hypo + ", (select  max(e.c_no)  from tbl_hypo_history e where e.c_hypo_no = a.c_no and e.c_date <= '"+ call_date + " 23:59:59"  +"'   )  as c_last_now ";
+                        	 	   sql_hypo = sql_hypo + " from tbl_hypo a ";
+                        	 	   sql_hypo = sql_hypo + " inner join tbl_member b on b.c_no = a.c_member_no ";
+                        	 	   sql_hypo = sql_hypo + " where (a.c_use = 0 or ( a.c_use = 1 and  a.c_use_date > '"+ call_date + " 23:59:59" +"'    ) ) and a.c_team_no = "+ c_team +"   and a.c_date <= '"+ call_date + " 23:59:59"  +"' ";
+                        	 	   sql_hypo = sql_hypo + " order by a.c_no desc";
+	                        	   ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+					  while(rs_hypo.next()){
+					  %>
+					  			 <%
+					  			 int now_call = 0;
+								  String sql_hypo_history    = " select c_now from tbl_hypo_history where c_no = " + rs_hypo.getInt("c_last_now") + "  ";
+				                        	   ResultSet rs_hypo_history = stmt.executeQuery(sql_hypo_history);
+								  if(rs_hypo_history.next()){
+								  	now_call = rs_hypo_history.getInt("c_now");
+								  }
+								  rs_hypo_history.close();
+					  			%>
+					  
+					
+					
+					  <%}
+					  rs_hypo.close();
+					  %>
+				
    
+				Title
+				
+					Channel
+				
+					Validation
+				
+					Customer Segment
+				
+					Insert Date
+				
+					Period
+				
    
+						"><%=rs_hypo.getString("c_title")%>
+					
+						<%
+						int c_chan_no = rs_hypo.getInt("c_channel");
+						%>
+						<%=hy_title[c_chan_no]%>
+					
+							      <%if(now_call == 0){%>
+									Ing..
+								<%}%>
+								<%if(now_call == 1){%>
+								 Validated
+								 <%}%>
+								 <%if(now_call == 2){%>
+									Invalidated
+								 <%}%>
+					
+							<%
+							if(rs_hypo.getInt("c_channel") == 5 ){
+							%>
+										">■
+							<%
+							}else{%>
+								<%
+								  String sql_hypo_cs     = " select c_cs_color from tbl_hypo_cs where c_hypo_no = " + rs_hypo.getInt("c_no") + " order by c_no desc";
+				                        	   ResultSet rs_hypo_cs = stmt.executeQuery(sql_hypo_cs);
+								  while(rs_hypo_cs.next()){
+								%>
+										">■
+								<%}
+								  rs_hypo_cs.close();
+					  			%>
+							
+							<%}%>
+					
+						<%=rs_hypo.getString("c_date").substring(0,10)%>
+					
+						<%for (int i = 1; i < c_p_p + 1; i++){%>
+						<%if(Integer.parseInt(a_w_s[i].replaceAll("-","")) <= Integer.parseInt(rs_hypo.getString("c_date").substring(0,10).replaceAll("-","")) && Integer.parseInt(a_w_e[i].replaceAll("-","")) >= Integer.parseInt(rs_hypo.getString("c_date").substring(0,10).replaceAll("-",""))  ){ 
+						%>
+						<%if(today_period == i){%>
+							
+						<%}%>
+						<%=i%>P
+						<%
+						}%> 
+						<%}%>
+					
    
+			
    
+			
    
+				
+			 	 
    
+			 	   	
+			 	 
    
+				
+				 
+				 
+				
+					<%
+                        	 	    sql_hypo     = " select a.*  ";
+                        	 	   sql_hypo = sql_hypo + " from tbl_interview a ";
+                        	 	   sql_hypo = sql_hypo + " where  a.c_use = 0  and a.c_team_no = "+ c_team +"   and a.c_date <= '"+ call_date + " 23:59:59"  +"' ";
+                        	 	   sql_hypo = sql_hypo + " order by a.c_no desc";
+	                        	    rs_hypo = stmt2.executeQuery(sql_hypo);
+					  while(rs_hypo.next()){
+					  %>
+					  			 
+					  
+					
+					
+					  <%}
+					  rs_hypo.close();
+					  %>
+				
    
+					Whom
+				
+					Type
+				
+					Interview Date
+				
+					Period
+				
    
+						">
+						 <%
+					  		 String sql_hypo_history    = " select * from tbl_interview_target  where c_interview_no = " + rs_hypo.getInt("c_no") + "  ";
+				                          ResultSet rs_hypo_history = stmt.executeQuery(sql_hypo_history);
+							 int top = 0;
+							 while(rs_hypo_history.next()){
+								top = top + 1;
+								%>
+								<%if(top > 1){%>
+									 / 
+								<%}%>
+									<%=rs_hypo_history.getString("c_company")%>, <%=rs_hypo_history.getString("c_position")%>, <%=rs_hypo_history.getString("c_name")%> 
+								<%
+							  }
+							 rs_hypo_history.close();
+					  		%>
+					  	
+					
+ 						<%if(rs_hypo.getInt("c_type") == 0){%>
+					 	In Person
+						<%}%>
+						<%if(rs_hypo.getInt("c_type") == 1){%>
+					 	Phone
+						<%}%>
+						<%if(rs_hypo.getInt("c_type") == 2){%>
+					 	Email
+						<%}%>
+						<%if(rs_hypo.getInt("c_type") == 3){%>
+					 	 Video Chat
+						<%}%>
+					
+						<%=rs_hypo.getString("c_interview_date").substring(0,10)%>
+					
+						<%for (int i = 1; i < c_p_p + 1; i++){%>
+						<%if(Integer.parseInt(a_w_s[i].replaceAll("-","")) <= Integer.parseInt(rs_hypo.getString("c_date").substring(0,10).replaceAll("-","")) && Integer.parseInt(a_w_e[i].replaceAll("-","")) >= Integer.parseInt(rs_hypo.getString("c_date").substring(0,10).replaceAll("-",""))  ){ 
+						%>
+						<%if(today_period == i){%>
+							
+						<%}%>
+						<%=i%>P
+						<%
+						}%> 
+						<%}%>
+					
    
+			
    
+			
    
+				
+			 	 
    
+			 	   	
+			 	 
    
+				
+				 
+				 
+				
+					<%
+                        	 	    sql_hypo     = " select a.*  ";
+                        	 	   sql_hypo = sql_hypo + " from tbl_comment a ";
+                        	 	   sql_hypo = sql_hypo + " where  a.c_use = 0  and a.c_team_no = "+ c_team +"   and a.c_date <= '"+ call_date + " 23:59:59"  +"' ";
+                        	 	   sql_hypo = sql_hypo + " order by a.c_no desc";
+	                        	    rs_hypo = stmt2.executeQuery(sql_hypo);
+					  while(rs_hypo.next()){
+					  %>
+					  			 
+					  
+					
+					
+					  <%}
+					  rs_hypo.close();
+					  %>
+				
    
+					Content
+				
+					Target Type
+				
+					Writer Type
+				
+					Insert Date
+				
+					Period
+				
    
+						<%if(rs_hypo.getInt("c_type") == 0){%>
+						" title="Go to related hypothesis">
+						<%}%>
+						<%if(rs_hypo.getInt("c_type") == 1){%>
+						" title="Go to related interview">
+						<%}%>
+						<%=rs_hypo.getString("c_content")%>
+						
+					
+ 						<%if(rs_hypo.getInt("c_type") == 0){%>
+					 	 Hypothesis
+						<%}%>
+						<%if(rs_hypo.getInt("c_type") == 1){%>
+					 	 Interview
+						<%}%>
+					
+						<%if(rs_hypo.getInt("c_member_type") == 0){%>
+					 	 Member
+						<%}%>
+						<%if(rs_hypo.getInt("c_member_type") == 1){%>
+					 	 Instructor
+						<%}%>
+						<%if(rs_hypo.getInt("c_member_type") == 2){%>
+					 	 Mentor
+						<%}%>
+					
+						<%=rs_hypo.getString("c_date").substring(0,10)%>
+					
+						<%for (int i = 1; i < c_p_p + 1; i++){%>
+						<%if(Integer.parseInt(a_w_s[i].replaceAll("-","")) <= Integer.parseInt(rs_hypo.getString("c_date").substring(0,10).replaceAll("-","")) && Integer.parseInt(a_w_e[i].replaceAll("-","")) >= Integer.parseInt(rs_hypo.getString("c_date").substring(0,10).replaceAll("-",""))  ){ 
+						%>
+						<%if(today_period == i){%>
+							
+						<%}%>
+						<%=i%>P
+						<%
+						}%> 
+						<%}%>
+					
    
+			
    
+		  
    
+
    
+
+
+
+
+  
+
+
+
+
    
+
    
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb/view.jsp b/resoft/cms_for_bcb/process/bcb/view.jsp
new file mode 100644
index 0000000..898ecd8
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb/view.jsp
@@ -0,0 +1,560 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+	String[] hy_title = new String[10]; 
+	hy_title[1] = "Key Partners";
+	hy_title[2] = "Key Activities";
+	hy_title[3] = "Value Propositions";
+	hy_title[4] = "Customer Relationships";
+	hy_title[5] = "Customer Segments";
+	hy_title[6] = "Key Resources";
+	hy_title[7] = "Channels";
+	hy_title[8] = "Cost Structure";
+	hy_title[9] = "Revenue Streams";
+	int c_channel = Integer.parseInt(r_call(request.getParameter("c_channel"))); 
+%>
+	       
+	
    
+
+
+
+
    
+ 	 
    
+ 	 				
+ 	 				
    
+	 	 				
+						<%for(int i = 1; i<10 ; i++){%>
+							<%if(i==1 || i==6 || i==8){%>  
+								
+							<%}%>
+								
+							<%if(i==5 || i==7 || i==9){%>  
+								
+							<%}%>
+						<%}%>
+						
    width="20%"<%}%> <%if(i==8 || i==9){%> width="50%" colspan=3<%}%> <%if(i==1 || i==3 || i==5){%>rowspan=2<%}%> <%if(i==3){%>colspan=2<%}%>>
+								
    
+					    		
+					 	 <%=hy_title[c_channel]%>Period Detail 
+				 	 
    
+ 	 
    
+
    
+ 	
+
    
+
+
+<%for (int i = 1; i < c_p_p + 1; i++){%>
+	 
+		
+	 
+<%}%>
+ 
+
    
+			
+			
+			
+			
    
+				 <%if( i == today_period ){%>
+				 
+				 <%}%>
+				 <%if( i > today_period ){%>
+				 
+				 <%}%>
+				 <%=i%> Period
+			
    
+				 <%if( i <= today_period ){%>
+				
    
+					 <%
+                        	 	   String sql_hypo     = " select a.*, b.c_name as writer_name ";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 2count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 2 and d.c_date <= '"+ a_w_e[i] + " 23:59:59"  +"') as 2count";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 1count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 1 and d.c_date <= '"+ a_w_e[i] + " 23:59:59"  +"') as 1count";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 0count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 0 and d.c_date <= '"+ a_w_e[i] + " 23:59:59"  +"') as 0count";
+                        	 	   sql_hypo = sql_hypo + ", (select  max(e.c_no)  from tbl_hypo_history e where e.c_hypo_no = a.c_no and e.c_date <= '"+ a_w_e[i] + " 23:59:59"  +"'   )  as c_last_now ";
+                        	 	   sql_hypo = sql_hypo + " from tbl_hypo a ";
+                        	 	   sql_hypo = sql_hypo + " inner join tbl_member b on b.c_no = a.c_member_no ";
+                        	 	   sql_hypo = sql_hypo + " where (a.c_use = 0 or ( a.c_use = 1 and  a.c_use_date > '"+ a_w_e[i] + " 23:59:59" +"'    ) ) and a.c_team_no = "+ c_team +" and a.c_channel = "+ c_channel +" and a.c_date <= '"+ a_w_e[i] + " 23:59:59"  +"' ";
+                        	 	   sql_hypo = sql_hypo + " order by a.c_no desc";
+	                        	   ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+					  while(rs_hypo.next()){
+					  %>
+							       <%
+					  			 int now_call = 0;
+								  String sql_hypo_history    = " select c_now from tbl_hypo_history where c_no = " + rs_hypo.getInt("c_last_now") + "  ";
+				                        	   ResultSet rs_hypo_history = stmt.executeQuery(sql_hypo_history);
+								  if(rs_hypo_history.next()){
+								  	now_call = rs_hypo_history.getInt("c_now");
+								  }
+								  rs_hypo_history.close();
+					  			%>
+					
    _<%=i%>').style.display='block'" onmouseout="document.getElementById('hypo_<%=rs_hypo.getString("c_no")%>_<%=i%>').style.display='none'">
+					  
+					  	
+					  	_<%=i%>" style="display:none;">
+					  	
+					  	
+					  
    
+					  		<%if(now_call == 2){%>
+						  	&c_channel=<%=i%>"><%=rs_hypo.getString("c_title")%>
+					  		<%}else{%>
+						  	&c_channel=<%=i%>"><%=rs_hypo.getString("c_title")%>
+					  		<%}%>
+					  	
+					  			
+								 <%if(now_call == 0){%>
+									
+								<%}%>
+								<%if(now_call == 1){%>
+								 	
+								 <%}%>
+								 <%if(now_call == 2){%>
+									
+								 <%}%>
+					  	
    
+							 <%=rs_hypo.getString("c_date").substring(0,10)%> / 
+							 <%=rs_hypo.getString("writer_name")%>
    
+							  <%=rs_hypo.getInt("2count")%>
+							   
+							  <%=rs_hypo.getInt("1count")%>
+							   
+							  <%=rs_hypo.getInt("0count")%>
+					  	
    
+							<%
+							if(c_channel==5){
+							%>
+										">■
+							<%
+							}else{%>
+								<%
+								  String sql_hypo_cs     = " select c_cs_color from tbl_hypo_cs where c_hypo_no = " + rs_hypo.getInt("c_no") + " order by c_no desc";
+				                        	   ResultSet rs_hypo_cs = stmt.executeQuery(sql_hypo_cs);
+								  while(rs_hypo_cs.next()){
+								%>
+										">■
+								<%}
+								  rs_hypo_cs.close();
+					  			%>
+							
+							<%}%>
+					  	
      	
+					  
     
+					  
     
+					  <%
+					  }
+					  rs_hypo.close();
+					  %>
+				
    
+				<%}%>
+			
    
+		
    
+
    
+		
+		  
    
+			
    
+				
+			 	 
    
+			 	   	
+			 	 
    
+				
+				 
+				
+				
+					 <%
+                        	 	   String sql_hypo     = " select a.*, b.c_name as writer_name ";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 2count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 2 and d.c_date <= '"+ call_date + " 23:59:59"  +"') as 2count";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 1count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 1 and d.c_date <= '"+ call_date + " 23:59:59"  +"') as 1count";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 0count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 0 and d.c_date <= '"+ call_date + " 23:59:59"  +"') as 0count";
+                        	 	   sql_hypo = sql_hypo + ", (select  max(e.c_no)  from tbl_hypo_history e where e.c_hypo_no = a.c_no and e.c_date <= '"+ call_date + " 23:59:59"  +"'   )  as c_last_now ";
+                        	 	   sql_hypo = sql_hypo + " from tbl_hypo a ";
+                        	 	   sql_hypo = sql_hypo + " inner join tbl_member b on b.c_no = a.c_member_no ";
+                        	 	   sql_hypo = sql_hypo + " where a.c_channel = "+ c_channel +"  and (a.c_use = 0 or ( a.c_use = 1 and  a.c_use_date > '"+ call_date + " 23:59:59" +"'    ) ) and a.c_team_no = "+ c_team +"   and a.c_date <= '"+ call_date + " 23:59:59"  +"' ";
+                        	 	   sql_hypo = sql_hypo + " order by a.c_no desc";
+	                        	   ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+					  while(rs_hypo.next()){
+					  %>
+					  			 <%
+					  			 int now_call = 0;
+								  String sql_hypo_history    = " select c_now from tbl_hypo_history where c_no = " + rs_hypo.getInt("c_last_now") + "  ";
+				                        	   ResultSet rs_hypo_history = stmt.executeQuery(sql_hypo_history);
+								  if(rs_hypo_history.next()){
+								  	now_call = rs_hypo_history.getInt("c_now");
+								  }
+								  rs_hypo_history.close();
+					  			%>
+					  
+					
+					
+					  <%}
+					  rs_hypo.close();
+					  %>
+				
    
+					Title
+				
+					Channel
+				
+					Validation
+				
+					Customer Segment
+				
+					Insert Date
+				
+					Period
+				
    
+						"><%=rs_hypo.getString("c_title")%>
+					
+						<%
+						int c_chan_no = rs_hypo.getInt("c_channel");
+						%>
+						<%=hy_title[c_chan_no]%>
+					
+							      <%if(now_call == 0){%>
+									Ing..
+								<%}%>
+								<%if(now_call == 1){%>
+								 	Validated
+								 <%}%>
+								 <%if(now_call == 2){%>
+									Invalidated
+								 <%}%>
+					
+							<%
+							if(rs_hypo.getInt("c_channel") == 5 ){
+							%>
+										">■
+							<%
+							}else{%>
+								<%
+								  String sql_hypo_cs     = " select c_cs_color from tbl_hypo_cs where c_hypo_no = " + rs_hypo.getInt("c_no") + " order by c_no desc";
+				                        	   ResultSet rs_hypo_cs = stmt.executeQuery(sql_hypo_cs);
+								  while(rs_hypo_cs.next()){
+								%>
+										">■
+								<%}
+								  rs_hypo_cs.close();
+					  			%>
+							
+							<%}%>
+					
+						<%=rs_hypo.getString("c_date").substring(0,10)%>
+					
+						<%for (int i = 1; i < c_p_p + 1; i++){%>
+						<%if(Integer.parseInt(a_w_s[i].replaceAll("-","")) <= Integer.parseInt(rs_hypo.getString("c_date").substring(0,10).replaceAll("-","")) && Integer.parseInt(a_w_e[i].replaceAll("-","")) >= Integer.parseInt(rs_hypo.getString("c_date").substring(0,10).replaceAll("-",""))  ){ 
+						%>
+						<%if(today_period == i){%>
+							
+						<%}%>
+						<%=i%>P
+						<%
+						}%> 
+						<%}%>
+					
    
+			
    
+			
    
+				
+			 	 
    
+			 	   	
+			 	 
    
+				
+				 
+				 
+				
+					<%
+                        	 	    sql_hypo     = " select a.* , c.c_title as hypo_title, c.c_no as hypo_no  ";
+                        	 	   sql_hypo = sql_hypo + " from tbl_interview a ";
+                        	 	   sql_hypo = sql_hypo + " inner join tbl_interview_point b on b.c_interview_no = a.c_no  ";
+                        	 	   sql_hypo = sql_hypo + " inner join tbl_hypo c on c.c_no = b.c_hypo_no and c.c_channel = " + c_channel + " ";
+                        	 	   sql_hypo = sql_hypo + " where  a.c_use = 0  and a.c_team_no = "+ c_team +"   and a.c_date <= '"+ call_date + " 23:59:59"  +"' ";
+                        	 	   sql_hypo = sql_hypo + " order by a.c_no desc";
+	                        	    rs_hypo = stmt2.executeQuery(sql_hypo);
+					  while(rs_hypo.next()){
+					  %>
+					  			 
+					  
+					
+					
+					  <%}
+					  rs_hypo.close();
+					  %>
+				
    
+					Whom
+				
+					Type
+				
+					Interview Date
+				
+					Hypothesiis
+				
+					Period
+				
    
+						" title="View Interview Information">
+						 <%
+					  		 String sql_hypo_history    = " select * from tbl_interview_target  where c_interview_no = " + rs_hypo.getInt("c_no") + "  ";
+				                          ResultSet rs_hypo_history = stmt.executeQuery(sql_hypo_history);
+							 int top = 0;
+							 while(rs_hypo_history.next()){
+								top = top + 1;
+								%>
+								<%if(top > 1){%>
+									 / 
+								<%}%>
+									<%=rs_hypo_history.getString("c_company")%>, <%=rs_hypo_history.getString("c_position")%>, <%=rs_hypo_history.getString("c_name")%> 
+								<%
+							  }
+							 rs_hypo_history.close();
+					  		%>
+					  	
+					
+ 						<%if(rs_hypo.getInt("c_type") == 0){%>
+					 In Person
+						<%}%>
+						<%if(rs_hypo.getInt("c_type") == 1){%>
+					 	Phone
+						<%}%>
+						<%if(rs_hypo.getInt("c_type") == 2){%>
+					 	Email
+						<%}%>
+						<%if(rs_hypo.getInt("c_type") == 3){%>
+					 	 Video Chat
+						<%}%>
+					
+						<%=rs_hypo.getString("c_interview_date").substring(0,10)%>
+					
+						" title="Hypothesis View information">
+							<%=rs_hypo.getString("hypo_title")%>
+						
+					
+						<%for (int i = 1; i < c_p_p + 1; i++){%>
+						<%if(Integer.parseInt(a_w_s[i].replaceAll("-","")) <= Integer.parseInt(rs_hypo.getString("c_date").substring(0,10).replaceAll("-","")) && Integer.parseInt(a_w_e[i].replaceAll("-","")) >= Integer.parseInt(rs_hypo.getString("c_date").substring(0,10).replaceAll("-",""))  ){ 
+						%>
+						<%if(today_period == i){%>
+							
+						<%}%>
+						<%=i%>P
+						<%
+						}%> 
+						<%}%>
+					
    
+			
    
+			
    
+				
+			 	 
    
+			 	   	
+			 	 
    
+				
+				 
+				 
+				
+					<%
+                        	 	    sql_hypo     = " select a.*  ";
+                        	 	   sql_hypo = sql_hypo + " from tbl_comment a ";
+                        	 	   sql_hypo = sql_hypo + " inner join tbl_hypo b on b.c_no = a.c_relation and b.c_channel = "+ c_channel +" ";
+                        	 	   sql_hypo = sql_hypo + " where  a.c_type = 0 and a.c_use = 0  and a.c_team_no = "+ c_team +"   and a.c_date <= '"+ call_date + " 23:59:59"  +"' ";
+                        	 	   sql_hypo = sql_hypo + " order by a.c_no desc";
+	                        	    rs_hypo = stmt2.executeQuery(sql_hypo);
+					  while(rs_hypo.next()){
+					  %>
+					  			 
+					  
+					
+					
+					  <%}
+					  rs_hypo.close();
+					  %>
+				
    
+					Content
+				
+					Target Type
+				
+					Writer Type
+				
+					Insert Date
+				
+					Period
+				
    
+						<%if(rs_hypo.getInt("c_type") == 0){%>
+						" title="Go to related hypothesis">
+						<%}%>
+						<%if(rs_hypo.getInt("c_type") == 1){%>
+						" title="Go to related interview">
+						<%}%>
+						<%=rs_hypo.getString("c_content")%>
+						
+					
+ 						<%if(rs_hypo.getInt("c_type") == 0){%>
+					 	 Hypothesis
+						<%}%>
+						<%if(rs_hypo.getInt("c_type") == 1){%>
+					 	 Interview
+						<%}%>
+					
+						<%if(rs_hypo.getInt("c_member_type") == 0){%>
+					 	 Member
+						<%}%>
+						<%if(rs_hypo.getInt("c_member_type") == 1){%>
+					 	 Instructor
+						<%}%>
+						<%if(rs_hypo.getInt("c_member_type") == 2){%>
+					 	 Mentor
+						<%}%>
+					
+						<%=rs_hypo.getString("c_date").substring(0,10)%>
+					
+						<%for (int i = 1; i < c_p_p + 1; i++){%>
+						<%if(Integer.parseInt(a_w_s[i].replaceAll("-","")) <= Integer.parseInt(rs_hypo.getString("c_date").substring(0,10).replaceAll("-","")) && Integer.parseInt(a_w_e[i].replaceAll("-","")) >= Integer.parseInt(rs_hypo.getString("c_date").substring(0,10).replaceAll("-",""))  ){ 
+						%>
+						<%if(today_period == i){%>
+							
+						<%}%>
+						<%=i%>P
+						<%
+						}%> 
+						<%}%>
+					
    
+			
    
+		  
    
+
    
+
    
+ 			
    
+		               		 Go to BMC
+		               		
+		               	  
    
+
    
+
    
+
+
+  
+
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb_back/hypo/change_pass_ok.jsp b/resoft/cms_for_bcb/process/bcb_back/hypo/change_pass_ok.jsp
new file mode 100644
index 0000000..c25d8b3
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb_back/hypo/change_pass_ok.jsp
@@ -0,0 +1,20 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	String c_no = r_call(request.getParameter("c_no")); 
+	String c_now = r_call(request.getParameter("c_now")); 
+	 
+	String sql_ok = " update tbl_hypo_experiment set c_now = "+ c_now +" where c_no = " + c_no;
+	stmt2.execute(sql_ok); 				
+ 
+%>
+
+<%
+		 
+ %>
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb_back/hypo/delete_hypo.jsp b/resoft/cms_for_bcb/process/bcb_back/hypo/delete_hypo.jsp
new file mode 100644
index 0000000..8595a4a
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb_back/hypo/delete_hypo.jsp
@@ -0,0 +1,25 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+	 
+	 
+	String c_no = r_call(request.getParameter("c_no")); 
+	 
+	 
+	String sql_ok = "update tbl_hypo set c_use = 1, c_use_date = now() where c_no = "+ c_no; 
+	stmt2.execute(sql_ok); 				
+
+%>
+
+<%
+			 
+ %>
+
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb_back/hypo/edit_hypo.jsp b/resoft/cms_for_bcb/process/bcb_back/hypo/edit_hypo.jsp
new file mode 100644
index 0000000..7b400f4
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb_back/hypo/edit_hypo.jsp
@@ -0,0 +1,253 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+if(c_team.equals(session.getAttribute("member_team_no")) && session.getAttribute("member_type").equals("0")){
+	String c_channel = r_call(request.getParameter("c_channel")); 
+	String c_no = r_call(request.getParameter("c_no"));
+if(c_no.equals("")){%>
+	
+<%
+}else{ 
+	String sql_hypo_detail = "select a.* ";
+        sql_hypo_detail = sql_hypo_detail + " from tbl_hypo a where a.c_no = "+  c_no +"   ";
+	ResultSet rs_hypo_detail = stmt2.executeQuery(sql_hypo_detail);
+	if(rs_hypo_detail.next()){
+	
+	c_channel = rs_hypo_detail.getString("c_channel");
+	
+	String[] hy_title = new String[10]; 
+	hy_title[1] = "Key Partners";
+	hy_title[2] = "Key Activities";
+	hy_title[3] = "Value Propositions";
+	hy_title[4] = "Customer Relationships";
+	hy_title[5] = "Customer Segments";
+	hy_title[6] = "Key Resources";
+	hy_title[7] = "Channels";
+	hy_title[8] = "Cost Structure";
+	hy_title[9] = "Revenue Streams";
+	String[] span_title = new String[10]; 
+	span_title[1] = "We need to partner with...";
+	span_title[2] = "The most important things to do for our business model to work are...";
+	span_title[3] = "Our customers need help...";
+	span_title[4] = "We plan to GET/KEEP/GROW using...";
+	span_title[5] = "We are helping...";
+	span_title[6] = "The most important assets for our business model to work are...";
+	span_title[7] = "We deliver our product/service to our customer via...";
+	span_title[8] = "One of our operational costs to run the business is...";
+	span_title[9] = "We make money by...";
+%>
+
+
    
+	
+	
    
+		
    
+			
    ·  
+				  
+				Edit a Business Model Hypothesis on Your Cavas
+				
+			
    
+		
     
+		
    
+		
    
+			
    
+				1. Position Select
+			
    
+			
    
+				
+				
+				<%for(int i = 1; i<10 ; i++){%>
+					<%if(i==1 || i==6 || i==8){%>  
+						
+					<%}%>
+						
+					<%if(i==5 || i==7 || i==9){%>  
+						
+					<%}%>
+				<%}%>
+				
    width="20%"<%}%> <%if(i==8 || i==9){%> width="50%" colspan=3<%}%> <%if(i==1 || i==3 || i==5){%>rowspan=2<%}%> <%if(i==3){%>colspan=2<%}%> onmouseover="this.bgColor='#FBF0EF'" onmouseout="this.bgColor='#ededed'" onclick="td_go(<%=i%>)">
+							<%=hy_title[i]%>
+						
    
+				
+				
+				" type="hidden">
+				
+				
+			
    
+		
    
+		
    
+			
    
+				2. Title
+			
    
+			
    
+				
+				
+			
    
+		
    
+		
+		
    
+			
    
+				4. What experiments are you going to run to test this hypothesis?
+			
    
+			
    
+					
+						<% String sql_it =  " select a.c_title, a.c_now, a.c_no, a.c_file from tbl_hypo_experiment a ";
+				 		sql_it =  sql_it +  " where a.c_use = 0 and a.c_hypo_no = "+ rs_hypo_detail.getString("c_no") +" order by a.c_no asc ";
+						ResultSet rs_it = stmt2.executeQuery(sql_it);
+						int now_it = 0;
+						while(rs_it.next()){
+							now_it = now_it + 1;
+						%>
+						 
    
+							">
+							<%if(!rs_it.getString("c_file").equals("")){%>
+								첨부 : "><%=rs_it.getString("c_file")%> 
+								  
+								"  >
+								
+								삭제
    
+								
+							<%}else{%>
+								
+								
+								
+							<%}%>
+						
    
+						 
+						<%
+						}
+						rs_it.close();
+						%>
+			
+			
+			
+			<% for(int pl = now_it + 1 ; pl < 11 ; pl++){%>
+			
    
+				
+				
+				
+				
+			
    
+			<%}%>
+			
    
+			Experiment 추가
+		        
    
+		        
    
+			       		
+		
    
+	
    
+				 
    
+		               		수정
+		               		취소
+		                   	BMC로
+		                    
    
+
    
+	
+
    		
+<%
+	}
+	rs_hypo_detail.close();
+}
+}else{
+%>
+
+<%}%>
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb_back/hypo/edit_hypo_ok.jsp b/resoft/cms_for_bcb/process/bcb_back/hypo/edit_hypo_ok.jsp
new file mode 100644
index 0000000..61817c9
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb_back/hypo/edit_hypo_ok.jsp
@@ -0,0 +1,168 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String[] hy_color = new String[21]; 
+	hy_color[1] = "FF293D";
+	hy_color[2] = "FFA729";
+	hy_color[3] = "FFF729";
+	hy_color[4] = "29FF29";
+	hy_color[5] = "2984FF";
+	hy_color[6] = "6F29FF";
+	hy_color[7] = "FF29E8";
+	hy_color[8] = "A19DA1";
+	hy_color[9] = "1A1A1A";
+	hy_color[10] = "D1AF91";
+	hy_color[11] = "C6D191";
+	hy_color[12] = "91D1BD";
+	hy_color[13] = "919AD1";
+	hy_color[14] = "B191D1";
+	hy_color[15] = "D191B7";
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/hypo";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	String c_no = r_call(multi.getParameter("c_no")); 
+	String c_go = r_call(multi.getParameter("c_go")); 
+	String show_no = r_call(multi.getParameter("show_no")); 
+	String check_no = r_call(multi.getParameter("check_no")); 
+	String c_relation = r_call(multi.getParameter("c_relation")); 
+	String c_relation2 = r_call(multi.getParameter("c_relation2")); 
+	String c_team = r_call(multi.getParameter("c_team")); 
+	String c_channel = r_call(multi.getParameter("c_channel")); 
+	String o_channel = r_call(multi.getParameter("o_channel")); 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_cs_no = ""; 
+	String c_color = "";
+
+	int count_no = 0;
+	String sql_hypo     = " select count(c_no) as count_no from tbl_hypo ";
+	sql_hypo = sql_hypo + " where c_team_no = "+ c_team +" and c_channel = 5 ";
+    	ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+	if(rs_hypo.next()){
+		count_no = rs_hypo.getInt("count_no") + 1;
+	}else{
+		count_no = 1;
+	}
+	rs_hypo.close();
+	if(count_no > 15){
+		count_no = count_no - 15;
+	}	 
+
+	String sql_ok = "";
+	int max_c_no = 1;
+		
+	if( c_channel.equals("5")){
+		c_color = hy_color[count_no];
+		if(o_channel.equals("5")){
+			sql_ok = sql_ok + " update tbl_hypo set  c_member_no = "+ session.getAttribute("member_no") +",c_channel = "+ c_channel +",c_title = '"+ c_title +"',c_update = now() ";
+		}else{
+			String sql_zero = "delete from tbl_hypo_cs where c_hypo_no = " + c_no;
+			stmt.execute(sql_zero); 	
+			sql_ok = sql_ok + " update tbl_hypo set  c_member_no = "+ session.getAttribute("member_no") +",c_channel = "+ c_channel +",c_title = '"+ c_title +"',c_color = '" + c_color + "',c_update = now() ";
+		}
+		sql_ok = sql_ok + " where c_no = " + c_no;
+		 
+		 stmt2.execute(sql_ok); 				
+	}else{
+		if(o_channel.equals("5")){
+			String sql_zero = "delete from tbl_hypo_cs where c_cs_no = " + c_no;
+			stmt.execute(sql_zero); 
+		}else{
+			String sql_zero = "delete from tbl_hypo_cs where c_hypo_no = " + c_no;
+			stmt.execute(sql_zero); 	
+		}
+		sql_ok = sql_ok + "update tbl_hypo set c_member_no = "+ session.getAttribute("member_no") +", c_channel = "+ c_channel +", c_title = '"+ c_title +"', c_color='', c_update = now() ";
+		sql_ok = sql_ok + " where c_no = " + c_no;
+		stmt2.execute(sql_ok); 				
+ 
+			String[] a_cs_no =multi.getParameterValues("c_cs");
+			if(a_cs_no != null && !a_cs_no.equals("")){
+			
+				 	for(int i=0;i
+
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb_back/hypo/insert_history_ok.jsp b/resoft/cms_for_bcb/process/bcb_back/hypo/insert_history_ok.jsp
new file mode 100644
index 0000000..6ebf4b7
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb_back/hypo/insert_history_ok.jsp
@@ -0,0 +1,48 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	String c_project_no = "";
+	c_project_no = "" + session.getAttribute("member_project_no"); 
+	String c_member_no = "";
+	c_member_no = "" + session.getAttribute("member_no"); 
+	String c_member_type = "";
+	c_member_type = "" + session.getAttribute("member_type"); 
+	String c_team_no = "";
+	c_team_no = "" +  session.getAttribute("member_team_no"); 
+	 
+	String c_hypo_no = r_call(request.getParameter("c_hypo_no")); 
+	String c_now = r_call(request.getParameter("c_now")); 
+	String c_now_exp = r_call(request.getParameter("c_now_exp")); 
+	String c_now_type = "";
+		if( c_now.equals("2")){
+		 
+			//if(request.getParameterValues("c_now_type") != null && request.getParameterValues("c_now_type").equals("")){
+		 
+				String[] a_now_type = request.getParameterValues("c_now_type");
+				 if(a_now_type != null){
+					 	for(int i=0;i 0){
+								c_now_type = c_now_type + " , ";
+							}	 
+							c_now_type = c_now_type + a_now_type[i];
+						}
+				}
+			//}
+		}
+	 
+	String sql_ok = "insert tbl_hypo_history (c_project_no, c_team_no, c_member_no,c_member_type, c_hypo_no, c_now, c_now_type, c_now_exp, c_date) values ( ";
+	sql_ok = sql_ok + c_project_no +","+ c_team_no +","+ c_member_no +","+ c_member_type +","+ c_hypo_no +","+ c_now +",'"+ c_now_type +"','"+ c_now_exp +"',now())";
+	stmt2.execute(sql_ok); 				
+
+%>
+
+<%
+			 
+ %>
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb_back/hypo/insert_hypo.jsp b/resoft/cms_for_bcb/process/bcb_back/hypo/insert_hypo.jsp
new file mode 100644
index 0000000..7f86588
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb_back/hypo/insert_hypo.jsp
@@ -0,0 +1,210 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+if(c_team.equals(session.getAttribute("member_team_no")) && session.getAttribute("member_type").equals("0")){
+	String c_channel = r_call(request.getParameter("c_channel")); 
+	String[] hy_title = new String[10]; 
+	hy_title[1] = "Key Partners";
+	hy_title[2] = "Key Activities";
+	hy_title[3] = "Value Propositions";
+	hy_title[4] = "Customer Relationships";
+	hy_title[5] = "Customer Segments";
+	hy_title[6] = "Key Resources";
+	hy_title[7] = "Channels";
+	hy_title[8] = "Cost Structure";
+	hy_title[9] = "Revenue Streams";
+	String[] span_title = new String[10]; 
+	span_title[1] = "We need to partner with...";
+	span_title[2] = "The most important things to do for our business model to work are...";
+	span_title[3] = "Our customers need help...";
+	span_title[4] = "We plan to GET/KEEP/GROW using...";
+	span_title[5] = "We are helping...";
+	span_title[6] = "The most important assets for our business model to work are...";
+	span_title[7] = "We deliver our product/service to our customer via...";
+	span_title[8] = "One of our operational costs to run the business is...";
+	span_title[9] = "We make money by...";
+%>
+
+
    
+	
+	
    
+		
    
+			
    ·  
+				 
+				Insert a New Business Model Hypothesis to Your Cavas
+				
+
+			
    
+		
     
+		
    
+		
    
+			
    
+				1. Position Select
+			
    
+			
    
+				
+				
+				<%for(int i = 1; i<10 ; i++){%>
+					<%if(i==1 || i==6 || i==8){%>  
+						
+					<%}%>
+						
+					<%if(i==5 || i==7 || i==9){%>  
+						
+					<%}%>
+				<%}%>
+				
    width="20%"<%}%> <%if(i==8 || i==9){%> width="50%" colspan=3<%}%> <%if(i==1 || i==3 || i==5){%>rowspan=2<%}%> <%if(i==3){%>colspan=2<%}%> onmouseover="this.bgColor='#FBF0EF'" onmouseout="this.bgColor='#ededed'" onclick="td_go(<%=i%>)">
+							<%=hy_title[i]%>
+						
    
+				
+				
+				
+			
    
+		
    
+		
    
+			
    
+				2. Title
+			
    
+			
    
+				
+				
+			
    
+		
    
+		
+		
    
+			
    
+				4. What experiments are you going to run to test this hypothesis?
+			
    
+			
+			
+			<% for(int pl = 1 ; pl < 11 ; pl++){%>
+			
    
+				
+				
+			
    
+			<%}%>
+			
    
+			Experiment 추가
+		        
    
+		        
    
+			       		
+		
    
+	
    
+				 
    
+		               		등록후 BMC로
+		               		등록후 새로운 가설 등록
+		               		취소
+		                    
    
+
    
+	
+		
+<%
+}else{
+%>
+
+<%}%>
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb_back/hypo/insert_hypo_ok.jsp b/resoft/cms_for_bcb/process/bcb_back/hypo/insert_hypo_ok.jsp
new file mode 100644
index 0000000..86bed5f
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb_back/hypo/insert_hypo_ok.jsp
@@ -0,0 +1,147 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String[] hy_color = new String[21]; 
+	hy_color[1] = "FF293D";
+	hy_color[2] = "FFA729";
+	hy_color[3] = "FFF729";
+	hy_color[4] = "29FF29";
+	hy_color[5] = "2984FF";
+	hy_color[6] = "6F29FF";
+	hy_color[7] = "FF29E8";
+	hy_color[8] = "A19DA1";
+	hy_color[9] = "1A1A1A";
+	hy_color[10] = "D1AF91";
+	hy_color[11] = "C6D191";
+	hy_color[12] = "91D1BD";
+	hy_color[13] = "919AD1";
+	hy_color[14] = "B191D1";
+	hy_color[15] = "D191B7";
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/hypo";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	String c_go = r_call(multi.getParameter("c_go")); 
+	String show_no = r_call(multi.getParameter("show_no")); 
+	String check_no = r_call(multi.getParameter("check_no")); 
+	String c_relation = r_call(multi.getParameter("c_relation")); 
+	String c_relation2 = r_call(multi.getParameter("c_relation2")); 
+	String c_team = r_call(multi.getParameter("c_team")); 
+	String c_channel = r_call(multi.getParameter("c_channel")); 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_cs_no = ""; 
+	String c_color = "";
+
+	int count_no = 0;
+	String sql_hypo     = " select count(c_no) as count_no from tbl_hypo ";
+	sql_hypo = sql_hypo + " where c_team_no = "+ c_team +" and c_channel = 5 ";
+    	ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+	if(rs_hypo.next()){
+		count_no = rs_hypo.getInt("count_no") + 1;
+	}else{
+		count_no = 1;
+	}
+	rs_hypo.close();
+	if(count_no > 15){
+		count_no = count_no - 15;
+	}	 
+
+	String sql_ok = "";
+	int max_c_no = 1;
+		
+	if( c_channel.equals("5")){
+		c_color = hy_color[count_no];
+		sql_ok = sql_ok + " insert into tbl_hypo (c_project_no,c_team_no,c_member_no,c_channel,c_title,c_color,c_date) values(";
+		sql_ok = sql_ok + session.getAttribute("member_project_no") + "," + session.getAttribute("member_team_no") + "," + session.getAttribute("member_no");
+		sql_ok = sql_ok + "," + c_channel + ",'" + c_title + "','" + c_color + "',now())";
+		stmt2.execute(sql_ok); 				
+	}else{
+		sql_ok = sql_ok + " insert into tbl_hypo (c_project_no,c_team_no,c_member_no,c_channel,c_title,c_color,c_date) values(";
+		sql_ok = sql_ok + session.getAttribute("member_project_no") + "," + session.getAttribute("member_team_no") + "," + session.getAttribute("member_no");
+		sql_ok = sql_ok + "," + c_channel + ",'" + c_title + "','',now())";
+		stmt2.execute(sql_ok); 				
+		sql_hypo     = " select max(c_no) as max_c_no from tbl_hypo ";
+	    	rs_hypo = stmt2.executeQuery(sql_hypo);
+		if(rs_hypo.next()){
+			max_c_no = rs_hypo.getInt("max_c_no");
+		}
+		rs_hypo.close();
+			String[] a_cs_no =multi.getParameterValues("c_cs");
+			
+			if(a_cs_no != null && !a_cs_no.equals("")){
+			
+				 	for(int i=0;i
+
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb_back/hypo/view.jsp b/resoft/cms_for_bcb/process/bcb_back/hypo/view.jsp
new file mode 100644
index 0000000..e800051
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb_back/hypo/view.jsp
@@ -0,0 +1,515 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+	String c_channel = r_call(request.getParameter("c_channel")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+	if(c_no.equals("")){
+	%>
+	
+	<%
+	}else{
+	String sql_hypo_detail = "select a.*, b.c_name ";
+	 sql_hypo_detail = sql_hypo_detail + ", (select count(c.c_no) as 2count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 2) as 2count";
+         sql_hypo_detail = sql_hypo_detail + ", (select count(c.c_no) as 1count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 1) as 1count";
+         sql_hypo_detail = sql_hypo_detail + ", (select count(c.c_no) as 0count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 0) as 0count";
+         sql_hypo_detail = sql_hypo_detail + " from tbl_hypo a inner join tbl_member b on b.c_no = a.c_member_no where a.c_no = "+  c_no +"   ";
+	ResultSet rs_hypo_detail = stmt2.executeQuery(sql_hypo_detail);
+	if(rs_hypo_detail.next()){
+	
+	
+	String[] hy_title = new String[10]; 
+	hy_title[1] = "Key Partners";
+	hy_title[2] = "Key Activities";
+	hy_title[3] = "Value Propositions";
+	hy_title[4] = "Customer Relationships";
+	hy_title[5] = "Customer Segments";
+	hy_title[6] = "Key Resources";
+	hy_title[7] = "Channels";
+	hy_title[8] = "Cost Structure";
+	hy_title[9] = "Revenue Streams";
+	String[] span_title = new String[10]; 
+	span_title[1] = "We need to partner with...";
+	span_title[2] = "The most important things to do for our business model to work are...";
+	span_title[3] = "Our customers need help...";
+	span_title[4] = "We plan to GET/KEEP/GROW using...";
+	span_title[5] = "We are helping...";
+	span_title[6] = "The most important assets for our business model to work are...";
+	span_title[7] = "We deliver our product/service to our customer via...";
+	span_title[8] = "One of our operational costs to run the business is...";
+	span_title[9] = "We make money by...";
+%>
+	
    
+		
    
+			
    
+				
     
+					
+ 	 				
    
+	 	 				
+						<%for(int i = 1; i<10 ; i++){%>
+							<%if(i==1 || i==6 || i==8){%>  
+								
+							<%}%>
+								
+							<%if(i==5 || i==7 || i==9){%>  
+								
+							<%}%>
+						<%}%>
+						
    #EE0000<%}else{%>#ededed<%}%>" <%if(i<6){%>width="20%"<%}%> <%if(i==8 || i==9){%> width="50%" colspan=3<%}%> <%if(i==1 || i==3 || i==5){%>rowspan=2<%}%> <%if(i==3){%>colspan=2<%}%>>
+								
    
+					    		
+					 <%=hy_title[rs_hypo_detail.getInt("c_channel")]%>    
+					  
+					<%if(rs_hypo_detail.getInt("c_channel") == 5){%>
+					">■
+					<%}%>
+					<%=rs_hypo_detail.getString("c_title")%> 
+					
    
+				
    
+			
    
+			
    
+				<%if(rs_hypo_detail.getInt("c_use") == 0){%>
+					<%if(session.getAttribute("member_type").equals("0") && session.getAttribute("member_team_no").equals(c_team) && make_ok == 0){%>
+					"  style="width: 40px; line-height: 24px; text-align: center;display: inline-block; background: blue;  border: 1px solid #ffffff;border-radius: 12px; color: #ffffff;font-weight:400;font-size: 13px;">수정
+					'}"  style="width: 40px; line-height: 24px; text-align: center;display: inline-block; background: #454545;  border: 1px solid #ffffff;border-radius: 12px; color: #ffffff;font-weight:400;font-size: 13px;">삭제
+					<%}%>
+				<%}else{%>
+					삭제상태(<%=rs_hypo_detail.getString("c_use_date").substring(0,10)%>)
+				<%}%>
+				
+			
    
+			
+		
    
+		 
+		
    
+			
     
+				 Process

    
+				 		
+			 	 	
    
+				 	<%
+				 	int now_process = 0;
+				 	int process_history = 0;
+				 	 String sql_pro =  " select c_now from tbl_hypo_history ";
+					sql_pro = sql_pro + " where c_hypo_no = "+  rs_hypo_detail.getInt("c_no") +"  order by c_no desc";
+					ResultSet rs_pro = stmt.executeQuery(sql_pro);
+					if(rs_pro.next()){
+						process_history = 1;
+						now_process = 	rs_pro.getInt("c_now");				
+					}
+					rs_pro.close();
+					%>
+					<%if(now_process == 1){%>
+						 validated
+					<%}else{%>							 	
+						<%if(session.getAttribute("member_type").equals("0") && make_ok == 0){%>
+							
+						<%}%>
+						validated
+						
+					<%}%>
+					  
+					<%if(now_process == 0){%>
+						 Testing
+					<%}else{%>							 	
+						<%if(session.getAttribute("member_type").equals("0") && make_ok == 0){%>
+							
+						<%}%>
+						Testing
+						
+					<%}%>
+					  
+					<%if(now_process == 2){%>
+						 Invalidated
+					<%}else{%>							 	
+						<%if(session.getAttribute("member_type").equals("0") && make_ok == 0){%>
+							
+						<%}%>
+						Invalidated
+						
+					<%}%>
+					
    
+					
    
+						
+					
    
+					
    
+					
+					" type="hidden">
+					
+					
+					
+					
    
+					
    
+						<%if(process_history == 1){%>
+						   Process History
     
+						 	
+							 <%
+						 	sql_pro =  " select a.*, b.c_name from tbl_hypo_history a ";
+							sql_pro = sql_pro + " inner join tbl_member b on b.c_no = a.c_member_no ";
+							sql_pro = sql_pro + " where a.c_hypo_no = "+  rs_hypo_detail.getInt("c_no") +"  order by a.c_no desc";
+							rs_pro = stmt.executeQuery(sql_pro);
+							while(rs_pro.next()){
+							%>
+								
+								<%if(rs_pro.getInt("c_now") == 2){%>
+									 
+								<%}%>
+								
+							<%
+							}
+							rs_pro.close();
+							%>
+							
    
+									 reason for 
+									<%if(rs_pro.getInt("c_now") == 0){%>
+										returning to Testing
+									<%}%>
+									<%if(rs_pro.getInt("c_now") == 1){%>
+										validated
+									<%}%>
+									<%if(rs_pro.getInt("c_now") == 2){%>
+										Invalidated
+									<%}%>
+									 / <%=rs_pro.getString("c_name")%>
+	 								<%if(rs_pro.getInt("c_member_type") == 0){%>
+										Team_member
+									<%}%>
+									 / <%=rs_pro.getString("c_date").substring(0,10)%>
+								 
    
+										<%=rs_pro.getString("c_now_type")%>
+									
    
+									<%=rs_pro.getString("c_now_exp").replaceAll("\r\n","
    ")%>
+								
    
+						<%}%>
+					
    
+			
    
+		
    
+		
    
+			 
     
+			 	<%if(rs_hypo_detail.getInt("c_channel") == 5 ){%>
+					  Hypothesis Relation 

    
+					
+					<% String sql_hypo =  " select b.c_no, b.c_title, b.c_channel from tbl_hypo_cs a ";
+					sql_hypo = sql_hypo + " inner join tbl_hypo b on b.c_no = a.c_hypo_no and b.c_use = 0";
+					sql_hypo = sql_hypo + " where a.c_cs_no = "+  rs_hypo_detail.getInt("c_no") +"  order by a.c_no asc";
+					ResultSet rs_hypo = stmt.executeQuery(sql_hypo);
+					while(rs_hypo.next()){
+					%>
+						
+						
+						<%
+					}
+					rs_hypo.close();
+					%>
+					
    
+							■
+						
+							&c_no=<%=rs_hypo.getInt("c_no")%>">
+							<%=rs_hypo.getString("c_title")%> 
+							
+						
    
+			 	<%}else{%>
+					  Customer Segment

    
+					
+					<% String sql_hypo =  " select b.c_no, b.c_color, b.c_title from tbl_hypo_cs a ";
+					sql_hypo = sql_hypo + " inner join tbl_hypo b on b.c_no = a.c_cs_no and b.c_use = 0 ";
+					sql_hypo = sql_hypo + " where a.c_hypo_no = "+  rs_hypo_detail.getInt("c_no") +"  order by a.c_no asc";
+					ResultSet rs_hypo = stmt.executeQuery(sql_hypo);
+					while(rs_hypo.next()){
+					%>
+						
+						
+					<%
+					}
+					rs_hypo.close();
+					%>
+					
    
+							">■
+						
+							">
+							<%=rs_hypo.getString("c_title")%> 
+							
+						
    
+				<%}%>
+			 
    
+		
    
+		
    
+			 
     
+			 	 
+					  Interview Relation 

    
+					   <%=rs_hypo_detail.getInt("2count")%>
+					   
+					  <%=rs_hypo_detail.getInt("1count")%>
+					  
+					  <%=rs_hypo_detail.getInt("0count")%>
+					
    
+			 	 	
+			 	 		
+				 		
+				 		<% String sql_it =  " select a.c_point, b.c_title, b.c_no from tbl_interview_point a ";
+				 		sql_it =  sql_it +  " inner join tbl_interview b on a.c_interview_no = b.c_no and b.c_use = 0 ";
+				 		sql_it =  sql_it +  " where a.c_hypo_no = " + rs_hypo_detail.getInt("c_no") + " ";
+				 		sql_it =  sql_it +  " order by a.c_point desc ";
+						ResultSet rs_it = stmt.executeQuery(sql_it);
+						while(rs_it.next()){
+						%>
+						
+						
+						
+						
+						<%
+						}
+						rs_it.close();
+						%>
+					
    
+							<%if(rs_it.getInt("c_point") == 2){%>	 
+								 
+							<%}%>	
+							<%if(rs_it.getInt("c_point") == 1){%>	 
+								 
+							<%}%>	
+							<%if(rs_it.getInt("c_point") == 0){%>	 
+								 
+							<%}%>	
+						
+							&c_hypo_no=<%=rs_hypo_detail.getInt("c_no")%>"><%=rs_it.getString("c_title")%>
+						
    
+			 
    
+		
    
+		
    
+			
     
+				  Experiment

    
+					
+			 	 		 
+				 		<% sql_it =  " select a.c_title, a.c_now, a.c_no, a.c_file from tbl_hypo_experiment a ";
+				 		sql_it =  sql_it +  "where a.c_use = 0 and a.c_hypo_no = "+ rs_hypo_detail.getString("c_no") +" order by a.c_no asc ";
+						rs_it = stmt.executeQuery(sql_it);
+						String td_bg = "ffffff";
+						while(rs_it.next()){
+							if(td_bg == "efefef"){
+								td_bg = "ffffff";
+							}else{
+								td_bg = "efefef";
+							}
+						%>
+						
+						
+						
+						
+						<%if(!rs_it.getString("c_file").equals("")){%>
+						
+						
+						
+						
+						<%}%>
+						<%
+						}
+						rs_it.close();
+						%>
+					
    
+							 <%=rs_it.getString("c_title")%>
+						
+							 <%if(rs_it.getInt("c_now") == 1){%>
+							 	Pass
+							<%}else{%>							 	
+							 	<%if(session.getAttribute("member_type").equals("0") && make_ok == 0){%>&c_now=1" target="exec"><%}%>Pass
+							 <%}%>
+							   
+							 <%if(rs_it.getInt("c_now") == 2){%>
+							 	Fail
+							<%}else{%>							 	
+							 	<%if(session.getAttribute("member_type").equals("0") && make_ok == 0){%>&c_now=2" target="exec"><%}%>Fail
+							 <%}%>
+						
    
+							 첨부 : "><%=rs_it.getString("c_file")%>
+						
+							 
+						
     
+			
    
+		
    
+		
    
+			
    
+			
+				√ <%=rs_hypo_detail.getString("c_name")%> / <%=rs_hypo_detail.getString("c_date").substring(0,10)%>			
+			
    
+		
    
+
+		
    
+		
     
+			
+			
    
+			  Comment with Instructor, Mentor

    
+			 	<%if((session.getAttribute("member_type").equals("0") || session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("2")) &&  make_ok == 0){%>
+			 	
+				
    
+				
+				
+				" type="hidden">
+			 	
    
+				 	
+				 		<% String sql_in =  "select c_photo from tbl_member where c_no = " + session.getAttribute("member_no");
+						ResultSet rs_in = stmt.executeQuery(sql_in);
+						if(rs_in.next()){
+						%>
+						
+						
+						
+						
+						
+						
+						
+						
+						
+						<%
+						}
+						rs_in.close();
+						%>
+					
    
+							<%if(!rs_in.getString("c_photo").equals("")){%>
+		                 		       " width="50" height=50 style="border: 1px solid #ededed;border-radius: 50px; ">
+		                 		       <%}%>
+							 
+						
+							
+						
    
+						
+							등록
+						
    
+				
    
+			 	
    
+				 		
+				
    
+				
    
+			 	<%}%>
+			 	
    
+				 	
+				 		<% String  sql_comment =  " select a.c_content, a.c_date, b.c_photo, b.c_name, a.c_member_type  from tbl_comment a ";
+						sql_comment = sql_comment + " inner join tbl_member b on b.c_no = a.c_member_no ";
+						sql_comment = sql_comment + " where a.c_type= 0 and a.c_relation = " + rs_hypo_detail.getInt("c_no") + " order by a.c_no desc ";
+						ResultSet rs_comment = stmt.executeQuery(sql_comment);
+						while(rs_comment.next()){
+						%>
+						
+						
+						
+						
+						
+						
+						
+						
+						
+						<%
+						}
+						rs_comment.close();
+						%>
+					
    
+							<%if(!rs_comment.getString("c_photo").equals("")){%>
+		                 		       " width="50" height=50 style="border: 1px solid #ededed;border-radius: 50px; ">
+		                 		       <%}%>
+									 
+						
+							
+							
+							<%=rs_comment.getString("c_name")%>[
+							<%if(rs_comment.getInt("c_member_type") ==0){%>
+								Team Member
+							<%}%>
+							<%if(rs_comment.getInt("c_member_type") ==1){%>
+								Instructor
+							<%}%>
+							<%if(rs_comment.getInt("c_member_type") ==2){%>
+							
+								Mentor
+							<%}%>
+							] 
+							/ 
+							<%=rs_comment.getString("c_date")%>
+						
    
+						
+							<%=rs_comment.getString("c_content").replaceAll("\r\n","
    ")%>    
+						
    
+				
    
+			
    
+			
+
+		
    
+	
     
+				 
    
+		               		 BMC로 이동
+		               		
+		               	  
    
+
    
+
+	<%}else{
+	%>
+	
+	<%
+	
+	}
+	rs_hypo_detail.close();
+	%>
+ <%}%>
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb_back/interview/delete_interview.jsp b/resoft/cms_for_bcb/process/bcb_back/interview/delete_interview.jsp
new file mode 100644
index 0000000..8abcfd8
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb_back/interview/delete_interview.jsp
@@ -0,0 +1,25 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+	 
+	 
+	String c_no = r_call(request.getParameter("c_no")); 
+	 
+	 
+	String sql_ok = "update tbl_interview set c_use = 1, c_use_date = now() where c_no = "+ c_no; 
+	stmt2.execute(sql_ok); 				
+
+%>
+
+<%
+			 
+ %>
+
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb_back/interview/edit_interview.jsp b/resoft/cms_for_bcb/process/bcb_back/interview/edit_interview.jsp
new file mode 100644
index 0000000..566b3d1
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb_back/interview/edit_interview.jsp
@@ -0,0 +1,504 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+if(c_team.equals(session.getAttribute("member_team_no")) && session.getAttribute("member_type").equals("0")){
+	String c_channel = r_call(request.getParameter("c_channel")); 
+	String c_hypo_no = r_call(request.getParameter("c_hypo_no")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+if(c_no.equals("")){%>
+	
+<%
+}else{ 
+	String sql_interview = "select a.* from tbl_interview a where a.c_no = " + c_no;
+	 ResultSet rs_interview = stmt2.executeQuery(sql_interview);
+       	  if(rs_interview.next()){
+       	  
+	String[] hy_title = new String[10]; 
+	hy_title[1] = "Key Partners";
+	hy_title[2] = "Key Activities";
+	hy_title[3] = "Value Propositions";
+	hy_title[4] = "Customer Relationships";
+	hy_title[5] = "Customer Segments";
+	hy_title[6] = "Key Resources";
+	hy_title[7] = "Channels";
+	hy_title[8] = "Cost Structure";
+	hy_title[9] = "Revenue Streams";
+	String[] span_title = new String[10]; 
+	span_title[1] = "We need to partner with...";
+	span_title[2] = "The most important things to do for our business model to work are...";
+	span_title[3] = "Our customers need help...";
+	span_title[4] = "We plan to GET/KEEP/GROW using...";
+	span_title[5] = "We are helping...";
+	span_title[6] = "The most important assets for our business model to work are...";
+	span_title[7] = "We deliver our product/service to our customer via...";
+	span_title[8] = "One of our operational costs to run the business is...";
+	span_title[9] = "We make money by...";
+%>
+
+
    
+	
+	
+	
+	
+	
    	
+		
    
+			
    ·  
+				 
+				  Edit Customer Interview
+				  
+
+			
    
+		
     
+		
    
+		 
+			
    
+				
+				
    
+					1. Whom did you interview?   
+						+
+						-
+				
+				
    
+				
    
+					 <%
+					String sql_interview2 = "select a.* from tbl_interview_target a where a.c_interview_no = " + c_no + " order by a.c_no asc ";
+					 ResultSet rs_interview2 = stmt2.executeQuery(sql_interview2);
+					 int kp2 = 0;
+				       	  while(rs_interview2.next()){
+					 	kp2 = kp2 + 1;
+					 %>
+						
+						<%if(kp2 > 1){%>
+							
+							
+							
+						<%}%>
+						
+						
+						
+						
+						
+						
+						
+						
+						
    
+							(<%=kp2%>)
    
+							+
+						
+						    		
+						 	" style="width:100%;height:30px" placeholder="Company">
+						
    
+						 	" style="width:49%;height:30px" placeholder="Title">
+						  
+						 	" style="width:49%;height:30px" placeholder="Name">
+						
    none<%}%>;width:100%;padding:2px">
+						 	" style="width:65%;height:30px" placeholder="Email">
+						 	" style="width:30%;height:30px" placeholder="Phone">
+						
    none<%}%>;width:100%;padding:2px" >
+						 	" style="width:33%;height:30px" placeholder="Industry">
+						 	" style="width:33%;height:30px" placeholder="Country">
+						 	" style="width:33%;height:30px" placeholder="State">
+						
    					
+					<%}
+					rs_interview2.close();
+					%>	
+					
+					<%for(int kp =kp2 + 1;kp < 11; kp++){%>
+						
+						<%if(kp > 1){%>
+							
+							
+							
+						<%}%>
+						
+						
+						
+						
+						
+						
+						
+						
+						
    
+							  (<%=kp%>)
    
+							   +
+						    		
+						 	
+						
    
+						 	
+						  
+						 	
+						
    					
+					<%}%>
+					<%if(kp2 == 0){%>
+						 
+					<%}else{%>
+						 
+					<%}%>					
+				
    
+			
    
+			
    
+				
+				
    
+					2. Interview Type & Date
+				
    
+				
    
+					 
+					
+										
+					
+					
    
+					 Engagement Type
+					 
+					 Interview Date
+					
    
+					 	checked<%}%>> In Person
+					 	 
+					 	checked<%}%>> Phone
+					 	 
+					 	checked<%}%>> Email
+					 	 
+					 	checked<%}%>> Video Chat
+					 
+					 	" class="date-picker" type="text"  readonly>
+					
    	
+					
+				
    
+			
    
+		 
+		
+		 
+		
    
+			
    
+				3. Key Insights
+				+
+				-
+						
+			
    
+			<% 	String sql_key = "select * from tbl_interview_key where c_interview_no = " + rs_interview.getInt("c_no") + " order by c_no asc" ;
+			ResultSet rs_key = stmt2.executeQuery(sql_key);
+					 int key_no2 = 0;
+				       	  while(rs_key.next()){
+				       	  	key_no2 = key_no2 + 1;
+		%>
+		 	
    
+				
    
+					<%=key_no2%>. " style="width:90%;height:30px" placeholder="Not Summary, This is 'A-Ha! Moment' you experienced">
+				
    
+			 
+				
    
+					  Interview Description & Recordigs or Other Attatchment
+				
    
+				
    
+					
+				
    
+				
    
+					<%if(!rs_key.getString("c_file").equals("")){%>
+						<%=rs_key.getString("c_file")%>" type="hidden">
+						: 삭제
    		
+						
+						 
+					<%}else{%>
+						
+					<%}%>
+				
    
+			
    
+		<%	}
+			rs_key.close();
+		%>
+			
+			<%for(int i = key_no2 + 1; i < 6;i++){%>
+			
    
+				
    
+					<%=i%>. 
+				
    
+			 
+				
    
+					  Interview Description & Recordigs or Other Attatchment
+				
    
+				
    
+					
+				
    
+				
    
+					
+				
    
+			
    
+			<%}%>
+		
    
+		
    
+			
    
+				4. Position Select
+			
    
+			
    
+				
+				
+				<%for(int i = 1; i<10 ; i++){%>
+					<%if(i==1 || i==6 || i==8){%>  
+						
+					<%}%>
+						
+					<%if(i==5 || i==7 || i==9){%>  
+						
+					<%}%>
+				<%}%>
+				
    width="20%"<%}%> <%if(i==8 || i==9){%> width="50%" colspan=3<%}%> <%if(i==1 || i==3 || i==5){%>rowspan=2<%}%> <%if(i==3){%>colspan=2<%}%> onmouseover="this.bgColor='#FBF0EF'" onmouseout="this.bgColor='#ededed'" onclick="td_go(<%=i%>)">
+							<%=hy_title[i]%>
+						
    
+				 
+			
    
+		
    
+		
    
+			
    
+				5. Hypotheses Validated or Invalidated
+			
    
+			
    
+					  
+					 <%
+					   int[] channel_call = new int[11];
+					   for(int ju = 1; ju < 11; ju++){
+					   	channel_call[ju] = 0;
+					   }
+                        	 	   String sql_hypo     = " select a.c_color,a.c_title, a.c_no, a.c_channel ";
+                        	 	   sql_hypo = sql_hypo + ", (select c_point from tbl_interview_point where c_hypo_no = a.c_no and c_interview_no = "+ c_no +") as c_point ";
+                        	 	   sql_hypo = sql_hypo + ", (select c_no from tbl_interview_point where c_hypo_no = a.c_no and c_interview_no = "+ c_no +") as c_point_no ";
+                        	 	   sql_hypo = sql_hypo + "  from tbl_hypo a  where a.c_use = 0 and a.c_team_no = "+ c_team +"  ";
+                        	 	   sql_hypo = sql_hypo + " order by a.c_channel asc, a.c_no desc";
+	                        	   ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+	                        	   int old_channel = 0;
+	                        	   int al_no = 0;
+	                        	  while(rs_hypo.next()){
+	                        	  if(rs_hypo.getInt("c_point_no") != 0){
+	                        	  	al_no = al_no + 1;
+	                        	  	if(c_channel.equals("")){
+		                        	  	c_channel = rs_hypo.getString("c_channel");
+						}
+	                        	  	channel_call[rs_hypo.getInt("c_channel")] = 1;
+	                        	  }
+					  if(old_channel != rs_hypo.getInt("c_channel") ){
+					  	int typ = rs_hypo.getInt("c_channel") - old_channel;
+					  	for(int yp = 1 ; yp 
+					  	
+					  	
+					  	
+					  	<%
+					  	} 
+					  	old_channel = rs_hypo.getInt("c_channel");
+					  	if(rs_hypo.getInt("c_channel") > 1){
+					  	%>
+					  	
+					  	<%
+					  	}
+					  %>
+						" width="100%" style="display:none">
+					  <%}%>
+					  	
+					 	none<%}%>" name="tr_radio_<%=rs_hypo.getInt("c_channel")%>" id="tr_<%=rs_hypo.getInt("c_no")%>">
+					   <%
+					  }
+					  rs_hypo.close();
+					  %>
+					  
+					  	
    
+					  		
+					  		" <%if(rs_hypo.getInt("c_point_no")>0){%>checked<%}%> name="c_hypo_<%=rs_hypo.getInt("c_no")%>" value="<%=rs_hypo.getInt("c_no")%>" type="checkbox" onclick='if(document.bcb.c_hypo_<%=rs_hypo.getInt("c_no")%>.checked == true){cs_no = cs_no + 1;document.getElementById("tr_<%=rs_hypo.getInt("c_no")%>").style.display = "block"}else{cs_no = cs_no - 1;document.getElementById("tr_<%=rs_hypo.getInt("c_no")%>").style.display = "none"};check_channel(<%=rs_hypo.getInt("c_channel")%>)'>
+						 	 
+					 		<%=rs_hypo.getString("c_title")%>
+					 	
    
+					 		" value=0 type="radio" <%if(rs_hypo.getInt("c_point") == 0 && rs_hypo.getInt("c_point_no") > 0){%>checked<%}%>>  Don't Care
+							 
+					 		" value=1 type="radio"  <%if(rs_hypo.getInt("c_point") == 1 || (rs_hypo.getInt("c_point") == 0 && rs_hypo.getInt("c_point_no") == 0)){%>checked<%}%>>  Nice To Have
+					 		 
+					 		" value=2 type="radio" <%if(rs_hypo.getInt("c_point") == 2 && rs_hypo.getInt("c_point_no") > 0){%>checked<%}%>>  Must Have
+					 	
    
+					  <%if(old_channel < 9){
+					  for(int yp = old_channel + 1 ; yp <10 ; yp++){
+					  %>
+						  
+					  	
+					  	
+					  <%}
+					  }%>
+				
+					 
+			
    
+		
    
+				 
+		
+	
    
+				 
    
+		               		Interview 수정
+		               		취소
+		               		BMC로 가기
+		                    
    
+
    
+	
+		
+<%
+		}
+ 	rs_interview.close();
+	}
+}else{
+%>
+
+<%}%>
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb_back/interview/edit_interview_ok.jsp b/resoft/cms_for_bcb/process/bcb_back/interview/edit_interview_ok.jsp
new file mode 100644
index 0000000..c39b863
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb_back/interview/edit_interview_ok.jsp
@@ -0,0 +1,131 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/interview";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        int t2 = 6;
+	String[] a_file = new String[6]; 
+	for(int i = 1;i < 6;i++){
+		a_file[i] = "";
+	}
+        while( files.hasMoreElements() ){
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			t2 = t2 - 1;
+			if(fName != null && !fName.equals("")){ 
+				a_file[t2] = fName;
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	String c_hypo_no = r_call(multi.getParameter("c_hypo_no")); 
+	String c_no = r_call(multi.getParameter("c_no")); 
+	String old_file = r_call(multi.getParameter("old_file")); 
+	String show_no = r_call(multi.getParameter("show_no")); 
+	String check_no = r_call(multi.getParameter("check_no")); 
+	String c_relation = r_call(multi.getParameter("c_relation")); 
+	String c_relation2 = r_call(multi.getParameter("c_relation2")); 
+	String c_team = r_call(multi.getParameter("c_team")); 
+	String c_type = r_call(multi.getParameter("c_type")); 
+	String c_interview_date = r_call(multi.getParameter("c_interview_date")); 
+	String c_title = r_call(multi.getParameter("c_title_1")); 
+	String c_exp = r_call(multi.getParameter("c_exp_")); 
+	String c_hypo = "|"; 
+	String c_hypo_point = "|";
+
+	 
+	
+	 
+	String sql_ok = "";
+	if(old_file.equals("y")){
+		sql_ok = sql_ok + " update tbl_interview set c_member_no = "+ session.getAttribute("member_no") +", c_type = "+ c_type +",c_interview_date = '"+ c_interview_date +"',c_title='"+ c_title +"',c_exp ='"+ c_exp +"',c_file = '"+ fileName +"',c_update = now() ";
+	}else{
+		sql_ok = sql_ok + " update tbl_interview set c_member_no = "+ session.getAttribute("member_no") +", c_type = "+ c_type +",c_interview_date = '"+ c_interview_date +"',c_title='"+ c_title +"',c_exp ='"+ c_exp +"',c_update = now() ";
+	}
+	sql_ok = sql_ok + " where c_no = " + c_no;
+	stmt2.execute(sql_ok); 	
+	
+	int max_c_no = Integer.parseInt(c_no);
+	
+	String sql_zero = "delete from tbl_interview_point where c_interview_no = " + c_no;
+	stmt.execute(sql_zero);
+	
+	String sql_hypo     = " select c_no from tbl_hypo ";
+	sql_hypo = sql_hypo + " where c_team_no = "+ c_team +" and c_use = 0 ";
+    	ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+	while(rs_hypo.next()){
+		if(r_call(multi.getParameter("c_hypo_" + rs_hypo.getString("c_no"))).equals(rs_hypo.getString("c_no"))){
+			sql_ok = "insert into tbl_interview_point (c_interview_no,c_hypo_no,c_point) values(";
+			sql_ok = sql_ok + max_c_no + "," + rs_hypo.getString("c_no") + "," + r_call(multi.getParameter("c_hypo_point_" + rs_hypo.getString("c_no"))) + ")";
+	 
+			stmt.execute(sql_ok); 	
+		}
+	}
+	rs_hypo.close();	
+	
+	sql_zero = "delete from tbl_interview_target where c_interview_no = " + c_no;
+	stmt.execute(sql_zero);
+
+	String s_target_no = r_call(multi.getParameter("c_target_no")); 
+	int c_target_no = Integer.parseInt(s_target_no);
+	for(int pl = 1; pl < c_target_no + 1; pl++){
+		String sql_exp = "insert into tbl_interview_target (c_interview_no, c_name,c_position,c_company,c_email,c_phone,c_industry,c_country,c_state) values (";
+		sql_exp = sql_exp +  max_c_no +",'"+ r_call(multi.getParameter("c_target_name_" + pl)) +"','"+ r_call(multi.getParameter("c_target_position_" + pl)) +"','"+ r_call(multi.getParameter("c_target_company_" + pl)) +"','"+ r_call(multi.getParameter("c_target_email_" + pl)) +"','"+ r_call(multi.getParameter("c_target_phone_" + pl)) +"','"+ r_call(multi.getParameter("c_target_industry_" + pl)) +"','"+ r_call(multi.getParameter("c_target_country_" + pl)) +"','"+ r_call(multi.getParameter("c_target_state_" + pl)) +"')";
+		stmt.execute(sql_exp); 
+	}	
+
+	sql_zero = "delete from tbl_interview_key where c_interview_no = " + c_no;
+	stmt.execute(sql_zero);
+	String t_key_no = r_call(multi.getParameter("key_no")); 
+	int key_no = Integer.parseInt(t_key_no);
+	for(int pl = 1; pl < key_no + 1; pl++){
+		String ok_file = "";
+		if(!r_call(multi.getParameter("d_file" + pl)).equals("1") ){
+			ok_file = r_call(multi.getParameter("o_file" + pl));
+		}
+		if(!a_file[pl].equals("")){
+			ok_file = a_file[pl];
+		}
+		String sql_exp = "insert into tbl_interview_key (c_interview_no, c_title, c_exp, c_file) values (";
+		sql_exp = sql_exp +  max_c_no +",'"+ r_call(multi.getParameter("c_title_" + pl)) +"','"+ r_call(multi.getParameter("c_exp_" + pl)) +"','"+ ok_file +"')";
+		stmt.execute(sql_exp); 
+	}	
+ %>
+ 
+
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb_back/interview/insert_interview.jsp b/resoft/cms_for_bcb/process/bcb_back/interview/insert_interview.jsp
new file mode 100644
index 0000000..32d0960
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb_back/interview/insert_interview.jsp
@@ -0,0 +1,385 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+if(c_team.equals(session.getAttribute("member_team_no")) && session.getAttribute("member_type").equals("0")){
+	String c_channel = r_call(request.getParameter("c_channel")); 
+	String[] hy_title = new String[10]; 
+	hy_title[1] = "Key Partners";
+	hy_title[2] = "Key Activities";
+	hy_title[3] = "Value Propositions";
+	hy_title[4] = "Customer Relationships";
+	hy_title[5] = "Customer Segments";
+	hy_title[6] = "Key Resources";
+	hy_title[7] = "Channels";
+	hy_title[8] = "Cost Structure";
+	hy_title[9] = "Revenue Streams";
+	String[] span_title = new String[10]; 
+	span_title[1] = "We need to partner with...";
+	span_title[2] = "The most important things to do for our business model to work are...";
+	span_title[3] = "Our customers need help...";
+	span_title[4] = "We plan to GET/KEEP/GROW using...";
+	span_title[5] = "We are helping...";
+	span_title[6] = "The most important assets for our business model to work are...";
+	span_title[7] = "We deliver our product/service to our customer via...";
+	span_title[8] = "One of our operational costs to run the business is...";
+	span_title[9] = "We make money by...";
+%>
+
+
    
+	
+	
+	
    
+		
    
+			
    ·  
+				 
+				 Insert a New Customer Interview
+				  
+
+			
    
+		
     
+		
    
+		 
+			
    
+				
+				
    
+					1. Whom did you interview? 
+						+
+						-
+				
    
+				
    
+					 
+					<%for(int kp =1;kp < 11; kp++){%>
+						
+						<%if(kp > 1){%>
+							
+							
+							
+						<%}%>
+						
+						
+						
+						
+						
+						
+						
+						
+						
    
+							(<%=kp%>)
    
+							+
+						
+						    		
+						 	
+						
    
+						 	
+						  
+						 	
+						
    					
+					<%}%>
+				
    
+			
    
+			
    
+				
+				
    
+					2. Interview Type & Date
+				
    
+				
    
+					 
+					
+										
+					
+					
    
+					 Engagement Type
+					 
+					 Interview Date
+					
    
+					 	 In Person
+					 	 
+					 	 Phone
+					 	 
+					 	 Email
+					 	 
+					 	 Video Chat
+					 
+					 	
+					
    	
+					
+				
    
+			
    
+		 
+		 
+		
    
+			
    
+				3. Key Insights
+				+
+				-
+						
+			
    
+			<%for(int i = 1; i < 6;i++){%>
+			
    
+				
    
+					<%=i%>. 
+				
    
+			 
+				
    
+					  Interview Description & Recordigs or Other Attatchment
+				
    
+				
    
+					
+				
    
+				
    
+					
+				
    
+			
    
+			<%}%>
+		
    
+		
    
+			
    
+				4. Position Select
+			
    
+			
    
+				
+				
+				
+				
+				<%for(int i = 1; i<10 ; i++){%>
+					<%if(i==1 || i==6 || i==8){%>  
+						
+					<%}%>
+						
+					<%if(i==5 || i==7 || i==9){%>  
+						
+					<%}%>
+				<%}%>
+				
    width="20%"<%}%> <%if(i==8 || i==9){%> width="50%" colspan=3<%}%> <%if(i==1 || i==3 || i==5){%>rowspan=2<%}%> <%if(i==3){%>colspan=2<%}%> onmouseover="this.bgColor='#FBF0EF'" onmouseout="this.bgColor=hy_color[<%=i%>]" onclick="td_go(<%=i%>)">
+							<%=hy_title[i]%>
+						
    
+				 
+			
    
+		
    
+		
    
+			
    
+				5. Hypotheses Validated or Invalidated
+			
    
+			
    
+					  
+					 <%
+                        	 	   String sql_hypo     = " select a.c_color,a.c_title, a.c_no, a.c_channel from tbl_hypo a ";
+                        	 	   sql_hypo = sql_hypo + " where a.c_use = 0 and a.c_team_no = "+ c_team +"  ";
+                        	 	   sql_hypo = sql_hypo + " order by a.c_channel asc, a.c_no desc";
+	                        	   ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+	                        	   int old_channel = 0;
+	                        	  while(rs_hypo.next()){
+					  if(old_channel != rs_hypo.getInt("c_channel") ){
+					  	int typ = rs_hypo.getInt("c_channel") - old_channel;
+					  	for(int yp = 1 ; yp 
+					  	
+					  	
+					  	
+					  	<%
+					  	} 
+					  	old_channel = rs_hypo.getInt("c_channel");
+					  	if(rs_hypo.getInt("c_channel") > 1){
+					  	%>
+					  	
+					  	<%
+					  	}
+					  %>
+						" width="100%" style="display:none">
+					  <%}%>
+					  	
+					 	" id="tr_<%=rs_hypo.getInt("c_no")%>">
+					   <%
+					  }
+					  rs_hypo.close();
+					  %>
+					  	
    
+						 	" name="c_hypo_<%=rs_hypo.getInt("c_no")%>" value="<%=rs_hypo.getInt("c_no")%>" type="checkbox" onclick='if(document.bcb.c_hypo_<%=rs_hypo.getInt("c_no")%>.checked == true){cs_no = cs_no + 1;document.getElementById("tr_<%=rs_hypo.getInt("c_no")%>").style.display = "block"}else{cs_no = cs_no - 1;document.getElementById("tr_<%=rs_hypo.getInt("c_no")%>").style.display = "none"};check_channel(<%=rs_hypo.getInt("c_channel")%>)'>
+						 	 
+					 		<%=rs_hypo.getString("c_title")%>
+					 	
    
+					 		" value=0 type="radio">   Don't Care
+							  
+					 		" value=1 type="radio" checked>   Nice To Have
+					 		  
+					 		" value=2 type="radio">   Must Have
+					 	
    
+					  <%if(old_channel < 9){
+					  for(int yp = old_channel + 1 ; yp <10 ; yp++){
+					  %>
+						  
+					  	
+					  	
+					  <%}
+					  }%>
+					 
+			
    
+		
    
+		
+		
+	
    
+				 
    
+		               		Interview 등록
+		               		취소
+		                    
    
+
    
+	
+		
+<%
+}else{
+%>
+
+<%}%>
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb_back/interview/insert_interview_ok.jsp b/resoft/cms_for_bcb/process/bcb_back/interview/insert_interview_ok.jsp
new file mode 100644
index 0000000..0dc0180
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb_back/interview/insert_interview_ok.jsp
@@ -0,0 +1,116 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/interview";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        int t2 = 6;
+	String[] a_file = new String[6]; 
+	for(int i = 1;i < 6;i++){
+		a_file[i] = "";
+	}
+        while( files.hasMoreElements() ){
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			t2 = t2 - 1;
+			if(fName != null && !fName.equals("")){ 
+				a_file[t2] = fName;
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				 
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	String show_no = r_call(multi.getParameter("show_no")); 
+	String check_no = r_call(multi.getParameter("check_no")); 
+	String c_relation = r_call(multi.getParameter("c_relation")); 
+	String c_relation2 = r_call(multi.getParameter("c_relation2")); 
+	String c_team = r_call(multi.getParameter("c_team")); 
+	String c_type = r_call(multi.getParameter("c_type")); 
+	String c_interview_date = r_call(multi.getParameter("c_interview_date")); 
+	String c_title = r_call(multi.getParameter("c_title_1")); 
+	String c_exp = r_call(multi.getParameter("c_exp_1")); 
+	String c_hypo = "|"; 
+	String c_hypo_point = "|";
+
+	 
+	
+	 
+	String sql_ok = "";
+	sql_ok = sql_ok + " insert into tbl_interview (c_project_no,c_team_no,c_member_no, c_type,c_interview_date,c_title,c_exp,c_file,c_use,c_date) values(";
+	sql_ok = sql_ok + session.getAttribute("member_project_no") + "," + session.getAttribute("member_team_no") + "," + session.getAttribute("member_no");
+	sql_ok = sql_ok + " ," + c_type + ",'" + c_interview_date + "','" + c_title + "','" + c_exp + "','" + fileName + "',0,now())";
+	stmt2.execute(sql_ok); 	
+	
+	int max_c_no = 1;
+	String sql_hypo     = " select max(c_no) as max_c_no from tbl_interview ";
+    	ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+	if(rs_hypo.next()){
+		max_c_no = rs_hypo.getInt("max_c_no");
+	}
+	rs_hypo.close();	
+	
+	sql_hypo     = " select c_no from tbl_hypo ";
+	sql_hypo = sql_hypo + " where c_team_no = "+ c_team +" and c_use = 0 ";
+    	rs_hypo = stmt2.executeQuery(sql_hypo);
+	while(rs_hypo.next()){
+		if(r_call(multi.getParameter("c_hypo_" + rs_hypo.getString("c_no"))).equals(rs_hypo.getString("c_no"))){
+			sql_ok = "insert into tbl_interview_point (c_interview_no,c_hypo_no,c_point) values(";
+			sql_ok = sql_ok + max_c_no + "," + rs_hypo.getString("c_no") + "," + r_call(multi.getParameter("c_hypo_point_" + rs_hypo.getString("c_no"))) + ")";
+			stmt.execute(sql_ok); 	
+		}
+	}
+	rs_hypo.close();	
+	
+	String s_target_no = r_call(multi.getParameter("c_target_no")); 
+	int c_target_no = Integer.parseInt(s_target_no);
+	for(int pl = 1; pl < c_target_no + 1; pl++){
+		String sql_exp = "insert into tbl_interview_target (c_interview_no, c_name,c_position,c_company,c_email,c_phone,c_industry,c_country,c_state) values (";
+		sql_exp = sql_exp +  max_c_no +",'"+ r_call(multi.getParameter("c_target_name_" + pl)) +"','"+ r_call(multi.getParameter("c_target_position_" + pl)) +"','"+ r_call(multi.getParameter("c_target_company_" + pl)) +"','"+ r_call(multi.getParameter("c_target_email_" + pl)) +"','"+ r_call(multi.getParameter("c_target_phone_" + pl)) +"','"+ r_call(multi.getParameter("c_target_industry_" + pl)) +"','"+ r_call(multi.getParameter("c_target_country_" + pl)) +"','"+ r_call(multi.getParameter("c_target_state_" + pl)) +"')";
+		stmt.execute(sql_exp); 
+	}	
+	String t_key_no = r_call(multi.getParameter("key_no")); 
+	int key_no = Integer.parseInt(t_key_no);
+	for(int pl = 1; pl < key_no + 1; pl++){
+		String sql_exp = "insert into tbl_interview_key (c_interview_no, c_title, c_exp, c_file) values (";
+		sql_exp = sql_exp +  max_c_no +",'"+ r_call(multi.getParameter("c_title_" + pl)) +"','"+ r_call(multi.getParameter("c_exp_" + pl)) +"','"+ a_file[pl] +"')";
+		stmt.execute(sql_exp); 
+	}	
+ %>
+ 
+
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb_back/interview/view.jsp b/resoft/cms_for_bcb/process/bcb_back/interview/view.jsp
new file mode 100644
index 0000000..303661a
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb_back/interview/view.jsp
@@ -0,0 +1,365 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+	String c_channel = r_call(request.getParameter("c_channel")); 
+	String c_hypo_no = r_call(request.getParameter("c_hypo_no")); 
+	String[] hy_title = new String[10]; 
+	hy_title[1] = "Key Partners";
+	hy_title[2] = "Key Activities";
+	hy_title[3] = "Value Propositions";
+	hy_title[4] = "Customer Relationships";
+	hy_title[5] = "Customer Segments";
+	hy_title[6] = "Key Resources";
+	hy_title[7] = "Channels";
+	hy_title[8] = "Cost Structure";
+	hy_title[9] = "Revenue Streams";
+	String[] span_title = new String[10]; 
+	span_title[1] = "We need to partner with...";
+	span_title[2] = "The most important things to do for our business model to work are...";
+	span_title[3] = "Our customers need help...";
+	span_title[4] = "We plan to GET/KEEP/GROW using...";
+	span_title[5] = "We are helping...";
+	span_title[6] = "The most important assets for our business model to work are...";
+	span_title[7] = "We deliver our product/service to our customer via...";
+	span_title[8] = "One of our operational costs to run the business is...";
+	span_title[9] = "We make money by...";
+
+	String c_no = r_call(request.getParameter("c_no")); 
+
+%>
+<%if(c_no.equals("")){%>
+	
+<%}else{
+
+	String sql_interview = "select a.* from tbl_interview a where a.c_no = " + c_no;
+	 ResultSet rs_interview = stmt2.executeQuery(sql_interview);
+       	  if(rs_interview.next()){
+%>
+  
+	
    
+		
    
+			
    ·  
+				 
+				 View a Customer Interview
+				  
+
+			
    
+		
     
+		
    
+		
    
+			
    
+				 
+				
+			
    
+			
    
+				<%if(rs_interview.getInt("c_use") == 0){%>
+					<%if(session.getAttribute("member_type").equals("0") && session.getAttribute("member_team_no").equals(c_team) && make_ok == 0){%>
+					&c_hypo_no=<%=c_hypo_no%>"  style="width: 40px; line-height: 24px; text-align: center;display: inline-block; background: blue;  border: 1px solid #ffffff;border-radius: 12px; color: #ffffff;font-weight:400;font-size: 13px;">수정
+					'}"  style="width: 40px; line-height: 24px; text-align: center;display: inline-block; background: #454545;  border: 1px solid #ffffff;border-radius: 12px; color: #ffffff;font-weight:400;font-size: 13px;">삭제
+					<%}%>
+				<%}else{%>
+					삭제상태(<%=rs_interview.getString("c_use_date").substring(0,10)%>)
+				<%}%>
+				
+			
    
+			
+		
     
+			
    
+				 
+				
    
+					  Whom did you interview?  
+				
    
+				
    
+					 <%
+					String sql_interview2 = "select a.* from tbl_interview_target a where a.c_interview_no = " + c_no + " order by a.c_no asc ";
+					 ResultSet rs_interview2 = stmt2.executeQuery(sql_interview2);
+					 int kp = 0;
+				       	  while(rs_interview2.next()){
+					 	kp = kp + 1;
+					 %>
+						
+						<%if(kp > 1){%>
+							
+							
+							
+						<%}%>
+						
+						
+							
+							
+						<%if(!rs_interview2.getString("c_email").equals("")){%>
+							
+							
+							
+							
+						<%}%>
+						
    
+							  <%=kp%>. 
+						
+						 	<%=rs_interview2.getString("c_company")%>
+						
    
+							 	<%=rs_interview2.getString("c_position")%> / 
+							 	<%=rs_interview2.getString("c_name")%>
+							
    
+							 	<%=rs_interview2.getString("c_email")%> / 
+							 	<%=rs_interview2.getString("c_phone")%>
+							
    
+							 	<%=rs_interview2.getString("c_industry")%> / 
+							 	<%=rs_interview2.getString("c_country")%> / 
+							 	<%=rs_interview2.getString("c_state")%>
+							
    					
+					<%}
+					rs_interview2.close();
+					%>
+				
    
+			
    
+			
    
+				
+				
    
+					 Interview Type & Date
+				
    
+				
    
+					 
+					
+										
+					
+					
    
+					 Engagement Type
+					 
+					 Interview Date
+					
    
+						<%if(rs_interview.getInt("c_type") == 0){%>
+					 	In Person
+						<%}%>
+						<%if(rs_interview.getInt("c_type") == 1){%>
+					 	Phone
+						<%}%>
+						<%if(rs_interview.getInt("c_type") == 2){%>
+					 	Email
+						<%}%>
+						<%if(rs_interview.getInt("c_type") == 3){%>
+					 	 Video Chat
+						<%}%>
+					 
+						<%=rs_interview.getString("c_interview_date")%>
+					
    	
+					
+				
    
+			
    
+		 
+		
    
+			
    
+				 Key Insights
+			
    
+		
    
+		<% 	String sql_key = "select * from tbl_interview_key where c_interview_no = " + rs_interview.getInt("c_no") + " order by c_no asc" ;
+			ResultSet rs_key = stmt2.executeQuery(sql_key);
+					 int key_no = 0;
+				       	  while(rs_key.next()){
+		%>
+		
    
+			
    
+				 <%=rs_key.getString("c_title")%> 
+			
    
+			
+			
    
+				<%if(rs_key.getString("c_exp") != null && !rs_key.getString("c_exp").equals("")){%>
+				<%=rs_key.getString("c_exp").replaceAll("\r\n","
    ")%>
+				<%}%>
+			
    
+			
    
+				<%if(rs_key.getString("c_file") != null && !rs_key.getString("c_file").equals("")){%>
+				"><%=rs_key.getString("c_file")%>
+				<%}%>
+			
    
+		
    
+		<%	}
+			rs_key.close();
+		%>
+		
    
+			
    
+				 Selected Hypothesis
+			
    
+			
    
+					
+ 				  	<%
+					 sql_interview2 =  "  select a.c_point, b.c_channel, b.c_title, b.c_no from tbl_interview_point a ";
+					 sql_interview2 = sql_interview2 + " inner join tbl_hypo b on b.c_no = a.c_hypo_no and b.c_use = 0 ";
+					 sql_interview2 = sql_interview2 + " where a.c_interview_no = " + c_no + " order by b.c_channel asc, b.c_no asc ";
+					  rs_interview2 = stmt2.executeQuery(sql_interview2);
+					  int yp = 0;
+				       	  while(rs_interview2.next()){
+					 	 yp = yp + 1;
+					 	 if(yp == 1 && c_hypo_no.equals("")){
+					 	 	c_hypo_no=rs_interview2.getString("c_no");
+					 	 }
+					 %>
+						
+ 
+						  
+							
+						 
+						
+						
+						
+							 
+											
+					<%}
+					rs_interview2.close();
+					%>
+					
    
+							 <%if(rs_interview2.getInt("c_point") == 2){%>	 
+								
+							<%}%>	
+							<%if(rs_interview2.getInt("c_point") == 1){%>	 
+								
+							<%}%>	
+							<%if(rs_interview2.getInt("c_point") == 0){%>	 
+								
+							<%}%>	
+							 [<%=hy_title[rs_interview2.getInt("c_channel")]%>] 
+						
+						 	&c_channel=<%=rs_interview2.getInt("c_channel")%>"><%=rs_interview2.getString("c_title")%>
+						
    
+			
    
+		
    
+		
    
+		
     
+			
+			
    
+			 Comment with Instructor, Mentor

    
+			 	<%if((session.getAttribute("member_type").equals("0") || session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("2")) && make_ok == 0){%>
+			 	
+				
    
+				
+				
+				" type="hidden">
+			 	
    
+				 	
+				 		<% String sql_in =  "select c_photo from tbl_member where c_no = " + session.getAttribute("member_no");
+						ResultSet rs_in = stmt.executeQuery(sql_in);
+						if(rs_in.next()){
+						%>
+						
+						
+						
+						
+						
+						
+						
+						
+						
+						<%
+						}
+						rs_in.close();
+						%>
+					
    
+							<%if(!rs_in.getString("c_photo").equals("")){%>
+		                 		       " width="50" height=50 style="border: 1px solid #ededed;border-radius: 50px; ">
+		                 		       <%}%>
+							 
+						
+							
+						
    
+						
+							등록
+						
    
+				
    
+			 	
    
+				 		
+				
    
+				
    
+			 	<%}%>
+			 	
    
+				 	
+				 		<% String  sql_comment =  " select a.c_content, a.c_date, b.c_photo, b.c_name, a.c_member_type  from tbl_comment a ";
+						sql_comment = sql_comment + " inner join tbl_member b on b.c_no = a.c_member_no ";
+						sql_comment = sql_comment + " where a.c_type= 1 and a.c_relation = " + rs_interview.getInt("c_no") + " order by a.c_no desc ";
+						ResultSet rs_comment = stmt.executeQuery(sql_comment);
+						while(rs_comment.next()){
+						%>
+						
+						
+						
+						
+						
+						
+						
+						
+						
+						<%
+						}
+						rs_comment.close();
+						%>
+					
    
+							<%if(!rs_comment.getString("c_photo").equals("")){%>
+		                 		       " width="50" height=50 style="border: 1px solid #ededed;border-radius: 50px; ">
+		                 		       <%}%>
+							 
+						
+							
+							<%=rs_comment.getString("c_name")%>[
+							<%if(rs_comment.getInt("c_member_type") ==0){%>
+								Team Member
+							<%}%>
+							<%if(rs_comment.getInt("c_member_type") ==1){%>
+								Instructor
+							<%}%>
+							<%if(rs_comment.getInt("c_member_type") ==2){%>
+							
+								Mentor
+							<%}%>
+							] 
+							/ 
+							<%=rs_comment.getString("c_date")%>
+						
    
+						
+							<%=rs_comment.getString("c_content").replaceAll("\r\n","
    ")%>    
+						
    
+				
    
+			
    
+			
+
+		
    
+		 
+		
+	
    
+				 
    
+		               		가설로 이동
+		               		BMC로 이동
+		                    
    
+
    
+	
+		
+ <%
+ 	}
+ 	rs_interview.close();
+ }%>
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb_back/list.jsp b/resoft/cms_for_bcb/process/bcb_back/list.jsp
new file mode 100644
index 0000000..1249da0
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb_back/list.jsp
@@ -0,0 +1,401 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+	String[] hy_title = new String[10]; 
+	hy_title[1] = "Key Partners";
+	hy_title[2] = "Key Activities";
+	hy_title[3] = "Value Propositions";
+	hy_title[4] = "Customer Relationships";
+	hy_title[5] = "Customer Segments";
+	hy_title[6] = "Key Resources";
+	hy_title[7] = "Channels";
+	hy_title[8] = "Cost Structure";
+	hy_title[9] = "Revenue Streams";
+%>
+
+
    
+	
+		Business Model Canvas
+		
+	
+
+ 	
+
    
+
+<%for(int i = 1; i<10 ; i++){%>
+	<%if(i==1 || i==6 || i==8){%>  
+		
+	<%}%>
+		
+	<%if(i==5 || i==7 || i==9){%>  
+		
+	<%}%>
+<%}%>
+
+
+
+
    width="20%"<%}%> <%if(i==8 || i==9){%> width="50%" colspan=3<%}%> <%if(i==1 || i==3 || i==5){%>rowspan=2<%}%> <%if(i==3){%>colspan=2<%}%> onmouseover="this.bgColor='#FBF0EF'" onmouseout="this.bgColor='#ededed'">
+			
+			
+			
+			
    
+				<%=hy_title[i]%>
+				
+			
+				<%if(session.getAttribute("member_type").equals("0") && session.getAttribute("member_team_no").equals(c_team) && make_ok == 0){%>
+				 
+				  
+				<%}%>
+			
    
+				
    
+					 <%
+                        	 	   String sql_hypo     = " select a.*, b.c_name as writer_name ";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 2count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 2 and d.c_date <= '"+ call_date + " 23:59:59"  +"') as 2count";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 1count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 1 and d.c_date <= '"+ call_date + " 23:59:59"  +"') as 1count";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 0count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 0 and d.c_date <= '"+ call_date + " 23:59:59"  +"') as 0count";
+                        	 	   sql_hypo = sql_hypo + ", (select  max(e.c_no)  from tbl_hypo_history e where e.c_hypo_no = a.c_no and e.c_date <= '"+ call_date + " 23:59:59"  +"'   )  as c_last_now ";
+                        	 	   sql_hypo = sql_hypo + " from tbl_hypo a ";
+                        	 	   sql_hypo = sql_hypo + " inner join tbl_member b on b.c_no = a.c_member_no ";
+                        	 	   sql_hypo = sql_hypo + " where (a.c_use = 0 or ( a.c_use = 1 and  a.c_use_date > '"+ call_date + " 23:59:59" +"'    ) ) and a.c_team_no = "+ c_team +" and a.c_channel = "+ i +" and a.c_date <= '"+ call_date + " 23:59:59"  +"' ";
+                        	 	   sql_hypo = sql_hypo + " order by a.c_no desc";
+	                        	   ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+					  while(rs_hypo.next()){
+					  %>
+							       <%
+					  			 int now_call = 0;
+								  String sql_hypo_history    = " select c_now from tbl_hypo_history where c_no = " + rs_hypo.getInt("c_last_now") + "  ";
+				                        	   ResultSet rs_hypo_history = stmt.executeQuery(sql_hypo_history);
+								  if(rs_hypo_history.next()){
+								  	now_call = rs_hypo_history.getInt("c_now");
+								  }
+								  rs_hypo_history.close();
+					  			%>
+					
    ').style.display='block'" onmouseout="document.getElementById('hypo_<%=rs_hypo.getString("c_no")%>').style.display='none'">
+					  
+					  	
+					  	" style="display:none;">
+					  	
+					  	
+					  
    
+					  		<%if(now_call == 2){%>
+						  	&c_channel=<%=i%>"><%=rs_hypo.getString("c_title")%>
+					  		<%}else{%>
+						  	&c_channel=<%=i%>"><%=rs_hypo.getString("c_title")%>
+					  		<%}%>
+					  	
+					  			
+								 <%if(now_call == 0){%>
+									
+								<%}%>
+								<%if(now_call == 1){%>
+								 	
+								 <%}%>
+								 <%if(now_call == 2){%>
+									
+								 <%}%>
+					  	
    
+							 <%=rs_hypo.getString("c_date").substring(0,10)%> / 
+							 <%=rs_hypo.getString("writer_name")%>
    
+							  <%=rs_hypo.getInt("2count")%>
+							   
+							  <%=rs_hypo.getInt("1count")%>
+							   
+							  <%=rs_hypo.getInt("0count")%>
+					  	
    
+							<%
+							if(i==5){
+							%>
+										">■
+							<%
+							}else{%>
+								<%
+								  String sql_hypo_cs     = " select c_cs_color from tbl_hypo_cs where c_hypo_no = " + rs_hypo.getInt("c_no") + " order by c_no desc";
+				                        	   ResultSet rs_hypo_cs = stmt.executeQuery(sql_hypo_cs);
+								  while(rs_hypo_cs.next()){
+								%>
+										">■
+								<%}
+								  rs_hypo_cs.close();
+					  			%>
+							
+							<%}%>
+					  	
      	
+					  
     
+					  
     
+					  <%
+					  }
+					  rs_hypo.close();
+					  %>
+				
    
+			
    
+		
    
+BMC license
+
    
+
    
+		
+		  
    
+			
    
+				
+			 	 
    
+			 	   	
+			 	 
    
+				
+				 
+				
+				
+					 <%
+                        	 	   String sql_hypo     = " select a.*, b.c_name as writer_name ";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 2count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 2 and d.c_date <= '"+ call_date + " 23:59:59"  +"') as 2count";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 1count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 1 and d.c_date <= '"+ call_date + " 23:59:59"  +"') as 1count";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 0count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 0 and d.c_date <= '"+ call_date + " 23:59:59"  +"') as 0count";
+                        	 	   sql_hypo = sql_hypo + ", (select  max(e.c_no)  from tbl_hypo_history e where e.c_hypo_no = a.c_no and e.c_date <= '"+ call_date + " 23:59:59"  +"'   )  as c_last_now ";
+                        	 	   sql_hypo = sql_hypo + " from tbl_hypo a ";
+                        	 	   sql_hypo = sql_hypo + " inner join tbl_member b on b.c_no = a.c_member_no ";
+                        	 	   sql_hypo = sql_hypo + " where (a.c_use = 0 or ( a.c_use = 1 and  a.c_use_date > '"+ call_date + " 23:59:59" +"'    ) ) and a.c_team_no = "+ c_team +"   and a.c_date <= '"+ call_date + " 23:59:59"  +"' ";
+                        	 	   sql_hypo = sql_hypo + " order by a.c_no desc";
+	                        	   ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+					  while(rs_hypo.next()){
+					  %>
+					  			 <%
+					  			 int now_call = 0;
+								  String sql_hypo_history    = " select c_now from tbl_hypo_history where c_no = " + rs_hypo.getInt("c_last_now") + "  ";
+				                        	   ResultSet rs_hypo_history = stmt.executeQuery(sql_hypo_history);
+								  if(rs_hypo_history.next()){
+								  	now_call = rs_hypo_history.getInt("c_now");
+								  }
+								  rs_hypo_history.close();
+					  			%>
+					  
+					
+					
+					  <%}
+					  rs_hypo.close();
+					  %>
+				
    
+					Title
+				
+					Channel
+				
+					Validation
+				
+					Customer Segment
+				
+					Insert Date
+				
+					Period
+				
    
+						"><%=rs_hypo.getString("c_title")%>
+					
+						<%
+						int c_chan_no = rs_hypo.getInt("c_channel");
+						%>
+						<%=hy_title[c_chan_no]%>
+					
+							      <%if(now_call == 0){%>
+									Ing..
+								<%}%>
+								<%if(now_call == 1){%>
+								 	Validated
+								 <%}%>
+								 <%if(now_call == 2){%>
+									Invalidated
+								 <%}%>
+					
+							<%
+							if(rs_hypo.getInt("c_channel") == 5 ){
+							%>
+										">■
+							<%
+							}else{%>
+								<%
+								  String sql_hypo_cs     = " select c_cs_color from tbl_hypo_cs where c_hypo_no = " + rs_hypo.getInt("c_no") + " order by c_no desc";
+				                        	   ResultSet rs_hypo_cs = stmt.executeQuery(sql_hypo_cs);
+								  while(rs_hypo_cs.next()){
+								%>
+										">■
+								<%}
+								  rs_hypo_cs.close();
+					  			%>
+							
+							<%}%>
+					
+						<%=rs_hypo.getString("c_date").substring(0,10)%>
+					
+						<%for (int i = 1; i < c_p_p + 1; i++){%>
+						<%if(Integer.parseInt(a_w_s[i].replaceAll("-","")) <= Integer.parseInt(rs_hypo.getString("c_date").substring(0,10).replaceAll("-","")) && Integer.parseInt(a_w_e[i].replaceAll("-","")) >= Integer.parseInt(rs_hypo.getString("c_date").substring(0,10).replaceAll("-",""))  ){ 
+						%>
+						<%if(today_period == i){%>
+							
+						<%}%>
+						<%=i%>P
+						<%
+						}%> 
+						<%}%>
+					
    
+			
    
+			
    
+				
+			 	 
    
+			 	   	
+			 	 
    
+				
+				 
+				 
+				
+					<%
+                        	 	    sql_hypo     = " select a.*  ";
+                        	 	   sql_hypo = sql_hypo + " from tbl_interview a ";
+                        	 	   sql_hypo = sql_hypo + " where  a.c_use = 0  and a.c_team_no = "+ c_team +"   and a.c_date <= '"+ call_date + " 23:59:59"  +"' ";
+                        	 	   sql_hypo = sql_hypo + " order by a.c_no desc";
+	                        	    rs_hypo = stmt2.executeQuery(sql_hypo);
+					  while(rs_hypo.next()){
+					  %>
+					  			 
+					  
+					
+					
+					  <%}
+					  rs_hypo.close();
+					  %>
+				
    
+					Whom
+				
+					Type
+				
+					Interview Date
+				
+					Period
+				
    
+						">
+						 <%
+					  		 String sql_hypo_history    = " select * from tbl_interview_target  where c_interview_no = " + rs_hypo.getInt("c_no") + "  ";
+				                          ResultSet rs_hypo_history = stmt.executeQuery(sql_hypo_history);
+							 int top = 0;
+							 while(rs_hypo_history.next()){
+								top = top + 1;
+								%>
+								<%if(top > 1){%>
+									 / 
+								<%}%>
+									<%=rs_hypo_history.getString("c_company")%>, <%=rs_hypo_history.getString("c_position")%>, <%=rs_hypo_history.getString("c_name")%> 
+								<%
+							  }
+							 rs_hypo_history.close();
+					  		%>
+					  	
+					
+ 						<%if(rs_hypo.getInt("c_type") == 0){%>
+					 	In Person
+						<%}%>
+						<%if(rs_hypo.getInt("c_type") == 1){%>
+					 	Phone
+						<%}%>
+						<%if(rs_hypo.getInt("c_type") == 2){%>
+					 	Email
+						<%}%>
+						<%if(rs_hypo.getInt("c_type") == 3){%>
+					 	 Video Chat
+						<%}%>
+					
+						<%=rs_hypo.getString("c_interview_date").substring(0,10)%>
+					
+						<%for (int i = 1; i < c_p_p + 1; i++){%>
+						<%if(Integer.parseInt(a_w_s[i].replaceAll("-","")) <= Integer.parseInt(rs_hypo.getString("c_date").substring(0,10).replaceAll("-","")) && Integer.parseInt(a_w_e[i].replaceAll("-","")) >= Integer.parseInt(rs_hypo.getString("c_date").substring(0,10).replaceAll("-",""))  ){ 
+						%>
+						<%if(today_period == i){%>
+							
+						<%}%>
+						<%=i%>P
+						<%
+						}%> 
+						<%}%>
+					
    
+			
    
+			
    
+				
+			 	 
    
+			 	   	
+			 	 
    
+				
+				 
+				 
+				
+					<%
+                        	 	    sql_hypo     = " select a.*  ";
+                        	 	   sql_hypo = sql_hypo + " from tbl_comment a ";
+                        	 	   sql_hypo = sql_hypo + " where  a.c_use = 0  and a.c_team_no = "+ c_team +"   and a.c_date <= '"+ call_date + " 23:59:59"  +"' ";
+                        	 	   sql_hypo = sql_hypo + " order by a.c_no desc";
+	                        	    rs_hypo = stmt2.executeQuery(sql_hypo);
+					  while(rs_hypo.next()){
+					  %>
+					  			 
+					  
+					
+					
+					  <%}
+					  rs_hypo.close();
+					  %>
+				
    
+					Content
+				
+					Target Type
+				
+					Writer Type
+				
+					Insert Date
+				
+					Period
+				
    
+						<%if(rs_hypo.getInt("c_type") == 0){%>
+						" title="관련 가설로 바로가기">
+						<%}%>
+						<%if(rs_hypo.getInt("c_type") == 1){%>
+						" title="관련 인터뷰로 바로가기">
+						<%}%>
+						<%=rs_hypo.getString("c_content")%>
+						
+					
+ 						<%if(rs_hypo.getInt("c_type") == 0){%>
+					 	 Hypothesis
+						<%}%>
+						<%if(rs_hypo.getInt("c_type") == 1){%>
+					 	 Interview
+						<%}%>
+					
+						<%if(rs_hypo.getInt("c_member_type") == 0){%>
+					 	 Member
+						<%}%>
+						<%if(rs_hypo.getInt("c_member_type") == 1){%>
+					 	 Instructor
+						<%}%>
+						<%if(rs_hypo.getInt("c_member_type") == 2){%>
+					 	 Mentor
+						<%}%>
+					
+						<%=rs_hypo.getString("c_date").substring(0,10)%>
+					
+						<%for (int i = 1; i < c_p_p + 1; i++){%>
+						<%if(Integer.parseInt(a_w_s[i].replaceAll("-","")) <= Integer.parseInt(rs_hypo.getString("c_date").substring(0,10).replaceAll("-","")) && Integer.parseInt(a_w_e[i].replaceAll("-","")) >= Integer.parseInt(rs_hypo.getString("c_date").substring(0,10).replaceAll("-",""))  ){ 
+						%>
+						<%if(today_period == i){%>
+							
+						<%}%>
+						<%=i%>P
+						<%
+						}%> 
+						<%}%>
+					
    
+			
    
+		  
    
+
    
+
    
+
    
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/bcb_back/view.jsp b/resoft/cms_for_bcb/process/bcb_back/view.jsp
new file mode 100644
index 0000000..73aebe8
--- /dev/null
+++ b/resoft/cms_for_bcb/process/bcb_back/view.jsp
@@ -0,0 +1,428 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+	String[] hy_title = new String[10]; 
+	hy_title[1] = "Key Partners";
+	hy_title[2] = "Key Activities";
+	hy_title[3] = "Value Propositions";
+	hy_title[4] = "Customer Relationships";
+	hy_title[5] = "Customer Segments";
+	hy_title[6] = "Key Resources";
+	hy_title[7] = "Channels";
+	hy_title[8] = "Cost Structure";
+	hy_title[9] = "Revenue Streams";
+	int c_channel = Integer.parseInt(r_call(request.getParameter("c_channel"))); 
+%>
+
+
+
+
    
+ 	 
    
+ 	 				
+ 	 				
    
+	 	 				
+						<%for(int i = 1; i<10 ; i++){%>
+							<%if(i==1 || i==6 || i==8){%>  
+								
+							<%}%>
+								
+							<%if(i==5 || i==7 || i==9){%>  
+								
+							<%}%>
+						<%}%>
+						
    width="20%"<%}%> <%if(i==8 || i==9){%> width="50%" colspan=3<%}%> <%if(i==1 || i==3 || i==5){%>rowspan=2<%}%> <%if(i==3){%>colspan=2<%}%>>
+								
    
+					    		
+					 	 <%=hy_title[c_channel]%> Period Detail 
+				 	 
    
+ 	 
    
+
    
+ 	
+
    
+
+
+<%for (int i = 1; i < c_p_p + 1; i++){%>
+	 
+		
+	 
+<%}%>
+ 
+
    
+			
+			
+			
+			
    
+				 <%if( i == today_period ){%>
+				 
+				 <%}%>
+				 <%if( i > today_period ){%>
+				 
+				 <%}%>
+				 <%=i%> Period
+			
    
+				 <%if( i <= today_period ){%>
+				
    
+					 <%
+                        	 	   String sql_hypo     = " select a.*, b.c_name as writer_name ";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 2count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 2 and d.c_date <= '"+ a_w_e[i] + " 23:59:59"  +"') as 2count";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 1count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 1 and d.c_date <= '"+ a_w_e[i] + " 23:59:59"  +"') as 1count";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 0count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 0 and d.c_date <= '"+ a_w_e[i] + " 23:59:59"  +"') as 0count";
+                        	 	   sql_hypo = sql_hypo + ", (select  max(e.c_no)  from tbl_hypo_history e where e.c_hypo_no = a.c_no and e.c_date <= '"+ a_w_e[i] + " 23:59:59"  +"'   )  as c_last_now ";
+                        	 	   sql_hypo = sql_hypo + " from tbl_hypo a ";
+                        	 	   sql_hypo = sql_hypo + " inner join tbl_member b on b.c_no = a.c_member_no ";
+                        	 	   sql_hypo = sql_hypo + " where (a.c_use = 0 or ( a.c_use = 1 and  a.c_use_date > '"+ a_w_e[i] + " 23:59:59" +"'    ) ) and a.c_team_no = "+ c_team +" and a.c_channel = "+ c_channel +" and a.c_date <= '"+ a_w_e[i] + " 23:59:59"  +"' ";
+                        	 	   sql_hypo = sql_hypo + " order by a.c_no desc";
+	                        	   ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+					  while(rs_hypo.next()){
+					  %>
+							       <%
+					  			 int now_call = 0;
+								  String sql_hypo_history    = " select c_now from tbl_hypo_history where c_no = " + rs_hypo.getInt("c_last_now") + "  ";
+				                        	   ResultSet rs_hypo_history = stmt.executeQuery(sql_hypo_history);
+								  if(rs_hypo_history.next()){
+								  	now_call = rs_hypo_history.getInt("c_now");
+								  }
+								  rs_hypo_history.close();
+					  			%>
+					
    _<%=i%>').style.display='block'" onmouseout="document.getElementById('hypo_<%=rs_hypo.getString("c_no")%>_<%=i%>').style.display='none'">
+					  
+					  	
+					  	_<%=i%>" style="display:none;">
+					  	
+					  	
+					  
    
+					  		<%if(now_call == 2){%>
+						  	&c_channel=<%=i%>"><%=rs_hypo.getString("c_title")%>
+					  		<%}else{%>
+						  	&c_channel=<%=i%>"><%=rs_hypo.getString("c_title")%>
+					  		<%}%>
+					  	
+					  			
+								 <%if(now_call == 0){%>
+									
+								<%}%>
+								<%if(now_call == 1){%>
+								 	
+								 <%}%>
+								 <%if(now_call == 2){%>
+									
+								 <%}%>
+					  	
    
+							 <%=rs_hypo.getString("c_date").substring(0,10)%> / 
+							 <%=rs_hypo.getString("writer_name")%>
    
+							  <%=rs_hypo.getInt("2count")%>
+							   
+							  <%=rs_hypo.getInt("1count")%>
+							   
+							  <%=rs_hypo.getInt("0count")%>
+					  	
    
+							<%
+							if(c_channel==5){
+							%>
+										">■
+							<%
+							}else{%>
+								<%
+								  String sql_hypo_cs     = " select c_cs_color from tbl_hypo_cs where c_hypo_no = " + rs_hypo.getInt("c_no") + " order by c_no desc";
+				                        	   ResultSet rs_hypo_cs = stmt.executeQuery(sql_hypo_cs);
+								  while(rs_hypo_cs.next()){
+								%>
+										">■
+								<%}
+								  rs_hypo_cs.close();
+					  			%>
+							
+							<%}%>
+					  	
      	
+					  
     
+					  
     
+					  <%
+					  }
+					  rs_hypo.close();
+					  %>
+				
    
+				<%}%>
+			
    
+		
    
+
    
+		
+		  
    
+			
    
+				
+			 	 
    
+			 	   	
+			 	 
    
+				
+				 
+				
+				
+					 <%
+                        	 	   String sql_hypo     = " select a.*, b.c_name as writer_name ";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 2count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 2 and d.c_date <= '"+ call_date + " 23:59:59"  +"') as 2count";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 1count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 1 and d.c_date <= '"+ call_date + " 23:59:59"  +"') as 1count";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 0count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 0 and d.c_date <= '"+ call_date + " 23:59:59"  +"') as 0count";
+                        	 	   sql_hypo = sql_hypo + ", (select  max(e.c_no)  from tbl_hypo_history e where e.c_hypo_no = a.c_no and e.c_date <= '"+ call_date + " 23:59:59"  +"'   )  as c_last_now ";
+                        	 	   sql_hypo = sql_hypo + " from tbl_hypo a ";
+                        	 	   sql_hypo = sql_hypo + " inner join tbl_member b on b.c_no = a.c_member_no ";
+                        	 	   sql_hypo = sql_hypo + " where a.c_channel = "+ c_channel +"  and (a.c_use = 0 or ( a.c_use = 1 and  a.c_use_date > '"+ call_date + " 23:59:59" +"'    ) ) and a.c_team_no = "+ c_team +"   and a.c_date <= '"+ call_date + " 23:59:59"  +"' ";
+                        	 	   sql_hypo = sql_hypo + " order by a.c_no desc";
+	                        	   ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+					  while(rs_hypo.next()){
+					  %>
+					  			 <%
+					  			 int now_call = 0;
+								  String sql_hypo_history    = " select c_now from tbl_hypo_history where c_no = " + rs_hypo.getInt("c_last_now") + "  ";
+				                        	   ResultSet rs_hypo_history = stmt.executeQuery(sql_hypo_history);
+								  if(rs_hypo_history.next()){
+								  	now_call = rs_hypo_history.getInt("c_now");
+								  }
+								  rs_hypo_history.close();
+					  			%>
+					  
+					
+					
+					  <%}
+					  rs_hypo.close();
+					  %>
+				
    
+					Title
+				
+					Channel
+				
+					Validation
+				
+					Customer Segment
+				
+					Insert Date
+				
+					Period
+				
    
+						"><%=rs_hypo.getString("c_title")%>
+					
+						<%
+						int c_chan_no = rs_hypo.getInt("c_channel");
+						%>
+						<%=hy_title[c_chan_no]%>
+					
+							      <%if(now_call == 0){%>
+									Ing..
+								<%}%>
+								<%if(now_call == 1){%>
+								 	Validated
+								 <%}%>
+								 <%if(now_call == 2){%>
+									Invalidated
+								 <%}%>
+					
+							<%
+							if(rs_hypo.getInt("c_channel") == 5 ){
+							%>
+										">■
+							<%
+							}else{%>
+								<%
+								  String sql_hypo_cs     = " select c_cs_color from tbl_hypo_cs where c_hypo_no = " + rs_hypo.getInt("c_no") + " order by c_no desc";
+				                        	   ResultSet rs_hypo_cs = stmt.executeQuery(sql_hypo_cs);
+								  while(rs_hypo_cs.next()){
+								%>
+										">■
+								<%}
+								  rs_hypo_cs.close();
+					  			%>
+							
+							<%}%>
+					
+						<%=rs_hypo.getString("c_date").substring(0,10)%>
+					
+						<%for (int i = 1; i < c_p_p + 1; i++){%>
+						<%if(Integer.parseInt(a_w_s[i].replaceAll("-","")) <= Integer.parseInt(rs_hypo.getString("c_date").substring(0,10).replaceAll("-","")) && Integer.parseInt(a_w_e[i].replaceAll("-","")) >= Integer.parseInt(rs_hypo.getString("c_date").substring(0,10).replaceAll("-",""))  ){ 
+						%>
+						<%if(today_period == i){%>
+							
+						<%}%>
+						<%=i%>P
+						<%
+						}%> 
+						<%}%>
+					
    
+			
    
+			
    
+				
+			 	 
    
+			 	   	
+			 	 
    
+				
+				 
+				 
+				
+					<%
+                        	 	    sql_hypo     = " select a.* , c.c_title as hypo_title, c.c_no as hypo_no  ";
+                        	 	   sql_hypo = sql_hypo + " from tbl_interview a ";
+                        	 	   sql_hypo = sql_hypo + " inner join tbl_interview_point b on b.c_interview_no = a.c_no  ";
+                        	 	   sql_hypo = sql_hypo + " inner join tbl_hypo c on c.c_no = b.c_hypo_no and c.c_channel = " + c_channel + " ";
+                        	 	   sql_hypo = sql_hypo + " where  a.c_use = 0  and a.c_team_no = "+ c_team +"   and a.c_date <= '"+ call_date + " 23:59:59"  +"' ";
+                        	 	   sql_hypo = sql_hypo + " order by a.c_no desc";
+	                        	    rs_hypo = stmt2.executeQuery(sql_hypo);
+					  while(rs_hypo.next()){
+					  %>
+					  			 
+					  
+					
+					
+					  <%}
+					  rs_hypo.close();
+					  %>
+				
    
+					Whom
+				
+					Type
+				
+					Interview Date
+				
+					Hypothesiis
+				
+					Period
+				
    
+						" title="Interview정보보기">
+						 <%
+					  		 String sql_hypo_history    = " select * from tbl_interview_target  where c_interview_no = " + rs_hypo.getInt("c_no") + "  ";
+				                          ResultSet rs_hypo_history = stmt.executeQuery(sql_hypo_history);
+							 int top = 0;
+							 while(rs_hypo_history.next()){
+								top = top + 1;
+								%>
+								<%if(top > 1){%>
+									 / 
+								<%}%>
+									<%=rs_hypo_history.getString("c_company")%>, <%=rs_hypo_history.getString("c_position")%>, <%=rs_hypo_history.getString("c_name")%> 
+								<%
+							  }
+							 rs_hypo_history.close();
+					  		%>
+					  	
+					
+ 						<%if(rs_hypo.getInt("c_type") == 0){%>
+					 	In Person
+						<%}%>
+						<%if(rs_hypo.getInt("c_type") == 1){%>
+					 	Phone
+						<%}%>
+						<%if(rs_hypo.getInt("c_type") == 2){%>
+					 	Email
+						<%}%>
+						<%if(rs_hypo.getInt("c_type") == 3){%>
+					 	 Video Chat
+						<%}%>
+					
+						<%=rs_hypo.getString("c_interview_date").substring(0,10)%>
+					
+						" title="Hypothesis정보보기">
+							<%=rs_hypo.getString("hypo_title")%>
+						
+					
+						<%for (int i = 1; i < c_p_p + 1; i++){%>
+						<%if(Integer.parseInt(a_w_s[i].replaceAll("-","")) <= Integer.parseInt(rs_hypo.getString("c_date").substring(0,10).replaceAll("-","")) && Integer.parseInt(a_w_e[i].replaceAll("-","")) >= Integer.parseInt(rs_hypo.getString("c_date").substring(0,10).replaceAll("-",""))  ){ 
+						%>
+						<%if(today_period == i){%>
+							
+						<%}%>
+						<%=i%>P
+						<%
+						}%> 
+						<%}%>
+					
    
+			
    
+			
    
+				
+			 	 
    
+			 	   	
+			 	 
    
+				
+				 
+				 
+				
+					<%
+                        	 	    sql_hypo     = " select a.*  ";
+                        	 	   sql_hypo = sql_hypo + " from tbl_comment a ";
+                        	 	   sql_hypo = sql_hypo + " inner join tbl_hypo b on b.c_no = a.c_relation and b.c_channel = "+ c_channel +" ";
+                        	 	   sql_hypo = sql_hypo + " where  a.c_type = 0 and a.c_use = 0  and a.c_team_no = "+ c_team +"   and a.c_date <= '"+ call_date + " 23:59:59"  +"' ";
+                        	 	   sql_hypo = sql_hypo + " order by a.c_no desc";
+	                        	    rs_hypo = stmt2.executeQuery(sql_hypo);
+					  while(rs_hypo.next()){
+					  %>
+					  			 
+					  
+					
+					
+					  <%}
+					  rs_hypo.close();
+					  %>
+				
    
+					Content
+				
+					Target Type
+				
+					Writer Type
+				
+					Insert Date
+				
+					Period
+				
    
+						<%if(rs_hypo.getInt("c_type") == 0){%>
+						" title="관련 가설로 바로가기">
+						<%}%>
+						<%if(rs_hypo.getInt("c_type") == 1){%>
+						" title="관련 인터뷰로 바로가기">
+						<%}%>
+						<%=rs_hypo.getString("c_content")%>
+						
+					
+ 						<%if(rs_hypo.getInt("c_type") == 0){%>
+					 	 Hypothesis
+						<%}%>
+						<%if(rs_hypo.getInt("c_type") == 1){%>
+					 	 Interview
+						<%}%>
+					
+						<%if(rs_hypo.getInt("c_member_type") == 0){%>
+					 	 Member
+						<%}%>
+						<%if(rs_hypo.getInt("c_member_type") == 1){%>
+					 	 Instructor
+						<%}%>
+						<%if(rs_hypo.getInt("c_member_type") == 2){%>
+					 	 Mentor
+						<%}%>
+					
+						<%=rs_hypo.getString("c_date").substring(0,10)%>
+					
+						<%for (int i = 1; i < c_p_p + 1; i++){%>
+						<%if(Integer.parseInt(a_w_s[i].replaceAll("-","")) <= Integer.parseInt(rs_hypo.getString("c_date").substring(0,10).replaceAll("-","")) && Integer.parseInt(a_w_e[i].replaceAll("-","")) >= Integer.parseInt(rs_hypo.getString("c_date").substring(0,10).replaceAll("-",""))  ){ 
+						%>
+						<%if(today_period == i){%>
+							
+						<%}%>
+						<%=i%>P
+						<%
+						}%> 
+						<%}%>
+					
    
+			
    
+		  
    
+
    
+
    
+ 			
    
+		               		 BMC로 이동
+		               		
+		               	  
    
+
    
+
    
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/board/delete_ok.jsp b/resoft/cms_for_bcb/process/board/delete_ok.jsp
new file mode 100644
index 0000000..a20454f
--- /dev/null
+++ b/resoft/cms_for_bcb/process/board/delete_ok.jsp
@@ -0,0 +1,28 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+		String c_no = r_call(request.getParameter("c_no")); 
+		String show_no = r_call(request.getParameter("show_no")); 
+		String check_no = r_call(request.getParameter("check_no")); 
+		String c_relation = r_call(request.getParameter("c_relation")); 
+		String c_relation2 = r_call(request.getParameter("c_relation2")); 
+	
+	  
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_use = 1 where c_no = " + c_no;
+		stmt2.execute(sql_ok); 	
+
+	 
+ %>
+
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/board/edit.jsp b/resoft/cms_for_bcb/process/board/edit.jsp
new file mode 100644
index 0000000..b8caa4f
--- /dev/null
+++ b/resoft/cms_for_bcb/process/board/edit.jsp
@@ -0,0 +1,139 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql1 = " select a.* ";
+		sql1 = sql1 + ", (select count(c_no) from tbl_board_to where c_board_no = a.c_no and c_group_type=0 and c_group_no = 0 ) as c1_no ";
+		sql1 = sql1 + ", (select count(c_no) from tbl_board_to where c_board_no = a.c_no and c_group_type=0 and c_group_no = 1 ) as c2_no ";
+		sql1 = sql1 + ", (select count(c_no) from tbl_board_to where c_board_no = a.c_no and c_group_type=0 and c_group_no = 2 ) as c3_no ";
+		sql1 = sql1 + ", (select count(c_no) from tbl_board_to where c_board_no = a.c_no and c_group_type=0 and c_group_no = 3 ) as c4_no ";
+		sql1 = sql1 + " from tbl_board a where a.c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+		 if(rst.getString("c_member_no").equals(session.getAttribute("member_no") ) &&  !session.getAttribute("member_type").equals("0")){
+%>
+
+
    
+
+
    
+
    
+	
    
+		 " style="width:100%;height:30px" placeholder="Insert Title.">
+	
    
+	
    
+		
    
+		 Name. <%=rst.getString("c_name")%>
+		
    
+	
    
+	
    
+		 
+		
    
+			To.
    
+			 0){%>checked<%}%> onclick="check_check()"> All Members of Teams
    		
+			 0){%>checked<%}%>> All Instructors	
    	
+			 0){%>checked<%}%>> All Mentors		
    
+			 All Observers		
    
+		
    
+		
    
+			 
    
+			<%String sql2 = " select a.c_no, c_team_name ";
+			sql2 = sql2 + ", (select count(c_no) from tbl_board_to where c_board_no = " + c_no +" and c_group_type= 1 and c_group_no = a.c_no ) as  b_count";
+			sql2 = sql2 + "  from tbl_team a where a.c_use = 0 and a.c_project_no =  " + session.getAttribute("member_project_no") + " order by a.c_team_name asc";
+			ResultSet  rst2 = stmt.executeQuery(sql2);
+			 while (rst2.next()) {
+			 %>
+			 	"  <%if(rst2.getInt("b_count") > 0 ){%>checked<%}%> type="checkbox"  onclick="check_check2()"> Members in team [<%=rst2.getString("c_team_name")%>]   
+			 <%}
+			 rst2.close();
+			 %>
+		
    
+		 
+		 
+	
    
+	
    
+		
+	
    
+	
    
+		 File. <%=rst.getString("c_file")%>
+		 " type="hidden">
+		 <%if(!rst.getString("c_file").equals("")){%>
+		   del
+		 <%}%>
+		 
    
+		 
+	
    
+
    
+
    
+
    
+		<%if(rst.getString("c_member_no").equals(session.getAttribute("member_no") ) &&  !session.getAttribute("member_type").equals("0")){%>	
+		 	 Edit
+		<%}%>
+	 	View
+	 	
+
    
+
    
+ <%
+		 }else{
+%>
+
+<%
+		 }
+		 }
+		 rst.close();
+	}
+%>
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/board/edit_ok.jsp b/resoft/cms_for_bcb/process/board/edit_ok.jsp
new file mode 100644
index 0000000..a2fe206
--- /dev/null
+++ b/resoft/cms_for_bcb/process/board/edit_ok.jsp
@@ -0,0 +1,117 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	String c_no = r_call(multi.getParameter("c_no")); 
+	String show_no = r_call(multi.getParameter("show_no")); 
+	String check_no = r_call(multi.getParameter("check_no")); 
+	String c_relation = r_call(multi.getParameter("c_relation")); 
+	String c_relation2 = r_call(multi.getParameter("c_relation2")); 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call(multi.getParameter("c_content")); 
+	String o_file = r_call(multi.getParameter("o_file")); 
+	String o_file_name = r_call(multi.getParameter("o_file_name")); 
+	String last_file = "";	
+	if(!fileName.equals("")){
+			last_file = fileName;
+	}else{
+		if(o_file.equals("y")){
+			last_file = "";
+		}else{
+			last_file = o_file_name;
+		}
+	}
+	
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_title = '"+ c_title +"',c_content='"+ c_content +"',c_file ='"+ last_file +"' where c_no = " + c_no;
+		 
+		stmt2.execute(sql_ok); 	
+
+		String max_c_no = c_no;		
+
+		sql_ok = "delete from tbl_board_to where c_board_no = " + c_no;
+		stmt2.execute(sql_ok); 	
+
+		
+String c_type[] = new String[4];
+ c_type[0] = r_call(multi.getParameter("c_type_0")); 
+ c_type[1] = r_call(multi.getParameter("c_type_1")); 
+ c_type[2] = r_call(multi.getParameter("c_type_2")); 
+ c_type[3] = r_call(multi.getParameter("c_type_3")); 
+for(int i = 0 ; i < 4; i++){
+	if(c_type[i].equals("y")){
+		String sql_csr = "insert into tbl_board_to (c_board_no, c_group_type,c_group_no, c_user_type) values(";
+		sql_csr = sql_csr + max_c_no + "," + 0 + "," + i + ",0)";
+		stmt.execute(sql_csr); 	 
+	}
+}
+			//if(!c_type[0].equals("y")){
+				String[] a_team =multi.getParameterValues("c_team");
+				if(a_team != null && !a_team.equals("")){
+					 	for(int i=0;i
+
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/board/insert.jsp b/resoft/cms_for_bcb/process/board/insert.jsp
new file mode 100644
index 0000000..9cbd654
--- /dev/null
+++ b/resoft/cms_for_bcb/process/board/insert.jsp
@@ -0,0 +1,181 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+
+		
+  
    
+
+<%
+	if(session.getAttribute("member_type").equals("1") ||  session.getAttribute("member_type").equals("2") || session.getAttribute("member_type").equals("3") ){
+%>
+
+
    
+
+
    
+
    
+	
    
+	  
+  
+
+
+	
    
+	
    
+		 Name : <%=session.getAttribute("member_name")%>
+		 " type="hidden">
+	
    
+	
    
+		
+		
    
+			To.
    
+			 All Members of Teams
    		
+			 All Instructors	
    	
+			 All Mentors		
    
+			 All Observers		
    
+		
    
+		
    
+			 
    
+			<%String sql1 = " select c_no, c_team_name from tbl_team where c_use = 0 and c_project_no =  " + session.getAttribute("member_project_no") + " order by c_team_name asc";
+			ResultSet  rst = stmt.executeQuery(sql1);
+			 while (rst.next()) {
+			 %>
+			 	"  checked type="checkbox"  onclick="check_check2()"> Members in team [<%=rst.getString("c_team_name")%>]   
+			 <%}
+			 rst.close();
+			 %>
+		
    
+	
    
+	
    
+		
+	
    
+	
    
+	  
+
+	
+	
    
+
    
+
    
+
    
+	 		Insert
+		        Cancel
+
    
+
    
+ <%
+		 
+}else{
+	 
+%>
+
+
+
+<%}%>
+
+
+
+
+
+  
+
+
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/board/insert_ok.jsp b/resoft/cms_for_bcb/process/board/insert_ok.jsp
new file mode 100644
index 0000000..fb25de1
--- /dev/null
+++ b/resoft/cms_for_bcb/process/board/insert_ok.jsp
@@ -0,0 +1,107 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	String show_no = r_call(multi.getParameter("show_no")); 
+	String check_no = r_call(multi.getParameter("check_no")); 
+	String c_relation = r_call(multi.getParameter("c_relation")); 
+	String c_relation2 = r_call(multi.getParameter("c_relation2")); 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call(multi.getParameter("c_content")); 
+		
+		String sql_ok = "";
+		sql_ok = " insert into tbl_board (c_relation,c_relation2, c_project_no, c_member_no, c_name ,c_title,c_content,c_file,c_click,c_use, c_date) values(";
+		sql_ok = sql_ok + c_relation + "," + c_relation2 + "," + session.getAttribute("member_project_no") +"," + session.getAttribute("member_no") + ",'" + c_name + "','"+ c_title + "','" + c_content + "','" +fileName + "',0,0,now())";
+		 
+		stmt2.execute(sql_ok); 	
+
+		int max_c_no = 1;		
+		String sql_hypo     = " select max(c_no) as max_c_no from tbl_board ";
+	    	ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+		if(rs_hypo.next()){
+			max_c_no = rs_hypo.getInt("max_c_no");
+		}
+		rs_hypo.close();
+
+String c_type[] = new String[4];
+ c_type[0] = r_call(multi.getParameter("c_type_0")); 
+ c_type[1] = r_call(multi.getParameter("c_type_1")); 
+ c_type[2] = r_call(multi.getParameter("c_type_2")); 
+ c_type[3] = r_call(multi.getParameter("c_type_3")); 
+for(int i = 0 ; i < 4; i++){
+	if(c_type[i].equals("y")){
+		String sql_csr = "insert into tbl_board_to (c_board_no, c_group_type,c_group_no, c_user_type) values(";
+		sql_csr = sql_csr + max_c_no + "," + 0 + "," + i + ",0)";
+		stmt.execute(sql_csr); 	 
+	}
+}
+			//if(!c_type[0].equals("y")){
+				String[] a_team =multi.getParameterValues("c_team");
+				if(a_team != null && !a_team.equals("")){
+					 	for(int i=0;i
+
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/board/list.jsp b/resoft/cms_for_bcb/process/board/list.jsp
new file mode 100644
index 0000000..daf3976
--- /dev/null
+++ b/resoft/cms_for_bcb/process/board/list.jsp
@@ -0,0 +1,209 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+		
+  
    
+
+<%
+	String where_t = " a.c_use = 0 and "; 
+	int totalRecord = 0; //총레코드개수
+	int numPerPage = 10; //한페이지당 보여줄레코드개수
+	int totalPage = 0; //총페이지수
+	int pagePerBlock = 10; //블록당페이지수
+	int nowPage = 1; //현재페이지
+	String sql1 = "";
+	sql1 = " select count(t.c_no) from ( select a.*  ";
+		if(session.getAttribute("member_type").equals("0")){
+			sql1 = sql1 + " ,(select count(c_no) from tbl_board_to where c_board_no = a.c_no and c_group_type = 1 and c_group_no = "+ session.getAttribute("member_team_no") +" ) as to_no  ";
+		}else{
+			sql1 = sql1 + " ,(select count(c_no) from tbl_board_to where c_board_no = a.c_no and c_group_type = 0 and c_group_no = "+ session.getAttribute("member_type") +" ) as to_no  ";
+		}
+		sql1 = sql1 + " from tbl_board a ";
+		sql1 = sql1 + " where  "+ where_t +" a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +" and c_project_no = "+ session.getAttribute("member_project_no") +"  ) t ";
+		sql1 = sql1 + " where t.to_no > 0 ";
+		if(session.getAttribute("member_type").equals("0")){
+		}else{
+			sql1 = sql1 + " or t.c_member_no = "+ session.getAttribute("member_no") +"  ";
+		}
+	 
+	ResultSet rst = stmt.executeQuery(sql1);
+	if (rst.next()) {
+		totalRecord = rst.getInt(1);
+	}
+	rst.close();
+	if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) {
+		nowPage = Integer.parseInt(r_call(request.getParameter("nowPage")));
+	}
+	
+	//nowPage = 93;
+	//totalRecord =1240;
+	int pfirst = 0; //첫페이지 번호
+	int plast = 0; // 끝페이지 번호
+	int plast_org = 0;
+
+	pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1;
+	plast = pfirst + pagePerBlock - 1;
+	plast_org = (totalRecord-1)/numPerPage + 1;
+	if(plast > plast_org){
+		plast = plast_org;
+	}
+	int c_number=totalRecord-(nowPage-1)*numPerPage;
+	
+	int sql_now_page = (nowPage - 1) * numPerPage;
+%>
+
    
+
+
    
+	
    
+			
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+	<%if(totalRecord==0) {%>
+	    	
+			
+		
+		 
+	<%}else{%>
+		<%
+		sql1 = " select t.* from ( select a.*  ";
+		if(session.getAttribute("member_type").equals("0")){
+			sql1 = sql1 + " ,(select count(c_no) from tbl_board_to where c_board_no = a.c_no and c_group_type = 1 and c_group_no = "+ session.getAttribute("member_team_no") +" ) as to_no  ";
+		}else{
+			sql1 = sql1 + " ,(select count(c_no) from tbl_board_to where c_board_no = a.c_no and c_group_type = 0 and c_group_no = "+ session.getAttribute("member_type") +" ) as to_no  ";
+		}
+		sql1 = sql1 + " from tbl_board a ";
+		sql1 = sql1 + " where  "+ where_t +" a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +" and c_project_no = "+ session.getAttribute("member_project_no") +"  ) t ";
+		sql1 = sql1 + " where t.to_no > 0 ";
+		if(session.getAttribute("member_type").equals("0")){
+		}else{
+			sql1 = sql1 + " or t.c_member_no = "+ session.getAttribute("member_no") +"  ";
+		}
+		sql1 = sql1 + " order by t.c_no desc ";
+		sql1 = sql1 + " limit "+ sql_now_page +" , "+ numPerPage +" ";
+		 
+		 rst = stmt.executeQuery(sql1);
+		 while (rst.next()) {
+		 	 
+	%>
+		
+		
+		
+		
+		
+		
+		
+	<%
+		 c_number=c_number-1;
+		 }
+		 rst.close();
+	}%>
+		
+		 
+		
+		
    NoTitleWriterDateClick
    
+				No data.
+			
    <%=c_number%>&nowPage=<%=nowPage%>"><%=rst.getString("c_title")%><%=rst.getString("c_name")%><%=rst.getString("c_date").substring(0,10)%><%=rst.getString("c_click")%>
    
+	
    
+
    
+
    
+		
+        	
+		<%if(pfirst > 1){ %>
+		
+		
+		<%}%>
+        	<% for(int i=pfirst;i
+        	 
+        	<%}%>
+        	<%if(plast < plast_org){ %>
+		
+		
+		<%}%>
+		
+		
    
+			〈〈
+		
+			〈
+		
+        		<% if(i==nowPage){%>
+        		<%=i%>
+        		<%}else{%>
+        		<%=i%>
+			<%}%>
+        	
+			〉
+		
+			〉〉
+		
    
+
    
+
    
+	<%if(session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("2") || session.getAttribute("member_type").equals("3") ){%> 
+		 Insert
+	<%}%>		
+
    
+
    
+
+
+
+  
+
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/board/view.jsp b/resoft/cms_for_bcb/process/board/view.jsp
new file mode 100644
index 0000000..f48e78e
--- /dev/null
+++ b/resoft/cms_for_bcb/process/board/view.jsp
@@ -0,0 +1,161 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+		
+  
    
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql_ok = "update tbl_board set c_click = c_click + 1 where c_no = " + c_no;
+		stmt2.execute(sql_ok); 	
+		
+		String sql1 = " select * from tbl_board where c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+%>
+
    
+
    
+	
    
+		 Title. <%=rst.getString("c_title")%>
+	
    
+	
    
+		
    
+		 Name. <%=rst.getString("c_name")%>
+		
    
+		
    
+		 Clicks <%=rst.getString("c_click")%>
+		
    
+		
    
+		 date <%=rst.getString("c_date").substring(0,10)%>
+		
    
+	
    
+	
    
+		 
+		 To.  
+		 <%
+		 String sql12 = " select a.*,(select c_team_name from tbl_team where c_no = a.c_group_no) as team_name from tbl_board_to a where a.c_board_no =  " + c_no;
+		ResultSet  rst2 = stmt.executeQuery(sql12);
+			int ty = 0;
+		 while (rst2.next()) {
+		 	ty = ty + 1;
+		 %>
+		 	<%if(rst2.getInt("c_group_type") == 0){%>
+				<%if(rst2.getInt("c_group_no") == 0){%>
+					<%if(ty>1){%>/ <%}%>All Members   	
+			 	<%}%>
+				<%if(rst2.getInt("c_group_no") == 1){%>
+					<%if(ty>1){%>/ <%}%>All Instructors  
+			 	<%}%>
+				<%if(rst2.getInt("c_group_no") == 2){%>
+					 <%if(ty>1){%>/ <%}%>All Mentors   
+			 	<%}%>
+				<%if(rst2.getInt("c_group_no") == 3){%>
+					 <%if(ty>1){%>/ <%}%>All Observers   	 	
+			 	<%}%>
+		 	<%}else{%>
+				<%if(ty>1){%>/ <%}%>Members of team[<%=rst2.getString("team_name") %>]   	 	
+		 	<%}%>
+		 <%
+		 }
+		 rst2.close();
+		 %>
+		 
+	
    
+	
    
+		 <%=rst.getString("c_content").replaceAll("\n\r","
    ")%>
+	
    
+	
    
+		 File. "><%=rst.getString("c_file")%>
+	
    
+
    
+
    
+
    
+		<%if(rst.getString("c_member_no").equals(session.getAttribute("member_no") ) &&  !session.getAttribute("member_type").equals("0")){%>	
+		 	 Edit
+		 	 Delete
+		<%}%>
+	 	List
+	 	
+
    
+ <%
+		 
+		 }
+		 rst.close();
+	}
+%>
+
+
+  
+
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/comment/edit_ok.jsp b/resoft/cms_for_bcb/process/comment/edit_ok.jsp
new file mode 100644
index 0000000..3b2825f
--- /dev/null
+++ b/resoft/cms_for_bcb/process/comment/edit_ok.jsp
@@ -0,0 +1,30 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	 
+	String c_comment_no = r_call(request.getParameter("c_comment_no")); 
+	String c_point = r_call(request.getParameter("c_point")); 
+	String c_content = r_call(request.getParameter("c_content")); 
+	if(c_comment_no.equals("")){	 
+	%>
+	
+	<%
+	}else{ 
+	String sql_ok = "update tbl_comment set  c_point="+ c_point +", c_content ='"+ c_content +"' ";
+	sql_ok = sql_ok + " where c_no = " + c_comment_no ;
+	stmt2.execute(sql_ok); 				
+
+%>
+
+<%
+	}
+ %>
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/comment/insert_ok.jsp b/resoft/cms_for_bcb/process/comment/insert_ok.jsp
new file mode 100644
index 0000000..9cf7e9d
--- /dev/null
+++ b/resoft/cms_for_bcb/process/comment/insert_ok.jsp
@@ -0,0 +1,49 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	String c_project_no = "";
+	c_project_no = "" + session.getAttribute("member_project_no"); 
+	String c_member_no = "";
+	c_member_no = "" + session.getAttribute("member_no"); 
+	String c_member_type = "";
+	c_member_type = "" + session.getAttribute("member_type"); 
+
+	String c_pt_no = r_call(request.getParameter("c_pt_no")); 
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+	String c_type = r_call(request.getParameter("c_type")); 
+	String c_relation = r_call(request.getParameter("c_relation")); 
+	String c_point = r_call(request.getParameter("c_point")); 
+	String c_content = r_call(request.getParameter("c_content")); 
+	 
+	if(c_pt_no.equals("")){
+		c_pt_no = "0";
+	}
+	if(c_team_no.equals("")){
+		c_team_no = "0";
+	}
+	if(c_type.equals("")){
+		c_type = "0";
+	}
+	if(c_relation.equals("")){
+		c_relation = "0";
+	}
+	if(c_point.equals("")){
+		c_point = "0";
+	}
+	 
+	String sql_ok = "insert tbl_comment (c_project_no, c_pt_no, c_team_no, c_type, c_relation, c_member_no, c_member_type, c_point, c_content, c_use,c_date) values ( ";
+	sql_ok = sql_ok + c_project_no +","+ c_pt_no +","+ c_team_no +","+ c_type +","+ c_relation +","+ c_member_no +","+ c_member_type +","+ c_point +",'"+ c_content +"',0,now())";
+	stmt2.execute(sql_ok); 				
+
+%>
+
+<%
+			 
+ %>
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/leaderboard/chart1_1.jsp b/resoft/cms_for_bcb/process/leaderboard/chart1_1.jsp
new file mode 100644
index 0000000..59bc77d
--- /dev/null
+++ b/resoft/cms_for_bcb/process/leaderboard/chart1_1.jsp
@@ -0,0 +1,115 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+					  	
+				 
diff --git a/resoft/cms_for_bcb/process/leaderboard/chart1_2.jsp b/resoft/cms_for_bcb/process/leaderboard/chart1_2.jsp
new file mode 100644
index 0000000..9329441
--- /dev/null
+++ b/resoft/cms_for_bcb/process/leaderboard/chart1_2.jsp
@@ -0,0 +1,100 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+					  	
+				 
diff --git a/resoft/cms_for_bcb/process/leaderboard/chart1_3.jsp b/resoft/cms_for_bcb/process/leaderboard/chart1_3.jsp
new file mode 100644
index 0000000..92bd3af
--- /dev/null
+++ b/resoft/cms_for_bcb/process/leaderboard/chart1_3.jsp
@@ -0,0 +1,100 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+					  	
+				 
diff --git a/resoft/cms_for_bcb/process/leaderboard/chart2_1.jsp b/resoft/cms_for_bcb/process/leaderboard/chart2_1.jsp
new file mode 100644
index 0000000..2ca9487
--- /dev/null
+++ b/resoft/cms_for_bcb/process/leaderboard/chart2_1.jsp
@@ -0,0 +1,82 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+	 
+
+				 
+				 
diff --git a/resoft/cms_for_bcb/process/leaderboard/chart2_2.jsp b/resoft/cms_for_bcb/process/leaderboard/chart2_2.jsp
new file mode 100644
index 0000000..9de1ede
--- /dev/null
+++ b/resoft/cms_for_bcb/process/leaderboard/chart2_2.jsp
@@ -0,0 +1,82 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+	 
+
+				 
+				 
diff --git a/resoft/cms_for_bcb/process/leaderboard/chart2_3.jsp b/resoft/cms_for_bcb/process/leaderboard/chart2_3.jsp
new file mode 100644
index 0000000..3ea0210
--- /dev/null
+++ b/resoft/cms_for_bcb/process/leaderboard/chart2_3.jsp
@@ -0,0 +1,85 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+	 
+
+				 
+				 
diff --git a/resoft/cms_for_bcb/process/leaderboard/chart2_4.jsp b/resoft/cms_for_bcb/process/leaderboard/chart2_4.jsp
new file mode 100644
index 0000000..4334789
--- /dev/null
+++ b/resoft/cms_for_bcb/process/leaderboard/chart2_4.jsp
@@ -0,0 +1,85 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+	 
+
+				 
+				 
diff --git a/resoft/cms_for_bcb/process/leaderboard/chart3_1.jsp b/resoft/cms_for_bcb/process/leaderboard/chart3_1.jsp
new file mode 100644
index 0000000..a28549e
--- /dev/null
+++ b/resoft/cms_for_bcb/process/leaderboard/chart3_1.jsp
@@ -0,0 +1,85 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+	 
+
+				 
+				 
diff --git a/resoft/cms_for_bcb/process/leaderboard/chart3_2.jsp b/resoft/cms_for_bcb/process/leaderboard/chart3_2.jsp
new file mode 100644
index 0000000..0faa327
--- /dev/null
+++ b/resoft/cms_for_bcb/process/leaderboard/chart3_2.jsp
@@ -0,0 +1,85 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+	 
+
+				 
+				 
diff --git a/resoft/cms_for_bcb/process/leaderboard/chart3_3.jsp b/resoft/cms_for_bcb/process/leaderboard/chart3_3.jsp
new file mode 100644
index 0000000..46d79e0
--- /dev/null
+++ b/resoft/cms_for_bcb/process/leaderboard/chart3_3.jsp
@@ -0,0 +1,88 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+	 
+
+				 
+				 
diff --git a/resoft/cms_for_bcb/process/leaderboard/chart3_4.jsp b/resoft/cms_for_bcb/process/leaderboard/chart3_4.jsp
new file mode 100644
index 0000000..16cf628
--- /dev/null
+++ b/resoft/cms_for_bcb/process/leaderboard/chart3_4.jsp
@@ -0,0 +1,88 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+	 
+
+				 
+				 
diff --git a/resoft/cms_for_bcb/process/leaderboard/chart4_1.jsp b/resoft/cms_for_bcb/process/leaderboard/chart4_1.jsp
new file mode 100644
index 0000000..55230fd
--- /dev/null
+++ b/resoft/cms_for_bcb/process/leaderboard/chart4_1.jsp
@@ -0,0 +1,85 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+	 
+
+				 
+				 
diff --git a/resoft/cms_for_bcb/process/leaderboard/chart4_2.jsp b/resoft/cms_for_bcb/process/leaderboard/chart4_2.jsp
new file mode 100644
index 0000000..c26ea2e
--- /dev/null
+++ b/resoft/cms_for_bcb/process/leaderboard/chart4_2.jsp
@@ -0,0 +1,85 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+	 
+
+				 
+				 
diff --git a/resoft/cms_for_bcb/process/leaderboard/chart4_3.jsp b/resoft/cms_for_bcb/process/leaderboard/chart4_3.jsp
new file mode 100644
index 0000000..0be6b7d
--- /dev/null
+++ b/resoft/cms_for_bcb/process/leaderboard/chart4_3.jsp
@@ -0,0 +1,88 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+	 
+
+				 
+				 
diff --git a/resoft/cms_for_bcb/process/leaderboard/chart4_4.jsp b/resoft/cms_for_bcb/process/leaderboard/chart4_4.jsp
new file mode 100644
index 0000000..28ae94e
--- /dev/null
+++ b/resoft/cms_for_bcb/process/leaderboard/chart4_4.jsp
@@ -0,0 +1,88 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+	 
+
+				 
+				 
diff --git a/resoft/cms_for_bcb/process/leaderboard/list.jsp b/resoft/cms_for_bcb/process/leaderboard/list.jsp
new file mode 100644
index 0000000..a37e78a
--- /dev/null
+++ b/resoft/cms_for_bcb/process/leaderboard/list.jsp
@@ -0,0 +1,718 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+	
+	
+	
+	
+
+<%
+	String l_p1 =  r_call(request.getParameter("l_p1")); 
+	String l_p2 =  r_call(request.getParameter("l_p2")); 
+	int n_p1 = 1;
+	int n_p2 = call_period;
+	if(!l_p1.equals("")){
+		n_p1 = Integer.parseInt(l_p1);
+	}
+	if(!l_p2.equals("")){
+		n_p2 = Integer.parseInt(l_p2);
+	}
+	String s_tab_no = r_call(request.getParameter("tab_no"));
+	int tab_no = 1;
+	if(!s_tab_no.equals("")){
+		tab_no = Integer.parseInt(s_tab_no);
+	}
+	 
+%>
+<%
+	String p1_date = ""; 
+	String p2_date = "";
+
+	String[] p_s_date = new String[50];
+	String[] p_e_date = new String[50];
+
+	int p_count_s = 0;
+	String pp_call = "select c_s_date, c_e_date from tbl_project_plan_bcb_period where c_project_no = " + session.getAttribute("member_project_no") + " order by c_period_no asc ";
+	ResultSet rs_pp_call = stmt2.executeQuery(pp_call);
+	while(rs_pp_call.next()){
+		p_count_s = p_count_s + 1;
+		if(n_p1 == p_count_s){
+			p1_date = rs_pp_call.getString("c_s_date") + " 00:00:00";
+		}
+		if(n_p2 == p_count_s){
+			p2_date = rs_pp_call.getString("c_e_date") + " 23:59:50";
+		}
+		p_s_date[p_count_s] = rs_pp_call.getString("c_s_date") + " 00:00:00";
+		p_e_date[p_count_s] = rs_pp_call.getString("c_e_date") + " 23:59:50";
+	}
+	rs_pp_call.close();
+	
+%>
+				  	
+
    
+
    
+	
    
+		
+		  
    
+			
    
+				
    
+				  	
    
+				  		
+				  		
+								Period Select
+						  	
+					  	  
+					  	
+					  	~ 
+					  	
+					  	
+				  	
    
+				  	
+				  	<%if(tab_no == 1){%>
+
+	
    
+	  
+	
    
+	
+					  	
    
+					  		
    
+								 BMC statistics by team(Unit: Case)		  	
+						  	
    
+						  	
+					  	
    
+					  		<%if(1==1){%>
+						  		<%@include file="chart1_1.jsp"%>
+					  		<%}%>
+				  		
    
+					  		
    
+								Comment statistics by Instructor(Unit: Case)		  	
+						  	
    
+						  	
+					  		<%if(1==1){%>
+							  	<%@include file="chart1_2.jsp"%>
+					  		<%}%>
+					  	
    
+					  	
    
+					  		
    
+								Comment statistics by Mentor(Unit: Case)		  	
+						  	
    
+						  	
+					  		<%if(1==1){%>
+							  	<%@include file="chart1_3.jsp"%>
+					  		<%}%>
+					  	
    
+
+				  	<%}%>
+				  	<%if(tab_no == 2){%>
+
+
    
+						
    
+	  
+	
    
+	
    
+	
    
+
+				  		
    
+					  		
    
+								Hypothesis statistics by cycle(Unit: Case)
+						  	
    
+						  	
+					  		<%if(1==1){%>
+					  			<%@include file="chart2_1.jsp"%>
+					  		<%}%>
+					  	
    
+				  		
    
+					  		
    
+								Interview statistics by period(Unit: Case)		  	
+						  	
    
+						  	
+					  		<%if(1==1){%>
+					  			<%@include file="chart2_2.jsp"%>
+					  		<%}%>
+					  	
    
+					  	
    
+					  		
    
+								Hypothesis cumulative statistics by cycle(Unit: Case)	  	
+						  	
    
+						  	
+					  		<%if(1==1){%>
+					  			<%@include file="chart2_3.jsp"%>
+					  		<%}%>
+					  	
    
+					  	
    
+					  		
    
+								Interview cumulative statistics by period(Unit: Case)			  	
+						  	
    
+						  	
+					  		<%if(1==1){%>
+					  			<%@include file="chart2_4.jsp"%>
+					  		<%}%>
+					  	
    
+				  	<%}%>
+				  	<%if(tab_no == 3){%>
+					
    
+							
    
+	  
+	
    
+	
    
+	
    
+				  		
    
+					  		
    
+								Hypothesis comment statistics by cycle(Unit: Case)			  	
+						  	
    
+						  	
+					  		<%if(1==1){%>
+					  			<%@include file="chart3_1.jsp"%>
+					  		<%}%>
+					  	
    
+				  		
    
+					  		
    
+								Interview comment statistics by period(Unit: Case)					  	
+						  	
    
+						  	
+					  		<%if(1==1){%>
+					  			<%@include file="chart3_2.jsp"%>
+					  		<%}%>
+					  	
    
+					  	
    
+					  		
    
+								Hypothesis comment cumulative statistics by cycle(Unit: Case)			  	
+						  	
    
+						  	
+					  		<%if(1==1){%>
+					  			<%@include file="chart3_3.jsp"%>
+					  		<%}%>
+					  	
    
+					  	
    
+					  		
    
+								Interview comment cumulative statistics by period(Unit: Case)	  	
+						  	
    
+						  	
+					  		<%if(1==1){%>
+					  			<%@include file="chart3_4.jsp"%>
+					  		<%}%>
+					  	
    
+				  	<%}%>
+				  	<%if(tab_no == 4){%>
+
+				
    
+						
    
+	  
+	
    
+	
    
+	
    					
+				  		
    
+					  		
    
+								Hypothesis comment statistics by cycle(Unit: Case)		  	
+						  	
    
+						  	
+					  		<%if(1==1){%>
+					  			<%@include file="chart4_1.jsp"%>
+					  		<%}%>
+					  	
    
+				  		
    
+					  		
    
+								Interview comment statistics by period(Unit: Case)		  	
+						  	
    
+						  	
+					  		<%if(1==1){%>
+						  		<%@include file="chart4_2.jsp"%> 
+					  		<%}%>
+					  	
    
+					  	
    
+					  		
    
+								Hypothesis comment cumulative statistics by cycle(Unit: Case)	  	
+						  	
    
+						  	
+					  		<%if(1==1){%>
+						  		<%@include file="chart4_3.jsp"%>  
+					  		<%}%>
+					  	
    
+					  	
    
+					  		
    
+								Interview comment cumulative statistics by period(Unit: Case)	  	
+						  	
    
+						  	
+					  		<%if(1==1){%>
+						  		 <%@include file="chart4_4.jsp"%> 
+					  		<%}%>
+					  	
    
+				  	<%}%>
+				 
    
+		 	
    
+			 
+	 	
    
+	
    
+
    
+
    
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+  
+
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/leaderboard/list2.jsp b/resoft/cms_for_bcb/process/leaderboard/list2.jsp
new file mode 100644
index 0000000..8df6248
--- /dev/null
+++ b/resoft/cms_for_bcb/process/leaderboard/list2.jsp
@@ -0,0 +1,238 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+		
+  
    
+
    
+
    
+	
    
+		
+		  
    
+			
    
+				 
+			 	 
    
+			 	 	
+			 	   	
+			 	
    
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 <%
+			 	 String sql_t = "select t.* from ( select a.c_team_name, a.c_no ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_interview where c_use = 0 and c_team_no = a.c_no and c_date <=  '"+ call_date + " 23:59:59" +"'  ) as c_i ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_hypo where c_use = 0 and c_team_no = a.c_no  and c_date <=  '"+ call_date + " 23:59:59" +"' ) as c_h ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_hypo_history where c_now = 2 and c_team_no = a.c_no  and c_date <=  '"+ call_date + " 23:59:59" +"' ) as c_inv ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_comment where (c_type = 0 or c_type = 1) and c_team_no = a.c_no and c_member_type= 1 and c_use = 0  and c_date <=  '"+ call_date + " 23:59:59" +"' ) as c_i_c ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_comment where (c_type = 0 or c_type = 1) and c_team_no = a.c_no and c_member_type= 2 and c_use = 0  and c_date <=  '"+ call_date + " 23:59:59" +"' ) as c_m_c ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_comment where (c_type = 0 or c_type = 1) and c_team_no = a.c_no and c_member_type= 0 and c_use = 0  and c_date <=  '"+ call_date + " 23:59:59" +"' ) as c_mb_c ";
+			 	 sql_t = sql_t + " from tbl_team a ";
+			 	 sql_t = sql_t + " where a.c_project_no = " + session.getAttribute("member_project_no") + " and a.c_use = 0 ) t ";
+			 	 sql_t = sql_t + " order by t.c_i desc ";
+			 	 
+			 	 ResultSet rs_t = stmt.executeQuery(sql_t);
+				 while(rs_t.next()){
+			 	  %>
+			 	   bgcolor="#F8E6E4"<%}%>>
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	  <%}
+			 	  rs_t.close();
+			 	  %>
+			 	  
     team name  Customer Interview  Hypothesis to Test  Invalidated Hypothesis  Instructor Comment  Mentor Comment  Member Comment 
     <%=rs_t.getString("c_team_name")%> <%=rs_t.getInt("c_i")%><%=rs_t.getInt("c_h")%><%=rs_t.getInt("c_inv")%><%=rs_t.getInt("c_i_c")%><%=rs_t.getInt("c_m_c")%><%=rs_t.getInt("c_mb_c")%>
    
+		 	
    
+			
    
+				 
+			 	 
    
+			 		
+			 	   	
+			 	
    
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 <%
+			 	  sql_t = "select t.* from ( select a.c_name, a.c_no ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_comment where c_member_type = 1 and  c_use = 0 and c_project_no = b.c_project_no and c_type= 0 and c_member_no = a.c_no and c_date <=  '"+ call_date + " 23:59:59" +"'  ) as c_hc ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_comment where c_member_type = 1 and  c_use = 0 and c_project_no = b.c_project_no and c_type= 1 and c_member_no = a.c_no and c_date <=  '"+ call_date + " 23:59:59" +"'  ) as c_ic ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_comment where c_member_type = 1 and  c_use = 0 and c_project_no = b.c_project_no and c_type= 2 and c_member_no = a.c_no and c_date <=  '"+ call_date + " 23:59:59" +"'  ) as c_pc ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_comment where c_member_type = 1 and  c_use = 0 and c_project_no = b.c_project_no and c_type in (0,1,2) and c_member_no = a.c_no and c_date <=  '"+ call_date + " 23:59:59" +"'  ) as c_tc ";
+			 	  sql_t = sql_t + " from tbl_member a ";
+			 	  sql_t = sql_t + " inner join tbl_pnm_for_bcb  b on b.c_member_no = a.c_no and b.c_project_no = " + session.getAttribute("member_project_no") + " and b.c_type = 1 and b.c_use = 0";
+			 	 sql_t = sql_t + " where a.c_use = 0 ) t ";
+			 	 sql_t = sql_t + " order by t.c_tc desc ";
+			 	  rs_t = stmt.executeQuery(sql_t);
+				 while(rs_t.next()){
+			 	  %>
+			 	   bgcolor="#F8E6E4"<%}%>>
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	  <%}
+			 	  rs_t.close();
+			 	  %>
+			 	  
     Instructor  Hypothesis Comment Interview Comment  Presentation Comment  Total 
     <%=rs_t.getString("c_name")%> <%=rs_t.getInt("c_hc")%><%=rs_t.getInt("c_ic")%><%=rs_t.getInt("c_pc")%><%=rs_t.getInt("c_tc")%>
    
+		 	
    
+			
    
+				 
+			 	 
    
+			 		
+			 	   	
+			 	 
    
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 <%
+			 	  sql_t = "select t.* from ( select a.c_name,a.c_no ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_comment where c_member_type = 2 and  c_use = 0 and c_project_no = b.c_project_no and c_type= 0 and c_member_no = a.c_no and c_date <=  '"+ call_date + " 23:59:59" +"'  ) as c_hc ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_comment where c_member_type = 2 and  c_use = 0 and c_project_no = b.c_project_no and c_type= 1 and c_member_no = a.c_no and c_date <=  '"+ call_date + " 23:59:59" +"'  ) as c_ic ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_comment where c_member_type = 2 and  c_use = 0 and c_project_no = b.c_project_no and c_type= 2 and c_member_no = a.c_no and c_date <=  '"+ call_date + " 23:59:59" +"'  ) as c_pc ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_comment where c_member_type = 2 and  c_use = 0 and c_project_no = b.c_project_no and c_type in (0,1,2) and c_member_no = a.c_no and c_date <=  '"+ call_date + " 23:59:59" +"'  ) as c_tc ";
+			 	  sql_t = sql_t + " from tbl_member a ";
+			 	  sql_t = sql_t + " inner join tbl_pnm_for_bcb  b on b.c_member_no = a.c_no and b.c_project_no = " + session.getAttribute("member_project_no") + " and b.c_type = 2 and b.c_use = 0 ";
+			 	 sql_t = sql_t + " where a.c_use = 0 ) t ";
+			 	 sql_t = sql_t + " order by t.c_tc desc ";
+			 	  rs_t = stmt.executeQuery(sql_t);
+				 while(rs_t.next()){
+			 	  %>
+			 	   bgcolor="#F8E6E4"<%}%>>
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	  <%}
+			 	  rs_t.close();
+			 	  %>
+			 	  
     Mentor  Hypothesis Comment  Interview Comment  Presentation Comment  Total 
     <%=rs_t.getString("c_name")%> <%=rs_t.getInt("c_hc")%><%=rs_t.getInt("c_ic")%><%=rs_t.getInt("c_pc")%><%=rs_t.getInt("c_tc")%>
    
+		 	
    
+	 	
    
+	
    
+
    
+
    
+
+
+  
+
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/leaderboard/list_next_backup.jsp b/resoft/cms_for_bcb/process/leaderboard/list_next_backup.jsp
new file mode 100644
index 0000000..69f3a60
--- /dev/null
+++ b/resoft/cms_for_bcb/process/leaderboard/list_next_backup.jsp
@@ -0,0 +1,145 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+
+
    
+
    
+	
    
+		
+		  
    
+			
    
+				 
+			 	 
    
+			 	 	
+			 	   	
+			 	
    
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 <%
+			 	 String sql_t = "select t.* from ( select a.c_team_name, a.c_no ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_interview where c_use = 0 and c_team_no = a.c_no and c_date <=  '"+ call_date + " 23:59:59" +"'  ) as c_i ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_hypo where c_use = 0 and c_team_no = a.c_no  and c_date <=  '"+ call_date + " 23:59:59" +"' ) as c_h ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_hypo_history where c_now = 2 and c_team_no = a.c_no  and c_date <=  '"+ call_date + " 23:59:59" +"' ) as c_inv ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_comment where (c_type = 0 or c_type = 1) and c_team_no = a.c_no and c_member_type= 1 and c_use = 0  and c_date <=  '"+ call_date + " 23:59:59" +"' ) as c_i_c ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_comment where (c_type = 0 or c_type = 1) and c_team_no = a.c_no and c_member_type= 2 and c_use = 0  and c_date <=  '"+ call_date + " 23:59:59" +"' ) as c_m_c ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_comment where (c_type = 0 or c_type = 1) and c_team_no = a.c_no and c_member_type= 0 and c_use = 0  and c_date <=  '"+ call_date + " 23:59:59" +"' ) as c_mb_c ";
+			 	 sql_t = sql_t + " from tbl_team a ";
+			 	 sql_t = sql_t + " where a.c_project_no = " + session.getAttribute("member_project_no") + " and a.c_use = 0 ) t ";
+			 	 sql_t = sql_t + " order by t.c_i desc ";
+			 	 
+			 	 ResultSet rs_t = stmt.executeQuery(sql_t);
+				 while(rs_t.next()){
+			 	  %>
+			 	   bgcolor="#F8E6E4"<%}%>>
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	  <%}
+			 	  rs_t.close();
+			 	  %>
+			 	  
     팀명  Customer Interview  Hypothesis to Test  Invalidated Hypothesis  Instructor Comment  Mentor Comment  Member Comment 
     <%=rs_t.getString("c_team_name")%> <%=rs_t.getInt("c_i")%><%=rs_t.getInt("c_h")%><%=rs_t.getInt("c_inv")%><%=rs_t.getInt("c_i_c")%><%=rs_t.getInt("c_m_c")%><%=rs_t.getInt("c_mb_c")%>
    
+		 	
    
+			
    
+				 
+			 	 
    
+			 		
+			 	   	
+			 	
    
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 <%
+			 	  sql_t = "select t.* from ( select a.c_name, a.c_no ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_comment where c_member_type = 1 and  c_use = 0 and c_project_no = b.c_project_no and c_type= 0 and c_member_no = a.c_no and c_date <=  '"+ call_date + " 23:59:59" +"'  ) as c_hc ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_comment where c_member_type = 1 and  c_use = 0 and c_project_no = b.c_project_no and c_type= 1 and c_member_no = a.c_no and c_date <=  '"+ call_date + " 23:59:59" +"'  ) as c_ic ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_comment where c_member_type = 1 and  c_use = 0 and c_project_no = b.c_project_no and c_type= 2 and c_member_no = a.c_no and c_date <=  '"+ call_date + " 23:59:59" +"'  ) as c_pc ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_comment where c_member_type = 1 and  c_use = 0 and c_project_no = b.c_project_no and c_type in (0,1,2) and c_member_no = a.c_no and c_date <=  '"+ call_date + " 23:59:59" +"'  ) as c_tc ";
+			 	  sql_t = sql_t + " from tbl_member a ";
+			 	  sql_t = sql_t + " inner join tbl_pnm_for_bcb  b on b.c_member_no = a.c_no and b.c_project_no = " + session.getAttribute("member_project_no") + " and b.c_type = 1 and b.c_use = 0";
+			 	 sql_t = sql_t + " where a.c_use = 0 ) t ";
+			 	 sql_t = sql_t + " order by t.c_tc desc ";
+			 	  rs_t = stmt.executeQuery(sql_t);
+				 while(rs_t.next()){
+			 	  %>
+			 	   bgcolor="#F8E6E4"<%}%>>
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	  <%}
+			 	  rs_t.close();
+			 	  %>
+			 	  
     Instructor  Hypothesis Comment  Interview Comment  Presentation Comment  Total 
     <%=rs_t.getString("c_name")%> <%=rs_t.getInt("c_hc")%><%=rs_t.getInt("c_ic")%><%=rs_t.getInt("c_pc")%><%=rs_t.getInt("c_tc")%>
    
+		 	
    
+			
    
+				 
+			 	 
    
+			 		
+			 	   	
+			 	 
    
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 <%
+			 	  sql_t = "select t.* from ( select a.c_name,a.c_no ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_comment where c_member_type = 2 and  c_use = 0 and c_project_no = b.c_project_no and c_type= 0 and c_member_no = a.c_no and c_date <=  '"+ call_date + " 23:59:59" +"'  ) as c_hc ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_comment where c_member_type = 2 and  c_use = 0 and c_project_no = b.c_project_no and c_type= 1 and c_member_no = a.c_no and c_date <=  '"+ call_date + " 23:59:59" +"'  ) as c_ic ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_comment where c_member_type = 2 and  c_use = 0 and c_project_no = b.c_project_no and c_type= 2 and c_member_no = a.c_no and c_date <=  '"+ call_date + " 23:59:59" +"'  ) as c_pc ";
+			 	 sql_t = sql_t + " ,( select count(c_no) from tbl_comment where c_member_type = 2 and  c_use = 0 and c_project_no = b.c_project_no and c_type in (0,1,2) and c_member_no = a.c_no and c_date <=  '"+ call_date + " 23:59:59" +"'  ) as c_tc ";
+			 	  sql_t = sql_t + " from tbl_member a ";
+			 	  sql_t = sql_t + " inner join tbl_pnm_for_bcb  b on b.c_member_no = a.c_no and b.c_project_no = " + session.getAttribute("member_project_no") + " and b.c_type = 2 and b.c_use = 0 ";
+			 	 sql_t = sql_t + " where a.c_use = 0 ) t ";
+			 	 sql_t = sql_t + " order by t.c_tc desc ";
+			 	  rs_t = stmt.executeQuery(sql_t);
+				 while(rs_t.next()){
+			 	  %>
+			 	   bgcolor="#F8E6E4"<%}%>>
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	 
+			 	  <%}
+			 	  rs_t.close();
+			 	  %>
+			 	  
     Mentor  Hypothesis Comment  Interview Comment  Presentation Comment  Total 
     <%=rs_t.getString("c_name")%> <%=rs_t.getInt("c_hc")%><%=rs_t.getInt("c_ic")%><%=rs_t.getInt("c_pc")%><%=rs_t.getInt("c_tc")%>
    
+		 	
    
+	 	
    
+	
    
+
    
+
    
+
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/login/list copy.jsp b/resoft/cms_for_bcb/process/login/list copy.jsp
new file mode 100644
index 0000000..0fce83a
--- /dev/null
+++ b/resoft/cms_for_bcb/process/login/list copy.jsp	
@@ -0,0 +1,160 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%
+	login_tag = 0;
+%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top2.jsp"%>
+ 
+
+
+
+ 	
+ 	
    
+	
+		 
+ 			
    
+		                
+				   
     
+				  
    
+                 		       
    ID(E-mail) 
    
+                 		       
+                        		
    
+	                        
    
+				  
    
+                 		       Password    * If you can't remember your password, use [Find Password]. 
+                 		       
+                        		
    
+	                        
    
+			 
+	                        
    
+	                         
    
+							 
+		               		Login
+		               		Membership
+		               		 Find Password
+		                    
    
+		                    
    
+ 
+
    
+			 
    
+	
    
+
+
+	 
+
+
+ <%@include file="/cms_for_bcb/show_bottom2.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/login/list.jsp b/resoft/cms_for_bcb/process/login/list.jsp
new file mode 100644
index 0000000..eb54db9
--- /dev/null
+++ b/resoft/cms_for_bcb/process/login/list.jsp
@@ -0,0 +1,127 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%
+	login_tag = 0;
+%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top2.jsp"%>
+
+
+
+
+ 	
+		
+  
    
+
+ 	
    
+	
+		 
+ 			
    
+		                
+				   
     
+				  
    
+                 		       
    ID(E-mail) 
    
+						       
+                        		
    
+	                        
    
+				  
    
+                 		       Password    * If you can't remember your password, use [Find Password]. 
+                 		       
+                        		
    
+	                        
    
+			 
+	                        
    
+	                         
    
+							 
+		               		Login
+		               		Membership
+		               		 Find Password
+		                    
    
+		                    
    
+ 
+
    
+			 
    
+	
    
+
+
+
+
+
+  
+
+  
+ 
+
+
+ <%@include file="/cms_for_bcb/show_bottom2.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/login/login_ok.jsp b/resoft/cms_for_bcb/process/login/login_ok.jsp
new file mode 100644
index 0000000..016c8ab
--- /dev/null
+++ b/resoft/cms_for_bcb/process/login/login_ok.jsp
@@ -0,0 +1,70 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	String c_id = r_call(request.getParameter("c_id")); 
+	String c_pass = r_call(request.getParameter("c_pass")); 
+	 
+	 
+
+		String sql= "select * from tbl_member where c_id= '"+ c_id +"'  and c_pass = SHA2('" + c_pass + "',512) and c_use = 0 ";
+		ResultSet rs=stmt.executeQuery(sql);
+		if(rs.next()){
+
+				String sql2 = "select a.*, b.c_field as c_field_no, c.c_eng_name as c_field_eng_name,b.c_up_no as c_cate_no from tbl_pnm_for_bcb a ";
+				sql2 = sql2 + " inner join tbl_project b on b.c_no = a.c_project_no and b.c_use = 0 ";
+				sql2 = sql2 + " inner join tbl_field c on c.c_no = b.c_field and c.c_use = 0 ";
+				sql2 = sql2 + " where a.c_use = 0 and a.c_member_no = " + rs.getInt("c_no") + " order by b.c_no desc, a.c_type asc, a.c_no desc";
+				ResultSet rs2=stmt.executeQuery(sql2);
+				if(rs2.next()){
+					session.setAttribute("member_no",rs.getString("c_no"));
+					session.setAttribute("member_name",rs.getString("c_name"));
+					session.setAttribute("member_field_no",rs2.getString("c_field_no"));
+					session.setAttribute("member_field_eng_name",rs2.getString("c_field_eng_name"));
+					session.setAttribute("member_cate_no",rs2.getString("c_cate_no"));
+					session.setAttribute("member_project_no",rs2.getString("c_project_no"));
+					session.setAttribute("member_team_no",rs2.getString("c_team_no"));
+					session.setAttribute("member_pnm_no",rs2.getString("c_no"));
+					session.setAttribute("member_type",rs2.getString("c_type"));
+					if(rs.getInt("c_temp") == 1){
+						String sql_ok = "update tbl_member set c_temp= 0 where c_id = '"+ c_id +"' and c_use = 0";
+						stmt2.execute(sql_ok); 
+%>
+
+<%
+					}else{
+%>
+
+<%
+					}
+			 	}else{
+%>
+
+<%
+				}
+				rs2.close();
+	 	}else{
+%>
+
+<%
+		}
+		rs.close();
+	 
+		
+ %>
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/login/logout_ok.jsp b/resoft/cms_for_bcb/process/login/logout_ok.jsp
new file mode 100644
index 0000000..328c09d
--- /dev/null
+++ b/resoft/cms_for_bcb/process/login/logout_ok.jsp
@@ -0,0 +1,28 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%//=session.getAttribute("member_name")%>
+<%
+	 
+	String call_name = " ";
+	 call_name = call_name + session.getAttribute("member_name");
+	  
+ 
+					session.setAttribute("member_no","");
+					session.setAttribute("member_name","");
+					session.setAttribute("member_field_no","");
+					session.setAttribute("member_field_eng_name","");
+					session.setAttribute("member_cate_no","");
+					session.setAttribute("member_project_no","");
+					session.setAttribute("member_team_no","");
+					session.setAttribute("member_pnm_no","");
+					session.setAttribute("member_type","");
+%>
+
+<%
+ %>
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/member/edit_ok.jsp b/resoft/cms_for_bcb/process/member/edit_ok.jsp
new file mode 100644
index 0000000..c3a4ff4
--- /dev/null
+++ b/resoft/cms_for_bcb/process/member/edit_ok.jsp
@@ -0,0 +1,69 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/photo";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        while( files.hasMoreElements() ){
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	String c_pass = r_call(multi.getParameter("c_pass")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_phone = r_call(multi.getParameter("c_phone")); 
+	String c_home = r_call(multi.getParameter("c_home")); 
+	 
+ 
+	String sql_ok = "update tbl_member set ";
+	sql_ok = sql_ok + " c_phone = '"+  c_phone +"' ";
+	if(!c_pass.equals("")){
+		sql_ok = sql_ok + ", c_pass = SHA2('" + c_pass + "',512) ";
+	}
+	sql_ok = sql_ok + ", c_name= '"+  c_name +"' ";
+	sql_ok = sql_ok + ",c_home='"+ c_home +"' ";
+	if(!fileName.equals("")){
+		sql_ok = sql_ok + ",c_photo='"+ fileName +"' ";
+	}
+	
+	sql_ok = sql_ok + " where c_no = "+ session.getAttribute("member_no") +" and c_use = 0";
+	stmt2.execute(sql_ok); 				
+ %>
+
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/member/insert_ok.jsp b/resoft/cms_for_bcb/process/member/insert_ok.jsp
new file mode 100644
index 0000000..d6e76ff
--- /dev/null
+++ b/resoft/cms_for_bcb/process/member/insert_ok.jsp
@@ -0,0 +1,52 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	String c_id = r_call(request.getParameter("c_id")); 
+	String c_pass = r_call(request.getParameter("c_pass")); 
+	String c_email_ok = r_call(request.getParameter("c_email_ok")); 
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_phone = r_call(request.getParameter("c_phone")); 
+	 
+	 
+
+		String sql= "select * from tbl_member where c_id= '"+ c_id +"'  and c_use = 0 ";
+		ResultSet rs=stmt.executeQuery(sql);
+		if(rs.next()){
+			 if(rs.getInt("c_rand") == 0){
+				%>
+				
+				<%			
+			}else{
+				String sql_ok = "update tbl_member set c_pass = SHA2('" + c_pass + "',512), c_phone = '"+  c_phone +"', c_name= '"+  c_name +"',c_rand=0,c_date = now(),c_home='',c_photo='' where c_id = '"+ c_id +"' and c_use = 0";
+				stmt2.execute(sql_ok); 				
+				%>
+				
+				<%			
+			}
+		}else{
+				 
+				String sql_ok2 = "update tbl_member set c_pass = SHA2('" + c_pass + "',512), c_phone = '"+  c_phone +"', c_name= '"+  c_name +"',c_rand=0,c_date = now(),c_home='',c_photo='' where c_id = '"+ c_id +"' and c_use = 0";
+				sql_ok2 = "insert into tbl_member (c_id,c_pass,c_phone,c_name,c_date,c_use)values('"+ c_id +"',SHA2('" + c_pass + "',512),'"+ c_phone +"', '"+ c_name +"',now(),0)";
+				stmt2.execute(sql_ok2); 				
+				%>
+				
+				<%
+				 
+		}
+		rs.close();
+	 
+		
+ %>
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/member/insert_ok_org.jsp b/resoft/cms_for_bcb/process/member/insert_ok_org.jsp
new file mode 100644
index 0000000..d6fd999
--- /dev/null
+++ b/resoft/cms_for_bcb/process/member/insert_ok_org.jsp
@@ -0,0 +1,56 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	String c_id = r_call(request.getParameter("c_id")); 
+	String c_pass = r_call(request.getParameter("c_pass")); 
+	String c_email_ok = r_call(request.getParameter("c_email_ok")); 
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_phone = r_call(request.getParameter("c_phone")); 
+	 
+	 
+
+		String sql= "select * from tbl_member where c_id= '"+ c_id +"'  and c_use = 0 ";
+		ResultSet rs=stmt.executeQuery(sql);
+		if(rs.next()){
+			if(rs.getInt("c_rand") == 0 ){
+%>
+
+<%			
+			}else{
+				if(rs.getString("c_rand").equals(c_email_ok)){
+					String sql_ok = "update tbl_member set c_pass = SHA2('" + c_pass + "',512), c_phone = '"+  c_phone +"', c_name= '"+  c_name +"',c_rand=0,c_date = now(),c_home='',c_photo='' where c_id = '"+ c_id +"' and c_use = 0";
+					stmt2.execute(sql_ok); 				
+%>
+
+<%
+				}else{
+%>
+
+<%			
+				}
+			}
+	 	}else{
+%>
+
+<%
+		}
+		rs.close();
+	 
+		
+ %>
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/member/list.jsp b/resoft/cms_for_bcb/process/member/list.jsp
new file mode 100644
index 0000000..77d8c0a
--- /dev/null
+++ b/resoft/cms_for_bcb/process/member/list.jsp
@@ -0,0 +1,440 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%
+	login_tag = 0;
+%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top2.jsp"%>
+    
+<%	
+	if (session.getAttribute("member_no") == null || session.getAttribute("member_no").equals("")){
+	
+%>
+
+  
+  
    
+ 	
    
+	 
+		              
+		                  
      
+					
    • ID
      • 
+				  
    
+				    
+				  
    
+                 		       
+                        		
    
+	                        
       
+	                            
+	                         
    
+                 		       
+                        		
    
+	                        
          
+	                         
    
+                 		       
+                        		
    
+	                        
          
+	                        	
    
+		                       
+		                    
+		                  
      
+					
    • Individual Information
      • 
+				  
    
+				    
+				  
    
+                 		       
+                        		
    
+	                        
    
+	                        
+	                          
    
+                 		       
+                        		
    
+	                        
    
+ 
+	                        
    
+	                         
    
+	                         	Join
+		               		Login
+		               		
+	                        
    
+		                    
    
+		         
    
+ 
+			 
+	
+
+<%}else{%>
+ 
+	
+
+		<%
+				String sql3 = " select * from tbl_member where c_no = " + session.getAttribute("member_no") + " and c_use = 0 ";
+				ResultSet rs3 = stmt.executeQuery(sql3);
+				if (rs3.next()) {
+		%>  
+		
+  
    
+ 			
    
+	 	                    
+		                   
      
+					
    • Photo
      • 
+				  
    
+				  
    
+                 		       <%if(rs3.getString("c_photo").equals("")){%>
+                 		       
+                 		       <%}else{%>
+                 		       " width="100" height=100 style="border: 1px solid #ededed;border-radius: 50px; ">
+                 		       
+                 		       <%}%>
+                        		
    * W100px * H100px 
    
+	                          
       
+	                          
    
+	                          
      
+					
    • ID(Email)
      • 
+				  
    
+				  
    
+                 		       <%=rs3.getString("c_id")%>
+                        		
    
+	                          
       
+	                           
    
+		                  
      
+					
    • Password
      • * If you want to change your password, Use this.
+				  
    
+	                         
    
+                 		       
+                        		
    
+	                        
          
+	                         
    
+                 		       
+                        		
    
+	                        
          
+	                        	
    
+		                       
+		                    
+		                  
      
+					
    • Indivisual Information
      • 
+				  
    
+				    
+				  
    
+                 		         " style="width:30%" id="name" placeholder="Nmae" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
+                        		
    
+	                        
    
+	                        
+	                          
    
+                 		       " style="width:60%" id="name" placeholder="Phone number" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
+                        		
    
+	                        
    
+	                        
    
+ 				
      
+					
    • Other information
      • 
+				  
    
+				    
+				  
    
+                 		         " style="width:80%" id="name" placeholder="Homepage address" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
+                        		
    
+	                        
    
+	                        
    
+ 				
      
+					
    • Accounts
      • 
+				  
    
+				    
+				  
    
+				  
+                        	  <%
+                        	  String sql_sub2 =    " select a.*,b.c_name as a3, c.c_name as a2,d.c_name as a1,(select c_team_name from tbl_team where c_no = a.c_team_no and c_use = 0) as team_name from tbl_pnm_for_bcb a ";
+                        	  sql_sub2 = sql_sub2 + " inner join tbl_project b on b.c_no = a.c_project_no and b.c_use = 0 ";
+                        	  sql_sub2 = sql_sub2 + " inner join tbl_project c on c.c_no = b.c_up_no and c.c_use = 0 ";
+                        	  sql_sub2 = sql_sub2 + " inner join tbl_field d on d.c_no = c.c_field and d.c_use = 0 ";
+                        	  sql_sub2 = sql_sub2 + " where a.c_use = 0 and a.c_member_no  = " + session.getAttribute("member_no") + " ";
+                        	  sql_sub2 = sql_sub2 + " order by d.c_no desc, c.c_no desc, b.c_no desc, a.c_type asc, a.c_no desc ";
+                        	  ResultSet rs_k = stmt2.executeQuery(sql_sub2);
+				  while(rs_k.next()){
+				  %>
+				  ► <%=rs_k.getString("a1")%> > <%=rs_k.getString("a2")%> > <%=rs_k.getString("a3")%>   
+				  <%if(rs_k.getString("team_name") != null && !rs_k.getString("team_name").equals("")){%>
+				 	 > <%=rs_k.getString("team_name")%>   
+				  <%}%>
+ 				  <%if(rs_k.getInt("c_type") == 0){%>
+				 	/ Member
+				  <%}%>
+ 				  <%if(rs_k.getInt("c_type") == 1){%>
+				 	/ Instructor
+				  <%}%>
+ 				  <%if(rs_k.getInt("c_type") == 2){%>
+				 	/ Mentor
+				  <%}%>
+ 				  <%if(rs_k.getInt("c_type") == 3){%>
+				 	/ Observer
+				  <%}%>
+				  <%if(!rs_k.getString("c_no").equals(session.getAttribute("member_pnm_no"))){%>
+				  )">[ Change Account  ]
+				  <%}%>
+ 				  
    
+				  <%
+				  }
+				  rs_k.close();
+				  %>
+                        	  
    
+	                        
    
+	                        
    
+	                         
    
+	                         	 Edit
+		               		 Cancel
+		               		
+	                        
    
+		                    
    
+		         
    
+		
+
+		<%		  			 
+	   			}
+	   			rs3.close();
+		%>
+
+<%}%>
+
+
+
+
+
+
+
+  
+  
+  
+  
+
+ <%@include file="/cms_for_bcb/show_bottom2.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/movie/list.jsp b/resoft/cms_for_bcb/process/movie/list.jsp
new file mode 100644
index 0000000..a1cf12c
--- /dev/null
+++ b/resoft/cms_for_bcb/process/movie/list.jsp
@@ -0,0 +1,54 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%
+	login_tag = 0;
+%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+	String c_type = r_call(request.getParameter("c_type"));
+	if(c_type.equals("")){
+		c_type = "0"; 
+	}
+%>
+ 
+
    
+
    
+	 educational video Category : 
+	
+
    		 
+
    
+	<% String sql_mv = "select * from tbl_board where c_type = " +  c_type + " and  c_relation = "+ c_relation +" and c_relation2 = "+ c_relation2 +" and c_use = 0 order by c_no asc";
+	  ResultSet rs_mv = stmt.executeQuery(sql_mv);
+	  while (rs_mv.next()) {
+	%>
+	
    
+		
    
+			<%=rs_mv.getString("c_title")%>
+		
    
+		
    
+			
+		
    
+	
    
+	<%}
+	  rs_mv.close();
+	%>
+			
+
    		 
+
    		 
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/movie/list_b.jsp b/resoft/cms_for_bcb/process/movie/list_b.jsp
new file mode 100644
index 0000000..bbccc1b
--- /dev/null
+++ b/resoft/cms_for_bcb/process/movie/list_b.jsp
@@ -0,0 +1,134 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%
+	login_tag = 0;
+%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+	String where_t = " a.c_use = 0 and "; 
+	int totalRecord = 0; //총레코드개수
+	int numPerPage = 10; //한페이지당 보여줄레코드개수
+	int totalPage = 0; //총페이지수
+	int pagePerBlock = 10; //블록당페이지수
+	int nowPage = 1; //현재페이지
+	String sql1 = "";
+	sql1 = " select count(t.c_no) from ( select a.*  ";
+		sql1 = sql1 + " from tbl_board a ";
+		sql1 = sql1 + " where  "+ where_t +" a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +"  ) t ";
+		 
+	 
+	ResultSet rst = stmt.executeQuery(sql1);
+	if (rst.next()) {
+		totalRecord = rst.getInt(1);
+	}
+	rst.close();
+	if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) {
+		nowPage = Integer.parseInt(r_call(request.getParameter("nowPage")));
+	}
+	
+	//nowPage = 93;
+	//totalRecord =1240;
+	int pfirst = 0; //첫페이지 번호
+	int plast = 0; // 끝페이지 번호
+	int plast_org = 0;
+
+	pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1;
+	plast = pfirst + pagePerBlock - 1;
+	plast_org = (totalRecord-1)/numPerPage + 1;
+	if(plast > plast_org){
+		plast = plast_org;
+	}
+	int c_number=totalRecord-(nowPage-1)*numPerPage;
+	
+	int sql_now_page = (nowPage - 1) * numPerPage;
+%>
+
    
+	
    
+			
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+	<%if(totalRecord==0) {%>
+	    	
+			
+		
+		 
+	<%}else{%>
+		<%
+		sql1 = " select t.* from ( select a.*  ";
+		 
+		sql1 = sql1 + " from tbl_board a ";
+		sql1 = sql1 + " where  "+ where_t +" a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +"  ) t ";
+		sql1 = sql1 + " order by t.c_no desc ";
+		sql1 = sql1 + " limit "+ sql_now_page +" , "+ numPerPage +" ";
+		 
+		 rst = stmt.executeQuery(sql1);
+		 while (rst.next()) {
+		 	 
+	%>
+		
+		
+		
+		
+		
+		
+		
+	<%
+		 c_number=c_number-1;
+		 }
+		 rst.close();
+	}%>
+		
+		 
+		
+		
    번호제목작성자등록일조회수
    
+				No data.
+			
    <%=c_number%>&nowPage=<%=nowPage%>"><%=rst.getString("c_title")%><%=rst.getString("c_name")%><%=rst.getString("c_date").substring(0,10)%><%=rst.getString("c_click")%>
    
+	
    
+
    
+
    
+		
+        	
+		<%if(pfirst > 1){ %>
+		
+		
+		<%}%>
+        	<% for(int i=pfirst;i
+        	 
+        	<%}%>
+        	<%if(plast < plast_org){ %>
+		
+		
+		<%}%>
+		
+		
    
+			〈〈
+		
+			〈
+		
+        		<% if(i==nowPage){%>
+        		<%=i%>
+        		<%}else{%>
+        		<%=i%>
+			<%}%>
+        	
+			〉
+		
+			〉〉
+		
    
+
    
+
    
+	 		
+
    
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/movie/pop.jsp b/resoft/cms_for_bcb/process/movie/pop.jsp
new file mode 100644
index 0000000..fce784c
--- /dev/null
+++ b/resoft/cms_for_bcb/process/movie/pop.jsp
@@ -0,0 +1,32 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%
+	 
+	String c_no =  r_call(request.getParameter("c_no"));
+ 
+		String sql_ok = "update tbl_board set c_click = c_click + 1 where c_no = " + c_no;
+		stmt2.execute(sql_ok); 	
+		
+		String sql1 = " select * from tbl_board where c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+%>
+ 
+
+<%=rst.getString("c_title")%>
+
+
+
+ 
+
+ 
+
+ <%
+		 
+		 }
+		 rst.close();
+	 
+%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/movie/view.jsp b/resoft/cms_for_bcb/process/movie/view.jsp
new file mode 100644
index 0000000..632ab8e
--- /dev/null
+++ b/resoft/cms_for_bcb/process/movie/view.jsp
@@ -0,0 +1,59 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%
+	login_tag = 0;
+%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql_ok = "update tbl_board set c_click = c_click + 1 where c_no = " + c_no;
+		stmt2.execute(sql_ok); 	
+		
+		String sql1 = " select * from tbl_board where c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+%>
+
    
+
    
+	
    
+		 Title. <%=rst.getString("c_title")%>
+	
    
+	
    
+		
    
+		 Name. <%=rst.getString("c_name")%>
+		
    
+		
    
+		 Clicks <%=rst.getString("c_click")%>
+		
    
+		
    
+		 date <%=rst.getString("c_date").substring(0,10)%>
+		
    
+	
    
+	 
+	
    
+		 <%=rst.getString("c_content").replaceAll("\n\r","
    ")%>
+	
    
+	
    
+		 File. "><%=rst.getString("c_file")%>
+	
    
+
    
+
    
+
    
+		 
+	 	List
+	 	
+
    
+ <%
+		 
+		 }
+		 rst.close();
+	}
+%>
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/notice/back/delete_ok.jsp b/resoft/cms_for_bcb/process/notice/back/delete_ok.jsp
new file mode 100644
index 0000000..c9f07a4
--- /dev/null
+++ b/resoft/cms_for_bcb/process/notice/back/delete_ok.jsp
@@ -0,0 +1,28 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+		String c_no = r_call(request.getParameter("c_no")); 
+		String show_no = r_call(request.getParameter("show_no")); 
+		String check_no = r_call(request.getParameter("check_no")); 
+		String c_relation = r_call(request.getParameter("c_relation")); 
+		String c_relation2 = r_call(request.getParameter("c_relation2")); 
+	
+	  
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_use = 1 where c_no = " + c_no;
+		stmt2.execute(sql_ok); 	
+
+	 
+ %>
+
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/notice/back/edit.jsp b/resoft/cms_for_bcb/process/notice/back/edit.jsp
new file mode 100644
index 0000000..2ab238f
--- /dev/null
+++ b/resoft/cms_for_bcb/process/notice/back/edit.jsp
@@ -0,0 +1,115 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql1 = " select a.* ";
+		sql1 = sql1 + ", (select count(c_no) from tbl_board_to where c_board_no = a.c_no and c_group_type=0 and c_group_no = 0 ) as c1_no ";
+		sql1 = sql1 + ", (select count(c_no) from tbl_board_to where c_board_no = a.c_no and c_group_type=0 and c_group_no = 1 ) as c2_no ";
+		sql1 = sql1 + ", (select count(c_no) from tbl_board_to where c_board_no = a.c_no and c_group_type=0 and c_group_no = 2 ) as c3_no ";
+		sql1 = sql1 + ", (select count(c_no) from tbl_board_to where c_board_no = a.c_no and c_group_type=0 and c_group_no = 3 ) as c4_no ";
+		sql1 = sql1 + " from tbl_board a where a.c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+		 if(rst.getString("c_member_no").equals(session.getAttribute("member_no") ) &&  !session.getAttribute("member_type").equals("0")){
+%>
+
+
    
+
+
    
+
    
+	
    
+		 " style="width:100%;height:30px" placeholder="제목을 입력해 주세요.">
+	
    
+	
    
+		
    
+		 Name. <%=rst.getString("c_name")%>
+		
    
+	
    
+	 
+	
    
+		
+	
    
+	
    
+		 File. <%=rst.getString("c_file")%>
+		 " type="hidden">
+		 <%if(!rst.getString("c_file").equals("")){%>
+		   삭제
+		 <%}%>
+		 
    
+		 
+	
    
+
    
+
    
+
    
+		<%if(rst.getString("c_member_no").equals(session.getAttribute("member_no") ) &&  !session.getAttribute("member_type").equals("0")){%>	
+		 	 Edit
+		<%}%>
+	 	View
+	 	
+
    
+
    
+ <%
+		 }else{
+%>
+
+<%
+		 }
+		 }
+		 rst.close();
+	}
+%>
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/notice/back/edit_ok.jsp b/resoft/cms_for_bcb/process/notice/back/edit_ok.jsp
new file mode 100644
index 0000000..2fc6ad0
--- /dev/null
+++ b/resoft/cms_for_bcb/process/notice/back/edit_ok.jsp
@@ -0,0 +1,117 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	String c_no = r_call(multi.getParameter("c_no")); 
+	String show_no = r_call(multi.getParameter("show_no")); 
+	String check_no = r_call(multi.getParameter("check_no")); 
+	String c_relation = r_call(multi.getParameter("c_relation")); 
+	String c_relation2 = r_call(multi.getParameter("c_relation2")); 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call(multi.getParameter("c_content")); 
+	String o_file = r_call(multi.getParameter("o_file")); 
+	String o_file_name = r_call(multi.getParameter("o_file_name")); 
+	String last_file = "";	
+	if(!fileName.equals("")){
+			last_file = fileName;
+	}else{
+		if(o_file.equals("y")){
+			last_file = "";
+		}else{
+			last_file = o_file_name;
+		}
+	}
+	
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_title = '"+ c_title +"',c_content='"+ c_content +"',c_file ='"+ last_file +"' where c_no = " + c_no;
+		 
+		stmt2.execute(sql_ok); 	
+
+		String max_c_no = c_no;		
+
+		sql_ok = "delete from tbl_board_to where c_board_no = " + c_no;
+		stmt2.execute(sql_ok); 	
+
+		
+String c_type[] = new String[4];
+ c_type[0] = r_call(multi.getParameter("c_type_0")); 
+ c_type[1] = r_call(multi.getParameter("c_type_1")); 
+ c_type[2] = r_call(multi.getParameter("c_type_2")); 
+ c_type[3] = r_call(multi.getParameter("c_type_3")); 
+for(int i = 0 ; i < 4; i++){
+	if(c_type[i].equals("y")){
+		String sql_csr = "insert into tbl_board_to (c_board_no, c_group_type,c_group_no, c_user_type) values(";
+		sql_csr = sql_csr + max_c_no + "," + 0 + "," + i + ",0)";
+		stmt.execute(sql_csr); 	 
+	}
+}
+			//if(!c_type[0].equals("y")){
+				String[] a_team =multi.getParameterValues("c_team");
+				if(a_team != null && !a_team.equals("")){
+					 	for(int i=0;i
+
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/notice/back/insert.jsp b/resoft/cms_for_bcb/process/notice/back/insert.jsp
new file mode 100644
index 0000000..17c79b1
--- /dev/null
+++ b/resoft/cms_for_bcb/process/notice/back/insert.jsp
@@ -0,0 +1,91 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+	if(session.getAttribute("member_type").equals("1") ||  session.getAttribute("member_type").equals("2") || session.getAttribute("member_type").equals("3") ){
+%>
+
+
    
+
+
    
+
    
+	
    
+		 
+	
    
+	
    
+		 Name <%=session.getAttribute("member_name")%>
+		 " type="hidden">
+	
    
+	 
+	
    
+		
+	
    
+	
    
+		  
+	
    
+
    
+
    
+
    
+	 		등록
+		        취소
+
    
+
    
+ <%
+		 
+}else{
+	 
+%>
+
+
+
+<%}%>
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/notice/back/insert_ok.jsp b/resoft/cms_for_bcb/process/notice/back/insert_ok.jsp
new file mode 100644
index 0000000..60c50fc
--- /dev/null
+++ b/resoft/cms_for_bcb/process/notice/back/insert_ok.jsp
@@ -0,0 +1,107 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	String show_no = r_call(multi.getParameter("show_no")); 
+	String check_no = r_call(multi.getParameter("check_no")); 
+	String c_relation = r_call(multi.getParameter("c_relation")); 
+	String c_relation2 = r_call(multi.getParameter("c_relation2")); 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call(multi.getParameter("c_content")); 
+		
+		String sql_ok = "";
+		sql_ok = " insert into tbl_board (c_relation,c_relation2, c_project_no, c_member_no, c_name ,c_title,c_content,c_file,c_click,c_use, c_date) values(";
+		sql_ok = sql_ok + c_relation + "," + c_relation2 + "," + session.getAttribute("member_project_no") +"," + session.getAttribute("member_no") + ",'" + c_name + "','"+ c_title + "','" + c_content + "','" +fileName + "',0,0,now())";
+		 
+		stmt2.execute(sql_ok); 	
+
+		int max_c_no = 1;		
+		String sql_hypo     = " select max(c_no) as max_c_no from tbl_board ";
+	    	ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+		if(rs_hypo.next()){
+			max_c_no = rs_hypo.getInt("max_c_no");
+		}
+		rs_hypo.close();
+
+String c_type[] = new String[4];
+ c_type[0] = r_call(multi.getParameter("c_type_0")); 
+ c_type[1] = r_call(multi.getParameter("c_type_1")); 
+ c_type[2] = r_call(multi.getParameter("c_type_2")); 
+ c_type[3] = r_call(multi.getParameter("c_type_3")); 
+for(int i = 0 ; i < 4; i++){
+	if(c_type[i].equals("y")){
+		String sql_csr = "insert into tbl_board_to (c_board_no, c_group_type,c_group_no, c_user_type) values(";
+		sql_csr = sql_csr + max_c_no + "," + 0 + "," + i + ",0)";
+		stmt.execute(sql_csr); 	 
+	}
+}
+			//if(!c_type[0].equals("y")){
+				String[] a_team =multi.getParameterValues("c_team");
+				if(a_team != null && !a_team.equals("")){
+					 	for(int i=0;i
+
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/notice/back/list.jsp b/resoft/cms_for_bcb/process/notice/back/list.jsp
new file mode 100644
index 0000000..0787a04
--- /dev/null
+++ b/resoft/cms_for_bcb/process/notice/back/list.jsp
@@ -0,0 +1,140 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%
+	login_tag = 0;
+%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+	String where_t = " a.c_use = 0 and "; 
+	int totalRecord = 0; //총레코드개수
+	int numPerPage = 10; //한페이지당 보여줄레코드개수
+	int totalPage = 0; //총페이지수
+	int pagePerBlock = 10; //블록당페이지수
+	int nowPage = 1; //현재페이지
+	String sql1 = "";
+	sql1 = " select count(t.c_no) from ( select a.*  ";
+		sql1 = sql1 + " from tbl_board a ";
+		sql1 = sql1 + " where  "+ where_t +" a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +"  ) t ";
+		 
+	 
+	ResultSet rst = stmt.executeQuery(sql1);
+	if (rst.next()) {
+		totalRecord = rst.getInt(1);
+	}
+	rst.close();
+	if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) {
+		nowPage = Integer.parseInt(r_call(request.getParameter("nowPage")));
+	}
+	
+	//nowPage = 93;
+	//totalRecord =1240;
+	int pfirst = 0; //첫페이지 번호
+	int plast = 0; // 끝페이지 번호
+	int plast_org = 0;
+
+	pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1;
+	plast = pfirst + pagePerBlock - 1;
+	plast_org = (totalRecord-1)/numPerPage + 1;
+	if(plast > plast_org){
+		plast = plast_org;
+	}
+	int c_number=totalRecord-(nowPage-1)*numPerPage;
+	
+	int sql_now_page = (nowPage - 1) * numPerPage;
+%>
+
    
+
    
+	
    
+			
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+	<%if(totalRecord==0) {%>
+	    	
+			
+		
+		 
+	<%}else{%>
+		<%
+		sql1 = " select t.* from ( select a.*  ";
+		 
+		sql1 = sql1 + " from tbl_board a ";
+		sql1 = sql1 + " where  "+ where_t +" a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +"  ) t ";
+		sql1 = sql1 + " order by t.c_no desc ";
+		sql1 = sql1 + " limit "+ sql_now_page +" , "+ numPerPage +" ";
+		 
+		 rst = stmt.executeQuery(sql1);
+		 while (rst.next()) {
+		 	 
+	%>
+		
+		
+		
+		
+		
+		
+		
+	<%
+		 c_number=c_number-1;
+		 }
+		 rst.close();
+	%>
+	<%
+	}%>
+		
+		 
+		
+		
    번호제목작성자등록일조회수
    
+				자료가 없습니다.
+			
    <%=c_number%>&nowPage=<%=nowPage%>"><%=rst.getString("c_title")%><%=rst.getString("c_name")%><%=rst.getString("c_date").substring(0,10)%><%=rst.getString("c_click")%>
    
+	
    
+
    
+
    
+		
+        	
+		<%if(pfirst > 1){ %>
+		
+		
+		<%}%>
+        	<% for(int i=pfirst;i
+        	 
+        	<%}%>
+        	<%if(plast < plast_org){ %>
+		
+		
+		<%}%>
+		
+		
    
+			〈〈
+		
+			〈
+		
+        		<% if(i==nowPage){%>
+        		<%=i%>
+        		<%}else{%>
+        		<%=i%>
+			<%}%>
+        	
+			〉
+		
+			〉〉
+		
    
+
    
+
    
+	<%if(session.getAttribute("member_type") != null && (session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("2") || session.getAttribute("member_type").equals("3")) ){%> 
+		 Insert
+	<%}%>		
+
    
+
    
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/notice/back/view.jsp b/resoft/cms_for_bcb/process/notice/back/view.jsp
new file mode 100644
index 0000000..cf11951
--- /dev/null
+++ b/resoft/cms_for_bcb/process/notice/back/view.jsp
@@ -0,0 +1,62 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%
+	login_tag = 0;
+%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql_ok = "update tbl_board set c_click = c_click + 1 where c_no = " + c_no;
+		stmt2.execute(sql_ok); 	
+		
+		String sql1 = " select * from tbl_board where c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+%>
+
    
+
    
+	
    
+		 Title. <%=rst.getString("c_title")%>
+	
    
+	
    
+		
    
+		 Name. <%=rst.getString("c_name")%>
+		
    
+		
    
+		 Clicks <%=rst.getString("c_click")%>
+		
    
+		
    
+		 date <%=rst.getString("c_date").substring(0,10)%>
+		
    
+	
    
+	 
+	
    
+		 <%=rst.getString("c_content")%>
+	
    
+	
    
+		 File. "><%=rst.getString("c_file")%>
+	
    
+
    
+
    
+
    
+		<%if(rst.getString("c_member_no").equals(session.getAttribute("member_no") ) &&  !session.getAttribute("member_type").equals("0")){%>	
+		 	 Edit
+		 	 Delete
+		<%}%>
+	 	List
+	 	
+
    
+ <%
+		 
+		 }
+		 rst.close();
+	}
+%>
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/notice/delete_ok.jsp b/resoft/cms_for_bcb/process/notice/delete_ok.jsp
new file mode 100644
index 0000000..a20454f
--- /dev/null
+++ b/resoft/cms_for_bcb/process/notice/delete_ok.jsp
@@ -0,0 +1,28 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+		String c_no = r_call(request.getParameter("c_no")); 
+		String show_no = r_call(request.getParameter("show_no")); 
+		String check_no = r_call(request.getParameter("check_no")); 
+		String c_relation = r_call(request.getParameter("c_relation")); 
+		String c_relation2 = r_call(request.getParameter("c_relation2")); 
+	
+	  
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_use = 1 where c_no = " + c_no;
+		stmt2.execute(sql_ok); 	
+
+	 
+ %>
+
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/notice/edit.jsp b/resoft/cms_for_bcb/process/notice/edit.jsp
new file mode 100644
index 0000000..b4fd932
--- /dev/null
+++ b/resoft/cms_for_bcb/process/notice/edit.jsp
@@ -0,0 +1,115 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql1 = " select a.* ";
+		sql1 = sql1 + ", (select count(c_no) from tbl_board_to where c_board_no = a.c_no and c_group_type=0 and c_group_no = 0 ) as c1_no ";
+		sql1 = sql1 + ", (select count(c_no) from tbl_board_to where c_board_no = a.c_no and c_group_type=0 and c_group_no = 1 ) as c2_no ";
+		sql1 = sql1 + ", (select count(c_no) from tbl_board_to where c_board_no = a.c_no and c_group_type=0 and c_group_no = 2 ) as c3_no ";
+		sql1 = sql1 + ", (select count(c_no) from tbl_board_to where c_board_no = a.c_no and c_group_type=0 and c_group_no = 3 ) as c4_no ";
+		sql1 = sql1 + " from tbl_board a where a.c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+		 if(rst.getString("c_member_no").equals(session.getAttribute("member_no") ) &&  !session.getAttribute("member_type").equals("0")){
+%>
+
+
    
+
+
    
+
    
+	
    
+		 " style="width:100%;height:30px" placeholder="Insert Title.">
+	
    
+	
    
+		
    
+		 Name. <%=rst.getString("c_name")%>
+		
    
+	
    
+	 
+	
    
+		
+	
    
+	
    
+		 File. <%=rst.getString("c_file")%>
+		 " type="hidden">
+		 <%if(!rst.getString("c_file").equals("")){%>
+		   del
+		 <%}%>
+		 
    
+		 
+	
    
+
    
+
    
+
    
+		<%if(rst.getString("c_member_no").equals(session.getAttribute("member_no") ) &&  !session.getAttribute("member_type").equals("0")){%>	
+		 	 Edit
+		<%}%>
+	 	View
+	 	
+
    
+
    
+ <%
+		 }else{
+%>
+
+<%
+		 }
+		 }
+		 rst.close();
+	}
+%>
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/notice/edit_ok.jsp b/resoft/cms_for_bcb/process/notice/edit_ok.jsp
new file mode 100644
index 0000000..a2fe206
--- /dev/null
+++ b/resoft/cms_for_bcb/process/notice/edit_ok.jsp
@@ -0,0 +1,117 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	String c_no = r_call(multi.getParameter("c_no")); 
+	String show_no = r_call(multi.getParameter("show_no")); 
+	String check_no = r_call(multi.getParameter("check_no")); 
+	String c_relation = r_call(multi.getParameter("c_relation")); 
+	String c_relation2 = r_call(multi.getParameter("c_relation2")); 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call(multi.getParameter("c_content")); 
+	String o_file = r_call(multi.getParameter("o_file")); 
+	String o_file_name = r_call(multi.getParameter("o_file_name")); 
+	String last_file = "";	
+	if(!fileName.equals("")){
+			last_file = fileName;
+	}else{
+		if(o_file.equals("y")){
+			last_file = "";
+		}else{
+			last_file = o_file_name;
+		}
+	}
+	
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_title = '"+ c_title +"',c_content='"+ c_content +"',c_file ='"+ last_file +"' where c_no = " + c_no;
+		 
+		stmt2.execute(sql_ok); 	
+
+		String max_c_no = c_no;		
+
+		sql_ok = "delete from tbl_board_to where c_board_no = " + c_no;
+		stmt2.execute(sql_ok); 	
+
+		
+String c_type[] = new String[4];
+ c_type[0] = r_call(multi.getParameter("c_type_0")); 
+ c_type[1] = r_call(multi.getParameter("c_type_1")); 
+ c_type[2] = r_call(multi.getParameter("c_type_2")); 
+ c_type[3] = r_call(multi.getParameter("c_type_3")); 
+for(int i = 0 ; i < 4; i++){
+	if(c_type[i].equals("y")){
+		String sql_csr = "insert into tbl_board_to (c_board_no, c_group_type,c_group_no, c_user_type) values(";
+		sql_csr = sql_csr + max_c_no + "," + 0 + "," + i + ",0)";
+		stmt.execute(sql_csr); 	 
+	}
+}
+			//if(!c_type[0].equals("y")){
+				String[] a_team =multi.getParameterValues("c_team");
+				if(a_team != null && !a_team.equals("")){
+					 	for(int i=0;i
+
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/notice/insert.jsp b/resoft/cms_for_bcb/process/notice/insert.jsp
new file mode 100644
index 0000000..e61e6c5
--- /dev/null
+++ b/resoft/cms_for_bcb/process/notice/insert.jsp
@@ -0,0 +1,136 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+
+		
+  
    
+<%
+	if(session.getAttribute("member_type").equals("1") ||  session.getAttribute("member_type").equals("2") || session.getAttribute("member_type").equals("3") ){
+%>
+
+
    
+
+
    
+
    
+	
    
+		  
+  
+		
+	
    
+	
    
+		 Name <%=session.getAttribute("member_name")%>
+		 " type="hidden">
+	
    
+	 
+	
    
+		
+	
    
+	
    
+		  
+	
    
+
    
+
    
+
    
+	 		Insert
+		        Cancel
+
    
+
    
+ <%
+		 
+}else{
+	 
+%>
+
+
+
+<%}%>
+
+
+
+  
+
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/notice/insert_ok.jsp b/resoft/cms_for_bcb/process/notice/insert_ok.jsp
new file mode 100644
index 0000000..fb25de1
--- /dev/null
+++ b/resoft/cms_for_bcb/process/notice/insert_ok.jsp
@@ -0,0 +1,107 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	String show_no = r_call(multi.getParameter("show_no")); 
+	String check_no = r_call(multi.getParameter("check_no")); 
+	String c_relation = r_call(multi.getParameter("c_relation")); 
+	String c_relation2 = r_call(multi.getParameter("c_relation2")); 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call(multi.getParameter("c_content")); 
+		
+		String sql_ok = "";
+		sql_ok = " insert into tbl_board (c_relation,c_relation2, c_project_no, c_member_no, c_name ,c_title,c_content,c_file,c_click,c_use, c_date) values(";
+		sql_ok = sql_ok + c_relation + "," + c_relation2 + "," + session.getAttribute("member_project_no") +"," + session.getAttribute("member_no") + ",'" + c_name + "','"+ c_title + "','" + c_content + "','" +fileName + "',0,0,now())";
+		 
+		stmt2.execute(sql_ok); 	
+
+		int max_c_no = 1;		
+		String sql_hypo     = " select max(c_no) as max_c_no from tbl_board ";
+	    	ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+		if(rs_hypo.next()){
+			max_c_no = rs_hypo.getInt("max_c_no");
+		}
+		rs_hypo.close();
+
+String c_type[] = new String[4];
+ c_type[0] = r_call(multi.getParameter("c_type_0")); 
+ c_type[1] = r_call(multi.getParameter("c_type_1")); 
+ c_type[2] = r_call(multi.getParameter("c_type_2")); 
+ c_type[3] = r_call(multi.getParameter("c_type_3")); 
+for(int i = 0 ; i < 4; i++){
+	if(c_type[i].equals("y")){
+		String sql_csr = "insert into tbl_board_to (c_board_no, c_group_type,c_group_no, c_user_type) values(";
+		sql_csr = sql_csr + max_c_no + "," + 0 + "," + i + ",0)";
+		stmt.execute(sql_csr); 	 
+	}
+}
+			//if(!c_type[0].equals("y")){
+				String[] a_team =multi.getParameterValues("c_team");
+				if(a_team != null && !a_team.equals("")){
+					 	for(int i=0;i
+
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/notice/list.jsp b/resoft/cms_for_bcb/process/notice/list.jsp
new file mode 100644
index 0000000..25eddeb
--- /dev/null
+++ b/resoft/cms_for_bcb/process/notice/list.jsp
@@ -0,0 +1,192 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%
+	login_tag = 0;
+%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+		
+  
    
+<%
+	String where_t = " a.c_use = 0 and "; 
+	int totalRecord = 0; //총레코드개수
+	int numPerPage = 10; //한페이지당 보여줄레코드개수
+	int totalPage = 0; //총페이지수
+	int pagePerBlock = 10; //블록당페이지수
+	int nowPage = 1; //현재페이지
+	String sql1 = "";
+	sql1 = " select count(t.c_no) from ( select a.*  ";
+		sql1 = sql1 + " from tbl_board a ";
+		sql1 = sql1 + " where  "+ where_t +" a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +"  ) t ";
+		 
+	 
+	ResultSet rst = stmt.executeQuery(sql1);
+	if (rst.next()) {
+		totalRecord = rst.getInt(1);
+	}
+	rst.close();
+	if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) {
+		nowPage = Integer.parseInt(r_call(request.getParameter("nowPage")));
+	}
+	
+	//nowPage = 93;
+	//totalRecord =1240;
+	int pfirst = 0; //첫페이지 번호
+	int plast = 0; // 끝페이지 번호
+	int plast_org = 0;
+
+	pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1;
+	plast = pfirst + pagePerBlock - 1;
+	plast_org = (totalRecord-1)/numPerPage + 1;
+	if(plast > plast_org){
+		plast = plast_org;
+	}
+	int c_number=totalRecord-(nowPage-1)*numPerPage;
+	
+	int sql_now_page = (nowPage - 1) * numPerPage;
+%>
+
    
+
    
+	
    
+			
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+	<%if(totalRecord==0) {%>
+	    	
+			
+		
+		 
+	<%}else{%>
+		<%
+		sql1 = " select t.* from ( select a.*  ";
+		 
+		sql1 = sql1 + " from tbl_board a ";
+		sql1 = sql1 + " where  "+ where_t +" a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +"  ) t ";
+		sql1 = sql1 + " order by t.c_no desc ";
+		sql1 = sql1 + " limit "+ sql_now_page +" , "+ numPerPage +" ";
+		 
+		 rst = stmt.executeQuery(sql1);
+		 while (rst.next()) {
+		 	 
+	%>
+		
+		
+		
+		
+		
+		
+		
+	<%
+		 c_number=c_number-1;
+		 }
+		 rst.close();
+	%>
+	<%
+	}%>
+		
+		 
+		
+		
    NoTitleWriterDateClick
    
+				No Data
+			
    <%=c_number%>&nowPage=<%=nowPage%>"><%=rst.getString("c_title")%><%=rst.getString("c_name")%><%=rst.getString("c_date").substring(0,10)%><%=rst.getString("c_click")%>
    
+	
    
+
    
+
    
+		
+        	
+		<%if(pfirst > 1){ %>
+		
+		
+		<%}%>
+        	<% for(int i=pfirst;i
+        	 
+        	<%}%>
+        	<%if(plast < plast_org){ %>
+		
+		
+		<%}%>
+		
+		
    
+			〈〈
+		
+			〈
+		
+        		<% if(i==nowPage){%>
+        		<%=i%>
+        		<%}else{%>
+        		<%=i%>
+			<%}%>
+        	
+			〉
+		
+			〉〉
+		
    
+
    
+
    
+	<%if(session.getAttribute("member_type") != null && (session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("2") || session.getAttribute("member_type").equals("3")) ){%> 
+		 Insert
+	<%}%>		
+
    
+
    
+
+
+
+  
+
+
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/notice/view.jsp b/resoft/cms_for_bcb/process/notice/view.jsp
new file mode 100644
index 0000000..b94aa9d
--- /dev/null
+++ b/resoft/cms_for_bcb/process/notice/view.jsp
@@ -0,0 +1,121 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%
+	login_tag = 0;
+%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+		
+  
    
+
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql_ok = "update tbl_board set c_click = c_click + 1 where c_no = " + c_no;
+		stmt2.execute(sql_ok); 	
+		
+		String sql1 = " select * from tbl_board where c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+%>
+
    
+
    
+	
    
+		 Title. <%=rst.getString("c_title")%>
+	
    
+	
    
+		
    
+		Name. <%=rst.getString("c_name")%>
+		
    
+		
    
+		 Clicks <%=rst.getString("c_click")%>
+		
    
+		
    
+		date <%=rst.getString("c_date").substring(0,10)%>
+		
    
+	
    
+	 
+	
    
+		 <%=rst.getString("c_content")%>
+	
    
+	
    
+		File. "><%=rst.getString("c_file")%>
+	
    
+
    
+
    
+
    
+		<%if(rst.getString("c_member_no").equals(session.getAttribute("member_no") ) &&  !session.getAttribute("member_type").equals("0")){%>	
+		 	 Edit
+		 	 Delete
+		<%}%>
+	 	List
+	 	
+
    
+ <%
+		 
+		 }
+		 rst.close();
+	}
+%>
+
+
+  
+
+
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/order_bcb/list.jsp b/resoft/cms_for_bcb/process/order_bcb/list.jsp
new file mode 100644
index 0000000..cc6a5d5
--- /dev/null
+++ b/resoft/cms_for_bcb/process/order_bcb/list.jsp
@@ -0,0 +1,143 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%
+	temp_state = 1;
+%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+	String[] hy_title = new String[10]; 
+	hy_title[1] = "Key Partners";
+	hy_title[2] = "Key Activities";
+	hy_title[3] = "Value Propositions";
+	hy_title[4] = "Customer Relationships";
+	hy_title[5] = "Customer Segments";
+	hy_title[6] = "Key Resources";
+	hy_title[7] = "Channels";
+	hy_title[8] = "Cost Structure";
+	hy_title[9] = "Revenue Streams";
+%>
+
+
    
+	
+		Business Model Canvas
+		
+	
+
+ 	 
+ 	
+ 	 
+
    
+
+<%for(int i = 1; i<10 ; i++){%>
+	<%if(i==1 || i==6 || i==8){%>  
+		
+	<%}%>
+		
+	<%if(i==5 || i==7 || i==9){%>  
+		
+	<%}%>
+<%}%>
+
+
+
+
    width="20%"<%}%> <%if(i==8 || i==9){%> width="50%" colspan=3<%}%> <%if(i==1 || i==3 || i==5){%>rowspan=2<%}%> <%if(i==3){%>colspan=2<%}%> onmouseover="this.bgColor='#FBF0EF'" onmouseout="this.bgColor='#ededed'">
+			
+			
+			
+			
    
+				 <%=hy_title[i]%>
+				
+			
+				 
+			
    
+				
    
+					 <%
+                        	 	   String sql_hypo     = " select a.*, b.c_name as writer_name ";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 2count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 2 and d.c_date <= '"+ call_date + " 23:59:59"  +"') as 2count";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 1count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 1 and d.c_date <= '"+ call_date + " 23:59:59"  +"') as 1count";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 0count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 0 and d.c_date <= '"+ call_date + " 23:59:59"  +"') as 0count";
+                        	 	   sql_hypo = sql_hypo + ", (select  max(e.c_no)  from tbl_hypo_history e where e.c_hypo_no = a.c_no and e.c_date <= '"+ call_date + " 23:59:59"  +"'   )  as c_last_now ";
+                        	 	   sql_hypo = sql_hypo + " from tbl_hypo a ";
+                        	 	   sql_hypo = sql_hypo + " inner join tbl_member b on b.c_no = a.c_member_no ";
+                        	 	   sql_hypo = sql_hypo + " where (a.c_use = 0 or ( a.c_use = 1 and  a.c_use_date > '"+ call_date + " 23:59:59" +"'    ) ) and a.c_team_no = "+ c_team +" and a.c_channel = "+ i +" and a.c_date <= '"+ call_date + " 23:59:59"  +"' ";
+                        	 	   sql_hypo = sql_hypo + " order by a.c_no desc";
+	                        	   ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+					  while(rs_hypo.next()){
+					  %>
+							       <%
+					  			 int now_call = 0;
+								  String sql_hypo_history    = " select c_now from tbl_hypo_history where c_no = " + rs_hypo.getInt("c_last_now") + "  ";
+				                        	   ResultSet rs_hypo_history = stmt.executeQuery(sql_hypo_history);
+								  if(rs_hypo_history.next()){
+								  	now_call = rs_hypo_history.getInt("c_now");
+								  }
+								  rs_hypo_history.close();
+					  			%>
+					
    ').style.display='block'" onmouseout="document.getElementById('hypo_<%=rs_hypo.getString("c_no")%>').style.display='none'">
+					  
+					  	
+					  	" style="display:none;">
+					  	
+					  	
+					  
    
+					  		<%if(now_call == 2){%>
+						  		<%=rs_hypo.getString("c_title")%>
+					  		<%}else{%>
+						  	 	<%=rs_hypo.getString("c_title")%>
+					  		<%}%>
+					  	
+					  			
+								 <%if(now_call == 0){%>
+									
+								<%}%>
+								<%if(now_call == 1){%>
+								 	
+								 <%}%>
+								 <%if(now_call == 2){%>
+									
+								 <%}%>
+					  	
    
+							 <%=rs_hypo.getString("c_date").substring(0,10)%> / 
+							 <%=rs_hypo.getString("writer_name")%>
    
+							  <%=rs_hypo.getInt("2count")%>
+							   
+							  <%=rs_hypo.getInt("1count")%>
+							   
+							  <%=rs_hypo.getInt("0count")%>
+					  	
    
+							<%
+							if(i==5){
+							%>
+										">■
+							<%
+							}else{%>
+								<%
+								  String sql_hypo_cs     = " select c_cs_color from tbl_hypo_cs where c_hypo_no = " + rs_hypo.getInt("c_no") + " order by c_no desc";
+				                        	   ResultSet rs_hypo_cs = stmt.executeQuery(sql_hypo_cs);
+								  while(rs_hypo_cs.next()){
+								%>
+										">■
+								<%}
+								  rs_hypo_cs.close();
+					  			%>
+							
+							<%}%>
+					  	
      	
+					  
     
+					  
     
+					  <%
+					  }
+					  rs_hypo.close();
+					  %>
+				
    
+			
    
+		
    
+BMC license
+
    
+ 
+
    
+
    
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/order_bcb/view.jsp b/resoft/cms_for_bcb/process/order_bcb/view.jsp
new file mode 100644
index 0000000..0aa9855
--- /dev/null
+++ b/resoft/cms_for_bcb/process/order_bcb/view.jsp
@@ -0,0 +1,162 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%
+	temp_state = 1;
+%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+	String[] hy_title = new String[10]; 
+	hy_title[1] = "Key Partners";
+	hy_title[2] = "Key Activities";
+	hy_title[3] = "Value Propositions";
+	hy_title[4] = "Customer Relationships";
+	hy_title[5] = "Customer Segments";
+	hy_title[6] = "Key Resources";
+	hy_title[7] = "Channels";
+	hy_title[8] = "Cost Structure";
+	hy_title[9] = "Revenue Streams";
+	int c_channel = Integer.parseInt(r_call(request.getParameter("c_channel"))); 
+%>
+
+
+
+
    
+ 	 
    
+ 	 				
+ 	 				
    
+	 	 				
+						<%for(int i = 1; i<10 ; i++){%>
+							<%if(i==1 || i==6 || i==8){%>  
+								
+							<%}%>
+								
+							<%if(i==5 || i==7 || i==9){%>  
+								
+							<%}%>
+						<%}%>
+						
    width="20%"<%}%> <%if(i==8 || i==9){%> width="50%" colspan=3<%}%> <%if(i==1 || i==3 || i==5){%>rowspan=2<%}%> <%if(i==3){%>colspan=2<%}%>>
+								
    
+					    		
+					 	 <%=hy_title[c_channel]%> Period Detail 
+				 	 
    
+ 	 
    
+
    
+ 	
+
    
+
+
+<%for (int i = 1; i < c_p_p + 1; i++){%>
+	 
+		
+	 
+<%}%>
+ 
+
    
+			
+			
+			
+			
    
+				 <%if( i == today_period ){%>
+				 
+				 <%}%>
+				 <%if( i > today_period ){%>
+				 
+				 <%}%>
+				 <%=i%> Period
+			
    
+				 <%if( i <= today_period ){%>
+				
    
+					 <%
+                        	 	   String sql_hypo     = " select a.*, b.c_name as writer_name ";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 2count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 2 and d.c_date <= '"+ a_w_e[i] + " 23:59:59"  +"') as 2count";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 1count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 1 and d.c_date <= '"+ a_w_e[i] + " 23:59:59"  +"') as 1count";
+                        	 	   sql_hypo = sql_hypo + ", (select count(c.c_no) as 0count from tbl_interview_point c inner join tbl_interview d on d.c_no = c.c_interview_no and d.c_use = 0 where c.c_hypo_no = a.c_no and c_point= 0 and d.c_date <= '"+ a_w_e[i] + " 23:59:59"  +"') as 0count";
+                        	 	   sql_hypo = sql_hypo + ", (select  max(e.c_no)  from tbl_hypo_history e where e.c_hypo_no = a.c_no and e.c_date <= '"+ a_w_e[i] + " 23:59:59"  +"'   )  as c_last_now ";
+                        	 	   sql_hypo = sql_hypo + " from tbl_hypo a ";
+                        	 	   sql_hypo = sql_hypo + " inner join tbl_member b on b.c_no = a.c_member_no ";
+                        	 	   sql_hypo = sql_hypo + " where (a.c_use = 0 or ( a.c_use = 1 and  a.c_use_date > '"+ a_w_e[i] + " 23:59:59" +"'    ) ) and a.c_team_no = "+ c_team +" and a.c_channel = "+ c_channel +" and a.c_date <= '"+ a_w_e[i] + " 23:59:59"  +"' ";
+                        	 	   sql_hypo = sql_hypo + " order by a.c_no desc";
+	                        	   ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+					  while(rs_hypo.next()){
+					  %>
+							       <%
+					  			 int now_call = 0;
+								  String sql_hypo_history    = " select c_now from tbl_hypo_history where c_no = " + rs_hypo.getInt("c_last_now") + "  ";
+				                        	   ResultSet rs_hypo_history = stmt.executeQuery(sql_hypo_history);
+								  if(rs_hypo_history.next()){
+								  	now_call = rs_hypo_history.getInt("c_now");
+								  }
+								  rs_hypo_history.close();
+					  			%>
+					
    _<%=i%>').style.display='block'" onmouseout="document.getElementById('hypo_<%=rs_hypo.getString("c_no")%>_<%=i%>').style.display='none'">
+					  
+					  	
+					  	_<%=i%>" style="display:none;">
+					  	
+					  	
+					  
    
+					  		<%if(now_call == 2){%>
+						  	 <%=rs_hypo.getString("c_title")%>
+					  		<%}else{%>
+						  	 <%=rs_hypo.getString("c_title")%>
+					  		<%}%>
+					  	
+					  			
+								 <%if(now_call == 0){%>
+									
+								<%}%>
+								<%if(now_call == 1){%>
+								 	
+								 <%}%>
+								 <%if(now_call == 2){%>
+									
+								 <%}%>
+					  	
    
+							 <%=rs_hypo.getString("c_date").substring(0,10)%> / 
+							 <%=rs_hypo.getString("writer_name")%>
    
+							  <%=rs_hypo.getInt("2count")%>
+							   
+							  <%=rs_hypo.getInt("1count")%>
+							   
+							  <%=rs_hypo.getInt("0count")%>
+					  	
    
+							<%
+							if(c_channel==5){
+							%>
+										">■
+							<%
+							}else{%>
+								<%
+								  String sql_hypo_cs     = " select c_cs_color from tbl_hypo_cs where c_hypo_no = " + rs_hypo.getInt("c_no") + " order by c_no desc";
+				                        	   ResultSet rs_hypo_cs = stmt.executeQuery(sql_hypo_cs);
+								  while(rs_hypo_cs.next()){
+								%>
+										">■
+								<%}
+								  rs_hypo_cs.close();
+					  			%>
+							
+							<%}%>
+					  	
      	
+					  
     
+					  
     
+					  <%
+					  }
+					  rs_hypo.close();
+					  %>
+				
    
+				<%}%>
+			
    
+		
    
+ 
+
    
+ 			
    
+		               		 BMC로 이동
+		               		
+		               	  
    
+
    
+
    
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/password/email_ok.jsp b/resoft/cms_for_bcb/process/password/email_ok.jsp
new file mode 100644
index 0000000..9683372
--- /dev/null
+++ b/resoft/cms_for_bcb/process/password/email_ok.jsp
@@ -0,0 +1,69 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	String c_id = r_call(request.getParameter("c_id")); 
+
+	String sql= "select * from tbl_member where c_id= '"+ c_id +"'  and c_use = 0 ";
+	ResultSet rs=stmt.executeQuery(sql);
+	if(rs.next()){
+		if(rs.getInt("c_rand") !=0){
+%>
+			
+<%
+		}
+		else{
+			Random r = new Random(); 
+			int k1 = r.nextInt(10000000);
+			//k1 = 1111;
+			String sql_ok = "update tbl_member set c_pass = SHA2('" + k1 + "',512),c_temp= 1 where c_id = '"+ c_id +"' and c_use = 0";
+			stmt2.execute(sql_ok); 
+			String c_content = "";
+			c_content = c_content + "

     Temporary Password - RESoft BMC SYstem 

     이메일 : ";
+			c_content = c_content + c_id;
+			c_content = c_content + "
     Temporary Password : ";
+			c_content = c_content + k1;
+			c_content = c_content + "

    Use the temporay password, and chage the password."; 
+			c_content = c_content + "

    RESoft"; 
+%>
+			
+			
+			
    
+			
+			
+			
+			
+			
    
+			
+			<%
+		}
+//-------이메일 발송-----------------------------------------------------------------
+//------------------------------------------------------------------------
+
+
+	}
+	else{
+%>
+		
+<%
+	}
+	rs.close();
+ %>
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/password/list.jsp b/resoft/cms_for_bcb/process/password/list.jsp
new file mode 100644
index 0000000..6879c65
--- /dev/null
+++ b/resoft/cms_for_bcb/process/password/list.jsp
@@ -0,0 +1,100 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%
+	login_tag = 0;
+%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top2.jsp"%>
+ 
+
+
+		
+  
    
+ 	
    
+	
+		 
+ 			
    
+		                
+				   
     
+				  
    
+                 		       ID(Email) 
+                 		       
+                        		
    * We send Temporary password to your email. 
    * After login width the temporary password, Change your password.
    
+	                        
    
+				   
+	                        
    
+	                         
    
+		               		Go!
+
+		                    
    
+		                    
    
+ 
+
    
+			 
    
+	
    
+
+
+
+
+  
+
+ <%@include file="/cms_for_bcb/show_bottom2.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/presentation/chat/chat_ok.jsp b/resoft/cms_for_bcb/process/presentation/chat/chat_ok.jsp
new file mode 100644
index 0000000..8afe425
--- /dev/null
+++ b/resoft/cms_for_bcb/process/presentation/chat/chat_ok.jsp
@@ -0,0 +1,59 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/chat";
+    	String encType    = "utf-8";
+	int    maxSize    = 50 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        while( files.hasMoreElements() ){
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	String c_presentation_no = r_call(multi.getParameter("c_presentation_no")); 
+	String c_content = r_call(multi.getParameter("c_content")); 
+	
+	String sql_chat = "insert into tbl_presentation_chat (c_presentation_no,c_member_no,c_member_display,c_content,c_file,c_date) values(";
+	sql_chat = sql_chat + "" + c_presentation_no +","+ session.getAttribute("member_no") +",'"+ session.getAttribute("member_name") +"','"+ c_content +"','"+ fileName +"',now())";
+	stmt2.execute(sql_chat); 	
+ %>
+
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/presentation/chat/check.jsp b/resoft/cms_for_bcb/process/presentation/chat/check.jsp
new file mode 100644
index 0000000..09309d6
--- /dev/null
+++ b/resoft/cms_for_bcb/process/presentation/chat/check.jsp
@@ -0,0 +1,22 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+ 
+<%
+ 	 	String c_presentation_no = r_call(request.getParameter("c_presentation_no")); 
+ 	 	String last_no = r_call(request.getParameter("last_no")); 
+
+		String sql_p_d = "select  c_no from tbl_presentation_chat where c_presentation_no = "+ c_presentation_no + " order by c_no desc";
+		ResultSet rs_p_d = stmt2.executeQuery(sql_p_d);
+		if(rs_p_d.next()){
+			if(!last_no.equals(rs_p_d.getString("c_no"))){
+			%>
+			
+			<%
+			} 
+		}
+		rs_p_d.close();
+%>
+ 
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/presentation/chat/disc.jsp b/resoft/cms_for_bcb/process/presentation/chat/disc.jsp
new file mode 100644
index 0000000..2b93075
--- /dev/null
+++ b/resoft/cms_for_bcb/process/presentation/chat/disc.jsp
@@ -0,0 +1,104 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%
+if(session.getAttribute("member_type").equals("1") ||	session.getAttribute("member_type").equals("2")){
+	
+%>
+ 
+
+
+
+
+ 
+
+ 
+
+
+
+
+
+
+ 
+
+ 
+
+	
+
+ 
    
+ 	 
+ 	 	 
+ 	  
    
+ 		  
+ 	 	<%
+ 	 	String c_presentation_no = r_call(request.getParameter("c_presentation_no")); 
+		String sql_p_d = "select c_member_display,c_content,c_file,c_date,c_member_no,c_no from tbl_presentation_chat where c_presentation_no = "+ c_presentation_no + " order by c_no asc";
+		ResultSet rs_p_d = stmt2.executeQuery(sql_p_d);
+		int o_member_no = 0;
+		int last_no = 0;
+		while(rs_p_d.next()){
+		%>
+			
+			
+		<%
+			o_member_no = rs_p_d.getInt("c_member_no");
+			last_no = rs_p_d.getInt("c_no");
+		}
+		rs_p_d.close();
+		%>
+		 
    
+				align=right<%}%> cellpadding=0 cellspacing=0 style="max-width:80%">
+				<%if( o_member_no != rs_p_d.getInt("c_member_no")  ){%>
+					
+				<%}%>					
+				
+				
    ;text-align:right<%}%>">
+						 <%=rs_p_d.getString("c_member_display")%>
+					
    #FFFBCB<%}else{%>#ededed<%}%>" style="padding-left:15px;padding-right:15px;padding-bottom:5px<%if(rs_p_d.getString("c_member_no").equals(session.getAttribute("member_no"))){%>;text-align:right<%}%>">
+					<%=rs_p_d.getString("c_content")%>
+					<%if(!rs_p_d.getString("c_file").equals("")){%>
+						" target="_blank" title="파일 받기"> <%=rs_p_d.getString("c_file")%>
+					<%}%>				
+				
    
+			
    	
+	  
    
+ 	  	
+ 	  
     
+	  
    	 
+
    
+
+
+
+
+ 
+<%
+	
+	}else{
+%>
+	
+<%	
+	 
+	}
+%>  
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/presentation/chat/list.jsp b/resoft/cms_for_bcb/process/presentation/chat/list.jsp
new file mode 100644
index 0000000..844454b
--- /dev/null
+++ b/resoft/cms_for_bcb/process/presentation/chat/list.jsp
@@ -0,0 +1,163 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%
+if(session.getAttribute("member_type").equals("1") ||	session.getAttribute("member_type").equals("2")){
+	String c_presentation_no = r_call(request.getParameter("c_presentation_no")); 
+	String sql_p_d = "select * from tbl_presentation where c_no = "+ c_presentation_no;
+	ResultSet rs_p_d = stmt2.executeQuery(sql_p_d);
+	if(rs_p_d.next()){
+%>
+ 
+
+
+
+
+
+
+
+
+C-Innovacion System
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+	
+
+
+ 
    
+ 	 
+ 	 	 
+ 	 	 
+ 	 	 
+ 	 	 
+ 	 	 
+	  
    
+ 	 	
    
+				
    
+					 <%=rs_p_d.getString("c_name")%>  Chatting / <%=rs_p_d.getString("c_presentation_date")%>
+				
    
+		
    
+	  
    
+ 	 
    
+ 	 
    
+	  
    
+ 	 
    
+ 	 	
+	  
    
+	  
    
+ 	 	
+ 	 	
    
+		 
    
+		 	
+		 	 
+		 	 
    
+		 	 	
+			
+		 	 	Chat
+		 	 
+				
+			
+				send
+			
+				
+		 	 
    
+		 	
+		 	 
+		 	 
+			
+		
    
+		
    
+	  
    	 
+
    
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+
+
+
+ 
+
+
+
+
    
+<%
+	}else{
+%>
+	
+<%	
+	 
+	}
+	rs_p_d.close();
+	}else{
+%>
+	
+<%	
+	 
+	}
+%>  
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/presentation/inc_presentation.jsp b/resoft/cms_for_bcb/process/presentation/inc_presentation.jsp
new file mode 100644
index 0000000..1439144
--- /dev/null
+++ b/resoft/cms_for_bcb/process/presentation/inc_presentation.jsp
@@ -0,0 +1,121 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%
+	String c_syl[] = new String[10];
+	c_syl[0] = "Syllabus to Display - None";
+	c_syl[1] = "1 - Opportunity Assessment";
+	c_syl[2] = "2 - Value Propositions";
+	c_syl[3] = "3 - Customer Segments";
+	c_syl[4] = "4 - Channels";
+	c_syl[5] = "5 - Customer Relationships";
+	c_syl[6] = "6 - Revenue Streams";
+	c_syl[7] = "7 - Key Partners";
+	c_syl[8] = "8 - Resource, Activities, And Costs";
+	c_syl[9] = "9 - Lessons Learned";
+%>
+
    
+
    
+ 
    
+	
    
+		 Presentation   
+			<%if(session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("2")){%>
+				Insert Presentation
+			<%}%>
+		

    
+		
+		
+		 <%
+		String s_p_team = r_call(request.getParameter("c_p_team")); 
+		String c_presentation_name = ""; 
+		int c_p_team = 0;
+		if(!s_p_team.equals("")){
+			c_p_team = Integer.parseInt(s_p_team);
+		}
+		String s_presentation_no = r_call(request.getParameter("c_presentation_no")); 
+		int c_presentation_no = 0;
+		if(!s_presentation_no.equals("")){
+			c_presentation_no = Integer.parseInt(s_presentation_no);
+		}		
+		String check_project = "";
+		String sql_p = "select * from tbl_presentation where c_project_no = " + session.getAttribute("member_project_no") + " and c_use = 0 order by c_no desc ";
+		ResultSet rs_p = stmt2.executeQuery(sql_p);
+		int pt_count = 0;
+		while(rs_p.next()){
+			pt_count = pt_count + 1;
+			if(pt_count == 1 && c_presentation_no == 0){
+				c_presentation_no = rs_p.getInt("c_no");
+			}
+			if(c_presentation_no == rs_p.getInt("c_no")){
+				check_project = rs_p.getString("c_project_no");
+				c_presentation_name = rs_p.getString("c_name") + " / " + rs_p.getString("c_presentation_date");
+			}
+		%>
+			#FFF223<%}else{%>#ededed<%}%>">
+			
+			
+			
+			
+			
+			
+		<%
+		}
+		rs_p.close();
+		 %>
+		 
    
+				" title="Presentation 이동">
+					 <%=rs_p.getString("c_name")%> / <%=rs_p.getString("c_presentation_date")%>
+				
+			
+				<%if(session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("2")){%>
+				 " title="Presentation Edit">
+				<%}%>
+				 
+				)" title="View team list">
+				▼
+			
    " style="display:<%if(c_presentation_no == rs_p.getInt("c_no")){%><%}else{%>none<%}%>;padding-bottom:10px;padding-left:10px;padding-top:5px;line-height:200%">
+				<%
+				String sql_p_t = "select a.c_no, b.c_team_name,a.c_team_no from tbl_presentation_team a ";
+				sql_p_t = sql_p_t + " inner join tbl_team b on b.c_no = a.c_team_no ";
+				sql_p_t = sql_p_t + " where a.c_presentation_no = " + rs_p.getInt("c_no") + " and a.c_use = 0 order by b.c_team_name asc, a.c_no desc ";
+				ResultSet rs_p_t = stmt2.executeQuery(sql_p_t);
+				while(rs_p_t.next()){
+				%>
+					
+					&c_presentation_no=<%=rs_p.getInt("c_no")%>">
+						 <%if(c_p_team == rs_p_t.getInt("c_no")){%>
+							
+							 <%=rs_p_t.getString("c_team_name")%>
+							
+						 <%}else{%>
+							 <%=rs_p_t.getString("c_team_name")%>
+						 <%}%>
+					
+					<%if(session.getAttribute("member_type").equals("0") && session.getAttribute("member_team_no").equals(rs_p_t.getString("c_team_no"))){%>
+					 &c_presentation_no=<%=rs_p.getInt("c_no")%>" title="Team Presentation Edit">
+					<%}%>
+					
    
+				<%
+				}
+				rs_p_t.close();
+				 %>
+			
    
+	<% if(check_project.equals("")){%>
+			 	
+	<%}else{%>
+		<%if(!check_project.equals(session.getAttribute("member_project_no"))){%>
+				
+		<%}%>
+	<%}%>
+	
    
+
    
+
    
diff --git a/resoft/cms_for_bcb/process/presentation/inc_presentation_bottom.jsp b/resoft/cms_for_bcb/process/presentation/inc_presentation_bottom.jsp
new file mode 100644
index 0000000..18651b1
--- /dev/null
+++ b/resoft/cms_for_bcb/process/presentation/inc_presentation_bottom.jsp
@@ -0,0 +1,3 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+
+
    
diff --git a/resoft/cms_for_bcb/process/presentation/list.jsp b/resoft/cms_for_bcb/process/presentation/list.jsp
new file mode 100644
index 0000000..f4c3167
--- /dev/null
+++ b/resoft/cms_for_bcb/process/presentation/list.jsp
@@ -0,0 +1,253 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%@include file="/cms_for_bcb/process/presentation/inc_presentation.jsp"%>
+
+		
+  
    		
+<%
+if(c_presentation_no == 0){
+	if(session.getAttribute("member_type").equals("1") ||	session.getAttribute("member_type").equals("2")){
+		%>
+		
+		<%	
+	}else{
+		%>
+		
+		<%	
+	
+	}
+}else{
+	String sql_pre = " select a.* from tbl_presentation a " ;
+	sql_pre = sql_pre + " where a.c_use = 0 and a.c_no = " +  c_presentation_no + " and c_project_no = " + session.getAttribute("member_project_no") ;
+	ResultSet rs_pre = stmt2.executeQuery(sql_pre);
+	if(rs_pre.next()){
+%>
+
    
+
    
+		
    
+			
    
+				
    ·  
+					  <%=rs_pre.getString("c_name")%>   /   <%=rs_pre.getString("c_presentation_date")%>    
+				
    
+			
    
+			
    
+				<%if(session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("2")){%>
+					
+	 				Chat
+					 
+					 Edit
+					 
+					 Del
+				<%}%>
+			
    
+			
+		
    
+		
    
+			<%
+				String sql_t = "select a.c_no, b.c_team_name,a.c_team_no, a.c_link, a.c_file ";
+				sql_t = sql_t + "  ,(select avg(c_point) from tbl_comment where c_type = 2 and c_relation = a.c_no and c_use = 0 and c_member_type = 0 and c_point > 0 ) as m_avg ";
+				sql_t = sql_t + "  ,(select avg(c_point) from tbl_comment where c_type = 2 and c_relation = a.c_no and c_use = 0 and c_member_type = 1 and c_point > 0 ) as i_avg ";
+				sql_t = sql_t + "  ,(select avg(c_point) from tbl_comment where c_type = 2 and c_relation = a.c_no and c_use = 0 and c_member_type = 2 and c_point > 0 ) as t_avg ";
+				sql_t = sql_t + "  from tbl_presentation_team a ";
+				sql_t = sql_t + " inner join tbl_team b on b.c_no = a.c_team_no ";
+				sql_t = sql_t + " where a.c_presentation_no = " + c_presentation_no + " and a.c_use = 0 order by b.c_team_name asc, a.c_no desc ";
+				ResultSet rs_t = stmt2.executeQuery(sql_t);
+				while(rs_t.next()){
+				%>
+					
+					
    
+						
    
+						
    
+							
+						
    
+						
    
+							 
    
+								<%if(session.getAttribute("member_type").equals("0") && session.getAttribute("member_team_no").equals(rs_t.getString("c_team_no"))){%>
+									&c_presentation_no=<%=c_presentation_no%>" title="Team Presentation Edit">
+									 
+									Edit
+									
+									 
+								<%}%>
+								&c_presentation_no=<%=c_presentation_no%>" title="Detailed view by Team Presentation">
+									 
+									Detail
+								
+							
    
+						
    
+						 <%if(session.getAttribute("member_type").equals("0") || session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("2")|| session.getAttribute("member_type").equals("3") ){%>
+						
    
+							
+							
+							
+							
+							
+							
+							
+							
+							
     
+								 Point Average of
+							
     
+							
    
+								 Instructors
+							
+								<%if(rs_t.getString("i_avg") != null){%>
+									 <%=rs_t.getFloat("i_avg")%>
+								<%}else{%>
+									N/A
+								<%}%>
+							
     
+							
    
+								 Mentors 
+							
+								<%if(rs_t.getString("t_avg") != null){%>
+									 <%=rs_t.getFloat("t_avg")%>
+								<%}else{%>
+									N/A
+								<%}%>
+							
     
+							
    
+								 Members in Project 
+							
+								<%if(rs_t.getString("m_avg") != null){%>
+									 <%=rs_t.getFloat("m_avg")%>
+								<%}else{%>
+									N/A
+								<%}%>
+							
     
+							
    
+						
    
+						<%}%>
+						
    
+							 Presentation Link or File
+							
    
+								<%if(!rs_t.getString("c_link").equals("")){%>
+									
    
+									Link :  " target="_blank"> <%=rs_t.getString("c_link")%>
+								<%}%>
+								<%if(!rs_t.getString("c_file").equals("")){%>
+									

    
+									File : " target="_blank"> <%=rs_t.getString("c_file")%>
+								<%}%>
+							
    
+						
    
+					
    
+				<%
+				}
+				rs_t.close();
+				 %>
+				
+		
    
+			
+
    
+
    
+<%
+	}else{
+%>
+	
+<%	
+	}
+	rs_pre.close();
+	}
+%>
+
+
+
+<%@include file="/cms_for_bcb/process/presentation/inc_presentation_bottom.jsp"%>
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/presentation/presentation/delete_ok.jsp b/resoft/cms_for_bcb/process/presentation/presentation/delete_ok.jsp
new file mode 100644
index 0000000..f421cc9
--- /dev/null
+++ b/resoft/cms_for_bcb/process/presentation/presentation/delete_ok.jsp
@@ -0,0 +1,30 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%@include file="/cms_for_bcb/process/presentation/inc_presentation.jsp"%>
+<%
+	if(session.getAttribute("member_type").equals("1") ||	session.getAttribute("member_type").equals("2")){
+ 		String sql_cs = " update tbl_presentation set c_use = 1, c_use_date = now(), c_member_no = "+ session.getAttribute("member_no") +" where  c_use = 0 and c_no = " + c_presentation_no;
+		stmt.execute(sql_cs); 	 
+%>
+	
+<%	
+
+	}else{
+%>
+	
+<%	
+	 
+	}
+%>
+<%@include file="/cms_for_bcb/process/presentation/inc_presentation_bottom.jsp"%>
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/presentation/presentation/edit.jsp b/resoft/cms_for_bcb/process/presentation/presentation/edit.jsp
new file mode 100644
index 0000000..7459cb0
--- /dev/null
+++ b/resoft/cms_for_bcb/process/presentation/presentation/edit.jsp
@@ -0,0 +1,206 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%@include file="/cms_for_bcb/process/presentation/inc_presentation.jsp"%>
+
+		
+  
    
+<%
+if(session.getAttribute("member_type").equals("1") ||	session.getAttribute("member_type").equals("2")){
+
+String sql_p_d = "select * from tbl_presentation where c_no = "+ c_presentation_no;
+ResultSet rs_p_d = stmt2.executeQuery(sql_p_d);
+if(rs_p_d.next()){
+%>
+
    
+
    
+		
    
+			
    
+				
    ·  
+					
+					Edit Presentations - <%=rs_p_d.getString("c_name")%>   
+				
    
+			
    
+			
    
+				 
+				
+			
    
+		
    
+		
+		
    
+		
+		
    
+			
    
+				1. Title of Presentations 
+			
    
+			
    
+				" style="width:100%;height:30px" placeholder="Presentations Title ">
+			
    
+		
    
+		
    
+			
    
+				2. When are the presentations? 
+			
    
+			
    
+				" style="width:80px;height:30px"  class="date-picker" type="text"  readonly>
+			
    
+		
    
+		
    
+			
    
+				3. Paste a link to your presentation folder below 
+			
    
+			
    
+				" style="width:100%;height:30px" placeholder="o.g.. https://dropbox.com/your_file_name">
+			
    
+		
    
+		
    
+			
    
+				4. Choose a Syllabus Theme 
+			
    
+			
    
+				 
+			
    
+		
    
+		
    
+			
    
+				5. For which teams do you want to create presentations? 
+			
    
+			
    
+				
+				<%
+				String sql_team_no = "select a.* ";
+				sql_team_no = sql_team_no + ",(select count(c_no) as pr_ok from tbl_presentation_team where c_presentation_no = "+ c_presentation_no +" and c_team_no = a.c_no and c_use = 0) as pr_ok ";
+				sql_team_no = sql_team_no + " from tbl_team a where a.c_project_no = " + session.getAttribute("member_project_no") + " and a.c_use=0 order by a.c_team_name asc ";
+				ResultSet rs_team_no = stmt2.executeQuery(sql_team_no);
+				while(rs_team_no.next()){
+				%>
+				
+				<%}
+				rs_team_no.close();
+				%>
+				
    
+				 " type="checkbox" <%if(rs_team_no.getInt("pr_ok") > 0){%>checked<%}%>>
+				 
+				 
+				 <%=rs_team_no.getString("c_team_name")%> 
+				 
    
+			
    
+		
    
+			
    
+		               		Edit Presentations
+		               		Cancel
+		                    
    
+		
    
+		
    
+
    
+
    
+<%
+	}else{
+%>
+	
+<%	
+	 
+	}
+	}else{
+%>
+	
+<%	
+	 
+	}
+%>
+
+
+
+  
+
+<%@include file="/cms_for_bcb/process/presentation/inc_presentation_bottom.jsp"%>
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/presentation/presentation/edit_ok.jsp b/resoft/cms_for_bcb/process/presentation/presentation/edit_ok.jsp
new file mode 100644
index 0000000..3acb64d
--- /dev/null
+++ b/resoft/cms_for_bcb/process/presentation/presentation/edit_ok.jsp
@@ -0,0 +1,57 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String show_no = r_call(request.getParameter("show_no")); 
+	String check_no = r_call(request.getParameter("check_no")); 
+	String c_relation = r_call(request.getParameter("c_relation")); 
+	String c_relation2 = r_call(request.getParameter("c_relation2"));  
+	String c_presentation_no = r_call(request.getParameter("c_presentation_no")); 
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_presentation_date = r_call(request.getParameter("c_presentation_date")); 
+ 	String c_link = r_call(request.getParameter("c_link")); 
+	String c_theme = r_call(request.getParameter("c_theme")); 
+
+		String sql_ok = " update tbl_presentation set ";
+		sql_ok = sql_ok + " c_member_no='"+ session.getAttribute("member_no") +"',c_name='"+c_name+"',c_presentation_date='"+ c_presentation_date +"', c_theme="+ c_theme +", c_link='"+ c_theme +"', c_update=now() ";
+		sql_ok = sql_ok + " where c_no = " + c_presentation_no;
+		stmt2.execute(sql_ok); 	
+					 
+				String[] a_team_no = request.getParameterValues("c_team_no");
+				if(a_team_no != null && !a_team_no.equals("")){
+				 	String sql_team_no = "select c_team_no from tbl_presentation_team  where c_use = 0 and  c_presentation_no = " + c_presentation_no;
+				 	ResultSet rs_team_no = stmt2.executeQuery(sql_team_no);
+					while(rs_team_no.next()){
+						int now_check = 0;
+						for(int i=0;i
+
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/presentation/presentation/insert.jsp b/resoft/cms_for_bcb/process/presentation/presentation/insert.jsp
new file mode 100644
index 0000000..1b4e806
--- /dev/null
+++ b/resoft/cms_for_bcb/process/presentation/presentation/insert.jsp
@@ -0,0 +1,192 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%@include file="/cms_for_bcb/process/presentation/inc_presentation.jsp"%>
+		  
    	
+		
+  
    	
+<%
+if(session.getAttribute("member_type").equals("1") ||	session.getAttribute("member_type").equals("2")){
+%>
+
    
+
    
+		
    
+			
    
+				
    ·  
+					 Create a New Presentations    
+				
    
+			
    
+			
    
+				 
+				
+			
    
+		
    
+
+
+	
+		
    
+		
    
+			
    
+				1. Title of Presentations 
+			
    
+			
    
+				
+			
    
+		
    
+		
    
+			
    
+				2. When are the presentations? 
+			
    
+			
    
+				
+			
    
+		
    
+		
    
+			
    
+				3. Paste a link to your presentation folder below 
+			
    
+			
    
+				
+			
    
+		
    
+		
    
+			
    
+				4. Choose a Syllabus Theme 
+			
    
+			
    
+				 
+			
    
+		
    
+		
    
+			
    
+				5. For which teams do you want to create presentations? 
+			
    
+			
    
+				
+				<%
+				String sql_team_no = "select * from tbl_team where c_project_no = " + session.getAttribute("member_project_no") + " and c_use = 0  order by c_team_name asc ";
+				ResultSet rs_team_no = stmt2.executeQuery(sql_team_no);
+				while(rs_team_no.next()){
+				%>
+				
+				<%}
+				rs_team_no.close();
+				%>
+				
    
+				 " type="checkbox">
+				 
+				 
+				 <%=rs_team_no.getString("c_team_name")%> 
+				 
    
+			
    
+		
    
+			
    
+		               		Insert Presentations
+		               		Cancel
+		                    
    
+		
    
+		
    
+
    
+
    
+<%
+	}else{
+%>
+	
+<%	
+	 
+	}
+%>
+
+
+
+  
+
+<%@include file="/cms_for_bcb/process/presentation/inc_presentation_bottom.jsp"%>
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/presentation/presentation/insert_ok.jsp b/resoft/cms_for_bcb/process/presentation/presentation/insert_ok.jsp
new file mode 100644
index 0000000..a3c2386
--- /dev/null
+++ b/resoft/cms_for_bcb/process/presentation/presentation/insert_ok.jsp
@@ -0,0 +1,46 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String show_no = r_call(request.getParameter("show_no")); 
+	String check_no = r_call(request.getParameter("check_no")); 
+	String c_relation = r_call(request.getParameter("c_relation")); 
+	String c_relation2 = r_call(request.getParameter("c_relation2"));  
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_presentation_date = r_call(request.getParameter("c_presentation_date")); 
+ 	String c_link = r_call(request.getParameter("c_link")); 
+	String c_theme = r_call(request.getParameter("c_theme")); 
+
+		String sql_ok = " insert into tbl_presentation (c_project_no,c_member_no,c_name,c_presentation_date, c_theme, c_link, c_use,c_date) values(";
+		sql_ok = sql_ok + session.getAttribute("member_project_no") + "," + session.getAttribute("member_no");
+		sql_ok = sql_ok + ",'" + c_name +"','"+ c_presentation_date +"',"+ c_theme +",'"+ c_link +"',0,now())";
+		stmt2.execute(sql_ok); 				
+	 	int max_c_no = 1;
+		String sql_hypo     = " select max(c_no) as max_c_no from tbl_presentation ";
+	    	ResultSet rs_hypo = stmt2.executeQuery(sql_hypo);
+		if(rs_hypo.next()){
+			max_c_no = rs_hypo.getInt("max_c_no");
+		}
+		rs_hypo.close();
+
+			String[] a_team_no = request.getParameterValues("c_team_no");
+			
+			if(a_team_no != null && !a_team_no.equals("")){
+			
+				 	for(int i=0;i
+
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/presentation/team/edit.jsp b/resoft/cms_for_bcb/process/presentation/team/edit.jsp
new file mode 100644
index 0000000..bc65cff
--- /dev/null
+++ b/resoft/cms_for_bcb/process/presentation/team/edit.jsp
@@ -0,0 +1,160 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%@include file="/cms_for_bcb/process/presentation/inc_presentation.jsp"%>
+		
+  
    
+
+		
+<%
+ 	String sql_pre = " select a.*, b.c_team_name, b.c_no as c_team_no  from tbl_presentation_team a " ;
+	sql_pre = sql_pre + " inner join tbl_team b on b.c_no = a.c_team_no  and b.c_use = 0";
+	sql_pre = sql_pre + " where a.c_use = 0 and a.c_no = " +  c_p_team + " and a.c_project_no = " + session.getAttribute("member_project_no") ;
+	ResultSet rs_pre = stmt2.executeQuery(sql_pre);
+	if(rs_pre.next()){
+		if(!rs_pre.getString("c_team_no").equals(session.getAttribute("member_team_no")) || !session.getAttribute("member_type").equals("0")){
+		%>
+		
+		<%
+		}else{
+%>
+
    
+
    
+		
    
+			
    
+				 Edit  <%=rs_pre.getString("c_team_name")%>  
+				 
+				 <%=c_presentation_name%>
+			
    
+			
    
+					 
+			
    
+			
+		
    
+		  	
+		
    
+		
+		
+		
    
+			
    
+				1. Link of Presentation 
+			
    
+			
    
+				" style="width:50%;height:30px"  type="text" preholder="http://www.youtube.com/txfwsd....">
+				
    When you insert the link, include 'http://', please.
+			
    
+		
    
+		
    
+			
    
+				2. Upload Presentation 
+			
    
+			
    
+				Now file : <%=rs_pre.getString("c_file")%>
+				" style="width:100%;height:30px" type="hidden">
+				
+				 Less than 10 MBite.
+
+			
    
+		
    
+		
    
+			
    
+				3. Choose a Syllabus  
+			
    
+			
    
+				 
+			
    
+		
    
+		 
    
+		               		Presentation Edit
+		               		Cancel
+		                    
    
+		
    
+		
    
+
    
+
    
+<%		}
+	}else{
+%>
+	
+<%	
+	}
+	rs_pre.close();
+ 
+%>
+
+
+  
+
+
+<%@include file="/cms_for_bcb/process/presentation/inc_presentation_bottom.jsp"%>
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/process/presentation/team/edit_ok.jsp b/resoft/cms_for_bcb/process/presentation/team/edit_ok.jsp
new file mode 100644
index 0000000..550c8ae
--- /dev/null
+++ b/resoft/cms_for_bcb/process/presentation/team/edit_ok.jsp
@@ -0,0 +1,77 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/pt";
+    	String encType    = "utf-8";
+	int    maxSize    = 50 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        while( files.hasMoreElements() ){
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	String show_no = r_call(multi.getParameter("show_no")); 
+	String check_no = r_call(multi.getParameter("check_no")); 
+	String c_relation = r_call(multi.getParameter("c_relation")); 
+	String c_relation2 = r_call(multi.getParameter("c_relation2")); 
+	String c_p_team = r_call(multi.getParameter("c_p_team")); 
+	String c_presentation_no = r_call(multi.getParameter("c_presentation_no")); 
+	String c_link = r_call(multi.getParameter("c_link")); 
+	String c_theme = r_call(multi.getParameter("c_theme")); 
+	String o_file = r_call(multi.getParameter("o_file")); 
+
+	 
+	String r_file = "";
+	if(fileName.equals("")){
+		r_file=o_file;
+	}else{
+		r_file=fileName;
+	}
+	 
+	String sql_ok = "";
+	sql_ok = sql_ok + " update tbl_presentation_team set ";
+	sql_ok = sql_ok + " c_link ='"+ c_link +"', c_file = '"+ r_file +"', c_theme = "+ c_theme +", c_update = now(), c_update_member_no = "+ session.getAttribute("member_no") +" ";
+	sql_ok = sql_ok + " where c_no = " + c_p_team;
+	stmt2.execute(sql_ok); 	
+	 
+ %>
+ 
+
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/cms_for_bcb/process/presentation/team/view.jsp b/resoft/cms_for_bcb/process/presentation/team/view.jsp
new file mode 100644
index 0000000..2618104
--- /dev/null
+++ b/resoft/cms_for_bcb/process/presentation/team/view.jsp
@@ -0,0 +1,585 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%@include file="/cms_for_bcb/process/presentation/inc_presentation.jsp"%>
+
+		
+  
    		
+<%
+ 	String sql_pre = " select a.*, b.c_team_name, b.c_no as c_team_no  from tbl_presentation_team a " ;
+	sql_pre = sql_pre + " inner join tbl_team b on b.c_no = a.c_team_no  and b.c_use = 0";
+	sql_pre = sql_pre + " where a.c_use = 0 and a.c_no = " +  c_p_team + " and a.c_project_no = " + session.getAttribute("member_project_no") ;
+	ResultSet rs_pre = stmt2.executeQuery(sql_pre);
+	if(rs_pre.next()){
+%>
+
    
+
    
+		
    
+			
    
+				 <%=rs_pre.getString("c_team_name")%> 
+				< 
+				 <%=c_presentation_name%>
+			
    
+			
    
+					<%if(session.getAttribute("member_type").equals("0") && session.getAttribute("member_team_no").equals(rs_pre.getString("c_team_no"))){%>
+					 
+					 
+					EDIT
+					 
+					<%}%>
+			
    
+			
+		
    
+		
    
+			  Presentation Link or File
+				
    
+					<%if(!rs_pre.getString("c_link").equals("")){%>
+						
    
+						Link :  " target="_blank"> <%=rs_pre.getString("c_link")%>
+					<%}%>
+					<%if(!rs_pre.getString("c_file").equals("")){%>
+						

    
+					File : " target="_blank"> <%=rs_pre.getString("c_file")%>
+					<%}%>
+				
    
+		
    
+		<%
+			int pt_rate = 100 / pt_count;
+		%>
+
+<%if(session.getAttribute("member_type").equals("0") || session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("2")|| session.getAttribute("member_type").equals("3") || ( session.getAttribute("member_type").equals("0") && session.getAttribute("member_team_no").equals(rs_pre.getString("c_team_no")) ) ){%>
+					<%
+						String tab_go[] = new String[4]; 
+					  	 tab_go[1] = "1";
+					  	 tab_go[2] = "2";
+					  	 tab_go[3] = "0";
+					  	%>
+		 <%if(session.getAttribute("member_type").equals("0") || session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("2")|| session.getAttribute("member_type").equals("3") ){%>
+		
    
+			  Point History
+				
    
+					
    
+					
+					  
    
+						
+					  	<% for(int tab_no = 1;tab_no <4;tab_no++){%>
+						
    
+							
+							 
+							 
+							
+							 
    
+							 	
+							 
+								
+								
+								<% 
+								String p_name[] = new String[20];
+								String sql_pre2 = " select a.* ";
+								sql_pre2 = sql_pre2 + ", (select avg(c_point) from tbl_comment where c_type = 2 and c_relation = b.c_no and c_use = 0 and c_member_type = "+ tab_go[tab_no] +" and c_point > 0 ) as m_avg ";
+								sql_pre2 = sql_pre2 + " from tbl_presentation a ";
+								sql_pre2 = sql_pre2 + " inner join tbl_presentation_team b on b.c_presentation_no = a.c_no and b.c_use = 0 and c_team_no = " + rs_pre.getInt("c_team_no");
+								sql_pre2 = sql_pre2 + " where a.c_use = 0 and a.c_project_no = " + session.getAttribute("member_project_no");
+								sql_pre2 = sql_pre2 + " order by a.c_no asc";
+								ResultSet rs_pre2 = stmt2.executeQuery(sql_pre2);
+								int ppl = 0;
+								while(rs_pre2.next()){
+									ppl = ppl + 1;
+									p_name[ppl] = rs_pre2.getString("c_name");
+								%>
+								
+								<%}
+								rs_pre2.close();
+								%>
+								
+								 
    
+									<%=rs_pre2.getFloat("m_avg")%>
+									
+									
+									
    px"  bgcolor=<%if(c_presentation_no == rs_pre2.getInt("c_no")){%>#FFF585<%}else{%>#cdcdcd<%}%>>
+									 
+									
    
+								
    
+							
    
+							 	 
+							 
+								
+								
+								<% for(int typ = 1; typ < ppl + 1;typ++){%>
+								
+								 <%}%>
+								
+								 
    
+									<%=p_name[typ]%> 
+								
    
+							
    
+						
    
+						<%}%>
+						 
+					
    
+					
    
+				
    
+		
    
+		 <%}%>
+		
    
+		
     
+			
+			
    
+			   Comment & point <%if(session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("3") ){%> <%}%>

    
+			 	
    
+						
+					  
    
+				 		<%//  int tab_no = 1; %>
+				 		<%for(int tab_no = 1; tab_no<4;tab_no++) {%>
+				 		
     in active<%}%>" id="iinfo0<%=tab_no%>">
+							
    
+						 	<%if( session.getAttribute("member_type").equals(tab_go[tab_no] ) ){%>
+						 		<%
+						 		String last_sql = " select c_content, c_point, c_no from tbl_comment ";
+						 		last_sql = last_sql + " where c_point > 0 and c_project_no = " + session.getAttribute("member_project_no") + " ";
+						 		last_sql = last_sql + " and c_pt_no = " + c_presentation_no + " ";
+						 		last_sql = last_sql + " and c_team_no = " + rs_pre.getInt("c_team_no") + " ";
+						 		last_sql = last_sql + " and c_type  = 2 ";
+						 		last_sql = last_sql + " and c_relation  = " + c_p_team + " ";
+						 		last_sql = last_sql + " and c_member_no  = " +  session.getAttribute("member_no") + " ";
+						 		last_sql = last_sql + " and c_member_type  = " +  session.getAttribute("member_type") + " ";
+						 		last_sql = last_sql + " and c_use=0 ";
+						 		ResultSet rs_last =  stmt.executeQuery(last_sql);
+						 		if(rs_last.next()){
+						 		%>
+						 			
+									
    
+									" type="hidden">
+								 	
    
+								 		* Point & Comment
+									 	
+									 		<% String sql_in =  "select c_photo from tbl_member where c_no = " + session.getAttribute("member_no");
+											ResultSet rs_in = stmt.executeQuery(sql_in);
+											if(rs_in.next()){
+											%>
+											
+											
+											
+											
+											
+											
+											
+											
+											
+											<%
+											}
+											rs_in.close();
+											%>
+										
    
+												<%if(!rs_in.getString("c_photo").equals("")){%>
+							                 		       " width="50" height=50 style="border: 1px solid #ededed;border-radius: 50px; ">
+							                 		       <%}%>
+												 
+											
+												
+											
    
+											
+												Point : 
+												
+												Edit
+											
    
+									
    
+								 	
    
+									 		
+									
    
+									
    
+						 		<%
+						 		}else{
+						 		%>
+								 	
+									
    
+									
+									" type="hidden">
+									
+									
+								 	
    
+								 		* Point & Comment
+									 	
+									 		<% String sql_in =  "select c_photo from tbl_member where c_no = " + session.getAttribute("member_no");
+											ResultSet rs_in = stmt.executeQuery(sql_in);
+											if(rs_in.next()){
+											%>
+											
+											
+											
+											
+											
+											
+											
+											
+											
+											<%
+											}
+											rs_in.close();
+											%>
+										
    
+												<%if(!rs_in.getString("c_photo").equals("")){%>
+							                 		       " width="50" height=50 style="border: 1px solid #ededed;border-radius: 50px; ">
+							                 		       <%}%>
+												 
+											
+												
+											
    
+											
+												Point : 
+												
+												Insert
+
+											
    
+									
    
+								 	
    
+									 		
+									
    
+									
    
+								<%}%>
+						 	<%}%>
+						 		<%if(session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("3") ){%>
+						 			
+									
    
+									
+									" type="hidden">
+									
+									
+									
+								 	
    
+							
+								 		* General Comment
+									 	
+									 		<% String sql_in =  "select c_photo from tbl_member where c_no = " + session.getAttribute("member_no");
+											ResultSet rs_in = stmt.executeQuery(sql_in);
+											if(rs_in.next()){
+											%>
+											
+											
+											
+											
+											
+											
+											
+											
+											
+											<%
+											}
+											rs_in.close();
+											%>
+										
    
+												<%if(!rs_in.getString("c_photo").equals("")){%>
+							                 		       " width="50" height=50 style="border: 1px solid #ededed;border-radius: 50px; ">
+							                 		       <%}%>
+												 
+											
+												
+											
    
+											
+												 
+												Insert
+											
    
+									
    
+									
+								 	
    
+									 		
+									
    
+									
    
+									<%}%>
+						 	
    
+							 	
+							 		<% String  sql_comment =  " select a.c_content, a.c_date, b.c_photo, b.c_name, a.c_member_type, a.c_point,a.c_member_no  from tbl_comment a ";
+									sql_comment = sql_comment + " inner join tbl_member b on b.c_no = a.c_member_no ";
+									sql_comment = sql_comment + " where a.c_type= 2 and a.c_relation = " + c_p_team + " and a.c_member_type= "+ tab_go[tab_no] +" order by a.c_no desc ";
+									ResultSet rs_comment = stmt.executeQuery(sql_comment);
+									while(rs_comment.next()){
+									%>
+									
+									
+									
+									
+									
+									
+									
+									
+									
+									<%
+									}
+									rs_comment.close();
+									%>
+								
    
+										<%if(!rs_comment.getString("c_photo").equals("")){%>
+					                 		       " width="50" height=50 style="border: 1px solid #ededed;border-radius: 50px; ">
+					                 		       <%}%>
+										 
+									bgcolor="#FFFBCB"<%}%>>
+										 
+										<%=rs_comment.getString("c_name")%>[
+										<%if(rs_comment.getInt("c_member_type") ==0){%>
+											Team Member
+										<%}%>
+										<%if(rs_comment.getInt("c_member_type") ==1){%>
+											Instructor
+										<%}%>
+										<%if(rs_comment.getInt("c_member_type") ==2){%>
+											Mentor
+										<%}%>
+										] 
+										
+										/ 
+										<%=rs_comment.getString("c_date")%>
+										<%if(session.getAttribute("member_type").equals("1") || session.getAttribute("member_type").equals("3") ){%>
+										<%if(rs_comment.getInt("c_point") >0){%>
+										/  point : 11 <%=rs_comment.getInt("c_point")%>
+										<%}%>
+										<%}%>
+										
+									
    
+									bgcolor="#FFFBCB"<%}%>>
+										<%=rs_comment.getString("c_content").replaceAll("\r\n","
    ")%>    
+										
+									
    
+							
    
+							
    
+						
     
+						<%}%> 
+					
    
+				
    
+			
    
+	<%}%>
+			
+				
+				   
    
+				   	 
    
+		               		Team List
+		                    
    
+		
    
+			
+
    
+
    
+<%
+	}else{
+%>
+	
+<%	
+	}
+	rs_pre.close();
+ 
+%>
+
+
+
+  
+
+
+<%@include file="/cms_for_bcb/process/presentation/inc_presentation_bottom.jsp"%>
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/cms_for_bcb/show.jsp b/resoft/cms_for_bcb/show.jsp
new file mode 100644
index 0000000..25e9254
--- /dev/null
+++ b/resoft/cms_for_bcb/show.jsp
@@ -0,0 +1,25 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%
+	login_tag = 0;
+%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top2.jsp"%>
+<%
+	String view_page = "/cms_for_bcb/contents/" + page_content;
+	try{
+%> 
+	
+<%
+	}catch(Exception e){
+%>
+









    
+
+Coming soon.
+









    
+<%	
+	}
+%>
+<%@include file="/cms_for_bcb/show_bottom2.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
\ No newline at end of file
diff --git a/resoft/cms_for_bcb/show_bottom.jsp b/resoft/cms_for_bcb/show_bottom.jsp
new file mode 100644
index 0000000..f02dd1c
--- /dev/null
+++ b/resoft/cms_for_bcb/show_bottom.jsp
@@ -0,0 +1,21 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+ 
+ 
+ 
    
+ 
    
+ 
    
+ 
    
+ 		
    
+	
    
+	
+
    
+
    
+
+ <%}else{%>
+ 
+ <%}%>
+ 
+ 
\ No newline at end of file
diff --git a/resoft/cms_for_bcb/show_bottom2.jsp b/resoft/cms_for_bcb/show_bottom2.jsp
new file mode 100644
index 0000000..0f98fa3
--- /dev/null
+++ b/resoft/cms_for_bcb/show_bottom2.jsp
@@ -0,0 +1,21 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+ 
+ 
+ 
    
+ 
    
+ 
    
+ 		
    
+	
    
+	
+
    
+
    
+
+
+ <%}else{%>
+ 
+ <%}%>
+ 
+ 
\ No newline at end of file
diff --git a/resoft/cms_for_bcb/show_top.jsp b/resoft/cms_for_bcb/show_top.jsp
new file mode 100644
index 0000000..2b9dba0
--- /dev/null
+++ b/resoft/cms_for_bcb/show_top.jsp
@@ -0,0 +1,242 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%
+	int make_ok = 0;
+	String show_no = r_call(request.getParameter("show_no")); 
+	String check_no = r_call(request.getParameter("check_no")); 
+	String c_relation = r_call(request.getParameter("c_relation")); 
+	String c_relation2 = r_call(request.getParameter("c_relation2")); 
+	int menu_ok = 0;	
+	String menu_name = "";
+	String page_content = "";
+	int menu_no = 0;
+	int my_no = 0;
+	 int project_now = 0;
+			
+	String sql_menu= "select * from tbl_menu where c_use = 0 and c_view = 0 and c_no = "+ show_no +" and c_up_no = "+ check_no +" and c_relation = "+ c_relation +" and c_relation2 = " + c_relation2;
+		ResultSet rs_menu=stmt.executeQuery(sql_menu);
+		if(rs_menu.next()){
+			menu_name = rs_menu.getString("c_name");
+			menu_no = rs_menu.getInt("c_up_no");
+			my_no = rs_menu.getInt("c_no");
+			page_content= rs_menu.getString("c_content");
+		}else{
+			menu_ok = 1;
+		}
+		rs_menu.close();
+	if (menu_ok ==0){
+%>
+
+
    
+
    
+	
+	
    
+		
    
+
+
+
+
+			 
    
+				
    
+				  
+				 
+						 
+					<%if(show_no.equals("7") ){	
+						 if( temp_state == 0 && session.getAttribute("member_type").equals("0") && !c_team.equals(session.getAttribute("member_team_no"))){%>
+							 
+						 <%}else{
+							 %>
+							 
+							  Business Model Canvas
+							
+							 <%
+			                        	   String sql_team = " select c_team_name from tbl_team where c_use = 0 and c_no = "+ c_team;
+			                        	   ResultSet rs_team = stmt2.executeQuery(sql_team);
+							  if(rs_team.next()){
+							  %>
+							  
+							    [<%=rs_team.getString("c_team_name")%>]
+							  <%
+							  }
+							  rs_team.close();
+						  }
+						  %>
+						
+					 
+					<%}else{%>
+						 
+							<%if(show_no.equals("8")){
+							 String sql_team = " select * from tbl_project where c_use = 0 and c_no = "+ session.getAttribute("member_project_no");
+			                        	   ResultSet rs_team = stmt2.executeQuery(sql_team);
+							  if(rs_team.next()){
+							  %>
+							 <%=menu_name%> / <%=rs_team.getString("c_name")%>
+							 
+							  <%
+							  }
+							  rs_team.close();
+						%>
+						<%}else{%>
+							<%=menu_name%>
+						<%}%>
+						 
+						
+					<%}%>
+					  
    
+				 
+			 
    
+			 <%
+			 if(show_no.equals("7") || show_no.equals("6")){%>
+		 	
    
+				 	<%
+				 	
+				 	if(Integer.parseInt(today.replaceAll("-","")) > Integer.parseInt(c_p_e_d.replaceAll("-",""))){
+				 		project_now = 1;
+				 		make_ok = 1;
+				 		 
+				 	%>
+				 		
    
+				 			
+						 		 	 
+						 			
+						 		 	
+						 			<%for (int i = 1; i < c_p_p + 1; i++){%>
+						 		 	
+							  		 
+							  		 
+							<%}%>
+							 
+							
    
+						 			<%if(temp_state == 1){%>order_<%}%>bcb<%}%><% if(show_no.equals("6")){%>leaderboard<%}%>/list.jsp?<%=para_t%>&call_period=<%=i%>&c_team=<%=c_team%>" title="Period : <%=a_w_s[i]%> ~ <%=a_w_e[i]%>">
+						 			<%if(call_period == i){%>
+								  		
+							  		<%}else{%>
+								  		
+							  		<%}%>
+							  		<%=i%>P 
+							  		
+							  		
+							  		
    
+						 
    
+						 
    
+						 	
    
+						 	[   Today : <%=today%> / Data Period : <%=a_w_s[1]%> ~ <%=a_w_e[call_period]%> ]
+						 
    
+						 
    
+						 		
+						 
    
+					<%}else if(Integer.parseInt(today.replaceAll("-","")) < Integer.parseInt(c_p_s_d.replaceAll("-",""))){
+						make_ok = 1;
+					%>
+						 
    
+						 	
+						 		 	 
+						 		 	
+						 	<%for (int i = 1; i < c_p_p + 1; i++){%>
+						 		
+							  		 
+							<%}%>
+							
    
+						 			
+							  		
+							  		<%=i%>P
+							  		
+							  		
+							  	
    
+						 
    
+					<%}else{%>						 
+						 
    
+						 	
+						 			 
+						 		 	
+						 	<%for (int i = 1; i < c_p_p + 1; i++){%>
+						 		<%if(i < today_period){%>
+						 			
+							  		 
+						 		<%}%>
+						 		<%if(today_period == i){%>
+						 			
+							  		 
+						 		<%}%>
+						 		<%if(i > today_period){%>
+						 			
+							  		 
+						 		<%}%>
+							<%}%>
+							
+						 	
    
+						 			bcb<%}%><% if(show_no.equals("6")){%>leaderboard<%}%>/list.jsp?<%=para_t%>&call_period=<%=i%>&c_team=<%=c_team%>" title="Period : <%=a_w_s[i]%> ~ <%=a_w_e[i]%>">
+						 			<%if(call_period == i){%>
+								  		
+							  		<%}else{%>
+								  		
+							  		<%}%>
+							  		<%=i%>P 
+							  		
+							  		
+							  		
+						 			bcb<%}%><% if(show_no.equals("6")){%>leaderboard<%}%>/list.jsp?<%=para_t%>&call_period=<%=i%>&c_team=<%=c_team%>" title="Period : <%=a_w_s[i]%> ~ <%=a_w_e[i]%>">
+						 			<%if(call_period == i){%>
+								  		
+							  		<%}else{%>
+								  		
+							  		<%}%>
+							  		<%=i%>P 
+							  		
+							  		
+							  		
+							  		
+							  		
+							  		<%=i%>P  
+							  		
+							  		
+							  		
    
+						 
    
+						 
    
+						 	<%
+						 	String v_e = "";
+						 	if(today_period == call_period){
+						 		v_e = today;
+						 	}else{
+						 		v_e = a_w_e[call_period];
+						 	}
+						 	 
+						 	%>
+						 	
    
+						 	 [  Today : <%=today%> / Data Period : <%=a_w_s[1]%> ~ <%=v_e%> ]
+						 
    
+						 
    
+						 	<%if(session.getAttribute("member_type").equals("0") && session.getAttribute("member_team_no").equals(c_team)){%>
+						 	 Insert Hypothesis
+							 Insert Interview
+							<%}%>						 	
+						 
    
+					<%}%> 
+				 
+			 
    
+			 <%}%>
+
+	
+	
    
+
    
+
+	
+	
    
+	
    
+		
    
+			
    
+			 
    
+			 
    
\ No newline at end of file
diff --git a/resoft/cms_for_bcb/show_top2.jsp b/resoft/cms_for_bcb/show_top2.jsp
new file mode 100644
index 0000000..9e4c6f4
--- /dev/null
+++ b/resoft/cms_for_bcb/show_top2.jsp
@@ -0,0 +1,97 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%
+	String show_no = r_call(request.getParameter("show_no")); 
+	String check_no = r_call(request.getParameter("check_no")); 
+	String c_relation = r_call(request.getParameter("c_relation")); 
+	String c_relation2 = r_call(request.getParameter("c_relation2")); 
+	int menu_ok = 0;	
+	String menu_name = "";
+	String page_content = "";
+	int menu_no = 0;
+	int my_no = 0;
+	String sql_menu= "select * from tbl_menu where c_use = 0 and c_view = 0 and c_no = "+ show_no +" and c_up_no = "+ check_no +" and c_relation = "+ c_relation +" and c_relation2 = " + c_relation2;
+		ResultSet rs_menu=stmt.executeQuery(sql_menu);
+		if(rs_menu.next()){
+			menu_name = rs_menu.getString("c_name");
+			menu_no = rs_menu.getInt("c_up_no");
+			my_no = rs_menu.getInt("c_no");
+			page_content= rs_menu.getString("c_content");
+		}else{
+			menu_ok = 1;
+		}
+		rs_menu.close();
+	if (menu_ok ==0){
+%>
+
+
    
+
    
+	
    
+		 
+	
     
+
+
+
+
+
+
+	
    
+		
    
+		 
    
+		  
    
+			
    ·  <%=menu_name%>
    
+			
     
+
+
+
+
+			
    
+		  
          
+		  
+		 
    
+		 
+
    
+ 
    
+ 
    
+    
\ No newline at end of file
diff --git a/resoft/css/.DS_Store b/resoft/css/.DS_Store
new file mode 100644
index 0000000..07feb51
Binary files /dev/null and b/resoft/css/.DS_Store differ
diff --git a/resoft/css/back/custom.css b/resoft/css/back/custom.css
new file mode 100644
index 0000000..82dfebc
--- /dev/null
+++ b/resoft/css/back/custom.css
@@ -0,0 +1,313 @@
+/* Add here all your CSS customizations */
+
+/*border*/
+.border-right { border-right:1px solid #5E9ECA; }
+.border-bottom { border-bottom:1px solid #979797; }
+
+
+/*bg*/
+.info-bg { 
+	background-image: url(..//images/bg/info-bg.jpg);
+	background-position: center center;
+	background-size: cover;
+	background-repeat: no-repeat;
+}
+
+
+/*footer-nav */
+#footer-nav {list-style:none; margin-bottom:20px;}
+#footer-nav li{display:inline-block; position:relative; line-height: 20px;}
+
+#footer-nav li:first-child > a {border: 0;}
+#footer-nav li > a {border-left: 1px solid #999; padding-left:10px; padding-right:10px}
+.nav-item a { color:#fff; text-decoration:none; font-size:14px; font-weight:bold;}
+.nav-item a:hover { font-weight:600; }
+.nav-item a:visited { text-decoration:none; }
+.link-h a { color: #5E9ECA !important; font-size: 20px;}
+
+
+
+/* responsive */
+/* @media (max-width: 991px) {
+	.border-right { border:0; }
+	.footer-logo { width:30%; }
+	.btn-dropdown { width:30%; }
+}*/
+
+.owl-carousel .owl-dots {
+    position: absolute;
+    bottom: 15px;
+}
+
+
+.sideMenu span {
+	font-size: 16px !important;
+	font-weight: bold;
+}
+
+.sideMenu i {
+	float: right;
+}
+.sideMenu a{
+	border-radius: 50px !important;
+	color: gray;
+}
+
+.sideMenu .active {
+	color: #5E9ECA !important;
+}
+
+
+.sub-menu {
+	padding-left: 20px;
+	margin: 10px 0;
+}
+.sub-menu span {
+	font-size: 14px !important;
+	font-weight: bold;
+}
+.sub-menu a{
+	border-radius: 50px !important;
+	color: gray;
+}
+
+.maru {
+	border-radius: 5px;
+	padding: 4px 8px;
+	margin-right: 10px;
+	color: orange;
+	border: thin solid black;
+	background-color: white;
+}
+
+.maru-b {
+	border-radius: 5px;
+	padding: 4px 8px;
+	margin-right: 10px;
+	color: yellow;
+	background-color: black;
+}
+
+p {font-size:14px !important; font-family: '나눔고딕', NanumGothic, 'Nanum Gothic' , 'NotoM', sans-serif ;}
+
+.caution {
+	color: red;
+	font-weight: bold;
+}
+
+.news-title {
+	padding: 20px; background-color: #f6f6f6; border-top: #B6B6B6 solid 1px ; border-bottom: #B6B6B6 solid 1px ; font-size: 18px; 
+}
+
+.news-col-4 {
+	text-align: center;
+	color: gray;
+	padding: 20px;
+}
+
+.news-contents {
+	padding: 20px;
+}
+
+
+.event_t {
+	font-size: 1.4em !important;
+	font-weight: bold;
+}
+
+.event_subt {
+	font-size: 1.4em !important;
+	font-weight: bold;
+	color:#9b9b9b;
+}
+
+
+.event-table {
+    border-collapse: collapse;
+    text-align: center !important;
+    border: 1px solid #ccc;
+    width:100%;
+}
+.event-table thead {
+    border-right: 1px solid #ccc;
+    border-left: 1px solid #ccc;
+    background: #c6beb1;
+}
+.event-table thead th {
+    padding: 10px;
+    font-weight: 600;
+    vertical-align: middle;
+    border: 1px solid #ccc;
+    color: #fff;
+}
+.event-table tbody th {
+    padding: 10px;
+    font-weight: 600;
+    vertical-align: middle;
+    border: 1px solid #ccc;
+    background: #ede3df;
+}
+.event-table td {
+    padding: 10px;
+    vertical-align: middle;
+    border: 1px solid #ccc;
+	background-color:#fff;
+}
+
+.event-tablelist li{
+	padding: 10px;
+    text-align:left;
+    color:#000; 
+    list-style:none; 
+    font-weight:600;
+}
+
+.eventbutton {
+	font-size:11px !important; padding: 0 10px !important; margin: 0 10px !important;
+}
+
+
+.in-p {
+	margin-left: 25px !important;
+}
+
+table.basic-table {
+    border-collapse: collapse;
+    text-align: center;
+    border: 1px solid #ccc;
+    width:100%;
+}
+table.basic-table thead {
+    border-right: 1px solid #ccc;
+    border-left: 1px solid #ccc;
+    background: #c6beb1;
+}
+table.basic-table thead th {
+    padding: 10px;
+    font-weight: 600;
+    vertical-align: middle;
+    border: 1px solid #ccc;
+    color: #fff;
+}
+table.basic-table tbody th {
+    padding: 5px;
+    font-weight: 600;
+    vertical-align: middle;
+    border: 1px solid #ccc;
+    background: #ede3df;
+}
+table.basic-table td {
+    padding: 10px;
+    vertical-align: middle;
+    border: 1px solid #ccc;
+	background-color:#fff;
+}
+
+.reserve_li li{ margin: 0 20px; line-height: inherit !important; padding: 10px 0;}
+.reserve_li span {font-weight: normal; color: gray; font-size: 12px;}
+.reserve_li .emp_text { font-size:14px; color:#D0021B; font-weight:bold; }
+
+
+ table.info-timetable {
+    border-collapse: collapse;
+    text-align: center;
+    border: 1px solid #ccc;
+    width:100%;
+}
+table.info-timetable thead {
+    border-right: 1px solid #ccc;
+    border-left: 1px solid #ccc;
+    background: #c6beb1;
+}
+table.info-timetable thead th {
+    padding: 10px;
+    font-weight: 600;
+    vertical-align: middle;
+    border: 1px solid #ccc;
+    color: #fff;
+	text-align: center;
+}
+table.info-timetable tbody th {
+    padding: 10px;
+    font-weight: 600;
+    vertical-align: middle;
+    border: 1px solid #ccc;
+    background: #ede3df;
+	text-align: center;
+}
+table.info-timetable td {
+    padding: 10px;
+    vertical-align: middle;
+    border: 1px solid #ccc;
+}
+
+.table-t {
+	color: #fff !important;
+}
+
+
+.table-t i {
+	vertical-align: bottom;
+	margin: 0 30px;
+	font-size: 24px;
+	font-weight: bold;
+	color: #fff !important;
+}
+
+.sund {
+	color: red !important;
+}
+
+.satd {
+	color: blue !important;
+}
+
+/*cell background */
+.bg-t1 {
+    background-color:#fbf3c4;
+}
+.bg-t2 {
+    background-color:#d5f2f8;
+}
+.bg-t3 {
+    background-color:#fcebec;
+}
+
+/* timetable label */
+table.timetable-label {
+    text-align: center;
+    width:70%;
+}
+table.timetable-label td {
+    padding: 10px;
+    vertical-align: middle;
+    font-weight: 600;
+    font-size:12px;
+}
+
+.form-warning {
+	font-size: 11px !important; color: red;
+}
+
+.form-tarea {
+	font-size: 11px !important; color: gray;
+}
+
+
+.form-font {
+	font-size: 11px !important; color: black;
+}
+
+.h-icon {
+	vertical-align: top; font-size:12px; color:#9b9b9b;
+}
+
+.personal-area {
+	width:100%; border: none; padding: 10px; font-size: 12px;
+}
+
+.sitemap .title {
+	font-size:18px !important; color: orange; font-weight: bold;
+}
+
+.sitemap ul li a { font-size:14px !important; padding-left:10px;}
\ No newline at end of file
diff --git a/resoft/css/back/plugins-css.css b/resoft/css/back/plugins-css.css
new file mode 100644
index 0000000..6d2c424
--- /dev/null
+++ b/resoft/css/back/plugins-css.css
@@ -0,0 +1,22 @@
+/*
+
+Template: Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE:  This file includes all plugins. If you don't want to use any plugins from below. You can simply remove that line from this file.
+
+*/
+ 
+/*plugins*/
+@import url("plugins/bootstrap.min.css");
+@import url("plugins/mega_menu.css");
+@import url("plugins/animate.css");
+@import url("plugins/font-awesome.min.css");
+@import url("plugins/bootstrap-datetimepicker.min.css");
+@import url("plugins/dataTables.bootstrap.min.css");
+@import url("plugins/magnific-popup.css");
+@import url("plugins/mediaelementplayer.css");
+@import url("plugins/owl.carousel.min.css");
+@import url("plugins/slick-theme.css");
+@import url("plugins/themify-icons.css");
\ No newline at end of file
diff --git a/resoft/css/back/responsive.css b/resoft/css/back/responsive.css
new file mode 100644
index 0000000..a73534d
--- /dev/null
+++ b/resoft/css/back/responsive.css
@@ -0,0 +1,1631 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains responsive Media Queries of the Template. You can edit/add anything in this file for responsive related changes!
+*/
+
+
+ /*****************
+================================================
+ (  Media Queries  )
+================================================
+ *******************/
+
+
+/*************************
+       1700px
+*************************/    
+@media (max-width: 1700px) {
+
+.portfolio-title { padding: 60px 60px 30px; }
+/*home-4  */
+.our-blog .blog-box-image { max-height: 286px; }
+.our-blog .blog-box-info { max-height: 286px; }
+/* about-1 */
+.feature-step-2 .feature-step-2-title-left h1 {  font-size: 60px;  line-height: 50px;}
+.objects-left .objects-1 { left: -20px; }
+.video-background-banner .slider-content { padding: 20px 30px; }
+.scroll-down { bottom: 30px; }
+#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; }
+
+} 
+
+@media (max-width: 1500px) {
+
+.portfolio-home .section-title p { font-size: 16px; }
+/*home-4  */
+.our-blog .blog-box-image { max-height: 262px; }
+.our-blog .blog-box-info { max-height: 262px; }
+.blog-box-image .portfolio-caption .port-tag li a { font-size: 12px; }
+.slider-fade-carousel { height: 100%; }
+.our-service { padding-bottom: 60px; }
+.objects-left, .objects-right { display: none; }
+.fullWidth .mega-menu .drop-down.grid-col-5 { width: 51.666667%; }
+.fancy .mega-menu .drop-down.grid-col-5 { width: 51.666667%; }
+/*home 9*/
+.resume-contact #map { height: 642px; }
+ #rev_slider_14_1 .tp-bullets { margin-bottom: -20px; }
+ 
+
+}
+
+@media (max-width: 1400px) {
+
+.portfolio-title { padding:40px 40px 0px; }
+.portfolio-home .portfolio-title.section-title { margin-bottom: 20px !important; }
+.portfolio-home .portfolio-title.section-title .button.mt-30 { margin-top: 10px !important; }
+.our-blog .blog-box-image { max-height: 240px; }
+.our-blog .blog-box-info { max-height: 240px; }
+.our-blog .blog-box-info p.pb-20.pt-30 { padding: 10px 0 !important; }
+.custom-content-3.hello-content .custom-content-3-image img { margin-top: 150px; vertical-align: bottom; width: 100%; }
+.our-blog .blog-box-info span.text-white { display: none; }
+/*contact*/
+.contact-3-info .contact-add { text-align: center; }
+.contact-3-info .contact-add i { float: none; text-align: center; display: block; margin: 0 auto; }
+.contact-3-info .contact-add p { display: block; margin-top: 15px; }
+/*home-9*/
+.image-holder-2-bg { height: 700px; }
+.feature-step-2 .feature-step-2-title-2-right h2 {  font-size: 24px;   line-height: 30px;}
+.feature-step-2 .feature-step-2-title-2-right h3 {  font-size: 20px;   line-height: 24px;}
+.feature-step-2-box {  padding: 50px 30px;}
+.resume-page .container-fluid { padding: 0 30px; }
+.resume-contact .contact-form-main { padding: 30px; }
+.header.fancy.without-topbar .menu { top: 16px; }
+#rev_slider_16_1_forcefullwidth .tp-parallax-wrap { margin-top: 20px; }
+.awesome-features .img-side img { top: 20px; }
+.video-background-banner .slider-content { padding: 30px 30px; }
+.video-background-banner h1 { font-size: 60px; line-height: 60px; }
+
+/*************************************
+             v1.0.3
+**************************************/
+.slider-parallax.banner-personal .slider-content h1 { font-size: 110px; line-height: 120px; }
+.slider-parallax.banner-personal .slider-content h1 strong { font-size: 132px; }
+
+/*************************************
+             v1.0.4
+**************************************/
+.movie-banner .slider-content .banner-popup { width: 72%; }
+#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 18px !important;  position: relative; bottom: 10px!important;}
+#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; }
+ 
+}
+
+@media (max-width: 1272px) {
+.our-blog .blog-box-image { max-height: 185px; }
+.our-blog .blog-box-info { max-height: 185px; }
+.our-blog .blog-box-image .portfolio-caption .port-tag li { margin-top: 0px; }
+.our-blog .blog-box-image .portfolio-caption .button-border span { margin-top: 10px; padding: 4px 10px; font-size: 11px; }
+.our-blog .blog-box-info a.button.button-white span { padding: 6px 16px; }
+.our-blog .blog-box-info a.button.button-white i { padding: 11px; }
+.our-blog .blog-box-info h1 { font-size: 20px; line-height: 20px; margin-bottom: 0; }
+.our-blog .blog-box-info p { font-size: 14px; }
+.our-blog .blog-box-info { padding: 15px 20px; }
+/*home-5*/
+.team-3 .team-social-icon a i { font-size: 12px; height: 30px; line-height: 31px; width: 30px; } 
+/*about-1 page*/
+.our-history .history-content { padding: 125px 20px; }
+/*about me*/
+.about-me .maintenance-progress-bar .progress-bar { margin: 0 15px; }
+/*blog timeline*/
+.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -50px; }
+/*error*/
+.error-search-box { width: 91%; }
+.fullWidth .mega-menu .drop-down.grid-col-5 { width: 61.666667%; }
+.fancy .mega-menu .drop-down.grid-col-5 { width: 61.666667%; }
+/* about-1 */
+.feature-step-2 .feature-step-2-title-left h1 {  font-size: 40px;  line-height: 30px;}
+.feature-step-2 .feature-step-2-title-2-right h2 {  font-size: 22px;   line-height: 24px;}
+.feature-step-2 .feature-step-2-title-2-right h3 {  font-size: 18px;   line-height: 20px;}
+#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important;  position: relative; bottom: 10px!important;}
+#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; }
+
+}
+
+@media (max-width: 1200px) {
+.login-2-social li {margin: 0 3px;}
+h2 {font-size: 28px;}
+h4 {font-size: 18px;}
+.title-effect::before { height: 25%; bottom: 4px; }
+/*home2*/
+.testimonial-2 .testimonial-center { width: 100%; }
+.deal-banner img { width: initial; }
+/*home 9*/
+.footer-widget-social.pull-right  { float: none !important; }
+.blog-info h4 {font-size: 15px;}
+.blog-info p {font-size: 16px; padding: 10px 0 20px;}
+.blog-box.blog-1 .blog-info p { font-size: 14px; }
+.feature-text.box, .feature-text.fill-box {padding: 30px;}
+.nav.nav-tabs li a {margin-right: 5px; margin-bottom: 0px;}
+.happy-clients .nav-tabs li img {height: 80px; width: 80px;}
+.team .team-social-icon ul li a i {height: 35px; line-height: 35px; width: 35px; font-size: 14px;}
+.team:hover .team-social-icon {bottom: 27%;}
+.feature-info h5{font-size: 15px;}
+.contact-3 .map-side {height: 808px;}
+.contact-4 .map-side {height: 553px;}
+.service-blog {padding-top: 0;}
+.portfolio-home .isotope.columns-3 .grid-item { width: 50%; }
+.portfolio-title { padding:60px 60px 30px; }
+.action-box h3 { font-size: 22px; }
+.action-box p { font-size: 15px; }
+.vertical-header .container-fluid { padding: 0 30px; }
+.team.team-round.full-border .team-description { padding: 30px 0; }
+/*medical*/
+.medical-tab .nav.nav-tabs li a { margin-bottom: 0; }
+.deal-banner .countdown.small { margin: 0; }
+/*404 error*/
+.error-block { padding: 20px 0  70px 0px; }
+.error-block .error-text h2 { font-size: 320px; }
+.error-block .error-text span { font-size: 104px; right: 0; }
+.error-text-02 h2 { font-size: 320px; }
+.error-text-02 span { font-size: 104px; right: 0; }
+.add-banner-2 .add-banner-content h2 { font-size: 42px; line-height: 42px; }
+.pricing-content .pricing-table-list ul li { font-size: 14px; }
+.pricing-content .pricing-table-list ul li i { width: 18px; }
+.round .nav.nav-tabs li a { padding: 12px 20px; }
+#rev_slider_16_1_forcefullwidth .tp-parallax-wrap { margin-top: 50px; }
+#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important;  position: relative; bottom: 10px!important;}
+#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; }
+#services .feature-text.left-icon .feature-icon { position: relative; text-align: left; }
+#services .feature-text .feature-icon span, #services .feature-text .feature-icon i { padding-left: 0; margin-bottom: 10px; }
+#services .feature-text.left-icon .feature-info { padding-left: 0; }
+.medical-tab .nav.nav-tabs li a { padding: 12px 20px; }
+.login-social li { margin: 3px 0px; }
+.blog.blog-grid-3-column .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; }
+.blog.blog-grid-2-sidebar .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; }
+.blog.masnary-blog-3-columns .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; }
+.blog.masonry-main .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; }
+.timeline .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; }
+.awesome-features .img-side img { top: 10%; }
+.footer.footer-topbar .copyright ul li { padding: 0; }
+.isotope.columns-4 .grid-item { width: 33.333%; }
+
+
+/*************************************
+             v1.0.3
+**************************************/
+.blockquote-section blockquote { font-size: 40px; line-height: 40px; }
+
+/*************************************
+             v1.0.4
+**************************************/
+.christmas-countdown .countdown { margin: 0px 5px; width: 130px; height: 130px; }
+.christmas-countdown .countdown span { font-size: 34px; }
+
+.conference-about-content-right { padding: 92px 0; }
+.conference-about-content-left { padding: 110px 0 80px 0px; }
+.timer-banner .slider-content h1 { font-size: 80px; line-height: 80px; }
+
+/*************************************
+             v1.0.7
+**************************************/
+ .law-timeline .timeline-centered:before { left: 62px; }
+
+/*************************************
+             v1.0.8
+**************************************/
+ .portfolio-parallax-banner p { padding-right: 400px; }
+ .portfolio-parallax-banner h2 { font-size: 90px; line-height: 90px; }
+
+/*************************************
+             v1.0.9
+**************************************/
+ .coming-soon-aerial .coming-soon-form.contact-form input { width: 100%; }
+ .coming-soon-big { padding: 0; }
+ .error-05 .error-bottom .tree { left: -120px; }
+ .error-05 .error-bottom .back-to-home { right: 0; }
+ .error-05 h3, .error-05 span { font-size: 50px; line-height: 50px; }
+ .error-05 p { font-size: 22px; }
+ .error-03 .error-404 h1 { font-size: 100px; line-height: 100px; }
+ .error-03 .content h1 { font-size: 48px; }
+ .error-03 .content h2 { font-size: 42px; }
+ .coming-soon-birds .countdown { margin: 0px 10px; }
+#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important;  position: relative; bottom: 20px!important;}
+#rev_slider_14_1 .tp-bullets { margin-bottom: -30px; }
+
+
+/*************************************
+             v1.2
+**************************************/
+ .about-05-split .shop-split-content { padding: 20px 0; }
+ .mega-menu .drop-down-multilevel {}
+
+
+}
+@media only screen and (min-width: 1100px) and (max-width: 1500px) {
+.vertical-header .container { width: auto;  }
+#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important;  position: relative; bottom: 10px!important;}
+#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; }
+}
+@media only screen and (min-width: 1100px) and (max-width: 1200px) {
+.container { width: 94%; }
+/* about-1 */
+.feature-step-2 .feature-step-2-title-2-right h2 {  padding-bottom: 5px; margin-bottom: 5px; }
+.feature-step-2 .feature-step-2-title-2-right h3 {  margin-bottom: 5px;}
+.feature-step-2 .feature-step-2-title-2-right p{line-height: 20px;}
+#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important;  position: relative; bottom: 20px!important;}
+#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; }
+
+
+}
+
+
+@media (max-width: 1025px) {
+.mega-menu .menu-links > li > a { padding: 16px 25px; }
+.portfolio-title { padding:30px 30px 30px; }
+ /*error*/
+.error-search-box { width: 100%; text-align: center; }
+.clients-logo.line { width: 28.3333%; }
+.clients-logo.line img { width: 90%; }
+/*blog timeline*/
+.blog .timeline > li > .timeline-badge { right: -66px; }
+.blog .timeline > li.timeline-inverted > .timeline-badge { left: -63px; }
+.deal-banner .caption { margin-top: 50px; margin-bottom: 50px; }
+/*process*/
+.action-box p { font-size: 13px; }
+/*medical*/
+.medical-tab .nav.nav-tabs li a { padding: 12px 10px; }
+.membership-pricing-table table tr:first-child th .pricing-plan-price { font-size: 32px; }
+.awesome-features .img-side img { top: 13%; }
+.footer-social-big ul li { width: 66px; }
+.footer .footer-social li, .footer ul.list-inline.text-left li { padding: 0 1px; }
+.login-bg .login-social li a.fb { padding: 12px 14px; }
+.isotope-filters button+button { margin-left: 3px; }
+
+
+/*************************************
+             v1.0.2
+**************************************/
+.action-box h3 { padding-right: 230px; }
+
+/*************************************
+             v1.0.6
+**************************************/
+.movie-banner .slider-content .banner-popup { width: 100%; }
+.movie-banner .countdown.small { margin: 0; }
+.movie-banner .countdown.round.small { width: 90px; height: 90px; }
+.movie-banner .countdown p { font-size: 13px; }
+
+/*************************************
+             v1.0.7
+**************************************/
+ .law-timeline .timeline-centered:before { left: 56px; }
+
+/*************************************
+             v1.0.8
+**************************************/
+ .agency-02-about-content-left { padding: 110px 0 0px 100px; }
+
+/*************************************
+             v1.0.9
+**************************************/
+ .error-05 .error-bottom .board { left: 264px; }
+
+/*************************************
+             v1.2
+**************************************/
+.blockquote-section .action-box h3 { padding: 0; }
+	
+#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important;  position: relative; bottom: 20px!important;}
+#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; }
+
+} 
+
+@media only screen and (min-width: 768px) and (max-width: 999px) {
+#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important;  position: relative; bottom: 20px!important;}
+#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; }
+.container{ width:96%; } 
+	
+
+}
+
+@media(max-width:1100px) {
+
+/*************************
+     Margin top
+*************************/ 
+.sm-mt-0 { margin-top: 0 !important; }
+.sm-mt-10 { margin-top: 10px !important; }
+.sm-mt-15 { margin-top: 15px !important; }
+.sm-mt-20 { margin-top: 20px !important; }
+.sm-mt-30 { margin-top: 30px !important; }
+.sm-mt-40 { margin-top: 40px !important; }
+.sm-mt-50 { margin-top: 50px !important; }
+ /*************************
+    Margin right
+*************************/ 
+.sm-mr-0 { margin-right: 0!important }
+.sm-mr-10 { margin-right: 10px !important; }
+.sm-mr-15 { margin-right: 15px !important; }
+.sm-mr-20 { margin-right: 20px !important; }
+.sm-mr-30 { margin-right: 30px !important; }
+.sm-mr-40 { margin-right: 40px !important; }
+.sm-mr-50 { margin-right: 50px !important; }
+ /*************************
+    Margin bottom
+*************************/
+.sm-mb-0 { margin-bottom: 0!important }
+.sm-mb-10 { margin-bottom: 10px !important; }
+.sm-mb-15 { margin-bottom: 15px !important; }
+.sm-mb-20 { margin-bottom: 20px !important; }
+.sm-mb-30 { margin-bottom: 30px !important; }
+.sm-mb-40 { margin-bottom: 40px !important; }
+.sm-mb-50 { margin-bottom: 50px !important; }
+/*************************
+    Margin left
+*************************/
+.sm-ml-0 { margin-left: 0!important }
+.sm-ml-10 { margin-left: 10px !important; }
+.sm-ml-15 { margin-left: 15px !important; }
+.sm-ml-20 { margin-left: 20px !important; }
+.sm-ml-30 { margin-left: 30px !important; }
+.sm-ml-40 { margin-left: 40px !important; }
+.sm-ml-50 { margin-left: 50px !important; }
+  /*************************
+    Padding top
+*************************/
+.sm-pt-0 { padding-top: 0!important }
+.sm-pt-10 { padding-top: 10px !important; }
+.sm-pt-15 { padding-top: 15px !important; }
+.sm-pt-20 { padding-top: 20px !important; }
+.sm-pt-30 { padding-top: 30px !important; }
+.sm-pt-40 { padding-top: 40px !important; }
+.sm-pt-50 { padding-top: 50px !important; }
+ /*************************
+    Padding right
+*************************/
+.sm-pr-0 { padding-right: 0!important }
+.sm-pr-10 { padding-right: 10px !important; }
+.sm-pr-15 { padding-right: 15px !important; }
+.sm-pr-20 { padding-right: 20px !important; }
+.sm-pr-30 { padding-right: 30px !important; }
+.sm-pr-40 { padding-right: 40px !important; }
+.sm-pr-50 { padding-right: 50px !important; } 
+ /*************************
+    Padding bottom
+*************************/
+.sm-pb-0 { padding-bottom: 0!important }
+.sm-pb-10 { padding-bottom: 10px !important; }
+.sm-pb-15 { padding-bottom: 15px !important; }
+.sm-pb-20 { padding-bottom: 20px !important; }
+.sm-pb-30 { padding-bottom: 30px !important; }
+.sm-pb-40 { padding-bottom: 40px !important; }
+.sm-pb-50 { padding-bottom: 50px !important; }
+ /*************************
+    Padding left
+*************************/
+.sm-pl-0 { padding-left: 0!important }
+.sm-pl-10 { padding-left: 10px !important; }
+.sm-pl-15 { padding-left: 15px !important; }
+.sm-pl-20 { padding-left: 20px !important; }
+.sm-pl-30 { padding-left: 30px !important; }
+.sm-pl-40 { padding-left: 40px !important; }
+.sm-pl-50 { padding-left: 50px !important; }
+.row-eq-height {  display: block;}
+h2 {font-size: 25px; line-height: 35px;}
+h3 { font-size: 20px; }
+h4 {font-size: 17px;}
+h5 {font-size: 15px;}
+/*home-1*/
+/*header*/
+.default { position: relative; background: #323232; }
+/*menu*/
+.mega-menu { min-height: 60px; }
+.mega-menu .menu-logo > li > a { padding: 0; }
+.mega-menu .menu-logo { padding: 10px 0; }
+.search-cart span.icon, .search-cart i.icon { line-height: 50px; } 
+.fancy .mega-menu > section.menu-list-items .menu-links { float: none; position: absolute; width: 100%; top: 100%; } 
+.header.fancy .mega-menu > section.menu-list-items { box-shadow: none; }
+.mega-menu .menu-logo img { height: 30px; margin: 5px 0; }
+.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #323232; }
+.mega-menu .drop-down-multilevel li:hover > a i.fa { color: #323232; }
+.mega-menu .drop-down-multilevel a {  display: block; }
+.mega-menu .mobileTriggerButton { z-index: 1; }
+.mega-menu .drop-down-multilevel, .mega-menu .drop-down, .mega-menu .drop-down-tab-bar { border-top: 0px !important; }
+.header.light .mega-menu .menu-mobile-collapse-trigger:before, .header.light .mega-menu .menu-mobile-collapse-trigger:after, .header.light .mega-menu .menu-mobile-collapse-trigger span { background: #323232; }
+.header.logo-center .mega-menu { min-height: 60px; }
+/*fancy*/
+.header.fancy .menu { position: relative; top: 0; }
+.header.fancy .topbar + .menu {  top: 0px; }
+.header.fancy .mega-menu .menu-mobile-collapse-trigger:before, .header.fancy .mega-menu .menu-mobile-collapse-trigger:after, .header.fancy .mega-menu .menu-mobile-collapse-trigger span { background: #323232; }
+.header.fancy .mega-menu > section.menu-list-items { padding: 0; }
+.header.fancy .mega-menu .menu-logo { padding: 16px 0px; }
+.header.fancy .search-cart span.icon, .search-cart i.icon { line-height: 60px; }
+.header.fancy .mega-menu .menu-links > li > a { line-height: 20px; }
+.header.fancy .topbar { padding: 10px 0px 10px; }
+.header.fancy .search-cart i.icon { line-height: 74px; }
+.header.left-menu .menu-links {  padding-left: 0; }
+.header.logo-center .menu-bar { border:0px; }
+.header.transparent { position: relative; background: #323232; }
+/*one page*/
+header.one-page { position: relative; background: #323232; }
+.navbar { margin-bottom: 0; }
+.navbar-header { float: none;  }
+.navbar-left,.navbar-right {  float: none !important; }
+.navbar-toggle { display: block; margin-right: 0; }
+.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); padding-left: 22px; }
+.navbar-fixed-top { top: 0; border-width: 0 0 1px; }
+.navbar-collapse.collapse { display: none!important; }
+.navbar-nav { float: none!important; margin-top: 7.5px; }
+.navbar-nav>li { float: none; }
+.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
+.collapse.in { display:block !important; }
+.navbar .navbar-brand { padding:0;}
+.navbar .navbar-brand img { height: 28px; }
+.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { background: #323232; border:0; position: absolute; width: 100%; left: 0; right: 0; }
+.navbar-collapse { box-shadow: none; }
+.navbar-inverse .navbar-nav>li { padding: 15px 15px; }
+.navbar-nav { float: none; }
+.navbar-inverse .navbar-toggle { border:0; }
+.navbar-toggle { margin-top: 14px; }
+.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background: transparent; } 
+.header.burger { padding: 10px 10px;   }
+.header.burger .logo img  { height: 30px; margin-top: 10px; }
+.vertical-header { padding-left: 0; }
+.vertical-header .header { left: inherit; padding-bottom: 150px; }
+.vertical-menu .navbar-default .navbar-nav > li > a { padding: 10px 15px 10px 40px; }
+.vertical-menu .navbar-nav .open .dropdown-menu { position: relative; background-color: #f4f5f6; }
+.vertical-menu .navbar-nav>li>.dropdown-menu { margin-bottom: 10px; }
+.vertical-menu .navbar-nav { margin: 0px; }
+.vertical-menu .open>.dropdown-menu { display: inline-block; }
+.vertical-menu  .content-scroller { margin-left: 0px; padding-top: 50px; }
+#left-header{position:fixed; left:-230px; top:0; width:230px; height:100%; z-index: 9999; }
+.but span {position: absolute; right:15px; top: 20px;  font-size: 24px;color: #fff; }
+.but span { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition:all 0.5s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; }
+.but.active span { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
+.menu-responsive b {  color: #5E9ECA; font-size: 18px; text-transform: uppercase; }
+.menu-responsive  { height:60px;  position: fixed; background: #000000; z-index: 9999; width: 100%; padding: 14px 15px; display: block; }
+.vertical-menu .navbar-toggle { display: none; }
+.vertical-menu .navbar-collapse.collapse { display: block !important;  background: transparent; }
+ /*megamenu*/
+.vertical-menu .menu .mega-menu .menu-links  { background: transparent; }
+.vertical-menu .menu .mega-menu .menu-links > li > a { padding: 15px 23px; color: #ffffff; }
+.vertical-menu .menu .mega-menu .menu-links > li { border-color: rgba(255, 255, 255, 0.2); }
+.vertical-menu .mega-menu .menu-links { display: block !important; }
+.vertical-menu .mega-menu .menu-mobile-collapse-trigger { display: none;  }
+.vertical-menu .social-icons li { float: none; display: inline-block;  }
+.vertical-menu .menu-widgets { bottom: 0; }
+.header.fancy.without-topbar .menu { top: 0; }
+.mega-menu > section.menu-list-items { height: 60px !important;  }
+.fancy .mega-menu > section.menu-list-items { height: 70px !important;  }
+.search .search-btn { line-height: 30px; }
+.navbar .navbar-brand { padding: 15px 0; }
+.logo-center .mega-menu .menu-logo { padding: 14px 0; }
+
+/*sticky header */
+.header .mega-menu.mobileTopFixed .menu-list-items { background: #323232; }
+.header.light .mega-menu.mobileTopFixed .menu-list-items { background: #ffffff; border-bottom: 1px solid #f9f9f9; }
+.header.fancy .mega-menu.mobileTopFixed section.menu-list-items { padding: 0 10px; border-bottom: 1px solid #f9f9f9;  }
+.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin: 0; }
+.header.vertical-menu .mega-menu.mobileTopFixed { display: none;}
+/* header */
+.st-effect-3 .header.default.fullWidth .search-cart { right: 50px; top: 3px; }
+
+/*.page-title*/
+.page-title { padding-top: 100px; text-align: left; }
+.page-title .page-breadcrumb { float: none; text-align: left; }
+.page-title.right .page-title-name { text-align: right; float: none; width: 100%; }
+.page-title.right .page-breadcrumb { float: none; text-align: right; }
+.portfolio-title.section-title { margin-bottom: 0; }
+.happy-clients  { padding-bottom: 60px !important; }
+.popup-video { margin-bottom: 30px; }
+.custom-content { padding: 30px; }
+.custom-content-3-image { display: none; }
+.happy-clients .col-md-6.mt-60 { margin-top: 0 !important; }
+/*inner-intro*/
+.inner-intro { padding-top: 120px; }
+/*page two sidebar*/
+.page-two-sidebar .page-content { margin-top: 40px; }
+/*blog*/
+.blog-box { margin: 15px 0; }
+/*clients-logo*/
+.clients-logo.line { width: 32.3333%; float: none; display: inline-block; }
+.clients-logo.line img { width: 100%; }
+/*contact*/
+.contact.contact-2 a.button { margin-bottom: 30px; }
+.contact-3 .contact-add {  min-height: 310px; }
+.contact-3 .contact-3-info { height: auto; }
+.contact-3 .contact-map iframe { height: 400px; }
+.contact-3 .map-side {  height: auto; position:inherit; }
+.error-block { background-size: 90%;}
+.error-block p { font-size: 26px; }
+.error-search-box p { font-size: 19px; line-height: 35px; }
+.map-side{position:inherit;}
+/*action box*/
+.text-right.action-box-button { text-align: left; }
+/*home 6 */
+.our-activities .accordion { margin-top: 60px; }
+/*maintenance*/
+.maintenance-main h1.mb-50 { font-size: 34px; margin-bottom: 10px !important; }
+.maintenance-main i { font-size: 60px; }
+.maintenance-form { width: 100%; }
+.maintenance-progress-bar span { font-size: 24px; }
+.feature-text.box, .feature-text.fill-box {padding: 20px 10px;}
+.feature-text.box p {font-size: 14px;}
+.feature-box-content { padding: 20px 15px 0;}
+.feature-box a {padding: 0 15px;}
+.progress-title {font-size: 15px;}
+.counter .timer {font-size: 38px;}
+.counter label {font-size: 14px;}
+.team-3-box .team-overlay {padding: 30px 15px 0;}
+.team-3-box {padding: 10px;}
+.menu-bar {float: none;}
+.mega-menu .menu-links > li > a{line-height: normal;}
+.mega-menu .menu-mobile-collapse-trigger {height: 40px; top: 50%; transform: translateY(-50%); z-index: 9999; }
+.search-cart {display: inline-block; position: absolute; right: 60px; top: 0; z-index: 999; }
+.search-active .search-cart  { left: 0; width: 100%; }
+.search .search-input input { width: 100%; }
+.search-active .mega-menu .menu-mobile-collapse-trigger { z-index: 9; }
+.footer p {font-size: 13px;}
+.feature-text p{font-size: 14px;}
+.accordion.accordion-2 .acd-group.acd-active .acd-heading {font-size: 22px;}
+.split-section .img-side{display: none;}
+.our-service { padding-bottom: 60px;}
+.testimonial.boxed {padding: 50px 30px 75px;}
+.button {font-size: 12px; padding: 12px 15px;}
+.feature-step-2 .feature-step-2-title-left h1 {font-size: 80px;}
+.services-text-box-blue, .services-text-box-black {padding: 50px 30px;}
+.highlights-phone {margin-top: 20px;}
+.mobile-slider h5{font-size: 14px;}
+.service-blog b{right: 0; font-size: 250px;}
+.service-blog.left b{left: 0;}
+/*blog pages*/
+.blog.blog-grid-3-column .social.pull-right { float: none; margin-top: 10px; display: block; width: 100%; }
+.masonry.columns-3 .masonry-item { width: 50%; }
+.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -70px; }
+/*portfolio*/
+ .isotope.columns-3 .grid-item { width: 50%; }
+.isotope.columns-4 .grid-item { width: 50%; }
+.isotope.columns-5 .grid-item { width: 50%; }
+.masonry.columns-3 .masonry-item { width: 50%; }
+.masonry.columns-4 .masonry-item { width: 50%; }
+.masonry.columns-5 .masonry-item { width: 50%; }
+.port-post-social.pull-right { float: none !important; }
+/*process*/
+.process.left .process-content { padding-left: 50px; }
+/*resume page*/
+img.bottom-img { display: none; }
+.resume-contact #map { height: 300px !important; }
+.contact-4 .map-side { height: 300px !important; }
+/*footer*/
+footer .social-icons { width: 100%; float: left; }
+img#logo-footer { height: 30px; }
+.bottom-nav .owl-nav .owl-next { right: 44%; }
+.bottom-nav .owl-nav .owl-prev { left: 44%; }
+/*shortcode*/
+/*blockquote*/
+.blockquote-right { margin: 0; }
+/*buttons*/
+.buttons .button { margin-bottom: 10px; }
+.buttons button { margin-bottom: 4px; }
+.button + .button { margin-left: 3px; }
+/*countdown*/
+.countdown { margin: 0px 10px;  }
+.countdown.medium {  margin: 0 15px; }
+.countdown.large { margin: 0 10px; }
+.countdown.round.medium { width: 140px; height: 140px; }
+.countdown.medium span { font-size: 50px; }
+.countdown.round.medium span { line-height: 58px; }
+.countdown.round.large { width: 150px; height: 150px; }
+.countdown.large span { font-size: 60px; }
+.countdown.round.large span { line-height: 62px; }
+.countdown.large p { font-size: 18px; }
+.vertical-menu .social-icons li { margin: 0 3px 8px 0; }
+/*actionbox*/
+.action-box a.button { position: relative; top: inherit; margin-top: 20px; }
+.action-box.theme-bg a.button, .action-box.black-bg a.button, .action-box.gray-bg a.button { right: inherit; }
+.agency-about { padding-bottom: 60px !important; }
+.vertical-header .container-fluid { padding: 0 15px; }
+.resume-contact .contact-form-main { padding: 30px 15px; }
+/*construction*/
+.our-sercive1:before, .our-sercive1:after { display: none; }
+.special-feature { top: 60px; margin-bottom: 0px; }
+.page-section-1-pt { padding-top: 70px; }
+.page-section-1-pb { padding-bottom: 70px; }
+.page-section-1-ptb { padding: 70px 0; }
+/*gym*/
+.gym-about { background: #ffffff !important; }
+/*medical*/
+.appointment a.pull-left { float: none !important; }
+.appointment { margin-top: 0px; }
+/*one page*/
+.popup-video-banner h1 { font-size: 40px; line-height: 40px; }
+.video-background-banner .slider-content { width: 100%; }
+.video-background-banner h1 { font-size: 60px; line-height: 60px; }
+/*shop*/
+.shop-split.split-section { padding: 0px; }
+.shop-split-content { padding: 40px 0; }
+.shop-split.split-section .img-side  { display: block; }
+.shop-split.split-section .img-holder { position: relative; top: inherit; width: inherit; height: inherit; padding: 130px; }
+.shop-split.split-section .img-side.img-right { right: inherit; }
+.shop-split.split-section .img-side.img-left { left: inherit; }
+.shop-split.split-section .img-side { right: inherit; padding: 0; position: relative !important;  top: inherit; height: 100%; overflow: hidden; z-index: 100; }
+.add-banner-2 .add-banner-content { padding: 60px 20px; }
+.add-banner-2 .add-banner-content h2 {font-size: 28px;line-height: 28px; }
+.add-banner-2 .add-banner-content h3 {font-size: 26px; line-height: 26px; }
+.add-banner-2.text-center .add-banner-content h2 {font-size: 26px;line-height: 29px; }
+/*portfolio-banner*/
+.portfolio-banner .slider-content h1 { font-size: 30px; line-height: 30px;  }
+.personal-typer-banner h1 { font-size: 70px; line-height: 70px; }
+.personal-typer-banner h1 span { font-size: 35px; }
+.deal-banner.maintenance-progress-bar img { width: 100%; }
+/*404 error*/
+.page-section-ptb.mt-150 { margin-top: 0 !important; }
+.pricing-content { width: 90%; }
+.process-list { padding-left: 30px; padding-right: 30px;  }
+
+.special-feature .row-eq-height.no-gutter { margin-top: 40px; }
+.interior-action-box .action-box { margin-top: 20px; }
+.appointment .appointment-bg { margin-top: 30px; }
+
+.process-list .col-sm-12 { padding: 0; }
+.pricing-table.active .pricing-top a.button { padding: 12px 40px; font-size: 15px; }
+.membership-pricing-table table tr:first-child th .pricing-plan-price { font-size: 22px; }
+.membership-pricing-table table tr:first-child th .pricing-plan-name { font-size: 16px; }
+.action-box.full-width a.button { right: 0; }
+.team.team-round .team-description { padding-bottom: 0; }
+.footer .divider { display: none; }
+#rev_slider_16_1_forcefullwidth .tp-parallax-wrap { margin-top: 0px; }
+#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important;  position: relative; bottom: 20px!important;}
+#rev_slider_14_1 .tp-bullets { margin-bottom: -60px; }
+#rev_slider_14_1 .zeus .tp-bullet {width: 12px; height: 12px;}
+.resume-contact #map { padding-top: 40%; }
+.blog-box.blog-2 .button.icon-color { margin-top: 10px; float: none !important; }
+.special-feature .row-eq-height { display: flex; }
+.medical-tab .tab .nav.nav-tabs li a { font-size: 14px; padding: 12px 6px; }
+.navbar { border-radius: 0; }
+.contact-3 #map { padding-top: 30%; }
+.contact-2 #map { padding-top: 30%; }
+.error-block .error-text h2 { font-size: 260px; }
+.single-portfolio-post .port-information .social.pull-right { flex: none !important; display: inline-block; width: 100%; }
+.page-title .page-title-name { width: 100%; }
+.page-title .page-breadcrumb { width: 100%; }
+.js-video.big { padding-top: 18px; }
+.special-feature .feature-text { padding: 30px 20px; }
+.special-feature .feature-text .feature-icon span, .special-feature .feature-text .feature-icon i {padding-left: 0; margin-bottom: 10px; }
+.typer-banner h1 { font-size: 70px; line-height: 70px; }
+ul.page-breadcrumb { padding-top: 10px; }
+.service-blog { margin-bottom: 40px; }
+.blog .timeline > li > .timeline-badge { right: -56px; }
+.blog .timeline > li.timeline-inverted > .timeline-badge { left: -53px; }
+.action-box.border a.button { left: 0; }
+.footer #logo-footer { height: 40px; }
+
+/*************************************
+             v1.0.2
+**************************************/
+.action-box h3 { padding-right:0px; }
+.port-information img { width: 100%; }
+.text-left.mt-100 { margin-top: 0 !important; }
+.portfolio-03-about { padding-left: 0; }
+
+/*************************************
+             v1.0.3
+**************************************/
+.slider-parallax.typer-banner.business p { padding: 0; }
+.blockquote-section blockquote.quote { padding-top: 50px; }
+.blockquote-section blockquote.quote:before { line-height: 70px; }
+.blockquote-section .blockquote-section-left { margin-left: 0; }
+.blockquote-section .blockquote-section-right { margin-left: 0; }
+.slider-parallax.banner-personal .slider-content span { font-size: 90px; line-height: 90px; }
+.slider-parallax.banner-personal .slider-content h1 { font-size: 80px; line-height: 80px; margin-top: -40px; }
+.slider-parallax.banner-personal .slider-content h1 strong { font-size: 96px; line-height: 70px; }
+
+/*************************************
+             v1.0.4
+**************************************/
+ .christmas-team { margin-top: 0 !important; }
+ .christmas-event .blog-date { text-align: left; }
+ .christmas-event .button.mt-60 { margin-top: 20px !important; }
+ .christmas-price .mt-100.mb-100 { margin: 0 !important; }
+ .christmas .coming-soon h1 { font-size: 30px; line-height: 30px; margin-bottom: 20px; }
+
+ .timer-banner .slider-content-middle { top: 50%; }
+ .timer-banner .slider-content h1 { font-size: 50px; line-height: 50px; margin-bottom: 20px; }
+ .conference-about-content-right { margin-left: 0px; padding: 20px 0 0 ;  }
+.conference-about-content-left { padding: 50px 0 30px 0px; }
+.conference-about img { width: 100%; }
+.conference-split-content { padding: 0; }
+.conference-split.split-section .img-side { display: block; }
+.conference-video .mt-100.mb-100 { margin: 0 !important; }
+
+/*************************************
+             v1.0.5
+**************************************/
+.one-page.light .navbar-inverse .navbar-toggle .icon-bar { background: #323232; }
+.architecture-about h2 { font-size: 30px; line-height: 30px; }
+.architecture-portfolio .text-right { text-align: left; margin-bottom: 30px; }
+.architecture-portfolio .isotope-filters { text-align: left; }
+.architecture-portfolio .mb-40 { margin-bottom: 0px !important; }
+.architecture-about .mt-60.mb-60 { margin: 0 !important; }
+
+/*************************************
+             v1.0.6
+**************************************/
+.agency-banner .slider-content { padding: 0 0px 0 30px; }
+.agency-banner .slider-content h1 { padding: 50px 20px 20px 20px; }
+.movie-banner .slider-content-middle { top: 50%; }
+.one-page.transparent { background: #323232; }
+.one-page .social-icons { padding: 10px 0; right: 60px; }
+.one-page.nav-center .navbar-collapse.collapse { text-align: left; }
+
+/*************************************
+             v1.0.7
+**************************************/
+.law-banner .slider-content { padding: 0; }
+.law-timeline .timeline-centered:before { display: none; }
+.law-timeline .timeline-label h3 { line-height: 12px; }
+.law-timeline .timeline-centered .timeline-entry:last-child { margin-bottom: 0; }
+.law-contact { padding: 0; }
+
+/*************************************
+             v1.0.7
+**************************************/
+.one-page.dark-text .navbar-inverse .navbar-nav>li>a { color: #ffffff; }
+
+/*************************************
+             v1.0.8
+**************************************/
+.agency-02-about-content-right { margin-left: 0; padding-top: 20px; padding-bottom: 20px; }
+.agency-02-about-content-left { padding: 0; padding-bottom: 20px; }
+.agency-02-action-box .action-box { margin-top: 40px; }
+.agency-feature h3 { line-height: 60px; font-size: 16px; }
+.action-box a.popup-youtube { position: relative; top: inherit; margin-top: 20px; right: inherit; }
+.agency-02-action-box .action-box.white-bg { padding: 50px 20px }
+.agency-02-action-box .popup-video-image a i { position: relative; top: 20px; transform: inherit; }
+.agency-02-action-box .popup-video-image:before{ background: transparent;  }
+.portfolio-parallax-banner p { padding: 0; }
+.portfolio-parallax-banner h2 { font-size: 60px; line-height: 60px; }
+.agency-02-about h3:before { display: none; background: none }
+
+/*************************************
+             v1.0.9
+**************************************/
+.coming-soon-middle { position: inherit; top: inherit; transform: inherit; padding: 50px 20px; }
+.coming-soon-aerial .container-fluid { padding: 30px; }
+.coming-soon-big .countdown.medium span { font-size: 80px; line-height: 80px; }
+.coming-soon-big .countdown.medium p { font-size: 20px; line-height: 20px; }
+.error-05 .button-home { display: block; }
+.error-05 .back-to-home, .error-05 .penguin { display: none; }
+.error-05 .error-bottom .tree { display: none; }
+footer.error-03 .social-icons, footer.error-04 .social-icons { float: none; }
+footer.error-03 .social-icons ul, footer.error-04 .social-icons ul { display: inline-block; text-align: center; }
+.coming-soon-effects .coming-soon h1 { font-size: 40px; }
+
+/*************************************
+             v1.0.9
+**************************************/
+.about-05-split.page-section-ptb { padding: 0; }
+
+/*************************************
+             v1.2
+**************************************/
+.login-fancy { padding: 40px 30px; }
+.login .vertical-align, .login.vertical-align { position: inherit; top: inherit; transform:inherit; }
+.login.height-100vh { height: inherit; }
+.login .height-100vh { height: inherit; }
+.login-box .pos-bot { position: inherit; padding-bottom: 0 !important; }
+.login-box-theme:before, .login-box-theme:after { display: none; }
+.login-box-left { padding-bottom: 20px; }
+.login-14, .login-15 { padding: 30px 40px; }
+.login-14 .pb-50, .login-15 .pb-50 { padding-bottom: 0 !important; }
+.login-box-left .pos-bot { position: inherit; padding-bottom: 0 !important; margin-top: 20px; }
+.blockquote-section .action-box { padding: 40px 20px; }
+.about-mission { margin-top: 40px; }
+.about-mission-title { padding-bottom: 80px; }
+
+
+
+}
+
+@media(max-width:767px) {
+/*************************
+     Margin top
+*************************/ 
+.xs-mt-0 { margin-top: 0 !important; }
+.xs-mt-10 { margin-top: 10px !important; }
+.xs-mt-15 { margin-top: 15px !important; }
+.xs-mt-20 { margin-top: 20px !important; }
+.xs-mt-30 { margin-top: 30px !important; }
+.xs-mt-40 { margin-top: 40px !important; }
+ /*************************
+    Margin right
+*************************/ 
+.xs-mr-0 { margin-right: 0!important }
+.xs-mr-10 { margin-right: 10px !important; }
+.xs-mr-15 { margin-right: 15px !important; }
+.xs-mr-20 { margin-right: 20px !important; }
+.xs-mr-30 { margin-right: 30px !important; }
+.xs-mr-40 { margin-right: 40px !important; }
+ /*************************
+    Margin bottom
+*************************/
+.xs-mb-0 { margin-bottom: 0!important }
+.xs-mb-10 { margin-bottom: 10px !important; }
+.xs-mb-15 { margin-bottom: 15px !important; }
+.xs-mb-20 { margin-bottom: 20px !important; }
+.xs-mb-30 { margin-bottom: 30px !important; }
+.xs-mb-40 { margin-bottom: 40px !important; }
+/*************************
+    Margin left
+*************************/
+.xs-ml-0 { margin-left: 0!important }
+.xs-ml-10 { margin-left: 10px !important; }
+.xs-ml-15 { margin-left: 15px !important; }
+.xs-ml-20 { margin-left: 20px !important; }
+.xs-ml-30 { margin-left: 30px !important; } 
+.xs-ml-40 { margin-left: 40px !important; } 
+ /*************************
+    Padding top
+*************************/
+.xs-pt-0 { padding-top: 0!important }
+.xs-pt-10 { padding-top: 10px !important; }
+.xs-pt-15 { padding-top: 15px !important; }
+.xs-pt-20 { padding-top: 20px !important; }
+.xs-pt-30 { padding-top: 30px !important; }
+.xs-pt-40 { padding-top: 40px !important; }
+ /*************************
+    Padding right
+*************************/
+.xs-pr-0 { padding-right: 0!important }
+.xs-pr-10 { padding-right: 10px !important; }
+.xs-pr-15 { padding-right: 15px !important; }
+.xs-pr-20 { padding-right: 20px !important; }
+.xs-pr-30 { padding-right: 30px !important; } 
+.xs-pr-40 { padding-right: 40px !important; } 
+ /*************************
+    Padding bottom
+*************************/
+.xs-pb-0 { padding-bottom: 0!important }
+.xs-pb-10 { padding-bottom: 10px !important; }
+.xs-pb-15 { padding-bottom: 15px !important; }
+.xs-pb-20 { padding-bottom: 20px !important; }
+.xs-pb-30 { padding-bottom: 30px !important; }
+.xs-pb-40 { padding-bottom: 40px !important; }
+ /*************************
+    Padding left
+*************************/
+.xs-pl-0 { padding-left: 0!important }
+.xs-pl-10 { padding-left: 10px !important; }
+.xs-pl-15 { padding-left: 15px !important; }
+.xs-pl-20 { padding-left: 20px !important; }
+.xs-pl-30 { padding-left: 30px !important; }
+.xs-pl-40 { padding-left: 40px !important; }
+h1 { font-size: 30px; }
+h2 { font-size: 26px; }
+.page-section-ptb { padding: 35px 0; }
+.page-section-pt { padding: 50px 0 0; }
+.page-section-pb { padding: 0 0 50px; }
+.page-section-1-ptb { padding: 60px 0; }
+.header.fullWidth .container-fluid { padding: 0 20px; }
+/*header topbar*/
+.topbar-left.text-left { text-align: center; margin-bottom:10px; display: none;}
+.topbar-right.text-right { text-align: center; }
+.custom-content { margin-top: 0px; }
+/*testimonial*/
+.testimonial-2 { padding-bottom: 80px; }
+/*team*/
+.team-3-box img { width: 100%; }
+/*accordian*/
+.accordion.accordion-2 .acd-group .acd-heading { padding-left: 0px; padding-right: 0px;  }
+/*footer*/
+.footer-logo img { height: 60px; width: inherit; }
+img#logo-footer { height: 40px; }
+.footer .footer-nav.text-right { text-align: left; margin-top: 20px; }
+.social.text-right { text-align: left; margin-top: 20px; }
+.footer-contact { margin-top: 0; box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1); }
+.our-clients.theme-bg { padding-bottom: 60px; }
+.footer-contact .contact-box  { margin-bottom: 20px; }
+.copyright.mt-50 { margin-top: 10px !important; }
+.copyright .text-right { text-align: left; margin-top: 15px; }
+footer .social-icons.pull-right { float: left !important; width: 100%; }
+.footer-widget.mt-60 { margin-top: 0 !important; }
+.footer-box { margin-bottom: 20px; margin-top: 30px; }
+/* Coming soon page */
+.coming-soon-main { overflow: hidden; }
+.coming-soon-main i { font-size: 70px; }
+.coming-soon-countdown ul.countdown li span { font-size: 60px; }
+.coming-soon-countdown ul.countdown li p { font-size: 16px; }
+.coming-soon-main p { font-size: 18px; line-height: 26px; }
+.coming-soon-main h1 { font-size: 42px; margin-bottom: 20px; }
+/*error*/
+.error-search-box input { width: 73%;  }
+.error-block p { font-size: 20px; }
+.error-block h1 { font-size: 80px; }
+.error-404-2 .error-block h1 { font-size: 290px; }
+.maintenance-progress-bar .progress-bar { display: block; margin: 0 auto 90px; }
+.maintenance-progress-bar { margin: 30px 0 60px; }
+.maintenance-main p { margin-bottom: 10px; }
+/*portfolio*/
+.isotope.columns-3 .grid-item { width: 50%; }
+.isotope.columns-4 .grid-item { width: 50%; }
+/*about-1 page*/
+.about .feature-3 { margin-bottom: 30px; }
+.feature-text.box, .feature-text.fill-box{ padding: 30px;}
+.footer-widget { text-align: left; }
+.xs-text-left{text-align: left;}
+.xs-text-center{text-align: center;}
+.xs-text-right{text-align: right;}
+.pricing-table{margin: 0 0 30px;}
+.team-3-box, .team{margin-bottom: 30px;}
+.lead {font-size: 14px;}
+.inner-intro { text-align: center;}
+ul.page-breadcrumb { padding-top: 30px;}
+.feature-step-2-box {padding: 20px;}
+.feature-step-2 .feature-step-2-title-left h1 {font-size: 50px;}
+.our-app{background-image: none !important;}
+.valign > [class*="col-"] {display: block;}
+.highlights-phone {margin: 30px 0;}
+/*blog pages*/
+.masonry.columns-2 .masonry-item { width: 100%; }
+.masonry.columns-3 .masonry-item { width: 100%; }
+/* blog timeline */
+.blog ul.timeline:before { left: 40px; }
+.blog ul.timeline > li { margin-bottom: 20px; position: relative; width:100%; float: left; clear: left; }
+.blog ul.timeline > li > .timeline-panel { width: calc(100% - 90px); width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); }
+.blog ul.timeline > li > .timeline-badge { left: 12px; margin-left: 0; top: 16px; }
+.blog ul.timeline > li > .timeline-panel { float: right; }
+.blog ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
+.blog ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto;  }
+.blog .timeline > li.timeline-inverted { float: left; clear: left; margin-top: 30px; margin-bottom: 30px; }
+.blog .timeline > li.timeline-inverted > .timeline-badge { left: 12px; }
+.blog .timeline-panel img { width: 100%; }
+.blog .timeline li.entry-date-bottom { text-align: left; }
+.blog .timeline li.entry-date-bottom a { font-size: 13px; padding: 8px 10px; }
+.blog .timeline li.entry-date { text-align: left; }
+.blog .timeline li.entry-date span {  font-size: 13px; padding: 8px 10px;  }
+.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: 23px; }
+.blog .timeline > li:nth-child(2) { margin-top: 0; } 
+.blog .timeline > li.timeline-inverted { margin-top: 10px; }
+.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 20px; }
+.blog.timeline-sidebar .timeline > li.timeline-inverted:nth-child(2) { margin-bottom: 0px; }
+.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 100%; }
+/*login 2*/
+.login-2-social li { margin-bottom: 10px; }
+/*maintenance*/
+.progress-new { width: 100%; }
+.maintenance-form input { width: 100%; }
+/*portfolio*/
+.isotope.columns-2 .grid-item { width: 100%; }
+.isotope.columns-3 .grid-item { width: 100%; }
+.isotope.columns-4 .grid-item { width: 100%; }
+.isotope.columns-5 .grid-item { width: 100%; }
+.masonry.columns-3 .masonry-item { width:100%; }
+.masonry.columns-4 .masonry-item { width:100%; }
+.masonry.columns-5 .masonry-item { width:100%; }
+/*shop*/
+.deal-banner img { width: 100%; }
+/*process*/
+.process.left .process-content .process-icon { display: block; margin-bottom: 20px; }
+.process.left .process-content { padding-left: 40px; }
+.process.right .process-content { padding-right: 40px; }
+.process.right .process-content .process-icon { float: none; margin-bottom: 20px; }
+.process.left .process-step { top: 30px; }
+.process .process-step strong { width: 40px; height: 40px; line-height: 40px; }
+.process.left .process-step { left: -20px; }
+.process.right .process-step { right: -20px; }
+/*resume*/
+.resume-page .container-fluid { padding: 0 15px; }
+/*shortcode*/
+.clients-list ul li, .clients-list.column-4 ul li, .clients-list.column-3 ul li { width: 50%; }
+/*countdown*/
+.countdown.round { width: 100px; height: 100px; }
+.countdown.round span { font-size: 30px; line-height: 30px; }
+.countdown.round { padding: 16px; }
+.countdown.round.medium { width: 100px; height: 100px; }
+.countdown.round.medium span { font-size: 30px; line-height: 30px; }
+.countdown.round.medium p { font-size: 14px; }
+.countdown.round.large { width: 100px; height: 100px; }
+.countdown.round.large span { font-size: 30px; }
+.countdown.round.large span { line-height: 30px; }
+.countdown.round.large p { font-size: 14px; }
+/*datatables*/
+.dataTables_paginate .pagination>li  { display: inline-block; text-align: center; }
+.datatable-base .table-responsive { border: 0; padding-bottom: 30px; }
+/*feature text*/
+.feature-text.left-icon .feature-icon { padding-left: 15px; }
+.feature-text.right-icon .feature-icon { padding-right: 15px; }
+/*tab*/
+.tab-vertical .nav-tabs { width: 100%; }
+.tab-vertical .tab-content { width: 100%; margin-left: 0; }
+.feature-text .feature-icon span, .feature-text .feature-icon i { padding-left: 0; }
+.bg-top-before  { padding-top: 40px !important; }
+.bg-top-before:before { display: none; }
+.bg-top-before.pb-150 { padding-bottom: 40px !important; }
+ /*gym*/
+.course { margin-bottom: 20px; }
+.medical-tab .tab .nav.nav-tabs li.active a:before { display: none; }
+/*one page*/
+/*mobile app*/
+.mobile-app-about h2 { font-size: 40px; line-height: 40px; }
+/*product*/
+.product .product-image img { width: 100%; }
+/*portfolio-banner*/
+.portfolio-banner .slider-content h1 { font-size: 20px; line-height: 20px; }
+.portfolio-banner .slider-content span { font-size: 12px; line-height: 18px; }
+/*404 error*/
+.error-block  { padding: 0; }
+.error-block .error-text { padding: 0; display: none; }
+.error-block h1 { padding: 0; }
+.error-text-02 { display: none; }
+.interior-action-box { margin-top: 30px; }
+/*slider */
+#rev_slider_14_1 .rev-btn {padding: 15px 20px !important; font-size: 16px !important;  position: relative; bottom: 0px!important;}
+#rev_slider_11_1_wrapper strong { font-size: 20px !important; }
+#rev_slider_13_1_wrapper i { font-size: 20px !important; }
+.process-list { padding-left: 30px; padding-right: 30px;  }
+.isotope, .masonry { margin: 0; }
+.app-home { padding-bottom: 40px; }
+.services-text-box-green { padding: 50px 15px !important; }
+.services-text-box-blue, .services-text-box-black { padding: 50px 15px !important; }
+.bottom-nav .owl-nav { bottom: 20px; }
+.blog-box.blog-2 .button.icon-color { margin-top: 0px; float: right !important; }
+.team.team-hover.team-border .team-photo img { width: 100%; }
+.owl-carousel .owl-dots { bottom: -15px; }
+.special-feature .row-eq-height { display: block; }
+.course img { width: 100%; }
+.footer .footer-social ul.text-right { text-align: left; }
+.cafe-counter.mt-60 { margin-top: 0px !important; }
+.blog .timeline li.entry-date { top: -20px; }
+.blog.timeline-sidebar .timeline li.entry-date { top: -20px; }
+.footer .footer-widget .footer-widget-social.text-right { text-align: left; }
+.footer.footer-one-page .footer-widget  { text-align: center; }
+.footer.footer-one-page .footer-widget .footer-widget-social.text-right { text-align: center; }
+
+/*************************************
+             v1.0.2
+**************************************/
+.footer .container-fluid { padding: 0 15px; }
+.text-left.mt-100 { margin-top: 40px !important; } 
+
+/*************************************
+             v1.0.3
+**************************************/
+.slider-parallax.typer-banner.business h1 { line-height: 30px; font-size: 40px; }
+.play-video-section .content { padding: 0; }
+.slider-parallax.banner-personal .slider-content span { font-size: 70px; line-height: 70px; }
+.slider-parallax.banner-personal .slider-content h1 { font-size: 60px; line-height: 60px; margin-top: -20px; }
+.slider-parallax.banner-personal .slider-content h1 strong { font-size: 72px; line-height: 60px; }
+
+/*************************************
+             v1.0.4
+**************************************/
+.countdown p { font-size: 13px; }
+.christmas-about .feature-text { margin-bottom: 50px; }
+.christmas-form-content h2 { font-size: 40px; line-height: 40px; }
+.happy-clients .mb-40 { margin-bottom: 0 !important; }
+.christmas-form-content.mt-100 { margin-top: 60px !important; }
+.christmas-team .team .team-photo img { width: 100%; }
+.timer-banner .slider-content h1 { font-size: 30px; line-height: 30px; }
+
+/*************************************
+             v1.0.6
+**************************************/
+.movie-banner .slider-content-middle { padding: 0; }
+
+/*************************************
+             v1.0.7
+**************************************/
+.law-banner .slider-content h1 { line-height: 30px; font-size: 30px; }
+
+/*************************************
+             v1.0.8
+**************************************/
+.banner-agency-02 h1 { font-size: 30px; line-height: 30px; }
+.agency-02-contact .footer-contact { margin-top: -50px; }
+.agency-02-contact-title .mb-50 { margin-bottom: 0 !important; }
+.agency-02-contact .footer-contact { margin-bottom: 30px; }
+.portfolio-parallax-banner h2 { font-size: 50px; line-height: 50px; }
+
+/*************************************
+             v1.0.9
+**************************************/
+.coming-soon-big .countdown.medium span { font-size: 40px; line-height: 40px; }
+.coming-soon-big .countdown.medium p { font-size: 16px; line-height: 16px; }
+.error-05 h1 { font-size: 80px; line-height: 80px; }
+.list-unstyled.pl-60 { padding-left: 0 !important;}
+.page-title.light-overlay { padding-top: 200px; }
+.divider.pt-70, .divider.pt-50 { padding-top: 30px !important; }
+.page-title.light-overlay { padding-top: 200px; }
+.faq-box { margin-top: 30px; }
+ .faq-page-title .mt-50 { margin-top: 10px !important; }
+
+}
+
+@media(max-width:600px) {
+h3 { font-size: 22px; }
+.search-box { width: 240px; }
+.section-title p {
+    font-size: 14px;
+}
+/*cart*/
+.shpping-cart .cart { width: 290px; }
+.shpping-cart .cart-total a { margin-bottom: 10px; }
+.portfolio-home .isotope.columns-3 .grid-item { width: 100%; }
+.portfolio-title { padding: 40px 30px; }
+.main-counter .counter-info span.counter { font-size: 40px; }
+/*action-box*/
+.action-box { text-align: center; }
+.action-box .action-box-button { text-align: center; }
+  /*skills*/ 
+.skills-2.col-2 li { width: 100%; margin-bottom: 0; margin-right: 0; float: none; } 
+.skills-2.col-2.mr-60 { margin-right: 0 !important; }
+/*error*/
+.error-block { padding: 30px 0px; }
+.error-block h1 { font-size: 70px; }
+.error-404-2 .error-block h1 { font-size: 200px; line-height: 200px; }
+.error-404-2 .error-block p { font-size: 16px; }
+/*maintenance*/
+.maintenance-main h1.mb-50 { font-size: 28px; }
+.maintenance-2 .maintenance-main h1 { font-size: 32px; }
+ /*portfolio*/
+.isotope.columns-3 .grid-item { width: 100%; }
+.isotope.columns-4 .grid-item { width: 100%; } 
+/*============== New ==============*/
+/*about-1 page*/
+.clients-logo.line img{height:65px;}
+/*contact us*/
+.contact-form .section-field { width: 100%; }
+.touch-in .contact-box { margin: 20px 0; }
+/*our-history .timeline*/
+.our-history .timeline > li.timeline-inverted > .timeline-panel::before,
+.our-history .timeline > li > .timeline-panel::before {  left: 40px;}
+.our-history .timeline > li > .timeline-panel {  padding: 40px 20px 20px 75px;  text-align: left;  width: 100%;}
+.our-history .timeline > li > .timeline-badge {  left: 41px;}
+.our-history .timeline > li > .timeline-badge p {  margin-left: 40px;}
+.our-history .timeline > li.timeline-inverted .timeline-badge p {  float: left;  margin-right: 0;  text-align: left;}
+.feature-text .feature-icon {font-size: 38px;}
+.skill-bar {margin: 60px 0 20px;}
+.feature-text.box {padding: 30px;}
+.happy-clients .nav-tabs li img {height: 70px; width: 70px;}
+.testimonial-info p {font-size: 15px; margin: 25px 0 0; padding: 0 0 20px;}
+.testimonial-2 .testimonial-info p::before {font-size: 100px;}
+/*blog pages*/
+.social.pull-right { float: none; margin-top: 10px; display: block; width: 100%; }
+.port-post-social.pull-right { float: none !important; }
+.port-post-photo { display: block; float: none; }
+.port-post-info { padding-left: 0; margin-top: 20px; display: block; }
+.comments-1.comments-2 { padding-left: 40px; }
+.comments-1 .comments-photo { float: none; }
+.comments-1.comments-2 .comments-info { padding: 20px 0px 10px; }
+ 
+/*team single*/
+.our-team .team-details .social { float: none !important; width: 100%; margin-bottom: 20px; }
+/*shortcode*/
+.countdown.small span { font-size: 30px; }
+.countdown span { font-size: 30px; }
+.countdown.medium span { font-size: 30px; }
+.countdown.medium p { font-size: 14px; }
+.countdown.medium { margin: 0 10px; }
+.countdown.large span  { font-size: 30px; }
+.countdown.large p { font-size: 14px; }
+.countdown.large { margin: 0 6px; }
+.countdown.gray-bg { margin: 0 1px; padding: 8px; }
+.countdown.border { padding: 8px; margin: 0 0px; }
+.countdown.round { margin-bottom: 10px; }
+.countdown.round.small { padding: 16px; }
+/*testimonial*/
+.testimonial.bottom_pos .author-info { margin-left: 0; margin-bottom: 30px; }
+/*shortcode*/
+.pagination>li { display: inline-block; margin-bottom: 3px; }
+/*shortcode*/
+.owl-carousel .owl-dots { bottom: 20px; }
+.resume-contact .footer-widget-social a i { margin-bottom: 4px; }
+/*popup-video-banner*/
+.popup-video-banner h1 { font-size: 36px; line-height: 40px; }
+.kety-perry-list { padding-right: 20px; }
+.kety-play-icon { float: none; }
+.kety-name { padding-left: 0; }
+.kety-play-icon { margin-top: 0; }
+/*gym*/
+.team.team-list .team-photo { float: none; width: 100%; margin-bottom: 30px; }
+.team.team-list .team-description { padding-left: 0; padding-bottom: 0; }
+.tab .nav.nav-tabs li { margin-bottom: 5px; }
+/*testimonial*/
+.testimonial.clean { padding: 0 10px 25px 40px; }
+.typer-banner h1 { font-size: 50px; line-height: 100px; }
+.portfolio-banner .slider-content { width: 100%; }
+.personal-typer-banner h1 { font-size: 50px; line-height: 50px; }
+.personal-typer-banner h1 span { font-size: 25px; }
+.services-text-box-green { padding: 60px 15px !important; } 
+.services-text-box-black { padding: 60px 15px !important; }
+ .team.team-list .team-photo img { width: 100%; }
+ .isotope.columns-3 .grid-item { padding: 0 0px 15px 0; }
+ .bottom-nav .owl-nav .owl-next { right: 42%; }
+ .bottom-nav .owl-nav .owl-prev { left: 42%; }
+ .testimonial.light { padding: 85px 20px 45px 50px; }
+.our-history .timeline:before { left: 40px; }
+.our-team .team-details .title.pull-left { float: none !important; display: block; }
+.our-team .team-details .social-icons.border.pull-right { float: none !important; display: inline-block; margin-bottom: 10px; }
+.row.mt-80 { margin-top: 30px !important; }
+.happy-clients .tab .nav.nav-tabs { margin-bottom: 0; }
+.our-service-home .row.mb-60 { margin-bottom: 10px !important; }
+.contact-3 #map { padding-top: 40%; }
+.accordion.animated .acd-group.acd-active .acd-heading { font-size: 22px; }
+.our-history .timeline .timeline-arrow { left: 34px; text-align: left; }
+.our-history { overflow: hidden; }
+.progress-new { margin-bottom: 0; }
+.comments-1 .comments-photo { margin-bottom: 20px; }
+.comments-1.comments-2 .comments-photo { margin-bottom: 0px; }
+.isotope.columns-4 .grid-item { padding-right: 0; }
+/*.rev-slider #rev_slider_20_1_forcefullwidth .rev-btn { padding: 6px 10px !important; line-height: 0 !important; font-size: 8px !important; }*/
+.shop-single .tab .nav.nav-tabs li a { padding: 12px 20px; }
+.shop-single .tab .nav.nav-tabs li { margin-bottom: 0; }
+
+
+/*************************************
+             v1.0.2
+**************************************/
+.st-menu.big-side { width: 270px;  }
+.st-menu.big-side .pos-bot { position: relative; }
+.st-menu.big-side .slide-footer-content { padding: 0 10px 0px 0; }
+.st-menu.big-side .social-icons.width-half ul li { width: inherit; display: block; float: none; }
+.st-menu.big-side  .copy-right .mb-70 { margin-bottom: 0 !important; }
+.st-menu.big-side ul.menu { padding-top: 0; }
+
+/*************************************
+             v1.0.3
+**************************************/
+.blockquote-section blockquote { font-size: 30px; line-height: 34px; }
+.custom-content-03 h2 { font-size: 30px; line-height: 34px; }
+ .mt-100.mb-100  { margin: 0px 0 !important; }
+ .slider-parallax.banner-personal .slider-content { width: 100%; }
+
+
+/*************************************
+             v1.0.4
+**************************************/
+.christmas-clients .mt-80 { margin-top: 0 !important; }
+.countdown.round { display: block; margin: 0 auto; }
+.timer-banner .slider-content h1 { font-size: 21px; line-height: 28px; margin-bottom: 10px; }
+.conference-video h3 { line-height: 30px; }
+
+/*************************************
+             v1.0.5
+**************************************/
+.architecture-about h2 { font-size: 24px; line-height: 30px; }
+
+/*************************************
+             v1.0.6
+**************************************/
+.agency-banner .slider-content .agency-banner-right { display: block; }
+.agency-banner .slider-content .agency-banner-left { display: block; }
+.agency-banner .slider-content span { padding-top: 0; font-size: 30px; line-height: 20px; }
+.agency-banner .slider-content h1 { font-size: 30px; padding: 0; border:none; line-height: 20px; }
+.slider-parallax.agency-banner { height: 80vh; }
+.movie-banner .countdown.round.small { display: inline-block; }
+
+/*************************************
+             v1.0.7
+**************************************/
+.law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-year { left: -45px; }
+.testimonial.left_pos { padding: 20px 10px 20px 50px; }
+.testimonial.left_pos .testimonial-avatar { position: inherit; left: inherit; top: inherit; margin-top: 0 ; margin-bottom: 60px; margin-left: 0px; }
+
+
+/*************************************
+             v1.0.8
+**************************************/
+.agency-02-contact .pl-50.pr-50 { padding: 15px !important; }
+.agency-02-history-who { padding: 30px; }
+.banner-agency-02 h1 { font-size: 24px; }
+.portfolio-parallax-banner h2 { font-size: 40px; line-height: 40px; } 
+
+/*************************************
+             v1.0.9
+**************************************/
+.coming-soon-big .countdown.medium span { font-size: 30px; line-height: 30px; }
+.coming-soon-big .countdown.medium p { font-size: 16px; line-height: 16px; }
+.error-05 h1 { font-size: 60px; line-height: 60px; } 
+.error-05 h3, .error-05 span { font-size: 40px; }
+.error-03 .content h2 { font-size: 32px; line-height: 32px; }
+.error-03 .content h1 { font-size: 40px; line-height: 40px; }
+.error-03 .error-404 h1 { font-size: 70px; line-height: 70px; }
+.error-03 .error-404 h2 { font-size: 50px; line-height: 50px; }
+.error-04 h1 { font-size: 160px; line-height: 160px; }
+.coming-soon-effects .coming-soon h1 { font-size: 30px; line-height: 30px; }
+.coming-soon h1, .coming-soon-effects .coming-soon h1 { font-size: 30px; line-height: 30px; }
+
+/*************************************
+             v1.2
+**************************************/
+.login-fancy h2 { font-size: 40px; line-height: 40px; }
+.login-box h2 { font-size: 30px; line-height: 30px; }
+.login-box-02 { padding: 20px; }
+.login-signup .tab .nav.nav-tabs li { margin-bottom: 0; }
+.login-signup .login-box-02 { padding: 30px; }
+.about-mission .popup-content { padding-right: 20px; width: 100%; }
+.about-mission .popup-content br  { display: none; }
+#rev_slider_14_1 .rev-btn {padding: 15px 20px !important; font-size: 14px !important;  position: relative; bottom: 0px!important;}
+}
+
+@media(max-width:479px) { 
+
+/*************************
+     Margin top
+*************************/ 
+.xx-mt-0 { margin-top: 0 !important; }
+.xx-mt-10 { margin-top: 10px !important; }
+.xx-mt-15 { margin-top: 15px !important; }
+.xx-mt-20 { margin-top: 20px !important; }
+.xx-mt-30 { margin-top: 30px !important; }
+.xx-mt-40 { margin-top: 40px !important; }
+/*************************
+    Margin right
+*************************/ 
+.xx-mr-0 { margin-right: 0!important }
+.xx-mr-10 { margin-right: 10px !important; }
+.xx-mr-15 { margin-right: 15px !important; }
+.xx-mr-20 { margin-right: 20px !important; }
+.xx-mr-30 { margin-right: 30px !important; }
+.xx-mr-40 { margin-right: 40px !important; }
+ /*************************
+    Margin bottom
+*************************/
+.xx-mb-0 { margin-bottom: 0!important }
+.xx-mb-10 { margin-bottom: 10px !important; }
+.xx-mb-15 { margin-bottom: 15px !important; }
+.xx-mb-20 { margin-bottom: 20px !important; }
+.xx-mb-30 { margin-bottom: 30px !important; }
+.xx-mb-40 { margin-bottom: 40px !important; }
+/*************************
+    Margin left
+*************************/
+.xx-ml-0 { margin-left: 0!important }
+.xx-ml-10 { margin-left: 10px !important; }
+.xx-ml-15 { margin-left: 15px !important; }
+.xx-ml-20 { margin-left: 20px !important; }
+.xx-ml-30 { margin-left: 30px !important; } 
+.xx-ml-40 { margin-left: 40px !important; } 
+ /*************************
+    Padding top
+*************************/
+.xx-pt-0 { padding-top: 0!important }
+.xx-pt-10 { padding-top: 10px !important; }
+.xx-pt-15 { padding-top: 15px !important; }
+.xx-pt-20 { padding-top: 20px !important; }
+.xx-pt-30 { padding-top: 30px !important; }
+.xx-pt-40 { padding-top: 40px !important; }
+ /*************************
+    Padding right
+*************************/
+.xx-pr-0 { padding-right: 0!important }
+.xx-pr-10 { padding-right: 10px !important; }
+.xx-pr-15 { padding-right: 15px !important; }
+.xx-pr-20 { padding-right: 20px !important; }
+.xx-pr-30 { padding-right: 30px !important; } 
+.xx-pr-40 { padding-right: 40px !important; } 
+ /*************************
+    Padding bottom
+*************************/
+.xx-pb-0 { padding-bottom: 0!important }
+.xx-pb-10 { padding-bottom: 10px !important; }
+.xx-pb-15 { padding-bottom: 15px !important; }
+.xx-pb-20 { padding-bottom: 20px !important; }
+.xx-pb-30 { padding-bottom: 30px !important; }
+.xx-pb-40 { padding-bottom: 40px !important; }
+ /*************************
+    Padding left
+*************************/
+.xx-pl-0 { padding-left: 0!important }
+.xx-pl-10 { padding-left: 10px !important; }
+.xx-pl-15 { padding-left: 15px !important; }
+.xx-pl-20 { padding-left: 20px !important; }
+.xx-pl-30 { padding-left: 30px !important; }
+.xx-pl-40 { padding-left: 40px !important; }
+.col-xx-12{width:100% !important;}
+.col-xx-6{width:50% !important;}
+h2 {font-size: 22px; line-height: 30px;}
+.topbar .topbar-call.text-left li { margin-bottom: 5px; }
+.clients-logo.line img { width: initial; }
+.shpping-cart .cart { width: 240px; } 
+.cart-item .cart-name a { font-size: 12px; }
+.cart-price del { font-size: 12px; }
+.cart-price ins { font-size: 14px; }
+.cart-item .cart-close { top: 17px; }
+/*index*/
+.round .nav.nav-tabs li a { margin-right: 1px; padding: 8px 15px; }
+/* header */
+.st-effect-3 .header.default.fullWidth .search-cart { right: 45px; top: 3px; }
+.st-effect-3 .header.default.fullWidth .search-cart .search { padding-right: 6px; }
+
+/*action box*/
+.action-box-button .button.border-white { margin-top: 10px; }
+.action-box-button .button.border.icon { margin-left: 0; margin-top: 15px; }
+.action-box-button .button.border { margin-left: 0; margin-top: 15px; }
+/*coming soon*/
+.coming-soon-main h1 { font-size: 34px; }
+.coming-soon-countdown ul.countdown li span { font-size: 32px; }
+.coming-soon-countdown ul.countdown li { width: 20%; }
+.coming-soon-countdown ul.countdown li p { font-size: 13px; }
+.coming-soon-countdown ul.countdown { margin: 20px 0; }
+.coming-soon-main p { margin-bottom: 45px; font-size: 16px; }
+.coming-soon-form { width: 100%; }
+.coming-soon-form input { width: 90%; margin-bottom: 0; }
+.coming-soon-form a.button-border span { padding: 11px 8px; }
+ /*error*/
+.error-block h1 { font-size: 50px; }
+.error-block p { font-size: 18px; }
+.error-block h1.mb-40 { margin-bottom: 10px !important; }
+.error-search-box p { font-size: 16px; line-height: 32px; }
+.error-search-box input { width: 60%; }
+/*maintenance*/
+.maintenance-2 .maintenance-main h1 { font-size: 22px; margin-bottom: 10px; }
+.maintenance-contant.mt-150 { margin-top: 30px !important; }
+.maintenance-form.mt-100 { margin-top: 30px !important; }
+.clients-logo.line{width:100%; border-left:none;}
+ .clients-logo.line img{height:auto;}
+.clients-logo.line:nth-last-child(-n+3) {  border-bottom: 1px solid #dddddd;}
+.our-history .timeline > li > .timeline-panel::before { width: 22px; left: 25px; }
+.our-history .timeline > li.timeline-inverted > .timeline-panel::before { left: 25px; }
+.happy-clients .nav.nav-tabs li { display: inline-block; }
+.nav.nav-tabs li {  display: block;  float: none;  margin-bottom: 10px;  text-align: center;}
+.tab-2 .nav-tabs {float: none; width: 100%;}
+.tab-2 .nav-tabs li{margin-bottom: 0;}
+.tab-2 .tab-content {margin-left: 0; padding: 30px 20px;}
+/*testimonial page*/
+.testimonial-3 .owl-carousel .owl-nav {  bottom: -20px; }
+.testimonial-3 .owl-carousel .owl-nav .owl-prev {left: 50%; margin-left: -45px;}
+.testimonial-3 .owl-carousel .owl-nav .owl-next {right: 50%; margin-right: -45px;}
+.testimonial-info p {padding: 0 10px 20px;}
+.testimonial.boxed {padding: 30px 30px 75px;}
+ .feature-step-2-title-2-right {width: 100%;}
+.feature-step-2-box {padding:20px 10px;}
+.feature-step-2-box p{font-size: 13px;}
+.service-blog b {font-size: 220px;}
+/*blog*/
+.blog .timeline > li > .timeline-badge { font-size: 15px; height: 44px; line-height: 12px; width: 44px; }
+.blog ul.timeline:before { left: 27px; }
+.blog ul.timeline > li > .timeline-badge { left: 5px; }
+.blog ul.timeline > li > .timeline-panel { width: 100%; }
+.blog .timeline li.entry-date span { display: none;}
+.blog ul.timeline::before { display: none; }
+.blog ul.timeline > li > .timeline-badge { display: none; }
+.blog ul.timeline > li > .timeline-panel::before { display: none; }
+.blog ul.timeline > li > .timeline-panel::after { display: none; }
+.blog .timeline li.timeline-inverted .timeline-panel::after { display: none; }
+.blog .timeline li.timeline-inverted .timeline-panel::before { display: none; }
+.blog.timeline-sidebar .timeline li { width: 100%; }
+/*shop*/
+.offer-banner-1 h1 { font-size: 20px; }
+.deal-banner .counter-deal ul li { padding: 7px 10px; margin-right: 2px; }
+.deal-banner .caption h2 { font-size: 32px; }
+.deal-banner.maintenance-progress-bar { margin: 0; }
+.bottom-nav .owl-nav .owl-next { right: 36%; }
+.bottom-nav .owl-nav .owl-prev { left: 36%; }
+.action-box.pattern { padding: 70px 15px; }
+.action-box { padding: 30px 15px; }
+.appointment-bg { padding: 40px 15px; }
+.appointment a.pull-left { display: block; }
+/*mobile app*/
+.mobile-app-about a img { margin-bottom: 10px; }
+.mobile-app-about h2 { font-size: 30px; line-height: 30px; }
+.phone-holder { width: 260px; }
+.highlights-phone.wht .phone-holder #fon { background:transparent;  }
+.highlights-phone.wht .hgi { top: 0; }
+.highlights-phone { height: 550px; }
+/*one page*/
+.typer-banner h1 { font-size: 30px; line-height: 30px; }
+.popup-video-banner h1 { font-size: 30px; line-height: 40px; }
+.video-background-banner h1 { font-size: 30px; line-height: 30px; } 
+.video-background-banner .slider-content { padding: 30px 15px; }
+/*side panel*/
+.slide-footer .social ul li a { padding-right: 15px; }
+.st-menu { width: 280px; } 
+.st-effect-2.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0);  transform: translate3d(280px, 0, 0); }
+.st-effect-3.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0);  transform: translate3d(280px, 0, 0); }
+.st-effect-4.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); }
+.st-effect-5.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); }
+.st-effect-6.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0) rotateY(-15deg); transform: translate3d(280px, 0, 0) rotateY(-15deg); }
+.st-effect-7.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); }
+.st-effect-8.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); }
+.st-effect-9.st-menu-open .st-pusher { -webkit-transform: translate3d(0, 0, -280px); transform: translate3d(0, 0, -280px); }
+.st-effect-10.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); }
+.st-effect-10.st-menu { -webkit-transform: translate3d(0, 0, -280px); transform: translate3d(0, 0, -280px); }
+.st-effect-13.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); }
+.st-effect-14.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); }
+/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
+.no-csstransforms3d .st-pusher,
+.no-js .st-pusher { padding-left: 280px; }
+.personal-typer-banner h1 { font-size: 30px; line-height: 30px; margin-bottom: 0px; } 
+.personal-typer-banner h1 span { font-size: 20px; left: -10px; top: 0; }
+.image-content { width: 100%; margin-right: 0; }
+.testimonial.bottom_pos { padding: 60px 20px 40px 46px; }
+ .owl-carousel .owl-dots  { bottom:  12px; }
+.kety-name a { font-size: 14px; }
+.kety-link a { margin-bottom: 5px; }
+.blog.blog-single .port-navigation .port-photo { width: 104px; }
+.blog.blog-single .port-navigation .port-arrow { height: 62px; width: 30px; }
+.blog.blog-single .port-navigation .port-arrow i { line-height: 62px; }
+.single-portfolio-post .port-navigation .port-photo { width: 104px; }
+.single-portfolio-post .port-navigation .port-arrow { height: 62px; width: 30px; }
+.single-portfolio-post .port-navigation .port-arrow i { line-height: 62px; }
+.happy-clients .nav-tabs li { padding: 0; }
+.accordion.animated .acd-group.acd-active .acd-heading { font-size: 20px; }
+.our-service .section-title { margin-bottom: 10px; }
+.team.team-list h5 { font-size: 18px; }
+.contact-2 #map { padding-top: 50%; }
+.clients-box .clients-photo { margin-bottom: 20px; width: 100%; }
+.countdown.round { display: block; margin: 0 auto 20px; }
+.coming-soon-form.contact-form input { width: 100%; }
+.add-banner-2 .add-banner-content h2 { font-size: 24px; }
+.add-banner-2 .add-banner-content h3 { font-size: 20px; line-height: 20px; }
+.add-banner-2 .add-banner-content .button.small { padding: 5px 18px; }
+
+/*************************************
+             v1.0.3
+**************************************/
+ .slider-parallax.typer-banner.business h1 { font-size: 24px; line-height: 28px; }
+ .slider-parallax.typer-banner.business p { font-size: 18px; line-height: 28px; margin-top: 10px !important; }
+ .counter.big-counter .timer { font-size: 40px; line-height: 40px; }
+.action-box.theme-bg { padding: 30px 0; }
+ .slider-parallax.banner-personal .slider-content span { font-size: 50px; line-height: 50px; }
+.slider-parallax.banner-personal .slider-content h1 { font-size: 40px; line-height: 40px; margin-top: -20px; }
+.slider-parallax.banner-personal .slider-content h1 strong { font-size: 48px; line-height: 50px; }
+
+/*************************************
+             v1.0.4
+**************************************/
+.christmas-form-content h2 { font-size: 24px; line-height: 24px }
+.christmas-event .tab .nav.nav-tabs li a{ font-size: 14px; }
+.christmas-event .blog-date span { font-size: 28px; display: inline-block; }
+.portfolio-home .portfolio-title.section-title .button.mt-30 { margin-top: 20px !important;  }
+.countdown.small  { margin: 10px 4px 0; }
+
+/*************************************
+             v1.0.4
+**************************************/
+.section-title-movie h2 { padding: 10px 30px; }
+.movie-story b { font-size: 26px; }
+.movie-banner .countdown.round.small { margin-bottom: 5px; }
+
+/*************************************
+             v1.0.7
+**************************************/
+.law-banner .slider-content h1 { font-size: 22px; line-height: 22px; }
+.law-banner .slider-content p { font-size: 16px; }
+.law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-year { left: 0; top: 25px; }
+
+/*************************************
+             v1.0.7
+**************************************/
+.portfolio-parallax-banner h2 { font-size: 30px; line-height: 30px; } 
+
+/*************************************
+             v1.0.9
+**************************************/
+.coming-soon-big .countdown.medium span { font-size: 24px; line-height: 24px; }
+.coming-soon-big .countdown.medium p { font-size: 14px; line-height: 14px; }
+.error-05 h1 { font-size: 50px; line-height: 50px; }
+.error-03 .content h2 { font-size: 28px; line-height: 28px; }
+.error-03 .content h1 { font-size: 32px; line-height: 32px; }
+.error-03 .content p { font-size: 22px; }
+.error-03 .error-404 h1 { font-size: 70px; line-height: 70px; }
+.error-03 .error-404 h2 { font-size: 50px; line-height: 50px; }
+.error-04 h1, .error-06 h1, .error-07 h1 { font-size: 100px; line-height: 100px; } 
+.error-04 h2 { font-size: 40px; line-height: 40px; }
+.error-04 p { font-size: 18px; }
+.error-06 h2 .error-07 h2, .error-09 h2 { font-size: 30px; line-height: 30px; }
+
+/*************************************
+             v1.2
+**************************************/
+.login.height-100vh { overflow: hidden; }
+.login .remember-checkbox a { display: block; float: inherit !important; margin-top: 10px; }
+.about-mission .popup-content { padding: 30px 30px 10px 30px; }
+.about-mission .popup-content h2 { font-size: 14px; line-height: 20px; }
+.about-mission .popup-video-image a i { width: 40px; height: 40px; top: 10px; line-height: 40px; }
+ .checkout-page .pl-50.pr-50.pt-50.pb-50 { padding: 20px !important; }
+ .checkout-page .pl-40 { padding: 0 !important;  }
+}  
+ 
+
+
+
+@media (max-width: 360px) {
+
+.col-xs-offset-1 {margin-left:8.33333333%;}
+
+}
\ No newline at end of file
diff --git a/resoft/css/back/shop.css b/resoft/css/back/shop.css
new file mode 100644
index 0000000..e4f1fcd
--- /dev/null
+++ b/resoft/css/back/shop.css
@@ -0,0 +1,163 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains the styling for the Shop Pages. You can edit/add anything in this file!
+*/
+
+
+/********************************
+             shop
+********************************/
+.product { text-align: center; position: relative;  }
+.product .product-title a { font-size: 16px; text-transform: uppercase; font-weight: 600; margin: 20px 0px 10px; display: block; }
+
+.product .product-title a:hover { color: #353535; }
+.product .product-price del { background: transparent; color: #323232; font-size: 13px; }
+.product .product-price ins { text-decoration: none; color: #5E9ECA; font-size: 16px; font-weight: bold; }
+.product .product-rating { margin-bottom: 10px; }
+.product .product-rating i { color: #353535; }
+.product .product-image { position: relative; }
+.product .product-image .product-overlay { opacity: 0; text-align: center; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; margin: 0 auto; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
+.product:hover .product-image .product-overlay { opacity: 1; }
+.product .product-image .add-to-cart a { background: #5E9ECA; color: #ffffff; text-transform: uppercase; padding: 10px 20px; border-radius: 30px; }
+.product .product-image .add-to-cart a:hover { background: #353535; }
+
+.top-rated  .product.left .product-title a { font-size: 14px; font-weight: 500; }
+.shop-split-content .product-price del { background: transparent; color: #323232; }
+
+/*shop-single*/
+.shop-single .title {  padding-top: 40px; }
+.shop-single .product-detail .product-detail-price { display: inline-block; }
+.shop-single .product-detail .product-detail-price ins { text-decoration: none; color: #5E9ECA; font-size: 16px; font-weight: bold; }
+.shop-single .product-detail .product-detail-rating i { color: #353535; }
+.shop-single .product-detail .product-detail-rating { display: inline-block; }
+.shop-single .product-detail .product-detail-quantity input { box-shadow: none; border:1px solid #e0e0e0; padding: 10px 18px 10px 24px; border-radius: 30px; box-shadow: none; }
+.shop-single .product-detail .input-group-btn button { background: transparent; border-color: #e0e0e0; }
+.shop-single .product-detail .input-group-btn button:hover { color: #5E9ECA; }
+.shop-single .product-detail .input-group { width: 90px; float: left; margin-right: 20px; }
+.shop-single .product-detail .product-detail.add-to-cart .button { display: inline-block; font-size: 12px; }
+.shop-single .product-detail .input-group-btn:first-child>.btn {  border-top-left-radius: 30px; border-bottom-left-radius: 30px; }
+.shop-single .product-detail .input-group-btn:last-child>.btn {  border-top-right-radius: 30px; border-bottom-right-radius: 30px; }
+.shop-single .product-detail .product-detail-price del { background: transparent;  color: #333; font-size: 14px; }
+
+.shop-single .product-detail .product-detail-social { border-top: 1px solid #e0e0e0; padding-top: 20px; margin-top: 20px; }
+.shop-single .product-detail .product-detail-social span { display: inline-block; padding-right: 20px; float: left; }
+.shop-single .product-detail .product-detail-social ul li { display: inline-block; }
+.shop-single .product-detail .product-detail-social ul li a { display: block; color: #aaaaaa; font-size: 14px; padding-right: 5px; }
+.shop-single .product-detail .product-detail-social ul li a:hover { color: #5E9ECA; }
+
+.shop-single .product-detail .product-detail-meta { border-top: 1px solid #e0e0e0; padding-top: 20px; }
+.shop-single .product-detail .product-detail-meta span { display: block; margin: 10px 0; }
+.shop-single .product-detail .product-detail-meta span a { padding-left: 5px; }
+
+.slider-slick { overflow: hidden; }
+
+/*sidebar-widgets-wrap*/
+.sidebar-widgets-wrap .recent-item  { margin-bottom: 20px; }
+.sidebar-widgets-wrap .recent-item .recent-image  { display: table-cell; padding-right: 10px; width: 50px; float: left; }
+.sidebar-widgets-wrap .recent-item .recent-info { display: table-cell; vertical-align: top; }
+.sidebar-widgets-wrap .recent-item .recent-title a { color: #353535; font-weight: bold; }
+.sidebar-widgets-wrap .recent-item .recent-title a:hover { color: #5E9ECA;}
+.sidebar-widgets-wrap .recent-item .recent-meta li { display: inline-block; color: #353535; } 
+
+/*product left*/
+.product.left .product-image { float: left; padding-right: 20px; width: 26%; }
+.product.left .product-image a {display: block; width: 100%;  height: 100%; } 
+.product.left  .product-description { padding-top: 0; display: table-cell; padding-bottom: 0; vertical-align: top; text-align: left; width: 74%; }
+.product.left .product-title a { margin-top: 0; }
+
+
+/*deal-banner*/
+.deal-banner{background:#f4f4f2;}
+.deal-banner img { width:100%; }
+.deal-banner .caption{text-align:center;margin-top:25%;}
+.deal-banner .caption span.off{color:#5E9ECA;font-size:24px;font-weight:600;text-transform:uppercase;}
+.deal-banner .caption h2{font-size:42px;line-height:42px;color:#494949;font-weight:600;text-transform:uppercase;margin-top:12px;margin-bottom:22px;}
+.deal-banner .caption a.viewbt{color:#fff;background:#5E9ECA;padding:10px 22px;text-align:center;display:inline-block;margin-top:26px; border-radius: 30px;}
+.deal-banner .caption a.viewbt:hover{background:#494949;}
+.deal-banner .counter-deal ul li{background:#fff;display:inline-block;padding:7px 12px;margin-right:17px;}
+.deal-banner .counter-deal ul li span.big{font-size:22px;font-weight:700;margin-left:12%;margin-right:12%;}
+.deal-banner .counter-deal ul li span.smalltxt{padding-top:0;}
+
+/*************************************
+             offer banner 
+*************************************/
+ .line-effect { position:relative; background: transparent; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
+ .overlay { position:absolute; width:100%; height:100%; left:0; top:0; }
+ .overlay { background:none; width:100%; height:100%; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
+ .overlay:before{  border-bottom: 1px solid #fff;  border-top: 1px solid #fff; -o-transform: scale(0, 1);  -webkit-transform: scale(0, 1);  -moz-transform: scale(0, 1);  transform: scale(0, 1); }
+ .overlay:after {  border-left: 1px solid #fff;  border-right: 1px solid #fff;  -o-transform: scale(1, 0);  -webkit-transform: scale(1, 0);  -moz-transform: scale(1, 0);  transform: scale(1, 0); }
+ .overlay:before, .overlay:after {  bottom: 15px; content: ""; left: 15px; opacity: 0; position: absolute;  right: 15px; top: 15px;  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;  -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;  -moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; z-index: 1; }
+
+.offer-banner-1 { position: relative; }
+.offer-banner-1 .banner-content { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; z-index: 2; }
+.offer-banner-1 .banner-content strong { display: block; color: #fff; margin: 20px 0px; }
+.offer-banner-1 .banner-image.bg-overlay-black-50:before { z-index: 1; }
+.offer-banner-1:hover .line-effect .overlay:before, .offer-banner-1:hover .line-effect .overlay:after { opacity:1; -o-transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);   -o-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;-webkit-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; -moz-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;}
+.offer-banner-1 .banner-image img { width: 100%; }
+.offer-banner-2 { height: 458px; display: block; width: 100%; }
+.offer-banner-2 .banner-bg {display: table; height: 100%; position: relative; width: 100%; }
+.offer-banner-2 .line-effect {  display: table-cell; vertical-align: middle; position: relative; }
+.offer-banner-2 .banner-content { position: relative; z-index: 99; }
+.offer-banner-2 .banner-content h1 { position: relative; padding-bottom: 10px; }
+.offer-banner-2 .banner-content h1:before { position: absolute; content: ""; background: #5E9ECA; width: 60px; bottom: 0px; margin-left: -30px; height: 1px;  left: 50%; }
+.offer-banner-2 .banner-content strong { display: block; color: #000; margin: 20px 40px; }
+.offer-banner-2 .banner-content span { display: block; color: #000; margin: 20px 0px; }
+ .offer-banner-2 .overlay:before{  border-bottom: 1px solid #000;  border-top: 1px solid #000; -o-transform: scale(0, 1);  -webkit-transform: scale(0, 1);  -moz-transform: scale(0, 1);  transform: scale(0, 1); }
+ .offer-banner-2 .overlay:after {  border-left: 1px solid #000;  border-right: 1px solid #000;  -o-transform: scale(1, 0);  -webkit-transform: scale(1, 0);  -moz-transform: scale(1, 0);  transform: scale(1, 0); }
+.offer-banner-2:hover .line-effect .overlay:before, .offer-banner-2:hover .line-effect .overlay:after { opacity:1; -o-transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);   -o-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;-webkit-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; -moz-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;}
+ 
+/*************************************
+             add banner 
+*************************************/
+.add-banner-1 { position: relative; }
+.add-banner-1 .add-banner-content {  padding: 30px; display: inline-block; left: 0; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; z-index: 99; }
+.add-banner-1 .add-section-image.bg-overlay-black-50:before { z-index: 0; }
+.add-banner-1 .add-banner-content p { font-size: 14px; color: #fff; line-height: 26px; margin-bottom: 15px; }
+.add-banner-1 .add-banner-content h5 { position: relative; padding-bottom:20px; }
+.add-banner-1 .add-banner-content h5.border:before { position: absolute; content: ""; width: 60px; height: 1px; background: #5E9ECA; left: 50%; margin-left: -30px; bottom: 0px; }
+.add-banner-1 .add-banner-content span { display: block; font-size: 14px; color: #fff; padding: 15px 0px; }
+.add-banner-1 .add-banner-content a { font-size: 14px; color: #fff; text-transform: uppercase; }
+.add-banner-1 .add-banner-content a:hover { color: #5E9ECA; }
+.add-banner-1 .add-banner-content a.button-white-border { padding: 10px 40px; }
+.add-banner-1:hover .line-effect .overlay:before, .add-banner-1:hover .line-effect .overlay:after { opacity:1; -o-transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);   -o-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;-webkit-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; -moz-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; }
+
+/*************************************
+             add banner 2
+*************************************/
+.add-banner-2 .add-banner-content { padding: 100px 50px; }
+.add-banner-2 .add-banner-content h2 { font-size: 48px; line-height: 48px; font-weight: 400; text-transform: uppercase; margin-bottom: 15px; }
+.add-banner-2 .add-banner-content h3 { font-size: 38px; line-height: 38px; font-weight: 400; text-transform: uppercase; margin-bottom: 15px; }
+
+ /*************************************
+          home 02
+*************************************/
+ .shop-split-content { padding: 130px 0; }
+ .shop-split-content ins { font-size: 30px; font-weight: 600; text-decoration: none; color: #5E9ECA; }
+
+ /*************************************
+          home 03
+*************************************/
+ .shop-blog .blog-box { padding: 220px 30px 40px; }
+ .shop-blog .blog-box:hover .blog-box-img:before,  .shop-blog .blog-box.active .blog-box-img:before { background:linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-webkit-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-o-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-ms-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-moz-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); }
+
+  /*************************************
+           wishlist page
+**************************************/
+.wishlist-page .table tbody { border:0px; border-bottom: 1px solid #f0ede7; }
+.wishlist-page .table > tfoot > tr > td { border-top: none; border-bottom: solid 1px #f0ede7; }
+.wishlist-page .table > thead > tr > th,
+.wishlist-page .table > tbody > tr > th,
+.wishlist-page .table > tfoot > tr > th,
+.wishlist-page .table > thead > tr > td,
+.wishlist-page .table > tbody > tr > td,
+.wishlist-page .table > tfoot > tr > td { padding: 20px 20px; vertical-align: middle; text-align: center; }
+.wishlist-page .table .image img { width: 50px; }
+.wishlist-page .table td.price.price-2 { color: #5E9ECA; }
+.wishlist-page .table td.total a { border: 1px solid #f0ede7; font-size: 14px; padding: 3px 6px; }
+.wishlist-page .table td.total a:hover { border: 1px solid #5E9ECA; background: #5E9ECA; color: #ffffff; }
+.wishlist-page .table .td-quentety input { border: 1px solid #ccc; margin: 15px 0 5px 0; padding: 0px 0px 0 20px;  width: 70px;  height: 35px; background: transparent; }
+.wishlist-page .table .td-quentety input:focus { box-shadow: none; }
+.wishlist-page .price:hover { box-shadow: none; }
\ No newline at end of file
diff --git a/resoft/css/back/style.css b/resoft/css/back/style.css
new file mode 100644
index 0000000..973bd5d
--- /dev/null
+++ b/resoft/css/back/style.css
@@ -0,0 +1,1735 @@
+/*
+
+Template: Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Version: 1.0
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is main stylesheet of template, This file contains the styling for the actual Template.
+
+*/
+ 
+
+/*================================================
+[  Table of contents  ]
+================================================
+ :: Header
+     - topbar
+     - search
+     - Cart
+     - FullWidth
+     - Light
+     - Dark
+     - Left-menu
+     - Logo-center
+     - Fancy
+     - fancy without-topbar
+     - Side menu icon
+     - Vertical header
+    - One page  Header
+ :: Slider (all home page main sliders )
+ ::   - Slider-parallax one page
+ ::   - Mobile slider
+ :: Background
+ :: Home page section
+ :: Decolines
+ :: Awesome features
+ :: Feature Step
+ :: About Us 
+ :: Resume
+ :: Portfolio
+ ::  - Portfolio  item
+ ::  - Portfolio-item-2
+ ::  - Portfolio single page
+ :: Our Blog
+ :: Our services
+ :: Creativity
+ :: Our History
+ :: Our Service Objects
+ :: Sidebar
+ :: About me
+ :: Team page
+ :: Error 404
+ :: Coming soon
+ :: Register
+ :: Login
+ :: maintenance
+ :: Our clients 
+ :: Process
+ :: Careers
+ :: Sitemap
+ :: Privacy-policy 
+ :: Page sidebar 
+ :: Terms and conditions 
+ :: Footer
+ :: Boxed
+
+ v1.2
+ :: index portfolio 4
+ :: index portfolio 04 about
+ :: index portfolio single
+
+======================================
+[ End table content ]
+======================================*/
+
+/*************************
+      Header 
+*************************/
+.default { background: transparent; z-index: 9999; position: absolute; width: 100%; }
+/*topbar*/
+.topbar { /*padding: 10px 0;*/ font-size:12px; color:#4a4a4a; }
+.topbar ul li  { display: inline-block; color: #fff; font-size: 12px; font-weight: normal;}
+.topbar ul li:last-child { margin-right: 0px; }
+.topbar ul li a { color: #4a4a4a; font-size: 12px; font-weight: normal; font-style: normal; }
+.topbar-left { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; letter-spacing: -0.1em;}
+.topbar-right { position: relative; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; }
+.topbar ul li a:hover { font-weight:600; }
+#topbar-nav {list-style:none;}
+#topbar-nav li{display:inline-block; position:relative; line-height: 38px; }
+#topbar-nav li:first-child > a {border: 0;}
+#topbar-nav li > a {border-left: 1px solid #ccc; padding:0px 15px;}
+
+/*menu*/
+.menu-bar { float: right; }
+.mega-menu .menu-links { float: left; }
+.search-cart { display: inline-block;   }
+.search-cart i.icon { color: #ffffff; line-height: 20px; font-size: 14px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; }
+.search-cart i.icon:hover { color: #5E9ECA; }
+.search-cart .search { display: inline-block; padding-right: 15px; padding-left: 10px; }
+.search-cart .shpping-cart { display: inline-block; }
+.shpping-cart a { position: relative; }
+.shpping-cart strong.item { display: block; position: absolute; top: -7px; left: auto; right: -8px; font-size: 10px; color: #ffffff; width: 16px; height: 16px;line-height: 16px; text-align: center; background-color: #5E9ECA; border-radius: 50%; }
+
+  /*search*/
+ .search .search-btn { display: block; height: 20px; line-height: 21px; position: relative; text-indent: -9999px;  width: 14px; color: #ffffff; -o-transition: color 300ms ease 0s; -moz-transition: color 300ms ease 0s; -ms-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s;  transition: color 300ms ease 0s; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; }
+ .search .search-btn:before { content: ""; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; left: 0; position: absolute; text-indent: 0; top: 0; }
+  .search .search-btn:hover { color: #5E9ECA; }
+ .search.search-open .search-btn:before { content: ""; }
+ .search-box { background: #fff; display: block; margin: 0; opacity: 0 !important; padding: 15px; position: absolute; right: 0; top: 100%;  transition: visibility 300ms ease 0s, opacity 300ms ease 0s;  visibility: hidden; width: 327px; z-index: 888; border-radius:  3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0;
+    -ms-transform-origin: 0 0; transform-origin: 0 0;    transition: all 400ms ease; }
+ .search.search-open .search-box { opacity: 1 !important;visibility: visible !important; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); box-shadow: 0 0 50px rgba(0,0,0,.1); }
+ .search .search-box input { background: transparent; border:1px solid #eceff8; padding-left: 15px; border-radius: 3px; }
+ .search .search-box input:focus { background: transparent; border:1px solid #eceff8; }
+ .search .search-box i { cursor: pointer; font-size: 15px; position: absolute; right: 27px; top: 31px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; }
+ .search .search-box i:hover { color: #5E9ECA; } 
+
+/*cart*/
+.cart { opacity: 0; visibility: hidden; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,.1); position: absolute; right: 0; margin-top: 0px; right: 0; width: 300px; border: 1px solid #eceff8; border-radius: 3px;  -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0;
+    transform-origin: 0 0;    transition: all 400ms ease;}
+.cart.cart-open {-webkit-transform: rotateX(0deg); transform: rotateX(0deg);opacity: 1;  visibility: visible; }
+.cart:before { bottom: 100%; right: 8px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(194, 225, 245, 0);
+   border-bottom-color: #fff; border-width: 6px; margin-left: -8px; }
+.cart-title { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; }
+.cart-item { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; position: relative; }
+.cart-item .cart-image { display: table-cell; padding-right: 15px; }
+.cart-item .cart-image img { height: 40px; }
+.cart-item .cart-name { display: table-cell; vertical-align: top; }
+.cart-item .cart-name a { display: block; color: #323232; }
+.cart-item .cart-name a:hover { color: #5E9ECA; }
+.cart-item .cart-name span { color: #323232; display: inline-block; }
+.cart-item .cart-name strong { padding-left: 30px; }
+.cart-price del {  font-size: 14px; background: transparent; color: #323232; padding-left: 0; } 
+.cart-price ins { text-decoration: none; color: #5E9ECA; font-size: 16px;font-weight: bold; } 
+.cart-total { padding: 20px; text-align: center; background: #f7f7f7; }
+.cart-total h6 {  text-align: center; }
+.cart-total a { display: inline-block; margin-top: 20px; padding: 6px 18px; margin: 0; }
+.cart-total a.button { display: inline-block; }
+.cart-total .button + .button { margin: 0; } 
+.cart-item .cart-close { position: absolute; right: 20px; top: 20px; }
+.cart-item .cart-close a { font-size: 14px; }
+.cart-item .cart-close a:hover { color: #323232; }
+ 
+/*mega-menu */
+.mega-menu .menu-logo { padding: 25px 0 25px; } 
+.mega-menu .menu-logo img { height: 40px; }
+.mega-menu .drop-down-multilevel.right-menu { right: 0px;  }
+.mega-menu > section.menu-list-items { padding: 0; }
+.mega-menu .menu-links > li > a { text-transform: uppercase; font-size: 16px; font-weight: 600; line-height: 20px; }
+.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; }
+.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down a { color: #323232; }
+.mega-menu .menu-links > li.active .drop-down li.active a { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down a:hover { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down li.active a i { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down a i:hover { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #f7f7f7; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #f7f7f7; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #f7f7f7; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.mega-menu .row  { margin-left: 0px; margin-right: 0px; }
+.mega-menu .col-md-12  { padding-left: 0px; padding-right: 0px; }
+.mega-menu.desktopTopFixed .menu-logo { padding: 0px; }
+.mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; }
+.mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } 
+ 
+/*fullWidth*/
+.header.fullWidth .container-fluid { padding: 0 60px; }
+
+/*light*/
+.header.light {  background: #ffffff; position: relative; border-bottom: 3px solid #006EBD;}
+.header.light .topbar ul li { color: #333; }
+.header.light .topbar ul li a { color: #333; }
+.header.light .mega-menu .menu-links > li > a { color: #333; }
+.header.light .mega-menu .menu-links > li > a:hover { color: #5E9ECA; font-weight: bold;}
+.header.light .mega-menu .menu-links > li.active > a { color: #5E9ECA; font-weight: bold;}
+.header.light .topbar {/*background-color:#e8e8e8;*/ border-bottom: 1px solid #d1d1d1;}
+.header.light .search-cart i.icon { color: #323232; }
+.header.light .search-cart i.icon:hover { color: #5E9ECA; }
+.header.light .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; border-bottom: 3px solid #006EBD;}
+.header.light .search .search-btn { color: #323232; }
+.header.light .search .search-btn:hover { color: #5E9ECA; }
+
+/*dark*/
+.header.dark {  background: #323232; position: relative; }
+.header.transparent { background: rgba(0, 0, 0, 0.4); position: absolute; width: 100%; z-index:  999; } 
+
+/*left-menu*/
+.header.left-menu .menu-bar { float: none; }
+.header.left-menu .menu-links { padding-left: 30px; }
+.header.left-menu .search-cart { float: right; }
+
+/*logo-center*/
+.header.logo-center .mega-menu { min-height: 170px; }
+.header.logo-center .menu-logo { float: none; display: block; text-align: center; }
+.header.logo-center .mega-menu .menu-logo > li > a { float: none; }
+.header.logo-center .mega-menu .menu-logo > li { float: none; }
+.header.logo-center .mega-menu img { float: none; margin: 0 auto; }
+.header.logo-center .menu-bar { float: none;  }
+.header.logo-center .search-cart { float: right; }
+.header.logo-center .mega-menu.desktopTopFixed .menu-logo { float: left; display: inline-block; }
+.header.logo-center .mega-menu.desktopTopFixed .menu-logo > li > a { float: left;  }
+.header.logo-center .mega-menu.desktopTopFixed img { float: left; margin: 0 auto; }
+.header.logo-center .mega-menu.desktopTopFixed .menu-bar { float: right; border-top: 0px solid rgba(0, 0, 0, 0.1); }
+.header.logo-center .mega-menu.desktopTopFixed .search-cart { float: right; }
+
+/*fancy */
+ 
+.header.fancy { background: transparent; position: relative; border-bottom: 0; }
+.header.fancy .topbar { background: #5E9ECA; padding: 15px 0px 70px; }
+.header.fancy .topbar .topbar-right li a:hover { color: #323232; }
+.header.fancy .search-cart i.icon { color: #323232; line-height: 20px; }
+.header.fancy .topbar-call ul li i { color: #ffffff; }
+.header.fancy .mega-menu .menu-logo { padding: 26px 0px; }
+.header.fancy .menu { position: absolute; width: 100%; top: 30px; }
+.header.fancy .topbar + .menu {  top: 60px; }
+.header.fancy .mega-menu > section.menu-list-items { background: #ffffff; padding: 0px 25px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }
+.header.fancy .mega-menu.desktopTopFixed > section.menu-list-items { border-bottom: 1px solid #f6f6f6; }
+.header.fancy .topbar ul li a:hover { color: #323232;}
+
+.header.fancy .mega-menu .menu-links > li > a { color: #323232; line-height: 20px; }
+.header.fancy .mega-menu .menu-links > li > a:hover { color: #5E9ECA; }
+.header.fancy .mega-menu .menu-links > li.active > a { color: #5E9ECA; }
+.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #ffffff; }
+.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #323232; }
+.header.fancy .mega-menu.desktopTopFixed .menu-logo { padding: 0; }
+.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 20px; }
+.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px;  }
+.header.fancy .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; }
+.header.fancy .search-cart i.icon:hover { color: #5E9ECA; }
+.header.fancy .search .search-btn { color: #323232; }
+.header.fancy .search .search-btn:hover { color: #5E9ECA; }
+.header.fancy .mega-menu.desktopTopFixed .drop-down.grid-col-5 { width: 21.66666666666667%; }
+.header.fancy .search-box { margin-top: -6px; }
+
+/*fancy without-topbar*/
+.header.fancy.without-topbar .menu { top: 30px; }
+.header.burger .menu-icon { font-size: 30px; color: #323232; } 
+.header.burger .menu-icon:hover { color: #5E9ECA; }
+.header.burger { position: absolute; z-index: 999; width: 100%; padding: 30px 30px; }
+.header.burger .logo { display: inline-block; }
+.header.burger .logo img { height: 50px; }
+
+/*side-menu-icon*/
+.side-menu-icon { display: inline-block; }
+.side-menu-icon .menu-icon { font-size: 16px; color: #ffffff; padding-left: 15px; }
+.side-menu-icon .menu-icon:hover { color: #5E9ECA; }
+
+/*************************
+    header text-dark 
+*************************/
+.header.text-dark .topbar ul li { color: #323232; }
+.header.text-dark .topbar ul li a { color: #323232; }
+.header.text-dark .topbar ul li a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li > a { color: #323232; }
+.header.text-dark .mega-menu .menu-links > li > a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active > a { color: #5E9ECA; }
+.header.text-dark .topbar { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
+.header.text-dark .search-cart i.icon { color: #323232; }
+.header.text-dark .search-cart i.icon:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; }
+.header.text-dark .search .search-btn { color: #323232; }
+.header.text-dark .search .search-btn:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .drop-down-multilevel { background: #323232; }
+.header.text-dark .mega-menu .drop-down.menu-bg, .header.text-dark .mega-menu .drop-down-tab-bar {     background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png);
+    background-repeat: no-repeat; background-position: 120% 0; }
+.header.text-dark .mega-menu .drop-down, .header.text-dark .mega-menu .drop-down-tab-bar { background: #323232; }
+.header.text-dark .mega-menu .drop-down a, .header.text-dark .mega-menu .drop-down-tab-bar a { color: #ffffff; }
+.header.text-dark .mega-menu .drop-down i.fa, .header.text-dark .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; }
+.header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa  { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover  { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.text-dark .mega-menu .drop-down-multilevel a { color: #ffffff; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel li:hover { background: #282828; }
+.header.text-dark .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important;  background-repeat: no-repeat;     background-position: right;} 
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA;
+    background: #282828; }
+.header.text-dark .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; }
+.header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #5E9ECA; }
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #5E9ECA; }
+/*dark-dropdown*/
+.header.dark-dropdown .mega-menu .drop-down-multilevel { background: #323232; }
+.header.dark-dropdown .mega-menu .drop-down.menu-bg, .header.dark-dropdown .mega-menu .drop-down-tab-bar {     background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png);
+    background-repeat: no-repeat; background-position: 120% 0; }
+.header.dark-dropdown .mega-menu .drop-down, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: #323232; }
+.header.dark-dropdown .mega-menu .drop-down a, .header.dark-dropdown .mega-menu .drop-down-tab-bar a { color: #ffffff; }
+.header.dark-dropdown .mega-menu .drop-down i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; }
+.header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa  { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover  { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.dark-dropdown .mega-menu .drop-down-multilevel a { color: #ffffff; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel li:hover { background: #282828; }
+.header.dark-dropdown .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important;  background-repeat: no-repeat;     background-position: right;} 
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA;
+    background: #282828; }
+.header.dark-dropdown .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; }
+.header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #5E9ECA; }
+/*label*/
+.header .label.label-default, .header .label.label-primary, .header .label.label-success, .header .label.label-info, .header .label.label-warning, .header .label.label-danger { color: #fff; padding: 0px 5px; line-height: 14px; display: inline-block; }
+
+
+/*************************
+    one page
+*************************/
+header.one-page { position: absolute; width: 100%; z-index: 999; }
+.navbar-inverse { background: transparent; border: 0; }
+.navbar-brand { height: auto; padding: 25px 0; }
+.navbar .navbar-brand img { height: 40px; }
+.navbar { min-height: 80px; }
+.navbar-nav { float: right; }
+.navbar-inverse .navbar-nav>li  { padding: 35px 15px; }
+.navbar-inverse .navbar-nav>li>a { color: #ffffff; padding: 0; text-transform: capitalize; }
+.navbar-inverse .navbar-nav>li>a:hover { color: #5E9ECA; } 
+.navbar.affix { width: 100%; background: #323232; }
+.navbar.affix { width: 100%; background: #323232; }
+.navbar { min-height: inherit !important;  }
+.navbar.affix .navbar-brand img { height: 30px; }
+.navbar.affix .navbar-brand { padding: 15px 0; }
+.navbar.affix .navbar-nav>li { padding: 20px 15px; }
+ .navbar-nav>li>a { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
+
+/*vertical-header*/
+.vertical-header .container-fluid { padding: 0 80px; }
+.menu-responsive { display: none; }
+.vertical-header .navbar { overflow-y: scroll;  overflow-x: hidden; height: 100%;}
+.vertical-header { padding-left: 260px; }
+.header.vertical-menu { position: fixed; left: 0; top: 0; width: 260px; min-height: 100%; background: #212121; z-index: 999; -o-transition: all 1s; -webkit-transition: all 1s;
+    transition: all 1s; }
+.header.vertical-menu .menu-bar { float: none; }
+.mega-menu.vertical-left, .mega-menu.vertical-right { float: none; }
+.menu-widgets { position: absolute; bottom: 20px; }
+.menu-widgets .social-icons.border li a { border:2px solid; line-height: 30px; }
+.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #5E9ECA; }
+header.one-page.vertical-menu { position: fixed; left: 0; top: 0; height: 100%; background: #212121; width: 260px; padding: 30px; } 
+header.one-page.vertical-menu .navbar-header { float: none; margin-bottom: 20px; }
+header.one-page.vertical-menu .navbar-nav { float: none; }
+header.one-page.vertical-menu .navbar-nav>li { display: block; float: none; }
+header.one-page.vertical-menu .navbar-inverse .navbar-nav>li { padding: 15px 0px; }
+header.one-page.vertical-menu .navbar-collapse { padding: 0; }
+header.one-page.vertical-menu .menu-widgets { padding: 0px; }
+
+header.one-page.light { position: relative; background: #ffffff; }
+header.one-page.light .navbar { margin-bottom: 0; }
+header.one-page.light .navbar-inverse .navbar-nav>li>a { color: #323232; }
+header.one-page.light .navbar-inverse .navbar-nav>li>a:hover { color: #5E9ECA; }
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #5E9ECA; }
+
+header.one-page.light .navbar-inverse .navbar-collapse, header.one-page.light .navbar-inverse .navbar-form { background: #ffffff; }
+header.one-page.light .navbar.affix  { background: #ffffff; box-shadow:  0 0 20px 0 rgba(0, 0, 0, 0.1); }
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a { padding: 5px 10px; -o-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; }
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #5E9ECA;  -webkit-box-shadow: inset 178px 0px 0px 0px #5E9ECA; -o-box-shadow: inset 178px 0px 0px 0px #5E9ECA; -ms-box-shadow: inset 178px 0px 0px 0px #5E9ECA; -moz-box-shadow: inset 178px 0px 0px 0px #5E9ECA; color: #fff; transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -moz-transition: all 0.9s ease-in; -ms-transition: all 0.9s ease-in; -o-transition: all 0.9s ease-in;  }
+
+.one-page.nav-center .navbar-collapse.collapse { text-align: center; }
+.one-page.nav-center .navbar-nav { float: none; display: inline-block; }
+.one-page.transparent { background: rgba(0, 12, 27, 0.5); }
+.one-page.transparent .navbar { margin-bottom: 0; }
+
+/*dark-text*/
+.one-page.dark-text .navbar-inverse .navbar-nav>li>a { color: #323232; }
+.one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #d12326; }
+.one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover { color: #d12326; }
+.one-page.dark-text .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }
+
+/*mega menu vertical*/
+.vertical-menu .menu .menu-logo { padding: 50px 20px; }
+.vertical-menu .menu .mega-menu .menu-links > li > a { padding: 0 23px; }
+.vertical-menu .menu-widgets { padding: 20px; }
+ 
+ @media (min-width: 1101px) {
+.mega-menu { min-height: inherit; }
+.mega-menu > section.menu-list-items {  float: none; }
+.mega-menu > section.menu-list-items > .container,
+.mega-menu > section.menu-list-items > .container > .row,
+.mega-menu > section.menu-list-items > .container > .row > div { height: 100%; }
+.mega-menu > section.menu-list-items .menu-bar {  height: 100%; }
+.mega-menu > section.menu-list-items .menu-bar > ul{ display: table !important; height: 100%; }
+.mega-menu > section.menu-list-items .menu-bar > ul > li { display: table-cell; vertical-align: middle; float: none; }
+.mega-menu .drop-down, .mega-menu .drop-down-tab-bar, .mega-menu .drop-down-multilevel { top: 100%; }
+.mega-menu > section.menu-list-items .search-cart { height: 100%; }
+.mega-menu > section.menu-list-items .search-cart .search { vertical-align: middle;  display: table; height: 100%; float: left; }
+.header .search .search-btn {  display: table-cell; vertical-align: middle;  position: relative;  width: 10px;   float: none; clear: both;  height: 100%; }
+.search .search-btn:before { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
+.search-cart .shpping-cart { display: table; float: left;  height: 100%; }
+.shpping-cart a {  position: relative; display: table-cell; vertical-align: middle; }
+.shpping-cart strong.item { display: block; position: absolute;  top: 50%; border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); margin-top: -10px; }
+.cart { top: 100%; } 
+.mega-menu > section.menu-list-items > .container-fluid,
+.mega-menu > section.menu-list-items > .container-fluid > .row,
+.mega-menu > section.menu-list-items > .container-fluid > .row > div { height: 100%; }
+.logo-center .mega-menu > section.menu-list-items .menu-bar > ul { height: auto; }
+.logo-center .mega-menu > section.menu-list-items .menu-bar > ul > li { display: inline-block;  }
+.logo-center .mega-menu > section.menu-list-items .search-cart { height: auto; }
+.logo-center .mega-menu > section.menu-list-items .menu-bar { height: auto; }
+.logo-center .mega-menu .drop-down, .logo-center .mega-menu .drop-down-tab-bar, .logo-center .mega-menu .drop-down-multilevel { top: auto; }
+.logo-center .mega-menu .menu-links > li > a { line-height: 72px; }
+.logo-center.header .search .search-btn { line-height: 72px; }
+.logo-center .search-cart i.icon { line-height: 72px; }
+.logo-center .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 60px; }
+.logo-center .mega-menu.desktopTopFixed .search .search-btn { line-height: 60px; }
+.logo-center .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 60px; }
+.logo-center .search .search-btn:before { top: inherit; transform: inherit; }
+.logo-center  .search-cart .shpping-cart { float: right; }
+
+.vertical-menu .mega-menu > section.menu-list-items .menu-bar { height: auto; }
+.vertical-menu .mega-menu > section.menu-list-items .menu-bar > ul > li { display: block; }
+.search-cart .side-menu-icon { display: table; float: left; height: 100%; }
+.side-menu-icon .menu-icon { position: relative; display: table-cell; vertical-align: middle; }
+
+.header.light .mega-menu { min-height: 90px; }
+
+}
+
+/*************************************
+   Slider (all home page main sliders )
+ **************************************/
+.rev-slider { overflow: hidden; position: relative; }
+ 
+
+ /*slider 10*/
+#rev_slider_14_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; } 
+ #rev_slider_14_1 .zeus .tp-bullet{box-sizing:content-box; -webkit-box-sizing:content-box; border-radius:60%;   background-color:rgba(255,255,255,0.5);   -webkit-transition:opacity 0.3s ease;   transition:opacity 0.3s ease;  width:14px;height:14px;  border:0px solid rgb(255,201,4)}#rev_slider_14_1 .zeus .tp-bullet:after{content:""; position:absolute; width:100%; height:100%; left:0; border-radius:60%; background-color:rgb(255,201,4); -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:-webkit-transform 0.3s ease; transition:transform 0.3s ease}#rev_slider_14_1 .zeus .tp-bullet:hover:after,#rev_slider_14_1 .zeus .tp-bullet.selected:after{-webkit-transform:scale(1.2); transform:scale(1.2)}#rev_slider_14_1 .zeus .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{width:135px; height:60px; position:absolute; background:#000; background:rgba(0,0,0,0.5); bottom:13px; margin-bottom:10px; transform:translateX(-50%); -webkit-transform:translateX(-50%); box-sizing:border-box; background-size:cover; background-position:center center; visibility:hidden; opacity:0;  -webkit-backface-visibility:hidden;  backface-visibility:hidden; -webkit-transform-origin:50% 50%;  transform-origin:50% 50%;   -webkit-transition:all 0.3s ease;   transition:all 0.3s ease; border-radius:4px}#rev_slider_14_1 .zeus .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease;   transition:all 0.5s ease; transform:translateX(-50%); -webkit-transform:translateX(-50%)}#rev_slider_14_1 .zeus .tp-bullet-title{color:rgb(255,255,255); text-align:center; line-height:15px; font-size:13px; font-weight:600;  z-index:3;  visibility:hidden; opacity:0;  -webkit-backface-visibility:hidden;  backface-visibility:hidden; -webkit-transform-origin:50% 50%;  transform-origin:50% 50%;   -webkit-transition:all 0.3s ease;   transition:all 0.3s ease; position:absolute; bottom:45px; width:135px;   vertical-align:middle}#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-imageoverlay{opacity:1;   visibility:visible;  -webkit-transform:translateY(0px) translateX(-50%);   transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{bottom:auto; margin-right:10px; margin-bottom:0px; right:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title{bottom:auto;   right:100%;   margin-right:10px}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-imageoverlay{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{bottom:auto; margin-left:10px; margin-bottom:0px; left:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title{bottom:auto;   left:100%;   margin-left:10px}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{bottom:auto; top:13px; margin-top:10px; margin-bottom:0px; left:0px; transform:translateY(0px) translateX(-50%); -webkit-transform:translateX(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet:hover .tp-bullet-image{transform:scale(1) translateY(0px) translateX(-50%); -webkit-transform:scale(1) translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateY(0px) translateX(-50%); -webkit-transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title{bottom:auto;   top:13px;   margin-top:20px}
+#rev_slider_14_1 .uranus.tparrows{width:50px; height:50px; background:rgba(255,255,255,0)}#rev_slider_14_1 .uranus.tparrows:before{width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s}#rev_slider_14_1 .uranus.tparrows:hover:before{opacity:0.75}
+
+
+/*************************************
+      slider-parallax one page
+**************************************/
+.slider-parallax { height: 86vh; position: relative; }
+.slider-content-middle { position: absolute; display: inline-block; width: 100%; top: 50%; left: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%);
+    -ms-transform: translate(0,-50%);-o-transform: translate(0,-50%); transform: translate(0,-50%); }
+/*scroll-down*/
+.scroll-down { text-align: center; width: 34px; height: 58px; display: inline-block; border-radius: 20px; border:2px solid #fff; position: absolute; left: 50%; bottom: 60px;
+margin-left: -17px; line-height: 50px; }
+.scroll-down i { height: 10px;  width: 4px; background: #fff; display: inline-block; border-radius: 3px; -webkit-animation-name:fadebounce;  -moz-animation-name:fadebounce; -ms-animation-name:fadebounce; -o-animation-name:fadebounce; animation-name:fadebounce; -webkit-animation-duration:3s; -moz-animation-duration:3s; -ms-animation-duration:3s; -o-animation-duration:3s;
+ animation-duration:3s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -o-animation-iteration-count:infinite;
+ animation-iteration-count:infinite; } 
+@-moz-keyframes fadebounce {
+0% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; }
+50% { -moz-transform:translateY(25px); transform:translateY(25px); opacity:1; }
+100% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; }
+}
+@-webkit-keyframes fadebounce {
+0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; }
+50% { -webkit-transform:translateY(25px); transform:translateY(25px); opacity:1; }
+100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; }
+}
+@-o-keyframes fadebounce {
+0% { -o-transform:translateY(0); transform:translateY(0); opacity:1; }
+50% {-o-transform:translateY(25px);transform:translateY(25px);opacity:1; }
+100% {-o-transform:translateY(0);transform:translateY(0);opacity:1; }
+}
+@-ms-keyframes fadebounce {
+0% { -ms-transform:translateY(0); transform:translateY(0); opacity:1; }
+50% {-ms-transform:translateY(25px);transform:translateY(25px);opacity:1; }
+100% {-ms-transform:translateY(0); transform:translateY(0); opacity:1; }
+}
+@keyframes fadebounce {
+0% { transform:translateY(0); opacity:1; }
+50% {transform:translateY(25px);opacity:1; }
+100% {transform:translateY(0);opacity:1; }
+}
+
+/*personal-typer-banner*/
+ .personal-typer-banner span.sub-text { font-size: 22px; line-height: 22px; margin-bottom: 16px; display: block; }
+ .personal-typer-banner b { border-bottom: 2px solid #5E9ECA; }
+ .personal-typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; color: #5E9ECA; }
+ .personal-typer-banner h1 span { color: #ffffff; font-size: 50px;  display: inline-block;  transform: rotate(-90deg); line-height: 50px; position: relative; top: -11px; left: -20px; }
+ .personal-typer-banner h2 { border-left: 3px solid #5E9ECA; padding-left: 10px; margin-top: 20px; }
+
+/*typer-banner*/
+.typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; }
+.typer-banner p { font-size: 22px; line-height: 22px; }
+.slider-content .typer { color: #5E9ECA !important; }
+
+/*popup-video-banner*/
+.popup-video-banner h1 { font-size:60px; line-height:80px; font-weight: 400; }
+.popup-video-banner a span{ margin-left: 6px; width: 50px; height: 50px; line-height: 50px; display: inline-block; text-align: center; background: #ffffff; color: #5E9ECA; border-radius: 50%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
+.popup-video-banner a:hover span { background: #5E9ECA; color: #ffffff; }
+.popup-video-banner a strong { padding-left:10px; display: inline-block; }
+ 
+ /*video-background-banner*/
+#video-background.bg-overlay-black-50:before { z-index: 0; }
+.video-background-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; text-transform: uppercase; }
+.video-background-banner .slider-content { border:20px solid #5E9ECA; width: 50%; margin: 0 auto; padding: 60px 30px; }
+.video-background-banner .slider-content span { font-size: 22px; line-height: 22px; color: #ffffff; display: block; margin-bottom: 20px; }
+.video-background-banner .slider-content p { font-size: 18px; line-height: 22px; color: #ffffff; margin-top: 20px; }
+
+/* portfolio-banner*/
+.portfolio-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; }
+.portfolio-banner .slider-content { background: #ffffff; width: 50%; margin: 0 auto; padding: 60px 30px; box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.02); }
+.portfolio-banner .slider-content span { text-transform: uppercase; letter-spacing: 10px; font-size: 18px; line-height: 18px;  display: block; margin-bottom: 20px; font-weight: 600; }
+.portfolio-banner .slider-content span i { line-height: 20px; }
+.portfolio-banner .slider-content h1 { font-size: 70px;  margin-bottom: 0; }
+  
+ /*************************************
+    			Background  
+ **************************************/
+/*images background*/
+ .white-bg { background: #fff; }
+ .gray-bg { background: #666; }
+ .dark-gray-bg { background: #666666; }
+ .theme-bg { background: #5E9ECA; }
+ .black-bg { background: #323232; }
+ .dark-theme-bg { background: #050801; }
+
+ .bg-overlay-black-10:before {  background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-20:before {  background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-30:before {  background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-40:before {  background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-50:before {  background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-60:before {  background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-70:before {  background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-80:before {  background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-90:before {  background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-10:before {  background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-20:before {  background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-30:before {  background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-40:before {  background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-50:before {  background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-60:before {  background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-70:before {  background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-80:before {  background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-90:before {  background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-theme-20:before {  background: rgba(132,186,63, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-theme-50:before {  background: rgba(132,186,63, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-theme-70:before {  background: rgba(132,186,63, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-theme-90:before {  background: rgba(132,186,63, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-10, .bg-overlay-black-20, .bg-overlay-black-30, .bg-overlay-black-40, .bg-overlay-black-50, .bg-overlay-black-60, .bg-overlay-black-70, .bg-overlay-black-80, .bg-overlay-black-90, .bg-overlay-white-10, .bg-overlay-white-20, .bg-overlay-white-30, .bg-overlay-white-40, .bg-overlay-white-50, .bg-overlay-white-60, .bg-overlay-white-70, .bg-overlay-white-80, .bg-overlay-white-90, .bg-overlay-theme-20, .bg-overlay-theme-50, .bg-overlay-theme-70, .bg-overlay-theme-90, { position: relative; }
+
+
+/*************************************
+        home page section
+ **************************************/
+.our-service-home  { padding-bottom: 230px; }
+.custom-content { margin-top: -220px; background: #5E9ECA;  position:  relative; z-index: 9; padding: 50px;} 
+
+/*************************************
+       decolines
+ **************************************/
+.decolines { pointer-events: none; position: absolute; width: 100%; height: 100%; top: 0;left: 0; pointer-events: none; }
+.decolines--fixed { position: fixed; width: 100vw;height: 100vh; }
+.decoline { position: absolute; }
+ 
+/*************************************
+   feature step  
+ **************************************/
+.feature-step h1 { font-size: 60px;  } 
+.feature-step h3 { font-weight: 300; margin: 30px 0px 20px; } 
+.feature-step a { font-size: 14px; color: #5E9ECA; } 
+.feature-step a:hover { color: #323232; }
+
+.feature-step-2-box { padding: 70px 30px; z-index: 99; position: relative; }
+.feature-step-2.bg-01 { background: url(../images/blog/05.jpg); background-repeat: no-repeat; background-size: cover; } 
+.feature-step-2.bg-02 { background: url(../images/blog/06.jpg); background-repeat: no-repeat; background-size: cover; } 
+.feature-step-2.bg-03 { background: url(../images/blog/09.jpg); background-repeat: no-repeat; background-size: cover; } 
+.feature-step-2.bg-overlay-black-50:before { z-index: 0; }
+.feature-step-2 .feature-step-2-title-left h1 { font-size: 75px; line-height: 60px; color: #ffffff; }
+.feature-step-2 h3 { margin-bottom: 0; }
+.feature-step-2 h2{font-weight: 200; position: relative; padding-bottom: 10px; font-size: 28px; }
+.feature-step-2 img {display: block; width: 100%;}
+.feature-step-2 .button { margin-top: 20px; }
+.feature-step-2 .feature-step-2-title-left {opacity: 0.5; display: table-cell; padding-right: 26px; }
+.feature-step-2-title-2-right { display: table-cell; vertical-align: top; }
+.feature-step-2.black-bg .feature-step-2-box, .feature-step-2.theme-bg .feature-step-2-box{position: inherit; top: inherit; transform: inherit; display: inline-block;}
+.service-blog { padding-top: 50px; padding-right: 25px; margin-bottom: 100px; }
+.service-blog p { position: relative; z-index: 9; margin-top: 20px; margin-bottom: 20px; }
+.service-blog b {position: absolute; z-index: 0; top: -35px; font-family: 'Poppins', sans-serif; right: -35px; font-size:300px; color: #dde1eb; line-height: normal; opacity: 0.3;}
+.service-blog ul { border-right: 6px solid #5E9ECA; padding-right: 20px; }
+.service-blog li { color: #626262; font-size: 16px; line-height: 22px; padding: 2px 0 7px; }
+.service-blog.left b{left:-35px; right: inherit;}
+.service-blog.left ul{border-left:6px solid #5E9ECA;border-right:0 none;padding-left:20px;padding-right:0;}
+/*split-section*/
+.split-section { position: relative; z-index: 10; }
+.split-section .img-holder { position: absolute; top: 0; width: 100%; height: 100%; }
+.split-section .img-side.img-right { right: 0; }
+.split-section .img-side.img-left { left: 0; }
+.split-section .img-side { right: 0; padding: 0; position: absolute!important;  top: 0px; height: 100%; overflow: hidden; z-index: 100; }
+ .our-awesome-core .img-side { top:  20px;  }
+
+ /*************************************
+         about us 
+ **************************************/
+.who-we-are-left .owl-carousel .owl-dots { bottom: 26px; position: absolute; }
+.who-we-are-left .owl-carousel.owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; border-radius: 50%; }
+
+ /*************************************
+         resume
+ **************************************/
+.resume-page .container-fluid { padding: 0 70px; }
+.resume-block .resume-icon { float: left; margin-right: 30px; }
+.resume-block .resume-icon span { font-size: 30px;  line-height: 50px; color: #5E9ECA; }
+.resume-block .resume-name { display: table-cell; }
+.resume-block .resume-name span { color: #9ea8b6; font-size: 16px; }
+.resume-contact #map { padding-top: 120%; }
+.resume-contact .contact-form-main { padding: 80px 80px; }
+.resume-contact .footer-widget-social a i { color: #ffffff; background: rgba(43, 43, 43, 0.12);  width: 45px; height: 45px; line-height: 45px; }
+.resume-contact .footer-widget-social a i:hover { background: rgba(43, 43, 43, 0.19); } 
+ 
+ /*************************************
+         portfolio 
+ *************************************/
+ .isotope-filters { display: table; margin:0px 0px 30px 0px; text-align: left; }
+.isotope-filters.text-left { display: block; margin: 0px 0px 30px 0px; text-align: left; }
+.isotope-filters  button { margin: 4px; cursor: pointer;  padding: 6.5px 16px; font-size: 14px; background: transparent; border-radius: 18px; color: #363636;     font-weight: 600;    border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
+.isotope-filters  button:focus { outline: none;  outline-style: none; outline-offset:0; }
+.isotope-filters  button.active, .isotope-filters  button:hover { background: #5E9ECA; color: #fff; border-color: #5E9ECA; }
+.isotope-filters  button+button { margin-left: px; background-color: #fff; } 
+.isotope, .masonry { margin: 0 -15px 0 0; }
+.isotope .grid-item img { width: 100%; }
+.isotope.columns-1 .grid-item { width: 100%; padding: 0 15px 15px 0; }
+.isotope.columns-2 .grid-item { width: 50%; padding: 0 15px 15px 0; }
+.isotope.columns-3 .grid-item { width: 33.33333333%; padding: 0 15px 15px 0; }
+.isotope.columns-4 .grid-item { width: 25%; padding: 0 15px 15px 0; }
+.isotope.columns-5 .grid-item { width: 20%; padding: 0 15px 15px 0; }
+.isotope.no-padding .grid-item { padding: 0 !important; }
+.masonry.no-padding .masonry-item { padding: 0 !important; }
+.masonry .masonry-item img { width: 100%; }
+.masonry.columns-2 .masonry-item { width: 50%; padding: 0 15px 15px 0; }
+.masonry.columns-3 .masonry-item { width: 33.33333333%; padding: 0 15px 15px 0; }
+.masonry.columns-4 .masonry-item { width: 25%; padding: 0 15px 15px 0; }
+.masonry.columns-5 .masonry-item { width: 20%; padding: 0 15px 15px 0; } 
+.isotope.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; }
+.isotope.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; }
+.isotope.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; }
+.isotope.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; }
+.masonry.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; }
+.masonry.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; }
+.masonry.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; }
+.masonry.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; }
+
+ /*************************************
+         portfolio  item
+ **************************************/
+.portfolio-title { padding: 100px 60px 30px; }
+.portfolio-title span { display: block; }
+.portfolio-item { width: 100%; position: relative;  overflow: hidden; color: #fff; border: 0; position: relative; }
+.portfolio-item img { width: 100%; -webkit-transition: -ms-transform 0.35s; -o-transform 0.35s; -moz-transform 0.35s; transition: transform 0.35s; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
+.portfolio-item .portfolio-overlay  { width: 100%; background: #5E9ECA; padding: 10px 0px; position: absolute;  bottom:-80px; display: block;  margin-top: 0; float: left; z-index: 9; text-align: left; padding-left: 20px; left: 0;  transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; }
+.portfolio-item .portfolio-overlay h4 { font-weight: 600; margin-bottom: 5px; }
+.portfolio-item .portfolio-overlay a:hover { color: #323232; }
+.portfolio-item .portfolio-overlay span { font-weight: 400; font-size: 14px; }
+.portfolio-item .portfolio-overlay span a { color: #ffffff; }
+.portfolio-item .portfolio-overlay span a:hover { color: #323232; }
+.portfolio-item a.popup{position: absolute; right: 20px; top: -20px; color: #fff; z-index: 9; display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 40px;  opacity: 0;  transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out;}
+.portfolio-item a.popup:hover { background: #5E9ECA; color: #ffffff; }
+.portfolio-item:hover img { -webkit-transform:scale(1.20);  -moz-transform:scale(1.20); -ms-transform:scale(1.20);  -o-transform:scale(1.20);  transform:scale(1.20); }
+.portfolio-item:hover a.popup{ opacity: 1; top: 20px; }
+.portfolio-item:before { content: ''; display: inline-block; width: 100%; height: 100%;  position: absolute; top: 0; left: 0; z-index: 1; background-size: 115%;
+    -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98);  -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.7s cubic-bezier(.68,.11,.13,.98);
+    -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
+.owl-carousel .owl-item .portfolio-item img { width: 100%; }
+ .portfolio-item.only-popup { width: 100%; text-align: center; }
+ .portfolio-item.only-popup a.popup { display: inline-block; left: 50%; margin-left: -20px;  position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } 
+.portfolio-item:hover .portfolio-overlay { bottom: 0; }
+/* no-title */
+.no-title .portfolio-item .portfolio-overlay { position: inherit; bottom: inherit; background: #f6f7f8;  }
+.no-title .portfolio-item .portfolio-overlay a, .no-title .portfolio-item .portfolio-overlay span { color: #323232; }
+.no-title .portfolio-item .portfolio-overlay a:hover { color: #5E9ECA; }
+ /*portfolio pupup*/
+ .mfp-bottom-bar { display: none; }
+.portfolio-home .isotope { margin-bottom: 0; }
+ 
+/*************************************
+             portfolio-item-2
+**************************************/ 
+.portfolio-item-2 { width: 100%; overflow: hidden; position: relative; }
+.portfolio-item-2:before { background: transparent; }
+.portfolio-item-2 .portfolio-hover { padding: 20px; position: absolute; z-index: 99; bottom: 0px; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; }
+.portfolio-item-2 .portfolio-hover .hover-name {  position: absolute; bottom: -10px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; }
+.portfolio-item-2 .portfolio-hover .hover-name span { font-size: 14px; color: #fff; display: block; }
+.portfolio-item-2 .portfolio-hover .hover-name a { font-size: 22px; text-transform: uppercase; color: #fff; display: block; margin-top: 5px; }
+.portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #5E9ECA; }
+.portfolio-item-2 .portfolio-hover .hover-icon { position: absolute; bottom: -10px; right: 30px; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out;  -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; }
+.portfolio-item-2 .portfolio-hover .hover-icon a { color: #fff; }
+.portfolio-item-2 .portfolio-hover .hover-icon a:hover { color: #5E9ECA; }
+.portfolio-item-2:hover .portfolio-hover { opacity: 1; background: rgba(0, 0, 0, 0.9); }
+.portfolio-item-2 img { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;  -o-transition: all 1s ease;  -ms-transition: all 1s ease; transition: all 1s ease; }
+.portfolio-item-2:hover img { opacity: 0.1; -webkit-transform:scale(1.10);  -moz-transform:scale(1.10); -ms-transform:scale(1.10);  -o-transform:scale(1.10);  transform:scale(1.10); }
+.portfolio-item-2:hover .portfolio-hover .hover-name { bottom: 30px; }
+.portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: 40px; }
+.no-title .portfolio-item-2 { overflow: visible; }
+.no-title .portfolio-item-2 .portfolio-hover { position: inherit; border: inherit; opacity: 1; background: #f6f7f8; clear: both; }
+.no-title .portfolio-item-2:hover .portfolio-hover { bottom: inherit; background: inherit; background: #f6f7f8; }
+.no-title .portfolio-item-2 .portfolio-hover .hover-name { bottom: inherit; position: inherit; display: inline-block; clear: both; }
+.no-title .portfolio-item-2 .portfolio-hover .hover-icon { bottom: inherit; position: inherit; display: inline-block; float: right; padding-top: 20px; text-align: right;}
+.no-title .portfolio-item-2:hover .portfolio-hover .hover-name { bottom: inherit; }
+.no-title .portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: inherit; }
+.no-title .portfolio-item-2:hover img { opacity: 1;  -webkit-transform:inherit;  -moz-transform:inherit; -ms-transform:inherit;  -o-transform:inherit;  transform:inherit; }
+.no-title .portfolio-item-2 .portfolio-hover .hover-icon a, .no-title .portfolio-item-2 .portfolio-hover .hover-name span, .no-title .portfolio-item-2 .portfolio-hover .hover-name a { color: #323232; }
+.no-title .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .no-title .portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #5E9ECA; }
+ 
+ /*************************************
+	    	   Portfolio single page
+**************************************/
+  /*tags*/
+.tags h5 { display: inline-block; padding-right: 20px; }
+.tags ul { display: inline-block; }
+.tags li { display: inline-block; }
+.tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; }
+.tags li a:hover { box-shadow: 	0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; }
+
+/*share*/
+.share .social ul { display: inline-block; }
+.share .social ul li { display: inline-block; padding: 0px 6px; }
+.share .social ul li a:hover { color: #353535; }
+
+/*port-meta*/
+.port-meta ul { margin-bottom: 30px; }
+.port-meta li { margin-bottom: 20px; font-size: 16px; }
+.port-meta li b {  color: #5E9ECA; width: 200px; font-weight: 400; width: 100px; display: inline-block; }
+.port-meta li span { font-weight: normal; }
+.port-info p { margin-bottom: 0px; }
+
+/*port-navigation*/
+.port-navigation { padding: 20px 0; border-bottom:1px dashed #d0d0d0; border-top: 1px dashed #d0d0d0;}
+.port-navigation a { color: #626262; }
+.port-arrow { height: 74px; width: 40px; text-align: center; background: #f7f7f7; display: inline-block;}
+.port-arrow i {  text-align: center; font-size: 25px; line-height: 75px;}
+.port-photo { width: 124px; height: 77px; display: inline-block; }
+.port-photo img { width: 100%; }
+
+/*port-post*/
+.port-post { background: #f7f7f7; padding: 15px; }
+.port-post-photo { width: 170px; display: inline-block; float: left; margin-right: 20px; }
+.port-post-photo img { width: 100%;  }
+
+/*port-post-info*/
+.port-post-info { padding-left: 190px;}
+.port-post-info h3 { display: inline-block; font-size: 24px;  }
+.port-post-info span { color: #626262; }
+.port-post-social strong { font-size: 14px; }
+.port-post-social a { color: #626262; margin-left: 8px; font-size: 14px; }
+.port-post-social a:hover { color: #5E9ECA; }
+.port-post-info p { margin-top: 10px; }
+.port-singal .owl-carousel .owl-item img { width: 100%; }
+
+/*************************************
+    		Our Blog 
+ **************************************/
+ /*Blog  1*/
+.blog-box { padding: 30px; border:1px solid #ddd; position: relative; z-index: 1; } 
+.blog-info { position: relative; z-index: 9; }
+.blog-info span { color: #626262; font-size: 14px; margin-right: 6px; }
+.blog-info h4 { font-weight: 600; font-size: 18px;} 
+.blog-box .post-format-icon{text-align: right; position: relative; z-index: 9}
+.blog-box .post-format-icon i { padding-right: 0; font-size: 35px;  color: #e1e1e1; } 
+.blog-info p { padding: 0px 0 10px; font-size: 14px; }
+.blog-box .post-category a { display: inline-block;    padding: 5px 15px;    font-size: 12px; text-transform: uppercase;    font-weight: 700;    border-radius: 50em;    color:#fff;   background-color: #5E9ECA;    -webkit-transition: all 0.3s ease;    -moz-transition: ll 0.3s ease;    transition: all 0.3s ease; margin-bottom: 20px;}
+a.blog-btn { text-align: center; font-size: 14px; color: #5E9ECA; display: block; padding-bottom: 12px; position: relative; z-index: 1; }
+a.blog-btn i {  margin-left: 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
+.blog-box .border { position: absolute; background: #5E9ECA; height: 0px; bottom: 0; left: 0; z-index: 0; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;  }
+.blog-box .blog-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background-size: cover; background-position: center center; }
+.blog-box:hover .blog-box-img, .blog-box.active .blog-box-img { opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } 
+.blog-1:hover h4, .blog-1:hover i, .blog-1:hover span, .blog-1:hover p, .blog-1:hover a.blog-btn, .blog-1.active h4, .blog-1.active i, .blog-1.active span, .blog-1.active p, .blog-1.active a.blog-btn,.blog-1:hover .post-category a,.blog-1:hover .post-format-icon i,.blog-1.active .post-category a,.blog-1.active .post-format-icon i { color: #fff; } 
+.blog-box:hover .blog-box-img:before, .blog-box.active .blog-box-img:before { background: rgba(0, 0, 0, 0.6); color: #fff; content: ""; display: inline-block; height: 100%;
+  left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
+.blog-box.blog-2 {padding: 0; position: relative; border:none; transition: all 0.5s ease 0s; height: 100%; }
+.blog-box.blog-2 .blog-info{background: #ffffff; padding: 30px;}
+.blog-box.blog-2.gray-bg .blog-info {background: #f7f7f7;  }
+.blog-box.blog-2 .blog-box-img{opacity: 1;}
+.blog-box.blog-2 .post-format-icon{position: absolute; right: 30px; top: 30px;}
+.blog-box.blog-2 .button.icon-color{text-transform: capitalize; float: right;}
+.blog-box.blog-2:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);}
+.blog-box.blog-2.gray-bg:hover { box-shadow: none;}
+.blog-box.blog-2.transparent .blog-info { background: transparent; padding: 30px 0; }
+.blog-box.blog-2.transparent .blog-info span { color: #ffffff; }
+
+
+/***************************
+         blog 
+***************************/
+.blog-entry { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
+.blog-entry:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); }
+.blog-entry .entry-image img { width: 100%; }
+.blog-entry .blog-detail { background: #ffffff; padding: 30px; border-top: 0px; }
+.blog-entry .blog-detail .entry-title a { font-size: 22px; font-weight: 600; line-height: 24px; color: #353535; line-height: 28px; }
+.blog-entry .blog-detail .entry-title a:hover { color: #5E9ECA; }
+.blog-entry .entry-meta ul li { display: inline-block; margin-right: 12px; }
+.blog-entry .entry-meta ul li i { color: #5E9ECA; padding-right: 6px; }
+.blog-entry .entry-meta ul li a { color: #353535; line-height: 0px; padding-right: 5px; }
+.blog-entry .entry-meta ul li a i { padding-right: 6px; color: #5E9ECA; }
+.blog-entry .entry-meta ul li a:hover { color: #5E9ECA; }
+.blog-entry .social strong { display: inline-block; margin-right: 10px; }
+.blog-entry .entry-button { display: inline-block;}
+.blog-entry .social ul { display: inline-block; }
+.blog-entry .social ul li { display: inline-block; padding: 0px 6px; }
+.blog-entry .social ul li a:hover { color: #353535; }
+.blog-entry .entry-share { margin-top: 20px; display: block; }
+
+/*blog-entry blockquote*/
+.blog-entry.blockquote { background: #5E9ECA; border: 0px; padding: 36px 30px; }
+.blog-entry.blockquote blockquote { background: #5E9ECA; border-left: 0px; color: #ffffff; padding: 0px; position: relative; margin-top: 0 !important; padding-top: 60px; }
+.blog-entry.blockquote blockquote:before { content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #ffffff; position: absolute; left: 0px; top: -20px; }
+.blog-entry.blockquote .blog-detail { border: 0px; background: #5E9ECA; padding: 0px; }
+.blog-entry.blockquote .blog-detail .entry-title a { color: #ffffff; }
+.blog-entry.blockquote .blog-detail .entry-title a:hover { color: #323232; }
+.blog-entry.blockquote .social ul li a { color: #ffffff; }
+.blog-entry.blockquote .social ul li a:hover { color: #323232; }
+.blog-entry.blockquote .entry-meta ul li a { color: #ffffff; }
+.blog-entry.blockquote .entry-meta ul li i { color: #ffffff; }
+.blog-entry.blockquote .entry-meta ul li a i { color: #ffffff !important; }
+.blog-entry.blockquote .entry-meta ul li a:hover { color: #323232; }
+.blog-entry.blockquote .button.arrow.white:hover { color: #323232; } 
+
+/*video vimeo and youtube*/
+.js-video { height: 0; padding-top: 25px; padding-bottom: 54%; position: relative; overflow: hidden; }
+.js-video.widescreen { padding-bottom: 34.34%; }
+.js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: none; }
+.js-video.big { padding-top: 30px; }
+
+.blog-entry .grid-post li { float: left; width: 50%; border-right: 4px solid #fff; border-bottom: 4px solid #fff; list-style: none; }
+.blog-entry .grid-post li img { width: 100%;  }
+.blog-entry .grid-post li .portfolio-item { width: 100%; }
+ 
+ /*blog-entry-audio*/
+ .blog-entry .blog-entry-audio { padding: 136px 20px; background: url(../images/blog/04.jpg) no-repeat; background-position: center center; background-size: cover; }
+
+ /*blog pages*/
+ /*blog-grid-3-column*/
+ .blog-grid-3-column .blog-entry .blog-entry-audio { padding: 63px 20px; }
+ .blog-grid-2-sidebar .blog-entry .blog-entry-audio { padding: 96px 20px; }
+  
+/*************************************
+      our services
+**************************************/
+.service-image-holder { position: relative; height: 496px; }
+.service-image-holder .section-title-2 { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; }  
+.services-text-box { background:#fff; padding: 10% 15%;}
+.services-text-box-black { background:#363636; padding: 80px 50px !important; }
+.services-text-box-green { background:#5E9ECA; padding: 80px 50px !important; }
+
+/*************************************
+	    	creativity
+**************************************/
+.creativity h1 { line-height: 65px; text-transform: uppercase; font-size: 50px;	font-weight: bold; }
+.creativity p { font-size: 30px; }
+.creativity .button { display: inline-block; float: none; }
+ .contact-map iframe { width: 100%; height: 100%; }
+#formmessage {display: none;}
+.contact-form .section-field { position: relative; width: 31.3%; margin-right: 3%; float: left; }
+.contact-form .section-field:nth-child(3) { margin-right: 0px; }
+.contact-form .section-field:nth-child(6) { margin-right: 0px; }
+.contact-box.contact-box-top { margin-top: -1px; position: relative; }
+.touch-in .contact-box {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); display: inline-block; margin-bottom: 0; padding: 60px 20px; width: 100%;}
+.contact-box i { background: #5E9ECA; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 5px; font-size: 34px; color: #ffffff; display: inline-block;}
+.contact-form .form-control {position: relative; width: 100%; margin-bottom: 20px; }
+.section-field.textarea{width: 100%;}
+.g-recaptcha.section-field {width: 100%; margin-bottom: 20px; }
+.contact-form textarea.form-control {width: 100%; }
+.contact-box .contact-icon { display: table-cell; padding-right: 20px; }
+.contact-box .contact-icon i { background: transparent; line-height: normal; font-size: 34px; height: auto; width: auto;}
+.contact-box.theme-bg .contact-icon i{color: #ffffff !important;}
+.contact-box .contact-info { display: table-cell; vertical-align: top; padding: 0; background: none;} 
+.contact-2 .addresss-info p, .contact-2 .addresss-info i, .contact-2 .addresss-info li{color: #ffffff;}
+.contact-2 .contact-add{padding: 80px 0}
+.contact-2 .contact-add i{font-size: 40px;}
+.contact-3 #map { padding-top: 101%; }
+.contact-2 #map { padding-top: 100%; }
+.map-side { left: 0; overflow: hidden; padding: 0; position: absolute; top: 0; z-index: 9;}
+.map-side.map-right {left: auto; right: 0;}
+.contact-3 .contact-add{padding: 80px 20px; }
+.contact-3 .contact-add i{font-size: 40px; color: #5E9ECA;}
+.contact-3 .contact-form .section-field {width: 100%;}
+.contact-social ul li { display: inline-block; }
+.contact-social ul li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #323232; background: #eceff8; font-size: 14px; border-radius: 3px; margin-right: 5px; }
+.contact-social ul li a:hover { background: #353535 !important; color: #fff;}
+.contact-3 .theme-bg.contact-add i{color: #ffffff !important;}
+.footer #logo-footer { height: 30px; }
+.footer-contact .footer-nav ul li a { color: #353535; }
+.footer-contact .footer-nav ul li a:hover { color: #2046f2; }
+.footer-contact .contact-box .contact-icon i { background: transparent; color: #5E9ECA; margin-bottom: 10px; }
+.footer.footer-topbar hr { border-color: #d9d9d9; }
+.footer-contact .social ul { background: #f6f7f8; }
+.footer-contact .social ul li a i { color: #353535; }
+.footer-contact .social ul li a i:hover { color: #2046f2; }
+.footer-contact .usefull-link ul li a { color: #353535; }
+.footer-contact .usefull-link ul li a:hover { color: #2046f2; }
+.footer-contact { box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); margin-bottom: 80px; margin-top: -220px; padding: 60px 0; }
+.footer-contact .contact-box { text-align: center; }
+.footer-contact .contact-box .contact-icon { display: block; padding-right: 0; color: #2046f2; }
+.footer-contact .contact-box .contact-info { display: block; background: none; padding: 0; width: 100%;}
+.footer-contact .contact-box .contact-info .section-title { margin-bottom: 0px; }
+.footer-contact .contact-box .contact-info h5 { color: #353535; }
+.our-clients.theme-bg{padding: 60px 0 170px;}
+.footer-Newsletter .form-control::-moz-placeholder { color: rgba(255,255,255,0.5); }
+.footer-Newsletter .form-control::-ms-input-placeholder { color: rgba(255,255,255,0.5); }
+.footer-Newsletter .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.5); }
+
+/*************************************
+    		Our History
+**************************************/
+ .history-main { width: 100%; }
+ .liner { background: #fff; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: 96%; z-index: 1; position: relative; } 
+ .liner i { position: absolute; right: -2px; top: -9px; color: #fff; }
+ .history-content { list-style: outside none none; padding: 125px 0; width: auto; }
+ .history-1 { position: relative; left: 45px; }
+ .history-2 { position: relative; margin-left: 30%; }
+ .history-3 { position: relative; margin-left:58%; }
+ .history-4{ position: relative; margin-left: 95%; }
+ .history-line { background: #fff; height: 60px; left: 3px; position: absolute; top: -75px; width: 2px; z-index: 9; }
+ .history-time-lin { position: relative; top: 10px; z-index: 2; }
+ .history-time-lin:before { bottom: 0; }
+ .history-time-lin:before { background: #fff; border-radius: 50%; content: ""; height: 20px; left: -5px; position: absolute; width: 20px; z-index: 1; }
+ .history-time-lin:after { border:2px solid #fff; background: #000; border-radius: 50%; content: ""; height: 30px; left: -5px; position: absolute; width: 30px; }
+ .history-time-lin:after { left: -10px; top: -25px; }
+ .history-item { left: -20px; position: absolute;  top: -125px; }
+ .history-item a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align:  center; display:block; } 
+ .history-5 { position: relative; margin-left: 15%; }
+ .history-6 { position: relative; margin-left: 53%; }
+ .history-7 { position: relative; margin-left:78%; }
+ .history-line-2 { background: #fff none repeat scroll 0 0; height: 60px; left: 3px; position: absolute; top: 15px; width: 2px; z-index: 9; }
+ .history-item-2 { left: -20px; position: absolute; top: 75px; }
+ .history-item-2 a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; }
+ /*Our History */
+.our-history .timeline { list-style: none; padding: 20px 0 20px; position: relative; }
+.our-history .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 2px; background-color: #e6e6e6; left: 50%; margin-left: -0.5px; }
+.our-history .timeline > li { margin-bottom: 20px; position: relative; }
+.our-history .timeline > li:before,
+.our-history .timeline > li:after { content: " "; display: table; }
+.our-history .timeline > li:after { clear: both; }
+.our-history .timeline > li:before,
+.our-history .timeline > li:after { content: " "; display: table; }
+.our-history .timeline > li:after { clear: both;}
+.our-history .timeline > li > .timeline-panel { width: 46%; float: left; padding: 15px 00px 25px 00px; position: relative; }
+.our-history .timeline > li > .timeline-panel:before { position: absolute; top: 23px; right: -25px; display: inline-block; width: 25px; height: 2px; background: #e6e6e6; content: " "; }
+.our-history .timeline > li > .timeline-badge { color: #fff; width: 18px; height: 18px; line-height: 10px; font-size: 0.7em; text-align: center; position: absolute; top: 16px; left: 50%;
+  border:3px solid #5E9ECA; margin-left: -9px; background-color: #fff; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0 0 0 5px #f6f6f6; }
+.our-history .timeline > li.timeline-inverted > .timeline-panel {  float: right;}
+.our-history .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -25px; right: auto; }
+.our-history .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
+ .our-history .timeline-body > p,
+.our-history .timeline-body > ul { margin-bottom: 0; }
+.our-history .timeline-body > p + p  margin-top: 5px; 
+.our-history .timeline > li { text-align: right;}
+.our-history .timeline > li.timeline-inverted { text-align: left;}
+.our-history .timeline .timeline-arrow { position: absolute; width: 100%; left: 0.5px; right: 0; text-align: center; color: #e6e6e6; bottom: -29px; }
+.our-history .timeline > li > .timeline-badge p{width: 200px; margin-top: -9px; margin-left: 25px;font-size: 17px; font-weight: bold; text-align: left;}
+.our-history .timeline > li.timeline-inverted .timeline-badge p{text-align: right; float: right; margin-right: 25px;}
+
+/*************************************
+           our-service objects 
+**************************************/
+.our-service { position: relative; padding-bottom: 280px; z-index: 1; }
+.objects-left { position: absolute; height: 100%; width: 100%; left: 0; top: 80px; z-index: -1; }
+.objects-left .objects-1 { position: absolute; left: 50px; top: 0; }
+.objects-left .objects-2 { position: absolute; left: 100px; bottom: 170px; }
+.objects-left .objects-3 { position: absolute; left: 50%; bottom: 150px; margin-left: -150px; }
+.objects-right { position: absolute; height: 100%; width: 100%; right: 0; top:80px; z-index: -1; }
+.objects-right .objects-4 { position: absolute; right: 0px; top: 0; }
+.objects-right .objects-5 { position: absolute; right: 0px; bottom: 170px; }
+.objects-right .objects-bottom { position: absolute; right: 0px; bottom: 0; }
+
+/*************************************
+         sidebar
+**************************************/
+.sidebar-widget p { margin-bottom: 0px; }
+/*.widget-search */
+.widget-search { position: relative; }
+.widget-search input { padding-right: 30px; color: #353535; box-shadow: none; background: #f6f7f8; }
+.widget-search i { position: absolute; right: 0px; padding: 16px 22px; font-size: 14px; color: #626262; cursor: pointer;  }
+.widget-search input:focus { border-color: #5E9ECA; } 
+ 
+/*Recent Posts*/
+.sidebar-widget .recent-post { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding-bottom: 20px; margin-bottom: 20px; }
+.sidebar-widget .recent-post .recent-post-image { float: left; margin-right: 15px; }
+.sidebar-widget .recent-post .recent-post-image img { width: 50px; height: 50px; border-radius: 50%; }
+.sidebar-widget .recent-post .recent-post-info { overflow: hidden; }
+.sidebar-widget .recent-post .recent-post-info a  { display: block; margin-bottom: 5px; color: #323232; }
+.sidebar-widget .recent-post .recent-post-info a:hover { color: #5E9ECA; }
+.sidebar-widget .recent-post .recent-post-info span { color: #5E9ECA; font-style: italic; font-size: 14px; }
+.sidebar-widget .recent-post .recent-post-info span i { padding-right: 10px; }
+.sidebar-widget .recent-post:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
+
+/*widget-archives*/ 
+.sidebar-widget .widget-categories li { display: block; margin-bottom: 6px; }
+.sidebar-widget .widget-categories li a { font-size: 14px; color: #626262; line-height: 32px; display: block; }
+.sidebar-widget .widget-categories li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 10px; width: 20px; height: 20px; text-align: center; }
+.sidebar-widget .widget-categories li a:hover { color: #5E9ECA; }
+.sidebar-widget .widget-categories li a:hover i { border-color: #5E9ECA; color: #5E9ECA; }
+
+/*widget-link*/
+.sidebar-widget .widget-link li { display: block; margin-bottom: 6px; }
+.sidebar-widget .widget-link li a { font-size: 14px; color: #626262; line-height: 32px; display: block; }
+.sidebar-widget .widget-link li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 20px; width: 20px; height: 20px; text-align: center; }
+.sidebar-widget .widget-link li a:hover { color: #5E9ECA; }
+ 
+/*tags*/
+.sidebar-widget .widget-tags li { display: inline-block; }
+.sidebar-widget .widget-tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; }
+.sidebar-widget .widget-tags li a:hover { box-shadow: 	0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; }
+
+/*widget-testimonial*/
+.sidebar-widget .testimonial-widget .testimonial-content { background: #f6f7f8; padding: 20px; font-style: italic; border-radius: 5px; position: relative; }
+.sidebar-widget .testimonial-widget .testimonial-content:before {  position: absolute; content: ""; bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px;
+border-color: #f6f7f8 transparent transparent transparent; }
+.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar { display: table-cell; padding-right: 20px;  }
+.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar img { width: 50px; height: 50px; border-radius: 50%; }
+.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name { display: table-cell;  vertical-align: top; }
+.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name span { display: block; font-style: italic; font-size: 14px; }
+.sidebar-widget .testimonial-widget .testimonial-info:before { display: none; }
+
+/*widget-gallery*/
+.sidebar-widget .widget-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; }
+
+/*widget-newsletter*/
+.sidebar-widget .widget-newsletter { background: #f6f7f8; padding: 30px; position: relative; z-index: 9; overflow: hidden; }
+.sidebar-widget .widget-newsletter .newsletter-icon { position: absolute; right: 0; top: -16px; }
+.sidebar-widget .widget-newsletter .newsletter-icon i { font-size: 100px; z-index: 0; color: rgba(0, 0, 0, 0.05); }
+.sidebar-widget .widget-newsletter .form-control {  background: #ffffff; box-shadow: none; }
+
+/*widget-clients*/
+.sidebar-widget .widget-clients .item { background: #f6f7f8; padding: 30px 30px; }
+
+/*opening-time*/
+ .opening-time ul li { font-size: 14px; line-height: 20px; color: rgba(255,255,255,0.5); border-bottom: 1px solid #262626; padding-bottom: 14px; margin-bottom: 14px; }
+ .opening-time ul li:last-child { border-bottom: 0; }
+
+/*************************************
+	    	About me
+**************************************/
+.about-me .custom-content { margin-top: 0px; }
+.about-me .maintenance-progress-bar { margin: 0; }
+.about-me .maintenance-progress-bar .progress-bar { margin: 0 44px;  }
+.maintenance-progress-bar .progress-bar .rotate { background: #5E9ECA !important; }
+.maintenance-progress-bar .progress-bar .right { background: #5E9ECA !important; }
+.about-me .portfolio-item { width: 100%;}
+.about-me .contact-me p { color: #363636; margin: 15px 0; display: table; }
+.about-me .contact-me i { float: left; color: #5E9ECA; margin-right: 15px; line-height: 23px; width: 20px; }
+.about-me .follow-me ul { margin-top: 20px; }
+.about-me .follow-me li { display: inline-block; }
+.about-me .follow-me li a { background: #e4e4e4; color: #5E9ECA; border-radius: 3px; display: block; width: 35px; height: 35px; line-height: 35px; margin-right: 2px; text-align: center; font-size: 16px; }
+.about-me .follow-me li a:hover { background: #5E9ECA; color: #fff; }
+
+/*************************************
+	    	   Team 1 page
+**************************************/
+/*team-details*/
+ .team-details .social{display:table;float:right;}
+.team-details .social li a { background:#f7f7f7 none repeat scroll 0 0;border-radius:3px;color:#5E9ECA;display:block;font-size:15px;height:35px;line-height:35px;margin-left:0px;text-align:center;width:35px; }
+.team-details .social li a:hover { background: #5E9ECA; color: #ffffff; }
+.team-details .info i{color:#f7f7f7;font-size:126px;left:0;position:absolute;z-index:0;}
+.team-details .info p{font-size:16px;font-style:italic;line-height:28px;padding-left:64px;position:relative;z-index:9;}
+ 
+/*************************************
+	    	   blog page
+**************************************/ 
+ .owl-carousel img { width: 100%; }
+/*pagination-nav*/
+.pagination { margin:0px; }
+.pagination li a { font-size: 15px; font-weight: 500; margin: 0 5px; color: #626262; border-radius: 50%; }
+.pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 50%; }
+.pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 50%; }
+.pagination>.active>a, .pagination>.active>a:hover { color: #626262; }
+.pagination > li > a, .pagination > li > span { width: 44px; height: 44px; line-height: 44px; background: #f6f7f8; border:0px; padding: 0; text-align: center; }
+.pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover  {  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background-color:#5E9ECA; color: #ffffff;}
+.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color:#5E9ECA; color: #ffffff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); }
+.dataTables_paginate li.paginate_button.previous a, .dataTables_paginate li.paginate_button.next a { width: inherit; height: inherit; background: transparent !important; color: inherit !important;  box-shadow: none !important; }
+ /*timeline blog*/
+.blog .timeline { list-style: none;  padding: 20px 0 20px;  position: relative; }
+.blog .timeline:before { top: 0; bottom: 0; position: absolute; content: " ";  width: 4px;  background-color: #f7f7f7;  left: 50%;  margin-left: -1.5px; }
+.blog .timeline > li { margin-bottom: 20px; position: relative; width: 46%; float: left; clear: left; }
+.blog .timeline > li:before,
+.blog .timeline > li:after { content: " "; display: table; }
+.blog .timeline > li:after { clear: both; }
+.blog .timeline > li:before,
+.blog .timeline > li:after { content: " "; display: table; }
+.blog .timeline > li:after { clear: both; }
+.blog .timeline > li > .timeline-panel { width: 95%; float: left; border: 1px solid #d4d4d4; /*border-radius: 2px;*/ /*padding: 20px;*/ position: relative; border:1px solid #f7f7f7;
+  padding: 20px;  transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
+.blog .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #f7f7f7;
+  border-right: 0 solid #f7f7f7; border-bottom: 15px solid transparent; content: " "; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
+.blog .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff;
+  border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; }
+.blog .timeline > li > .timeline-badge { color: #fff; width: 54px; height: 54px; line-height: 18px; padding: 6px; font-size: 22px; border:4px solid #f7f7f7; background: #fff;
+  border-radius: 50%; text-align: center; font-weight: bold; position: absolute; color: #f7f7f7; top: 16px; right: -73px; /*z-index: 100;*/ }
+.blog .timeline > li > .timeline-badge span { font-size: 13px; font-weight: normal; display: block; }
+.blog .timeline > li.timeline-inverted > .timeline-panel { float: right; }
+.blog .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
+.blog .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
+.blog .timeline-title {  margin-top: 0; color: inherit; }
+.blog .timeline-body > p,
+.blog .timeline-body > ul { padding:20px;  margin-bottom: 0; }
+.blog .timeline-body > p + p { margin-top: 5px; }
+.blog .timeline-footer { padding:20px; background-color:#f4f4f4; }
+.blog .timeline-footer > a { cursor: pointer; text-decoration: none; }
+.blog .timeline > li.timeline-inverted { float: right; clear: right; margin-top: 30px; margin-bottom:    0px; }
+.blog .timeline > li:nth-child(2){ margin-top: 60px; }
+.blog .timeline > li:nth-child(3){ margin-top: 60px; }
+.blog .timeline .entry-title i { font-size: 24px;}
+.blog .timeline-inverted .timeline-badge { margin-top: 70px}
+.blog .timeline li.timeline-inverted .timeline-panel:after { top: 98px; }
+.blog .timeline li.timeline-inverted .timeline-panel:before { top: 97px; }
+.blog .timeline > li.timeline-inverted > .timeline-badge { left: -73px; }
+.blog .timeline li.entry-date { top: 0; left: 0; position: absolute; right: 0; text-align: center; width: 100%; }
+.blog .timeline li.entry-date span { background: #f7f7f7; color: #363636; font-size: 16px; font-weight: 400; text-transform: capitalize; padding: 10px 25px;border-radius: 30px;}
+.blog .timeline li.entry-date-bottom { bottom: -30px; left: 0; position: absolute; right: 0; text-align: center; width: 100%; }
+.blog .timeline li.entry-date-bottom a {  background: #f7f7f7; padding: 7px 10px; color: #363636; font-size: 16px; padding: 10px 25px; border-radius: 30px; }
+.blog .timeline li.entry-date-bottom a:hover {  background: #5E9ECA; color: #fff; }
+.blog .timeline li:hover .timeline-panel { border-color: #5E9ECA; }
+.blog .timeline li:hover .timeline-badge a { color: #fff; }
+.blog .timeline li:hover .timeline-badge{ background: #5E9ECA; border-color: #5E9ECA;  }
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #5E9ECA; border-right-color: #5E9ECA; }
+.blog .blog.timeline .entry-quote p { font-size: 16px; }
+/* blog 2 column masonry left sidebar */
+.blog.timeline-sidebar .timeline > li { width: 89%; }
+.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 50%;}
+.blog.timeline-sidebar .timeline:before { left: 54px; }
+.blog.timeline-sidebar .timeline li.entry-date { text-align: left;}
+.blog.timeline-sidebar .timeline li.entry-date-bottom { text-align: left;}
+.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -66px; }
+.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 0px; }
+.blog.timeline-sidebar .timeline > li:nth-child(3) { margin-top: 30px; 	}
+.blog.timeline-sidebar .timeline li.entry-date { top: 3px; }
+.blog.timeline-sidebar .timeline li.entry-date span { font-size: 14px; padding: 10px 25px; }
+.blog.timeline-sidebar .timeline li.entry-date-bottom {  bottom: -48px; }
+.blog.timeline-sidebar .timeline li.entry-date-bottom a { font-size: 14px; padding: 10px 25px; }
+.blog.timeline-sidebar .timeline li .share ul li { width: auto; }
+
+/*blog-single*/
+.blog-single .blog-entry { box-shadow: none; }
+.blog-single .blog-entry .blog-detail { padding: 0; margin-top: 20px; }
+
+.blog-single .blockquote { font-style: italic;  line-height: 30px; background: #f6f7f8 !important;  }
+.blog-single .blog-entry.blockquote blockquote { background: #f6f7f8;color: #626262;  }
+.blog-single .blog-entry.blockquote blockquote cite {  color: #5E9ECA; }
+.blog-single .entry-share .tags { display: inline-block; } 
+.blog-single .blog-entry.blockquote blockquote:before { color: #323232; top: 20px; }
+
+/*blog-comments*/
+.comments-1 .comments-photo { width: 106px; height: auto; float: left; border:5px solid #f7f7f7; margin-right: 20px; }
+.comments-1 .comments-photo img { width: 100%; }
+.comments-1 .comments-info { display: table; background: #f7f7f7; padding: 20px; margin-bottom: 20px; }
+.comments-1 .comments-info h4 { display: inline-block; } 
+.comments-1 .comments-info span { font-size: 13px; color: #626262; } 
+.comments-1 .comments-info a { color: #5E9ECA; }
+.comments-1 .comments-info a:hover { color: #363636; }
+.comments-1.comments-2 { padding-left: 127px; }
+.comments-1.comments-2 .comments-info { background: #fff; margin-bottom: 0px; padding: 20px 20px 10px; }
+ 
+/*************************************
+	    	 error 404
+**************************************/ 
+.error-block { position: relative; z-index: 9; padding: 20px 0  130px 0px; }
+.error-block .error-text { position: absolute; text-align: center; left: 0; right: 0; z-index: -1; }
+.error-block .error-text h2 {   font-size: 420px; line-height: 300px; color: rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0;  }
+.error-block .error-text  span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 134px; line-height: 100px; color: rgba(0, 0, 0, 0.1); font-weight: bold; }
+.error-block h1 { font-size: 87px; padding-top: 110px; }
+.error-block p { font-size: 33px; }
+
+.error-text-02 { position: relative; text-align: center;  }
+.error-text-02 h2 {   font-size: 420px; line-height: 300px; color: rgba(255, 255, 255, 0.2); position: relative; left: -70px; top: 0;  }
+.error-text-02  span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 117px; line-height: 100px; color: rgba(255, 255, 255, 0.2); font-weight: bold; }
+.error-middle { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; }
+
+
+/*************************************
+	    	    coming soon 
+**************************************/  
+.coming-soon { background: transparent;  }
+.coming-soon-countdown ul.countdown { list-style: none; margin: 75px 0; padding: 0;  display: block; text-align: center; }
+.coming-soon-countdown ul.countdown li { display: inline-block; width: 24%; }
+.coming-soon-countdown ul.countdown li span { font-size: 90px; font-weight: bold; line-height: 80px; color: #5E9ECA; }
+.coming-soon-countdown ul.countdown li p { color: #626262; font-size: 20px; text-transform: capitalize; margin-bottom: 30px; }
+.coming-soon .coming-soon-form input { color: #626262; }
+.coming-soon-form` input { width: 50%; color: #fff; display: block; margin: 0 auto; }  
+.coming-soon-form.contact-form input { width: 50%; display: block; margin: 0 auto; }  
+.coming-soon-middle { padding: 100px; display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; }
+
+/*************************************
+	    	 Register 
+**************************************/ 
+.register-form .section-field { display: block; }
+.register-form .field-widget { position: relative; }
+.register-form .field-widget input { width: 100%; margin-bottom: 20px; padding-left: 30px; }
+.register-form .field-widget select { width: 100%; margin-bottom: 20px; padding-left: 15px; }
+.register-form .field-widget  input.gui-input { padding-left: 140px;}
+.register-form .field-widget .button { background: #666; height: 46px; left: 0; margin: 2px; position: absolute; text-align: center; top: 0; width: 115px; border:0; }
+.register-form .nice-select { float: none; margin-bottom: 20px; background: #f6f7f8; border:0; } 
+.remember-checkbox a {color: #5E9ECA; }
+.remember-checkbox label { position: relative; padding-left: 30px; font-size: 14px;	cursor: pointer;}
+.remember-checkbox label:before, label:after { font-family: FontAwesome; font-size: 17px; position: absolute; top: -3px; left: 0; padding-left: 2px; border-radius: 6px; }
+.remember-checkbox label:before { border: 2px solid #5E9ECA; content: ""; height: 20px; margin-top: 3px; width: 20px; }
+.remember-checkbox label:after { content: '\f00c'; max-width: 0; overflow: hidden; opacity: 0.5; transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; }
+.remember-checkbox input[type="checkbox"] { display: none; }
+.remember-checkbox input[type="checkbox"]:checked + label:after { max-width: 25px; opacity: 1;  }
+/*all id*/
+#one+label:before, #one+label:after {color: #5E9ECA;}
+#two+label:before, #two+label:after {color: #5E9ECA;}
+#three+label:before, #three+label:after {color: hsl(120, 45%, 40%); }
+#four+label:before, #four+label:after {color: hsl(180, 45%, 40%); }
+#five+label:before, #five+label:after {color: hsl(240, 45%, 40%); }
+#six+label:before, #six+label:after {color: hsl(300, 45%, 40%); }
+  
+/*************************************
+	    	 Login 
+**************************************/ 
+.full-height-bg { height: 100vh; }
+/*login-2-social*/
+.login-social li { display: inline-block; margin: 2px 0px; }
+.login-social li a { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
+.login-social li a.fb { display: block;  padding: 12px 20px; color: #fff; font-size: 14px; background: #4c70ad; border-radius:30px; }
+.login-social li a.twitter { display: block;  padding: 12px 20px; color: #fff; font-size: 14px; background: #25b6e6; border-radius:30px; }
+.login-social li a.pinterest { display: block;  padding: 12px 20px; color: #fff; font-size: 14px; background: #dd4b39; border-radius:30px; }
+.login-social li i { border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px;  }
+.login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover  { background: #5E9ECA; } 
+
+/*login 02*/
+.section-transparent { background: transparent; }
+.login-bg  { background: #ffffff; border-radius: 10px; }
+.login-bg .login-title { background: #5E9ECA; padding: 30px; border-radius: 10px 10px 0 0; }
+.login-bg .login-form { padding: 40px 30px; }
+.login-bg .login-social { padding: 30px; background: #f6f7f8; border-radius: 0 0 10px 10px; }
+
+/*login 02*/
+.register-bg  { background: #ffffff; border-radius: 10px; }
+.register-bg .register-title { background: #5E9ECA; padding: 30px; border-radius: 10px 10px 0 0; }
+.register-bg .register-form { padding: 30px 30px 50px; }
+
+/*************************************
+	    	 maintenance 
+**************************************/ 
+img.logo-small { height: 40px; margin: 30px 0; position: relative; }
+.maintenance-main i { font-size: 100px; margin-bottom: 10px; color: #e4e4e4; }
+.maintenance-main h1 { font-size: 62px; text-transform: uppercase; font-weight: bold; }
+.maintenance-main p { font-size: 26px; line-height: 35px; margin-bottom: 70px;}
+.maintenance-form { width: 76%; margin: 0 auto; }
+.maintenance-form p { font-size: 19px; }
+.maintenance-form input { width: 50%; margin: 0 auto; } 
+  
+/*maintenance 2 */
+.maintenance-main h1 { font-size: 40px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; }
+.maintenance-contant p { line-height: 25px; margin-top:20px; font-size: 14px; }
+.progress-new { margin-top: 50px; height: 50px; background: #f6f7f8; border-radius: 0; margin-bottom: 50px; margin-left: auto; margin-right: auto; width: 50%; }
+.progress-bar-new { line-height: 50px; background-color: #5E9ECA; color: #ffffff; font-size: 20px; padding-left: 20px; }
+.progress-bar-new span { position: absolute; right: 30px; color: #323232; font-weight: bold; font-size: 20px; }
+.progress-bar-striped,
+.progress-striped .progress-bar-new {
+  background-image: linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent);
+  background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent);
+  background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent);
+}
+ 
+/*************************************
+	    	 Our clients 
+**************************************/ 
+/*clients-box*/
+.clients-box { background: #f7f7f7; padding: 20px; }
+.clients-photo { position: relative; margin-right: 20px; width: 200px; height: 200px; float: left; display: table-cell; text-align: center; vertical-align: middle; background: #fff; }
+.clients-photo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } 
+.clients-info { display: table; }
+.clients-info i { padding-right: 10px; }
+.clients-info a { font-size: 14px; color: #5E9ECA; }
+.clients-info a:hover { color: #626262; }
+.clients-info p { margin-top: 10px; }
+.happy-clients .tab-content { padding: 0 30px; position: relative; text-align: left; }
+.happy-clients .tab-content .quoter-icon { position: absolute; left: 0;  top: -10px; font-size: 120px;  line-height: 1; color: #5E9ECA;}
+.happy-clients .tab-content p{padding-left: 30px; font-size: 18px; padding-top: 10px; font-style: italic; }
+.happy-clients .nav-tabs li { overflow: visible; display: inline-block; padding: 0 5px; }
+.happy-clients .nav.nav-tabs li a, .happy-clients .nav.nav-tabs li a:hover, .happy-clients .nav.nav-tabs li a:focus { background: none; padding: 0; border:0; outline: none; background: transparent !important;}
+.happy-clients .nav-tabs li img {width: 96px; opacity: 0.1;   height: 96px; border-radius: 50%; }
+.happy-clients .nav-tabs li.active img, .happy-clients .nav-tabs li:focus img { border: 4px solid #fff;  opacity: 1;  top: -2px; box-shadow: 0 0 40px rgba(0,0,0,.3);  }
+.happy-clients .testimonial-avatar { position: relative; right: inherit; left: inherit; top: inherit; width: inherit; height: inherit; margin-left: inherit; margin-top: 30px; }
+.happy-clients .nav-tabs { border: 0; }
+ 
+/***********************************
+         process
+************************************/ 
+.process-list .col-sm-12 { padding: 0 50px; }
+.process { margin: 0px; border: 2px dashed rgba(0, 0, 0, 0.3); position: relative; width: 100%; float: left; padding-bottom: 50px; padding-top: 50px; min-height: inherit; }
+.process.left { border-right: 0; border-top: 0; }
+.process.right { border-left: 0; border-top: 0; }
+.process .border-area.left-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; left: -2px; z-index: 99; }
+.process .border-area.left-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); }
+.process .border-area.right-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; right: -2px; }
+.process .border-area.right-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); }
+.process .border-area.right-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } 
+.process .border-area.right-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); }
+.process .border-area.left-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; left: -2px; } 
+.process .border-area.left-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); }
+.process:first-child { padding-top: 0; }
+.process.left:first-child .process-step { top: 0; }
+.process:last-child {  border-bottom: 0; }
+.process:last-child .border-area.left-bottom { bottom: 0; }
+.process:last-child .border-area.left-bottom:before { border-bottom-left-radius:0; border-bottom: 0; }
+.process.left .process-step { position: absolute; top: 50px; left: -35px; z-index: 999; }
+.process.right .process-step { position: absolute; top: 50px; right: -35px; z-index: 99; }
+.process.left .process-content { padding-left: 80px; }
+.process.right .process-content{  padding-right: 80px; }
+.process .process-step strong { width: 70px; height: 70px; line-height: 70px; text-align: center; background: #5E9ECA;  border-radius: 100%; display: inline-block;
+    z-index: 99; font-size: 20px; color: #fff; }
+.process .process-content { position: relative; z-index: 99; }
+.process .process-content span { font-size: 80px; line-height: 80px; color: #5E9ECA; }
+.process.left .process-content .process-icon { display: table-cell; padding-right: 30px; }
+.process.left .process-content .process-info { display: table-cell;  vertical-align: top; }
+.process.right .process-content .process-icon { float: right; padding-left: 30px; }
+.process.right .process-content .process-info { display: table-cell; vertical-align: top; } 
+
+/*************************************
+	    	 Careers 
+**************************************/ 
+.agency-about  { padding-bottom: 100px; }
+
+/*careers accordion*/
+.careers .acd-des span { display: block; }
+ 
+/*careers form*/
+.careers-from .section-field label { margin-bottom: 10px; }
+ 
+/*************************************
+          sitemap 
+**************************************/ 
+.sitemap h4 { margin-bottom: 25px; text-transform: capitalize; }
+.sitemap h4 i { padding-right: 10px; }
+.sitemap ul li { display: block; line-height: 34px; }
+.sitemap ul li i { padding-right: 10px; } 
+.sitemap ul li a { font-size: 14px; color: #626262; text-transform: capitalize; }
+.sitemap ul li a:hover { color: #5E9ECA; }
+
+/*************************************
+             privacy-policy 
+**************************************/
+.privacy-policy ul li { font-size: 14px; line-height: 30px; }
+.privacy-policy ul li i { padding-right: 10px; }
+
+/*************************************
+            page sidebar 
+**************************************/
+.page-sidebar .page-content ul li { font-size: 14px; line-height: 30px; }
+.page-sidebar .page-content ul li i {  }
+
+/*************************************
+           terms and conditions 
+**************************************/
+.terms-and-conditions ul li { font-size: 14px; line-height: 30px; }
+.terms-and-conditions ul li i { padding-right: 10px; }
+ 
+ 
+.special-feature .feature-text {padding:40px;}
+.special-feature { padding-bottom:-117px; }
+.special-feature .row-eq-height.no-gutter { position:relative; z-index:99; margin-top:-117px; }
+
+/*************************
+   BG - Images
+*************************/
+.parallax {   background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -ms-background-size: cover !important;  position: relative; z-index: 0; background-origin: initial; background-position: center bottom !important; background-repeat: no-repeat;  }
+.gradient-overlay{position:relative;}
+.gradient-overlay:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background:url(../images/construction/bg/gradient-overlay1.png) repeat-y left 0;}
+  
+/*************************************
+          Footer 
+**************************************/
+.footer.black-bg{background: #1a1a1a;}
+.footer.black-bg p { color: rgba(255,255,255,0.5); }
+.footer.black-bg .social-icons li a { color: rgba(255,255,255,0.5); }
+.footer p{font-size: 14px;}
+.footer-logo img { width: 65%; }
+.footer h6{font-size: 14px;}
+.addresss-info li { font-size: 14px; margin-bottom: 15px; color: rgba(255,255,255,0.5); list-style: none; }
+.addresss-info i{  color:rgba(255,255,255,0.5); padding-right: 5px; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 14px; }
+.addresss-info p { display: table; color: rgba(255,255,255,0.5); margin-bottom: 0px; }
+.addresss-info li a { color: rgba(255,255,255,0.5); }
+.footer a{font-size: 14px;}
+
+/*footer-Newsletter*/
+.footer-Newsletter { display: inline-block; width: 100%;}
+.footer-useful-link.footer-hedding ul { margin-top: -6px; }
+.footer-Newsletter .form-control { border-left: 0px; height: 50px; border-radius: 30px; font-size: 14px;  color: rgba(255,255,255,0.3); border:none; background: #252525; padding: 10px 25px; width: 100%; }
+.footer-Newsletter .form-control:focus { border:0; box-shadow: none;}
+.footer-Newsletter .button.border{border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.5); padding: 10px 18px; font-size: 12px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
+.footer-Newsletter .button.border:hover { color: #ffffff; }
+.footer-useful-link ul li { list-style: none; margin-bottom: 12px;}
+.footer-useful-link ul li:last-child { margin-bottom: 0; }
+.footer-useful-link ul li a { color: rgba(255,255,255,0.5); font-size: 14px; vertical-align: top; display: block; line-height: 26px; }
+.footer-useful-link ul li a:hover { color: #5E9ECA; }
+/*transparent*/
+.footer-Newsletter.transparent .form-control { background: rgba(0, 0, 0, 0.04); }
+.footer-Newsletter.transparent .form-control::-moz-placeholder { color: #323232; }
+.footer-Newsletter.transparent .form-control::-ms-input-placeholder { color: #323232; }
+.footer-Newsletter.transparent .form-control::-webkit-input-placeholder { color: #323232; }
+
+/*footer-widget*/
+.footer-widget { padding: 20px 0; border-top: 1px solid #262626;}
+.footer-widget p{font-size: 14px; color: rgba(255,255,255,0.5); letter-spacing: 0.5px;}
+.footer-widget a { color: #5E9ECA; } 
+.footer-widget a:hover { color: #5E9ECA; } 
+.footer-widget-social {margin-top: 5px; } 
+.footer-widget-social li  { display: inline-block;} 
+.footer-widget-social a i { display: inline-block; color: rgba(255,255,255,0.5); background: none; border-radius: 50%; width: 35px; height: 35px; text-align:center; line-height: 37px; font-size: 14px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} 
+.footer-widget-social a i:hover{background: #5E9ECA;}
+.footer .footer-nav ul li {    display: inline-block;}
+.footer .footer-nav ul li a { margin: 0 5px; color: #323232;}
+.footer .footer-nav ul li a:hover { color: #5E9ECA; }
+.footer .social ul li {display: inline-block;}
+.footer .social ul li a i { font-size: 14px; width: 45px; height: 45px; line-height: 45px; text-align: center; float: none; color: #323232;}
+.footer .social ul li a i:hover{color: #5E9ECA;}
+.footer .social ul{background: #f6f7f8;     display: inline-block;    border-radius: 30px;    padding: 0px 10px;}
+.footer .usefull-link ul li {display: block;    border-bottom: 0px;    line-height: 24px;    padding: 5px 0; }
+.footer .usefull-link ul li a{color: #323232;}
+.footer .usefull-link ul li a:hover { color: #5E9ECA; }
+.footer .copyright { padding: 30px 0 20px;}
+.footer .copyright ul li a {color: #323232;}
+.footer .copyright ul li a:hover {color: #5E9ECA;}
+img#logo-footer{ height: 50px; width: auto; }
+.footer.light .footer-nav ul li a{color: #fff;}
+.footer.light .footer-nav ul li a:hover { color: #323232; }
+.footer.light h6{color: #fff;}
+.footer.light .about-content p{color: #fff;}
+.footer.light .usefull-link ul li a{color: #fff;}
+.footer.light .usefull-link ul li a:hover {color: #323232;}
+.footer.light .copyright ul li {color: #fff;}
+.footer.light .copyright ul li a {color: #ffffff; font-size: 14px;}
+.footer.light .copyright ul li a:hover {color: #323232; }
+.footer.light.footer-topbar .copyright ul li { color: #ffffff }
+.footer.light .copyright p {color: #fff;}
+.footer.light .social ul li a i {color: #5E9ECA;}
+.footer.light .social ul li a:hover i {color: #323232;}
+.footer .footer-text p{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;}
+.footer .footer-social ul li a{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;}
+.footer .footer-social ul li a:hover { color: #5E9ECA !important; }
+.footer.footer-topbar .copyright ul li{color:rgba(255, 255, 255, 0.5) !important;}
+.footer.footer-one-page .contact-add i { font-size: 20px }
+.footer.footer-one-page h5 { color: rgba(255,255,255,0.5); }
+.footer.footer-one-page p { color: rgba(255,255,255,0.5); }
+
+/* footer transparent*/
+.footer.transparent h6, .footer.transparent p, .footer.transparent ul li a, .footer.transparent span { color: #ffffff; }
+
+/*widget-gallery*/
+.footer .footer-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; }
+.footer .footer-tags li { display: inline-block; }
+.footer .footer-tags li a { background: transparent; color: #fff; border:1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; }
+.footer .footer-tags li a:hover { background: #5E9ECA; }
+
+/*footer-social-big*/
+.footer-social-big ul li { display: inline-block; padding: 10px; width: 70px; text-align: center;  background: rgba(255, 255, 255, 0.1); }
+.footer-social-big ul li.facebook { background: #5d82d1; }
+.footer-social-big ul li.pinterest { background: #e13138; }
+.footer-social-big ul li.linkedin { background: #238cc8; }
+.footer-social-big ul li i { color: #ffffff; display: block; width: 30px; height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.2); border-radius: 50%; margin: 0 auto;  }
+.footer-social-big ul li span { display: block; text-align: center; color: #ffffff; margin-top: 10px; font-size: 11px; }
+ 
+/*footer-box*/
+.footer-box { background: rgba(102, 102, 102, 0.2); padding: 30px; clear: both; margin-bottom: 40px; margin-top: 60px; }
+.footer-box .box-content { display: table-cell; vertical-align: top; }
+.footer-box .box-link { display: table-cell; padding-left: 20px; vertical-align: middle; }
+.footer-box .box-link a { display: block; padding: 8px 16px; width: 140px;  }
+
+/*google-map*/
+.google-map { background: #; }
+.google-map .row [class*='col-'] { min-height: 0; }
+.map-icon { position: relative; z-index: 999; cursor: pointer; }
+.google-map .map-icon:before { cursor: pointer; content: "\f041"; font-family: "FontAwesome"; font-size: 30px; font-weight: normal; right: 0; position: absolute; text-indent: 0; top: -32px; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #ffffff; color: #5E9ECA; text-align: center; }
+.google-map.google-map-open .map-icon::before { content: "\f00d"; }
+.google-map .map-open { height: 0; overflow: hidden;  transition: all 900ms ease; }
+.google-map .map-open iframe { height: 300px; }
+.google-map-open .map-open  {  height: 300px;  }
+.pos-r{position: relative;}
+.img-side img{max-width: 100%}
+.img-side.img-left {left: 0;}
+.img-side {padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100;}
+.font-bold {font-weight: 600}
+.no-gutter{  margin-right:0; margin-left:0;}
+.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;}
+
+/*youtube-video*/
+ .popup-video { position: relative; }
+.popup-video .play-video { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } 
+.popup-video .play-video { width: 50px; height: 50px; }
+.popup-video .play-video a { width: 50px; height: 50px; }
+.popup-video .play-video a i { line-height: 50px; }
+.popup-video .play-video:hover {  transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); background-color: #ffffff; }
+.popup-video .play-video:hover a { color: #5E9ECA; }
+.play-video { cursor: pointer; position: relative; width: 100px; height: 100px; margin: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
+.play-video { background-color: #5E9ECA; -webkit-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); -moz-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); }
+.play-video a { color: #fff; width: 100px; height: 100px; position: absolute; top: 0; left: 50%; padding-left: 5px; transform: translateX(-50%); }
+.play-video a i { line-height: 100px; }
+.play-video:hover a { color: #5E9ECA; }
+.play-video:after { content: ''; top: 0; left: 0; padding: 0; z-index: -1; opacity: 0; pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); }
+
+.play-video:hover{background: #ffffff; color: #5E9ECA; border-color:transparent !important;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-box-shadow:2px 6px 18px transparent !important;-moz-box-shadow:2px 6px 18px transparent !important;box-shadow:2px 6px 18px transparent !important}
+.play-video:hover:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms; -moz-animation:sonarEffect 1.3s ease-out 75ms; animation:sonarEffect 1.3s ease-out 75ms;}
+@-webkit-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-webkit-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}}
+@-moz-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-moz-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}}
+@keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);transform:scale(1.5);opacity:0; }}
+.my-contact .contact-icon{float: left; margin-right: 25px;}
+.my-contact .contact-icon span{color: #fff ! important;}
+ 
+/*************************************
+         index portfolio 4
+**************************************/
+.portfolio-item.simple-effect .portfolio-overlay span { color: #363636; }
+.portfolio-item.simple-effect .portfolio-overlay span a { color: #363636; }
+.portfolio-item.simple-effect .portfolio-overlay a:hover { color: #5E9ECA; }
+.portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #5E9ECA; }
+.portfolio-item.simple-effect .portfolio-overlay { z-index: 9; opacity: 0; bottom: inherit; background: transparent; top: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: center;  }
+.portfolio-item.simple-effect:hover:before { position: absolute; width: 100%; height: 100%; content: ""; background: rgba(255, 255, 255, 1); z-index: 1;  background-size: 115%;
+    -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98);  transition: all 0.6s cubic-bezier(.68,.11,.13,.98);    -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
+.portfolio-item.simple-effect:hover .portfolio-overlay { top: 50%; opacity: 1; }
+
+/*footer*/
+.footer .container-fluid { padding: 0 60px; }
+#footer-fixed { position: fixed; bottom: 0; width: 100%; z-index: -1; box-shadow: inset 0 27px 60px -25px rgba(0,0,0,0.3); }
+.footer.footer-simple ul li a, .footer.footer-simple p, .footer.footer-simple i, .footer.footer-simple li { color: #ffffff; font-weight: bold; font-size: 16px; }
+.footer.footer-simple ul li a:hover { color: rgba(255, 255, 255, 0.6); }
+.footer.footer-simple .social-icons li a {  color: #ffffff; width: 100%; }
+.footer.footer-simple .social-icons li a:hover { color: rgba(255, 255, 255, 0.6); }
+ 
+/*elements*/
+.full-width { width: 100%; }
+.height-100vh { height: 100vh; }
+.pos-bot { position: absolute; bottom: 0; width: 100%; }
+.vertical-align { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
+
+/*************************************
+       index portfolio  04 about
+**************************************/
+.portfolio-03-about { padding-left: 50px; }
+.portfolio-03-about p { font-size: 16px; font-weight: 600; }
+
+/*************************************
+       index portfolio  single
+**************************************/
+/*popup-video*/
+.popup-video-image { position: relative; }
+.popup-video-image:before { background: rgba(37, 41, 51, 0.4); content: ""; height: 100%; left: 0;  position: absolute; top: 0; width: 100%; z-index: 0; }
+.popup-video-image a i { color: #ffffff; text-align: center; line-height: 60px; width: 60px; height: 60px; background: #5E9ECA; display: inline-block; margin: 0 auto;
+    border-radius: 50%; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);
+    -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; font-size: 20px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
+.popup-video-image a i:hover { background: #323232; }
+
+/*************************************
+            index 11
+**************************************/
+
+/*index 11*/
+ /*slider-parallax typer-banner business*/
+ .slider-parallax.typer-banner.business h1 { font-family: 'Dosis', sans-serif; }
+ .slider-parallax.typer-banner.business p { padding: 0 200px; line-height: 34px; font-size: 26px; font-weight: 600; display: block; }
+
+ /*play-video*/
+.custom-content-02 .feature-text p { line-height: 28px; }
+.play-video-section .play-video { box-shadow: none; background: #ffffff; width: 60px; height: 60px; line-height: 60px; }
+.play-video-section .play-video a { color: #5E9ECA; line-height: 60px; }
+.play-video-section .play-video a i { line-height: 60px; padding-right: 3px; }
+.play-video-section .play-video:after {box-shadow: none; }
+.play-video-section .content { padding: 0 100px; }
+.play-video-section .content h2 { font-family: 'Dosis', sans-serif; }
+.custom-content-03 h2 { font-family: 'Dosis', sans-serif; font-size: 40px; line-height: 50px; }
+
+/*blockquote-section*/
+.blockquote-section { position: relative; z-index: 9; }
+.blockquote-section blockquote { font-size: 50px; font-weight: 600; line-height: 60px; border-left: 0; padding-left: 0; font-family: 'Dosis', sans-serif; }
+.blockquote-section blockquote cite { font-size: 16px; font-weight: 600; margin-top: 40px; line-height: 30px; font-family: 'Nanum Gothic', serif; font-style: normal; }
+.blockquote-section blockquote cite span { display: block; font-size: 14px; }
+.blockquote-section blockquote.quote { padding-top: 100px; }
+.blockquote-section blockquote.quote:before { color: #5E9ECA; left: 0; top: 0; font-size: 120px; line-height: 120px; }
+.blockquote-section .blockquote-section-left { margin-left: 60px;  }
+.blockquote-section .blockquote-section-right { margin-left: -120px; position: relative;z-index: -1; }
+
+/*************************************
+           footer
+**************************************/
+.footer.gray-footer .footer-Newsletter .form-control { background: #ffffff; color: #323232; height: 60px; line-height: 60px; box-shadow: 0 10px 50px rgba(0,0,0,0.1); }
+.footer.gray-footer .footer-widget  { border-top: none; }
+.footer.gray-footer .footer-widget p { color: #323232; }
+
+.footer.gray-footer .footer-Newsletter .form-control::-moz-placeholder { color: #323232; }
+.footer.gray-footer .footer-Newsletter .form-control::-ms-input-placeholder { color: #323232; }
+.footer.gray-footer .footer-Newsletter .form-control::-webkit-input-placeholder { color: #323232; }
+
+/*************************************
+           portfolio
+**************************************/
+.portfolio-item.image-text { position: relative; }
+.portfolio-item.image-text .portfolio-overlay { bottom: 30px; background: transparent; }
+.portfolio-item.image-text .portfolio-overlay span { display: block; }
+.portfolio-item.image-text:before { position: absolute; width: 100%; bottom: 0; content: ""; ackground: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%);  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; }
+.portfolio-item.image-text .portfolio-overlay a.button { padding: 6px 16px; }
+.portfolio-item.image-text .portfolio-overlay a.button span { font-size: 12px; }
+.portfolio-item.image-text .portfolio-overlay a.button:hover { color: #ffffff;  }
+
+/*************************************
+           coming-soon-big
+**************************************/
+.coming-soon-big .countdown.medium span { font-size: 120px; line-height: 120px; font-weight: bold; }
+.coming-soon-big .countdown.medium p { font-size: 30px; line-height: 30px; font-weight: bold; }
+.coming-soon-big .coming-soon-form p { font-weight: bold; }
+.coming-soon-big .contact-form.transparent-form .form-control { background: rgba(255, 255, 255, 0.4); }
+.coming-soon-big .button { font-weight: bold; }
+
+/*************************************
+            inner page 
+**************************************/
+/* about-05 */
+.about-05-split .shop-split-content { padding: 100px 0; }
+/*about-mission*/
+.about-mission .popup-video-image a i { position: relative; top: inherit; left: inherit; bottom: inherit; right: inherit; }
+.about-mission .popup-content { position: absolute; bottom: 0; padding: 30px 130px 30px 30px; }
+.about-mission-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); }
+.about-mission-box .content { padding:24px; }
+.about-mission-title { padding-bottom: 250px; }
+.about-mission { margin-top: -150px; }
+/*faq 03*/
+.faq-page-title .form { position: relative; z-index: 9; }
+.faq-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); padding: 40px; border-radius: 10px; background: #ffffff;  margin-top: -60px;  }
+.faq-box span { font-size: 40px; line-height: 40px; margin-bottom: 20px; display: block; }
+.faq-box strong { display: block; }
+.faq-box a.button { padding: 8px 16px; }
+
+/*login-fancy*/
+.login-fancy { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); }
+.login-fancy-bg { position: relative;  z-index: 1; }
+.login-fancy h2 { font-size: 70px; line-height: 70px; }
+.login-gradient, .login-gradient-02, .login-gradient-03  { position: relative; }
+.login-gradient:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9af1e1), color-stop(100%, #4003f6)); background: -webkit-linear-gradient(-315deg, #9af1e1 0%, #4003f6 100%);  background: -webkit-linear-gradient(45deg, #9af1e1 0%, #4003f6 100%);  background: linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); }
+.login-gradient-02:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee38a6), color-stop(100%, #ffc863)); background: -webkit-linear-gradient(-315deg, #ee38a6 0%, #ffc863 100%);  background: -webkit-linear-gradient(45deg, #ee38a6 0%, #ffc863 100%);  background: linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); }
+.login-gradient-03:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcdd2), color-stop(100%, #470df5)); background: -webkit-linear-gradient(-315deg, #ffcdd2 0%, #470df5 100%);  background: -webkit-linear-gradient(45deg, #ffcdd2 0%, #470df5 100%);  background: linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); }
+
+/*login-box*/
+.login-box { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); border-radius: 0px 10px 10px 0px; }
+.login-box-bg { position: relative;  z-index: 1; }
+.login-box h2 { font-size: 40px; line-height: 40px; }
+.login-box-main { display: table; width: 100%; }
+.login-box-main-middle { display: table-cell; vertical-align: middle; }
+.login-box-left  { box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); height: 100%; border-radius: 10px 0 0px 10px; }
+.login-box-left .logo-small { margin-left: 30px; } 
+.login-box-main .theme-bg { box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.2); position: relative;  z-index: 1;  }
+.login-box-theme { position: relative; }
+.login-box-theme:before { position: absolute; content: ""; height: 30px; top: -29px; width: 100%; background: #5E9ECA; left: 0; }
+.login-box-theme:after { position: absolute; content: ""; height: 30px; bottom: -29px; width: 100%; background: #5E9ECA; left: 0; }
+.login-box-main .nav li a { padding-left: 30px; }
+.login-box-main .nav li a { display: block; text-align: left; color: #323232; border-left: 5px solid transparent; background: transparent; }
+.login-box-left li.active a, .login-box-left li a:hover { border-left: 5px solid #5E9ECA; color: #5E9ECA; }
+.login-box-main .nav li a i { display: inline-block; padding-right: 6px; text-align: left; margin-bottom: 10px; }
+.login-box .list-unstyled.list-inline a:hover { color: #323232; }
+/*login-box-02*/
+.login-box-02 { padding: 40px; border:1px solid rgba(0, 0, 0, 0.1); height: 100%; }
+.login-box-02.white-overlay { background: rgba(255, 255, 255, 0.5); }
+.login-signup a.text-black:hover { color: #ffffff; }
+
+/*login-14*/
+.login-14 { padding: 0 100px; }
+
+/*login-15*/
+.login-15 { padding: 0 60px; }
+
+/*login-signup*/
+.login-signup .tab-border .tab-content { padding: 0; }
+.login-signup .login-box-02  { border:0; }
+
+/*************************************
+            boxed
+**************************************/
+
+@media (min-width: 1220px) {
+body.boxed-layout .wrapper { float: none; width: 1220px; margin: 0 auto; position:relative; background-color: #FFF; box-shadow: 0 0 60px rgba(0,0,0,.1); -moz-box-shadow: 0 0 60px rgba(0,0,0,.1);
+    -webkit-box-shadow: 0 0 60px rgba(0,0,0,.1); }
+/*index 01*/
+body.boxed-layout .wrapper .portfolio-title.section-title p { display: none; }
+body.boxed-layout .wrapper .portfolio-title.section-title span { display: none; }
+
+/*index 02*/
+body.boxed-layout .wrapper .contact-3 #map { padding-top: 140%; }
+body.boxed-layout .wrapper .contact-2 #map { padding-top: 90% }
+body.boxed-layout .wrapper.vertical-header { width: auto; box-shadow: none; }
+body.boxed-layout #footer-fixed { position: inherit !important; width: inherit; bottom: inherit !important; z-index: inherit; }
+body.boxed-layout .wrapper { margin-bottom: 0 !important; }
+body.boxed-layout .christmas-coming-soon { position: absolute; }
+
+body.frame-layout .wrapper { margin: 0 auto; margin-top: 1.5%; margin-bottom: 1.5%; width: 97%; position: relative;  box-shadow: 0 0 60px rgba(0,0,0,.1); }
+body.frame-layout .header.default, body.frame-layout .header.transparent, body.frame-layout header.one-page { left: 0; right: 0; }
+body.frame-layout .navbar.affix { top: 0; }
+body.frame-layout header.one-page.light .navbar { min-height: 10px !important; }
+body.frame-layout #footer-fixed { position: inherit !important; bottom: inherit !important; z-index: inherit; }
+body.frame-layout .wrapper { margin-bottom:1.5% !important; }
+body.frame-layout .christmas-coming-soon { position: absolute; }
+
+}
+
+@media all and (-ms-high-contrast:none) {
+.st-menu { position: absolute; }
+ img.bottom-img { top: 0; }
+.search-cart { display: table; }
+.search { display: table-cell !important; }
+.shpping-cart { display: table-cell !important; }
+.search-cart .shpping-cart { float: none !important; }
+ .mega-menu > section.menu-list-items .search-cart .search { float: none !important; }
+ .search-cart .shpping-cart { vertical-align: middle; }
+}  
+
+
+@media (max-width: 1100px) {
+.isotope-filters  button { margin: 2px; cursor: pointer;  padding: 6.5px 13px; font-size: 16px; background: transparent;    color: #363636;     font-weight: 600;    border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
+}
+
+
diff --git a/resoft/css/back/style_org.css b/resoft/css/back/style_org.css
new file mode 100644
index 0000000..973bd5d
--- /dev/null
+++ b/resoft/css/back/style_org.css
@@ -0,0 +1,1735 @@
+/*
+
+Template: Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Version: 1.0
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is main stylesheet of template, This file contains the styling for the actual Template.
+
+*/
+ 
+
+/*================================================
+[  Table of contents  ]
+================================================
+ :: Header
+     - topbar
+     - search
+     - Cart
+     - FullWidth
+     - Light
+     - Dark
+     - Left-menu
+     - Logo-center
+     - Fancy
+     - fancy without-topbar
+     - Side menu icon
+     - Vertical header
+    - One page  Header
+ :: Slider (all home page main sliders )
+ ::   - Slider-parallax one page
+ ::   - Mobile slider
+ :: Background
+ :: Home page section
+ :: Decolines
+ :: Awesome features
+ :: Feature Step
+ :: About Us 
+ :: Resume
+ :: Portfolio
+ ::  - Portfolio  item
+ ::  - Portfolio-item-2
+ ::  - Portfolio single page
+ :: Our Blog
+ :: Our services
+ :: Creativity
+ :: Our History
+ :: Our Service Objects
+ :: Sidebar
+ :: About me
+ :: Team page
+ :: Error 404
+ :: Coming soon
+ :: Register
+ :: Login
+ :: maintenance
+ :: Our clients 
+ :: Process
+ :: Careers
+ :: Sitemap
+ :: Privacy-policy 
+ :: Page sidebar 
+ :: Terms and conditions 
+ :: Footer
+ :: Boxed
+
+ v1.2
+ :: index portfolio 4
+ :: index portfolio 04 about
+ :: index portfolio single
+
+======================================
+[ End table content ]
+======================================*/
+
+/*************************
+      Header 
+*************************/
+.default { background: transparent; z-index: 9999; position: absolute; width: 100%; }
+/*topbar*/
+.topbar { /*padding: 10px 0;*/ font-size:12px; color:#4a4a4a; }
+.topbar ul li  { display: inline-block; color: #fff; font-size: 12px; font-weight: normal;}
+.topbar ul li:last-child { margin-right: 0px; }
+.topbar ul li a { color: #4a4a4a; font-size: 12px; font-weight: normal; font-style: normal; }
+.topbar-left { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; letter-spacing: -0.1em;}
+.topbar-right { position: relative; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; }
+.topbar ul li a:hover { font-weight:600; }
+#topbar-nav {list-style:none;}
+#topbar-nav li{display:inline-block; position:relative; line-height: 38px; }
+#topbar-nav li:first-child > a {border: 0;}
+#topbar-nav li > a {border-left: 1px solid #ccc; padding:0px 15px;}
+
+/*menu*/
+.menu-bar { float: right; }
+.mega-menu .menu-links { float: left; }
+.search-cart { display: inline-block;   }
+.search-cart i.icon { color: #ffffff; line-height: 20px; font-size: 14px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; }
+.search-cart i.icon:hover { color: #5E9ECA; }
+.search-cart .search { display: inline-block; padding-right: 15px; padding-left: 10px; }
+.search-cart .shpping-cart { display: inline-block; }
+.shpping-cart a { position: relative; }
+.shpping-cart strong.item { display: block; position: absolute; top: -7px; left: auto; right: -8px; font-size: 10px; color: #ffffff; width: 16px; height: 16px;line-height: 16px; text-align: center; background-color: #5E9ECA; border-radius: 50%; }
+
+  /*search*/
+ .search .search-btn { display: block; height: 20px; line-height: 21px; position: relative; text-indent: -9999px;  width: 14px; color: #ffffff; -o-transition: color 300ms ease 0s; -moz-transition: color 300ms ease 0s; -ms-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s;  transition: color 300ms ease 0s; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; }
+ .search .search-btn:before { content: ""; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; left: 0; position: absolute; text-indent: 0; top: 0; }
+  .search .search-btn:hover { color: #5E9ECA; }
+ .search.search-open .search-btn:before { content: ""; }
+ .search-box { background: #fff; display: block; margin: 0; opacity: 0 !important; padding: 15px; position: absolute; right: 0; top: 100%;  transition: visibility 300ms ease 0s, opacity 300ms ease 0s;  visibility: hidden; width: 327px; z-index: 888; border-radius:  3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0;
+    -ms-transform-origin: 0 0; transform-origin: 0 0;    transition: all 400ms ease; }
+ .search.search-open .search-box { opacity: 1 !important;visibility: visible !important; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); box-shadow: 0 0 50px rgba(0,0,0,.1); }
+ .search .search-box input { background: transparent; border:1px solid #eceff8; padding-left: 15px; border-radius: 3px; }
+ .search .search-box input:focus { background: transparent; border:1px solid #eceff8; }
+ .search .search-box i { cursor: pointer; font-size: 15px; position: absolute; right: 27px; top: 31px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; }
+ .search .search-box i:hover { color: #5E9ECA; } 
+
+/*cart*/
+.cart { opacity: 0; visibility: hidden; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,.1); position: absolute; right: 0; margin-top: 0px; right: 0; width: 300px; border: 1px solid #eceff8; border-radius: 3px;  -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0;
+    transform-origin: 0 0;    transition: all 400ms ease;}
+.cart.cart-open {-webkit-transform: rotateX(0deg); transform: rotateX(0deg);opacity: 1;  visibility: visible; }
+.cart:before { bottom: 100%; right: 8px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(194, 225, 245, 0);
+   border-bottom-color: #fff; border-width: 6px; margin-left: -8px; }
+.cart-title { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; }
+.cart-item { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; position: relative; }
+.cart-item .cart-image { display: table-cell; padding-right: 15px; }
+.cart-item .cart-image img { height: 40px; }
+.cart-item .cart-name { display: table-cell; vertical-align: top; }
+.cart-item .cart-name a { display: block; color: #323232; }
+.cart-item .cart-name a:hover { color: #5E9ECA; }
+.cart-item .cart-name span { color: #323232; display: inline-block; }
+.cart-item .cart-name strong { padding-left: 30px; }
+.cart-price del {  font-size: 14px; background: transparent; color: #323232; padding-left: 0; } 
+.cart-price ins { text-decoration: none; color: #5E9ECA; font-size: 16px;font-weight: bold; } 
+.cart-total { padding: 20px; text-align: center; background: #f7f7f7; }
+.cart-total h6 {  text-align: center; }
+.cart-total a { display: inline-block; margin-top: 20px; padding: 6px 18px; margin: 0; }
+.cart-total a.button { display: inline-block; }
+.cart-total .button + .button { margin: 0; } 
+.cart-item .cart-close { position: absolute; right: 20px; top: 20px; }
+.cart-item .cart-close a { font-size: 14px; }
+.cart-item .cart-close a:hover { color: #323232; }
+ 
+/*mega-menu */
+.mega-menu .menu-logo { padding: 25px 0 25px; } 
+.mega-menu .menu-logo img { height: 40px; }
+.mega-menu .drop-down-multilevel.right-menu { right: 0px;  }
+.mega-menu > section.menu-list-items { padding: 0; }
+.mega-menu .menu-links > li > a { text-transform: uppercase; font-size: 16px; font-weight: 600; line-height: 20px; }
+.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; }
+.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down a { color: #323232; }
+.mega-menu .menu-links > li.active .drop-down li.active a { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down a:hover { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down li.active a i { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down a i:hover { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #f7f7f7; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #f7f7f7; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #f7f7f7; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.mega-menu .row  { margin-left: 0px; margin-right: 0px; }
+.mega-menu .col-md-12  { padding-left: 0px; padding-right: 0px; }
+.mega-menu.desktopTopFixed .menu-logo { padding: 0px; }
+.mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; }
+.mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } 
+ 
+/*fullWidth*/
+.header.fullWidth .container-fluid { padding: 0 60px; }
+
+/*light*/
+.header.light {  background: #ffffff; position: relative; border-bottom: 3px solid #006EBD;}
+.header.light .topbar ul li { color: #333; }
+.header.light .topbar ul li a { color: #333; }
+.header.light .mega-menu .menu-links > li > a { color: #333; }
+.header.light .mega-menu .menu-links > li > a:hover { color: #5E9ECA; font-weight: bold;}
+.header.light .mega-menu .menu-links > li.active > a { color: #5E9ECA; font-weight: bold;}
+.header.light .topbar {/*background-color:#e8e8e8;*/ border-bottom: 1px solid #d1d1d1;}
+.header.light .search-cart i.icon { color: #323232; }
+.header.light .search-cart i.icon:hover { color: #5E9ECA; }
+.header.light .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; border-bottom: 3px solid #006EBD;}
+.header.light .search .search-btn { color: #323232; }
+.header.light .search .search-btn:hover { color: #5E9ECA; }
+
+/*dark*/
+.header.dark {  background: #323232; position: relative; }
+.header.transparent { background: rgba(0, 0, 0, 0.4); position: absolute; width: 100%; z-index:  999; } 
+
+/*left-menu*/
+.header.left-menu .menu-bar { float: none; }
+.header.left-menu .menu-links { padding-left: 30px; }
+.header.left-menu .search-cart { float: right; }
+
+/*logo-center*/
+.header.logo-center .mega-menu { min-height: 170px; }
+.header.logo-center .menu-logo { float: none; display: block; text-align: center; }
+.header.logo-center .mega-menu .menu-logo > li > a { float: none; }
+.header.logo-center .mega-menu .menu-logo > li { float: none; }
+.header.logo-center .mega-menu img { float: none; margin: 0 auto; }
+.header.logo-center .menu-bar { float: none;  }
+.header.logo-center .search-cart { float: right; }
+.header.logo-center .mega-menu.desktopTopFixed .menu-logo { float: left; display: inline-block; }
+.header.logo-center .mega-menu.desktopTopFixed .menu-logo > li > a { float: left;  }
+.header.logo-center .mega-menu.desktopTopFixed img { float: left; margin: 0 auto; }
+.header.logo-center .mega-menu.desktopTopFixed .menu-bar { float: right; border-top: 0px solid rgba(0, 0, 0, 0.1); }
+.header.logo-center .mega-menu.desktopTopFixed .search-cart { float: right; }
+
+/*fancy */
+ 
+.header.fancy { background: transparent; position: relative; border-bottom: 0; }
+.header.fancy .topbar { background: #5E9ECA; padding: 15px 0px 70px; }
+.header.fancy .topbar .topbar-right li a:hover { color: #323232; }
+.header.fancy .search-cart i.icon { color: #323232; line-height: 20px; }
+.header.fancy .topbar-call ul li i { color: #ffffff; }
+.header.fancy .mega-menu .menu-logo { padding: 26px 0px; }
+.header.fancy .menu { position: absolute; width: 100%; top: 30px; }
+.header.fancy .topbar + .menu {  top: 60px; }
+.header.fancy .mega-menu > section.menu-list-items { background: #ffffff; padding: 0px 25px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }
+.header.fancy .mega-menu.desktopTopFixed > section.menu-list-items { border-bottom: 1px solid #f6f6f6; }
+.header.fancy .topbar ul li a:hover { color: #323232;}
+
+.header.fancy .mega-menu .menu-links > li > a { color: #323232; line-height: 20px; }
+.header.fancy .mega-menu .menu-links > li > a:hover { color: #5E9ECA; }
+.header.fancy .mega-menu .menu-links > li.active > a { color: #5E9ECA; }
+.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #ffffff; }
+.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #323232; }
+.header.fancy .mega-menu.desktopTopFixed .menu-logo { padding: 0; }
+.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 20px; }
+.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px;  }
+.header.fancy .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; }
+.header.fancy .search-cart i.icon:hover { color: #5E9ECA; }
+.header.fancy .search .search-btn { color: #323232; }
+.header.fancy .search .search-btn:hover { color: #5E9ECA; }
+.header.fancy .mega-menu.desktopTopFixed .drop-down.grid-col-5 { width: 21.66666666666667%; }
+.header.fancy .search-box { margin-top: -6px; }
+
+/*fancy without-topbar*/
+.header.fancy.without-topbar .menu { top: 30px; }
+.header.burger .menu-icon { font-size: 30px; color: #323232; } 
+.header.burger .menu-icon:hover { color: #5E9ECA; }
+.header.burger { position: absolute; z-index: 999; width: 100%; padding: 30px 30px; }
+.header.burger .logo { display: inline-block; }
+.header.burger .logo img { height: 50px; }
+
+/*side-menu-icon*/
+.side-menu-icon { display: inline-block; }
+.side-menu-icon .menu-icon { font-size: 16px; color: #ffffff; padding-left: 15px; }
+.side-menu-icon .menu-icon:hover { color: #5E9ECA; }
+
+/*************************
+    header text-dark 
+*************************/
+.header.text-dark .topbar ul li { color: #323232; }
+.header.text-dark .topbar ul li a { color: #323232; }
+.header.text-dark .topbar ul li a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li > a { color: #323232; }
+.header.text-dark .mega-menu .menu-links > li > a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active > a { color: #5E9ECA; }
+.header.text-dark .topbar { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
+.header.text-dark .search-cart i.icon { color: #323232; }
+.header.text-dark .search-cart i.icon:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; }
+.header.text-dark .search .search-btn { color: #323232; }
+.header.text-dark .search .search-btn:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .drop-down-multilevel { background: #323232; }
+.header.text-dark .mega-menu .drop-down.menu-bg, .header.text-dark .mega-menu .drop-down-tab-bar {     background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png);
+    background-repeat: no-repeat; background-position: 120% 0; }
+.header.text-dark .mega-menu .drop-down, .header.text-dark .mega-menu .drop-down-tab-bar { background: #323232; }
+.header.text-dark .mega-menu .drop-down a, .header.text-dark .mega-menu .drop-down-tab-bar a { color: #ffffff; }
+.header.text-dark .mega-menu .drop-down i.fa, .header.text-dark .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; }
+.header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa  { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover  { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.text-dark .mega-menu .drop-down-multilevel a { color: #ffffff; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel li:hover { background: #282828; }
+.header.text-dark .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important;  background-repeat: no-repeat;     background-position: right;} 
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA;
+    background: #282828; }
+.header.text-dark .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; }
+.header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #5E9ECA; }
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #5E9ECA; }
+/*dark-dropdown*/
+.header.dark-dropdown .mega-menu .drop-down-multilevel { background: #323232; }
+.header.dark-dropdown .mega-menu .drop-down.menu-bg, .header.dark-dropdown .mega-menu .drop-down-tab-bar {     background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png);
+    background-repeat: no-repeat; background-position: 120% 0; }
+.header.dark-dropdown .mega-menu .drop-down, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: #323232; }
+.header.dark-dropdown .mega-menu .drop-down a, .header.dark-dropdown .mega-menu .drop-down-tab-bar a { color: #ffffff; }
+.header.dark-dropdown .mega-menu .drop-down i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; }
+.header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa  { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover  { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.dark-dropdown .mega-menu .drop-down-multilevel a { color: #ffffff; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel li:hover { background: #282828; }
+.header.dark-dropdown .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important;  background-repeat: no-repeat;     background-position: right;} 
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA;
+    background: #282828; }
+.header.dark-dropdown .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; }
+.header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #5E9ECA; }
+/*label*/
+.header .label.label-default, .header .label.label-primary, .header .label.label-success, .header .label.label-info, .header .label.label-warning, .header .label.label-danger { color: #fff; padding: 0px 5px; line-height: 14px; display: inline-block; }
+
+
+/*************************
+    one page
+*************************/
+header.one-page { position: absolute; width: 100%; z-index: 999; }
+.navbar-inverse { background: transparent; border: 0; }
+.navbar-brand { height: auto; padding: 25px 0; }
+.navbar .navbar-brand img { height: 40px; }
+.navbar { min-height: 80px; }
+.navbar-nav { float: right; }
+.navbar-inverse .navbar-nav>li  { padding: 35px 15px; }
+.navbar-inverse .navbar-nav>li>a { color: #ffffff; padding: 0; text-transform: capitalize; }
+.navbar-inverse .navbar-nav>li>a:hover { color: #5E9ECA; } 
+.navbar.affix { width: 100%; background: #323232; }
+.navbar.affix { width: 100%; background: #323232; }
+.navbar { min-height: inherit !important;  }
+.navbar.affix .navbar-brand img { height: 30px; }
+.navbar.affix .navbar-brand { padding: 15px 0; }
+.navbar.affix .navbar-nav>li { padding: 20px 15px; }
+ .navbar-nav>li>a { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
+
+/*vertical-header*/
+.vertical-header .container-fluid { padding: 0 80px; }
+.menu-responsive { display: none; }
+.vertical-header .navbar { overflow-y: scroll;  overflow-x: hidden; height: 100%;}
+.vertical-header { padding-left: 260px; }
+.header.vertical-menu { position: fixed; left: 0; top: 0; width: 260px; min-height: 100%; background: #212121; z-index: 999; -o-transition: all 1s; -webkit-transition: all 1s;
+    transition: all 1s; }
+.header.vertical-menu .menu-bar { float: none; }
+.mega-menu.vertical-left, .mega-menu.vertical-right { float: none; }
+.menu-widgets { position: absolute; bottom: 20px; }
+.menu-widgets .social-icons.border li a { border:2px solid; line-height: 30px; }
+.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #5E9ECA; }
+header.one-page.vertical-menu { position: fixed; left: 0; top: 0; height: 100%; background: #212121; width: 260px; padding: 30px; } 
+header.one-page.vertical-menu .navbar-header { float: none; margin-bottom: 20px; }
+header.one-page.vertical-menu .navbar-nav { float: none; }
+header.one-page.vertical-menu .navbar-nav>li { display: block; float: none; }
+header.one-page.vertical-menu .navbar-inverse .navbar-nav>li { padding: 15px 0px; }
+header.one-page.vertical-menu .navbar-collapse { padding: 0; }
+header.one-page.vertical-menu .menu-widgets { padding: 0px; }
+
+header.one-page.light { position: relative; background: #ffffff; }
+header.one-page.light .navbar { margin-bottom: 0; }
+header.one-page.light .navbar-inverse .navbar-nav>li>a { color: #323232; }
+header.one-page.light .navbar-inverse .navbar-nav>li>a:hover { color: #5E9ECA; }
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #5E9ECA; }
+
+header.one-page.light .navbar-inverse .navbar-collapse, header.one-page.light .navbar-inverse .navbar-form { background: #ffffff; }
+header.one-page.light .navbar.affix  { background: #ffffff; box-shadow:  0 0 20px 0 rgba(0, 0, 0, 0.1); }
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a { padding: 5px 10px; -o-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; }
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #5E9ECA;  -webkit-box-shadow: inset 178px 0px 0px 0px #5E9ECA; -o-box-shadow: inset 178px 0px 0px 0px #5E9ECA; -ms-box-shadow: inset 178px 0px 0px 0px #5E9ECA; -moz-box-shadow: inset 178px 0px 0px 0px #5E9ECA; color: #fff; transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -moz-transition: all 0.9s ease-in; -ms-transition: all 0.9s ease-in; -o-transition: all 0.9s ease-in;  }
+
+.one-page.nav-center .navbar-collapse.collapse { text-align: center; }
+.one-page.nav-center .navbar-nav { float: none; display: inline-block; }
+.one-page.transparent { background: rgba(0, 12, 27, 0.5); }
+.one-page.transparent .navbar { margin-bottom: 0; }
+
+/*dark-text*/
+.one-page.dark-text .navbar-inverse .navbar-nav>li>a { color: #323232; }
+.one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #d12326; }
+.one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover { color: #d12326; }
+.one-page.dark-text .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }
+
+/*mega menu vertical*/
+.vertical-menu .menu .menu-logo { padding: 50px 20px; }
+.vertical-menu .menu .mega-menu .menu-links > li > a { padding: 0 23px; }
+.vertical-menu .menu-widgets { padding: 20px; }
+ 
+ @media (min-width: 1101px) {
+.mega-menu { min-height: inherit; }
+.mega-menu > section.menu-list-items {  float: none; }
+.mega-menu > section.menu-list-items > .container,
+.mega-menu > section.menu-list-items > .container > .row,
+.mega-menu > section.menu-list-items > .container > .row > div { height: 100%; }
+.mega-menu > section.menu-list-items .menu-bar {  height: 100%; }
+.mega-menu > section.menu-list-items .menu-bar > ul{ display: table !important; height: 100%; }
+.mega-menu > section.menu-list-items .menu-bar > ul > li { display: table-cell; vertical-align: middle; float: none; }
+.mega-menu .drop-down, .mega-menu .drop-down-tab-bar, .mega-menu .drop-down-multilevel { top: 100%; }
+.mega-menu > section.menu-list-items .search-cart { height: 100%; }
+.mega-menu > section.menu-list-items .search-cart .search { vertical-align: middle;  display: table; height: 100%; float: left; }
+.header .search .search-btn {  display: table-cell; vertical-align: middle;  position: relative;  width: 10px;   float: none; clear: both;  height: 100%; }
+.search .search-btn:before { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
+.search-cart .shpping-cart { display: table; float: left;  height: 100%; }
+.shpping-cart a {  position: relative; display: table-cell; vertical-align: middle; }
+.shpping-cart strong.item { display: block; position: absolute;  top: 50%; border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); margin-top: -10px; }
+.cart { top: 100%; } 
+.mega-menu > section.menu-list-items > .container-fluid,
+.mega-menu > section.menu-list-items > .container-fluid > .row,
+.mega-menu > section.menu-list-items > .container-fluid > .row > div { height: 100%; }
+.logo-center .mega-menu > section.menu-list-items .menu-bar > ul { height: auto; }
+.logo-center .mega-menu > section.menu-list-items .menu-bar > ul > li { display: inline-block;  }
+.logo-center .mega-menu > section.menu-list-items .search-cart { height: auto; }
+.logo-center .mega-menu > section.menu-list-items .menu-bar { height: auto; }
+.logo-center .mega-menu .drop-down, .logo-center .mega-menu .drop-down-tab-bar, .logo-center .mega-menu .drop-down-multilevel { top: auto; }
+.logo-center .mega-menu .menu-links > li > a { line-height: 72px; }
+.logo-center.header .search .search-btn { line-height: 72px; }
+.logo-center .search-cart i.icon { line-height: 72px; }
+.logo-center .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 60px; }
+.logo-center .mega-menu.desktopTopFixed .search .search-btn { line-height: 60px; }
+.logo-center .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 60px; }
+.logo-center .search .search-btn:before { top: inherit; transform: inherit; }
+.logo-center  .search-cart .shpping-cart { float: right; }
+
+.vertical-menu .mega-menu > section.menu-list-items .menu-bar { height: auto; }
+.vertical-menu .mega-menu > section.menu-list-items .menu-bar > ul > li { display: block; }
+.search-cart .side-menu-icon { display: table; float: left; height: 100%; }
+.side-menu-icon .menu-icon { position: relative; display: table-cell; vertical-align: middle; }
+
+.header.light .mega-menu { min-height: 90px; }
+
+}
+
+/*************************************
+   Slider (all home page main sliders )
+ **************************************/
+.rev-slider { overflow: hidden; position: relative; }
+ 
+
+ /*slider 10*/
+#rev_slider_14_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; } 
+ #rev_slider_14_1 .zeus .tp-bullet{box-sizing:content-box; -webkit-box-sizing:content-box; border-radius:60%;   background-color:rgba(255,255,255,0.5);   -webkit-transition:opacity 0.3s ease;   transition:opacity 0.3s ease;  width:14px;height:14px;  border:0px solid rgb(255,201,4)}#rev_slider_14_1 .zeus .tp-bullet:after{content:""; position:absolute; width:100%; height:100%; left:0; border-radius:60%; background-color:rgb(255,201,4); -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:-webkit-transform 0.3s ease; transition:transform 0.3s ease}#rev_slider_14_1 .zeus .tp-bullet:hover:after,#rev_slider_14_1 .zeus .tp-bullet.selected:after{-webkit-transform:scale(1.2); transform:scale(1.2)}#rev_slider_14_1 .zeus .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{width:135px; height:60px; position:absolute; background:#000; background:rgba(0,0,0,0.5); bottom:13px; margin-bottom:10px; transform:translateX(-50%); -webkit-transform:translateX(-50%); box-sizing:border-box; background-size:cover; background-position:center center; visibility:hidden; opacity:0;  -webkit-backface-visibility:hidden;  backface-visibility:hidden; -webkit-transform-origin:50% 50%;  transform-origin:50% 50%;   -webkit-transition:all 0.3s ease;   transition:all 0.3s ease; border-radius:4px}#rev_slider_14_1 .zeus .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease;   transition:all 0.5s ease; transform:translateX(-50%); -webkit-transform:translateX(-50%)}#rev_slider_14_1 .zeus .tp-bullet-title{color:rgb(255,255,255); text-align:center; line-height:15px; font-size:13px; font-weight:600;  z-index:3;  visibility:hidden; opacity:0;  -webkit-backface-visibility:hidden;  backface-visibility:hidden; -webkit-transform-origin:50% 50%;  transform-origin:50% 50%;   -webkit-transition:all 0.3s ease;   transition:all 0.3s ease; position:absolute; bottom:45px; width:135px;   vertical-align:middle}#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-imageoverlay{opacity:1;   visibility:visible;  -webkit-transform:translateY(0px) translateX(-50%);   transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{bottom:auto; margin-right:10px; margin-bottom:0px; right:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title{bottom:auto;   right:100%;   margin-right:10px}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-imageoverlay{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{bottom:auto; margin-left:10px; margin-bottom:0px; left:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title{bottom:auto;   left:100%;   margin-left:10px}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{bottom:auto; top:13px; margin-top:10px; margin-bottom:0px; left:0px; transform:translateY(0px) translateX(-50%); -webkit-transform:translateX(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet:hover .tp-bullet-image{transform:scale(1) translateY(0px) translateX(-50%); -webkit-transform:scale(1) translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateY(0px) translateX(-50%); -webkit-transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title{bottom:auto;   top:13px;   margin-top:20px}
+#rev_slider_14_1 .uranus.tparrows{width:50px; height:50px; background:rgba(255,255,255,0)}#rev_slider_14_1 .uranus.tparrows:before{width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s}#rev_slider_14_1 .uranus.tparrows:hover:before{opacity:0.75}
+
+
+/*************************************
+      slider-parallax one page
+**************************************/
+.slider-parallax { height: 86vh; position: relative; }
+.slider-content-middle { position: absolute; display: inline-block; width: 100%; top: 50%; left: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%);
+    -ms-transform: translate(0,-50%);-o-transform: translate(0,-50%); transform: translate(0,-50%); }
+/*scroll-down*/
+.scroll-down { text-align: center; width: 34px; height: 58px; display: inline-block; border-radius: 20px; border:2px solid #fff; position: absolute; left: 50%; bottom: 60px;
+margin-left: -17px; line-height: 50px; }
+.scroll-down i { height: 10px;  width: 4px; background: #fff; display: inline-block; border-radius: 3px; -webkit-animation-name:fadebounce;  -moz-animation-name:fadebounce; -ms-animation-name:fadebounce; -o-animation-name:fadebounce; animation-name:fadebounce; -webkit-animation-duration:3s; -moz-animation-duration:3s; -ms-animation-duration:3s; -o-animation-duration:3s;
+ animation-duration:3s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -o-animation-iteration-count:infinite;
+ animation-iteration-count:infinite; } 
+@-moz-keyframes fadebounce {
+0% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; }
+50% { -moz-transform:translateY(25px); transform:translateY(25px); opacity:1; }
+100% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; }
+}
+@-webkit-keyframes fadebounce {
+0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; }
+50% { -webkit-transform:translateY(25px); transform:translateY(25px); opacity:1; }
+100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; }
+}
+@-o-keyframes fadebounce {
+0% { -o-transform:translateY(0); transform:translateY(0); opacity:1; }
+50% {-o-transform:translateY(25px);transform:translateY(25px);opacity:1; }
+100% {-o-transform:translateY(0);transform:translateY(0);opacity:1; }
+}
+@-ms-keyframes fadebounce {
+0% { -ms-transform:translateY(0); transform:translateY(0); opacity:1; }
+50% {-ms-transform:translateY(25px);transform:translateY(25px);opacity:1; }
+100% {-ms-transform:translateY(0); transform:translateY(0); opacity:1; }
+}
+@keyframes fadebounce {
+0% { transform:translateY(0); opacity:1; }
+50% {transform:translateY(25px);opacity:1; }
+100% {transform:translateY(0);opacity:1; }
+}
+
+/*personal-typer-banner*/
+ .personal-typer-banner span.sub-text { font-size: 22px; line-height: 22px; margin-bottom: 16px; display: block; }
+ .personal-typer-banner b { border-bottom: 2px solid #5E9ECA; }
+ .personal-typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; color: #5E9ECA; }
+ .personal-typer-banner h1 span { color: #ffffff; font-size: 50px;  display: inline-block;  transform: rotate(-90deg); line-height: 50px; position: relative; top: -11px; left: -20px; }
+ .personal-typer-banner h2 { border-left: 3px solid #5E9ECA; padding-left: 10px; margin-top: 20px; }
+
+/*typer-banner*/
+.typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; }
+.typer-banner p { font-size: 22px; line-height: 22px; }
+.slider-content .typer { color: #5E9ECA !important; }
+
+/*popup-video-banner*/
+.popup-video-banner h1 { font-size:60px; line-height:80px; font-weight: 400; }
+.popup-video-banner a span{ margin-left: 6px; width: 50px; height: 50px; line-height: 50px; display: inline-block; text-align: center; background: #ffffff; color: #5E9ECA; border-radius: 50%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
+.popup-video-banner a:hover span { background: #5E9ECA; color: #ffffff; }
+.popup-video-banner a strong { padding-left:10px; display: inline-block; }
+ 
+ /*video-background-banner*/
+#video-background.bg-overlay-black-50:before { z-index: 0; }
+.video-background-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; text-transform: uppercase; }
+.video-background-banner .slider-content { border:20px solid #5E9ECA; width: 50%; margin: 0 auto; padding: 60px 30px; }
+.video-background-banner .slider-content span { font-size: 22px; line-height: 22px; color: #ffffff; display: block; margin-bottom: 20px; }
+.video-background-banner .slider-content p { font-size: 18px; line-height: 22px; color: #ffffff; margin-top: 20px; }
+
+/* portfolio-banner*/
+.portfolio-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; }
+.portfolio-banner .slider-content { background: #ffffff; width: 50%; margin: 0 auto; padding: 60px 30px; box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.02); }
+.portfolio-banner .slider-content span { text-transform: uppercase; letter-spacing: 10px; font-size: 18px; line-height: 18px;  display: block; margin-bottom: 20px; font-weight: 600; }
+.portfolio-banner .slider-content span i { line-height: 20px; }
+.portfolio-banner .slider-content h1 { font-size: 70px;  margin-bottom: 0; }
+  
+ /*************************************
+    			Background  
+ **************************************/
+/*images background*/
+ .white-bg { background: #fff; }
+ .gray-bg { background: #666; }
+ .dark-gray-bg { background: #666666; }
+ .theme-bg { background: #5E9ECA; }
+ .black-bg { background: #323232; }
+ .dark-theme-bg { background: #050801; }
+
+ .bg-overlay-black-10:before {  background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-20:before {  background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-30:before {  background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-40:before {  background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-50:before {  background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-60:before {  background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-70:before {  background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-80:before {  background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-90:before {  background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-10:before {  background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-20:before {  background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-30:before {  background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-40:before {  background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-50:before {  background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-60:before {  background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-70:before {  background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-80:before {  background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-90:before {  background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-theme-20:before {  background: rgba(132,186,63, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-theme-50:before {  background: rgba(132,186,63, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-theme-70:before {  background: rgba(132,186,63, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-theme-90:before {  background: rgba(132,186,63, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-10, .bg-overlay-black-20, .bg-overlay-black-30, .bg-overlay-black-40, .bg-overlay-black-50, .bg-overlay-black-60, .bg-overlay-black-70, .bg-overlay-black-80, .bg-overlay-black-90, .bg-overlay-white-10, .bg-overlay-white-20, .bg-overlay-white-30, .bg-overlay-white-40, .bg-overlay-white-50, .bg-overlay-white-60, .bg-overlay-white-70, .bg-overlay-white-80, .bg-overlay-white-90, .bg-overlay-theme-20, .bg-overlay-theme-50, .bg-overlay-theme-70, .bg-overlay-theme-90, { position: relative; }
+
+
+/*************************************
+        home page section
+ **************************************/
+.our-service-home  { padding-bottom: 230px; }
+.custom-content { margin-top: -220px; background: #5E9ECA;  position:  relative; z-index: 9; padding: 50px;} 
+
+/*************************************
+       decolines
+ **************************************/
+.decolines { pointer-events: none; position: absolute; width: 100%; height: 100%; top: 0;left: 0; pointer-events: none; }
+.decolines--fixed { position: fixed; width: 100vw;height: 100vh; }
+.decoline { position: absolute; }
+ 
+/*************************************
+   feature step  
+ **************************************/
+.feature-step h1 { font-size: 60px;  } 
+.feature-step h3 { font-weight: 300; margin: 30px 0px 20px; } 
+.feature-step a { font-size: 14px; color: #5E9ECA; } 
+.feature-step a:hover { color: #323232; }
+
+.feature-step-2-box { padding: 70px 30px; z-index: 99; position: relative; }
+.feature-step-2.bg-01 { background: url(../images/blog/05.jpg); background-repeat: no-repeat; background-size: cover; } 
+.feature-step-2.bg-02 { background: url(../images/blog/06.jpg); background-repeat: no-repeat; background-size: cover; } 
+.feature-step-2.bg-03 { background: url(../images/blog/09.jpg); background-repeat: no-repeat; background-size: cover; } 
+.feature-step-2.bg-overlay-black-50:before { z-index: 0; }
+.feature-step-2 .feature-step-2-title-left h1 { font-size: 75px; line-height: 60px; color: #ffffff; }
+.feature-step-2 h3 { margin-bottom: 0; }
+.feature-step-2 h2{font-weight: 200; position: relative; padding-bottom: 10px; font-size: 28px; }
+.feature-step-2 img {display: block; width: 100%;}
+.feature-step-2 .button { margin-top: 20px; }
+.feature-step-2 .feature-step-2-title-left {opacity: 0.5; display: table-cell; padding-right: 26px; }
+.feature-step-2-title-2-right { display: table-cell; vertical-align: top; }
+.feature-step-2.black-bg .feature-step-2-box, .feature-step-2.theme-bg .feature-step-2-box{position: inherit; top: inherit; transform: inherit; display: inline-block;}
+.service-blog { padding-top: 50px; padding-right: 25px; margin-bottom: 100px; }
+.service-blog p { position: relative; z-index: 9; margin-top: 20px; margin-bottom: 20px; }
+.service-blog b {position: absolute; z-index: 0; top: -35px; font-family: 'Poppins', sans-serif; right: -35px; font-size:300px; color: #dde1eb; line-height: normal; opacity: 0.3;}
+.service-blog ul { border-right: 6px solid #5E9ECA; padding-right: 20px; }
+.service-blog li { color: #626262; font-size: 16px; line-height: 22px; padding: 2px 0 7px; }
+.service-blog.left b{left:-35px; right: inherit;}
+.service-blog.left ul{border-left:6px solid #5E9ECA;border-right:0 none;padding-left:20px;padding-right:0;}
+/*split-section*/
+.split-section { position: relative; z-index: 10; }
+.split-section .img-holder { position: absolute; top: 0; width: 100%; height: 100%; }
+.split-section .img-side.img-right { right: 0; }
+.split-section .img-side.img-left { left: 0; }
+.split-section .img-side { right: 0; padding: 0; position: absolute!important;  top: 0px; height: 100%; overflow: hidden; z-index: 100; }
+ .our-awesome-core .img-side { top:  20px;  }
+
+ /*************************************
+         about us 
+ **************************************/
+.who-we-are-left .owl-carousel .owl-dots { bottom: 26px; position: absolute; }
+.who-we-are-left .owl-carousel.owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; border-radius: 50%; }
+
+ /*************************************
+         resume
+ **************************************/
+.resume-page .container-fluid { padding: 0 70px; }
+.resume-block .resume-icon { float: left; margin-right: 30px; }
+.resume-block .resume-icon span { font-size: 30px;  line-height: 50px; color: #5E9ECA; }
+.resume-block .resume-name { display: table-cell; }
+.resume-block .resume-name span { color: #9ea8b6; font-size: 16px; }
+.resume-contact #map { padding-top: 120%; }
+.resume-contact .contact-form-main { padding: 80px 80px; }
+.resume-contact .footer-widget-social a i { color: #ffffff; background: rgba(43, 43, 43, 0.12);  width: 45px; height: 45px; line-height: 45px; }
+.resume-contact .footer-widget-social a i:hover { background: rgba(43, 43, 43, 0.19); } 
+ 
+ /*************************************
+         portfolio 
+ *************************************/
+ .isotope-filters { display: table; margin:0px 0px 30px 0px; text-align: left; }
+.isotope-filters.text-left { display: block; margin: 0px 0px 30px 0px; text-align: left; }
+.isotope-filters  button { margin: 4px; cursor: pointer;  padding: 6.5px 16px; font-size: 14px; background: transparent; border-radius: 18px; color: #363636;     font-weight: 600;    border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
+.isotope-filters  button:focus { outline: none;  outline-style: none; outline-offset:0; }
+.isotope-filters  button.active, .isotope-filters  button:hover { background: #5E9ECA; color: #fff; border-color: #5E9ECA; }
+.isotope-filters  button+button { margin-left: px; background-color: #fff; } 
+.isotope, .masonry { margin: 0 -15px 0 0; }
+.isotope .grid-item img { width: 100%; }
+.isotope.columns-1 .grid-item { width: 100%; padding: 0 15px 15px 0; }
+.isotope.columns-2 .grid-item { width: 50%; padding: 0 15px 15px 0; }
+.isotope.columns-3 .grid-item { width: 33.33333333%; padding: 0 15px 15px 0; }
+.isotope.columns-4 .grid-item { width: 25%; padding: 0 15px 15px 0; }
+.isotope.columns-5 .grid-item { width: 20%; padding: 0 15px 15px 0; }
+.isotope.no-padding .grid-item { padding: 0 !important; }
+.masonry.no-padding .masonry-item { padding: 0 !important; }
+.masonry .masonry-item img { width: 100%; }
+.masonry.columns-2 .masonry-item { width: 50%; padding: 0 15px 15px 0; }
+.masonry.columns-3 .masonry-item { width: 33.33333333%; padding: 0 15px 15px 0; }
+.masonry.columns-4 .masonry-item { width: 25%; padding: 0 15px 15px 0; }
+.masonry.columns-5 .masonry-item { width: 20%; padding: 0 15px 15px 0; } 
+.isotope.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; }
+.isotope.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; }
+.isotope.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; }
+.isotope.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; }
+.masonry.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; }
+.masonry.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; }
+.masonry.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; }
+.masonry.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; }
+
+ /*************************************
+         portfolio  item
+ **************************************/
+.portfolio-title { padding: 100px 60px 30px; }
+.portfolio-title span { display: block; }
+.portfolio-item { width: 100%; position: relative;  overflow: hidden; color: #fff; border: 0; position: relative; }
+.portfolio-item img { width: 100%; -webkit-transition: -ms-transform 0.35s; -o-transform 0.35s; -moz-transform 0.35s; transition: transform 0.35s; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
+.portfolio-item .portfolio-overlay  { width: 100%; background: #5E9ECA; padding: 10px 0px; position: absolute;  bottom:-80px; display: block;  margin-top: 0; float: left; z-index: 9; text-align: left; padding-left: 20px; left: 0;  transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; }
+.portfolio-item .portfolio-overlay h4 { font-weight: 600; margin-bottom: 5px; }
+.portfolio-item .portfolio-overlay a:hover { color: #323232; }
+.portfolio-item .portfolio-overlay span { font-weight: 400; font-size: 14px; }
+.portfolio-item .portfolio-overlay span a { color: #ffffff; }
+.portfolio-item .portfolio-overlay span a:hover { color: #323232; }
+.portfolio-item a.popup{position: absolute; right: 20px; top: -20px; color: #fff; z-index: 9; display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 40px;  opacity: 0;  transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out;}
+.portfolio-item a.popup:hover { background: #5E9ECA; color: #ffffff; }
+.portfolio-item:hover img { -webkit-transform:scale(1.20);  -moz-transform:scale(1.20); -ms-transform:scale(1.20);  -o-transform:scale(1.20);  transform:scale(1.20); }
+.portfolio-item:hover a.popup{ opacity: 1; top: 20px; }
+.portfolio-item:before { content: ''; display: inline-block; width: 100%; height: 100%;  position: absolute; top: 0; left: 0; z-index: 1; background-size: 115%;
+    -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98);  -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.7s cubic-bezier(.68,.11,.13,.98);
+    -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
+.owl-carousel .owl-item .portfolio-item img { width: 100%; }
+ .portfolio-item.only-popup { width: 100%; text-align: center; }
+ .portfolio-item.only-popup a.popup { display: inline-block; left: 50%; margin-left: -20px;  position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } 
+.portfolio-item:hover .portfolio-overlay { bottom: 0; }
+/* no-title */
+.no-title .portfolio-item .portfolio-overlay { position: inherit; bottom: inherit; background: #f6f7f8;  }
+.no-title .portfolio-item .portfolio-overlay a, .no-title .portfolio-item .portfolio-overlay span { color: #323232; }
+.no-title .portfolio-item .portfolio-overlay a:hover { color: #5E9ECA; }
+ /*portfolio pupup*/
+ .mfp-bottom-bar { display: none; }
+.portfolio-home .isotope { margin-bottom: 0; }
+ 
+/*************************************
+             portfolio-item-2
+**************************************/ 
+.portfolio-item-2 { width: 100%; overflow: hidden; position: relative; }
+.portfolio-item-2:before { background: transparent; }
+.portfolio-item-2 .portfolio-hover { padding: 20px; position: absolute; z-index: 99; bottom: 0px; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; }
+.portfolio-item-2 .portfolio-hover .hover-name {  position: absolute; bottom: -10px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; }
+.portfolio-item-2 .portfolio-hover .hover-name span { font-size: 14px; color: #fff; display: block; }
+.portfolio-item-2 .portfolio-hover .hover-name a { font-size: 22px; text-transform: uppercase; color: #fff; display: block; margin-top: 5px; }
+.portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #5E9ECA; }
+.portfolio-item-2 .portfolio-hover .hover-icon { position: absolute; bottom: -10px; right: 30px; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out;  -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; }
+.portfolio-item-2 .portfolio-hover .hover-icon a { color: #fff; }
+.portfolio-item-2 .portfolio-hover .hover-icon a:hover { color: #5E9ECA; }
+.portfolio-item-2:hover .portfolio-hover { opacity: 1; background: rgba(0, 0, 0, 0.9); }
+.portfolio-item-2 img { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;  -o-transition: all 1s ease;  -ms-transition: all 1s ease; transition: all 1s ease; }
+.portfolio-item-2:hover img { opacity: 0.1; -webkit-transform:scale(1.10);  -moz-transform:scale(1.10); -ms-transform:scale(1.10);  -o-transform:scale(1.10);  transform:scale(1.10); }
+.portfolio-item-2:hover .portfolio-hover .hover-name { bottom: 30px; }
+.portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: 40px; }
+.no-title .portfolio-item-2 { overflow: visible; }
+.no-title .portfolio-item-2 .portfolio-hover { position: inherit; border: inherit; opacity: 1; background: #f6f7f8; clear: both; }
+.no-title .portfolio-item-2:hover .portfolio-hover { bottom: inherit; background: inherit; background: #f6f7f8; }
+.no-title .portfolio-item-2 .portfolio-hover .hover-name { bottom: inherit; position: inherit; display: inline-block; clear: both; }
+.no-title .portfolio-item-2 .portfolio-hover .hover-icon { bottom: inherit; position: inherit; display: inline-block; float: right; padding-top: 20px; text-align: right;}
+.no-title .portfolio-item-2:hover .portfolio-hover .hover-name { bottom: inherit; }
+.no-title .portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: inherit; }
+.no-title .portfolio-item-2:hover img { opacity: 1;  -webkit-transform:inherit;  -moz-transform:inherit; -ms-transform:inherit;  -o-transform:inherit;  transform:inherit; }
+.no-title .portfolio-item-2 .portfolio-hover .hover-icon a, .no-title .portfolio-item-2 .portfolio-hover .hover-name span, .no-title .portfolio-item-2 .portfolio-hover .hover-name a { color: #323232; }
+.no-title .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .no-title .portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #5E9ECA; }
+ 
+ /*************************************
+	    	   Portfolio single page
+**************************************/
+  /*tags*/
+.tags h5 { display: inline-block; padding-right: 20px; }
+.tags ul { display: inline-block; }
+.tags li { display: inline-block; }
+.tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; }
+.tags li a:hover { box-shadow: 	0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; }
+
+/*share*/
+.share .social ul { display: inline-block; }
+.share .social ul li { display: inline-block; padding: 0px 6px; }
+.share .social ul li a:hover { color: #353535; }
+
+/*port-meta*/
+.port-meta ul { margin-bottom: 30px; }
+.port-meta li { margin-bottom: 20px; font-size: 16px; }
+.port-meta li b {  color: #5E9ECA; width: 200px; font-weight: 400; width: 100px; display: inline-block; }
+.port-meta li span { font-weight: normal; }
+.port-info p { margin-bottom: 0px; }
+
+/*port-navigation*/
+.port-navigation { padding: 20px 0; border-bottom:1px dashed #d0d0d0; border-top: 1px dashed #d0d0d0;}
+.port-navigation a { color: #626262; }
+.port-arrow { height: 74px; width: 40px; text-align: center; background: #f7f7f7; display: inline-block;}
+.port-arrow i {  text-align: center; font-size: 25px; line-height: 75px;}
+.port-photo { width: 124px; height: 77px; display: inline-block; }
+.port-photo img { width: 100%; }
+
+/*port-post*/
+.port-post { background: #f7f7f7; padding: 15px; }
+.port-post-photo { width: 170px; display: inline-block; float: left; margin-right: 20px; }
+.port-post-photo img { width: 100%;  }
+
+/*port-post-info*/
+.port-post-info { padding-left: 190px;}
+.port-post-info h3 { display: inline-block; font-size: 24px;  }
+.port-post-info span { color: #626262; }
+.port-post-social strong { font-size: 14px; }
+.port-post-social a { color: #626262; margin-left: 8px; font-size: 14px; }
+.port-post-social a:hover { color: #5E9ECA; }
+.port-post-info p { margin-top: 10px; }
+.port-singal .owl-carousel .owl-item img { width: 100%; }
+
+/*************************************
+    		Our Blog 
+ **************************************/
+ /*Blog  1*/
+.blog-box { padding: 30px; border:1px solid #ddd; position: relative; z-index: 1; } 
+.blog-info { position: relative; z-index: 9; }
+.blog-info span { color: #626262; font-size: 14px; margin-right: 6px; }
+.blog-info h4 { font-weight: 600; font-size: 18px;} 
+.blog-box .post-format-icon{text-align: right; position: relative; z-index: 9}
+.blog-box .post-format-icon i { padding-right: 0; font-size: 35px;  color: #e1e1e1; } 
+.blog-info p { padding: 0px 0 10px; font-size: 14px; }
+.blog-box .post-category a { display: inline-block;    padding: 5px 15px;    font-size: 12px; text-transform: uppercase;    font-weight: 700;    border-radius: 50em;    color:#fff;   background-color: #5E9ECA;    -webkit-transition: all 0.3s ease;    -moz-transition: ll 0.3s ease;    transition: all 0.3s ease; margin-bottom: 20px;}
+a.blog-btn { text-align: center; font-size: 14px; color: #5E9ECA; display: block; padding-bottom: 12px; position: relative; z-index: 1; }
+a.blog-btn i {  margin-left: 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
+.blog-box .border { position: absolute; background: #5E9ECA; height: 0px; bottom: 0; left: 0; z-index: 0; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;  }
+.blog-box .blog-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background-size: cover; background-position: center center; }
+.blog-box:hover .blog-box-img, .blog-box.active .blog-box-img { opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } 
+.blog-1:hover h4, .blog-1:hover i, .blog-1:hover span, .blog-1:hover p, .blog-1:hover a.blog-btn, .blog-1.active h4, .blog-1.active i, .blog-1.active span, .blog-1.active p, .blog-1.active a.blog-btn,.blog-1:hover .post-category a,.blog-1:hover .post-format-icon i,.blog-1.active .post-category a,.blog-1.active .post-format-icon i { color: #fff; } 
+.blog-box:hover .blog-box-img:before, .blog-box.active .blog-box-img:before { background: rgba(0, 0, 0, 0.6); color: #fff; content: ""; display: inline-block; height: 100%;
+  left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
+.blog-box.blog-2 {padding: 0; position: relative; border:none; transition: all 0.5s ease 0s; height: 100%; }
+.blog-box.blog-2 .blog-info{background: #ffffff; padding: 30px;}
+.blog-box.blog-2.gray-bg .blog-info {background: #f7f7f7;  }
+.blog-box.blog-2 .blog-box-img{opacity: 1;}
+.blog-box.blog-2 .post-format-icon{position: absolute; right: 30px; top: 30px;}
+.blog-box.blog-2 .button.icon-color{text-transform: capitalize; float: right;}
+.blog-box.blog-2:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);}
+.blog-box.blog-2.gray-bg:hover { box-shadow: none;}
+.blog-box.blog-2.transparent .blog-info { background: transparent; padding: 30px 0; }
+.blog-box.blog-2.transparent .blog-info span { color: #ffffff; }
+
+
+/***************************
+         blog 
+***************************/
+.blog-entry { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
+.blog-entry:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); }
+.blog-entry .entry-image img { width: 100%; }
+.blog-entry .blog-detail { background: #ffffff; padding: 30px; border-top: 0px; }
+.blog-entry .blog-detail .entry-title a { font-size: 22px; font-weight: 600; line-height: 24px; color: #353535; line-height: 28px; }
+.blog-entry .blog-detail .entry-title a:hover { color: #5E9ECA; }
+.blog-entry .entry-meta ul li { display: inline-block; margin-right: 12px; }
+.blog-entry .entry-meta ul li i { color: #5E9ECA; padding-right: 6px; }
+.blog-entry .entry-meta ul li a { color: #353535; line-height: 0px; padding-right: 5px; }
+.blog-entry .entry-meta ul li a i { padding-right: 6px; color: #5E9ECA; }
+.blog-entry .entry-meta ul li a:hover { color: #5E9ECA; }
+.blog-entry .social strong { display: inline-block; margin-right: 10px; }
+.blog-entry .entry-button { display: inline-block;}
+.blog-entry .social ul { display: inline-block; }
+.blog-entry .social ul li { display: inline-block; padding: 0px 6px; }
+.blog-entry .social ul li a:hover { color: #353535; }
+.blog-entry .entry-share { margin-top: 20px; display: block; }
+
+/*blog-entry blockquote*/
+.blog-entry.blockquote { background: #5E9ECA; border: 0px; padding: 36px 30px; }
+.blog-entry.blockquote blockquote { background: #5E9ECA; border-left: 0px; color: #ffffff; padding: 0px; position: relative; margin-top: 0 !important; padding-top: 60px; }
+.blog-entry.blockquote blockquote:before { content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #ffffff; position: absolute; left: 0px; top: -20px; }
+.blog-entry.blockquote .blog-detail { border: 0px; background: #5E9ECA; padding: 0px; }
+.blog-entry.blockquote .blog-detail .entry-title a { color: #ffffff; }
+.blog-entry.blockquote .blog-detail .entry-title a:hover { color: #323232; }
+.blog-entry.blockquote .social ul li a { color: #ffffff; }
+.blog-entry.blockquote .social ul li a:hover { color: #323232; }
+.blog-entry.blockquote .entry-meta ul li a { color: #ffffff; }
+.blog-entry.blockquote .entry-meta ul li i { color: #ffffff; }
+.blog-entry.blockquote .entry-meta ul li a i { color: #ffffff !important; }
+.blog-entry.blockquote .entry-meta ul li a:hover { color: #323232; }
+.blog-entry.blockquote .button.arrow.white:hover { color: #323232; } 
+
+/*video vimeo and youtube*/
+.js-video { height: 0; padding-top: 25px; padding-bottom: 54%; position: relative; overflow: hidden; }
+.js-video.widescreen { padding-bottom: 34.34%; }
+.js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: none; }
+.js-video.big { padding-top: 30px; }
+
+.blog-entry .grid-post li { float: left; width: 50%; border-right: 4px solid #fff; border-bottom: 4px solid #fff; list-style: none; }
+.blog-entry .grid-post li img { width: 100%;  }
+.blog-entry .grid-post li .portfolio-item { width: 100%; }
+ 
+ /*blog-entry-audio*/
+ .blog-entry .blog-entry-audio { padding: 136px 20px; background: url(../images/blog/04.jpg) no-repeat; background-position: center center; background-size: cover; }
+
+ /*blog pages*/
+ /*blog-grid-3-column*/
+ .blog-grid-3-column .blog-entry .blog-entry-audio { padding: 63px 20px; }
+ .blog-grid-2-sidebar .blog-entry .blog-entry-audio { padding: 96px 20px; }
+  
+/*************************************
+      our services
+**************************************/
+.service-image-holder { position: relative; height: 496px; }
+.service-image-holder .section-title-2 { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; }  
+.services-text-box { background:#fff; padding: 10% 15%;}
+.services-text-box-black { background:#363636; padding: 80px 50px !important; }
+.services-text-box-green { background:#5E9ECA; padding: 80px 50px !important; }
+
+/*************************************
+	    	creativity
+**************************************/
+.creativity h1 { line-height: 65px; text-transform: uppercase; font-size: 50px;	font-weight: bold; }
+.creativity p { font-size: 30px; }
+.creativity .button { display: inline-block; float: none; }
+ .contact-map iframe { width: 100%; height: 100%; }
+#formmessage {display: none;}
+.contact-form .section-field { position: relative; width: 31.3%; margin-right: 3%; float: left; }
+.contact-form .section-field:nth-child(3) { margin-right: 0px; }
+.contact-form .section-field:nth-child(6) { margin-right: 0px; }
+.contact-box.contact-box-top { margin-top: -1px; position: relative; }
+.touch-in .contact-box {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); display: inline-block; margin-bottom: 0; padding: 60px 20px; width: 100%;}
+.contact-box i { background: #5E9ECA; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 5px; font-size: 34px; color: #ffffff; display: inline-block;}
+.contact-form .form-control {position: relative; width: 100%; margin-bottom: 20px; }
+.section-field.textarea{width: 100%;}
+.g-recaptcha.section-field {width: 100%; margin-bottom: 20px; }
+.contact-form textarea.form-control {width: 100%; }
+.contact-box .contact-icon { display: table-cell; padding-right: 20px; }
+.contact-box .contact-icon i { background: transparent; line-height: normal; font-size: 34px; height: auto; width: auto;}
+.contact-box.theme-bg .contact-icon i{color: #ffffff !important;}
+.contact-box .contact-info { display: table-cell; vertical-align: top; padding: 0; background: none;} 
+.contact-2 .addresss-info p, .contact-2 .addresss-info i, .contact-2 .addresss-info li{color: #ffffff;}
+.contact-2 .contact-add{padding: 80px 0}
+.contact-2 .contact-add i{font-size: 40px;}
+.contact-3 #map { padding-top: 101%; }
+.contact-2 #map { padding-top: 100%; }
+.map-side { left: 0; overflow: hidden; padding: 0; position: absolute; top: 0; z-index: 9;}
+.map-side.map-right {left: auto; right: 0;}
+.contact-3 .contact-add{padding: 80px 20px; }
+.contact-3 .contact-add i{font-size: 40px; color: #5E9ECA;}
+.contact-3 .contact-form .section-field {width: 100%;}
+.contact-social ul li { display: inline-block; }
+.contact-social ul li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #323232; background: #eceff8; font-size: 14px; border-radius: 3px; margin-right: 5px; }
+.contact-social ul li a:hover { background: #353535 !important; color: #fff;}
+.contact-3 .theme-bg.contact-add i{color: #ffffff !important;}
+.footer #logo-footer { height: 30px; }
+.footer-contact .footer-nav ul li a { color: #353535; }
+.footer-contact .footer-nav ul li a:hover { color: #2046f2; }
+.footer-contact .contact-box .contact-icon i { background: transparent; color: #5E9ECA; margin-bottom: 10px; }
+.footer.footer-topbar hr { border-color: #d9d9d9; }
+.footer-contact .social ul { background: #f6f7f8; }
+.footer-contact .social ul li a i { color: #353535; }
+.footer-contact .social ul li a i:hover { color: #2046f2; }
+.footer-contact .usefull-link ul li a { color: #353535; }
+.footer-contact .usefull-link ul li a:hover { color: #2046f2; }
+.footer-contact { box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); margin-bottom: 80px; margin-top: -220px; padding: 60px 0; }
+.footer-contact .contact-box { text-align: center; }
+.footer-contact .contact-box .contact-icon { display: block; padding-right: 0; color: #2046f2; }
+.footer-contact .contact-box .contact-info { display: block; background: none; padding: 0; width: 100%;}
+.footer-contact .contact-box .contact-info .section-title { margin-bottom: 0px; }
+.footer-contact .contact-box .contact-info h5 { color: #353535; }
+.our-clients.theme-bg{padding: 60px 0 170px;}
+.footer-Newsletter .form-control::-moz-placeholder { color: rgba(255,255,255,0.5); }
+.footer-Newsletter .form-control::-ms-input-placeholder { color: rgba(255,255,255,0.5); }
+.footer-Newsletter .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.5); }
+
+/*************************************
+    		Our History
+**************************************/
+ .history-main { width: 100%; }
+ .liner { background: #fff; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: 96%; z-index: 1; position: relative; } 
+ .liner i { position: absolute; right: -2px; top: -9px; color: #fff; }
+ .history-content { list-style: outside none none; padding: 125px 0; width: auto; }
+ .history-1 { position: relative; left: 45px; }
+ .history-2 { position: relative; margin-left: 30%; }
+ .history-3 { position: relative; margin-left:58%; }
+ .history-4{ position: relative; margin-left: 95%; }
+ .history-line { background: #fff; height: 60px; left: 3px; position: absolute; top: -75px; width: 2px; z-index: 9; }
+ .history-time-lin { position: relative; top: 10px; z-index: 2; }
+ .history-time-lin:before { bottom: 0; }
+ .history-time-lin:before { background: #fff; border-radius: 50%; content: ""; height: 20px; left: -5px; position: absolute; width: 20px; z-index: 1; }
+ .history-time-lin:after { border:2px solid #fff; background: #000; border-radius: 50%; content: ""; height: 30px; left: -5px; position: absolute; width: 30px; }
+ .history-time-lin:after { left: -10px; top: -25px; }
+ .history-item { left: -20px; position: absolute;  top: -125px; }
+ .history-item a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align:  center; display:block; } 
+ .history-5 { position: relative; margin-left: 15%; }
+ .history-6 { position: relative; margin-left: 53%; }
+ .history-7 { position: relative; margin-left:78%; }
+ .history-line-2 { background: #fff none repeat scroll 0 0; height: 60px; left: 3px; position: absolute; top: 15px; width: 2px; z-index: 9; }
+ .history-item-2 { left: -20px; position: absolute; top: 75px; }
+ .history-item-2 a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; }
+ /*Our History */
+.our-history .timeline { list-style: none; padding: 20px 0 20px; position: relative; }
+.our-history .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 2px; background-color: #e6e6e6; left: 50%; margin-left: -0.5px; }
+.our-history .timeline > li { margin-bottom: 20px; position: relative; }
+.our-history .timeline > li:before,
+.our-history .timeline > li:after { content: " "; display: table; }
+.our-history .timeline > li:after { clear: both; }
+.our-history .timeline > li:before,
+.our-history .timeline > li:after { content: " "; display: table; }
+.our-history .timeline > li:after { clear: both;}
+.our-history .timeline > li > .timeline-panel { width: 46%; float: left; padding: 15px 00px 25px 00px; position: relative; }
+.our-history .timeline > li > .timeline-panel:before { position: absolute; top: 23px; right: -25px; display: inline-block; width: 25px; height: 2px; background: #e6e6e6; content: " "; }
+.our-history .timeline > li > .timeline-badge { color: #fff; width: 18px; height: 18px; line-height: 10px; font-size: 0.7em; text-align: center; position: absolute; top: 16px; left: 50%;
+  border:3px solid #5E9ECA; margin-left: -9px; background-color: #fff; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0 0 0 5px #f6f6f6; }
+.our-history .timeline > li.timeline-inverted > .timeline-panel {  float: right;}
+.our-history .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -25px; right: auto; }
+.our-history .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
+ .our-history .timeline-body > p,
+.our-history .timeline-body > ul { margin-bottom: 0; }
+.our-history .timeline-body > p + p  margin-top: 5px; 
+.our-history .timeline > li { text-align: right;}
+.our-history .timeline > li.timeline-inverted { text-align: left;}
+.our-history .timeline .timeline-arrow { position: absolute; width: 100%; left: 0.5px; right: 0; text-align: center; color: #e6e6e6; bottom: -29px; }
+.our-history .timeline > li > .timeline-badge p{width: 200px; margin-top: -9px; margin-left: 25px;font-size: 17px; font-weight: bold; text-align: left;}
+.our-history .timeline > li.timeline-inverted .timeline-badge p{text-align: right; float: right; margin-right: 25px;}
+
+/*************************************
+           our-service objects 
+**************************************/
+.our-service { position: relative; padding-bottom: 280px; z-index: 1; }
+.objects-left { position: absolute; height: 100%; width: 100%; left: 0; top: 80px; z-index: -1; }
+.objects-left .objects-1 { position: absolute; left: 50px; top: 0; }
+.objects-left .objects-2 { position: absolute; left: 100px; bottom: 170px; }
+.objects-left .objects-3 { position: absolute; left: 50%; bottom: 150px; margin-left: -150px; }
+.objects-right { position: absolute; height: 100%; width: 100%; right: 0; top:80px; z-index: -1; }
+.objects-right .objects-4 { position: absolute; right: 0px; top: 0; }
+.objects-right .objects-5 { position: absolute; right: 0px; bottom: 170px; }
+.objects-right .objects-bottom { position: absolute; right: 0px; bottom: 0; }
+
+/*************************************
+         sidebar
+**************************************/
+.sidebar-widget p { margin-bottom: 0px; }
+/*.widget-search */
+.widget-search { position: relative; }
+.widget-search input { padding-right: 30px; color: #353535; box-shadow: none; background: #f6f7f8; }
+.widget-search i { position: absolute; right: 0px; padding: 16px 22px; font-size: 14px; color: #626262; cursor: pointer;  }
+.widget-search input:focus { border-color: #5E9ECA; } 
+ 
+/*Recent Posts*/
+.sidebar-widget .recent-post { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding-bottom: 20px; margin-bottom: 20px; }
+.sidebar-widget .recent-post .recent-post-image { float: left; margin-right: 15px; }
+.sidebar-widget .recent-post .recent-post-image img { width: 50px; height: 50px; border-radius: 50%; }
+.sidebar-widget .recent-post .recent-post-info { overflow: hidden; }
+.sidebar-widget .recent-post .recent-post-info a  { display: block; margin-bottom: 5px; color: #323232; }
+.sidebar-widget .recent-post .recent-post-info a:hover { color: #5E9ECA; }
+.sidebar-widget .recent-post .recent-post-info span { color: #5E9ECA; font-style: italic; font-size: 14px; }
+.sidebar-widget .recent-post .recent-post-info span i { padding-right: 10px; }
+.sidebar-widget .recent-post:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
+
+/*widget-archives*/ 
+.sidebar-widget .widget-categories li { display: block; margin-bottom: 6px; }
+.sidebar-widget .widget-categories li a { font-size: 14px; color: #626262; line-height: 32px; display: block; }
+.sidebar-widget .widget-categories li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 10px; width: 20px; height: 20px; text-align: center; }
+.sidebar-widget .widget-categories li a:hover { color: #5E9ECA; }
+.sidebar-widget .widget-categories li a:hover i { border-color: #5E9ECA; color: #5E9ECA; }
+
+/*widget-link*/
+.sidebar-widget .widget-link li { display: block; margin-bottom: 6px; }
+.sidebar-widget .widget-link li a { font-size: 14px; color: #626262; line-height: 32px; display: block; }
+.sidebar-widget .widget-link li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 20px; width: 20px; height: 20px; text-align: center; }
+.sidebar-widget .widget-link li a:hover { color: #5E9ECA; }
+ 
+/*tags*/
+.sidebar-widget .widget-tags li { display: inline-block; }
+.sidebar-widget .widget-tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; }
+.sidebar-widget .widget-tags li a:hover { box-shadow: 	0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; }
+
+/*widget-testimonial*/
+.sidebar-widget .testimonial-widget .testimonial-content { background: #f6f7f8; padding: 20px; font-style: italic; border-radius: 5px; position: relative; }
+.sidebar-widget .testimonial-widget .testimonial-content:before {  position: absolute; content: ""; bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px;
+border-color: #f6f7f8 transparent transparent transparent; }
+.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar { display: table-cell; padding-right: 20px;  }
+.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar img { width: 50px; height: 50px; border-radius: 50%; }
+.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name { display: table-cell;  vertical-align: top; }
+.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name span { display: block; font-style: italic; font-size: 14px; }
+.sidebar-widget .testimonial-widget .testimonial-info:before { display: none; }
+
+/*widget-gallery*/
+.sidebar-widget .widget-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; }
+
+/*widget-newsletter*/
+.sidebar-widget .widget-newsletter { background: #f6f7f8; padding: 30px; position: relative; z-index: 9; overflow: hidden; }
+.sidebar-widget .widget-newsletter .newsletter-icon { position: absolute; right: 0; top: -16px; }
+.sidebar-widget .widget-newsletter .newsletter-icon i { font-size: 100px; z-index: 0; color: rgba(0, 0, 0, 0.05); }
+.sidebar-widget .widget-newsletter .form-control {  background: #ffffff; box-shadow: none; }
+
+/*widget-clients*/
+.sidebar-widget .widget-clients .item { background: #f6f7f8; padding: 30px 30px; }
+
+/*opening-time*/
+ .opening-time ul li { font-size: 14px; line-height: 20px; color: rgba(255,255,255,0.5); border-bottom: 1px solid #262626; padding-bottom: 14px; margin-bottom: 14px; }
+ .opening-time ul li:last-child { border-bottom: 0; }
+
+/*************************************
+	    	About me
+**************************************/
+.about-me .custom-content { margin-top: 0px; }
+.about-me .maintenance-progress-bar { margin: 0; }
+.about-me .maintenance-progress-bar .progress-bar { margin: 0 44px;  }
+.maintenance-progress-bar .progress-bar .rotate { background: #5E9ECA !important; }
+.maintenance-progress-bar .progress-bar .right { background: #5E9ECA !important; }
+.about-me .portfolio-item { width: 100%;}
+.about-me .contact-me p { color: #363636; margin: 15px 0; display: table; }
+.about-me .contact-me i { float: left; color: #5E9ECA; margin-right: 15px; line-height: 23px; width: 20px; }
+.about-me .follow-me ul { margin-top: 20px; }
+.about-me .follow-me li { display: inline-block; }
+.about-me .follow-me li a { background: #e4e4e4; color: #5E9ECA; border-radius: 3px; display: block; width: 35px; height: 35px; line-height: 35px; margin-right: 2px; text-align: center; font-size: 16px; }
+.about-me .follow-me li a:hover { background: #5E9ECA; color: #fff; }
+
+/*************************************
+	    	   Team 1 page
+**************************************/
+/*team-details*/
+ .team-details .social{display:table;float:right;}
+.team-details .social li a { background:#f7f7f7 none repeat scroll 0 0;border-radius:3px;color:#5E9ECA;display:block;font-size:15px;height:35px;line-height:35px;margin-left:0px;text-align:center;width:35px; }
+.team-details .social li a:hover { background: #5E9ECA; color: #ffffff; }
+.team-details .info i{color:#f7f7f7;font-size:126px;left:0;position:absolute;z-index:0;}
+.team-details .info p{font-size:16px;font-style:italic;line-height:28px;padding-left:64px;position:relative;z-index:9;}
+ 
+/*************************************
+	    	   blog page
+**************************************/ 
+ .owl-carousel img { width: 100%; }
+/*pagination-nav*/
+.pagination { margin:0px; }
+.pagination li a { font-size: 15px; font-weight: 500; margin: 0 5px; color: #626262; border-radius: 50%; }
+.pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 50%; }
+.pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 50%; }
+.pagination>.active>a, .pagination>.active>a:hover { color: #626262; }
+.pagination > li > a, .pagination > li > span { width: 44px; height: 44px; line-height: 44px; background: #f6f7f8; border:0px; padding: 0; text-align: center; }
+.pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover  {  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background-color:#5E9ECA; color: #ffffff;}
+.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color:#5E9ECA; color: #ffffff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); }
+.dataTables_paginate li.paginate_button.previous a, .dataTables_paginate li.paginate_button.next a { width: inherit; height: inherit; background: transparent !important; color: inherit !important;  box-shadow: none !important; }
+ /*timeline blog*/
+.blog .timeline { list-style: none;  padding: 20px 0 20px;  position: relative; }
+.blog .timeline:before { top: 0; bottom: 0; position: absolute; content: " ";  width: 4px;  background-color: #f7f7f7;  left: 50%;  margin-left: -1.5px; }
+.blog .timeline > li { margin-bottom: 20px; position: relative; width: 46%; float: left; clear: left; }
+.blog .timeline > li:before,
+.blog .timeline > li:after { content: " "; display: table; }
+.blog .timeline > li:after { clear: both; }
+.blog .timeline > li:before,
+.blog .timeline > li:after { content: " "; display: table; }
+.blog .timeline > li:after { clear: both; }
+.blog .timeline > li > .timeline-panel { width: 95%; float: left; border: 1px solid #d4d4d4; /*border-radius: 2px;*/ /*padding: 20px;*/ position: relative; border:1px solid #f7f7f7;
+  padding: 20px;  transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
+.blog .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #f7f7f7;
+  border-right: 0 solid #f7f7f7; border-bottom: 15px solid transparent; content: " "; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
+.blog .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff;
+  border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; }
+.blog .timeline > li > .timeline-badge { color: #fff; width: 54px; height: 54px; line-height: 18px; padding: 6px; font-size: 22px; border:4px solid #f7f7f7; background: #fff;
+  border-radius: 50%; text-align: center; font-weight: bold; position: absolute; color: #f7f7f7; top: 16px; right: -73px; /*z-index: 100;*/ }
+.blog .timeline > li > .timeline-badge span { font-size: 13px; font-weight: normal; display: block; }
+.blog .timeline > li.timeline-inverted > .timeline-panel { float: right; }
+.blog .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
+.blog .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
+.blog .timeline-title {  margin-top: 0; color: inherit; }
+.blog .timeline-body > p,
+.blog .timeline-body > ul { padding:20px;  margin-bottom: 0; }
+.blog .timeline-body > p + p { margin-top: 5px; }
+.blog .timeline-footer { padding:20px; background-color:#f4f4f4; }
+.blog .timeline-footer > a { cursor: pointer; text-decoration: none; }
+.blog .timeline > li.timeline-inverted { float: right; clear: right; margin-top: 30px; margin-bottom:    0px; }
+.blog .timeline > li:nth-child(2){ margin-top: 60px; }
+.blog .timeline > li:nth-child(3){ margin-top: 60px; }
+.blog .timeline .entry-title i { font-size: 24px;}
+.blog .timeline-inverted .timeline-badge { margin-top: 70px}
+.blog .timeline li.timeline-inverted .timeline-panel:after { top: 98px; }
+.blog .timeline li.timeline-inverted .timeline-panel:before { top: 97px; }
+.blog .timeline > li.timeline-inverted > .timeline-badge { left: -73px; }
+.blog .timeline li.entry-date { top: 0; left: 0; position: absolute; right: 0; text-align: center; width: 100%; }
+.blog .timeline li.entry-date span { background: #f7f7f7; color: #363636; font-size: 16px; font-weight: 400; text-transform: capitalize; padding: 10px 25px;border-radius: 30px;}
+.blog .timeline li.entry-date-bottom { bottom: -30px; left: 0; position: absolute; right: 0; text-align: center; width: 100%; }
+.blog .timeline li.entry-date-bottom a {  background: #f7f7f7; padding: 7px 10px; color: #363636; font-size: 16px; padding: 10px 25px; border-radius: 30px; }
+.blog .timeline li.entry-date-bottom a:hover {  background: #5E9ECA; color: #fff; }
+.blog .timeline li:hover .timeline-panel { border-color: #5E9ECA; }
+.blog .timeline li:hover .timeline-badge a { color: #fff; }
+.blog .timeline li:hover .timeline-badge{ background: #5E9ECA; border-color: #5E9ECA;  }
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #5E9ECA; border-right-color: #5E9ECA; }
+.blog .blog.timeline .entry-quote p { font-size: 16px; }
+/* blog 2 column masonry left sidebar */
+.blog.timeline-sidebar .timeline > li { width: 89%; }
+.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 50%;}
+.blog.timeline-sidebar .timeline:before { left: 54px; }
+.blog.timeline-sidebar .timeline li.entry-date { text-align: left;}
+.blog.timeline-sidebar .timeline li.entry-date-bottom { text-align: left;}
+.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -66px; }
+.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 0px; }
+.blog.timeline-sidebar .timeline > li:nth-child(3) { margin-top: 30px; 	}
+.blog.timeline-sidebar .timeline li.entry-date { top: 3px; }
+.blog.timeline-sidebar .timeline li.entry-date span { font-size: 14px; padding: 10px 25px; }
+.blog.timeline-sidebar .timeline li.entry-date-bottom {  bottom: -48px; }
+.blog.timeline-sidebar .timeline li.entry-date-bottom a { font-size: 14px; padding: 10px 25px; }
+.blog.timeline-sidebar .timeline li .share ul li { width: auto; }
+
+/*blog-single*/
+.blog-single .blog-entry { box-shadow: none; }
+.blog-single .blog-entry .blog-detail { padding: 0; margin-top: 20px; }
+
+.blog-single .blockquote { font-style: italic;  line-height: 30px; background: #f6f7f8 !important;  }
+.blog-single .blog-entry.blockquote blockquote { background: #f6f7f8;color: #626262;  }
+.blog-single .blog-entry.blockquote blockquote cite {  color: #5E9ECA; }
+.blog-single .entry-share .tags { display: inline-block; } 
+.blog-single .blog-entry.blockquote blockquote:before { color: #323232; top: 20px; }
+
+/*blog-comments*/
+.comments-1 .comments-photo { width: 106px; height: auto; float: left; border:5px solid #f7f7f7; margin-right: 20px; }
+.comments-1 .comments-photo img { width: 100%; }
+.comments-1 .comments-info { display: table; background: #f7f7f7; padding: 20px; margin-bottom: 20px; }
+.comments-1 .comments-info h4 { display: inline-block; } 
+.comments-1 .comments-info span { font-size: 13px; color: #626262; } 
+.comments-1 .comments-info a { color: #5E9ECA; }
+.comments-1 .comments-info a:hover { color: #363636; }
+.comments-1.comments-2 { padding-left: 127px; }
+.comments-1.comments-2 .comments-info { background: #fff; margin-bottom: 0px; padding: 20px 20px 10px; }
+ 
+/*************************************
+	    	 error 404
+**************************************/ 
+.error-block { position: relative; z-index: 9; padding: 20px 0  130px 0px; }
+.error-block .error-text { position: absolute; text-align: center; left: 0; right: 0; z-index: -1; }
+.error-block .error-text h2 {   font-size: 420px; line-height: 300px; color: rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0;  }
+.error-block .error-text  span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 134px; line-height: 100px; color: rgba(0, 0, 0, 0.1); font-weight: bold; }
+.error-block h1 { font-size: 87px; padding-top: 110px; }
+.error-block p { font-size: 33px; }
+
+.error-text-02 { position: relative; text-align: center;  }
+.error-text-02 h2 {   font-size: 420px; line-height: 300px; color: rgba(255, 255, 255, 0.2); position: relative; left: -70px; top: 0;  }
+.error-text-02  span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 117px; line-height: 100px; color: rgba(255, 255, 255, 0.2); font-weight: bold; }
+.error-middle { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; }
+
+
+/*************************************
+	    	    coming soon 
+**************************************/  
+.coming-soon { background: transparent;  }
+.coming-soon-countdown ul.countdown { list-style: none; margin: 75px 0; padding: 0;  display: block; text-align: center; }
+.coming-soon-countdown ul.countdown li { display: inline-block; width: 24%; }
+.coming-soon-countdown ul.countdown li span { font-size: 90px; font-weight: bold; line-height: 80px; color: #5E9ECA; }
+.coming-soon-countdown ul.countdown li p { color: #626262; font-size: 20px; text-transform: capitalize; margin-bottom: 30px; }
+.coming-soon .coming-soon-form input { color: #626262; }
+.coming-soon-form` input { width: 50%; color: #fff; display: block; margin: 0 auto; }  
+.coming-soon-form.contact-form input { width: 50%; display: block; margin: 0 auto; }  
+.coming-soon-middle { padding: 100px; display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; }
+
+/*************************************
+	    	 Register 
+**************************************/ 
+.register-form .section-field { display: block; }
+.register-form .field-widget { position: relative; }
+.register-form .field-widget input { width: 100%; margin-bottom: 20px; padding-left: 30px; }
+.register-form .field-widget select { width: 100%; margin-bottom: 20px; padding-left: 15px; }
+.register-form .field-widget  input.gui-input { padding-left: 140px;}
+.register-form .field-widget .button { background: #666; height: 46px; left: 0; margin: 2px; position: absolute; text-align: center; top: 0; width: 115px; border:0; }
+.register-form .nice-select { float: none; margin-bottom: 20px; background: #f6f7f8; border:0; } 
+.remember-checkbox a {color: #5E9ECA; }
+.remember-checkbox label { position: relative; padding-left: 30px; font-size: 14px;	cursor: pointer;}
+.remember-checkbox label:before, label:after { font-family: FontAwesome; font-size: 17px; position: absolute; top: -3px; left: 0; padding-left: 2px; border-radius: 6px; }
+.remember-checkbox label:before { border: 2px solid #5E9ECA; content: ""; height: 20px; margin-top: 3px; width: 20px; }
+.remember-checkbox label:after { content: '\f00c'; max-width: 0; overflow: hidden; opacity: 0.5; transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; }
+.remember-checkbox input[type="checkbox"] { display: none; }
+.remember-checkbox input[type="checkbox"]:checked + label:after { max-width: 25px; opacity: 1;  }
+/*all id*/
+#one+label:before, #one+label:after {color: #5E9ECA;}
+#two+label:before, #two+label:after {color: #5E9ECA;}
+#three+label:before, #three+label:after {color: hsl(120, 45%, 40%); }
+#four+label:before, #four+label:after {color: hsl(180, 45%, 40%); }
+#five+label:before, #five+label:after {color: hsl(240, 45%, 40%); }
+#six+label:before, #six+label:after {color: hsl(300, 45%, 40%); }
+  
+/*************************************
+	    	 Login 
+**************************************/ 
+.full-height-bg { height: 100vh; }
+/*login-2-social*/
+.login-social li { display: inline-block; margin: 2px 0px; }
+.login-social li a { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
+.login-social li a.fb { display: block;  padding: 12px 20px; color: #fff; font-size: 14px; background: #4c70ad; border-radius:30px; }
+.login-social li a.twitter { display: block;  padding: 12px 20px; color: #fff; font-size: 14px; background: #25b6e6; border-radius:30px; }
+.login-social li a.pinterest { display: block;  padding: 12px 20px; color: #fff; font-size: 14px; background: #dd4b39; border-radius:30px; }
+.login-social li i { border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px;  }
+.login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover  { background: #5E9ECA; } 
+
+/*login 02*/
+.section-transparent { background: transparent; }
+.login-bg  { background: #ffffff; border-radius: 10px; }
+.login-bg .login-title { background: #5E9ECA; padding: 30px; border-radius: 10px 10px 0 0; }
+.login-bg .login-form { padding: 40px 30px; }
+.login-bg .login-social { padding: 30px; background: #f6f7f8; border-radius: 0 0 10px 10px; }
+
+/*login 02*/
+.register-bg  { background: #ffffff; border-radius: 10px; }
+.register-bg .register-title { background: #5E9ECA; padding: 30px; border-radius: 10px 10px 0 0; }
+.register-bg .register-form { padding: 30px 30px 50px; }
+
+/*************************************
+	    	 maintenance 
+**************************************/ 
+img.logo-small { height: 40px; margin: 30px 0; position: relative; }
+.maintenance-main i { font-size: 100px; margin-bottom: 10px; color: #e4e4e4; }
+.maintenance-main h1 { font-size: 62px; text-transform: uppercase; font-weight: bold; }
+.maintenance-main p { font-size: 26px; line-height: 35px; margin-bottom: 70px;}
+.maintenance-form { width: 76%; margin: 0 auto; }
+.maintenance-form p { font-size: 19px; }
+.maintenance-form input { width: 50%; margin: 0 auto; } 
+  
+/*maintenance 2 */
+.maintenance-main h1 { font-size: 40px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; }
+.maintenance-contant p { line-height: 25px; margin-top:20px; font-size: 14px; }
+.progress-new { margin-top: 50px; height: 50px; background: #f6f7f8; border-radius: 0; margin-bottom: 50px; margin-left: auto; margin-right: auto; width: 50%; }
+.progress-bar-new { line-height: 50px; background-color: #5E9ECA; color: #ffffff; font-size: 20px; padding-left: 20px; }
+.progress-bar-new span { position: absolute; right: 30px; color: #323232; font-weight: bold; font-size: 20px; }
+.progress-bar-striped,
+.progress-striped .progress-bar-new {
+  background-image: linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent);
+  background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent);
+  background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent);
+}
+ 
+/*************************************
+	    	 Our clients 
+**************************************/ 
+/*clients-box*/
+.clients-box { background: #f7f7f7; padding: 20px; }
+.clients-photo { position: relative; margin-right: 20px; width: 200px; height: 200px; float: left; display: table-cell; text-align: center; vertical-align: middle; background: #fff; }
+.clients-photo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } 
+.clients-info { display: table; }
+.clients-info i { padding-right: 10px; }
+.clients-info a { font-size: 14px; color: #5E9ECA; }
+.clients-info a:hover { color: #626262; }
+.clients-info p { margin-top: 10px; }
+.happy-clients .tab-content { padding: 0 30px; position: relative; text-align: left; }
+.happy-clients .tab-content .quoter-icon { position: absolute; left: 0;  top: -10px; font-size: 120px;  line-height: 1; color: #5E9ECA;}
+.happy-clients .tab-content p{padding-left: 30px; font-size: 18px; padding-top: 10px; font-style: italic; }
+.happy-clients .nav-tabs li { overflow: visible; display: inline-block; padding: 0 5px; }
+.happy-clients .nav.nav-tabs li a, .happy-clients .nav.nav-tabs li a:hover, .happy-clients .nav.nav-tabs li a:focus { background: none; padding: 0; border:0; outline: none; background: transparent !important;}
+.happy-clients .nav-tabs li img {width: 96px; opacity: 0.1;   height: 96px; border-radius: 50%; }
+.happy-clients .nav-tabs li.active img, .happy-clients .nav-tabs li:focus img { border: 4px solid #fff;  opacity: 1;  top: -2px; box-shadow: 0 0 40px rgba(0,0,0,.3);  }
+.happy-clients .testimonial-avatar { position: relative; right: inherit; left: inherit; top: inherit; width: inherit; height: inherit; margin-left: inherit; margin-top: 30px; }
+.happy-clients .nav-tabs { border: 0; }
+ 
+/***********************************
+         process
+************************************/ 
+.process-list .col-sm-12 { padding: 0 50px; }
+.process { margin: 0px; border: 2px dashed rgba(0, 0, 0, 0.3); position: relative; width: 100%; float: left; padding-bottom: 50px; padding-top: 50px; min-height: inherit; }
+.process.left { border-right: 0; border-top: 0; }
+.process.right { border-left: 0; border-top: 0; }
+.process .border-area.left-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; left: -2px; z-index: 99; }
+.process .border-area.left-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); }
+.process .border-area.right-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; right: -2px; }
+.process .border-area.right-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); }
+.process .border-area.right-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } 
+.process .border-area.right-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); }
+.process .border-area.left-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; left: -2px; } 
+.process .border-area.left-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); }
+.process:first-child { padding-top: 0; }
+.process.left:first-child .process-step { top: 0; }
+.process:last-child {  border-bottom: 0; }
+.process:last-child .border-area.left-bottom { bottom: 0; }
+.process:last-child .border-area.left-bottom:before { border-bottom-left-radius:0; border-bottom: 0; }
+.process.left .process-step { position: absolute; top: 50px; left: -35px; z-index: 999; }
+.process.right .process-step { position: absolute; top: 50px; right: -35px; z-index: 99; }
+.process.left .process-content { padding-left: 80px; }
+.process.right .process-content{  padding-right: 80px; }
+.process .process-step strong { width: 70px; height: 70px; line-height: 70px; text-align: center; background: #5E9ECA;  border-radius: 100%; display: inline-block;
+    z-index: 99; font-size: 20px; color: #fff; }
+.process .process-content { position: relative; z-index: 99; }
+.process .process-content span { font-size: 80px; line-height: 80px; color: #5E9ECA; }
+.process.left .process-content .process-icon { display: table-cell; padding-right: 30px; }
+.process.left .process-content .process-info { display: table-cell;  vertical-align: top; }
+.process.right .process-content .process-icon { float: right; padding-left: 30px; }
+.process.right .process-content .process-info { display: table-cell; vertical-align: top; } 
+
+/*************************************
+	    	 Careers 
+**************************************/ 
+.agency-about  { padding-bottom: 100px; }
+
+/*careers accordion*/
+.careers .acd-des span { display: block; }
+ 
+/*careers form*/
+.careers-from .section-field label { margin-bottom: 10px; }
+ 
+/*************************************
+          sitemap 
+**************************************/ 
+.sitemap h4 { margin-bottom: 25px; text-transform: capitalize; }
+.sitemap h4 i { padding-right: 10px; }
+.sitemap ul li { display: block; line-height: 34px; }
+.sitemap ul li i { padding-right: 10px; } 
+.sitemap ul li a { font-size: 14px; color: #626262; text-transform: capitalize; }
+.sitemap ul li a:hover { color: #5E9ECA; }
+
+/*************************************
+             privacy-policy 
+**************************************/
+.privacy-policy ul li { font-size: 14px; line-height: 30px; }
+.privacy-policy ul li i { padding-right: 10px; }
+
+/*************************************
+            page sidebar 
+**************************************/
+.page-sidebar .page-content ul li { font-size: 14px; line-height: 30px; }
+.page-sidebar .page-content ul li i {  }
+
+/*************************************
+           terms and conditions 
+**************************************/
+.terms-and-conditions ul li { font-size: 14px; line-height: 30px; }
+.terms-and-conditions ul li i { padding-right: 10px; }
+ 
+ 
+.special-feature .feature-text {padding:40px;}
+.special-feature { padding-bottom:-117px; }
+.special-feature .row-eq-height.no-gutter { position:relative; z-index:99; margin-top:-117px; }
+
+/*************************
+   BG - Images
+*************************/
+.parallax {   background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -ms-background-size: cover !important;  position: relative; z-index: 0; background-origin: initial; background-position: center bottom !important; background-repeat: no-repeat;  }
+.gradient-overlay{position:relative;}
+.gradient-overlay:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background:url(../images/construction/bg/gradient-overlay1.png) repeat-y left 0;}
+  
+/*************************************
+          Footer 
+**************************************/
+.footer.black-bg{background: #1a1a1a;}
+.footer.black-bg p { color: rgba(255,255,255,0.5); }
+.footer.black-bg .social-icons li a { color: rgba(255,255,255,0.5); }
+.footer p{font-size: 14px;}
+.footer-logo img { width: 65%; }
+.footer h6{font-size: 14px;}
+.addresss-info li { font-size: 14px; margin-bottom: 15px; color: rgba(255,255,255,0.5); list-style: none; }
+.addresss-info i{  color:rgba(255,255,255,0.5); padding-right: 5px; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 14px; }
+.addresss-info p { display: table; color: rgba(255,255,255,0.5); margin-bottom: 0px; }
+.addresss-info li a { color: rgba(255,255,255,0.5); }
+.footer a{font-size: 14px;}
+
+/*footer-Newsletter*/
+.footer-Newsletter { display: inline-block; width: 100%;}
+.footer-useful-link.footer-hedding ul { margin-top: -6px; }
+.footer-Newsletter .form-control { border-left: 0px; height: 50px; border-radius: 30px; font-size: 14px;  color: rgba(255,255,255,0.3); border:none; background: #252525; padding: 10px 25px; width: 100%; }
+.footer-Newsletter .form-control:focus { border:0; box-shadow: none;}
+.footer-Newsletter .button.border{border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.5); padding: 10px 18px; font-size: 12px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
+.footer-Newsletter .button.border:hover { color: #ffffff; }
+.footer-useful-link ul li { list-style: none; margin-bottom: 12px;}
+.footer-useful-link ul li:last-child { margin-bottom: 0; }
+.footer-useful-link ul li a { color: rgba(255,255,255,0.5); font-size: 14px; vertical-align: top; display: block; line-height: 26px; }
+.footer-useful-link ul li a:hover { color: #5E9ECA; }
+/*transparent*/
+.footer-Newsletter.transparent .form-control { background: rgba(0, 0, 0, 0.04); }
+.footer-Newsletter.transparent .form-control::-moz-placeholder { color: #323232; }
+.footer-Newsletter.transparent .form-control::-ms-input-placeholder { color: #323232; }
+.footer-Newsletter.transparent .form-control::-webkit-input-placeholder { color: #323232; }
+
+/*footer-widget*/
+.footer-widget { padding: 20px 0; border-top: 1px solid #262626;}
+.footer-widget p{font-size: 14px; color: rgba(255,255,255,0.5); letter-spacing: 0.5px;}
+.footer-widget a { color: #5E9ECA; } 
+.footer-widget a:hover { color: #5E9ECA; } 
+.footer-widget-social {margin-top: 5px; } 
+.footer-widget-social li  { display: inline-block;} 
+.footer-widget-social a i { display: inline-block; color: rgba(255,255,255,0.5); background: none; border-radius: 50%; width: 35px; height: 35px; text-align:center; line-height: 37px; font-size: 14px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} 
+.footer-widget-social a i:hover{background: #5E9ECA;}
+.footer .footer-nav ul li {    display: inline-block;}
+.footer .footer-nav ul li a { margin: 0 5px; color: #323232;}
+.footer .footer-nav ul li a:hover { color: #5E9ECA; }
+.footer .social ul li {display: inline-block;}
+.footer .social ul li a i { font-size: 14px; width: 45px; height: 45px; line-height: 45px; text-align: center; float: none; color: #323232;}
+.footer .social ul li a i:hover{color: #5E9ECA;}
+.footer .social ul{background: #f6f7f8;     display: inline-block;    border-radius: 30px;    padding: 0px 10px;}
+.footer .usefull-link ul li {display: block;    border-bottom: 0px;    line-height: 24px;    padding: 5px 0; }
+.footer .usefull-link ul li a{color: #323232;}
+.footer .usefull-link ul li a:hover { color: #5E9ECA; }
+.footer .copyright { padding: 30px 0 20px;}
+.footer .copyright ul li a {color: #323232;}
+.footer .copyright ul li a:hover {color: #5E9ECA;}
+img#logo-footer{ height: 50px; width: auto; }
+.footer.light .footer-nav ul li a{color: #fff;}
+.footer.light .footer-nav ul li a:hover { color: #323232; }
+.footer.light h6{color: #fff;}
+.footer.light .about-content p{color: #fff;}
+.footer.light .usefull-link ul li a{color: #fff;}
+.footer.light .usefull-link ul li a:hover {color: #323232;}
+.footer.light .copyright ul li {color: #fff;}
+.footer.light .copyright ul li a {color: #ffffff; font-size: 14px;}
+.footer.light .copyright ul li a:hover {color: #323232; }
+.footer.light.footer-topbar .copyright ul li { color: #ffffff }
+.footer.light .copyright p {color: #fff;}
+.footer.light .social ul li a i {color: #5E9ECA;}
+.footer.light .social ul li a:hover i {color: #323232;}
+.footer .footer-text p{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;}
+.footer .footer-social ul li a{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;}
+.footer .footer-social ul li a:hover { color: #5E9ECA !important; }
+.footer.footer-topbar .copyright ul li{color:rgba(255, 255, 255, 0.5) !important;}
+.footer.footer-one-page .contact-add i { font-size: 20px }
+.footer.footer-one-page h5 { color: rgba(255,255,255,0.5); }
+.footer.footer-one-page p { color: rgba(255,255,255,0.5); }
+
+/* footer transparent*/
+.footer.transparent h6, .footer.transparent p, .footer.transparent ul li a, .footer.transparent span { color: #ffffff; }
+
+/*widget-gallery*/
+.footer .footer-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; }
+.footer .footer-tags li { display: inline-block; }
+.footer .footer-tags li a { background: transparent; color: #fff; border:1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; }
+.footer .footer-tags li a:hover { background: #5E9ECA; }
+
+/*footer-social-big*/
+.footer-social-big ul li { display: inline-block; padding: 10px; width: 70px; text-align: center;  background: rgba(255, 255, 255, 0.1); }
+.footer-social-big ul li.facebook { background: #5d82d1; }
+.footer-social-big ul li.pinterest { background: #e13138; }
+.footer-social-big ul li.linkedin { background: #238cc8; }
+.footer-social-big ul li i { color: #ffffff; display: block; width: 30px; height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.2); border-radius: 50%; margin: 0 auto;  }
+.footer-social-big ul li span { display: block; text-align: center; color: #ffffff; margin-top: 10px; font-size: 11px; }
+ 
+/*footer-box*/
+.footer-box { background: rgba(102, 102, 102, 0.2); padding: 30px; clear: both; margin-bottom: 40px; margin-top: 60px; }
+.footer-box .box-content { display: table-cell; vertical-align: top; }
+.footer-box .box-link { display: table-cell; padding-left: 20px; vertical-align: middle; }
+.footer-box .box-link a { display: block; padding: 8px 16px; width: 140px;  }
+
+/*google-map*/
+.google-map { background: #; }
+.google-map .row [class*='col-'] { min-height: 0; }
+.map-icon { position: relative; z-index: 999; cursor: pointer; }
+.google-map .map-icon:before { cursor: pointer; content: "\f041"; font-family: "FontAwesome"; font-size: 30px; font-weight: normal; right: 0; position: absolute; text-indent: 0; top: -32px; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #ffffff; color: #5E9ECA; text-align: center; }
+.google-map.google-map-open .map-icon::before { content: "\f00d"; }
+.google-map .map-open { height: 0; overflow: hidden;  transition: all 900ms ease; }
+.google-map .map-open iframe { height: 300px; }
+.google-map-open .map-open  {  height: 300px;  }
+.pos-r{position: relative;}
+.img-side img{max-width: 100%}
+.img-side.img-left {left: 0;}
+.img-side {padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100;}
+.font-bold {font-weight: 600}
+.no-gutter{  margin-right:0; margin-left:0;}
+.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;}
+
+/*youtube-video*/
+ .popup-video { position: relative; }
+.popup-video .play-video { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } 
+.popup-video .play-video { width: 50px; height: 50px; }
+.popup-video .play-video a { width: 50px; height: 50px; }
+.popup-video .play-video a i { line-height: 50px; }
+.popup-video .play-video:hover {  transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); background-color: #ffffff; }
+.popup-video .play-video:hover a { color: #5E9ECA; }
+.play-video { cursor: pointer; position: relative; width: 100px; height: 100px; margin: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
+.play-video { background-color: #5E9ECA; -webkit-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); -moz-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); }
+.play-video a { color: #fff; width: 100px; height: 100px; position: absolute; top: 0; left: 50%; padding-left: 5px; transform: translateX(-50%); }
+.play-video a i { line-height: 100px; }
+.play-video:hover a { color: #5E9ECA; }
+.play-video:after { content: ''; top: 0; left: 0; padding: 0; z-index: -1; opacity: 0; pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); }
+
+.play-video:hover{background: #ffffff; color: #5E9ECA; border-color:transparent !important;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-box-shadow:2px 6px 18px transparent !important;-moz-box-shadow:2px 6px 18px transparent !important;box-shadow:2px 6px 18px transparent !important}
+.play-video:hover:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms; -moz-animation:sonarEffect 1.3s ease-out 75ms; animation:sonarEffect 1.3s ease-out 75ms;}
+@-webkit-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-webkit-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}}
+@-moz-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-moz-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}}
+@keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);transform:scale(1.5);opacity:0; }}
+.my-contact .contact-icon{float: left; margin-right: 25px;}
+.my-contact .contact-icon span{color: #fff ! important;}
+ 
+/*************************************
+         index portfolio 4
+**************************************/
+.portfolio-item.simple-effect .portfolio-overlay span { color: #363636; }
+.portfolio-item.simple-effect .portfolio-overlay span a { color: #363636; }
+.portfolio-item.simple-effect .portfolio-overlay a:hover { color: #5E9ECA; }
+.portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #5E9ECA; }
+.portfolio-item.simple-effect .portfolio-overlay { z-index: 9; opacity: 0; bottom: inherit; background: transparent; top: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: center;  }
+.portfolio-item.simple-effect:hover:before { position: absolute; width: 100%; height: 100%; content: ""; background: rgba(255, 255, 255, 1); z-index: 1;  background-size: 115%;
+    -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98);  transition: all 0.6s cubic-bezier(.68,.11,.13,.98);    -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
+.portfolio-item.simple-effect:hover .portfolio-overlay { top: 50%; opacity: 1; }
+
+/*footer*/
+.footer .container-fluid { padding: 0 60px; }
+#footer-fixed { position: fixed; bottom: 0; width: 100%; z-index: -1; box-shadow: inset 0 27px 60px -25px rgba(0,0,0,0.3); }
+.footer.footer-simple ul li a, .footer.footer-simple p, .footer.footer-simple i, .footer.footer-simple li { color: #ffffff; font-weight: bold; font-size: 16px; }
+.footer.footer-simple ul li a:hover { color: rgba(255, 255, 255, 0.6); }
+.footer.footer-simple .social-icons li a {  color: #ffffff; width: 100%; }
+.footer.footer-simple .social-icons li a:hover { color: rgba(255, 255, 255, 0.6); }
+ 
+/*elements*/
+.full-width { width: 100%; }
+.height-100vh { height: 100vh; }
+.pos-bot { position: absolute; bottom: 0; width: 100%; }
+.vertical-align { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
+
+/*************************************
+       index portfolio  04 about
+**************************************/
+.portfolio-03-about { padding-left: 50px; }
+.portfolio-03-about p { font-size: 16px; font-weight: 600; }
+
+/*************************************
+       index portfolio  single
+**************************************/
+/*popup-video*/
+.popup-video-image { position: relative; }
+.popup-video-image:before { background: rgba(37, 41, 51, 0.4); content: ""; height: 100%; left: 0;  position: absolute; top: 0; width: 100%; z-index: 0; }
+.popup-video-image a i { color: #ffffff; text-align: center; line-height: 60px; width: 60px; height: 60px; background: #5E9ECA; display: inline-block; margin: 0 auto;
+    border-radius: 50%; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);
+    -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; font-size: 20px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
+.popup-video-image a i:hover { background: #323232; }
+
+/*************************************
+            index 11
+**************************************/
+
+/*index 11*/
+ /*slider-parallax typer-banner business*/
+ .slider-parallax.typer-banner.business h1 { font-family: 'Dosis', sans-serif; }
+ .slider-parallax.typer-banner.business p { padding: 0 200px; line-height: 34px; font-size: 26px; font-weight: 600; display: block; }
+
+ /*play-video*/
+.custom-content-02 .feature-text p { line-height: 28px; }
+.play-video-section .play-video { box-shadow: none; background: #ffffff; width: 60px; height: 60px; line-height: 60px; }
+.play-video-section .play-video a { color: #5E9ECA; line-height: 60px; }
+.play-video-section .play-video a i { line-height: 60px; padding-right: 3px; }
+.play-video-section .play-video:after {box-shadow: none; }
+.play-video-section .content { padding: 0 100px; }
+.play-video-section .content h2 { font-family: 'Dosis', sans-serif; }
+.custom-content-03 h2 { font-family: 'Dosis', sans-serif; font-size: 40px; line-height: 50px; }
+
+/*blockquote-section*/
+.blockquote-section { position: relative; z-index: 9; }
+.blockquote-section blockquote { font-size: 50px; font-weight: 600; line-height: 60px; border-left: 0; padding-left: 0; font-family: 'Dosis', sans-serif; }
+.blockquote-section blockquote cite { font-size: 16px; font-weight: 600; margin-top: 40px; line-height: 30px; font-family: 'Nanum Gothic', serif; font-style: normal; }
+.blockquote-section blockquote cite span { display: block; font-size: 14px; }
+.blockquote-section blockquote.quote { padding-top: 100px; }
+.blockquote-section blockquote.quote:before { color: #5E9ECA; left: 0; top: 0; font-size: 120px; line-height: 120px; }
+.blockquote-section .blockquote-section-left { margin-left: 60px;  }
+.blockquote-section .blockquote-section-right { margin-left: -120px; position: relative;z-index: -1; }
+
+/*************************************
+           footer
+**************************************/
+.footer.gray-footer .footer-Newsletter .form-control { background: #ffffff; color: #323232; height: 60px; line-height: 60px; box-shadow: 0 10px 50px rgba(0,0,0,0.1); }
+.footer.gray-footer .footer-widget  { border-top: none; }
+.footer.gray-footer .footer-widget p { color: #323232; }
+
+.footer.gray-footer .footer-Newsletter .form-control::-moz-placeholder { color: #323232; }
+.footer.gray-footer .footer-Newsletter .form-control::-ms-input-placeholder { color: #323232; }
+.footer.gray-footer .footer-Newsletter .form-control::-webkit-input-placeholder { color: #323232; }
+
+/*************************************
+           portfolio
+**************************************/
+.portfolio-item.image-text { position: relative; }
+.portfolio-item.image-text .portfolio-overlay { bottom: 30px; background: transparent; }
+.portfolio-item.image-text .portfolio-overlay span { display: block; }
+.portfolio-item.image-text:before { position: absolute; width: 100%; bottom: 0; content: ""; ackground: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%);  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; }
+.portfolio-item.image-text .portfolio-overlay a.button { padding: 6px 16px; }
+.portfolio-item.image-text .portfolio-overlay a.button span { font-size: 12px; }
+.portfolio-item.image-text .portfolio-overlay a.button:hover { color: #ffffff;  }
+
+/*************************************
+           coming-soon-big
+**************************************/
+.coming-soon-big .countdown.medium span { font-size: 120px; line-height: 120px; font-weight: bold; }
+.coming-soon-big .countdown.medium p { font-size: 30px; line-height: 30px; font-weight: bold; }
+.coming-soon-big .coming-soon-form p { font-weight: bold; }
+.coming-soon-big .contact-form.transparent-form .form-control { background: rgba(255, 255, 255, 0.4); }
+.coming-soon-big .button { font-weight: bold; }
+
+/*************************************
+            inner page 
+**************************************/
+/* about-05 */
+.about-05-split .shop-split-content { padding: 100px 0; }
+/*about-mission*/
+.about-mission .popup-video-image a i { position: relative; top: inherit; left: inherit; bottom: inherit; right: inherit; }
+.about-mission .popup-content { position: absolute; bottom: 0; padding: 30px 130px 30px 30px; }
+.about-mission-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); }
+.about-mission-box .content { padding:24px; }
+.about-mission-title { padding-bottom: 250px; }
+.about-mission { margin-top: -150px; }
+/*faq 03*/
+.faq-page-title .form { position: relative; z-index: 9; }
+.faq-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); padding: 40px; border-radius: 10px; background: #ffffff;  margin-top: -60px;  }
+.faq-box span { font-size: 40px; line-height: 40px; margin-bottom: 20px; display: block; }
+.faq-box strong { display: block; }
+.faq-box a.button { padding: 8px 16px; }
+
+/*login-fancy*/
+.login-fancy { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); }
+.login-fancy-bg { position: relative;  z-index: 1; }
+.login-fancy h2 { font-size: 70px; line-height: 70px; }
+.login-gradient, .login-gradient-02, .login-gradient-03  { position: relative; }
+.login-gradient:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9af1e1), color-stop(100%, #4003f6)); background: -webkit-linear-gradient(-315deg, #9af1e1 0%, #4003f6 100%);  background: -webkit-linear-gradient(45deg, #9af1e1 0%, #4003f6 100%);  background: linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); }
+.login-gradient-02:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee38a6), color-stop(100%, #ffc863)); background: -webkit-linear-gradient(-315deg, #ee38a6 0%, #ffc863 100%);  background: -webkit-linear-gradient(45deg, #ee38a6 0%, #ffc863 100%);  background: linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); }
+.login-gradient-03:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcdd2), color-stop(100%, #470df5)); background: -webkit-linear-gradient(-315deg, #ffcdd2 0%, #470df5 100%);  background: -webkit-linear-gradient(45deg, #ffcdd2 0%, #470df5 100%);  background: linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); }
+
+/*login-box*/
+.login-box { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); border-radius: 0px 10px 10px 0px; }
+.login-box-bg { position: relative;  z-index: 1; }
+.login-box h2 { font-size: 40px; line-height: 40px; }
+.login-box-main { display: table; width: 100%; }
+.login-box-main-middle { display: table-cell; vertical-align: middle; }
+.login-box-left  { box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); height: 100%; border-radius: 10px 0 0px 10px; }
+.login-box-left .logo-small { margin-left: 30px; } 
+.login-box-main .theme-bg { box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.2); position: relative;  z-index: 1;  }
+.login-box-theme { position: relative; }
+.login-box-theme:before { position: absolute; content: ""; height: 30px; top: -29px; width: 100%; background: #5E9ECA; left: 0; }
+.login-box-theme:after { position: absolute; content: ""; height: 30px; bottom: -29px; width: 100%; background: #5E9ECA; left: 0; }
+.login-box-main .nav li a { padding-left: 30px; }
+.login-box-main .nav li a { display: block; text-align: left; color: #323232; border-left: 5px solid transparent; background: transparent; }
+.login-box-left li.active a, .login-box-left li a:hover { border-left: 5px solid #5E9ECA; color: #5E9ECA; }
+.login-box-main .nav li a i { display: inline-block; padding-right: 6px; text-align: left; margin-bottom: 10px; }
+.login-box .list-unstyled.list-inline a:hover { color: #323232; }
+/*login-box-02*/
+.login-box-02 { padding: 40px; border:1px solid rgba(0, 0, 0, 0.1); height: 100%; }
+.login-box-02.white-overlay { background: rgba(255, 255, 255, 0.5); }
+.login-signup a.text-black:hover { color: #ffffff; }
+
+/*login-14*/
+.login-14 { padding: 0 100px; }
+
+/*login-15*/
+.login-15 { padding: 0 60px; }
+
+/*login-signup*/
+.login-signup .tab-border .tab-content { padding: 0; }
+.login-signup .login-box-02  { border:0; }
+
+/*************************************
+            boxed
+**************************************/
+
+@media (min-width: 1220px) {
+body.boxed-layout .wrapper { float: none; width: 1220px; margin: 0 auto; position:relative; background-color: #FFF; box-shadow: 0 0 60px rgba(0,0,0,.1); -moz-box-shadow: 0 0 60px rgba(0,0,0,.1);
+    -webkit-box-shadow: 0 0 60px rgba(0,0,0,.1); }
+/*index 01*/
+body.boxed-layout .wrapper .portfolio-title.section-title p { display: none; }
+body.boxed-layout .wrapper .portfolio-title.section-title span { display: none; }
+
+/*index 02*/
+body.boxed-layout .wrapper .contact-3 #map { padding-top: 140%; }
+body.boxed-layout .wrapper .contact-2 #map { padding-top: 90% }
+body.boxed-layout .wrapper.vertical-header { width: auto; box-shadow: none; }
+body.boxed-layout #footer-fixed { position: inherit !important; width: inherit; bottom: inherit !important; z-index: inherit; }
+body.boxed-layout .wrapper { margin-bottom: 0 !important; }
+body.boxed-layout .christmas-coming-soon { position: absolute; }
+
+body.frame-layout .wrapper { margin: 0 auto; margin-top: 1.5%; margin-bottom: 1.5%; width: 97%; position: relative;  box-shadow: 0 0 60px rgba(0,0,0,.1); }
+body.frame-layout .header.default, body.frame-layout .header.transparent, body.frame-layout header.one-page { left: 0; right: 0; }
+body.frame-layout .navbar.affix { top: 0; }
+body.frame-layout header.one-page.light .navbar { min-height: 10px !important; }
+body.frame-layout #footer-fixed { position: inherit !important; bottom: inherit !important; z-index: inherit; }
+body.frame-layout .wrapper { margin-bottom:1.5% !important; }
+body.frame-layout .christmas-coming-soon { position: absolute; }
+
+}
+
+@media all and (-ms-high-contrast:none) {
+.st-menu { position: absolute; }
+ img.bottom-img { top: 0; }
+.search-cart { display: table; }
+.search { display: table-cell !important; }
+.shpping-cart { display: table-cell !important; }
+.search-cart .shpping-cart { float: none !important; }
+ .mega-menu > section.menu-list-items .search-cart .search { float: none !important; }
+ .search-cart .shpping-cart { vertical-align: middle; }
+}  
+
+
+@media (max-width: 1100px) {
+.isotope-filters  button { margin: 2px; cursor: pointer;  padding: 6.5px 13px; font-size: 16px; background: transparent;    color: #363636;     font-weight: 600;    border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
+}
+
+
diff --git a/resoft/css/back/typography.css b/resoft/css/back/typography.css
new file mode 100644
index 0000000..21f7c55
--- /dev/null
+++ b/resoft/css/back/typography.css
@@ -0,0 +1,332 @@
+/*
+
+Template: Webster — Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is typography stylesheet of template, This file contains typography of the Template.
+
+*/
+
+ 
+/*================================================
+[  Table of contents  ]
+================================================
+ 
+:: General
+:: Page section margin padding 
+:: Text color
+:: Row eq height And No Gutter
+:: Extra class
+:: Loading
+:: Back to top
+:: Basic margin padding
+ 
+======================================
+[ End table content ]
+======================================*/
+@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
+@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
+@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
+
+ 
+/*************************
+    General
+*************************/
+body { font-family: '나눔고딕', NanumGothic, 'Nanum Gothic' , 'NotoM', sans-serif ; font-weight: bolder; font-style:normal; font-size: 14px; }
+a, .btn  { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;
+  transition: all 0.3s ease-out 0s; }
+a:focus { text-decoration: none !important; }
+a:focus, a:hover { color: #5E9ECA; text-decoration: none !important; }
+a, button, input { outline: medium none !important; color: #5E9ECA; }
+.uppercase { text-transform: uppercase; }
+h1, h2, h3, h4, h5, h6 { font-family: '나눔고딕', NanumGothic, 'Nanum Gothic' ,'NotoM', sans-serif ; font-weight:bolder; font-style:italic; color: #363636; margin-top: 0px; }
+h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
+label { font-weight: normal; }
+
+h1 { font-size: 36px; font-style: normal; font-weight: 800; line-height: 40px; }
+h2 { font-size: 32px; font-style: normal; font-weight: 600; line-height: 38px; }
+h3 { font-size: 28px; font-style: normal; font-weight: 600; line-height: 32px; }
+h4 { font-size: 22px; font-style: normal; font-weight: 500; line-height: 26px; }
+h5 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 18px; }
+h6 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 18px; }
+
+
+.fw-1 { font-weight: 100; }
+.fw-2 { font-weight: 200; }
+.fw-3 { font-weight: 300; }
+.fw-4 { font-weight: 400; }
+.fw-5 { font-weight: 500; }
+.fw-6 { font-weight: 600; }
+.fw-7 { font-weight: 700; }
+.fw-8 { font-weight: 800; }
+.fw-9 { font-weight: 900; }
+
+ul { margin: 0px; padding: 0px; }
+p { font-weight: normal; line-height: 1.5; color: #333; }
+hr { margin: 0; padding: 0px; border-bottom:1px dashed #eceff8; border-top: 0px; } 
+
+*::-moz-selection { background: #5E9ECA; color: #fff; text-shadow: none; }
+::-moz-selection { background: #5E9ECA; color: #fff; text-shadow: none; }
+::selection { background: #5E9ECA; color: #fff; text-shadow: none; }
+
+/***************************
+Page section margin padding 
+****************************/
+.page-section-ptb { padding: 50px 0;background-color: #f6f6f6; }
+.page-section-pt { padding:50px 0 20px 0; 
+                   /*background-color:#f7f7f7;*/ background: url(../images/bg/bg001.gif);}
+.page-section-pb { padding: 0 0 80px; }
+
+.page-section-1-ptb { padding: 120px 0; }
+.page-section-1-pt { padding: 120px 0 0; }
+.page-section-1-pb { padding: 0 0 120px; }
+   
+/*************************
+    Text color
+*************************/
+.theme-color { color: #5E9ECA; }
+.text-white { color: #fff; }
+.text-black { color: #000; }
+.text-gray { color:#9b9b9b; }
+.text-darkgray { color:#9b9b9b; }
+.text-orange { color:#f5a623; }
+.text-red { color:#D0021B; }
+
+
+img.bottom-img { position: absolute; bottom: 0; left: 0; right: 0;  }
+
+/*************************
+    Text size
+*************************/
+.f10 { font-size:10px; }
+.f12 { font-size:12px; }
+.f14 { font-size:14px; }
+.f16 { font-size:16px; }
+.f18 { font-size:18px; }
+.f20 { font-size:20px; }
+.f22 { font-size:22px; }
+.f24 { font-size:24px; }
+.f28 { font-size:28px; }
+.f30 { font-size:30px; }
+.f32 { font-size:32px; }
+.f48 { font-size:48px; }
+ 
+/******************************************** 
+  Row-eq-height And No Gutter  
+/*********************************************/
+.no-gutter{  margin-right:0; margin-left:0;}
+.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;}
+.row-eq-height{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
+.row-eq-height.full-height > [class*='col-'] > div{height: 100%;}
+
+/* Vertical Align */
+.valign{display: table;}
+.valign > [class*='col-']{display:table-cell; float:none;}
+[data-valign-overlay="top"]{vertical-align:top;}
+[data-valign-overlay="middle"]{vertical-align:middle;}
+[data-valign-overlay="bottom"]{vertical-align:bottom;}
+ 
+
+ /*************************
+    Extra class
+*************************/
+.o-hidden { overflow: hidden; }
+.position-re { position: relative; }
+.full-width{width: 100% !important;}
+section { background: #f6f6f6; }
+
+/*************************
+    back to top
+*************************/
+#back-to-top .top { z-index: 999;
+    position: fixed;
+    margin: 0px;
+    color: #fff;
+    transition: all .5s ease-in-out;
+    position: fixed;
+    bottom: 55px;
+    right: 15px;
+    border-radius: 50px;
+    z-index: 999;
+    background: transparent;
+    font-size: 24px;
+    background: #5E9ECA;
+    width: 70px;
+    height: 70px;
+    text-align: center; }
+#back-to-top i { padding-top: 2px; font-size: 20px; }
+#back-to-top span { display: block; line-height: 8px; font-size: 11px; }
+  
+ /*************************
+  Basic margin padding
+*************************/ 
+.m-0 { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; }
+.p-0 { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; }
+ 
+/*************************
+     Margin top
+*************************/ 
+.mt-0 { margin-top: 0 !important; }
+.mt-10 { margin-top: 10px !important; }
+.mt-15 { margin-top: 15px !important; }
+.mt-20 { margin-top: 20px !important; }
+.mt-30 { margin-top: 30px !important; }
+.mt-40 { margin-top: 40px !important; }
+.mt-50 { margin-top: 50px !important; }
+.mt-60 { margin-top: 60px !important; }
+.mt-70 { margin-top: 70px !important; }
+.mt-80 { margin-top: 80px !important; }
+.mt-90 { margin-top: 90px !important; }
+.mt-100 { margin-top: 100px !important; }
+.mt-110 { margin-top: 110px !important; }
+.mt-120 { margin-top: 120px !important; }
+.mt-130 { margin-top: 130px !important; }
+.mt-140 { margin-top: 140px !important; }
+.mt-150 { margin-top: 150px !important;}
+
+ /*************************
+    Margin right
+*************************/ 
+.mr-0 { margin-right: 0!important }
+.mr-10 { margin-right: 10px !important; }
+.mr-15 { margin-right: 15px !important; }
+.mr-20 { margin-right: 20px !important; }
+.mr-30 { margin-right: 30px !important; }
+.mr-40 { margin-right: 40px !important; }
+.mr-50 { margin-right: 50px !important; }
+.mr-60 { margin-right: 60px !important; }
+.mr-70 { margin-right: 70px !important; }
+.mr-80 { margin-right: 80px !important; }
+.mr-90 { margin-right: 90px !important; }
+.mr-100 { margin-right: 100px !important; }
+.mr-110 { margin-right: 110px !important; }
+.mr-120 { margin-right: 120px !important; }
+.mr-130 { margin-right: 130px !important; }
+.mr-140 { margin-right: 140px !important; }
+.mr-150 { margin-right: 150px !important; } 
+
+ /*************************
+    Margin bottom
+*************************/
+.mb-0 { margin-bottom: 0!important }
+.mb-10 { margin-bottom: 10px !important; }
+.mb-15 { margin-bottom: 15px !important; }
+.mb-20 { margin-bottom: 20px !important; }
+.mb-30 { margin-bottom: 30px !important; }
+.mb-40 { margin-bottom: 40px !important; }
+.mb-50 { margin-bottom: 50px !important; }
+.mb-60 { margin-bottom: 60px !important; }
+.mb-70 { margin-bottom: 70px !important; }
+.mb-80 { margin-bottom: 80px !important; }
+.mb-90 { margin-bottom: 90px !important; }
+.mb-100 { margin-bottom: 100px !important; }
+.mb-110 { margin-bottom: 110px !important; }
+.mb-120 { margin-bottom: 120px !important; }
+.mb-130 { margin-bottom: 130px !important; }
+.mb-140 { margin-bottom: 140px !important; }
+.mb-150 { margin-bottom: 150px !important; }
+
+/*************************
+    Margin left
+*************************/
+.ml-0 { margin-left: 0!important }
+.ml-10 { margin-left: 10px !important; }
+.ml-15 { margin-left: 15px !important; }
+.ml-20 { margin-left: 20px !important; }
+.ml-30 { margin-left: 30px !important; }
+.ml-40 { margin-left: 40px !important; }
+.ml-50 { margin-left: 50px !important; }
+.ml-60 { margin-left: 60px !important; }
+.ml-70 { margin-left: 70px !important; }
+.ml-80 { margin-left: 80px !important; }
+.ml-90 { margin-left: 90px !important; }
+.ml-100 { margin-left: 100px !important; }
+.ml-110 { margin-left: 110px !important; }
+.ml-120 { margin-left: 120px !important; }
+.ml-130 { margin-left: 130px !important; }
+.ml-140 { margin-left: 140px !important; }
+.ml-150 { margin-left: 150px !important; } 
+ 
+ /*************************
+    Padding top
+*************************/
+.pt-0 { padding-top: 0!important }
+.pt-10 { padding-top: 10px !important; }
+.pt-15 { padding-top: 15px !important; }
+.pt-20 { padding-top: 20px !important; }
+.pt-30 { padding-top: 30px !important; }
+.pt-40 { padding-top: 40px !important; }
+.pt-50 { padding-top: 50px !important; }
+.pt-60 { padding-top: 60px !important; }
+.pt-70 { padding-top: 70px !important; }
+.pt-80 { padding-top: 80px !important; }
+.pt-90 { padding-top: 90px !important; }
+.pt-100 { padding-top: 100px !important; }
+.pt-110 { padding-top: 110px !important; }
+.pt-120 { padding-top: 120px !important; }
+.pt-130 { padding-top: 130px !important; }
+.pt-140 { padding-top: 140px !important; }
+.pt-150 { padding-top: 150px !important; } 
+
+ /*************************
+    Padding right
+*************************/
+.pr-0 { padding-right: 0!important }
+.pr-10 { padding-right: 10px !important; }
+.pr-15 { padding-right: 15px !important; }
+.pr-20 { padding-right: 20px !important; }
+.pr-30 { padding-right: 30px !important; }
+.pr-40 { padding-right: 40px !important; }
+.pr-50 { padding-right: 50px !important; }
+.pr-60 { padding-right: 60px !important; }
+.pr-70 { padding-right: 70px !important; }
+.pr-80 { padding-right: 80px !important; }
+.pr-90 { padding-right: 90px !important; }
+.pr-100 { padding-right: 100px !important; }
+.pr-110 { padding-right: 110px !important; }
+.pr-120 { padding-right: 120px !important; }
+.pr-130 { padding-right: 130px !important; }
+.pr-140 { padding-right: 140px !important; } 
+ 
+ /*************************
+    Padding bottom
+*************************/
+.pb-0 { padding-bottom: 0!important }
+.pb-10 { padding-bottom: 10px !important; }
+.pb-15 { padding-bottom: 15px !important; }
+.pb-20 { padding-bottom: 20px !important; }
+.pb-30 { padding-bottom: 30px !important; }
+.pb-40 { padding-bottom: 40px !important; }
+.pb-50 { padding-bottom: 50px !important; }
+.pb-60 { padding-bottom: 60px !important; }
+.pb-70 { padding-bottom: 70px !important; }
+.pb-80 { padding-bottom: 80px !important; }
+.pb-90 { padding-bottom: 90px !important; }
+.pb-100 { padding-bottom: 100px !important; }
+.pb-110 { padding-bottom: 110px !important; }
+.pb-120 { padding-bottom: 120px !important; }
+.pb-130 { padding-bottom: 130px !important; }
+.pb-140 { padding-bottom: 140px !important; }
+.pb-150 { padding-bottom: 150px !important; } 
+ 
+ /*************************
+    Padding left
+*************************/
+.pl-0 { padding-left: 0!important }
+.pl-10 { padding-left: 10px !important; }
+.pl-15 { padding-left: 15px !important; }
+.pl-20 { padding-left: 20px !important; }
+.pl-30 { padding-left: 30px !important; }
+.pl-40 { padding-left: 40px !important; }
+.pl-50 { padding-left: 50px !important; }
+.pl-60 { padding-left: 60px !important; }
+.pl-70 { padding-left: 70px !important; }
+.pl-80 { padding-left: 80px !important; }
+.pl-90 { padding-left: 90px !important; }
+.pl-100 { padding-left: 100px !important; }
+.pl-110 { padding-left: 110px !important; }
+.pl-120 { padding-left: 120px !important; }
+.pl-130 { padding-left: 130px !important; }
+.pl-140 { padding-left: 140px !important; }
+.pl-150 { padding-left: 150px !important; }  
\ No newline at end of file
diff --git a/resoft/css/custom.css b/resoft/css/custom.css
new file mode 100644
index 0000000..82dfebc
--- /dev/null
+++ b/resoft/css/custom.css
@@ -0,0 +1,313 @@
+/* Add here all your CSS customizations */
+
+/*border*/
+.border-right { border-right:1px solid #5E9ECA; }
+.border-bottom { border-bottom:1px solid #979797; }
+
+
+/*bg*/
+.info-bg { 
+	background-image: url(..//images/bg/info-bg.jpg);
+	background-position: center center;
+	background-size: cover;
+	background-repeat: no-repeat;
+}
+
+
+/*footer-nav */
+#footer-nav {list-style:none; margin-bottom:20px;}
+#footer-nav li{display:inline-block; position:relative; line-height: 20px;}
+
+#footer-nav li:first-child > a {border: 0;}
+#footer-nav li > a {border-left: 1px solid #999; padding-left:10px; padding-right:10px}
+.nav-item a { color:#fff; text-decoration:none; font-size:14px; font-weight:bold;}
+.nav-item a:hover { font-weight:600; }
+.nav-item a:visited { text-decoration:none; }
+.link-h a { color: #5E9ECA !important; font-size: 20px;}
+
+
+
+/* responsive */
+/* @media (max-width: 991px) {
+	.border-right { border:0; }
+	.footer-logo { width:30%; }
+	.btn-dropdown { width:30%; }
+}*/
+
+.owl-carousel .owl-dots {
+    position: absolute;
+    bottom: 15px;
+}
+
+
+.sideMenu span {
+	font-size: 16px !important;
+	font-weight: bold;
+}
+
+.sideMenu i {
+	float: right;
+}
+.sideMenu a{
+	border-radius: 50px !important;
+	color: gray;
+}
+
+.sideMenu .active {
+	color: #5E9ECA !important;
+}
+
+
+.sub-menu {
+	padding-left: 20px;
+	margin: 10px 0;
+}
+.sub-menu span {
+	font-size: 14px !important;
+	font-weight: bold;
+}
+.sub-menu a{
+	border-radius: 50px !important;
+	color: gray;
+}
+
+.maru {
+	border-radius: 5px;
+	padding: 4px 8px;
+	margin-right: 10px;
+	color: orange;
+	border: thin solid black;
+	background-color: white;
+}
+
+.maru-b {
+	border-radius: 5px;
+	padding: 4px 8px;
+	margin-right: 10px;
+	color: yellow;
+	background-color: black;
+}
+
+p {font-size:14px !important; font-family: '나눔고딕', NanumGothic, 'Nanum Gothic' , 'NotoM', sans-serif ;}
+
+.caution {
+	color: red;
+	font-weight: bold;
+}
+
+.news-title {
+	padding: 20px; background-color: #f6f6f6; border-top: #B6B6B6 solid 1px ; border-bottom: #B6B6B6 solid 1px ; font-size: 18px; 
+}
+
+.news-col-4 {
+	text-align: center;
+	color: gray;
+	padding: 20px;
+}
+
+.news-contents {
+	padding: 20px;
+}
+
+
+.event_t {
+	font-size: 1.4em !important;
+	font-weight: bold;
+}
+
+.event_subt {
+	font-size: 1.4em !important;
+	font-weight: bold;
+	color:#9b9b9b;
+}
+
+
+.event-table {
+    border-collapse: collapse;
+    text-align: center !important;
+    border: 1px solid #ccc;
+    width:100%;
+}
+.event-table thead {
+    border-right: 1px solid #ccc;
+    border-left: 1px solid #ccc;
+    background: #c6beb1;
+}
+.event-table thead th {
+    padding: 10px;
+    font-weight: 600;
+    vertical-align: middle;
+    border: 1px solid #ccc;
+    color: #fff;
+}
+.event-table tbody th {
+    padding: 10px;
+    font-weight: 600;
+    vertical-align: middle;
+    border: 1px solid #ccc;
+    background: #ede3df;
+}
+.event-table td {
+    padding: 10px;
+    vertical-align: middle;
+    border: 1px solid #ccc;
+	background-color:#fff;
+}
+
+.event-tablelist li{
+	padding: 10px;
+    text-align:left;
+    color:#000; 
+    list-style:none; 
+    font-weight:600;
+}
+
+.eventbutton {
+	font-size:11px !important; padding: 0 10px !important; margin: 0 10px !important;
+}
+
+
+.in-p {
+	margin-left: 25px !important;
+}
+
+table.basic-table {
+    border-collapse: collapse;
+    text-align: center;
+    border: 1px solid #ccc;
+    width:100%;
+}
+table.basic-table thead {
+    border-right: 1px solid #ccc;
+    border-left: 1px solid #ccc;
+    background: #c6beb1;
+}
+table.basic-table thead th {
+    padding: 10px;
+    font-weight: 600;
+    vertical-align: middle;
+    border: 1px solid #ccc;
+    color: #fff;
+}
+table.basic-table tbody th {
+    padding: 5px;
+    font-weight: 600;
+    vertical-align: middle;
+    border: 1px solid #ccc;
+    background: #ede3df;
+}
+table.basic-table td {
+    padding: 10px;
+    vertical-align: middle;
+    border: 1px solid #ccc;
+	background-color:#fff;
+}
+
+.reserve_li li{ margin: 0 20px; line-height: inherit !important; padding: 10px 0;}
+.reserve_li span {font-weight: normal; color: gray; font-size: 12px;}
+.reserve_li .emp_text { font-size:14px; color:#D0021B; font-weight:bold; }
+
+
+ table.info-timetable {
+    border-collapse: collapse;
+    text-align: center;
+    border: 1px solid #ccc;
+    width:100%;
+}
+table.info-timetable thead {
+    border-right: 1px solid #ccc;
+    border-left: 1px solid #ccc;
+    background: #c6beb1;
+}
+table.info-timetable thead th {
+    padding: 10px;
+    font-weight: 600;
+    vertical-align: middle;
+    border: 1px solid #ccc;
+    color: #fff;
+	text-align: center;
+}
+table.info-timetable tbody th {
+    padding: 10px;
+    font-weight: 600;
+    vertical-align: middle;
+    border: 1px solid #ccc;
+    background: #ede3df;
+	text-align: center;
+}
+table.info-timetable td {
+    padding: 10px;
+    vertical-align: middle;
+    border: 1px solid #ccc;
+}
+
+.table-t {
+	color: #fff !important;
+}
+
+
+.table-t i {
+	vertical-align: bottom;
+	margin: 0 30px;
+	font-size: 24px;
+	font-weight: bold;
+	color: #fff !important;
+}
+
+.sund {
+	color: red !important;
+}
+
+.satd {
+	color: blue !important;
+}
+
+/*cell background */
+.bg-t1 {
+    background-color:#fbf3c4;
+}
+.bg-t2 {
+    background-color:#d5f2f8;
+}
+.bg-t3 {
+    background-color:#fcebec;
+}
+
+/* timetable label */
+table.timetable-label {
+    text-align: center;
+    width:70%;
+}
+table.timetable-label td {
+    padding: 10px;
+    vertical-align: middle;
+    font-weight: 600;
+    font-size:12px;
+}
+
+.form-warning {
+	font-size: 11px !important; color: red;
+}
+
+.form-tarea {
+	font-size: 11px !important; color: gray;
+}
+
+
+.form-font {
+	font-size: 11px !important; color: black;
+}
+
+.h-icon {
+	vertical-align: top; font-size:12px; color:#9b9b9b;
+}
+
+.personal-area {
+	width:100%; border: none; padding: 10px; font-size: 12px;
+}
+
+.sitemap .title {
+	font-size:18px !important; color: orange; font-weight: bold;
+}
+
+.sitemap ul li a { font-size:14px !important; padding-left:10px;}
\ No newline at end of file
diff --git a/resoft/css/plugins-css.css b/resoft/css/plugins-css.css
new file mode 100644
index 0000000..6d2c424
--- /dev/null
+++ b/resoft/css/plugins-css.css
@@ -0,0 +1,22 @@
+/*
+
+Template: Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE:  This file includes all plugins. If you don't want to use any plugins from below. You can simply remove that line from this file.
+
+*/
+ 
+/*plugins*/
+@import url("plugins/bootstrap.min.css");
+@import url("plugins/mega_menu.css");
+@import url("plugins/animate.css");
+@import url("plugins/font-awesome.min.css");
+@import url("plugins/bootstrap-datetimepicker.min.css");
+@import url("plugins/dataTables.bootstrap.min.css");
+@import url("plugins/magnific-popup.css");
+@import url("plugins/mediaelementplayer.css");
+@import url("plugins/owl.carousel.min.css");
+@import url("plugins/slick-theme.css");
+@import url("plugins/themify-icons.css");
\ No newline at end of file
diff --git a/resoft/css/plugins/_bootstrap.min.css b/resoft/css/plugins/_bootstrap.min.css
new file mode 100644
index 0000000..ed3905e
--- /dev/null
+++ b/resoft/css/plugins/_bootstrap.min.css
@@ -0,0 +1,6 @@
+/*!
+ * Bootstrap v3.3.7 (http://getbootstrap.com)
+ * Copyright 2011-2016 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
+/*# sourceMappingURL=bootstrap.min.css.map */
\ No newline at end of file
diff --git a/resoft/css/plugins/_mega_menu.css b/resoft/css/plugins/_mega_menu.css
new file mode 100644
index 0000000..9425de1
--- /dev/null
+++ b/resoft/css/plugins/_mega_menu.css
@@ -0,0 +1,722 @@
+/* MENU BASIC LAYOUT */
+.mega-menu { margin: 0 auto; padding: 0; display: block; float: none; position: relative; z-index: 999;/*  max-width: 1280px;
+    width: 100%;*/ font-size: 16px; min-height: 100px; clear: both; box-sizing: border-box; }
+  @media screen and (max-width:992px) {
+    .mega-menu {    /*float: left;*/
+    margin: 0;    /*min-width: 200px;*/ }
+  }
+  .mega-menu * { outline: none; list-style: none; text-decoration: none; box-sizing: border-box !important; font-weight: 400; -webkit-tap-highlight-color: transparent; text-align: left; }
+  @media screen and (max-width:992px) {
+    .mega-menu * { word-break: break-all; }
+  }
+  .mega-menu i.fa {  /*----------------------------- FONT AWESOME ICONS */
+  font-family: "FontAwesome"; }
+  .mega-menu img {  /*------------------------------- IMAGE */
+  margin: 0; padding: 0; display: block; max-width: 100% !important; float: left; }
+  .mega-menu .menu-logo img { height: 40px; }
+  .mega-menu input {  /*------------------------------ DEFAULT INPUT */
+  border: none; }
+  .mega-menu > section.menu-list-items { margin: 0; padding: 35px 0; display: block; float: left; width: 100%; background-color: transparent; }
+  .mega-menu .menu-logo {  /*----------------------------------- MENU LOGO */
+  margin: 0; padding: 0; display: block; float: left; position: relative; }
+  @media screen and (min-width:993px) {
+    .mega-menu .menu-logo.menu-logo-align-right {    /*---------------------------------------------- MENU LOGO ALIGN RIGHT */
+    float: right; }
+  }
+  @media screen and (max-width:992px) {
+    .mega-menu .menu-logo { width: 100%; }
+  }
+  .mega-menu .menu-logo > li { margin: 0; padding: 0; display: block; float: left; font-size: 1em; line-height: 50px; }
+  @media screen and (max-width:992px) {
+    .mega-menu .menu-logo > li { width: 100%; line-height: normal; }
+  }
+  .mega-menu .menu-logo > li > a { margin: 0; display: inline-block; float: left; width: 100%; color: #ffffff; font-size: 0.7800em;  /*padding: 0 20px 0 45px;*/ line-height: 50px; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; }
+  .mega-menu .menu-logo > li > a:hover {  /*-------------------------------------- HOVER MENU LOGO */
+
+  /*background-color: #5E9ECA;*/ }
+  @media screen and (max-width:992px) {
+    .mega-menu .menu-logo > li > a { line-height: normal; padding-top: 16px; padding-bottom: 16px; position: relative; z-index: 10; width: auto; }
+  }
+  .mega-menu .menu-logo > li > a i.fa {  /*--------------------------------------- LOGO ICON */
+  padding: 0; display: inline-block; font-size: 1.25em; position: absolute; top: 0; left: 20px; bottom: 0; margin: auto 0; line-height: 50px; }
+  .mega-menu .menu-logo > li > a img {  /*--------------------------------------- LOGO IMAGE ICON */
+
+    /* width: 20px;
+     height: 20px;
+     position: absolute;
+     top: 0;
+     left: 15px;
+     bottom: 0;
+     margin: auto 0;*/ }
+    .mega-menu .menu-links {  /*---------------------------------------- MENU LINKS */
+    margin: 0; padding: 0; display: block; float: right; }
+    @media screen and (max-width:992px) {
+      .mega-menu .menu-links { width: 100%; background: #fff; }
+    }
+    @media screen and (min-width:993px) {
+      .mega-menu .menu-links { display: block !important; max-height: 100% !important; overflow: visible !important; }
+      .mega-menu .menu-links.menu-links-align-right {    /*------------------------------------------ MENU LINKS ALIGN RIGHT */
+      float: right; }
+    }
+    .mega-menu .menu-links > li { margin: 0; padding: 0; display: block; float: left; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; font-size: 1em; }
+    @media screen and (max-width:992px) {
+      .mega-menu .menu-links > li { width: 100%; position: relative; cursor: pointer; line-height: normal; border-bottom: 1px solid #f3f3f3; z-index: 50; }
+      .mega-menu .menu-links > li.activeTriggerMobile {    /*background-color: #5E9ECA;*/ }
+    }
+    @media screen and (min-width:993px) {
+      .mega-menu .menu-links > li.activeTrigger { background-color: #5E9ECA; }
+    }
+    .mega-menu .menu-links > li.active a {  /*------------------------------------- ACTIVE CLASS MENU LINKS */
+    background-color: transparent; color: #5E9ECA; }
+    .mega-menu .menu-links > li:hover {  /*-------------------------------------- HOVER MENU LINKS */
+    background-color: transparent; color: #5E9ECA; }
+    .mega-menu .menu-links > li > a { margin: 0; padding: 0 13px; display: inline-block; float: none; width: 100%; color: #ffffff; font-size: 0.933em; line-height: 64px; position: relative; text-transform: capitalize; }
+    .mega-menu .menu-links > li > a:hover { color: #5E9ECA; }
+    @media screen and (max-width:992px) {
+      .mega-menu .menu-links > li > a { width: auto; line-height: normal; padding-top: 10px; padding-bottom: 10px; position: static; padding-right: 10px; z-index: 20; color: #363636; }
+    }
+    .mega-menu .menu-links > li > a i.fa {  /*---------------------------------------------------- MENU LINKS ICONS*/
+    font-size: 1em; line-height: 0.7800em; padding-right: 2px; }
+    .mega-menu .menu-links > li > a i.fa.fa-indicator { padding-right: 0; padding-left: 2px; }
+    @media screen and (max-width:992px) {
+      .mega-menu .menu-links > li > a i.fa.fa-indicator { float: right; position: absolute; right: 20px; top: 0; bottom: 0; line-height: 40px; height: 50px; z-index: -1; }
+    }
+    .mega-menu .menu-social-bar {  /*---------------------------------------------- MENU SOCIAL BAR */
+    margin: 0; display: block; float: left; padding: 0 10px; }
+    @media screen and (min-width:993px) {
+      .mega-menu .menu-social-bar { display: block !important; }
+    }
+    @media screen and (min-width:993px) {
+      .mega-menu .menu-social-bar.menu-social-bar-right { float: right; }
+    }
+    @media screen and (max-width:992px) {
+      .mega-menu .menu-social-bar { width: 100%; text-align: center; }
+    }
+    .mega-menu .menu-social-bar > li { margin: 0; padding: 0; display: block; float: left; font-size: 1em; line-height: 50px; }
+    .mega-menu .menu-social-bar > li[data-color='blue'] > a:hover { background-color: #3b5998; }
+    .mega-menu .menu-social-bar > li[data-color='sky-blue'] > a:hover { background-color: #2caae1; }
+    .mega-menu .menu-social-bar > li[data-color='orange'] > a:hover { background-color: #dd4b39; }
+    .mega-menu .menu-social-bar > li[data-color='red'] > a:hover { background-color: #bd081c; }
+    @media screen and (max-width:992px) {
+      .mega-menu .menu-social-bar > li { float: none; display: inline-block; margin-bottom: -5px; }
+    }
+    .mega-menu .menu-social-bar > li > a { margin: 0; display: inline-block; float: left; width: 100%; color: #ffffff; font-size: 0.875em; padding: 0 5px; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; line-height: 50px; }
+    @media screen and (max-width:992px) {
+      .mega-menu .menu-social-bar > li > a { padding-left: 10px; padding-right: 10px; }
+    }
+    .mega-menu .menu-social-bar > li > a i.fa { margin: 0; padding: 0; display: inline-block; float: left; width: 100%; font-size: 1.125em; line-height: 50px; }
+    .mega-menu .menu-search-bar {  /*--------------------------------------------------- MENU SEARCH BAR */
+    margin: 0; padding: 0; display: block; float: right; position: relative; height: 50px; }
+    @media screen and (min-width:993px) {
+      .mega-menu .menu-search-bar.menu-search-bar-left { float: left; }
+    }
+    @media screen and (max-width:992px) {
+      .mega-menu .menu-search-bar { width: 100%; position: absolute; top: 0; right: 0; }
+    }
+    .mega-menu .menu-search-bar li,
+    .mega-menu .menu-search-bar form,
+    .mega-menu .menu-search-bar label { margin: 0; padding: 0; display: block; float: left; width: 100%; line-height: 50px; }
+    .mega-menu .menu-search-bar li:hover i.fa.fa-search { background: #5E9ECA; }
+    .mega-menu .menu-search-bar input { max-width: 0; width: 100%; margin: 0; padding: 5px 50px 5px 0; font-size: 0.7800em; -webkit-transition: max-width 400ms ease, background 400ms ease, padding-left 400ms ease; transition: max-width 400ms ease, background 400ms ease, padding-left 400ms ease; height: 50px; display: block; background: none; color: #ffffff; font-weight: 400; }
+    .mega-menu .menu-search-bar input:focus { max-width: 170px; background: #5E9ECA; padding-left: 20px; }
+    @media screen and (max-width:992px) {
+      .mega-menu .menu-search-bar input:focus { max-width: 100%; position: relative; z-index: 20; }
+    }
+    .mega-menu .menu-search-bar i.fa.fa-search { position: absolute; top: 0; right: 0; bottom: 0; width: 50px; text-align: center; line-height: 50px; color: #ffffff; cursor: text; -webkit-transition: background 200ms ease; transition: background 200ms ease; z-index: 40; }
+    .mega-menu .menu-search-bar:-moz-placeholder { opacity: 1 !important; color: #ffffff !important; }
+    .mega-menu .menu-search-bar::-moz-placeholder { opacity: 1 !important; color: #ffffff !important; }
+    .mega-menu .menu-search-bar:-ms-input-placeholder { opacity: 1 !important; color: #ffffff !important; }
+    .mega-menu .menu-search-bar::-webkit-input-placeholder { opacity: 1 !important; color: #ffffff !important; }
+    @media screen and (max-width:992px) {
+      .mega-menu .menu-search-bar.active input { padding-right: 150px; }
+      .mega-menu .menu-search-bar.active i.fa.fa-search { right: 70px; }
+    }
+    .mega-menu .menu-mobile-collapse-trigger {  /*------------------------------------------------------ MOBILE COLLAPSE TRIGGER BUTTON */
+    margin: 0; padding: 0; height: 50px; width: 35px; background: transparent; display: none; position: absolute; top: 0; right: 0; z-index: 100; float: right; cursor: pointer; -webkit-transition: background 200ms ease; transition: background 200ms ease; }
+    .mega-menu .menu-mobile-collapse-trigger:hover { background: transparent; }
+    .mega-menu .menu-mobile-collapse-trigger:before,
+    .mega-menu .menu-mobile-collapse-trigger:after,
+    .mega-menu .menu-mobile-collapse-trigger span { content: ""; display: block; height: 2px; width: 26px; background: #ffffff; position: absolute; top: 13px; border-radius: 3px; left: 0; right: 0; margin: 0 auto; -webkit-transition: -webkit-transform 400ms ease 0s, opacity 400ms ease; transition: transform 400ms ease 0s, opacity 400ms ease; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 0px 50% 0px; -ms-transform-origin: 0px 50% 0px; transform-origin: 0px 50% 0px; }
+    .home-2 .mega-menu .menu-mobile-collapse-trigger:before,
+    .home-2 .mega-menu .menu-mobile-collapse-trigger:after,
+    .home-2 .mega-menu .menu-mobile-collapse-trigger span { background: #323232; }
+    .mega-menu .menu-mobile-collapse-trigger:after { top: 27px; }
+    .mega-menu .menu-mobile-collapse-trigger span { top: 20px; }
+    .mega-menu .menu-mobile-collapse-trigger.active span { opacity: 0; }
+    .mega-menu .menu-mobile-collapse-trigger.active:before { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }
+    .mega-menu .menu-mobile-collapse-trigger.active:after { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); }
+    @media screen and (max-width:992px) {
+      .mega-menu .menu-mobile-collapse-trigger { display: block; }
+    }
+    .mega-menu .drop-down-multilevel {  /*-------------------------------------------------- DROP DOWN MULTILEVEL */
+    margin: 0; padding: 0; display: block; position: absolute; top: auto; left: auto; right: auto; z-index: 50; width: 100%; background: #ffffff; float: left; max-width: 220px; }
+    .mega-menu .drop-down-multilevel * { color: #323232; }
+    @media screen and (min-width:993px) {
+      .mega-menu .drop-down-multilevel { display: block !important; opacity: 0; visibility: hidden; box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.05); border-bottom: 0px; border-radius: 0px; }
+    }
+    @media screen and (max-width:992px) {
+      .mega-menu .drop-down-multilevel { max-width: 100% !important; position: relative; left: 0; top: 0; padding: 10px; display: none; }
+    }
+    .mega-menu .drop-down-multilevel li { margin: 0; padding: 0; display: block; float: left; border-radius: 0px;  /*border-bottom: 1px solid #f3f3f3;*/ width: 100%; position: relative; -webkit-transition: background 200ms ease; transition: background 200ms ease; z-index: 50; }
+    .mega-menu .drop-down-multilevel li:last-child { border-bottom: 0px; }
+    .mega-menu .drop-down-multilevel li:hover { background: #fafafa; }
+    .mega-menu .drop-down-multilevel li:hover > a { color: #5E9ECA; }
+    .mega-menu .drop-down-multilevel li:hover > a i.fa { color: #5E9ECA; }
+    @media screen and (min-width:993px) {
+      .mega-menu .drop-down-multilevel li.activeTrigger { background: #5E9ECA; }
+      .mega-menu .drop-down-multilevel li.activeTrigger > a { color: #ffffff; }
+      .mega-menu .drop-down-multilevel li.activeTrigger > a i.fa { color: #ffffff; }
+    }
+    @media screen and (max-width:992px) {
+      .mega-menu .drop-down-multilevel li.activeTriggerMobile { background: #5E9ECA; }
+      .mega-menu .drop-down-multilevel li.activeTriggerMobile > a { color: #ffffff; }
+      .mega-menu .drop-down-multilevel li.activeTriggerMobile > a i.fa { color: #ffffff; }
+      .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #ffffff !important; }
+    }
+    .mega-menu .menu-links > li.active .drop-down-multilevel a { color: #323232; }
+    .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #5E9ECA; }
+    .mega-menu .drop-down-multilevel a { margin: 0; padding: 10px 30px; font-size: 0.7800em; text-transform: capitalize; display: inline-block; float: left; width: 100%; color: #323232; -webkit-transition: color 200ms ease; transition: color 200ms ease; min-height: 40px; }
+    
+    .mega-menu .drop-down-multilevel > li:first-child > a { padding-top: 18px; }
+    .mega-menu .drop-down-multilevel > li:last-child > a { padding-bottom: 18px; }
+
+    @media screen and (max-width:992px) {
+
+      /* .mega-menu .drop-down-multilevel a {
+         width: auto;
+       }*/ }
+      .mega-menu .drop-down-multilevel i.fa { float: left; line-height: 1.375em; font-size: 1em; display: block; padding-right: 10px; -webkit-transition: color 200ms ease; transition: color 200ms ease; }
+      .mega-menu .drop-down-multilevel i.fa-indicator { float: right; line-height: 19px; font-size: 8px; font-weight: 900; display: block; padding-left: 10px; padding-right: 0; }
+      @media screen and (max-width:992px) {
+        .mega-menu .drop-down-multilevel i.fa-indicator { float: right; height: 50px; position: absolute; top: 0; right: 20px; line-height: 50px; z-index: -1; }
+      }
+      .mega-menu .drop-down-multilevel .drop-down-multilevel {  /*------------------------------------------------------ SECOND LEVEL */
+      left: 100%; top: 0; }
+      @media screen and (min-width:993px) {
+        .mega-menu .drop-down-multilevel .drop-down-multilevel.left-side {    /*--------------------------------------------------- ALIGN SECOND LEVEL DROP DOWN LEFT SIDE */
+        left: -100%; }
+      }
+      @media screen and (max-width:992px) {
+        .mega-menu .drop-down-multilevel .drop-down-multilevel { left: 0; border: 1px solid #cccccc; }
+      }
+      .mega-menu .drop-down,
+      .mega-menu .drop-down-tab-bar {  /*--------------------------------------------------------- GRID DROP DOWN */
+      position: absolute; left: auto; top: auto; right: auto; background: #ffffff; float: left; padding: 10px 20px; z-index: 999; display: block; cursor: default; overflow: hidden;  /*-------------------------------------------------------- 12 COLUMNS FLUID GRID WITH NESTED COLUMNS */ }
+      .mega-menu .drop-down *,
+      .mega-menu .drop-down-tab-bar * { color: #323232; }
+      @media screen and (min-width:993px) {
+        .mega-menu .drop-down.menu-bg,
+        .mega-menu .drop-down-tab-bar { background: rgba(255, 255, 255, 1); background-repeat: no-repeat; background-position: 120% 0; }
+        .mega-menu .drop-down.menu-shop-bg,
+        .mega-menu .drop-down-tab-bar { background: rgba(255, 255, 255, 1) url(../../images/objects/menu-shop-bg.jpg); background-repeat: no-repeat; background-position: right; }
+        .mega-menu .drop-down.menu-bg [class*="grid-col-"] { padding: 10px 10px 0; }
+        .mega-menu .rev-slider { background: #fff; padding: 7px 12px; }
+        .mega-menu .rev-slider p { display: inline-block; padding: 0px 10px; margin-bottom: 0px !important; line-height: 0px !important; }
+        .mega-menu .rev-slider a { display: inline-block; font-size: 13px !important; color: #01a9da; width: inherit !important; padding: 5px 0px; }
+        .mega-menu .rev-slider a:hover { color: #323232 !important; }
+      }
+      @media screen and (min-width:993px) {
+        .mega-menu .drop-down,
+        .mega-menu .drop-down-tab-bar { display: block !important; opacity: 0; visibility: hidden;    /*border-top:5px solid #5E9ECA;*/ border-radius: 0px !important; box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.05); }
+      }
+      @media screen and (max-width:992px) {
+        .mega-menu .drop-down,
+        .mega-menu .drop-down-tab-bar { width: 100% !important; top: 0; left: 0; position: relative; display: none; }
+      }
+      .mega-menu .drop-down .grid-row,
+      .mega-menu .drop-down-tab-bar .grid-row { margin: 0; padding: 0; min-height: 1px; width: 100%; float: left; clear: both; }
+      .mega-menu .drop-down [class*="grid-col-"],
+      .mega-menu .drop-down-tab-bar [class*="grid-col-"] { margin: 0; float: left; padding: 10px; position: relative; }
+      .mega-menu .drop-down .grid-col-1,
+      .mega-menu .drop-down-tab-bar .grid-col-1 { width: 8.333333333333333%; }
+      .mega-menu .drop-down .grid-col-2,
+      .mega-menu .drop-down-tab-bar .grid-col-2 { width: 16.66666666666667%; }
+      .mega-menu .drop-down .grid-col-3,
+      .mega-menu .drop-down-tab-bar .grid-col-3 { width: 25%; }
+      .mega-menu .drop-down .grid-col-4,
+      .mega-menu .drop-down-tab-bar .grid-col-4 { width: 33.33333333333333%; }
+      .mega-menu .drop-down .grid-col-5,
+      .mega-menu .drop-down-tab-bar .grid-col-5 { width: 41.66666666666667%; }
+      .mega-menu .drop-down .grid-col-6,
+      .mega-menu .drop-down-tab-bar .grid-col-6 { width: 50%; }
+      .mega-menu .drop-down .grid-col-7,
+      .mega-menu .drop-down-tab-bar .grid-col-7 { width: 58.33333333333333%; }
+      .mega-menu .drop-down .grid-col-8,
+      .mega-menu .drop-down-tab-bar .grid-col-8 { width: 66.66666666666667%; }
+      .mega-menu .drop-down .grid-col-9,
+      .mega-menu .drop-down-tab-bar .grid-col-9 { width: 75%; }
+      .mega-menu .drop-down .grid-col-10,
+      .mega-menu .drop-down-tab-bar .grid-col-10 { width: 83.33333333333333%; }
+      .mega-menu .drop-down .grid-col-11,
+      .mega-menu .drop-down-tab-bar .grid-col-11 { width: 91.66666666666667%; }
+      .mega-menu .drop-down .grid-col-12,
+      .mega-menu .drop-down-tab-bar .grid-col-12 { width: 100%; }
+      .mega-menu .drop-down.grid-col-1,
+      .mega-menu .drop-down-tab-bar.grid-col-1 { width: 8.333333333333333%; }
+      .mega-menu .drop-down.grid-col-2,
+      .mega-menu .drop-down-tab-bar.grid-col-2 { width: 16.66666666666667%; }
+      .mega-menu .drop-down.grid-col-3,
+      .mega-menu .drop-down-tab-bar.grid-col-3 { width: 25%; }
+      .mega-menu .drop-down.grid-col-4,
+      .mega-menu .drop-down-tab-bar.grid-col-4 { width: 33.33333333333333%; }
+      .mega-menu .drop-down.grid-col-5,
+      .mega-menu .drop-down-tab-bar.grid-col-5 { width: 41.66666666666667%; }
+      .mega-menu .drop-down.grid-col-6,
+      .mega-menu .drop-down-tab-bar.grid-col-6 { width: 50%; }
+      .mega-menu .drop-down.grid-col-7,
+      .mega-menu .drop-down-tab-bar.grid-col-7 { width: 58.33333333333333%; }
+      .mega-menu .drop-down.grid-col-8,
+      .mega-menu .drop-down-tab-bar.grid-col-8 { width: 66.66666666666667%; }
+      .mega-menu .drop-down.grid-col-9,
+      .mega-menu .drop-down-tab-bar.grid-col-9 { width: 75%; }
+      .mega-menu .drop-down.grid-col-10,
+      .mega-menu .drop-down-tab-bar.grid-col-10 { width: 83.33333333333333%; }
+      .mega-menu .drop-down.grid-col-11,
+      .mega-menu .drop-down-tab-bar.grid-col-11 { width: 91.66666666666667%; }
+      .mega-menu .drop-down.grid-col-12,
+      .mega-menu .drop-down-tab-bar.grid-col-12 { width: 100%; left: 0; }
+      @media screen and (max-width:992px) {
+        .mega-menu .drop-down [class*="grid-col-"],
+        .mega-menu .drop-down-tab-bar [class*="grid-col-"] { width: 50%; }
+      }
+      @media screen and (max-width:992px) {
+        .mega-menu .drop-down [class*="grid-col-"],
+        .mega-menu .drop-down-tab-bar [class*="grid-col-"] { width: 100%; }
+      }
+      .mega-menu .drop-down.grid-demo span,
+      .mega-menu .drop-down-tab-bar.grid-demo span { float: left; display: inline-block; width: 100%; padding: 4px 6px; background: #bfbfbf; font-size: 0.75em; color: #323232; }
+      .mega-menu .drop-down .space-0,
+      .mega-menu .drop-down-tab-bar .space-0 {  /*--------------------------------------------------------- SPACE 0 CLASS */
+      padding: 0 !important; margin: 0 !important; }
+      .mega-menu .drop-down a,
+      .mega-menu .drop-down-tab-bar a { font-size: 0.7800em; display: inline-block; padding: 8px 0; width: 100%; max-width: 100%; text-transform: capitalize; }
+      .mega-menu .drop-down h1,
+      .mega-menu .drop-down h2,
+      .mega-menu .drop-down h3,
+      .mega-menu .drop-down h4,
+      .mega-menu .drop-down h5,
+      .mega-menu .drop-down h6,
+      .mega-menu .drop-down-tab-bar h1,
+      .mega-menu .drop-down-tab-bar h2,
+      .mega-menu .drop-down-tab-bar h3,
+      .mega-menu .drop-down-tab-bar h4,
+      .mega-menu .drop-down-tab-bar h5,
+      .mega-menu .drop-down-tab-bar h6 { margin-top: 0; font-weight: 700; }
+      .mega-menu .drop-down h1,
+      .mega-menu .drop-down-tab-bar h1 { font-size: 1.5em; line-height: 1; padding-top: 0.53em; margin-bottom: 0.5em; }
+      .mega-menu .drop-down h2,
+      .mega-menu .drop-down-tab-bar h2 { font-size: 1.375em; padding-top: 0.25em; margin-bottom: 0.5em; }
+      .mega-menu .drop-down h3,
+      .mega-menu .drop-down-tab-bar h3 { font-size: 1.125em; line-height: 1; padding-top: 0.35em; margin-bottom: 0.65em; }
+      .mega-menu .drop-down h4,
+      .mega-menu .drop-down-tab-bar h4 { font-size: 1em; text-transform: capitalize; line-height: 1.25; padding-top: 0.45em; margin-bottom: 0px; padding-left: 8px; letter-spacing: 0px; }
+      .mega-menu .drop-down h5,
+      .mega-menu .drop-down-tab-bar h5 { font-size: 0.875em; font-weight: bold; padding-top: 0.6em; margin-bottom: 0.9em; }
+      .mega-menu .drop-down h6,
+      .mega-menu .drop-down-tab-bar h6 { font-size: 0.75em; font-weight: bold; margin-bottom: 0; }
+      .mega-menu .drop-down figure img,
+      .mega-menu .drop-down-tab-bar figure img { width: 100%; height: auto; display: block; }
+      .mega-menu .drop-down figcaption,
+      .mega-menu .drop-down-tab-bar figcaption { font-size: small; font-style: italic; color: #666666; }
+      .mega-menu .drop-down ul,
+      .mega-menu .drop-down ol,
+      .mega-menu .drop-down dl,
+      .mega-menu .drop-down-tab-bar ul,
+      .mega-menu .drop-down-tab-bar ol,
+      .mega-menu .drop-down-tab-bar dl { padding: 0; margin: 0 0 0px; }
+      .mega-menu .drop-down form,
+      .mega-menu .drop-down-tab-bar form { margin-bottom: 1.5em; }
+      .mega-menu .drop-down form ul,
+      .mega-menu .drop-down-tab-bar form ul { list-style: none none; margin: 0; padding: 0; }
+      .mega-menu .drop-down form ul li,
+      .mega-menu .drop-down-tab-bar form ul li { *zoom: 1; margin-bottom: 1.5em; }
+      .mega-menu .drop-down form ul li:before,
+      .mega-menu .drop-down form ul li:after,
+      .mega-menu .drop-down-tab-bar form ul li:before,
+      .mega-menu .drop-down-tab-bar form ul li:after { content: ""; display: table; }
+      .mega-menu .drop-down form ul li:after,
+      .mega-menu .drop-down-tab-bar form ul li:after { clear: both; }
+      .mega-menu .drop-down fieldset,
+      .mega-menu .drop-down-tab-bar fieldset { margin: 0; padding: 1.5em; }
+      .mega-menu .drop-down label,
+      .mega-menu .drop-down-tab-bar label { display: block; }
+      .mega-menu .drop-down label.inline,
+      .mega-menu .drop-down-tab-bar label.inline { display: inline; padding-right: 24px; }
+      .mega-menu .drop-down input[type="text"],
+      .mega-menu .drop-down input[type="url"],
+      .mega-menu .drop-down input[type="email"],
+      .mega-menu .drop-down input[type="password"],
+      .mega-menu .drop-down input[type="search"],
+      .mega-menu .drop-down input[type="number"],
+      .mega-menu .drop-down input[type="date"],
+      .mega-menu .drop-down input[type="month"],
+      .mega-menu .drop-down input[type="week"],
+      .mega-menu .drop-down input[type="time"],
+      .mega-menu .drop-down input[type="datetime"],
+      .mega-menu .drop-down input[type="datetime-local"],
+      .mega-menu .drop-down input[type="tel"],
+      .mega-menu .drop-down textarea,
+      .mega-menu .drop-down-tab-bar input[type="text"],
+      .mega-menu .drop-down-tab-bar input[type="url"],
+      .mega-menu .drop-down-tab-bar input[type="email"],
+      .mega-menu .drop-down-tab-bar input[type="password"],
+      .mega-menu .drop-down-tab-bar input[type="search"],
+      .mega-menu .drop-down-tab-bar input[type="number"],
+      .mega-menu .drop-down-tab-bar input[type="date"],
+      .mega-menu .drop-down-tab-bar input[type="month"],
+      .mega-menu .drop-down-tab-bar input[type="week"],
+      .mega-menu .drop-down-tab-bar input[type="time"],
+      .mega-menu .drop-down-tab-bar input[type="datetime"],
+      .mega-menu .drop-down-tab-bar input[type="datetime-local"],
+      .mega-menu .drop-down-tab-bar input[type="tel"],
+      .mega-menu .drop-down-tab-bar textarea { display: block; width: 100%; margin: 0 0 0.75em; padding: 10px; font-size: 0.7800em; border: 1px solid #e8e8e8; line-height: 1.5em; }
+      .mega-menu .drop-down select,
+      .mega-menu .drop-down-tab-bar select { width: 100%; height: 2.1em; margin-bottom: 0.9em; border: 1px solid #cccccc; }
+      .mega-menu .drop-down input[type="range"],
+      .mega-menu .drop-down input[type="color"],
+      .mega-menu .drop-down-tab-bar input[type="range"],
+      .mega-menu .drop-down-tab-bar input[type="color"] { vertical-align: middle; height: 1.5em; width: 100%; }
+      .mega-menu .drop-down input[type="range"],
+      .mega-menu .drop-down-tab-bar input[type="range"] { height: 1.4em; }
+      .mega-menu .drop-down input[type="color"],
+      .mega-menu .drop-down-tab-bar input[type="color"] { width: 1.5em; }
+      .mega-menu .drop-down input[type="time"],
+      .mega-menu .drop-down-tab-bar input[type="time"] { margin: 0 0 0.55em; }
+      .mega-menu .drop-down progress,
+      .mega-menu .drop-down meter,
+      .mega-menu .drop-down-tab-bar progress,
+      .mega-menu .drop-down-tab-bar meter { display: block; width: 100%; height: 1.5em; }
+      .mega-menu .drop-down table,
+      .mega-menu .drop-down-tab-bar table { margin-bottom: 1.4em; width: 100%; border: 1px solid #cccccc; }
+      .mega-menu .drop-down thead,
+      .mega-menu .drop-down-tab-bar thead { text-align: left; font-weight: bold; }
+      .mega-menu .drop-down tbody tr:nth-child(even) td,
+      .mega-menu .drop-down-tab-bar tbody tr:nth-child(even) td { background: #dddddd; }
+      .mega-menu .drop-down tfoot,
+      .mega-menu .drop-down-tab-bar tfoot { font-style: italic; }
+      .mega-menu .drop-down tfoot td,
+      .mega-menu .drop-down tfoot th,
+      .mega-menu .drop-down-tab-bar tfoot td,
+      .mega-menu .drop-down-tab-bar tfoot th { padding: 0.75em 10px; }
+      .mega-menu .drop-down th,
+      .mega-menu .drop-down td,
+      .mega-menu .drop-down caption,
+      .mega-menu .drop-down-tab-bar th,
+      .mega-menu .drop-down-tab-bar td,
+      .mega-menu .drop-down-tab-bar caption { border: 1px solid #cccccc; }
+      .mega-menu .drop-down td,
+      .mega-menu .drop-down th,
+      .mega-menu .drop-down-tab-bar td,
+      .mega-menu .drop-down-tab-bar th { padding: 0 10px 0 10px; line-height: 1.45em; }
+      .mega-menu .drop-down caption,
+      .mega-menu .drop-down-tab-bar caption { border-bottom: 0; padding: 0.75em 10px; line-height: 1.45em; text-align: left; font-style: italic; }
+      .mega-menu .drop-down p,
+      .mega-menu .drop-down-tab-bar p { margin: 0 0 1.5em 0; font-size: 0.7800em; }
+      .mega-menu .drop-down blockquote,
+      .mega-menu .drop-down-tab-bar blockquote { margin: 0 1.5em 1.5em; font-style: italic; }
+      .mega-menu .drop-down mark,
+      .mega-menu .drop-down-tab-bar mark { line-height: 1.5; background: #78aace; color: #ffffff; }
+      .mega-menu .drop-down del,
+      .mega-menu .drop-down-tab-bar del { color: #dddddd; }
+      .mega-menu .drop-down code,
+      .mega-menu .drop-down kbd,
+      .mega-menu .drop-down pre,
+      .mega-menu .drop-down samp,
+      .mega-menu .drop-down-tab-bar code,
+      .mega-menu .drop-down-tab-bar kbd,
+      .mega-menu .drop-down-tab-bar pre,
+      .mega-menu .drop-down-tab-bar samp { }
+      .mega-menu .drop-down ins,
+      .mega-menu .drop-down small,
+      .mega-menu .drop-down-tab-bar ins,
+      .mega-menu .drop-down-tab-bar small { line-height: 1.5; }
+      .mega-menu .drop-down kbd,
+      .mega-menu .drop-down samp,
+      .mega-menu .drop-down-tab-bar kbd,
+      .mega-menu .drop-down-tab-bar samp { line-height: 1.4; }
+      .mega-menu .drop-down hr,
+      .mega-menu .drop-down-tab-bar hr { background: #cccccc; color: #cccccc; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1.4em; border: none; }
+      .mega-menu .drop-down input[type="submit"],
+      .mega-menu .drop-down input[type="button"],
+      .mega-menu .drop-down-tab-bar input[type="submit"],
+      .mega-menu .drop-down-tab-bar input[type="button"] { background: #5E9ECA; padding: 10px 20px; margin: 5px 10px 0 0; line-height: 1.5em; font-weight: 600; font-size: 0.7800em; color: #ffffff; border-radius: 0; display: block; float: left; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; }
+      .mega-menu .drop-down input[type="submit"]:hover,
+      .mega-menu .drop-down input[type="button"]:hover,
+      .mega-menu .drop-down-tab-bar input[type="submit"]:hover,
+      .mega-menu .drop-down-tab-bar input[type="button"]:hover { background-color: #333333; }
+      @media screen and (max-width:992px) {
+        .mega-menu .drop-down input[type="submit"],
+        .mega-menu .drop-down input[type="button"],
+        .mega-menu .drop-down-tab-bar input[type="submit"],
+        .mega-menu .drop-down-tab-bar input[type="button"] { width: 100%; }
+      }
+      .mega-menu .drop-down a,
+      .mega-menu .drop-down-tab-bar a { -webkit-transition: color 200ms ease; transition: color 200ms ease; }
+      .mega-menu .drop-down a:hover,
+      .mega-menu .drop-down-tab-bar a:hover { color: #5E9ECA; }
+      .mega-menu .drop-down a i,
+      .mega-menu .drop-down-tab-bar a i { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
+      .mega-menu .drop-down a:hover i,
+      .mega-menu .drop-down-tab-bar a:hover i { color: #5E9ECA; }
+      @media screen and (max-width:992px) {
+        .mega-menu .drop-down a,
+        .mega-menu .drop-down-tab-bar a { width: auto; }
+      }
+
+      /*.mega-menu .drop-down ::-moz-selection,
+      .mega-menu .drop-down-tab-bar ::-moz-selection {
+       background: #ffb9ad;
+      }
+
+      .mega-menu .drop-down ::selection,
+      .mega-menu .drop-down-tab-bar ::selection {
+       background: #ffb9ad;
+      }*/
+      .mega-menu .drop-down .list-description span,
+      .mega-menu .drop-down-tab-bar .list-description span { color: #aeaeae; display: inline-block; width: 100%; }
+      .mega-menu .drop-down .image-description,
+      .mega-menu .drop-down-tab-bar .image-description { position: relative; }
+      .mega-menu .drop-down .image-description img,
+      .mega-menu .drop-down-tab-bar .image-description img { display: inline-block; float: left; max-width: 100%; position: absolute; left: 0; right: 0; height: 40px; width: 40px; }
+      .mega-menu .drop-down .image-description a,
+      .mega-menu .drop-down-tab-bar .image-description a { padding-left: 50px; }
+      .mega-menu .drop-down .image-description span,
+      .mega-menu .drop-down-tab-bar .image-description span { color: #aeaeae; display: inline-block; width: 100%; }
+      .mega-menu .drop-down i.fa,
+      .mega-menu .drop-down-tab-bar i.fa { padding-right: 10px; width: 20px; }
+      .mega-menu .drop-down iframe,
+      .mega-menu .drop-down-tab-bar iframe { width: 100%; display: block; float: left; margin: 0; padding: 0; border: none; }
+      @media screen and (min-width:993px) {
+        .mega-menu .drop-down.offset-1,
+        .mega-menu .drop-down-tab-bar.offset-1 {    /*------------------------------------------- OFFSET CLASSES FOR DROP DOWN */
+        margin-left: 100px; }
+        .mega-menu .drop-down.offset-2,
+        .mega-menu .drop-down-tab-bar.offset-2 { margin-left: -150px; }
+        .mega-menu .drop-down.offset-3,
+        .mega-menu .drop-down-tab-bar.offset-3 { margin-left: -200px; }
+        .mega-menu .drop-down.offset-4,
+        .mega-menu .drop-down-tab-bar.offset-4 { margin-left: -250px; }
+        .mega-menu .drop-down.offset-5,
+        .mega-menu .drop-down-tab-bar.offset-5 { margin-left: -300px; }
+      }
+      .mega-menu .drop-down .menu-contact-form,
+      .mega-menu .drop-down-tab-bar .menu-contact-form {  /*------------------------------------------------------- MENU CONTACT FORM */
+      margin: 0; display: block; float: left; width: 100%; background: #f7f7f7; padding: 20px; }
+      .mega-menu .mobileTriggerButton {  /*---------------------------------------------------- MOBILE CLICK TRIGGER JQUERY DIV */
+      margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; height: 50px; display: none; z-index: -1; }
+      @media screen and (max-width:992px) {
+        .mega-menu .mobileTriggerButton { display: block; }
+      }
+      .mega-menu .desktopTriggerButton {  /*--------------------------------------------------- DESKTOP CLICK TRIGGER JQUERY DIV */
+      margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; display: block; opacity: .2; }
+      @media screen and (max-width:992px) {
+        .mega-menu .desktopTriggerButton { display: none; }
+      }
+      @media screen and (min-width:993px) {
+        .mega-menu.desktopTopFixed .menu-list-items {    /*--------------------------------------------------------- TOP FIXED FOR DESKTOP */
+        position: fixed; top: 0; left: 0; right: 0; max-width: 100%; padding: 0px 10px; background: #323232; box-shadow: 0 0 10px rgba(0, 0, 0, .1); }
+        .mega-menu.desktopTopFixed .menu-list-items .drop-down.grid-col-12,
+        .mega-menu.desktopTopFixed .menu-list-items .drop-down-tab-bar.grid-col-12 { width: 100%; margin: 0px; }
+        .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 40px; padding-top: 0px; margin: 15px 0px;    /*width: 75%;*/ }
+        .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 20px; }
+      }
+      @media screen and (max-width:992px) {
+        .mega-menu.mobileTopFixed .menu-list-items {    /*--------------------------------------------------------- TOP FIXED FOR MOBILE */
+        position: fixed; top: 0; left: 0; right: 0; max-width: 100%; }
+      }
+      .mega-menu .drop-down-tab-bar {  /*----------------------------------------------------------- DROP DOWN TAB BAR */
+      margin: 0; padding: 10px; float: left; }
+      .mega-menu .drop-down-tab-bar li { float: left; margin: 0; padding: 0; display: block; }
+      @media screen and (max-width:992px) {
+        .mega-menu .drop-down-tab-bar li { width: 100%; position: relative; }
+      }
+      .mega-menu .drop-down-tab-bar a { float: left; width: 100%; display: inline-block; padding: 5px 10px; font-size: 0.7800em; }
+      @media screen and (max-width:992px) {
+        .mega-menu .drop-down-tab-bar a { width: auto; padding-right: 20px; }
+      }
+      .mega-menu .drop-down-tab-bar i.fa { display: inline-block; padding-right: 5px; }
+      .mega-menu .drop-down-tab-bar i.fa.fa-indicator { padding-right: 0; padding-left: 10px; line-height: 0.7800em; }
+      @media screen and (max-width:992px) {
+        .mega-menu .drop-down-tab-bar i.fa.fa-indicator { float: right; position: absolute; right: 12px; top: 0; bottom: 0; line-height: 25px; }
+      }
+      @media screen and (min-width:993px) {
+        .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-scale,
+        .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-scale,
+        .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-scale,
+        .mega-menu .menu-links li.ClickTrigger .drop-down.effect-scale,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-scale,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-scale {    /*--------------------------------------------- effect scale */
+        -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
+        .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-top,
+        .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-top,
+        .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-top,
+        .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-top,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-top,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-top {    /*--------------------------------------------- effect expand top*/
+        -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }
+        .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-bottom,
+        .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-bottom,
+        .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-bottom,
+        .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-bottom,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-bottom,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-bottom {    /*--------------------------------------------- effect expand bottom*/
+        -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; }
+        .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-left,
+        .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-left,
+        .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-left,
+        .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-left,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-left,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-left {    /*--------------------------------------------- effect expand left*/
+        -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }
+        .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-right,
+        .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-right,
+        .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-right,
+        .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-right,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-right,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-right {    /*--------------------------------------------- effect expand right*/
+        -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; }
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel,
+        .mega-menu .menu-links li.ClickTrigger .drop-down.active,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active { -webkit-transition-delay: 200ms !important; transition-delay: 200ms !important; }
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-fade,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-fade,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-fade,
+        .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-fade,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-fade,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-fade {    /*------------------------------------------- DROP DOWN EFFECTS :::: fade-effect */
+        opacity: 1; visibility: visible; }
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-scale,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-scale,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-scale,
+        .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-scale,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-scale,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-scale {    /*--------------------------------------------- effect scale */
+        opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-top,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-top,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-top,
+        .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-top,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-top,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-top {    /*--------------------------------------------- effect expand top*/
+        opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-bottom,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-bottom,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-bottom,
+        .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-bottom,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-bottom,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-bottom {    /*--------------------------------------------- effect expand bottom*/
+        opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-left,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-left,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-left,
+        .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-left,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-left,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-left {    /*--------------------------------------------- effect expand left*/
+        opacity: 1; visibility: visible; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-right,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-right,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-right,
+        .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-right,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-right,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-right {    /*--------------------------------------------- effect expand right */
+        opacity: 1; visibility: visible; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
+      }
+      @media screen and (max-width:992px) {
+        .mega-menu .menu-links li .drop-down,
+        .mega-menu .menu-links li .drop-down-tab-bar,
+        .mega-menu .menu-links li .drop-down-multilevel { -webkit-transition: none !important; transition: none !important; }
+      }
+      @media screen and (min-width:993px) {
+        .mega-menu.vertical-left,
+        .mega-menu.vertical-right {    /*----------------------------------------------------- VERTICAL LEFT OR VERTICAL RIGHT */
+        float: left; width: auto; display: block;    /*max-width: 250px;*/ }
+        .mega-menu.vertical-left .menu-logo,
+        .mega-menu.vertical-right .menu-logo { clear: both; width: 100%; }
+        .mega-menu.vertical-left .menu-logo > li,
+        .mega-menu.vertical-right .menu-logo > li { width: 100%; }
+        .mega-menu.vertical-left .menu-logo > li > a,
+        .mega-menu.vertical-right .menu-logo > li > a { width: 100%; }
+        .mega-menu.vertical-left .menu-links,
+        .mega-menu.vertical-right .menu-links { clear: both; width: 100%; }
+        .mega-menu.vertical-left .menu-links > li,
+        .mega-menu.vertical-right .menu-links > li { clear: both; width: 100%; position: relative; }
+        .mega-menu.vertical-left .menu-links > li > a,
+        .mega-menu.vertical-right .menu-links > li > a { width: 100%; position: relative; line-height: 48px; }
+        .mega-menu.vertical-left .menu-links > li > a i.fa.fa-indicator,
+        .mega-menu.vertical-right .menu-links > li > a i.fa.fa-indicator { float: right; line-height: 48px; }
+        .mega-menu.vertical-left .menu-social-bar,
+        .mega-menu.vertical-right .menu-social-bar { width: 100%; text-align: center; }
+        .mega-menu.vertical-left .menu-social-bar > li,
+        .mega-menu.vertical-right .menu-social-bar > li { display: inline-block; float: none; }
+        .mega-menu.vertical-left .menu-social-bar > li > a,
+        .mega-menu.vertical-right .menu-social-bar > li > a { padding-left: 10px; padding-right: 10px; }
+        .mega-menu.vertical-left .drop-down-multilevel,
+        .mega-menu.vertical-right .drop-down-multilevel { top: 0; left: 100%; }
+        .mega-menu.vertical-left .drop-down,
+        .mega-menu.vertical-left .drop-down-tab-bar,
+        .mega-menu.vertical-right .drop-down,
+        .mega-menu.vertical-right .drop-down-tab-bar { left: 100%; top: 0; min-width: 600px; }
+        .mega-menu.vertical-left .drop-down.grid-col-12,
+        .mega-menu.vertical-left .drop-down-tab-bar.grid-col-12,
+        .mega-menu.vertical-right .drop-down.grid-col-12,
+        .mega-menu.vertical-right .drop-down-tab-bar.grid-col-12 { min-width: 1000px; }
+        .mega-menu.vertical-left .offset-1,
+        .mega-menu.vertical-left .offset-2,
+        .mega-menu.vertical-left .offset-3,
+        .mega-menu.vertical-left .offset-4,
+        .mega-menu.vertical-left .offset-5,
+        .mega-menu.vertical-right .offset-1,
+        .mega-menu.vertical-right .offset-2,
+        .mega-menu.vertical-right .offset-3,
+        .mega-menu.vertical-right .offset-4,
+        .mega-menu.vertical-right .offset-5 { margin-left: 0; }
+        .mega-menu.vertical-left .offset-1-vertical,
+        .mega-menu.vertical-right .offset-1-vertical { margin-top: -100px !important; }
+        .mega-menu.vertical-left .offset-2-vertical,
+        .mega-menu.vertical-right .offset-2-vertical { margin-top: -150px !important; }
+        .mega-menu.vertical-left .offset-3-vertical,
+        .mega-menu.vertical-right .offset-3-vertical { margin-top: -200px !important; }
+        .mega-menu.vertical-left .offset-4-vertical,
+        .mega-menu.vertical-right .offset-4-vertical { margin-top: -250px !important; }
+        .mega-menu.vertical-left .offset-5-vertical,
+        .mega-menu.vertical-right .offset-5-vertical { margin-top: -300px !important; }
+        .mega-menu.vertical-left.desktopTopFixed,
+        .mega-menu.vertical-right.desktopTopFixed { float: left; right: auto; padding: 0; height: 100%; }
+        .mega-menu.vertical-left.desktopTopFixed .menu-list-items,
+        .mega-menu.vertical-right.desktopTopFixed .menu-list-items { padding: 0; height: 100%; }
+        .mega-menu.vertical-left.desktopTopFixed .drop-down,
+        .mega-menu.vertical-left.desktopTopFixed .drop-down-tab-bar,
+        .mega-menu.vertical-right.desktopTopFixed .drop-down,
+        .mega-menu.vertical-right.desktopTopFixed .drop-down-tab-bar { margin: 0; }
+        .mega-menu.vertical-right { float: right; }
+        .mega-menu.vertical-right .drop-down-multilevel { left: auto; right: 100%; }
+      }
+      @media screen and (min-width:993px) and (min-width:993px) {
+        .mega-menu.vertical-right .drop-down-multilevel.left-side { left: 100%; }
+      }
+      @media screen and (min-width:993px) {
+        .mega-menu.vertical-right .drop-down,
+        .mega-menu.vertical-right .drop-down-tab-bar { left: auto; right: 100%; }
+        .mega-menu.vertical-right.desktopTopFixed { float: right; left: auto; right: 0; padding: 0; height: 100%; }
+      }
+      @media screen and (min-width:993px) {
+        .mega-menu.vertical-left .menu-search-bar,
+        .mega-menu.vertical-right .menu-search-bar { width: 100%; }
+        .mega-menu.vertical-left .menu-search-bar input,
+        .mega-menu.vertical-left .menu-search-bar li,
+        .mega-menu.vertical-left .menu-search-bar form,
+        .mega-menu.vertical-left .menu-search-bar label,
+        .mega-menu.vertical-right .menu-search-bar input,
+        .mega-menu.vertical-right .menu-search-bar li,
+        .mega-menu.vertical-right .menu-search-bar form,
+        .mega-menu.vertical-right .menu-search-bar label { width: 100%; max-width: 100%; background: #5E9ECA; -webkit-transition: none; transition: none; }
+        .mega-menu.vertical-left .menu-search-bar input,
+        .mega-menu.vertical-right .menu-search-bar input { padding-left: 20px; }
+      }
+      @media screen and (min-width:993px) {
+        .mega-menu.menuFullWidth {    /*--------------------------------------------------- make menu full width */
+        max-width: 100%; }
+      }
diff --git a/resoft/css/plugins/animate.css b/resoft/css/plugins/animate.css
new file mode 100644
index 0000000..8c70723
--- /dev/null
+++ b/resoft/css/plugins/animate.css
@@ -0,0 +1,531 @@
+@charset "UTF-8";
+
+/*!
+ * animate.css -http://daneden.me/animate
+ * Version - 3.5.2
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2017 Daniel Eden
+ */
+.animated { animation-duration: 1s; animation-fill-mode: both; }
+.animated.infinite { animation-iteration-count: infinite; }
+.animated.hinge { animation-duration: 2s; }
+.animated.flipOutX,
+.animated.flipOutY,
+.animated.bounceIn,
+.animated.bounceOut { animation-duration: .75s; }
+@keyframes bounce {
+  from,
+  20%,
+  53%,
+  80%,
+  to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0, 0, 0); }
+  40%,
+  43% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -30px, 0); }
+  70% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -15px, 0); }
+  90% { transform: translate3d(0, -4px, 0); }
+}
+.bounce { animation-name: bounce; transform-origin: center bottom; }
+@keyframes flash {
+  from,
+  50%,
+  to { opacity: 1; }
+  25%,
+  75% { opacity: 0; }
+}
+.flash { animation-name: flash; }
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@keyframes pulse {
+  from { transform: scale3d(1, 1, 1); }
+  50% { transform: scale3d(1.05, 1.05, 1.05); }
+  to { transform: scale3d(1, 1, 1); }
+}
+.pulse { animation-name: pulse; }
+@keyframes rubberBand {
+  from { transform: scale3d(1, 1, 1); }
+  30% { transform: scale3d(1.25, 0.75, 1); }
+  40% { transform: scale3d(0.75, 1.25, 1); }
+  50% { transform: scale3d(1.15, 0.85, 1); }
+  65% { transform: scale3d(.95, 1.05, 1); }
+  75% { transform: scale3d(1.05, .95, 1); }
+  to { transform: scale3d(1, 1, 1); }
+}
+.rubberBand { animation-name: rubberBand; }
+@keyframes shake {
+  from,
+  to { transform: translate3d(0, 0, 0); }
+  10%,
+  30%,
+  50%,
+  70%,
+  90% { transform: translate3d(-10px, 0, 0); }
+  20%,
+  40%,
+  60%,
+  80% { transform: translate3d(10px, 0, 0); }
+}
+.shake { animation-name: shake; }
+@keyframes headShake {
+  0% { transform: translateX(0); }
+  6.5% { transform: translateX(-6px) rotateY(-9deg); }
+  18.5% { transform: translateX(5px) rotateY(7deg); }
+  31.5% { transform: translateX(-3px) rotateY(-5deg); }
+  43.5% { transform: translateX(2px) rotateY(3deg); }
+  50% { transform: translateX(0); }
+}
+.headShake { animation-timing-function: ease-in-out; animation-name: headShake; }
+@keyframes swing {
+  20% { transform: rotate3d(0, 0, 1, 15deg); }
+  40% { transform: rotate3d(0, 0, 1, -10deg); }
+  60% { transform: rotate3d(0, 0, 1, 5deg); }
+  80% { transform: rotate3d(0, 0, 1, -5deg); }
+  to { transform: rotate3d(0, 0, 1, 0deg); }
+}
+.swing { transform-origin: top center; animation-name: swing; }
+@keyframes tada {
+  from { transform: scale3d(1, 1, 1); }
+  10%,
+  20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); }
+  30%,
+  50%,
+  70%,
+  90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
+  40%,
+  60%,
+  80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
+  to { transform: scale3d(1, 1, 1); }
+}
+.tada { animation-name: tada; }
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@keyframes wobble {
+  from { transform: none; }
+  15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
+  30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
+  45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
+  60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
+  75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
+  to { transform: none; }
+}
+.wobble { animation-name: wobble; }
+@keyframes jello {
+  from,
+  11.1%,
+  to { transform: none; }
+  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
+  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
+  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
+  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
+  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
+  77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
+  88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }
+}
+.jello { animation-name: jello; transform-origin: center; }
+@keyframes bounceIn {
+  from,
+  20%,
+  40%,
+  60%,
+  80%,
+  to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
+  0% { opacity: 0; transform: scale3d(.3, .3, .3); }
+  20% { transform: scale3d(1.1, 1.1, 1.1); }
+  40% { transform: scale3d(.9, .9, .9); }
+  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
+  80% { transform: scale3d(.97, .97, .97); }
+  to { opacity: 1; transform: scale3d(1, 1, 1); }
+}
+.bounceIn { animation-name: bounceIn; }
+@keyframes bounceInDown {
+  from,
+  60%,
+  75%,
+  90%,
+  to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
+  0% { opacity: 0; transform: translate3d(0, -3000px, 0); }
+  60% { opacity: 1; transform: translate3d(0, 25px, 0); }
+  75% { transform: translate3d(0, -10px, 0); }
+  90% { transform: translate3d(0, 5px, 0); }
+  to { transform: none; }
+}
+.bounceInDown { animation-name: bounceInDown; }
+@keyframes bounceInLeft {
+  from,
+  60%,
+  75%,
+  90%,
+  to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
+  0% { opacity: 0; transform: translate3d(-3000px, 0, 0); }
+  60% { opacity: 1; transform: translate3d(25px, 0, 0); }
+  75% { transform: translate3d(-10px, 0, 0); }
+  90% { transform: translate3d(5px, 0, 0); }
+  to { transform: none; }
+}
+.bounceInLeft { animation-name: bounceInLeft; }
+@keyframes bounceInRight {
+  from,
+  60%,
+  75%,
+  90%,
+  to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
+  from { opacity: 0; transform: translate3d(3000px, 0, 0); }
+  60% { opacity: 1; transform: translate3d(-25px, 0, 0); }
+  75% { transform: translate3d(10px, 0, 0); }
+  90% { transform: translate3d(-5px, 0, 0); }
+  to { transform: none; }
+}
+.bounceInRight { animation-name: bounceInRight; }
+@keyframes bounceInUp {
+  from,
+  60%,
+  75%,
+  90%,
+  to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
+  from { opacity: 0; transform: translate3d(0, 3000px, 0); }
+  60% { opacity: 1; transform: translate3d(0, -20px, 0); }
+  75% { transform: translate3d(0, 10px, 0); }
+  90% { transform: translate3d(0, -5px, 0); }
+  to { transform: translate3d(0, 0, 0); }
+}
+.bounceInUp { animation-name: bounceInUp; }
+@keyframes bounceOut {
+  20% { transform: scale3d(.9, .9, .9); }
+  50%,
+  55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
+  to { opacity: 0; transform: scale3d(.3, .3, .3); }
+}
+.bounceOut { animation-name: bounceOut; }
+@keyframes bounceOutDown {
+  20% { transform: translate3d(0, 10px, 0); }
+  40%,
+  45% { opacity: 1; transform: translate3d(0, -20px, 0); }
+  to { opacity: 0; transform: translate3d(0, 2000px, 0); }
+}
+.bounceOutDown { animation-name: bounceOutDown; }
+@keyframes bounceOutLeft {
+  20% { opacity: 1; transform: translate3d(20px, 0, 0); }
+  to { opacity: 0; transform: translate3d(-2000px, 0, 0); }
+}
+.bounceOutLeft { animation-name: bounceOutLeft; }
+@keyframes bounceOutRight {
+  20% { opacity: 1; transform: translate3d(-20px, 0, 0); }
+  to { opacity: 0; transform: translate3d(2000px, 0, 0); }
+}
+.bounceOutRight { animation-name: bounceOutRight; }
+@keyframes bounceOutUp {
+  20% { transform: translate3d(0, -10px, 0); }
+  40%,
+  45% { opacity: 1; transform: translate3d(0, 20px, 0); }
+  to { opacity: 0; transform: translate3d(0, -2000px, 0); }
+}
+.bounceOutUp { animation-name: bounceOutUp; }
+@keyframes fadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+.fadeIn { animation-name: fadeIn; }
+@keyframes fadeInDown {
+  from { opacity: 0; transform: translate3d(0, -100%, 0); }
+  to { opacity: 1; transform: none; }
+}
+.fadeInDown { animation-name: fadeInDown; }
+@keyframes fadeInDownBig {
+  from { opacity: 0; transform: translate3d(0, -2000px, 0); }
+  to { opacity: 1; transform: none; }
+}
+.fadeInDownBig { animation-name: fadeInDownBig; }
+@keyframes fadeInLeft {
+  from { opacity: 0; transform: translate3d(-100%, 0, 0); }
+  to { opacity: 1; transform: none; }
+}
+.fadeInLeft { animation-name: fadeInLeft; }
+@keyframes fadeInLeftBig {
+  from { opacity: 0; transform: translate3d(-2000px, 0, 0); }
+  to { opacity: 1; transform: none; }
+}
+.fadeInLeftBig { animation-name: fadeInLeftBig; }
+@keyframes fadeInRight {
+  from { opacity: 0; transform: translate3d(100%, 0, 0); }
+  to { opacity: 1; transform: none; }
+}
+.fadeInRight { animation-name: fadeInRight; }
+@keyframes fadeInRightBig {
+  from { opacity: 0; transform: translate3d(2000px, 0, 0); }
+  to { opacity: 1; transform: none; }
+}
+.fadeInRightBig { animation-name: fadeInRightBig; }
+@keyframes fadeInUp {
+  from { opacity: 0; transform: translate3d(0, 100%, 0); }
+  to { opacity: 1; transform: none; }
+}
+.fadeInUp { animation-name: fadeInUp; }
+@keyframes fadeInUpBig {
+  from { opacity: 0; transform: translate3d(0, 2000px, 0); }
+  to { opacity: 1; transform: none; }
+}
+.fadeInUpBig { animation-name: fadeInUpBig; }
+@keyframes fadeOut {
+  from { opacity: 1; }
+  to { opacity: 0; }
+}
+.fadeOut { animation-name: fadeOut; }
+@keyframes fadeOutDown {
+  from { opacity: 1; }
+  to { opacity: 0; transform: translate3d(0, 100%, 0); }
+}
+.fadeOutDown { animation-name: fadeOutDown; }
+@keyframes fadeOutDownBig {
+  from { opacity: 1; }
+  to { opacity: 0; transform: translate3d(0, 2000px, 0); }
+}
+.fadeOutDownBig { animation-name: fadeOutDownBig; }
+@keyframes fadeOutLeft {
+  from { opacity: 1; }
+  to { opacity: 0; transform: translate3d(-100%, 0, 0); }
+}
+.fadeOutLeft { animation-name: fadeOutLeft; }
+@keyframes fadeOutLeftBig {
+  from { opacity: 1; }
+  to { opacity: 0; transform: translate3d(-2000px, 0, 0); }
+}
+.fadeOutLeftBig { animation-name: fadeOutLeftBig; }
+@keyframes fadeOutRight {
+  from { opacity: 1; }
+  to { opacity: 0; transform: translate3d(100%, 0, 0); }
+}
+.fadeOutRight { animation-name: fadeOutRight; }
+@keyframes fadeOutRightBig {
+  from { opacity: 1; }
+  to { opacity: 0; transform: translate3d(2000px, 0, 0); }
+}
+.fadeOutRightBig { animation-name: fadeOutRightBig; }
+@keyframes fadeOutUp {
+  from { opacity: 1; }
+  to { opacity: 0; transform: translate3d(0, -100%, 0); }
+}
+.fadeOutUp { animation-name: fadeOutUp; }
+@keyframes fadeOutUpBig {
+  from { opacity: 1; }
+  to { opacity: 0; transform: translate3d(0, -2000px, 0); }
+}
+.fadeOutUpBig { animation-name: fadeOutUpBig; }
+@keyframes flip {
+  from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; }
+  40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; }
+  50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; }
+  80% { transform: perspective(400px) scale3d(.95, .95, .95); animation-timing-function: ease-in; }
+  to { transform: perspective(400px); animation-timing-function: ease-in; }
+}
+.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; }
+@keyframes flipInX {
+  from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
+  40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; }
+  60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
+  80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
+  to { transform: perspective(400px); }
+}
+.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; }
+@keyframes flipInY {
+  from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
+  40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; }
+  60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
+  80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
+  to { transform: perspective(400px); }
+}
+.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; }
+@keyframes flipOutX {
+  from { transform: perspective(400px); }
+  30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
+  to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
+}
+.flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }
+@keyframes flipOutY {
+  from { transform: perspective(400px); }
+  30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
+  to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
+}
+.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; }
+@keyframes lightSpeedIn {
+  from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
+  60% { transform: skewX(20deg); opacity: 1; }
+  80% { transform: skewX(-5deg); opacity: 1; }
+  to { transform: none; opacity: 1; }
+}
+.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; }
+@keyframes lightSpeedOut {
+  from { opacity: 1; }
+  to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; }
+}
+.lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; }
+@keyframes rotateIn {
+  from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
+  to { transform-origin: center; transform: none; opacity: 1; }
+}
+.rotateIn { animation-name: rotateIn; }
+@keyframes rotateInDownLeft {
+  from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
+  to { transform-origin: left bottom; transform: none; opacity: 1; }
+}
+.rotateInDownLeft { animation-name: rotateInDownLeft; }
+@keyframes rotateInDownRight {
+  from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
+  to { transform-origin: right bottom; transform: none; opacity: 1; }
+}
+.rotateInDownRight { animation-name: rotateInDownRight; }
+@keyframes rotateInUpLeft {
+  from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
+  to { transform-origin: left bottom; transform: none; opacity: 1; }
+}
+.rotateInUpLeft { animation-name: rotateInUpLeft; }
+@keyframes rotateInUpRight {
+  from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
+  to { transform-origin: right bottom; transform: none; opacity: 1; }
+}
+.rotateInUpRight { animation-name: rotateInUpRight; }
+@keyframes rotateOut {
+  from { transform-origin: center; opacity: 1; }
+  to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }
+}
+.rotateOut { animation-name: rotateOut; }
+@keyframes rotateOutDownLeft {
+  from { transform-origin: left bottom; opacity: 1; }
+  to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
+}
+.rotateOutDownLeft { animation-name: rotateOutDownLeft; }
+@keyframes rotateOutDownRight {
+  from { transform-origin: right bottom; opacity: 1; }
+  to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
+}
+.rotateOutDownRight { animation-name: rotateOutDownRight; }
+@keyframes rotateOutUpLeft {
+  from { transform-origin: left bottom; opacity: 1; }
+  to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
+}
+.rotateOutUpLeft { animation-name: rotateOutUpLeft; }
+@keyframes rotateOutUpRight {
+  from { transform-origin: right bottom; opacity: 1; }
+  to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }
+}
+.rotateOutUpRight { animation-name: rotateOutUpRight; }
+@keyframes hinge {
+  0% { transform-origin: top left; animation-timing-function: ease-in-out; }
+  20%,
+  60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
+  40%,
+  80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; }
+  to { transform: translate3d(0, 700px, 0); opacity: 0; }
+}
+.hinge { animation-name: hinge; }
+@keyframes jackInTheBox {
+  from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; }
+  50% { transform: rotate(-10deg); }
+  70% { transform: rotate(3deg); }
+  to { opacity: 1; transform: scale(1); }
+}
+.jackInTheBox { animation-name: jackInTheBox; }
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@keyframes rollIn {
+  from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
+  to { opacity: 1; transform: none; }
+}
+.rollIn { animation-name: rollIn; }
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@keyframes rollOut {
+  from { opacity: 1; }
+  to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); }
+}
+.rollOut { animation-name: rollOut; }
+@keyframes zoomIn {
+  from { opacity: 0; transform: scale3d(.3, .3, .3); }
+  50% { opacity: 1; }
+}
+.zoomIn { animation-name: zoomIn; }
+@keyframes zoomInDown {
+  from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
+  60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
+}
+.zoomInDown { animation-name: zoomInDown; }
+@keyframes zoomInLeft {
+  from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
+  60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
+}
+.zoomInLeft { animation-name: zoomInLeft; }
+@keyframes zoomInRight {
+  from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
+  60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
+}
+.zoomInRight { animation-name: zoomInRight; }
+@keyframes zoomInUp {
+  from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
+  60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
+}
+.zoomInUp { animation-name: zoomInUp; }
+@keyframes zoomOut {
+  from { opacity: 1; }
+  50% { opacity: 0; transform: scale3d(.3, .3, .3); }
+  to { opacity: 0; }
+}
+.zoomOut { animation-name: zoomOut; }
+@keyframes zoomOutDown {
+  40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
+  to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
+}
+.zoomOutDown { animation-name: zoomOutDown; }
+@keyframes zoomOutLeft {
+  40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); }
+  to { opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center; }
+}
+.zoomOutLeft { animation-name: zoomOutLeft; }
+@keyframes zoomOutRight {
+  40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); }
+  to { opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center; }
+}
+.zoomOutRight { animation-name: zoomOutRight; }
+@keyframes zoomOutUp {
+  40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
+  to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
+}
+.zoomOutUp { animation-name: zoomOutUp; }
+@keyframes slideInDown {
+  from { transform: translate3d(0, -100%, 0); visibility: visible; }
+  to { transform: translate3d(0, 0, 0); }
+}
+.slideInDown { animation-name: slideInDown; }
+@keyframes slideInLeft {
+  from { transform: translate3d(-100%, 0, 0); visibility: visible; }
+  to { transform: translate3d(0, 0, 0); }
+}
+.slideInLeft { animation-name: slideInLeft; }
+@keyframes slideInRight {
+  from { transform: translate3d(100%, 0, 0); visibility: visible; }
+  to { transform: translate3d(0, 0, 0); }
+}
+.slideInRight { animation-name: slideInRight; }
+@keyframes slideInUp {
+  from { transform: translate3d(0, 100%, 0); visibility: visible; }
+  to { transform: translate3d(0, 0, 0); }
+}
+.slideInUp { animation-name: slideInUp; }
+@keyframes slideOutDown {
+  from { transform: translate3d(0, 0, 0); }
+  to { visibility: hidden; transform: translate3d(0, 100%, 0); }
+}
+.slideOutDown { animation-name: slideOutDown; }
+@keyframes slideOutLeft {
+  from { transform: translate3d(0, 0, 0); }
+  to { visibility: hidden; transform: translate3d(-100%, 0, 0); }
+}
+.slideOutLeft { animation-name: slideOutLeft; }
+@keyframes slideOutRight {
+  from { transform: translate3d(0, 0, 0); }
+  to { visibility: hidden; transform: translate3d(100%, 0, 0); }
+}
+.slideOutRight { animation-name: slideOutRight; }
+@keyframes slideOutUp {
+  from { transform: translate3d(0, 0, 0); }
+  to { visibility: hidden; transform: translate3d(0, -100%, 0); }
+}
+.slideOutUp { animation-name: slideOutUp; }
diff --git a/resoft/css/plugins/bootstrap-datetimepicker.min.css b/resoft/css/plugins/bootstrap-datetimepicker.min.css
new file mode 100644
index 0000000..5950ad2
--- /dev/null
+++ b/resoft/css/plugins/bootstrap-datetimepicker.min.css
@@ -0,0 +1,5 @@
+/*!
+ * Datetimepicker for Bootstrap 3
+ * version : 4.17.47
+ * https://github.com/Eonasdan/bootstrap-datetimepicker/
+ */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{display:block;margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
\ No newline at end of file
diff --git a/resoft/css/plugins/bootstrap.min.css b/resoft/css/plugins/bootstrap.min.css
new file mode 100644
index 0000000..ed3905e
--- /dev/null
+++ b/resoft/css/plugins/bootstrap.min.css
@@ -0,0 +1,6 @@
+/*!
+ * Bootstrap v3.3.7 (http://getbootstrap.com)
+ * Copyright 2011-2016 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
+/*# sourceMappingURL=bootstrap.min.css.map */
\ No newline at end of file
diff --git a/resoft/css/plugins/dataTables.bootstrap.min.css b/resoft/css/plugins/dataTables.bootstrap.min.css
new file mode 100644
index 0000000..6b26d45
--- /dev/null
+++ b/resoft/css/plugins/dataTables.bootstrap.min.css
@@ -0,0 +1 @@
+table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:20px;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:20px 0 0;white-space:nowrap}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:8px;right:8px;display:block;font-family:'FontAwesome';opacity:0.5}table.dataTable thead .sorting:after{opacity:0.2;content:"\f15e"}table.dataTable thead .sorting_asc:after{content:"\f161"}table.dataTable thead .sorting_desc:after{content:"\f15e"}table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{color:#eee}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody>table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody>table>thead .sorting:after,div.dataTables_scrollBody>table>thead .sorting_asc:after,div.dataTables_scrollBody>table>thead .sorting_desc:after{display:none}div.dataTables_scrollBody>table>tbody>tr:first-child>th,div.dataTables_scrollBody>table>tbody>tr:first-child>td{border-top:none}div.dataTables_scrollFoot>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}table.dataTable.table-condensed>thead>tr>th{padding-right:20px}table.dataTable.table-condensed .sorting:after,table.dataTable.table-condensed .sorting_asc:after,table.dataTable.table-condensed .sorting_desc:after{top:6px;right:6px}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:0}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0}
diff --git a/resoft/css/plugins/font-awesome.min.css b/resoft/css/plugins/font-awesome.min.css
new file mode 100644
index 0000000..4d70f96
--- /dev/null
+++ b/resoft/css/plugins/font-awesome.min.css
@@ -0,0 +1,4 @@
+/*!
+ *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
+ *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */@font-face{font-family:'FontAwesome';src:url('../../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
diff --git a/resoft/css/plugins/magnific-popup.css b/resoft/css/plugins/magnific-popup.css
new file mode 100644
index 0000000..6aa7bc0
--- /dev/null
+++ b/resoft/css/plugins/magnific-popup.css
@@ -0,0 +1,88 @@
+/* Magnific Popup CSS */
+.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; }
+.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
+.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }
+.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
+.mfp-align-top .mfp-container:before { display: none; }
+.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
+.mfp-inline-holder .mfp-content,
+.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
+.mfp-ajax-cur { cursor: progress; }
+.mfp-zoom-out-cur,
+.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
+.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
+.mfp-auto-cursor .mfp-content { cursor: auto; }
+.mfp-close,
+.mfp-arrow,
+.mfp-preloader,
+.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
+.mfp-loading.mfp-figure { display: none; }
+.mfp-hide { display: none !important; }
+.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
+.mfp-preloader a { color: #CCC; }
+.mfp-preloader a:hover { color: #FFF; }
+.mfp-s-ready .mfp-preloader { display: none; }
+.mfp-s-error .mfp-content { display: none; }
+button.mfp-close,
+button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; }
+button::-moz-focus-inner { padding: 0; border: 0; }
+.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
+.mfp-close:hover,
+.mfp-close:focus { opacity: 1; }
+.mfp-close:active { top: 1px; }
+.mfp-close-btn-in .mfp-close { color: #333; }
+.mfp-image-holder .mfp-close,
+.mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }
+.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }
+.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }
+.mfp-arrow:active { margin-top: -54px; }
+.mfp-arrow:hover,
+.mfp-arrow:focus { opacity: 1; }
+.mfp-arrow:before,
+.mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
+.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
+.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
+.mfp-arrow-left { left: 0; }
+.mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; }
+.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }
+.mfp-arrow-right { right: 0; }
+.mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; }
+.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; }
+.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
+.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
+.mfp-iframe-holder .mfp-close { top: -40px; }
+.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
+.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }
+
+/* Main image in popup */
+img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }
+
+/* The shadow behind the image */
+.mfp-figure { line-height: 0; }
+.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }
+.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }
+.mfp-figure figure { margin: 0; }
+.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
+.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }
+.mfp-image-holder .mfp-content { max-width: 100%; }
+.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }
+@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
+
+  /**
+       * Remove all paddings around the image on small screen
+       */
+  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
+  .mfp-img-mobile img.mfp-img { padding: 0; }
+  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
+  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
+  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; }
+  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
+  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
+  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
+}
+@media all and (max-width:900px) {
+  .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
+  .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
+  .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
+  .mfp-container { padding-left: 6px; padding-right: 6px; }
+}
diff --git a/resoft/css/plugins/mediaelementplayer.css b/resoft/css/plugins/mediaelementplayer.css
new file mode 100644
index 0000000..c82ff88
--- /dev/null
+++ b/resoft/css/plugins/mediaelementplayer.css
@@ -0,0 +1,241 @@
+.mejs-offscreen {/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages). */
+position: absolute !important; top: -10000px; left: -10000px; overflow: hidden; width: 1px; height: 1px; }
+.mejs-container { position: relative; background: #000; font-family: Helvetica, Arial; text-align: left; vertical-align: top; text-indent: 0; width: 100% !important; }
+.mejs-container:focus { outline: none; }
+.me-plugin { position: absolute; }
+.mejs-embed,
+.mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; }
+.mejs-fullscreen {	/* set it to not show scroll bars so 100% will work */
+overflow: hidden !important; }
+.mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; }
+.mejs-container-fullscreen .mejs-mediaelement,
+.mejs-container-fullscreen video { width: 100%; height: 100%; }
+.mejs-clear { clear: both; }
+
+/* Start: LAYERS */
+.mejs-background { position: absolute; top: 0; left: 0; }
+.mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
+.mejs-poster { position: absolute; top: 0; left: 0; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; }
+:root .mejs-poster img { display: none; }
+.mejs-poster img { border: 0; padding: 0; border: 0; }
+.mejs-overlay { position: absolute; top: 0; left: 0; }
+.mejs-overlay-play { cursor: pointer; }
+.mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url(../../images/bigplay.svg) no-repeat; }
+.no-svg .mejs-overlay-button { background-image: url(../../images/bigplay.png); }
+.mejs-overlay:hover .mejs-overlay-button { background-position: 0 -100px; }
+.mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px;	/*background: #333;
+		background: url(../../images/background.png);
+		background: rgba(0, 0, 0, 0.9);
+		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9)));
+		background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
+		background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
+		background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
+		background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
+		background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9));*/ }
+	.mejs-overlay-loading span { display: block; width: 80px; height: 80px; background: transparent url(../../images/loading.gif) 50% 50% no-repeat; }
+
+	/* End: LAYERS */
+
+	/* Start: CONTROL BAR */
+	.mejs-container .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; background: #eceff7; height: 40px; width: 100%; }
+	.mejs-container .mejs-controls  div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; border: 0; margin-top: 6px; }
+	.mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 15px; border: 0; background: transparent url(../../images/controls.png) no-repeat; }
+	.no-svg .mejs-controls .mejs-button button { background-image: url(../../images/controls.png); }
+
+	/* :focus for accessibility */
+	.mejs-controls .mejs-button button:focus { outline: dotted 1px #999; }
+
+	/* End: CONTROL BAR */
+
+	/* Start: Time (Current / Duration) */
+	.mejs-container .mejs-controls .mejs-time { color: #000; display: block; height: 17px; width: auto; padding: 10px 3px 0 3px; overflow: hidden; text-align: center; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
+	.mejs-container .mejs-controls .mejs-time a { color: #fff; font-size: 11px; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; }
+
+	/* End: Time (Current / Duration) */
+
+	/* Start: Play/Pause/Stop */
+	.mejs-controls .mejs-play button { background-position: 4px 0; }
+	.mejs-controls .mejs-pause button { background-position: 4px -16px; }
+	.mejs-controls .mejs-stop button { background-position: -112px 0; }
+
+	/* Start: Play/Pause/Stop */
+
+	/* Start: Progress Bar */
+	.mejs-controls div.mejs-time-rail { direction: ltr; width: 200px; padding-top: 5px; }
+	.mejs-controls .mejs-time-rail span,
+	.mejs-controls .mejs-time-rail a { display: block; position: absolute; width: 180px; height: 10px; cursor: pointer; }
+	.mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background: #333; background: #fff; }
+	.mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; -moz-animation: buffering-stripes 2s linear infinite; -ms-animation: buffering-stripes 2s linear infinite; -o-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; }
+	@-webkit-keyframes buffering-stripes {
+		from { background-position: 0 0; }
+		to { background-position: 30px 0; }
+	}
+	@-moz-keyframes buffering-stripes {
+		from { background-position: 0 0; }
+		to { background-position: 30px 0; }
+	}
+	@-ms-keyframes buffering-stripes {
+		from { background-position: 0 0; }
+		to { background-position: 30px 0; }
+	}
+	@-o-keyframes buffering-stripes {
+		from { background-position: 0 0; }
+		to { background-position: 30px 0; }
+	}
+	@keyframes buffering-stripes {
+		from { background-position: 0 0; }
+		to { background-position: 30px 0; }
+	}
+	.mejs-controls .mejs-time-rail .mejs-time-loaded { background: #FFF; width: 0; }
+	.mejs-controls .mejs-time-rail .mejs-time-current { background: #fff; background: #5E9ECA; width: 0; }
+	.mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; }
+	.mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: solid 1px #333; top: -26px; margin-left: -18px; text-align: center; color: #111; }
+	.mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; }
+	.mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 15px; left: 13px; }
+	.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 48px; }
+	.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 44px; }
+	.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 18px; }
+
+	/*
+	.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
+	visibility:visible;
+	}
+	*/
+
+	/* End: Progress Bar */
+
+	/* Start: Fullscreen */
+	.mejs-controls .mejs-fullscreen-button button { background-position: -31px 0; }
+	.mejs-controls .mejs-unfullscreen button { background-position: -32px -16px; }
+
+	/* End: Fullscreen */
+
+	/* Start: Mute/Volume */
+	.mejs-controls .mejs-volume-button { }
+	.mejs-controls .mejs-mute button { background-position: -16px -16px; }
+	.mejs-controls .mejs-unmute button { background-position: -16px 0; }
+	.mejs-controls .mejs-volume-button { position: relative; }
+	.mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: url(../../images/background.png); background: #5E9ECA; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; }
+	.mejs-controls .mejs-volume-button:hover { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
+
+	/*
+	.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
+	display: block;
+	}
+	*/
+	.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.5); margin: 0; }
+	.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.9); margin: 0; }
+	.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255, 255, 255, 0.9); cursor: N-resize; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0; }
+
+	/* horizontal version */
+	.mejs-controls a.mejs-horizontal-volume-slider { height: 26px; width: 56px; position: relative; display: block; float: left; margin-top: 6px; vertical-align: middle; }
+	.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; background: #fff; }
+	.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; background: #5E9ECA; }
+	.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; }
+
+	/* End: Mute/Volume */
+
+	/* Start: Track (Captions and Chapters) */
+	.mejs-controls .mejs-captions-button { position: relative; }
+	.mejs-controls .mejs-captions-button button { background-position: -48px 0; }
+	.mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -51px; width: 85px; height: 100px; background: url(../../images/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px 10px 0 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
+
+	/*
+	.mejs-controls .mejs-captions-button:hover  .mejs-captions-selector {
+	visibility: visible;
+	}
+	*/
+	.mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; }
+	.mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; }
+	.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; }
+	.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 55px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; }
+	.mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px 0; }
+	.mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; z-index: 1; }
+	.mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000); overflow: hidden; border: 0; }
+	.mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; }
+	.mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; }
+	.mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666; background: rgba(102, 102, 102, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6))); background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232); }
+	.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px; }
+	.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space: nowrap; text-overflow: ellipsis; }
+	.mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align: center; line-height: 20px; font-size: 16px; color: #fff; }
+	.mejs-captions-layer  a { color: #fff; text-decoration: underline; }
+	.mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; }
+	.mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; }
+	.mejs-captions-position-hover { bottom: 35px; }
+	.mejs-captions-text { padding: 3px 5px; background: url(../../images/background.png); background: rgba(20, 20, 20, 0.5); white-space: pre-wrap; }
+
+	/* End: Track (Captions and Chapters) */
+
+	/* Start: Error */
+	.me-cannotplay { }
+	.me-cannotplay a { color: #fff; font-weight: bold; }
+	.me-cannotplay span { padding: 15px; display: block; }
+
+	/* End: Error */
+
+	/* Start: Loop */
+	.mejs-controls .mejs-loop-off button { background-position: -64px -16px; }
+	.mejs-controls .mejs-loop-on button { background-position: -64px 0; }
+
+	/* End: Loop */
+
+	/* Start: backlight */
+	.mejs-controls .mejs-backlight-off button { background-position: -80px -16px; }
+	.mejs-controls .mejs-backlight-on button { background-position: -80px 0; }
+
+	/* End: backlight */
+
+	/* Start: Picture Controls */
+	.mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; }
+
+	/* End: Picture Controls */
+
+	/* context menu */
+	.mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; /* make sure it shows on fullscreen */ }
+	.mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; }
+	.mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica, Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; }
+	.mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; }
+
+	/* Start: Source Chooser */
+	.mejs-controls .mejs-sourcechooser-button { position: relative; }
+	.mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0; }
+	.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(../../images/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
+	.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; }
+	.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; }
+	.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; }
+	.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; }
+
+	/* End: Source Chooser */
+
+	/* Start: Postroll */
+	.mejs-postroll-layer { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../../images/background.png); background: rgba(50, 50, 50, 0.7); z-index: 1000; overflow: hidden; }
+	.mejs-postroll-layer-content { width: 100%; height: 100%; }
+	.mejs-postroll-close { position: absolute; right: 0; top: 0; background: url(../../images/background.png); background: rgba(50, 50, 50, 0.7); color: #fff; padding: 4px; z-index: 100; cursor: pointer; }
+
+	/* End: Postroll */
+
+	/* Start: Speed */
+	div.mejs-speed-button { width: 46px !important; position: relative; }
+	.mejs-controls .mejs-button.mejs-speed-button button { background: transparent; width: 36px; font-size: 11px; line-height: normal; color: #ffffff; }
+	.mejs-controls .mejs-speed-button .mejs-speed-selector { display: none; position: absolute; top: -100px; left: -10px; width: 60px; height: 100px; background: url(../../images/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 0; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
+	.mejs-controls .mejs-speed-button:hover > .mejs-speed-selector { display: block; }
+	.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected { color: rgba(33, 248, 248, 1); }
+	.mejs-controls .mejs-speed-button .mejs-speed-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; }
+	.mejs-controls .mejs-speed-button .mejs-speed-selector ul li { margin: 0 0 6px 0; padding: 0 10px; list-style-type: none !important; display: block; color: #fff; overflow: hidden; }
+	.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; display: none; }
+	.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label { width: 60px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 11.5px; color: white; margin-left: 5px; cursor: pointer; }
+	.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover { background-color: rgb(200, 200, 200) !important; background-color: rgba(255, 255, 255, .4) !important; }
+
+	/* End: Speed */
+
+	/* Start: Jump Forward */
+
+	.mejs-controls .mejs-button.mejs-jump-forward-button { background: transparent url(../../images/jumpforward.png) no-repeat; background-position: 3px 3px; }
+	.mejs-controls .mejs-button.mejs-jump-forward-button button { background: transparent; font-size: 9px; line-height: normal; color: #ffffff; }
+
+	/* End: Jump Forward */
+
+	/* Start: Skip Back */
+
+	.mejs-controls .mejs-button.mejs-skip-back-button { background: transparent url(../../images/skipback.png) no-repeat; background-position: 3px 3px; }
+	.mejs-controls .mejs-button.mejs-skip-back-button button { background: transparent; font-size: 9px; line-height: normal; color: #ffffff; }
diff --git a/resoft/css/plugins/mega_menu.css b/resoft/css/plugins/mega_menu.css
new file mode 100644
index 0000000..855dbde
--- /dev/null
+++ b/resoft/css/plugins/mega_menu.css
@@ -0,0 +1,733 @@
+/* MENU BASIC LAYOUT */
+.mega-menu { margin: 0 auto; padding: 0; display: block; float: none; position: relative; z-index: 999;/*  max-width: 1280px;
+    width: 100%;*/ font-size: 16px; min-height: 100px; clear: both; box-sizing: border-box; }
+  @media screen and (max-width:1100px) {
+    .mega-menu {    /*float: left;*/
+    margin: 0;    /*min-width: 200px;*/ }
+  }
+  .mega-menu * { outline: none; list-style: none; text-decoration: none; box-sizing: border-box !important; font-weight: 600; -webkit-tap-highlight-color: transparent; text-align: left; }
+  @media screen and (max-width:1100px) {
+    .mega-menu * { word-break: break-all; }
+  }
+  .mega-menu i.fa {  /*----------------------------- FONT AWESOME ICONS */
+  font-family: "FontAwesome"; }
+  .mega-menu img {  /*------------------------------- IMAGE */
+  margin: 0; padding: 0; display: block; max-width: 100% !important; float: left; }
+  .mega-menu .menu-logo img { height: 40px; }
+  .mega-menu input {  /*------------------------------ DEFAULT INPUT */
+  border: none; }
+  .mega-menu > section.menu-list-items { margin: 0; padding: 35px 0; display: block; float: left; width: 100%; background-color: transparent; }
+  .mega-menu .menu-logo {  /*----------------------------------- MENU LOGO */
+  margin: 0; padding: 0; display: block; float: left; position: relative; }
+  @media screen and (min-width:1101px) {
+    .mega-menu .menu-logo.menu-logo-align-right {    /*---------------------------------------------- MENU LOGO ALIGN RIGHT */
+    float: right; }
+  }
+  @media screen and (max-width:1100px) {
+    .mega-menu .menu-logo { width: 100%; }
+  }
+  .mega-menu .menu-logo > li { margin: 0; padding: 0; display: block; float: left; font-size: 1em; line-height: 50px; }
+  @media screen and (max-width:1100px) {
+    .mega-menu .menu-logo > li { width: 100%; line-height: normal; }
+  }
+  .mega-menu .menu-logo > li > a { margin: 0; display: inline-block; float: left; width: 100%; color: #ffffff; font-size: 0.7800em;  /*padding: 0 20px 0 45px;*/ line-height: 50px; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; }
+  .mega-menu .menu-logo > li > a:hover {  /*-------------------------------------- HOVER MENU LOGO */
+
+  /*background-color: #5E9ECA;*/ }
+  @media screen and (max-width:1100px) {
+    .mega-menu .menu-logo > li > a { line-height: normal; padding-top: 16px; padding-bottom: 16px; position: relative; z-index: 10; width: auto; }
+  }
+  .mega-menu .menu-logo > li > a i.fa {  /*--------------------------------------- LOGO ICON */
+  padding: 0; display: inline-block; font-size: 1.25em; position: absolute; top: 0; left: 20px; bottom: 0; margin: auto 0; line-height: 50px; }
+  .mega-menu .menu-logo > li > a img {  /*--------------------------------------- LOGO IMAGE ICON */
+
+    /* width: 20px;
+     height: 20px;
+     position: absolute;
+     top: 0;
+     left: 15px;
+     bottom: 0;
+     margin: auto 0;*/ }
+    .mega-menu .menu-links {  /*---------------------------------------- MENU LINKS */
+    margin: 0; padding: 0; display: block; float: right; }
+    @media screen and (max-width:1100px) {
+      .mega-menu .menu-links { width: 100%; background: #fff; }
+    }
+    @media screen and (min-width:1101px) {
+      .mega-menu .menu-links { display: block !important; max-height: 100% !important; overflow: visible !important; }
+      .mega-menu .menu-links.menu-links-align-right {    /*------------------------------------------ MENU LINKS ALIGN RIGHT */
+      float: right; }
+    }
+    .mega-menu .menu-links > li { margin: 0; padding: 0; display: block; float: left; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; font-size: 1.2em; }
+    @media screen and (max-width:1100px) {
+      .mega-menu .menu-links > li { width: 100%; position: relative; cursor: pointer; line-height: normal; border-bottom: 1px solid #f3f3f3; z-index: 50; }
+      .mega-menu .menu-links > li.activeTriggerMobile {    /*background-color: #5E9ECA;*/ }
+    }
+    @media screen and (min-width:1101px) {
+      .mega-menu .menu-links > li.activeTrigger { background-color: #5E9ECA; }
+    }
+    .mega-menu .menu-links > li.active a {  /*------------------------------------- ACTIVE CLASS MENU LINKS */
+    background-color: transparent; color: #5E9ECA; }
+    .mega-menu .menu-links > li:hover {  /*-------------------------------------- HOVER MENU LINKS */
+    background-color: transparent; color: #5E9ECA; }
+    .mega-menu .menu-links > li > a { margin: 0; padding: 15px 24px; display: inline-block; float: none; width: 100%; color: #ffffff; font-size: 0.933em; line-height: 64px; position: relative; text-transform: capitalize; }
+    .mega-menu .menu-links > li > a:hover { color: #5E9ECA; }
+    @media screen and (max-width:1100px) {
+      .mega-menu .menu-links > li > a { /*width: auto;*/ line-height: normal;/* position: static*/; padding-right: 10px; z-index: 20; color: #363636; }
+    }
+    .mega-menu .menu-links > li > a i.fa {  /*---------------------------------------------------- MENU LINKS ICONS*/
+    font-size: 1em; line-height: 0.7800em; padding-right: 2px; }
+    .mega-menu .menu-links > li > a i.fa.fa-indicator { padding-right: 0; padding-left: 2px; }
+    @media screen and (max-width:1100px) {
+      .mega-menu .menu-links > li > a i.fa.fa-indicator { float: right; position: absolute; right: 20px; top: 0; bottom: 0; line-height: 40px; height: 50px; z-index: -1; }
+    }
+    .mega-menu .menu-social-bar {  /*---------------------------------------------- MENU SOCIAL BAR */
+    margin: 0; display: block; float: left; padding: 0 10px; }
+    @media screen and (min-width:1101px) {
+      .mega-menu .menu-social-bar { display: block !important; }
+    }
+    @media screen and (min-width:1101px) {
+      .mega-menu .menu-social-bar.menu-social-bar-right { float: right; }
+    }
+    @media screen and (max-width:1100px) {
+      .mega-menu .menu-social-bar { width: 100%; text-align: center; }
+    }
+    .mega-menu .menu-social-bar > li { margin: 0; padding: 0; display: block; float: left; font-size: 1em; line-height: 50px; }
+    .mega-menu .menu-social-bar > li[data-color='blue'] > a:hover { background-color: #3b5998; }
+    .mega-menu .menu-social-bar > li[data-color='sky-blue'] > a:hover { background-color: #2caae1; }
+    .mega-menu .menu-social-bar > li[data-color='orange'] > a:hover { background-color: #dd4b39; }
+    .mega-menu .menu-social-bar > li[data-color='red'] > a:hover { background-color: #bd081c; }
+    @media screen and (max-width:1100px) {
+      .mega-menu .menu-social-bar > li { float: none; display: inline-block; margin-bottom: -5px; }
+    }
+    .mega-menu .menu-social-bar > li > a { margin: 0; display: inline-block; float: left; width: 100%; color: #ffffff; font-size: 0.875em; padding: 0 5px; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; line-height: 50px; }
+    @media screen and (max-width:1100px) {
+      .mega-menu .menu-social-bar > li > a { padding-left: 10px; padding-right: 10px; }
+    }
+    .mega-menu .menu-social-bar > li > a i.fa { margin: 0; padding: 0; display: inline-block; float: left; width: 100%; font-size: 1.125em; line-height: 50px; }
+    .mega-menu .menu-search-bar {  /*--------------------------------------------------- MENU SEARCH BAR */
+    margin: 0; padding: 0; display: block; float: right; position: relative; height: 50px; }
+    @media screen and (min-width:1101px) {
+      .mega-menu .menu-search-bar.menu-search-bar-left { float: left; }
+    }
+    @media screen and (max-width:1100px) {
+      .mega-menu .menu-search-bar { width: 100%; position: absolute; top: 0; right: 0; }
+    }
+    .mega-menu .menu-search-bar li,
+    .mega-menu .menu-search-bar form,
+    .mega-menu .menu-search-bar label { margin: 0; padding: 0; display: block; float: left; width: 100%; line-height: 50px; }
+    .mega-menu .menu-search-bar li:hover i.fa.fa-search { background: #5E9ECA; }
+    .mega-menu .menu-search-bar input { max-width: 0; width: 100%; margin: 0; padding: 5px 50px 5px 0; font-size: 0.7800em; -webkit-transition: max-width 400ms ease, background 400ms ease, padding-left 400ms ease; transition: max-width 400ms ease, background 400ms ease, padding-left 400ms ease; height: 50px; display: block; background: none; color: #ffffff; font-weight: 400; }
+    .mega-menu .menu-search-bar input:focus { max-width: 170px; background: #5E9ECA; padding-left: 20px; }
+    @media screen and (max-width:1100px) {
+      .mega-menu .menu-search-bar input:focus { max-width: 100%; position: relative; z-index: 20; }
+    }
+    .mega-menu .menu-search-bar i.fa.fa-search { position: absolute; top: 0; right: 0; bottom: 0; width: 50px; text-align: center; line-height: 50px; color: #ffffff; cursor: text; -webkit-transition: background 200ms ease; transition: background 200ms ease; z-index: 40; }
+    .mega-menu .menu-search-bar:-moz-placeholder { opacity: 1 !important; color: #ffffff !important; }
+    .mega-menu .menu-search-bar::-moz-placeholder { opacity: 1 !important; color: #ffffff !important; }
+    .mega-menu .menu-search-bar:-ms-input-placeholder { opacity: 1 !important; color: #ffffff !important; }
+    .mega-menu .menu-search-bar::-webkit-input-placeholder { opacity: 1 !important; color: #ffffff !important; }
+    @media screen and (max-width:1100px) {
+      .mega-menu .menu-search-bar.active input { padding-right: 150px; }
+      .mega-menu .menu-search-bar.active i.fa.fa-search { right: 70px; }
+    }
+    .mega-menu .menu-mobile-collapse-trigger {  /*------------------------------------------------------ MOBILE COLLAPSE TRIGGER BUTTON */
+    margin: 0; padding: 0; height: 50px; width: 35px; background: transparent; display: none; position: absolute; top: 0; right: 0; z-index: 100; float: right; cursor: pointer; -webkit-transition: background 200ms ease; transition: background 200ms ease; }
+    .mega-menu .menu-mobile-collapse-trigger:hover { background: transparent; }
+    .mega-menu .menu-mobile-collapse-trigger:before,
+    .mega-menu .menu-mobile-collapse-trigger:after,
+    .mega-menu .menu-mobile-collapse-trigger span { content: ""; display: block; height: 2px; width: 26px; background: #ffffff; position: absolute; top: 13px; border-radius: 3px; left: 0; right: 0; margin: 0 auto; -webkit-transition: -webkit-transform 400ms ease 0s, opacity 400ms ease; transition: transform 400ms ease 0s, opacity 400ms ease; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 0px 50% 0px; -ms-transform-origin: 0px 50% 0px; transform-origin: 0px 50% 0px; }
+    .home-2 .mega-menu .menu-mobile-collapse-trigger:before,
+    .home-2 .mega-menu .menu-mobile-collapse-trigger:after,
+    .home-2 .mega-menu .menu-mobile-collapse-trigger span { background: #323232; }
+    .mega-menu .menu-mobile-collapse-trigger:after { top: 27px; }
+    .mega-menu .menu-mobile-collapse-trigger span { top: 20px; }
+    .mega-menu .menu-mobile-collapse-trigger.active span { opacity: 0; }
+    .mega-menu .menu-mobile-collapse-trigger.active:before { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }
+    .mega-menu .menu-mobile-collapse-trigger.active:after { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); }
+    @media screen and (max-width:1100px) {
+      .mega-menu .menu-mobile-collapse-trigger { display: block; }
+    }
+    .mega-menu .drop-down-multilevel {  /*-------------------------------------------------- DROP DOWN MULTILEVEL */
+    margin: 0; padding: 0; display: block; position: absolute; top: auto; left: auto; right: auto; z-index: 50; width: 100%; background: #ffffff; float: left; max-width: 220px; }
+    .mega-menu .drop-down-multilevel * { color: #323232; }
+    @media screen and (min-width:1101px) {
+      .mega-menu .drop-down-multilevel { display: block !important; opacity: 0; visibility: hidden; box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.05); border-bottom: 0px; border-radius: 0px; }
+    }
+    @media screen and (max-width:1100px) {
+      .mega-menu .drop-down-multilevel { max-width: 100% !important; position: relative; left: 0; top: 0; padding: 0 10px 20px 10px; display: none; }
+    }
+    .mega-menu .drop-down-multilevel li { margin: 0; padding: 0; display: block; float: left; border-radius: 0px;  /*border-bottom: 1px solid #f3f3f3;*/ width: 100%; position: relative; -webkit-transition: background 200ms ease; transition: background 200ms ease; z-index: 50; }
+    .mega-menu .drop-down-multilevel li:last-child { border-bottom: 0px; }
+    .mega-menu .drop-down-multilevel li:hover { background: #fafafa; }
+    .mega-menu .drop-down-multilevel li:hover > a { color: #5E9ECA; }
+    .mega-menu .drop-down-multilevel li:hover > a i.fa { color: #5E9ECA; }
+    @media screen and (min-width:1101px) {
+      .mega-menu .drop-down-multilevel li.activeTrigger { background: #5E9ECA; }
+      .mega-menu .drop-down-multilevel li.activeTrigger > a { color: #ffffff; }
+      .mega-menu .drop-down-multilevel li.activeTrigger > a i.fa { color: #ffffff; }
+    }
+    @media screen and (max-width:1100px) {
+      .mega-menu .drop-down-multilevel li.activeTriggerMobile { background: #5E9ECA; }
+      .mega-menu .drop-down-multilevel li.activeTriggerMobile > a { color: #ffffff; }
+      .mega-menu .drop-down-multilevel li.activeTriggerMobile > a i.fa { color: #ffffff; }
+      .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #ffffff !important; }
+    }
+    .mega-menu .menu-links > li.active .drop-down-multilevel a { color: #323232; }
+    .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #5E9ECA; }
+    .mega-menu .drop-down-multilevel a { margin: 0;
+    padding: 10px 25px;
+    font-size: 0.7000em;
+    text-transform: capitalize;
+    display: inline-block;
+    float: left;
+    width: 100%;
+    color: #323232;
+    -webkit-transition: color 200ms ease;
+    transition: color 200ms ease;
+    min-height: 40px;
+    letter-spacing: -0.1em;}
+    
+    .mega-menu .drop-down-multilevel > li:first-child > a { padding-top: 18px; }
+    .mega-menu .drop-down-multilevel > li:last-child > a { padding-bottom: 18px; }
+
+    @media screen and (max-width:1100px) {
+
+      /* .mega-menu .drop-down-multilevel a {
+         width: auto;
+       }*/ }
+      .mega-menu .drop-down-multilevel i.fa { float: left; line-height: 1.375em; font-size: 1em; display: block; padding-right: 10px; -webkit-transition: color 200ms ease; transition: color 200ms ease; }
+      .mega-menu .drop-down-multilevel i.fa-indicator { float: right; line-height: 19px; font-size: 8px; font-weight: 900; display: block; padding-left: 10px; padding-right: 0; }
+      @media screen and (max-width:1100px) {
+        .mega-menu .drop-down-multilevel i.fa-indicator { float: right; height: 50px; position: absolute; top: 0; right: 20px; line-height: 50px; z-index: -1; }
+      }
+      .mega-menu .drop-down-multilevel .drop-down-multilevel {  /*------------------------------------------------------ SECOND LEVEL */
+      left: 100%; top: 0; }
+      @media screen and (min-width:1101px) {
+        .mega-menu .drop-down-multilevel .drop-down-multilevel.left-side {    /*--------------------------------------------------- ALIGN SECOND LEVEL DROP DOWN LEFT SIDE */
+        left: -100%; }
+      }
+      @media screen and (max-width:1100px) {
+        .mega-menu .drop-down-multilevel .drop-down-multilevel { left: 0; border: 1px solid #cccccc; }
+      }
+      .mega-menu .drop-down,
+      .mega-menu .drop-down-tab-bar {  /*--------------------------------------------------------- GRID DROP DOWN */
+      position: absolute; left: auto; top: auto; right: auto; background: #ffffff; float: left; padding: 10px 20px; z-index: 999; display: block; cursor: default; overflow: hidden;  /*-------------------------------------------------------- 12 COLUMNS FLUID GRID WITH NESTED COLUMNS */ }
+      .mega-menu .drop-down *,
+      .mega-menu .drop-down-tab-bar * { color: #323232; }
+      @media screen and (min-width:1101px) {
+        .mega-menu .drop-down.menu-bg,
+        .mega-menu .drop-down-tab-bar { background: rgba(255, 255, 255, 1); background-repeat: no-repeat; background-position: 120% 0; }
+        .mega-menu .drop-down.menu-shop-bg,
+        .mega-menu .drop-down-tab-bar { background: rgba(255, 255, 255, 1) url(../../images/objects/menu-shop-bg.jpg); background-repeat: no-repeat; background-position: right; }
+        .mega-menu .drop-down.menu-bg [class*="grid-col-"] { padding: 10px 10px 0; }
+        .mega-menu .rev-slider { background: #fff; padding: 7px 12px; }
+        .mega-menu .rev-slider p { display: inline-block; padding: 0px 10px; margin-bottom: 0px !important; line-height: 0px !important; }
+        .mega-menu .rev-slider a { display: inline-block; font-size: 13px !important; color: #01a9da; width: inherit !important; padding: 5px 0px; }
+        .mega-menu .rev-slider a:hover { color: #323232 !important; }
+      }
+      @media screen and (min-width:1101px) {
+        .mega-menu .drop-down,
+        .mega-menu .drop-down-tab-bar { display: block !important; opacity: 0; visibility: hidden;    /*border-top:5px solid #5E9ECA;*/ border-radius: 0px !important; box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.05); }
+      }
+      @media screen and (max-width:1100px) {
+        .mega-menu .drop-down,
+        .mega-menu .drop-down-tab-bar { width: 100% !important; top: 0; left: 0; position: relative; display: none; }
+      }
+      .mega-menu .drop-down .grid-row,
+      .mega-menu .drop-down-tab-bar .grid-row { margin: 0; padding: 0; min-height: 1px; width: 100%; float: left; clear: both; }
+      .mega-menu .drop-down [class*="grid-col-"],
+      .mega-menu .drop-down-tab-bar [class*="grid-col-"] { margin: 0; float: left; padding: 10px; position: relative; }
+      .mega-menu .drop-down .grid-col-1,
+      .mega-menu .drop-down-tab-bar .grid-col-1 { width: 8.333333333333333%; }
+      .mega-menu .drop-down .grid-col-2,
+      .mega-menu .drop-down-tab-bar .grid-col-2 { width: 16.66666666666667%; }
+      .mega-menu .drop-down .grid-col-3,
+      .mega-menu .drop-down-tab-bar .grid-col-3 { width: 25%; }
+      .mega-menu .drop-down .grid-col-4,
+      .mega-menu .drop-down-tab-bar .grid-col-4 { width: 33.33333333333333%; }
+      .mega-menu .drop-down .grid-col-5,
+      .mega-menu .drop-down-tab-bar .grid-col-5 { width: 41.66666666666667%; }
+      .mega-menu .drop-down .grid-col-6,
+      .mega-menu .drop-down-tab-bar .grid-col-6 { width: 50%; }
+      .mega-menu .drop-down .grid-col-7,
+      .mega-menu .drop-down-tab-bar .grid-col-7 { width: 58.33333333333333%; }
+      .mega-menu .drop-down .grid-col-8,
+      .mega-menu .drop-down-tab-bar .grid-col-8 { width: 66.66666666666667%; }
+      .mega-menu .drop-down .grid-col-9,
+      .mega-menu .drop-down-tab-bar .grid-col-9 { width: 75%; }
+      .mega-menu .drop-down .grid-col-10,
+      .mega-menu .drop-down-tab-bar .grid-col-10 { width: 83.33333333333333%; }
+      .mega-menu .drop-down .grid-col-11,
+      .mega-menu .drop-down-tab-bar .grid-col-11 { width: 91.66666666666667%; }
+      .mega-menu .drop-down .grid-col-12,
+      .mega-menu .drop-down-tab-bar .grid-col-12 { width: 100%; }
+      .mega-menu .drop-down.grid-col-1,
+      .mega-menu .drop-down-tab-bar.grid-col-1 { width: 8.333333333333333%; }
+      .mega-menu .drop-down.grid-col-2,
+      .mega-menu .drop-down-tab-bar.grid-col-2 { width: 16.66666666666667%; }
+      .mega-menu .drop-down.grid-col-3,
+      .mega-menu .drop-down-tab-bar.grid-col-3 { width: 25%; }
+      .mega-menu .drop-down.grid-col-4,
+      .mega-menu .drop-down-tab-bar.grid-col-4 { width: 33.33333333333333%; }
+      .mega-menu .drop-down.grid-col-5,
+      .mega-menu .drop-down-tab-bar.grid-col-5 { width: 41.66666666666667%; }
+      .mega-menu .drop-down.grid-col-6,
+      .mega-menu .drop-down-tab-bar.grid-col-6 { width: 50%; }
+      .mega-menu .drop-down.grid-col-7,
+      .mega-menu .drop-down-tab-bar.grid-col-7 { width: 58.33333333333333%; }
+      .mega-menu .drop-down.grid-col-8,
+      .mega-menu .drop-down-tab-bar.grid-col-8 { width: 66.66666666666667%; }
+      .mega-menu .drop-down.grid-col-9,
+      .mega-menu .drop-down-tab-bar.grid-col-9 { width: 75%; }
+      .mega-menu .drop-down.grid-col-10,
+      .mega-menu .drop-down-tab-bar.grid-col-10 { width: 83.33333333333333%; }
+      .mega-menu .drop-down.grid-col-11,
+      .mega-menu .drop-down-tab-bar.grid-col-11 { width: 91.66666666666667%; }
+      .mega-menu .drop-down.grid-col-12,
+      .mega-menu .drop-down-tab-bar.grid-col-12 { width: 100%; left: 0; }
+      @media screen and (max-width:1100px) {
+        .mega-menu .drop-down [class*="grid-col-"],
+        .mega-menu .drop-down-tab-bar [class*="grid-col-"] { width: 50%; }
+      }
+      @media screen and (max-width:1100px) {
+        .mega-menu .drop-down [class*="grid-col-"],
+        .mega-menu .drop-down-tab-bar [class*="grid-col-"] { width: 100%; }
+      }
+      .mega-menu .drop-down.grid-demo span,
+      .mega-menu .drop-down-tab-bar.grid-demo span { float: left; display: inline-block; width: 100%; padding: 4px 6px; background: #bfbfbf; font-size: 0.75em; color: #323232; }
+      .mega-menu .drop-down .space-0,
+      .mega-menu .drop-down-tab-bar .space-0 {  /*--------------------------------------------------------- SPACE 0 CLASS */
+      padding: 0 !important; margin: 0 !important; }
+      .mega-menu .drop-down a,
+      .mega-menu .drop-down-tab-bar a { font-size: 0.7800em; display: inline-block; padding: 8px 0; width: 100%; max-width: 100%; text-transform: capitalize; }
+      .mega-menu .drop-down h1,
+      .mega-menu .drop-down h2,
+      .mega-menu .drop-down h3,
+      .mega-menu .drop-down h4,
+      .mega-menu .drop-down h5,
+      .mega-menu .drop-down h6,
+      .mega-menu .drop-down-tab-bar h1,
+      .mega-menu .drop-down-tab-bar h2,
+      .mega-menu .drop-down-tab-bar h3,
+      .mega-menu .drop-down-tab-bar h4,
+      .mega-menu .drop-down-tab-bar h5,
+      .mega-menu .drop-down-tab-bar h6 { margin-top: 0; font-weight: 700; }
+      .mega-menu .drop-down h1,
+      .mega-menu .drop-down-tab-bar h1 { font-size: 1.5em; line-height: 1; padding-top: 0.53em; margin-bottom: 0.5em; }
+      .mega-menu .drop-down h2,
+      .mega-menu .drop-down-tab-bar h2 { font-size: 1.375em; padding-top: 0.25em; margin-bottom: 0.5em; }
+      .mega-menu .drop-down h3,
+      .mega-menu .drop-down-tab-bar h3 { font-size: 1.125em; line-height: 1; padding-top: 0.35em; margin-bottom: 0.65em; }
+      .mega-menu .drop-down h4,
+      .mega-menu .drop-down-tab-bar h4 { font-size: 1em; text-transform: capitalize; line-height: 1.25; padding-top: 0.45em; margin-bottom: 0px; padding-left: 8px; letter-spacing: 0px; }
+      .mega-menu .drop-down h5,
+      .mega-menu .drop-down-tab-bar h5 { font-size: 0.875em; font-weight: bold; padding-top: 0.6em; margin-bottom: 0.9em; }
+      .mega-menu .drop-down h6,
+      .mega-menu .drop-down-tab-bar h6 { font-size: 0.75em; font-weight: bold; margin-bottom: 0; }
+      .mega-menu .drop-down figure img,
+      .mega-menu .drop-down-tab-bar figure img { width: 100%; height: auto; display: block; }
+      .mega-menu .drop-down figcaption,
+      .mega-menu .drop-down-tab-bar figcaption { font-size: small; font-style: italic; color: #666666; }
+      .mega-menu .drop-down ul,
+      .mega-menu .drop-down ol,
+      .mega-menu .drop-down dl,
+      .mega-menu .drop-down-tab-bar ul,
+      .mega-menu .drop-down-tab-bar ol,
+      .mega-menu .drop-down-tab-bar dl { padding: 0; margin: 0 0 0px; }
+      .mega-menu .drop-down form,
+      .mega-menu .drop-down-tab-bar form { margin-bottom: 1.5em; }
+      .mega-menu .drop-down form ul,
+      .mega-menu .drop-down-tab-bar form ul { list-style: none none; margin: 0; padding: 0; }
+      .mega-menu .drop-down form ul li,
+      .mega-menu .drop-down-tab-bar form ul li { *zoom: 1; margin-bottom: 1.5em; }
+      .mega-menu .drop-down form ul li:before,
+      .mega-menu .drop-down form ul li:after,
+      .mega-menu .drop-down-tab-bar form ul li:before,
+      .mega-menu .drop-down-tab-bar form ul li:after { content: ""; display: table; }
+      .mega-menu .drop-down form ul li:after,
+      .mega-menu .drop-down-tab-bar form ul li:after { clear: both; }
+      .mega-menu .drop-down fieldset,
+      .mega-menu .drop-down-tab-bar fieldset { margin: 0; padding: 1.5em; }
+      .mega-menu .drop-down label,
+      .mega-menu .drop-down-tab-bar label { display: block; }
+      .mega-menu .drop-down label.inline,
+      .mega-menu .drop-down-tab-bar label.inline { display: inline; padding-right: 24px; }
+      .mega-menu .drop-down input[type="text"],
+      .mega-menu .drop-down input[type="url"],
+      .mega-menu .drop-down input[type="email"],
+      .mega-menu .drop-down input[type="password"],
+      .mega-menu .drop-down input[type="search"],
+      .mega-menu .drop-down input[type="number"],
+      .mega-menu .drop-down input[type="date"],
+      .mega-menu .drop-down input[type="month"],
+      .mega-menu .drop-down input[type="week"],
+      .mega-menu .drop-down input[type="time"],
+      .mega-menu .drop-down input[type="datetime"],
+      .mega-menu .drop-down input[type="datetime-local"],
+      .mega-menu .drop-down input[type="tel"],
+      .mega-menu .drop-down textarea,
+      .mega-menu .drop-down-tab-bar input[type="text"],
+      .mega-menu .drop-down-tab-bar input[type="url"],
+      .mega-menu .drop-down-tab-bar input[type="email"],
+      .mega-menu .drop-down-tab-bar input[type="password"],
+      .mega-menu .drop-down-tab-bar input[type="search"],
+      .mega-menu .drop-down-tab-bar input[type="number"],
+      .mega-menu .drop-down-tab-bar input[type="date"],
+      .mega-menu .drop-down-tab-bar input[type="month"],
+      .mega-menu .drop-down-tab-bar input[type="week"],
+      .mega-menu .drop-down-tab-bar input[type="time"],
+      .mega-menu .drop-down-tab-bar input[type="datetime"],
+      .mega-menu .drop-down-tab-bar input[type="datetime-local"],
+      .mega-menu .drop-down-tab-bar input[type="tel"],
+      .mega-menu .drop-down-tab-bar textarea { display: block; width: 100%; margin: 0 0 0.75em; padding: 10px; font-size: 0.7800em; border: 1px solid #e8e8e8; line-height: 1.5em; }
+      .mega-menu .drop-down select,
+      .mega-menu .drop-down-tab-bar select { width: 100%; height: 2.1em; margin-bottom: 0.9em; border: 1px solid #cccccc; }
+      .mega-menu .drop-down input[type="range"],
+      .mega-menu .drop-down input[type="color"],
+      .mega-menu .drop-down-tab-bar input[type="range"],
+      .mega-menu .drop-down-tab-bar input[type="color"] { vertical-align: middle; height: 1.5em; width: 100%; }
+      .mega-menu .drop-down input[type="range"],
+      .mega-menu .drop-down-tab-bar input[type="range"] { height: 1.4em; }
+      .mega-menu .drop-down input[type="color"],
+      .mega-menu .drop-down-tab-bar input[type="color"] { width: 1.5em; }
+      .mega-menu .drop-down input[type="time"],
+      .mega-menu .drop-down-tab-bar input[type="time"] { margin: 0 0 0.55em; }
+      .mega-menu .drop-down progress,
+      .mega-menu .drop-down meter,
+      .mega-menu .drop-down-tab-bar progress,
+      .mega-menu .drop-down-tab-bar meter { display: block; width: 100%; height: 1.5em; }
+      .mega-menu .drop-down table,
+      .mega-menu .drop-down-tab-bar table { margin-bottom: 1.4em; width: 100%; border: 1px solid #cccccc; }
+      .mega-menu .drop-down thead,
+      .mega-menu .drop-down-tab-bar thead { text-align: left; font-weight: bold; }
+      .mega-menu .drop-down tbody tr:nth-child(even) td,
+      .mega-menu .drop-down-tab-bar tbody tr:nth-child(even) td { background: #dddddd; }
+      .mega-menu .drop-down tfoot,
+      .mega-menu .drop-down-tab-bar tfoot { font-style: italic; }
+      .mega-menu .drop-down tfoot td,
+      .mega-menu .drop-down tfoot th,
+      .mega-menu .drop-down-tab-bar tfoot td,
+      .mega-menu .drop-down-tab-bar tfoot th { padding: 0.75em 10px; }
+      .mega-menu .drop-down th,
+      .mega-menu .drop-down td,
+      .mega-menu .drop-down caption,
+      .mega-menu .drop-down-tab-bar th,
+      .mega-menu .drop-down-tab-bar td,
+      .mega-menu .drop-down-tab-bar caption { border: 1px solid #cccccc; }
+      .mega-menu .drop-down td,
+      .mega-menu .drop-down th,
+      .mega-menu .drop-down-tab-bar td,
+      .mega-menu .drop-down-tab-bar th { padding: 0 10px 0 10px; line-height: 1.45em; }
+      .mega-menu .drop-down caption,
+      .mega-menu .drop-down-tab-bar caption { border-bottom: 0; padding: 0.75em 10px; line-height: 1.45em; text-align: left; font-style: italic; }
+      .mega-menu .drop-down p,
+      .mega-menu .drop-down-tab-bar p { margin: 0 0 1.5em 0; font-size: 0.7800em; }
+      .mega-menu .drop-down blockquote,
+      .mega-menu .drop-down-tab-bar blockquote { margin: 0 1.5em 1.5em; font-style: italic; }
+      .mega-menu .drop-down mark,
+      .mega-menu .drop-down-tab-bar mark { line-height: 1.5; background: #78aace; color: #ffffff; }
+      .mega-menu .drop-down del,
+      .mega-menu .drop-down-tab-bar del { color: #dddddd; }
+      .mega-menu .drop-down code,
+      .mega-menu .drop-down kbd,
+      .mega-menu .drop-down pre,
+      .mega-menu .drop-down samp,
+      .mega-menu .drop-down-tab-bar code,
+      .mega-menu .drop-down-tab-bar kbd,
+      .mega-menu .drop-down-tab-bar pre,
+      .mega-menu .drop-down-tab-bar samp { }
+      .mega-menu .drop-down ins,
+      .mega-menu .drop-down small,
+      .mega-menu .drop-down-tab-bar ins,
+      .mega-menu .drop-down-tab-bar small { line-height: 1.5; }
+      .mega-menu .drop-down kbd,
+      .mega-menu .drop-down samp,
+      .mega-menu .drop-down-tab-bar kbd,
+      .mega-menu .drop-down-tab-bar samp { line-height: 1.4; }
+      .mega-menu .drop-down hr,
+      .mega-menu .drop-down-tab-bar hr { background: #cccccc; color: #cccccc; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1.4em; border: none; }
+      .mega-menu .drop-down input[type="submit"],
+      .mega-menu .drop-down input[type="button"],
+      .mega-menu .drop-down-tab-bar input[type="submit"],
+      .mega-menu .drop-down-tab-bar input[type="button"] { background: #5E9ECA; padding: 10px 20px; margin: 5px 10px 0 0; line-height: 1.5em; font-weight: 600; font-size: 0.7800em; color: #ffffff; border-radius: 0; display: block; float: left; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; }
+      .mega-menu .drop-down input[type="submit"]:hover,
+      .mega-menu .drop-down input[type="button"]:hover,
+      .mega-menu .drop-down-tab-bar input[type="submit"]:hover,
+      .mega-menu .drop-down-tab-bar input[type="button"]:hover { background-color: #333333; }
+      @media screen and (max-width:1100px) {
+        .mega-menu .drop-down input[type="submit"],
+        .mega-menu .drop-down input[type="button"],
+        .mega-menu .drop-down-tab-bar input[type="submit"],
+        .mega-menu .drop-down-tab-bar input[type="button"] { width: 100%; }
+      }
+      .mega-menu .drop-down a,
+      .mega-menu .drop-down-tab-bar a { -webkit-transition: color 200ms ease; transition: color 200ms ease; }
+      .mega-menu .drop-down a:hover,
+      .mega-menu .drop-down-tab-bar a:hover { color: #5E9ECA; }
+      .mega-menu .drop-down a i,
+      .mega-menu .drop-down-tab-bar a i { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
+      .mega-menu .drop-down a:hover i,
+      .mega-menu .drop-down-tab-bar a:hover i { color: #5E9ECA; }
+      @media screen and (max-width:1100px) {
+        .mega-menu .drop-down a,
+        .mega-menu .drop-down-tab-bar a { width: auto; }
+      }
+
+      /*.mega-menu .drop-down ::-moz-selection,
+      .mega-menu .drop-down-tab-bar ::-moz-selection {
+       background: #ffb9ad;
+      }
+
+      .mega-menu .drop-down ::selection,
+      .mega-menu .drop-down-tab-bar ::selection {
+       background: #ffb9ad;
+      }*/
+      .mega-menu .drop-down .list-description span,
+      .mega-menu .drop-down-tab-bar .list-description span { color: #aeaeae; display: inline-block; width: 100%; }
+      .mega-menu .drop-down .image-description,
+      .mega-menu .drop-down-tab-bar .image-description { position: relative; }
+      .mega-menu .drop-down .image-description img,
+      .mega-menu .drop-down-tab-bar .image-description img { display: inline-block; float: left; max-width: 100%; position: absolute; left: 0; right: 0; height: 40px; width: 40px; }
+      .mega-menu .drop-down .image-description a,
+      .mega-menu .drop-down-tab-bar .image-description a { padding-left: 50px; }
+      .mega-menu .drop-down .image-description span,
+      .mega-menu .drop-down-tab-bar .image-description span { color: #aeaeae; display: inline-block; width: 100%; }
+      .mega-menu .drop-down i.fa,
+      .mega-menu .drop-down-tab-bar i.fa { padding-right: 10px; width: 20px; }
+      .mega-menu .drop-down iframe,
+      .mega-menu .drop-down-tab-bar iframe { width: 100%; display: block; float: left; margin: 0; padding: 0; border: none; }
+      @media screen and (min-width:1101px) {
+        .mega-menu .drop-down.offset-1,
+        .mega-menu .drop-down-tab-bar.offset-1 {    /*------------------------------------------- OFFSET CLASSES FOR DROP DOWN */
+        margin-left: 100px; }
+        .mega-menu .drop-down.offset-2,
+        .mega-menu .drop-down-tab-bar.offset-2 { margin-left: -150px; }
+        .mega-menu .drop-down.offset-3,
+        .mega-menu .drop-down-tab-bar.offset-3 { margin-left: -200px; }
+        .mega-menu .drop-down.offset-4,
+        .mega-menu .drop-down-tab-bar.offset-4 { margin-left: -250px; }
+        .mega-menu .drop-down.offset-5,
+        .mega-menu .drop-down-tab-bar.offset-5 { margin-left: -300px; }
+      }
+      .mega-menu .drop-down .menu-contact-form,
+      .mega-menu .drop-down-tab-bar .menu-contact-form {  /*------------------------------------------------------- MENU CONTACT FORM */
+      margin: 0; display: block; float: left; width: 100%; background: #f7f7f7; padding: 20px; }
+      .mega-menu .mobileTriggerButton {  /*---------------------------------------------------- MOBILE CLICK TRIGGER JQUERY DIV */
+      margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; height: 50px; display: none; z-index: -1; }
+      @media screen and (max-width:1100px) {
+        .mega-menu .mobileTriggerButton { display: block; }
+      }
+      .mega-menu .desktopTriggerButton {  /*--------------------------------------------------- DESKTOP CLICK TRIGGER JQUERY DIV */
+      margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; display: block; opacity: .2; }
+      @media screen and (max-width:1100px) {
+        .mega-menu .desktopTriggerButton { display: none; }
+      }
+      @media screen and (min-width:1101px) {
+        .mega-menu.desktopTopFixed .menu-list-items {    /*--------------------------------------------------------- TOP FIXED FOR DESKTOP */
+        position: fixed; top: 0; left: 0; right: 0; max-width: 100%; padding: 0px 10px; background: #323232; box-shadow: 0 0 10px rgba(0, 0, 0, .1); }
+        .mega-menu.desktopTopFixed .menu-list-items .drop-down.grid-col-12,
+        .mega-menu.desktopTopFixed .menu-list-items .drop-down-tab-bar.grid-col-12 { width: 100%; margin: 0px; }
+        .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 40px; padding-top: 0px; margin: 15px 0px;    /*width: 75%;*/ }
+        .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 20px; }
+      }
+      @media screen and (max-width:1100px) {
+        .mega-menu.mobileTopFixed .menu-list-items {    /*--------------------------------------------------------- TOP FIXED FOR MOBILE */
+        position: fixed; top: 0; left: 0; right: 0; max-width: 100%; }
+      }
+      .mega-menu .drop-down-tab-bar {  /*----------------------------------------------------------- DROP DOWN TAB BAR */
+      margin: 0; padding: 10px; float: left; }
+      .mega-menu .drop-down-tab-bar li { float: left; margin: 0; padding: 0; display: block; }
+      @media screen and (max-width:1100px) {
+        .mega-menu .drop-down-tab-bar li { width: 100%; position: relative; }
+      }
+      .mega-menu .drop-down-tab-bar a { float: left; width: 100%; display: inline-block; padding: 5px 10px; font-size: 0.7800em; }
+      @media screen and (max-width:1100px) {
+        .mega-menu .drop-down-tab-bar a { width: auto; padding-right: 20px; }
+      }
+      .mega-menu .drop-down-tab-bar i.fa { display: inline-block; padding-right: 5px; }
+      .mega-menu .drop-down-tab-bar i.fa.fa-indicator { padding-right: 0; padding-left: 10px; line-height: 0.7800em; }
+      @media screen and (max-width:1100px) {
+        .mega-menu .drop-down-tab-bar i.fa.fa-indicator { float: right; position: absolute; right: 12px; top: 0; bottom: 0; line-height: 25px; }
+      }
+      @media screen and (min-width:1101px) {
+        .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-scale,
+        .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-scale,
+        .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-scale,
+        .mega-menu .menu-links li.ClickTrigger .drop-down.effect-scale,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-scale,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-scale {    /*--------------------------------------------- effect scale */
+        -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
+        .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-top,
+        .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-top,
+        .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-top,
+        .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-top,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-top,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-top {    /*--------------------------------------------- effect expand top*/
+        -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }
+        .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-bottom,
+        .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-bottom,
+        .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-bottom,
+        .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-bottom,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-bottom,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-bottom {    /*--------------------------------------------- effect expand bottom*/
+        -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; }
+        .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-left,
+        .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-left,
+        .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-left,
+        .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-left,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-left,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-left {    /*--------------------------------------------- effect expand left*/
+        -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }
+        .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-right,
+        .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-right,
+        .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-right,
+        .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-right,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-right,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-right {    /*--------------------------------------------- effect expand right*/
+        -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; }
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel,
+        .mega-menu .menu-links li.ClickTrigger .drop-down.active,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active { -webkit-transition-delay: 200ms !important; transition-delay: 200ms !important; }
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-fade,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-fade,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-fade,
+        .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-fade,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-fade,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-fade {    /*------------------------------------------- DROP DOWN EFFECTS :::: fade-effect */
+        opacity: 1; visibility: visible; }
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-scale,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-scale,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-scale,
+        .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-scale,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-scale,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-scale {    /*--------------------------------------------- effect scale */
+        opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-top,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-top,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-top,
+        .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-top,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-top,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-top {    /*--------------------------------------------- effect expand top*/
+        opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-bottom,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-bottom,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-bottom,
+        .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-bottom,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-bottom,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-bottom {    /*--------------------------------------------- effect expand bottom*/
+        opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-left,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-left,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-left,
+        .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-left,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-left,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-left {    /*--------------------------------------------- effect expand left*/
+        opacity: 1; visibility: visible; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-right,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-right,
+        .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-right,
+        .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-right,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-right,
+        .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-right {    /*--------------------------------------------- effect expand right */
+        opacity: 1; visibility: visible; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
+      }
+      @media screen and (max-width:1100px) {
+        .mega-menu .menu-links li .drop-down,
+        .mega-menu .menu-links li .drop-down-tab-bar,
+        .mega-menu .menu-links li .drop-down-multilevel { -webkit-transition: none !important; transition: none !important; }
+      }
+      @media screen and (min-width:1101px) {
+        .mega-menu.vertical-left,
+        .mega-menu.vertical-right {    /*----------------------------------------------------- VERTICAL LEFT OR VERTICAL RIGHT */
+        float: left; width: auto; display: block;    /*max-width: 250px;*/ }
+        .mega-menu.vertical-left .menu-logo,
+        .mega-menu.vertical-right .menu-logo { clear: both; width: 100%; }
+        .mega-menu.vertical-left .menu-logo > li,
+        .mega-menu.vertical-right .menu-logo > li { width: 100%; }
+        .mega-menu.vertical-left .menu-logo > li > a,
+        .mega-menu.vertical-right .menu-logo > li > a { width: 100%; }
+        .mega-menu.vertical-left .menu-links,
+        .mega-menu.vertical-right .menu-links { clear: both; width: 100%; }
+        .mega-menu.vertical-left .menu-links > li,
+        .mega-menu.vertical-right .menu-links > li { clear: both; width: 100%; position: relative; }
+        .mega-menu.vertical-left .menu-links > li > a,
+        .mega-menu.vertical-right .menu-links > li > a { width: 100%; position: relative; line-height: 48px; }
+        .mega-menu.vertical-left .menu-links > li > a i.fa.fa-indicator,
+        .mega-menu.vertical-right .menu-links > li > a i.fa.fa-indicator { float: right; line-height: 48px; }
+        .mega-menu.vertical-left .menu-social-bar,
+        .mega-menu.vertical-right .menu-social-bar { width: 100%; text-align: center; }
+        .mega-menu.vertical-left .menu-social-bar > li,
+        .mega-menu.vertical-right .menu-social-bar > li { display: inline-block; float: none; }
+        .mega-menu.vertical-left .menu-social-bar > li > a,
+        .mega-menu.vertical-right .menu-social-bar > li > a { padding-left: 10px; padding-right: 10px; }
+        .mega-menu.vertical-left .drop-down-multilevel,
+        .mega-menu.vertical-right .drop-down-multilevel { top: 0; left: 100%; }
+        .mega-menu.vertical-left .drop-down,
+        .mega-menu.vertical-left .drop-down-tab-bar,
+        .mega-menu.vertical-right .drop-down,
+        .mega-menu.vertical-right .drop-down-tab-bar { left: 100%; top: 0; min-width: 600px; }
+        .mega-menu.vertical-left .drop-down.grid-col-12,
+        .mega-menu.vertical-left .drop-down-tab-bar.grid-col-12,
+        .mega-menu.vertical-right .drop-down.grid-col-12,
+        .mega-menu.vertical-right .drop-down-tab-bar.grid-col-12 { min-width: 1000px; }
+        .mega-menu.vertical-left .offset-1,
+        .mega-menu.vertical-left .offset-2,
+        .mega-menu.vertical-left .offset-3,
+        .mega-menu.vertical-left .offset-4,
+        .mega-menu.vertical-left .offset-5,
+        .mega-menu.vertical-right .offset-1,
+        .mega-menu.vertical-right .offset-2,
+        .mega-menu.vertical-right .offset-3,
+        .mega-menu.vertical-right .offset-4,
+        .mega-menu.vertical-right .offset-5 { margin-left: 0; }
+        .mega-menu.vertical-left .offset-1-vertical,
+        .mega-menu.vertical-right .offset-1-vertical { margin-top: -100px !important; }
+        .mega-menu.vertical-left .offset-2-vertical,
+        .mega-menu.vertical-right .offset-2-vertical { margin-top: -150px !important; }
+        .mega-menu.vertical-left .offset-3-vertical,
+        .mega-menu.vertical-right .offset-3-vertical { margin-top: -200px !important; }
+        .mega-menu.vertical-left .offset-4-vertical,
+        .mega-menu.vertical-right .offset-4-vertical { margin-top: -250px !important; }
+        .mega-menu.vertical-left .offset-5-vertical,
+        .mega-menu.vertical-right .offset-5-vertical { margin-top: -300px !important; }
+        .mega-menu.vertical-left.desktopTopFixed,
+        .mega-menu.vertical-right.desktopTopFixed { float: left; right: auto; padding: 0; height: 100%; }
+        .mega-menu.vertical-left.desktopTopFixed .menu-list-items,
+        .mega-menu.vertical-right.desktopTopFixed .menu-list-items { padding: 0; height: 100%; }
+        .mega-menu.vertical-left.desktopTopFixed .drop-down,
+        .mega-menu.vertical-left.desktopTopFixed .drop-down-tab-bar,
+        .mega-menu.vertical-right.desktopTopFixed .drop-down,
+        .mega-menu.vertical-right.desktopTopFixed .drop-down-tab-bar { margin: 0; }
+        .mega-menu.vertical-right { float: right; }
+        .mega-menu.vertical-right .drop-down-multilevel { left: auto; right: 100%; }
+      }
+      @media screen and (min-width:1101px) and (min-width:1101px) {
+        .mega-menu.vertical-right .drop-down-multilevel.left-side { left: 100%; }
+      }
+      @media screen and (min-width:1101px) {
+        .mega-menu.vertical-right .drop-down,
+        .mega-menu.vertical-right .drop-down-tab-bar { left: auto; right: 100%; }
+        .mega-menu.vertical-right.desktopTopFixed { float: right; left: auto; right: 0; padding: 0; height: 100%; }
+      }
+      @media screen and (min-width:1101px) {
+        .mega-menu.vertical-left .menu-search-bar,
+        .mega-menu.vertical-right .menu-search-bar { width: 100%; }
+        .mega-menu.vertical-left .menu-search-bar input,
+        .mega-menu.vertical-left .menu-search-bar li,
+        .mega-menu.vertical-left .menu-search-bar form,
+        .mega-menu.vertical-left .menu-search-bar label,
+        .mega-menu.vertical-right .menu-search-bar input,
+        .mega-menu.vertical-right .menu-search-bar li,
+        .mega-menu.vertical-right .menu-search-bar form,
+        .mega-menu.vertical-right .menu-search-bar label { width: 100%; max-width: 100%; background: #5E9ECA; -webkit-transition: none; transition: none; }
+        .mega-menu.vertical-left .menu-search-bar input,
+        .mega-menu.vertical-right .menu-search-bar input { padding-left: 20px; }
+      }
+      @media screen and (min-width:1101px) {
+        .mega-menu.menuFullWidth {    /*--------------------------------------------------- make menu full width */
+        max-width: 100%; }
+      }
diff --git a/resoft/css/plugins/owl.carousel.min.css b/resoft/css/plugins/owl.carousel.min.css
new file mode 100644
index 0000000..d8becfa
--- /dev/null
+++ b/resoft/css/plugins/owl.carousel.min.css
@@ -0,0 +1,47 @@
+/**
+ * Owl Carousel v2.2.1
+ * Copyright 2013-2017 David Deutsch
+ * Licensed under  ()
+ */
+.owl-carousel,
+.owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative }
+.owl-carousel { display: none; width: 100%; z-index: 1 }
+.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden }
+.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
+.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) }
+.owl-carousel .owl-item,
+.owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
+.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none }
+.owl-carousel .owl-item img { display: block; width: 100% }
+.owl-carousel .owl-dots.disabled,
+.owl-carousel .owl-nav.disabled { display: none }
+.no-js .owl-carousel,
+.owl-carousel.owl-loaded { display: block }
+.owl-carousel .owl-dot,
+.owl-carousel .owl-nav .owl-next,
+.owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
+.owl-carousel.owl-loading { opacity: 0; display: block }
+.owl-carousel.owl-hidden { opacity: 0 }
+.owl-carousel.owl-refresh .owl-item { visibility: hidden }
+.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
+.owl-carousel.owl-grab { cursor: move; cursor: grab }
+.owl-carousel.owl-rtl { direction: rtl }
+.owl-carousel.owl-rtl .owl-item { float: right }
+.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both }
+.owl-carousel .owl-animated-in { z-index: 0 }
+.owl-carousel .owl-animated-out { z-index: 1 }
+.owl-carousel .fadeOut { animation-name: fadeOut }
+@keyframes fadeOut {
+	0% { opacity: 1 }
+	100% { opacity: 0 }
+}
+.owl-height { transition: height .5s ease-in-out }
+.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease }
+.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d }
+.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
+.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease }
+.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) }
+.owl-carousel .owl-video-playing .owl-video-play-icon,
+.owl-carousel .owl-video-playing .owl-video-tn { display: none }
+.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease }
+.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }
diff --git a/resoft/css/plugins/slick-theme.css b/resoft/css/plugins/slick-theme.css
new file mode 100644
index 0000000..f7538d1
--- /dev/null
+++ b/resoft/css/plugins/slick-theme.css
@@ -0,0 +1,65 @@
+@charset 'UTF-8';
+
+/* Slider */
+.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
+.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
+.slick-list:focus { outline: none; }
+.slick-list.dragging { cursor: pointer; cursor: hand; }
+.slick-slider .slick-track,
+.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
+.slick-track { position: relative; top: 0; left: 0; display: block; }
+.slick-track:before,
+.slick-track:after { display: table; content: ''; }
+.slick-track:after { clear: both; }
+.slick-loading .slick-track { visibility: hidden; }
+.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
+[dir='rtl'] .slick-slide { float: right; }
+.slick-slide img { display: block; }
+.slick-slide.slick-loading img { display: none; }
+.slick-slide.dragging img { pointer-events: none; }
+.slick-initialized .slick-slide { display: block; }
+.slick-loading .slick-slide { visibility: hidden; }
+.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
+.slick-arrow.slick-hidden { display: none; }
+
+/* Slider */
+.slick-loading .slick-list { background: #fff url('../pre-loader/loader-02.svg') center center no-repeat; }
+
+/* Icons */
+@font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); }
+
+/* Arrows */
+.slick-prev,
+.slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
+.slick-prev:hover,
+.slick-prev:focus,
+.slick-next:hover,
+.slick-next:focus { color: transparent; outline: none; background: transparent; }
+.slick-prev:hover:before,
+.slick-prev:focus:before,
+.slick-next:hover:before,
+.slick-next:focus:before { opacity: 1; }
+.slick-prev.slick-disabled:before,
+.slick-next.slick-disabled:before { opacity: .25; }
+.slick-prev:before,
+.slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
+.slick-prev { left: -25px; }
+[dir='rtl'] .slick-prev { right: -25px; left: auto; }
+.slick-prev:before { content: '←'; }
+[dir='rtl'] .slick-prev:before { content: '→'; }
+.slick-next { right: -25px; }
+[dir='rtl'] .slick-next { right: auto; left: -25px; }
+.slick-next:before { content: '→'; }
+[dir='rtl'] .slick-next:before { content: '←'; }
+
+/* Dots */
+.slick-dotted.slick-slider { margin-bottom: 30px; }
+.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
+.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
+.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
+.slick-dots li button:hover,
+.slick-dots li button:focus { outline: none; }
+.slick-dots li button:hover:before,
+.slick-dots li button:focus:before { opacity: 1; }
+.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
+.slick-dots li.slick-active button:before { opacity: .75; color: black; }
\ No newline at end of file
diff --git a/resoft/css/plugins/themify-icons.css b/resoft/css/plugins/themify-icons.css
new file mode 100644
index 0000000..1d106b3
--- /dev/null
+++ b/resoft/css/plugins/themify-icons.css
@@ -0,0 +1,1081 @@
+@font-face {
+	font-family: 'themify';
+	src:url('../../fonts/themify.eot?-fvbane');
+	src:url('../../fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'),
+		url('../../fonts/themify.woff?-fvbane') format('woff'),
+		url('../../fonts/themify.ttf?-fvbane') format('truetype'),
+		url('../../fonts/themify.svg?-fvbane#themify') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+
+[class^="ti-"], [class*=" ti-"] {
+	font-family: 'themify';
+	speak: none;
+	font-style: normal;
+	font-weight: normal;
+	font-variant: normal;
+	text-transform: none;
+	line-height: 1;
+
+	/* Better Font Rendering =========== */
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.ti-wand:before {
+	content: "\e600";
+}
+.ti-volume:before {
+	content: "\e601";
+}
+.ti-user:before {
+	content: "\e602";
+}
+.ti-unlock:before {
+	content: "\e603";
+}
+.ti-unlink:before {
+	content: "\e604";
+}
+.ti-trash:before {
+	content: "\e605";
+}
+.ti-thought:before {
+	content: "\e606";
+}
+.ti-target:before {
+	content: "\e607";
+}
+.ti-tag:before {
+	content: "\e608";
+}
+.ti-tablet:before {
+	content: "\e609";
+}
+.ti-star:before {
+	content: "\e60a";
+}
+.ti-spray:before {
+	content: "\e60b";
+}
+.ti-signal:before {
+	content: "\e60c";
+}
+.ti-shopping-cart:before {
+	content: "\e60d";
+}
+.ti-shopping-cart-full:before {
+	content: "\e60e";
+}
+.ti-settings:before {
+	content: "\e60f";
+}
+.ti-search:before {
+	content: "\e610";
+}
+.ti-zoom-in:before {
+	content: "\e611";
+}
+.ti-zoom-out:before {
+	content: "\e612";
+}
+.ti-cut:before {
+	content: "\e613";
+}
+.ti-ruler:before {
+	content: "\e614";
+}
+.ti-ruler-pencil:before {
+	content: "\e615";
+}
+.ti-ruler-alt:before {
+	content: "\e616";
+}
+.ti-bookmark:before {
+	content: "\e617";
+}
+.ti-bookmark-alt:before {
+	content: "\e618";
+}
+.ti-reload:before {
+	content: "\e619";
+}
+.ti-plus:before {
+	content: "\e61a";
+}
+.ti-pin:before {
+	content: "\e61b";
+}
+.ti-pencil:before {
+	content: "\e61c";
+}
+.ti-pencil-alt:before {
+	content: "\e61d";
+}
+.ti-paint-roller:before {
+	content: "\e61e";
+}
+.ti-paint-bucket:before {
+	content: "\e61f";
+}
+.ti-na:before {
+	content: "\e620";
+}
+.ti-mobile:before {
+	content: "\e621";
+}
+.ti-minus:before {
+	content: "\e622";
+}
+.ti-medall:before {
+	content: "\e623";
+}
+.ti-medall-alt:before {
+	content: "\e624";
+}
+.ti-marker:before {
+	content: "\e625";
+}
+.ti-marker-alt:before {
+	content: "\e626";
+}
+.ti-arrow-up:before {
+	content: "\e627";
+}
+.ti-arrow-right:before {
+	content: "\e628";
+}
+.ti-arrow-left:before {
+	content: "\e629";
+}
+.ti-arrow-down:before {
+	content: "\e62a";
+}
+.ti-lock:before {
+	content: "\e62b";
+}
+.ti-location-arrow:before {
+	content: "\e62c";
+}
+.ti-link:before {
+	content: "\e62d";
+}
+.ti-layout:before {
+	content: "\e62e";
+}
+.ti-layers:before {
+	content: "\e62f";
+}
+.ti-layers-alt:before {
+	content: "\e630";
+}
+.ti-key:before {
+	content: "\e631";
+}
+.ti-import:before {
+	content: "\e632";
+}
+.ti-image:before {
+	content: "\e633";
+}
+.ti-heart:before {
+	content: "\e634";
+}
+.ti-heart-broken:before {
+	content: "\e635";
+}
+.ti-hand-stop:before {
+	content: "\e636";
+}
+.ti-hand-open:before {
+	content: "\e637";
+}
+.ti-hand-drag:before {
+	content: "\e638";
+}
+.ti-folder:before {
+	content: "\e639";
+}
+.ti-flag:before {
+	content: "\e63a";
+}
+.ti-flag-alt:before {
+	content: "\e63b";
+}
+.ti-flag-alt-2:before {
+	content: "\e63c";
+}
+.ti-eye:before {
+	content: "\e63d";
+}
+.ti-export:before {
+	content: "\e63e";
+}
+.ti-exchange-vertical:before {
+	content: "\e63f";
+}
+.ti-desktop:before {
+	content: "\e640";
+}
+.ti-cup:before {
+	content: "\e641";
+}
+.ti-crown:before {
+	content: "\e642";
+}
+.ti-comments:before {
+	content: "\e643";
+}
+.ti-comment:before {
+	content: "\e644";
+}
+.ti-comment-alt:before {
+	content: "\e645";
+}
+.ti-close:before {
+	content: "\e646";
+}
+.ti-clip:before {
+	content: "\e647";
+}
+.ti-angle-up:before {
+	content: "\e648";
+}
+.ti-angle-right:before {
+	content: "\e649";
+}
+.ti-angle-left:before {
+	content: "\e64a";
+}
+.ti-angle-down:before {
+	content: "\e64b";
+}
+.ti-check:before {
+	content: "\e64c";
+}
+.ti-check-box:before {
+	content: "\e64d";
+}
+.ti-camera:before {
+	content: "\e64e";
+}
+.ti-announcement:before {
+	content: "\e64f";
+}
+.ti-brush:before {
+	content: "\e650";
+}
+.ti-briefcase:before {
+	content: "\e651";
+}
+.ti-bolt:before {
+	content: "\e652";
+}
+.ti-bolt-alt:before {
+	content: "\e653";
+}
+.ti-blackboard:before {
+	content: "\e654";
+}
+.ti-bag:before {
+	content: "\e655";
+}
+.ti-move:before {
+	content: "\e656";
+}
+.ti-arrows-vertical:before {
+	content: "\e657";
+}
+.ti-arrows-horizontal:before {
+	content: "\e658";
+}
+.ti-fullscreen:before {
+	content: "\e659";
+}
+.ti-arrow-top-right:before {
+	content: "\e65a";
+}
+.ti-arrow-top-left:before {
+	content: "\e65b";
+}
+.ti-arrow-circle-up:before {
+	content: "\e65c";
+}
+.ti-arrow-circle-right:before {
+	content: "\e65d";
+}
+.ti-arrow-circle-left:before {
+	content: "\e65e";
+}
+.ti-arrow-circle-down:before {
+	content: "\e65f";
+}
+.ti-angle-double-up:before {
+	content: "\e660";
+}
+.ti-angle-double-right:before {
+	content: "\e661";
+}
+.ti-angle-double-left:before {
+	content: "\e662";
+}
+.ti-angle-double-down:before {
+	content: "\e663";
+}
+.ti-zip:before {
+	content: "\e664";
+}
+.ti-world:before {
+	content: "\e665";
+}
+.ti-wheelchair:before {
+	content: "\e666";
+}
+.ti-view-list:before {
+	content: "\e667";
+}
+.ti-view-list-alt:before {
+	content: "\e668";
+}
+.ti-view-grid:before {
+	content: "\e669";
+}
+.ti-uppercase:before {
+	content: "\e66a";
+}
+.ti-upload:before {
+	content: "\e66b";
+}
+.ti-underline:before {
+	content: "\e66c";
+}
+.ti-truck:before {
+	content: "\e66d";
+}
+.ti-timer:before {
+	content: "\e66e";
+}
+.ti-ticket:before {
+	content: "\e66f";
+}
+.ti-thumb-up:before {
+	content: "\e670";
+}
+.ti-thumb-down:before {
+	content: "\e671";
+}
+.ti-text:before {
+	content: "\e672";
+}
+.ti-stats-up:before {
+	content: "\e673";
+}
+.ti-stats-down:before {
+	content: "\e674";
+}
+.ti-split-v:before {
+	content: "\e675";
+}
+.ti-split-h:before {
+	content: "\e676";
+}
+.ti-smallcap:before {
+	content: "\e677";
+}
+.ti-shine:before {
+	content: "\e678";
+}
+.ti-shift-right:before {
+	content: "\e679";
+}
+.ti-shift-left:before {
+	content: "\e67a";
+}
+.ti-shield:before {
+	content: "\e67b";
+}
+.ti-notepad:before {
+	content: "\e67c";
+}
+.ti-server:before {
+	content: "\e67d";
+}
+.ti-quote-right:before {
+	content: "\e67e";
+}
+.ti-quote-left:before {
+	content: "\e67f";
+}
+.ti-pulse:before {
+	content: "\e680";
+}
+.ti-printer:before {
+	content: "\e681";
+}
+.ti-power-off:before {
+	content: "\e682";
+}
+.ti-plug:before {
+	content: "\e683";
+}
+.ti-pie-chart:before {
+	content: "\e684";
+}
+.ti-paragraph:before {
+	content: "\e685";
+}
+.ti-panel:before {
+	content: "\e686";
+}
+.ti-package:before {
+	content: "\e687";
+}
+.ti-music:before {
+	content: "\e688";
+}
+.ti-music-alt:before {
+	content: "\e689";
+}
+.ti-mouse:before {
+	content: "\e68a";
+}
+.ti-mouse-alt:before {
+	content: "\e68b";
+}
+.ti-money:before {
+	content: "\e68c";
+}
+.ti-microphone:before {
+	content: "\e68d";
+}
+.ti-menu:before {
+	content: "\e68e";
+}
+.ti-menu-alt:before {
+	content: "\e68f";
+}
+.ti-map:before {
+	content: "\e690";
+}
+.ti-map-alt:before {
+	content: "\e691";
+}
+.ti-loop:before {
+	content: "\e692";
+}
+.ti-location-pin:before {
+	content: "\e693";
+}
+.ti-list:before {
+	content: "\e694";
+}
+.ti-light-bulb:before {
+	content: "\e695";
+}
+.ti-Italic:before {
+	content: "\e696";
+}
+.ti-info:before {
+	content: "\e697";
+}
+.ti-infinite:before {
+	content: "\e698";
+}
+.ti-id-badge:before {
+	content: "\e699";
+}
+.ti-hummer:before {
+	content: "\e69a";
+}
+.ti-home:before {
+	content: "\e69b";
+}
+.ti-help:before {
+	content: "\e69c";
+}
+.ti-headphone:before {
+	content: "\e69d";
+}
+.ti-harddrives:before {
+	content: "\e69e";
+}
+.ti-harddrive:before {
+	content: "\e69f";
+}
+.ti-gift:before {
+	content: "\e6a0";
+}
+.ti-game:before {
+	content: "\e6a1";
+}
+.ti-filter:before {
+	content: "\e6a2";
+}
+.ti-files:before {
+	content: "\e6a3";
+}
+.ti-file:before {
+	content: "\e6a4";
+}
+.ti-eraser:before {
+	content: "\e6a5";
+}
+.ti-envelope:before {
+	content: "\e6a6";
+}
+.ti-download:before {
+	content: "\e6a7";
+}
+.ti-direction:before {
+	content: "\e6a8";
+}
+.ti-direction-alt:before {
+	content: "\e6a9";
+}
+.ti-dashboard:before {
+	content: "\e6aa";
+}
+.ti-control-stop:before {
+	content: "\e6ab";
+}
+.ti-control-shuffle:before {
+	content: "\e6ac";
+}
+.ti-control-play:before {
+	content: "\e6ad";
+}
+.ti-control-pause:before {
+	content: "\e6ae";
+}
+.ti-control-forward:before {
+	content: "\e6af";
+}
+.ti-control-backward:before {
+	content: "\e6b0";
+}
+.ti-cloud:before {
+	content: "\e6b1";
+}
+.ti-cloud-up:before {
+	content: "\e6b2";
+}
+.ti-cloud-down:before {
+	content: "\e6b3";
+}
+.ti-clipboard:before {
+	content: "\e6b4";
+}
+.ti-car:before {
+	content: "\e6b5";
+}
+.ti-calendar:before {
+	content: "\e6b6";
+}
+.ti-book:before {
+	content: "\e6b7";
+}
+.ti-bell:before {
+	content: "\e6b8";
+}
+.ti-basketball:before {
+	content: "\e6b9";
+}
+.ti-bar-chart:before {
+	content: "\e6ba";
+}
+.ti-bar-chart-alt:before {
+	content: "\e6bb";
+}
+.ti-back-right:before {
+	content: "\e6bc";
+}
+.ti-back-left:before {
+	content: "\e6bd";
+}
+.ti-arrows-corner:before {
+	content: "\e6be";
+}
+.ti-archive:before {
+	content: "\e6bf";
+}
+.ti-anchor:before {
+	content: "\e6c0";
+}
+.ti-align-right:before {
+	content: "\e6c1";
+}
+.ti-align-left:before {
+	content: "\e6c2";
+}
+.ti-align-justify:before {
+	content: "\e6c3";
+}
+.ti-align-center:before {
+	content: "\e6c4";
+}
+.ti-alert:before {
+	content: "\e6c5";
+}
+.ti-alarm-clock:before {
+	content: "\e6c6";
+}
+.ti-agenda:before {
+	content: "\e6c7";
+}
+.ti-write:before {
+	content: "\e6c8";
+}
+.ti-window:before {
+	content: "\e6c9";
+}
+.ti-widgetized:before {
+	content: "\e6ca";
+}
+.ti-widget:before {
+	content: "\e6cb";
+}
+.ti-widget-alt:before {
+	content: "\e6cc";
+}
+.ti-wallet:before {
+	content: "\e6cd";
+}
+.ti-video-clapper:before {
+	content: "\e6ce";
+}
+.ti-video-camera:before {
+	content: "\e6cf";
+}
+.ti-vector:before {
+	content: "\e6d0";
+}
+.ti-themify-logo:before {
+	content: "\e6d1";
+}
+.ti-themify-favicon:before {
+	content: "\e6d2";
+}
+.ti-themify-favicon-alt:before {
+	content: "\e6d3";
+}
+.ti-support:before {
+	content: "\e6d4";
+}
+.ti-stamp:before {
+	content: "\e6d5";
+}
+.ti-split-v-alt:before {
+	content: "\e6d6";
+}
+.ti-slice:before {
+	content: "\e6d7";
+}
+.ti-shortcode:before {
+	content: "\e6d8";
+}
+.ti-shift-right-alt:before {
+	content: "\e6d9";
+}
+.ti-shift-left-alt:before {
+	content: "\e6da";
+}
+.ti-ruler-alt-2:before {
+	content: "\e6db";
+}
+.ti-receipt:before {
+	content: "\e6dc";
+}
+.ti-pin2:before {
+	content: "\e6dd";
+}
+.ti-pin-alt:before {
+	content: "\e6de";
+}
+.ti-pencil-alt2:before {
+	content: "\e6df";
+}
+.ti-palette:before {
+	content: "\e6e0";
+}
+.ti-more:before {
+	content: "\e6e1";
+}
+.ti-more-alt:before {
+	content: "\e6e2";
+}
+.ti-microphone-alt:before {
+	content: "\e6e3";
+}
+.ti-magnet:before {
+	content: "\e6e4";
+}
+.ti-line-double:before {
+	content: "\e6e5";
+}
+.ti-line-dotted:before {
+	content: "\e6e6";
+}
+.ti-line-dashed:before {
+	content: "\e6e7";
+}
+.ti-layout-width-full:before {
+	content: "\e6e8";
+}
+.ti-layout-width-default:before {
+	content: "\e6e9";
+}
+.ti-layout-width-default-alt:before {
+	content: "\e6ea";
+}
+.ti-layout-tab:before {
+	content: "\e6eb";
+}
+.ti-layout-tab-window:before {
+	content: "\e6ec";
+}
+.ti-layout-tab-v:before {
+	content: "\e6ed";
+}
+.ti-layout-tab-min:before {
+	content: "\e6ee";
+}
+.ti-layout-slider:before {
+	content: "\e6ef";
+}
+.ti-layout-slider-alt:before {
+	content: "\e6f0";
+}
+.ti-layout-sidebar-right:before {
+	content: "\e6f1";
+}
+.ti-layout-sidebar-none:before {
+	content: "\e6f2";
+}
+.ti-layout-sidebar-left:before {
+	content: "\e6f3";
+}
+.ti-layout-placeholder:before {
+	content: "\e6f4";
+}
+.ti-layout-menu:before {
+	content: "\e6f5";
+}
+.ti-layout-menu-v:before {
+	content: "\e6f6";
+}
+.ti-layout-menu-separated:before {
+	content: "\e6f7";
+}
+.ti-layout-menu-full:before {
+	content: "\e6f8";
+}
+.ti-layout-media-right-alt:before {
+	content: "\e6f9";
+}
+.ti-layout-media-right:before {
+	content: "\e6fa";
+}
+.ti-layout-media-overlay:before {
+	content: "\e6fb";
+}
+.ti-layout-media-overlay-alt:before {
+	content: "\e6fc";
+}
+.ti-layout-media-overlay-alt-2:before {
+	content: "\e6fd";
+}
+.ti-layout-media-left-alt:before {
+	content: "\e6fe";
+}
+.ti-layout-media-left:before {
+	content: "\e6ff";
+}
+.ti-layout-media-center-alt:before {
+	content: "\e700";
+}
+.ti-layout-media-center:before {
+	content: "\e701";
+}
+.ti-layout-list-thumb:before {
+	content: "\e702";
+}
+.ti-layout-list-thumb-alt:before {
+	content: "\e703";
+}
+.ti-layout-list-post:before {
+	content: "\e704";
+}
+.ti-layout-list-large-image:before {
+	content: "\e705";
+}
+.ti-layout-line-solid:before {
+	content: "\e706";
+}
+.ti-layout-grid4:before {
+	content: "\e707";
+}
+.ti-layout-grid3:before {
+	content: "\e708";
+}
+.ti-layout-grid2:before {
+	content: "\e709";
+}
+.ti-layout-grid2-thumb:before {
+	content: "\e70a";
+}
+.ti-layout-cta-right:before {
+	content: "\e70b";
+}
+.ti-layout-cta-left:before {
+	content: "\e70c";
+}
+.ti-layout-cta-center:before {
+	content: "\e70d";
+}
+.ti-layout-cta-btn-right:before {
+	content: "\e70e";
+}
+.ti-layout-cta-btn-left:before {
+	content: "\e70f";
+}
+.ti-layout-column4:before {
+	content: "\e710";
+}
+.ti-layout-column3:before {
+	content: "\e711";
+}
+.ti-layout-column2:before {
+	content: "\e712";
+}
+.ti-layout-accordion-separated:before {
+	content: "\e713";
+}
+.ti-layout-accordion-merged:before {
+	content: "\e714";
+}
+.ti-layout-accordion-list:before {
+	content: "\e715";
+}
+.ti-ink-pen:before {
+	content: "\e716";
+}
+.ti-info-alt:before {
+	content: "\e717";
+}
+.ti-help-alt:before {
+	content: "\e718";
+}
+.ti-headphone-alt:before {
+	content: "\e719";
+}
+.ti-hand-point-up:before {
+	content: "\e71a";
+}
+.ti-hand-point-right:before {
+	content: "\e71b";
+}
+.ti-hand-point-left:before {
+	content: "\e71c";
+}
+.ti-hand-point-down:before {
+	content: "\e71d";
+}
+.ti-gallery:before {
+	content: "\e71e";
+}
+.ti-face-smile:before {
+	content: "\e71f";
+}
+.ti-face-sad:before {
+	content: "\e720";
+}
+.ti-credit-card:before {
+	content: "\e721";
+}
+.ti-control-skip-forward:before {
+	content: "\e722";
+}
+.ti-control-skip-backward:before {
+	content: "\e723";
+}
+.ti-control-record:before {
+	content: "\e724";
+}
+.ti-control-eject:before {
+	content: "\e725";
+}
+.ti-comments-smiley:before {
+	content: "\e726";
+}
+.ti-brush-alt:before {
+	content: "\e727";
+}
+.ti-youtube:before {
+	content: "\e728";
+}
+.ti-vimeo:before {
+	content: "\e729";
+}
+.ti-twitter:before {
+	content: "\e72a";
+}
+.ti-time:before {
+	content: "\e72b";
+}
+.ti-tumblr:before {
+	content: "\e72c";
+}
+.ti-skype:before {
+	content: "\e72d";
+}
+.ti-share:before {
+	content: "\e72e";
+}
+.ti-share-alt:before {
+	content: "\e72f";
+}
+.ti-rocket:before {
+	content: "\e730";
+}
+.ti-pinterest:before {
+	content: "\e731";
+}
+.ti-new-window:before {
+	content: "\e732";
+}
+.ti-microsoft:before {
+	content: "\e733";
+}
+.ti-list-ol:before {
+	content: "\e734";
+}
+.ti-linkedin:before {
+	content: "\e735";
+}
+.ti-layout-sidebar-2:before {
+	content: "\e736";
+}
+.ti-layout-grid4-alt:before {
+	content: "\e737";
+}
+.ti-layout-grid3-alt:before {
+	content: "\e738";
+}
+.ti-layout-grid2-alt:before {
+	content: "\e739";
+}
+.ti-layout-column4-alt:before {
+	content: "\e73a";
+}
+.ti-layout-column3-alt:before {
+	content: "\e73b";
+}
+.ti-layout-column2-alt:before {
+	content: "\e73c";
+}
+.ti-instagram:before {
+	content: "\e73d";
+}
+.ti-google:before {
+	content: "\e73e";
+}
+.ti-github:before {
+	content: "\e73f";
+}
+.ti-flickr:before {
+	content: "\e740";
+}
+.ti-facebook:before {
+	content: "\e741";
+}
+.ti-dropbox:before {
+	content: "\e742";
+}
+.ti-dribbble:before {
+	content: "\e743";
+}
+.ti-apple:before {
+	content: "\e744";
+}
+.ti-android:before {
+	content: "\e745";
+}
+.ti-save:before {
+	content: "\e746";
+}
+.ti-save-alt:before {
+	content: "\e747";
+}
+.ti-yahoo:before {
+	content: "\e748";
+}
+.ti-wordpress:before {
+	content: "\e749";
+}
+.ti-vimeo-alt:before {
+	content: "\e74a";
+}
+.ti-twitter-alt:before {
+	content: "\e74b";
+}
+.ti-tumblr-alt:before {
+	content: "\e74c";
+}
+.ti-trello:before {
+	content: "\e74d";
+}
+.ti-stack-overflow:before {
+	content: "\e74e";
+}
+.ti-soundcloud:before {
+	content: "\e74f";
+}
+.ti-sharethis:before {
+	content: "\e750";
+}
+.ti-sharethis-alt:before {
+	content: "\e751";
+}
+.ti-reddit:before {
+	content: "\e752";
+}
+.ti-pinterest-alt:before {
+	content: "\e753";
+}
+.ti-microsoft-alt:before {
+	content: "\e754";
+}
+.ti-linux:before {
+	content: "\e755";
+}
+.ti-jsfiddle:before {
+	content: "\e756";
+}
+.ti-joomla:before {
+	content: "\e757";
+}
+.ti-html5:before {
+	content: "\e758";
+}
+.ti-flickr-alt:before {
+	content: "\e759";
+}
+.ti-email:before {
+	content: "\e75a";
+}
+.ti-drupal:before {
+	content: "\e75b";
+}
+.ti-dropbox-alt:before {
+	content: "\e75c";
+}
+.ti-css3:before {
+	content: "\e75d";
+}
+.ti-rss:before {
+	content: "\e75e";
+}
+.ti-rss-alt:before {
+	content: "\e75f";
+}
diff --git a/resoft/css/responsive.css b/resoft/css/responsive.css
new file mode 100644
index 0000000..a73534d
--- /dev/null
+++ b/resoft/css/responsive.css
@@ -0,0 +1,1631 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains responsive Media Queries of the Template. You can edit/add anything in this file for responsive related changes!
+*/
+
+
+ /*****************
+================================================
+ (  Media Queries  )
+================================================
+ *******************/
+
+
+/*************************
+       1700px
+*************************/    
+@media (max-width: 1700px) {
+
+.portfolio-title { padding: 60px 60px 30px; }
+/*home-4  */
+.our-blog .blog-box-image { max-height: 286px; }
+.our-blog .blog-box-info { max-height: 286px; }
+/* about-1 */
+.feature-step-2 .feature-step-2-title-left h1 {  font-size: 60px;  line-height: 50px;}
+.objects-left .objects-1 { left: -20px; }
+.video-background-banner .slider-content { padding: 20px 30px; }
+.scroll-down { bottom: 30px; }
+#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; }
+
+} 
+
+@media (max-width: 1500px) {
+
+.portfolio-home .section-title p { font-size: 16px; }
+/*home-4  */
+.our-blog .blog-box-image { max-height: 262px; }
+.our-blog .blog-box-info { max-height: 262px; }
+.blog-box-image .portfolio-caption .port-tag li a { font-size: 12px; }
+.slider-fade-carousel { height: 100%; }
+.our-service { padding-bottom: 60px; }
+.objects-left, .objects-right { display: none; }
+.fullWidth .mega-menu .drop-down.grid-col-5 { width: 51.666667%; }
+.fancy .mega-menu .drop-down.grid-col-5 { width: 51.666667%; }
+/*home 9*/
+.resume-contact #map { height: 642px; }
+ #rev_slider_14_1 .tp-bullets { margin-bottom: -20px; }
+ 
+
+}
+
+@media (max-width: 1400px) {
+
+.portfolio-title { padding:40px 40px 0px; }
+.portfolio-home .portfolio-title.section-title { margin-bottom: 20px !important; }
+.portfolio-home .portfolio-title.section-title .button.mt-30 { margin-top: 10px !important; }
+.our-blog .blog-box-image { max-height: 240px; }
+.our-blog .blog-box-info { max-height: 240px; }
+.our-blog .blog-box-info p.pb-20.pt-30 { padding: 10px 0 !important; }
+.custom-content-3.hello-content .custom-content-3-image img { margin-top: 150px; vertical-align: bottom; width: 100%; }
+.our-blog .blog-box-info span.text-white { display: none; }
+/*contact*/
+.contact-3-info .contact-add { text-align: center; }
+.contact-3-info .contact-add i { float: none; text-align: center; display: block; margin: 0 auto; }
+.contact-3-info .contact-add p { display: block; margin-top: 15px; }
+/*home-9*/
+.image-holder-2-bg { height: 700px; }
+.feature-step-2 .feature-step-2-title-2-right h2 {  font-size: 24px;   line-height: 30px;}
+.feature-step-2 .feature-step-2-title-2-right h3 {  font-size: 20px;   line-height: 24px;}
+.feature-step-2-box {  padding: 50px 30px;}
+.resume-page .container-fluid { padding: 0 30px; }
+.resume-contact .contact-form-main { padding: 30px; }
+.header.fancy.without-topbar .menu { top: 16px; }
+#rev_slider_16_1_forcefullwidth .tp-parallax-wrap { margin-top: 20px; }
+.awesome-features .img-side img { top: 20px; }
+.video-background-banner .slider-content { padding: 30px 30px; }
+.video-background-banner h1 { font-size: 60px; line-height: 60px; }
+
+/*************************************
+             v1.0.3
+**************************************/
+.slider-parallax.banner-personal .slider-content h1 { font-size: 110px; line-height: 120px; }
+.slider-parallax.banner-personal .slider-content h1 strong { font-size: 132px; }
+
+/*************************************
+             v1.0.4
+**************************************/
+.movie-banner .slider-content .banner-popup { width: 72%; }
+#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 18px !important;  position: relative; bottom: 10px!important;}
+#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; }
+ 
+}
+
+@media (max-width: 1272px) {
+.our-blog .blog-box-image { max-height: 185px; }
+.our-blog .blog-box-info { max-height: 185px; }
+.our-blog .blog-box-image .portfolio-caption .port-tag li { margin-top: 0px; }
+.our-blog .blog-box-image .portfolio-caption .button-border span { margin-top: 10px; padding: 4px 10px; font-size: 11px; }
+.our-blog .blog-box-info a.button.button-white span { padding: 6px 16px; }
+.our-blog .blog-box-info a.button.button-white i { padding: 11px; }
+.our-blog .blog-box-info h1 { font-size: 20px; line-height: 20px; margin-bottom: 0; }
+.our-blog .blog-box-info p { font-size: 14px; }
+.our-blog .blog-box-info { padding: 15px 20px; }
+/*home-5*/
+.team-3 .team-social-icon a i { font-size: 12px; height: 30px; line-height: 31px; width: 30px; } 
+/*about-1 page*/
+.our-history .history-content { padding: 125px 20px; }
+/*about me*/
+.about-me .maintenance-progress-bar .progress-bar { margin: 0 15px; }
+/*blog timeline*/
+.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -50px; }
+/*error*/
+.error-search-box { width: 91%; }
+.fullWidth .mega-menu .drop-down.grid-col-5 { width: 61.666667%; }
+.fancy .mega-menu .drop-down.grid-col-5 { width: 61.666667%; }
+/* about-1 */
+.feature-step-2 .feature-step-2-title-left h1 {  font-size: 40px;  line-height: 30px;}
+.feature-step-2 .feature-step-2-title-2-right h2 {  font-size: 22px;   line-height: 24px;}
+.feature-step-2 .feature-step-2-title-2-right h3 {  font-size: 18px;   line-height: 20px;}
+#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important;  position: relative; bottom: 10px!important;}
+#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; }
+
+}
+
+@media (max-width: 1200px) {
+.login-2-social li {margin: 0 3px;}
+h2 {font-size: 28px;}
+h4 {font-size: 18px;}
+.title-effect::before { height: 25%; bottom: 4px; }
+/*home2*/
+.testimonial-2 .testimonial-center { width: 100%; }
+.deal-banner img { width: initial; }
+/*home 9*/
+.footer-widget-social.pull-right  { float: none !important; }
+.blog-info h4 {font-size: 15px;}
+.blog-info p {font-size: 16px; padding: 10px 0 20px;}
+.blog-box.blog-1 .blog-info p { font-size: 14px; }
+.feature-text.box, .feature-text.fill-box {padding: 30px;}
+.nav.nav-tabs li a {margin-right: 5px; margin-bottom: 0px;}
+.happy-clients .nav-tabs li img {height: 80px; width: 80px;}
+.team .team-social-icon ul li a i {height: 35px; line-height: 35px; width: 35px; font-size: 14px;}
+.team:hover .team-social-icon {bottom: 27%;}
+.feature-info h5{font-size: 15px;}
+.contact-3 .map-side {height: 808px;}
+.contact-4 .map-side {height: 553px;}
+.service-blog {padding-top: 0;}
+.portfolio-home .isotope.columns-3 .grid-item { width: 50%; }
+.portfolio-title { padding:60px 60px 30px; }
+.action-box h3 { font-size: 22px; }
+.action-box p { font-size: 15px; }
+.vertical-header .container-fluid { padding: 0 30px; }
+.team.team-round.full-border .team-description { padding: 30px 0; }
+/*medical*/
+.medical-tab .nav.nav-tabs li a { margin-bottom: 0; }
+.deal-banner .countdown.small { margin: 0; }
+/*404 error*/
+.error-block { padding: 20px 0  70px 0px; }
+.error-block .error-text h2 { font-size: 320px; }
+.error-block .error-text span { font-size: 104px; right: 0; }
+.error-text-02 h2 { font-size: 320px; }
+.error-text-02 span { font-size: 104px; right: 0; }
+.add-banner-2 .add-banner-content h2 { font-size: 42px; line-height: 42px; }
+.pricing-content .pricing-table-list ul li { font-size: 14px; }
+.pricing-content .pricing-table-list ul li i { width: 18px; }
+.round .nav.nav-tabs li a { padding: 12px 20px; }
+#rev_slider_16_1_forcefullwidth .tp-parallax-wrap { margin-top: 50px; }
+#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important;  position: relative; bottom: 10px!important;}
+#rev_slider_14_1 .tp-bullets { margin-bottom: -20px; }
+#services .feature-text.left-icon .feature-icon { position: relative; text-align: left; }
+#services .feature-text .feature-icon span, #services .feature-text .feature-icon i { padding-left: 0; margin-bottom: 10px; }
+#services .feature-text.left-icon .feature-info { padding-left: 0; }
+.medical-tab .nav.nav-tabs li a { padding: 12px 20px; }
+.login-social li { margin: 3px 0px; }
+.blog.blog-grid-3-column .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; }
+.blog.blog-grid-2-sidebar .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; }
+.blog.masnary-blog-3-columns .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; }
+.blog.masonry-main .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; }
+.timeline .blog-detail .social.pull-right { float: none !important; display: block; margin-top: 5px; }
+.awesome-features .img-side img { top: 10%; }
+.footer.footer-topbar .copyright ul li { padding: 0; }
+.isotope.columns-4 .grid-item { width: 33.333%; }
+
+
+/*************************************
+             v1.0.3
+**************************************/
+.blockquote-section blockquote { font-size: 40px; line-height: 40px; }
+
+/*************************************
+             v1.0.4
+**************************************/
+.christmas-countdown .countdown { margin: 0px 5px; width: 130px; height: 130px; }
+.christmas-countdown .countdown span { font-size: 34px; }
+
+.conference-about-content-right { padding: 92px 0; }
+.conference-about-content-left { padding: 110px 0 80px 0px; }
+.timer-banner .slider-content h1 { font-size: 80px; line-height: 80px; }
+
+/*************************************
+             v1.0.7
+**************************************/
+ .law-timeline .timeline-centered:before { left: 62px; }
+
+/*************************************
+             v1.0.8
+**************************************/
+ .portfolio-parallax-banner p { padding-right: 400px; }
+ .portfolio-parallax-banner h2 { font-size: 90px; line-height: 90px; }
+
+/*************************************
+             v1.0.9
+**************************************/
+ .coming-soon-aerial .coming-soon-form.contact-form input { width: 100%; }
+ .coming-soon-big { padding: 0; }
+ .error-05 .error-bottom .tree { left: -120px; }
+ .error-05 .error-bottom .back-to-home { right: 0; }
+ .error-05 h3, .error-05 span { font-size: 50px; line-height: 50px; }
+ .error-05 p { font-size: 22px; }
+ .error-03 .error-404 h1 { font-size: 100px; line-height: 100px; }
+ .error-03 .content h1 { font-size: 48px; }
+ .error-03 .content h2 { font-size: 42px; }
+ .coming-soon-birds .countdown { margin: 0px 10px; }
+#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important;  position: relative; bottom: 20px!important;}
+#rev_slider_14_1 .tp-bullets { margin-bottom: -30px; }
+
+
+/*************************************
+             v1.2
+**************************************/
+ .about-05-split .shop-split-content { padding: 20px 0; }
+ .mega-menu .drop-down-multilevel {}
+
+
+}
+@media only screen and (min-width: 1100px) and (max-width: 1500px) {
+.vertical-header .container { width: auto;  }
+#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important;  position: relative; bottom: 10px!important;}
+#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; }
+}
+@media only screen and (min-width: 1100px) and (max-width: 1200px) {
+.container { width: 94%; }
+/* about-1 */
+.feature-step-2 .feature-step-2-title-2-right h2 {  padding-bottom: 5px; margin-bottom: 5px; }
+.feature-step-2 .feature-step-2-title-2-right h3 {  margin-bottom: 5px;}
+.feature-step-2 .feature-step-2-title-2-right p{line-height: 20px;}
+#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important;  position: relative; bottom: 20px!important;}
+#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; }
+
+
+}
+
+
+@media (max-width: 1025px) {
+.mega-menu .menu-links > li > a { padding: 16px 25px; }
+.portfolio-title { padding:30px 30px 30px; }
+ /*error*/
+.error-search-box { width: 100%; text-align: center; }
+.clients-logo.line { width: 28.3333%; }
+.clients-logo.line img { width: 90%; }
+/*blog timeline*/
+.blog .timeline > li > .timeline-badge { right: -66px; }
+.blog .timeline > li.timeline-inverted > .timeline-badge { left: -63px; }
+.deal-banner .caption { margin-top: 50px; margin-bottom: 50px; }
+/*process*/
+.action-box p { font-size: 13px; }
+/*medical*/
+.medical-tab .nav.nav-tabs li a { padding: 12px 10px; }
+.membership-pricing-table table tr:first-child th .pricing-plan-price { font-size: 32px; }
+.awesome-features .img-side img { top: 13%; }
+.footer-social-big ul li { width: 66px; }
+.footer .footer-social li, .footer ul.list-inline.text-left li { padding: 0 1px; }
+.login-bg .login-social li a.fb { padding: 12px 14px; }
+.isotope-filters button+button { margin-left: 3px; }
+
+
+/*************************************
+             v1.0.2
+**************************************/
+.action-box h3 { padding-right: 230px; }
+
+/*************************************
+             v1.0.6
+**************************************/
+.movie-banner .slider-content .banner-popup { width: 100%; }
+.movie-banner .countdown.small { margin: 0; }
+.movie-banner .countdown.round.small { width: 90px; height: 90px; }
+.movie-banner .countdown p { font-size: 13px; }
+
+/*************************************
+             v1.0.7
+**************************************/
+ .law-timeline .timeline-centered:before { left: 56px; }
+
+/*************************************
+             v1.0.8
+**************************************/
+ .agency-02-about-content-left { padding: 110px 0 0px 100px; }
+
+/*************************************
+             v1.0.9
+**************************************/
+ .error-05 .error-bottom .board { left: 264px; }
+
+/*************************************
+             v1.2
+**************************************/
+.blockquote-section .action-box h3 { padding: 0; }
+	
+#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important;  position: relative; bottom: 20px!important;}
+#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; }
+
+} 
+
+@media only screen and (min-width: 768px) and (max-width: 999px) {
+#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important;  position: relative; bottom: 20px!important;}
+#rev_slider_14_1 .tp-bullets { margin-bottom: -50px; }
+.container{ width:96%; } 
+	
+
+}
+
+@media(max-width:1100px) {
+
+/*************************
+     Margin top
+*************************/ 
+.sm-mt-0 { margin-top: 0 !important; }
+.sm-mt-10 { margin-top: 10px !important; }
+.sm-mt-15 { margin-top: 15px !important; }
+.sm-mt-20 { margin-top: 20px !important; }
+.sm-mt-30 { margin-top: 30px !important; }
+.sm-mt-40 { margin-top: 40px !important; }
+.sm-mt-50 { margin-top: 50px !important; }
+ /*************************
+    Margin right
+*************************/ 
+.sm-mr-0 { margin-right: 0!important }
+.sm-mr-10 { margin-right: 10px !important; }
+.sm-mr-15 { margin-right: 15px !important; }
+.sm-mr-20 { margin-right: 20px !important; }
+.sm-mr-30 { margin-right: 30px !important; }
+.sm-mr-40 { margin-right: 40px !important; }
+.sm-mr-50 { margin-right: 50px !important; }
+ /*************************
+    Margin bottom
+*************************/
+.sm-mb-0 { margin-bottom: 0!important }
+.sm-mb-10 { margin-bottom: 10px !important; }
+.sm-mb-15 { margin-bottom: 15px !important; }
+.sm-mb-20 { margin-bottom: 20px !important; }
+.sm-mb-30 { margin-bottom: 30px !important; }
+.sm-mb-40 { margin-bottom: 40px !important; }
+.sm-mb-50 { margin-bottom: 50px !important; }
+/*************************
+    Margin left
+*************************/
+.sm-ml-0 { margin-left: 0!important }
+.sm-ml-10 { margin-left: 10px !important; }
+.sm-ml-15 { margin-left: 15px !important; }
+.sm-ml-20 { margin-left: 20px !important; }
+.sm-ml-30 { margin-left: 30px !important; }
+.sm-ml-40 { margin-left: 40px !important; }
+.sm-ml-50 { margin-left: 50px !important; }
+  /*************************
+    Padding top
+*************************/
+.sm-pt-0 { padding-top: 0!important }
+.sm-pt-10 { padding-top: 10px !important; }
+.sm-pt-15 { padding-top: 15px !important; }
+.sm-pt-20 { padding-top: 20px !important; }
+.sm-pt-30 { padding-top: 30px !important; }
+.sm-pt-40 { padding-top: 40px !important; }
+.sm-pt-50 { padding-top: 50px !important; }
+ /*************************
+    Padding right
+*************************/
+.sm-pr-0 { padding-right: 0!important }
+.sm-pr-10 { padding-right: 10px !important; }
+.sm-pr-15 { padding-right: 15px !important; }
+.sm-pr-20 { padding-right: 20px !important; }
+.sm-pr-30 { padding-right: 30px !important; }
+.sm-pr-40 { padding-right: 40px !important; }
+.sm-pr-50 { padding-right: 50px !important; } 
+ /*************************
+    Padding bottom
+*************************/
+.sm-pb-0 { padding-bottom: 0!important }
+.sm-pb-10 { padding-bottom: 10px !important; }
+.sm-pb-15 { padding-bottom: 15px !important; }
+.sm-pb-20 { padding-bottom: 20px !important; }
+.sm-pb-30 { padding-bottom: 30px !important; }
+.sm-pb-40 { padding-bottom: 40px !important; }
+.sm-pb-50 { padding-bottom: 50px !important; }
+ /*************************
+    Padding left
+*************************/
+.sm-pl-0 { padding-left: 0!important }
+.sm-pl-10 { padding-left: 10px !important; }
+.sm-pl-15 { padding-left: 15px !important; }
+.sm-pl-20 { padding-left: 20px !important; }
+.sm-pl-30 { padding-left: 30px !important; }
+.sm-pl-40 { padding-left: 40px !important; }
+.sm-pl-50 { padding-left: 50px !important; }
+.row-eq-height {  display: block;}
+h2 {font-size: 25px; line-height: 35px;}
+h3 { font-size: 20px; }
+h4 {font-size: 17px;}
+h5 {font-size: 15px;}
+/*home-1*/
+/*header*/
+.default { position: relative; background: #323232; }
+/*menu*/
+.mega-menu { min-height: 60px; }
+.mega-menu .menu-logo > li > a { padding: 0; }
+.mega-menu .menu-logo { padding: 10px 0; }
+.search-cart span.icon, .search-cart i.icon { line-height: 50px; } 
+.fancy .mega-menu > section.menu-list-items .menu-links { float: none; position: absolute; width: 100%; top: 100%; } 
+.header.fancy .mega-menu > section.menu-list-items { box-shadow: none; }
+.mega-menu .menu-logo img { height: 30px; margin: 5px 0; }
+.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #323232; }
+.mega-menu .drop-down-multilevel li:hover > a i.fa { color: #323232; }
+.mega-menu .drop-down-multilevel a {  display: block; }
+.mega-menu .mobileTriggerButton { z-index: 1; }
+.mega-menu .drop-down-multilevel, .mega-menu .drop-down, .mega-menu .drop-down-tab-bar { border-top: 0px !important; }
+.header.light .mega-menu .menu-mobile-collapse-trigger:before, .header.light .mega-menu .menu-mobile-collapse-trigger:after, .header.light .mega-menu .menu-mobile-collapse-trigger span { background: #323232; }
+.header.logo-center .mega-menu { min-height: 60px; }
+/*fancy*/
+.header.fancy .menu { position: relative; top: 0; }
+.header.fancy .topbar + .menu {  top: 0px; }
+.header.fancy .mega-menu .menu-mobile-collapse-trigger:before, .header.fancy .mega-menu .menu-mobile-collapse-trigger:after, .header.fancy .mega-menu .menu-mobile-collapse-trigger span { background: #323232; }
+.header.fancy .mega-menu > section.menu-list-items { padding: 0; }
+.header.fancy .mega-menu .menu-logo { padding: 16px 0px; }
+.header.fancy .search-cart span.icon, .search-cart i.icon { line-height: 60px; }
+.header.fancy .mega-menu .menu-links > li > a { line-height: 20px; }
+.header.fancy .topbar { padding: 10px 0px 10px; }
+.header.fancy .search-cart i.icon { line-height: 74px; }
+.header.left-menu .menu-links {  padding-left: 0; }
+.header.logo-center .menu-bar { border:0px; }
+.header.transparent { position: relative; background: #323232; }
+/*one page*/
+header.one-page { position: relative; background: #323232; }
+.navbar { margin-bottom: 0; }
+.navbar-header { float: none;  }
+.navbar-left,.navbar-right {  float: none !important; }
+.navbar-toggle { display: block; margin-right: 0; }
+.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); padding-left: 22px; }
+.navbar-fixed-top { top: 0; border-width: 0 0 1px; }
+.navbar-collapse.collapse { display: none!important; }
+.navbar-nav { float: none!important; margin-top: 7.5px; }
+.navbar-nav>li { float: none; }
+.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
+.collapse.in { display:block !important; }
+.navbar .navbar-brand { padding:0;}
+.navbar .navbar-brand img { height: 28px; }
+.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { background: #323232; border:0; position: absolute; width: 100%; left: 0; right: 0; }
+.navbar-collapse { box-shadow: none; }
+.navbar-inverse .navbar-nav>li { padding: 15px 15px; }
+.navbar-nav { float: none; }
+.navbar-inverse .navbar-toggle { border:0; }
+.navbar-toggle { margin-top: 14px; }
+.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background: transparent; } 
+.header.burger { padding: 10px 10px;   }
+.header.burger .logo img  { height: 30px; margin-top: 10px; }
+.vertical-header { padding-left: 0; }
+.vertical-header .header { left: inherit; padding-bottom: 150px; }
+.vertical-menu .navbar-default .navbar-nav > li > a { padding: 10px 15px 10px 40px; }
+.vertical-menu .navbar-nav .open .dropdown-menu { position: relative; background-color: #f4f5f6; }
+.vertical-menu .navbar-nav>li>.dropdown-menu { margin-bottom: 10px; }
+.vertical-menu .navbar-nav { margin: 0px; }
+.vertical-menu .open>.dropdown-menu { display: inline-block; }
+.vertical-menu  .content-scroller { margin-left: 0px; padding-top: 50px; }
+#left-header{position:fixed; left:-230px; top:0; width:230px; height:100%; z-index: 9999; }
+.but span {position: absolute; right:15px; top: 20px;  font-size: 24px;color: #fff; }
+.but span { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition:all 0.5s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; }
+.but.active span { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
+.menu-responsive b {  color: #5E9ECA; font-size: 18px; text-transform: uppercase; }
+.menu-responsive  { height:60px;  position: fixed; background: #000000; z-index: 9999; width: 100%; padding: 14px 15px; display: block; }
+.vertical-menu .navbar-toggle { display: none; }
+.vertical-menu .navbar-collapse.collapse { display: block !important;  background: transparent; }
+ /*megamenu*/
+.vertical-menu .menu .mega-menu .menu-links  { background: transparent; }
+.vertical-menu .menu .mega-menu .menu-links > li > a { padding: 15px 23px; color: #ffffff; }
+.vertical-menu .menu .mega-menu .menu-links > li { border-color: rgba(255, 255, 255, 0.2); }
+.vertical-menu .mega-menu .menu-links { display: block !important; }
+.vertical-menu .mega-menu .menu-mobile-collapse-trigger { display: none;  }
+.vertical-menu .social-icons li { float: none; display: inline-block;  }
+.vertical-menu .menu-widgets { bottom: 0; }
+.header.fancy.without-topbar .menu { top: 0; }
+.mega-menu > section.menu-list-items { height: 60px !important;  }
+.fancy .mega-menu > section.menu-list-items { height: 70px !important;  }
+.search .search-btn { line-height: 30px; }
+.navbar .navbar-brand { padding: 15px 0; }
+.logo-center .mega-menu .menu-logo { padding: 14px 0; }
+
+/*sticky header */
+.header .mega-menu.mobileTopFixed .menu-list-items { background: #323232; }
+.header.light .mega-menu.mobileTopFixed .menu-list-items { background: #ffffff; border-bottom: 1px solid #f9f9f9; }
+.header.fancy .mega-menu.mobileTopFixed section.menu-list-items { padding: 0 10px; border-bottom: 1px solid #f9f9f9;  }
+.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin: 0; }
+.header.vertical-menu .mega-menu.mobileTopFixed { display: none;}
+/* header */
+.st-effect-3 .header.default.fullWidth .search-cart { right: 50px; top: 3px; }
+
+/*.page-title*/
+.page-title { padding-top: 100px; text-align: left; }
+.page-title .page-breadcrumb { float: none; text-align: left; }
+.page-title.right .page-title-name { text-align: right; float: none; width: 100%; }
+.page-title.right .page-breadcrumb { float: none; text-align: right; }
+.portfolio-title.section-title { margin-bottom: 0; }
+.happy-clients  { padding-bottom: 60px !important; }
+.popup-video { margin-bottom: 30px; }
+.custom-content { padding: 30px; }
+.custom-content-3-image { display: none; }
+.happy-clients .col-md-6.mt-60 { margin-top: 0 !important; }
+/*inner-intro*/
+.inner-intro { padding-top: 120px; }
+/*page two sidebar*/
+.page-two-sidebar .page-content { margin-top: 40px; }
+/*blog*/
+.blog-box { margin: 15px 0; }
+/*clients-logo*/
+.clients-logo.line { width: 32.3333%; float: none; display: inline-block; }
+.clients-logo.line img { width: 100%; }
+/*contact*/
+.contact.contact-2 a.button { margin-bottom: 30px; }
+.contact-3 .contact-add {  min-height: 310px; }
+.contact-3 .contact-3-info { height: auto; }
+.contact-3 .contact-map iframe { height: 400px; }
+.contact-3 .map-side {  height: auto; position:inherit; }
+.error-block { background-size: 90%;}
+.error-block p { font-size: 26px; }
+.error-search-box p { font-size: 19px; line-height: 35px; }
+.map-side{position:inherit;}
+/*action box*/
+.text-right.action-box-button { text-align: left; }
+/*home 6 */
+.our-activities .accordion { margin-top: 60px; }
+/*maintenance*/
+.maintenance-main h1.mb-50 { font-size: 34px; margin-bottom: 10px !important; }
+.maintenance-main i { font-size: 60px; }
+.maintenance-form { width: 100%; }
+.maintenance-progress-bar span { font-size: 24px; }
+.feature-text.box, .feature-text.fill-box {padding: 20px 10px;}
+.feature-text.box p {font-size: 14px;}
+.feature-box-content { padding: 20px 15px 0;}
+.feature-box a {padding: 0 15px;}
+.progress-title {font-size: 15px;}
+.counter .timer {font-size: 38px;}
+.counter label {font-size: 14px;}
+.team-3-box .team-overlay {padding: 30px 15px 0;}
+.team-3-box {padding: 10px;}
+.menu-bar {float: none;}
+.mega-menu .menu-links > li > a{line-height: normal;}
+.mega-menu .menu-mobile-collapse-trigger {height: 40px; top: 50%; transform: translateY(-50%); z-index: 9999; }
+.search-cart {display: inline-block; position: absolute; right: 60px; top: 0; z-index: 999; }
+.search-active .search-cart  { left: 0; width: 100%; }
+.search .search-input input { width: 100%; }
+.search-active .mega-menu .menu-mobile-collapse-trigger { z-index: 9; }
+.footer p {font-size: 13px;}
+.feature-text p{font-size: 14px;}
+.accordion.accordion-2 .acd-group.acd-active .acd-heading {font-size: 22px;}
+.split-section .img-side{display: none;}
+.our-service { padding-bottom: 60px;}
+.testimonial.boxed {padding: 50px 30px 75px;}
+.button {font-size: 12px; padding: 12px 15px;}
+.feature-step-2 .feature-step-2-title-left h1 {font-size: 80px;}
+.services-text-box-blue, .services-text-box-black {padding: 50px 30px;}
+.highlights-phone {margin-top: 20px;}
+.mobile-slider h5{font-size: 14px;}
+.service-blog b{right: 0; font-size: 250px;}
+.service-blog.left b{left: 0;}
+/*blog pages*/
+.blog.blog-grid-3-column .social.pull-right { float: none; margin-top: 10px; display: block; width: 100%; }
+.masonry.columns-3 .masonry-item { width: 50%; }
+.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -70px; }
+/*portfolio*/
+ .isotope.columns-3 .grid-item { width: 50%; }
+.isotope.columns-4 .grid-item { width: 50%; }
+.isotope.columns-5 .grid-item { width: 50%; }
+.masonry.columns-3 .masonry-item { width: 50%; }
+.masonry.columns-4 .masonry-item { width: 50%; }
+.masonry.columns-5 .masonry-item { width: 50%; }
+.port-post-social.pull-right { float: none !important; }
+/*process*/
+.process.left .process-content { padding-left: 50px; }
+/*resume page*/
+img.bottom-img { display: none; }
+.resume-contact #map { height: 300px !important; }
+.contact-4 .map-side { height: 300px !important; }
+/*footer*/
+footer .social-icons { width: 100%; float: left; }
+img#logo-footer { height: 30px; }
+.bottom-nav .owl-nav .owl-next { right: 44%; }
+.bottom-nav .owl-nav .owl-prev { left: 44%; }
+/*shortcode*/
+/*blockquote*/
+.blockquote-right { margin: 0; }
+/*buttons*/
+.buttons .button { margin-bottom: 10px; }
+.buttons button { margin-bottom: 4px; }
+.button + .button { margin-left: 3px; }
+/*countdown*/
+.countdown { margin: 0px 10px;  }
+.countdown.medium {  margin: 0 15px; }
+.countdown.large { margin: 0 10px; }
+.countdown.round.medium { width: 140px; height: 140px; }
+.countdown.medium span { font-size: 50px; }
+.countdown.round.medium span { line-height: 58px; }
+.countdown.round.large { width: 150px; height: 150px; }
+.countdown.large span { font-size: 60px; }
+.countdown.round.large span { line-height: 62px; }
+.countdown.large p { font-size: 18px; }
+.vertical-menu .social-icons li { margin: 0 3px 8px 0; }
+/*actionbox*/
+.action-box a.button { position: relative; top: inherit; margin-top: 20px; }
+.action-box.theme-bg a.button, .action-box.black-bg a.button, .action-box.gray-bg a.button { right: inherit; }
+.agency-about { padding-bottom: 60px !important; }
+.vertical-header .container-fluid { padding: 0 15px; }
+.resume-contact .contact-form-main { padding: 30px 15px; }
+/*construction*/
+.our-sercive1:before, .our-sercive1:after { display: none; }
+.special-feature { top: 60px; margin-bottom: 0px; }
+.page-section-1-pt { padding-top: 70px; }
+.page-section-1-pb { padding-bottom: 70px; }
+.page-section-1-ptb { padding: 70px 0; }
+/*gym*/
+.gym-about { background: #ffffff !important; }
+/*medical*/
+.appointment a.pull-left { float: none !important; }
+.appointment { margin-top: 0px; }
+/*one page*/
+.popup-video-banner h1 { font-size: 40px; line-height: 40px; }
+.video-background-banner .slider-content { width: 100%; }
+.video-background-banner h1 { font-size: 60px; line-height: 60px; }
+/*shop*/
+.shop-split.split-section { padding: 0px; }
+.shop-split-content { padding: 40px 0; }
+.shop-split.split-section .img-side  { display: block; }
+.shop-split.split-section .img-holder { position: relative; top: inherit; width: inherit; height: inherit; padding: 130px; }
+.shop-split.split-section .img-side.img-right { right: inherit; }
+.shop-split.split-section .img-side.img-left { left: inherit; }
+.shop-split.split-section .img-side { right: inherit; padding: 0; position: relative !important;  top: inherit; height: 100%; overflow: hidden; z-index: 100; }
+.add-banner-2 .add-banner-content { padding: 60px 20px; }
+.add-banner-2 .add-banner-content h2 {font-size: 28px;line-height: 28px; }
+.add-banner-2 .add-banner-content h3 {font-size: 26px; line-height: 26px; }
+.add-banner-2.text-center .add-banner-content h2 {font-size: 26px;line-height: 29px; }
+/*portfolio-banner*/
+.portfolio-banner .slider-content h1 { font-size: 30px; line-height: 30px;  }
+.personal-typer-banner h1 { font-size: 70px; line-height: 70px; }
+.personal-typer-banner h1 span { font-size: 35px; }
+.deal-banner.maintenance-progress-bar img { width: 100%; }
+/*404 error*/
+.page-section-ptb.mt-150 { margin-top: 0 !important; }
+.pricing-content { width: 90%; }
+.process-list { padding-left: 30px; padding-right: 30px;  }
+
+.special-feature .row-eq-height.no-gutter { margin-top: 40px; }
+.interior-action-box .action-box { margin-top: 20px; }
+.appointment .appointment-bg { margin-top: 30px; }
+
+.process-list .col-sm-12 { padding: 0; }
+.pricing-table.active .pricing-top a.button { padding: 12px 40px; font-size: 15px; }
+.membership-pricing-table table tr:first-child th .pricing-plan-price { font-size: 22px; }
+.membership-pricing-table table tr:first-child th .pricing-plan-name { font-size: 16px; }
+.action-box.full-width a.button { right: 0; }
+.team.team-round .team-description { padding-bottom: 0; }
+.footer .divider { display: none; }
+#rev_slider_16_1_forcefullwidth .tp-parallax-wrap { margin-top: 0px; }
+#rev_slider_14_1 .rev-btn {padding: 15px 30px !important; font-size: 16px !important;  position: relative; bottom: 20px!important;}
+#rev_slider_14_1 .tp-bullets { margin-bottom: -60px; }
+#rev_slider_14_1 .zeus .tp-bullet {width: 12px; height: 12px;}
+.resume-contact #map { padding-top: 40%; }
+.blog-box.blog-2 .button.icon-color { margin-top: 10px; float: none !important; }
+.special-feature .row-eq-height { display: flex; }
+.medical-tab .tab .nav.nav-tabs li a { font-size: 14px; padding: 12px 6px; }
+.navbar { border-radius: 0; }
+.contact-3 #map { padding-top: 30%; }
+.contact-2 #map { padding-top: 30%; }
+.error-block .error-text h2 { font-size: 260px; }
+.single-portfolio-post .port-information .social.pull-right { flex: none !important; display: inline-block; width: 100%; }
+.page-title .page-title-name { width: 100%; }
+.page-title .page-breadcrumb { width: 100%; }
+.js-video.big { padding-top: 18px; }
+.special-feature .feature-text { padding: 30px 20px; }
+.special-feature .feature-text .feature-icon span, .special-feature .feature-text .feature-icon i {padding-left: 0; margin-bottom: 10px; }
+.typer-banner h1 { font-size: 70px; line-height: 70px; }
+ul.page-breadcrumb { padding-top: 10px; }
+.service-blog { margin-bottom: 40px; }
+.blog .timeline > li > .timeline-badge { right: -56px; }
+.blog .timeline > li.timeline-inverted > .timeline-badge { left: -53px; }
+.action-box.border a.button { left: 0; }
+.footer #logo-footer { height: 40px; }
+
+/*************************************
+             v1.0.2
+**************************************/
+.action-box h3 { padding-right:0px; }
+.port-information img { width: 100%; }
+.text-left.mt-100 { margin-top: 0 !important; }
+.portfolio-03-about { padding-left: 0; }
+
+/*************************************
+             v1.0.3
+**************************************/
+.slider-parallax.typer-banner.business p { padding: 0; }
+.blockquote-section blockquote.quote { padding-top: 50px; }
+.blockquote-section blockquote.quote:before { line-height: 70px; }
+.blockquote-section .blockquote-section-left { margin-left: 0; }
+.blockquote-section .blockquote-section-right { margin-left: 0; }
+.slider-parallax.banner-personal .slider-content span { font-size: 90px; line-height: 90px; }
+.slider-parallax.banner-personal .slider-content h1 { font-size: 80px; line-height: 80px; margin-top: -40px; }
+.slider-parallax.banner-personal .slider-content h1 strong { font-size: 96px; line-height: 70px; }
+
+/*************************************
+             v1.0.4
+**************************************/
+ .christmas-team { margin-top: 0 !important; }
+ .christmas-event .blog-date { text-align: left; }
+ .christmas-event .button.mt-60 { margin-top: 20px !important; }
+ .christmas-price .mt-100.mb-100 { margin: 0 !important; }
+ .christmas .coming-soon h1 { font-size: 30px; line-height: 30px; margin-bottom: 20px; }
+
+ .timer-banner .slider-content-middle { top: 50%; }
+ .timer-banner .slider-content h1 { font-size: 50px; line-height: 50px; margin-bottom: 20px; }
+ .conference-about-content-right { margin-left: 0px; padding: 20px 0 0 ;  }
+.conference-about-content-left { padding: 50px 0 30px 0px; }
+.conference-about img { width: 100%; }
+.conference-split-content { padding: 0; }
+.conference-split.split-section .img-side { display: block; }
+.conference-video .mt-100.mb-100 { margin: 0 !important; }
+
+/*************************************
+             v1.0.5
+**************************************/
+.one-page.light .navbar-inverse .navbar-toggle .icon-bar { background: #323232; }
+.architecture-about h2 { font-size: 30px; line-height: 30px; }
+.architecture-portfolio .text-right { text-align: left; margin-bottom: 30px; }
+.architecture-portfolio .isotope-filters { text-align: left; }
+.architecture-portfolio .mb-40 { margin-bottom: 0px !important; }
+.architecture-about .mt-60.mb-60 { margin: 0 !important; }
+
+/*************************************
+             v1.0.6
+**************************************/
+.agency-banner .slider-content { padding: 0 0px 0 30px; }
+.agency-banner .slider-content h1 { padding: 50px 20px 20px 20px; }
+.movie-banner .slider-content-middle { top: 50%; }
+.one-page.transparent { background: #323232; }
+.one-page .social-icons { padding: 10px 0; right: 60px; }
+.one-page.nav-center .navbar-collapse.collapse { text-align: left; }
+
+/*************************************
+             v1.0.7
+**************************************/
+.law-banner .slider-content { padding: 0; }
+.law-timeline .timeline-centered:before { display: none; }
+.law-timeline .timeline-label h3 { line-height: 12px; }
+.law-timeline .timeline-centered .timeline-entry:last-child { margin-bottom: 0; }
+.law-contact { padding: 0; }
+
+/*************************************
+             v1.0.7
+**************************************/
+.one-page.dark-text .navbar-inverse .navbar-nav>li>a { color: #ffffff; }
+
+/*************************************
+             v1.0.8
+**************************************/
+.agency-02-about-content-right { margin-left: 0; padding-top: 20px; padding-bottom: 20px; }
+.agency-02-about-content-left { padding: 0; padding-bottom: 20px; }
+.agency-02-action-box .action-box { margin-top: 40px; }
+.agency-feature h3 { line-height: 60px; font-size: 16px; }
+.action-box a.popup-youtube { position: relative; top: inherit; margin-top: 20px; right: inherit; }
+.agency-02-action-box .action-box.white-bg { padding: 50px 20px }
+.agency-02-action-box .popup-video-image a i { position: relative; top: 20px; transform: inherit; }
+.agency-02-action-box .popup-video-image:before{ background: transparent;  }
+.portfolio-parallax-banner p { padding: 0; }
+.portfolio-parallax-banner h2 { font-size: 60px; line-height: 60px; }
+.agency-02-about h3:before { display: none; background: none }
+
+/*************************************
+             v1.0.9
+**************************************/
+.coming-soon-middle { position: inherit; top: inherit; transform: inherit; padding: 50px 20px; }
+.coming-soon-aerial .container-fluid { padding: 30px; }
+.coming-soon-big .countdown.medium span { font-size: 80px; line-height: 80px; }
+.coming-soon-big .countdown.medium p { font-size: 20px; line-height: 20px; }
+.error-05 .button-home { display: block; }
+.error-05 .back-to-home, .error-05 .penguin { display: none; }
+.error-05 .error-bottom .tree { display: none; }
+footer.error-03 .social-icons, footer.error-04 .social-icons { float: none; }
+footer.error-03 .social-icons ul, footer.error-04 .social-icons ul { display: inline-block; text-align: center; }
+.coming-soon-effects .coming-soon h1 { font-size: 40px; }
+
+/*************************************
+             v1.0.9
+**************************************/
+.about-05-split.page-section-ptb { padding: 0; }
+
+/*************************************
+             v1.2
+**************************************/
+.login-fancy { padding: 40px 30px; }
+.login .vertical-align, .login.vertical-align { position: inherit; top: inherit; transform:inherit; }
+.login.height-100vh { height: inherit; }
+.login .height-100vh { height: inherit; }
+.login-box .pos-bot { position: inherit; padding-bottom: 0 !important; }
+.login-box-theme:before, .login-box-theme:after { display: none; }
+.login-box-left { padding-bottom: 20px; }
+.login-14, .login-15 { padding: 30px 40px; }
+.login-14 .pb-50, .login-15 .pb-50 { padding-bottom: 0 !important; }
+.login-box-left .pos-bot { position: inherit; padding-bottom: 0 !important; margin-top: 20px; }
+.blockquote-section .action-box { padding: 40px 20px; }
+.about-mission { margin-top: 40px; }
+.about-mission-title { padding-bottom: 80px; }
+
+
+
+}
+
+@media(max-width:767px) {
+/*************************
+     Margin top
+*************************/ 
+.xs-mt-0 { margin-top: 0 !important; }
+.xs-mt-10 { margin-top: 10px !important; }
+.xs-mt-15 { margin-top: 15px !important; }
+.xs-mt-20 { margin-top: 20px !important; }
+.xs-mt-30 { margin-top: 30px !important; }
+.xs-mt-40 { margin-top: 40px !important; }
+ /*************************
+    Margin right
+*************************/ 
+.xs-mr-0 { margin-right: 0!important }
+.xs-mr-10 { margin-right: 10px !important; }
+.xs-mr-15 { margin-right: 15px !important; }
+.xs-mr-20 { margin-right: 20px !important; }
+.xs-mr-30 { margin-right: 30px !important; }
+.xs-mr-40 { margin-right: 40px !important; }
+ /*************************
+    Margin bottom
+*************************/
+.xs-mb-0 { margin-bottom: 0!important }
+.xs-mb-10 { margin-bottom: 10px !important; }
+.xs-mb-15 { margin-bottom: 15px !important; }
+.xs-mb-20 { margin-bottom: 20px !important; }
+.xs-mb-30 { margin-bottom: 30px !important; }
+.xs-mb-40 { margin-bottom: 40px !important; }
+/*************************
+    Margin left
+*************************/
+.xs-ml-0 { margin-left: 0!important }
+.xs-ml-10 { margin-left: 10px !important; }
+.xs-ml-15 { margin-left: 15px !important; }
+.xs-ml-20 { margin-left: 20px !important; }
+.xs-ml-30 { margin-left: 30px !important; } 
+.xs-ml-40 { margin-left: 40px !important; } 
+ /*************************
+    Padding top
+*************************/
+.xs-pt-0 { padding-top: 0!important }
+.xs-pt-10 { padding-top: 10px !important; }
+.xs-pt-15 { padding-top: 15px !important; }
+.xs-pt-20 { padding-top: 20px !important; }
+.xs-pt-30 { padding-top: 30px !important; }
+.xs-pt-40 { padding-top: 40px !important; }
+ /*************************
+    Padding right
+*************************/
+.xs-pr-0 { padding-right: 0!important }
+.xs-pr-10 { padding-right: 10px !important; }
+.xs-pr-15 { padding-right: 15px !important; }
+.xs-pr-20 { padding-right: 20px !important; }
+.xs-pr-30 { padding-right: 30px !important; } 
+.xs-pr-40 { padding-right: 40px !important; } 
+ /*************************
+    Padding bottom
+*************************/
+.xs-pb-0 { padding-bottom: 0!important }
+.xs-pb-10 { padding-bottom: 10px !important; }
+.xs-pb-15 { padding-bottom: 15px !important; }
+.xs-pb-20 { padding-bottom: 20px !important; }
+.xs-pb-30 { padding-bottom: 30px !important; }
+.xs-pb-40 { padding-bottom: 40px !important; }
+ /*************************
+    Padding left
+*************************/
+.xs-pl-0 { padding-left: 0!important }
+.xs-pl-10 { padding-left: 10px !important; }
+.xs-pl-15 { padding-left: 15px !important; }
+.xs-pl-20 { padding-left: 20px !important; }
+.xs-pl-30 { padding-left: 30px !important; }
+.xs-pl-40 { padding-left: 40px !important; }
+h1 { font-size: 30px; }
+h2 { font-size: 26px; }
+.page-section-ptb { padding: 35px 0; }
+.page-section-pt { padding: 50px 0 0; }
+.page-section-pb { padding: 0 0 50px; }
+.page-section-1-ptb { padding: 60px 0; }
+.header.fullWidth .container-fluid { padding: 0 20px; }
+/*header topbar*/
+.topbar-left.text-left { text-align: center; margin-bottom:10px; display: none;}
+.topbar-right.text-right { text-align: center; }
+.custom-content { margin-top: 0px; }
+/*testimonial*/
+.testimonial-2 { padding-bottom: 80px; }
+/*team*/
+.team-3-box img { width: 100%; }
+/*accordian*/
+.accordion.accordion-2 .acd-group .acd-heading { padding-left: 0px; padding-right: 0px;  }
+/*footer*/
+.footer-logo img { height: 60px; width: inherit; }
+img#logo-footer { height: 40px; }
+.footer .footer-nav.text-right { text-align: left; margin-top: 20px; }
+.social.text-right { text-align: left; margin-top: 20px; }
+.footer-contact { margin-top: 0; box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1); }
+.our-clients.theme-bg { padding-bottom: 60px; }
+.footer-contact .contact-box  { margin-bottom: 20px; }
+.copyright.mt-50 { margin-top: 10px !important; }
+.copyright .text-right { text-align: left; margin-top: 15px; }
+footer .social-icons.pull-right { float: left !important; width: 100%; }
+.footer-widget.mt-60 { margin-top: 0 !important; }
+.footer-box { margin-bottom: 20px; margin-top: 30px; }
+/* Coming soon page */
+.coming-soon-main { overflow: hidden; }
+.coming-soon-main i { font-size: 70px; }
+.coming-soon-countdown ul.countdown li span { font-size: 60px; }
+.coming-soon-countdown ul.countdown li p { font-size: 16px; }
+.coming-soon-main p { font-size: 18px; line-height: 26px; }
+.coming-soon-main h1 { font-size: 42px; margin-bottom: 20px; }
+/*error*/
+.error-search-box input { width: 73%;  }
+.error-block p { font-size: 20px; }
+.error-block h1 { font-size: 80px; }
+.error-404-2 .error-block h1 { font-size: 290px; }
+.maintenance-progress-bar .progress-bar { display: block; margin: 0 auto 90px; }
+.maintenance-progress-bar { margin: 30px 0 60px; }
+.maintenance-main p { margin-bottom: 10px; }
+/*portfolio*/
+.isotope.columns-3 .grid-item { width: 50%; }
+.isotope.columns-4 .grid-item { width: 50%; }
+/*about-1 page*/
+.about .feature-3 { margin-bottom: 30px; }
+.feature-text.box, .feature-text.fill-box{ padding: 30px;}
+.footer-widget { text-align: left; }
+.xs-text-left{text-align: left;}
+.xs-text-center{text-align: center;}
+.xs-text-right{text-align: right;}
+.pricing-table{margin: 0 0 30px;}
+.team-3-box, .team{margin-bottom: 30px;}
+.lead {font-size: 14px;}
+.inner-intro { text-align: center;}
+ul.page-breadcrumb { padding-top: 30px;}
+.feature-step-2-box {padding: 20px;}
+.feature-step-2 .feature-step-2-title-left h1 {font-size: 50px;}
+.our-app{background-image: none !important;}
+.valign > [class*="col-"] {display: block;}
+.highlights-phone {margin: 30px 0;}
+/*blog pages*/
+.masonry.columns-2 .masonry-item { width: 100%; }
+.masonry.columns-3 .masonry-item { width: 100%; }
+/* blog timeline */
+.blog ul.timeline:before { left: 40px; }
+.blog ul.timeline > li { margin-bottom: 20px; position: relative; width:100%; float: left; clear: left; }
+.blog ul.timeline > li > .timeline-panel { width: calc(100% - 90px); width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); }
+.blog ul.timeline > li > .timeline-badge { left: 12px; margin-left: 0; top: 16px; }
+.blog ul.timeline > li > .timeline-panel { float: right; }
+.blog ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
+.blog ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto;  }
+.blog .timeline > li.timeline-inverted { float: left; clear: left; margin-top: 30px; margin-bottom: 30px; }
+.blog .timeline > li.timeline-inverted > .timeline-badge { left: 12px; }
+.blog .timeline-panel img { width: 100%; }
+.blog .timeline li.entry-date-bottom { text-align: left; }
+.blog .timeline li.entry-date-bottom a { font-size: 13px; padding: 8px 10px; }
+.blog .timeline li.entry-date { text-align: left; }
+.blog .timeline li.entry-date span {  font-size: 13px; padding: 8px 10px;  }
+.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: 23px; }
+.blog .timeline > li:nth-child(2) { margin-top: 0; } 
+.blog .timeline > li.timeline-inverted { margin-top: 10px; }
+.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 20px; }
+.blog.timeline-sidebar .timeline > li.timeline-inverted:nth-child(2) { margin-bottom: 0px; }
+.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 100%; }
+/*login 2*/
+.login-2-social li { margin-bottom: 10px; }
+/*maintenance*/
+.progress-new { width: 100%; }
+.maintenance-form input { width: 100%; }
+/*portfolio*/
+.isotope.columns-2 .grid-item { width: 100%; }
+.isotope.columns-3 .grid-item { width: 100%; }
+.isotope.columns-4 .grid-item { width: 100%; }
+.isotope.columns-5 .grid-item { width: 100%; }
+.masonry.columns-3 .masonry-item { width:100%; }
+.masonry.columns-4 .masonry-item { width:100%; }
+.masonry.columns-5 .masonry-item { width:100%; }
+/*shop*/
+.deal-banner img { width: 100%; }
+/*process*/
+.process.left .process-content .process-icon { display: block; margin-bottom: 20px; }
+.process.left .process-content { padding-left: 40px; }
+.process.right .process-content { padding-right: 40px; }
+.process.right .process-content .process-icon { float: none; margin-bottom: 20px; }
+.process.left .process-step { top: 30px; }
+.process .process-step strong { width: 40px; height: 40px; line-height: 40px; }
+.process.left .process-step { left: -20px; }
+.process.right .process-step { right: -20px; }
+/*resume*/
+.resume-page .container-fluid { padding: 0 15px; }
+/*shortcode*/
+.clients-list ul li, .clients-list.column-4 ul li, .clients-list.column-3 ul li { width: 50%; }
+/*countdown*/
+.countdown.round { width: 100px; height: 100px; }
+.countdown.round span { font-size: 30px; line-height: 30px; }
+.countdown.round { padding: 16px; }
+.countdown.round.medium { width: 100px; height: 100px; }
+.countdown.round.medium span { font-size: 30px; line-height: 30px; }
+.countdown.round.medium p { font-size: 14px; }
+.countdown.round.large { width: 100px; height: 100px; }
+.countdown.round.large span { font-size: 30px; }
+.countdown.round.large span { line-height: 30px; }
+.countdown.round.large p { font-size: 14px; }
+/*datatables*/
+.dataTables_paginate .pagination>li  { display: inline-block; text-align: center; }
+.datatable-base .table-responsive { border: 0; padding-bottom: 30px; }
+/*feature text*/
+.feature-text.left-icon .feature-icon { padding-left: 15px; }
+.feature-text.right-icon .feature-icon { padding-right: 15px; }
+/*tab*/
+.tab-vertical .nav-tabs { width: 100%; }
+.tab-vertical .tab-content { width: 100%; margin-left: 0; }
+.feature-text .feature-icon span, .feature-text .feature-icon i { padding-left: 0; }
+.bg-top-before  { padding-top: 40px !important; }
+.bg-top-before:before { display: none; }
+.bg-top-before.pb-150 { padding-bottom: 40px !important; }
+ /*gym*/
+.course { margin-bottom: 20px; }
+.medical-tab .tab .nav.nav-tabs li.active a:before { display: none; }
+/*one page*/
+/*mobile app*/
+.mobile-app-about h2 { font-size: 40px; line-height: 40px; }
+/*product*/
+.product .product-image img { width: 100%; }
+/*portfolio-banner*/
+.portfolio-banner .slider-content h1 { font-size: 20px; line-height: 20px; }
+.portfolio-banner .slider-content span { font-size: 12px; line-height: 18px; }
+/*404 error*/
+.error-block  { padding: 0; }
+.error-block .error-text { padding: 0; display: none; }
+.error-block h1 { padding: 0; }
+.error-text-02 { display: none; }
+.interior-action-box { margin-top: 30px; }
+/*slider */
+#rev_slider_14_1 .rev-btn {padding: 15px 20px !important; font-size: 16px !important;  position: relative; bottom: 0px!important;}
+#rev_slider_11_1_wrapper strong { font-size: 20px !important; }
+#rev_slider_13_1_wrapper i { font-size: 20px !important; }
+.process-list { padding-left: 30px; padding-right: 30px;  }
+.isotope, .masonry { margin: 0; }
+.app-home { padding-bottom: 40px; }
+.services-text-box-green { padding: 50px 15px !important; }
+.services-text-box-blue, .services-text-box-black { padding: 50px 15px !important; }
+.bottom-nav .owl-nav { bottom: 20px; }
+.blog-box.blog-2 .button.icon-color { margin-top: 0px; float: right !important; }
+.team.team-hover.team-border .team-photo img { width: 100%; }
+.owl-carousel .owl-dots { bottom: -15px; }
+.special-feature .row-eq-height { display: block; }
+.course img { width: 100%; }
+.footer .footer-social ul.text-right { text-align: left; }
+.cafe-counter.mt-60 { margin-top: 0px !important; }
+.blog .timeline li.entry-date { top: -20px; }
+.blog.timeline-sidebar .timeline li.entry-date { top: -20px; }
+.footer .footer-widget .footer-widget-social.text-right { text-align: left; }
+.footer.footer-one-page .footer-widget  { text-align: center; }
+.footer.footer-one-page .footer-widget .footer-widget-social.text-right { text-align: center; }
+
+/*************************************
+             v1.0.2
+**************************************/
+.footer .container-fluid { padding: 0 15px; }
+.text-left.mt-100 { margin-top: 40px !important; } 
+
+/*************************************
+             v1.0.3
+**************************************/
+.slider-parallax.typer-banner.business h1 { line-height: 30px; font-size: 40px; }
+.play-video-section .content { padding: 0; }
+.slider-parallax.banner-personal .slider-content span { font-size: 70px; line-height: 70px; }
+.slider-parallax.banner-personal .slider-content h1 { font-size: 60px; line-height: 60px; margin-top: -20px; }
+.slider-parallax.banner-personal .slider-content h1 strong { font-size: 72px; line-height: 60px; }
+
+/*************************************
+             v1.0.4
+**************************************/
+.countdown p { font-size: 13px; }
+.christmas-about .feature-text { margin-bottom: 50px; }
+.christmas-form-content h2 { font-size: 40px; line-height: 40px; }
+.happy-clients .mb-40 { margin-bottom: 0 !important; }
+.christmas-form-content.mt-100 { margin-top: 60px !important; }
+.christmas-team .team .team-photo img { width: 100%; }
+.timer-banner .slider-content h1 { font-size: 30px; line-height: 30px; }
+
+/*************************************
+             v1.0.6
+**************************************/
+.movie-banner .slider-content-middle { padding: 0; }
+
+/*************************************
+             v1.0.7
+**************************************/
+.law-banner .slider-content h1 { line-height: 30px; font-size: 30px; }
+
+/*************************************
+             v1.0.8
+**************************************/
+.banner-agency-02 h1 { font-size: 30px; line-height: 30px; }
+.agency-02-contact .footer-contact { margin-top: -50px; }
+.agency-02-contact-title .mb-50 { margin-bottom: 0 !important; }
+.agency-02-contact .footer-contact { margin-bottom: 30px; }
+.portfolio-parallax-banner h2 { font-size: 50px; line-height: 50px; }
+
+/*************************************
+             v1.0.9
+**************************************/
+.coming-soon-big .countdown.medium span { font-size: 40px; line-height: 40px; }
+.coming-soon-big .countdown.medium p { font-size: 16px; line-height: 16px; }
+.error-05 h1 { font-size: 80px; line-height: 80px; }
+.list-unstyled.pl-60 { padding-left: 0 !important;}
+.page-title.light-overlay { padding-top: 200px; }
+.divider.pt-70, .divider.pt-50 { padding-top: 30px !important; }
+.page-title.light-overlay { padding-top: 200px; }
+.faq-box { margin-top: 30px; }
+ .faq-page-title .mt-50 { margin-top: 10px !important; }
+
+}
+
+@media(max-width:600px) {
+h3 { font-size: 22px; }
+.search-box { width: 240px; }
+.section-title p {
+    font-size: 14px;
+}
+/*cart*/
+.shpping-cart .cart { width: 290px; }
+.shpping-cart .cart-total a { margin-bottom: 10px; }
+.portfolio-home .isotope.columns-3 .grid-item { width: 100%; }
+.portfolio-title { padding: 40px 30px; }
+.main-counter .counter-info span.counter { font-size: 40px; }
+/*action-box*/
+.action-box { text-align: center; }
+.action-box .action-box-button { text-align: center; }
+  /*skills*/ 
+.skills-2.col-2 li { width: 100%; margin-bottom: 0; margin-right: 0; float: none; } 
+.skills-2.col-2.mr-60 { margin-right: 0 !important; }
+/*error*/
+.error-block { padding: 30px 0px; }
+.error-block h1 { font-size: 70px; }
+.error-404-2 .error-block h1 { font-size: 200px; line-height: 200px; }
+.error-404-2 .error-block p { font-size: 16px; }
+/*maintenance*/
+.maintenance-main h1.mb-50 { font-size: 28px; }
+.maintenance-2 .maintenance-main h1 { font-size: 32px; }
+ /*portfolio*/
+.isotope.columns-3 .grid-item { width: 100%; }
+.isotope.columns-4 .grid-item { width: 100%; } 
+/*============== New ==============*/
+/*about-1 page*/
+.clients-logo.line img{height:65px;}
+/*contact us*/
+.contact-form .section-field { width: 100%; }
+.touch-in .contact-box { margin: 20px 0; }
+/*our-history .timeline*/
+.our-history .timeline > li.timeline-inverted > .timeline-panel::before,
+.our-history .timeline > li > .timeline-panel::before {  left: 40px;}
+.our-history .timeline > li > .timeline-panel {  padding: 40px 20px 20px 75px;  text-align: left;  width: 100%;}
+.our-history .timeline > li > .timeline-badge {  left: 41px;}
+.our-history .timeline > li > .timeline-badge p {  margin-left: 40px;}
+.our-history .timeline > li.timeline-inverted .timeline-badge p {  float: left;  margin-right: 0;  text-align: left;}
+.feature-text .feature-icon {font-size: 38px;}
+.skill-bar {margin: 60px 0 20px;}
+.feature-text.box {padding: 30px;}
+.happy-clients .nav-tabs li img {height: 70px; width: 70px;}
+.testimonial-info p {font-size: 15px; margin: 25px 0 0; padding: 0 0 20px;}
+.testimonial-2 .testimonial-info p::before {font-size: 100px;}
+/*blog pages*/
+.social.pull-right { float: none; margin-top: 10px; display: block; width: 100%; }
+.port-post-social.pull-right { float: none !important; }
+.port-post-photo { display: block; float: none; }
+.port-post-info { padding-left: 0; margin-top: 20px; display: block; }
+.comments-1.comments-2 { padding-left: 40px; }
+.comments-1 .comments-photo { float: none; }
+.comments-1.comments-2 .comments-info { padding: 20px 0px 10px; }
+ 
+/*team single*/
+.our-team .team-details .social { float: none !important; width: 100%; margin-bottom: 20px; }
+/*shortcode*/
+.countdown.small span { font-size: 30px; }
+.countdown span { font-size: 30px; }
+.countdown.medium span { font-size: 30px; }
+.countdown.medium p { font-size: 14px; }
+.countdown.medium { margin: 0 10px; }
+.countdown.large span  { font-size: 30px; }
+.countdown.large p { font-size: 14px; }
+.countdown.large { margin: 0 6px; }
+.countdown.gray-bg { margin: 0 1px; padding: 8px; }
+.countdown.border { padding: 8px; margin: 0 0px; }
+.countdown.round { margin-bottom: 10px; }
+.countdown.round.small { padding: 16px; }
+/*testimonial*/
+.testimonial.bottom_pos .author-info { margin-left: 0; margin-bottom: 30px; }
+/*shortcode*/
+.pagination>li { display: inline-block; margin-bottom: 3px; }
+/*shortcode*/
+.owl-carousel .owl-dots { bottom: 20px; }
+.resume-contact .footer-widget-social a i { margin-bottom: 4px; }
+/*popup-video-banner*/
+.popup-video-banner h1 { font-size: 36px; line-height: 40px; }
+.kety-perry-list { padding-right: 20px; }
+.kety-play-icon { float: none; }
+.kety-name { padding-left: 0; }
+.kety-play-icon { margin-top: 0; }
+/*gym*/
+.team.team-list .team-photo { float: none; width: 100%; margin-bottom: 30px; }
+.team.team-list .team-description { padding-left: 0; padding-bottom: 0; }
+.tab .nav.nav-tabs li { margin-bottom: 5px; }
+/*testimonial*/
+.testimonial.clean { padding: 0 10px 25px 40px; }
+.typer-banner h1 { font-size: 50px; line-height: 100px; }
+.portfolio-banner .slider-content { width: 100%; }
+.personal-typer-banner h1 { font-size: 50px; line-height: 50px; }
+.personal-typer-banner h1 span { font-size: 25px; }
+.services-text-box-green { padding: 60px 15px !important; } 
+.services-text-box-black { padding: 60px 15px !important; }
+ .team.team-list .team-photo img { width: 100%; }
+ .isotope.columns-3 .grid-item { padding: 0 0px 15px 0; }
+ .bottom-nav .owl-nav .owl-next { right: 42%; }
+ .bottom-nav .owl-nav .owl-prev { left: 42%; }
+ .testimonial.light { padding: 85px 20px 45px 50px; }
+.our-history .timeline:before { left: 40px; }
+.our-team .team-details .title.pull-left { float: none !important; display: block; }
+.our-team .team-details .social-icons.border.pull-right { float: none !important; display: inline-block; margin-bottom: 10px; }
+.row.mt-80 { margin-top: 30px !important; }
+.happy-clients .tab .nav.nav-tabs { margin-bottom: 0; }
+.our-service-home .row.mb-60 { margin-bottom: 10px !important; }
+.contact-3 #map { padding-top: 40%; }
+.accordion.animated .acd-group.acd-active .acd-heading { font-size: 22px; }
+.our-history .timeline .timeline-arrow { left: 34px; text-align: left; }
+.our-history { overflow: hidden; }
+.progress-new { margin-bottom: 0; }
+.comments-1 .comments-photo { margin-bottom: 20px; }
+.comments-1.comments-2 .comments-photo { margin-bottom: 0px; }
+.isotope.columns-4 .grid-item { padding-right: 0; }
+/*.rev-slider #rev_slider_20_1_forcefullwidth .rev-btn { padding: 6px 10px !important; line-height: 0 !important; font-size: 8px !important; }*/
+.shop-single .tab .nav.nav-tabs li a { padding: 12px 20px; }
+.shop-single .tab .nav.nav-tabs li { margin-bottom: 0; }
+
+
+/*************************************
+             v1.0.2
+**************************************/
+.st-menu.big-side { width: 270px;  }
+.st-menu.big-side .pos-bot { position: relative; }
+.st-menu.big-side .slide-footer-content { padding: 0 10px 0px 0; }
+.st-menu.big-side .social-icons.width-half ul li { width: inherit; display: block; float: none; }
+.st-menu.big-side  .copy-right .mb-70 { margin-bottom: 0 !important; }
+.st-menu.big-side ul.menu { padding-top: 0; }
+
+/*************************************
+             v1.0.3
+**************************************/
+.blockquote-section blockquote { font-size: 30px; line-height: 34px; }
+.custom-content-03 h2 { font-size: 30px; line-height: 34px; }
+ .mt-100.mb-100  { margin: 0px 0 !important; }
+ .slider-parallax.banner-personal .slider-content { width: 100%; }
+
+
+/*************************************
+             v1.0.4
+**************************************/
+.christmas-clients .mt-80 { margin-top: 0 !important; }
+.countdown.round { display: block; margin: 0 auto; }
+.timer-banner .slider-content h1 { font-size: 21px; line-height: 28px; margin-bottom: 10px; }
+.conference-video h3 { line-height: 30px; }
+
+/*************************************
+             v1.0.5
+**************************************/
+.architecture-about h2 { font-size: 24px; line-height: 30px; }
+
+/*************************************
+             v1.0.6
+**************************************/
+.agency-banner .slider-content .agency-banner-right { display: block; }
+.agency-banner .slider-content .agency-banner-left { display: block; }
+.agency-banner .slider-content span { padding-top: 0; font-size: 30px; line-height: 20px; }
+.agency-banner .slider-content h1 { font-size: 30px; padding: 0; border:none; line-height: 20px; }
+.slider-parallax.agency-banner { height: 80vh; }
+.movie-banner .countdown.round.small { display: inline-block; }
+
+/*************************************
+             v1.0.7
+**************************************/
+.law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-year { left: -45px; }
+.testimonial.left_pos { padding: 20px 10px 20px 50px; }
+.testimonial.left_pos .testimonial-avatar { position: inherit; left: inherit; top: inherit; margin-top: 0 ; margin-bottom: 60px; margin-left: 0px; }
+
+
+/*************************************
+             v1.0.8
+**************************************/
+.agency-02-contact .pl-50.pr-50 { padding: 15px !important; }
+.agency-02-history-who { padding: 30px; }
+.banner-agency-02 h1 { font-size: 24px; }
+.portfolio-parallax-banner h2 { font-size: 40px; line-height: 40px; } 
+
+/*************************************
+             v1.0.9
+**************************************/
+.coming-soon-big .countdown.medium span { font-size: 30px; line-height: 30px; }
+.coming-soon-big .countdown.medium p { font-size: 16px; line-height: 16px; }
+.error-05 h1 { font-size: 60px; line-height: 60px; } 
+.error-05 h3, .error-05 span { font-size: 40px; }
+.error-03 .content h2 { font-size: 32px; line-height: 32px; }
+.error-03 .content h1 { font-size: 40px; line-height: 40px; }
+.error-03 .error-404 h1 { font-size: 70px; line-height: 70px; }
+.error-03 .error-404 h2 { font-size: 50px; line-height: 50px; }
+.error-04 h1 { font-size: 160px; line-height: 160px; }
+.coming-soon-effects .coming-soon h1 { font-size: 30px; line-height: 30px; }
+.coming-soon h1, .coming-soon-effects .coming-soon h1 { font-size: 30px; line-height: 30px; }
+
+/*************************************
+             v1.2
+**************************************/
+.login-fancy h2 { font-size: 40px; line-height: 40px; }
+.login-box h2 { font-size: 30px; line-height: 30px; }
+.login-box-02 { padding: 20px; }
+.login-signup .tab .nav.nav-tabs li { margin-bottom: 0; }
+.login-signup .login-box-02 { padding: 30px; }
+.about-mission .popup-content { padding-right: 20px; width: 100%; }
+.about-mission .popup-content br  { display: none; }
+#rev_slider_14_1 .rev-btn {padding: 15px 20px !important; font-size: 14px !important;  position: relative; bottom: 0px!important;}
+}
+
+@media(max-width:479px) { 
+
+/*************************
+     Margin top
+*************************/ 
+.xx-mt-0 { margin-top: 0 !important; }
+.xx-mt-10 { margin-top: 10px !important; }
+.xx-mt-15 { margin-top: 15px !important; }
+.xx-mt-20 { margin-top: 20px !important; }
+.xx-mt-30 { margin-top: 30px !important; }
+.xx-mt-40 { margin-top: 40px !important; }
+/*************************
+    Margin right
+*************************/ 
+.xx-mr-0 { margin-right: 0!important }
+.xx-mr-10 { margin-right: 10px !important; }
+.xx-mr-15 { margin-right: 15px !important; }
+.xx-mr-20 { margin-right: 20px !important; }
+.xx-mr-30 { margin-right: 30px !important; }
+.xx-mr-40 { margin-right: 40px !important; }
+ /*************************
+    Margin bottom
+*************************/
+.xx-mb-0 { margin-bottom: 0!important }
+.xx-mb-10 { margin-bottom: 10px !important; }
+.xx-mb-15 { margin-bottom: 15px !important; }
+.xx-mb-20 { margin-bottom: 20px !important; }
+.xx-mb-30 { margin-bottom: 30px !important; }
+.xx-mb-40 { margin-bottom: 40px !important; }
+/*************************
+    Margin left
+*************************/
+.xx-ml-0 { margin-left: 0!important }
+.xx-ml-10 { margin-left: 10px !important; }
+.xx-ml-15 { margin-left: 15px !important; }
+.xx-ml-20 { margin-left: 20px !important; }
+.xx-ml-30 { margin-left: 30px !important; } 
+.xx-ml-40 { margin-left: 40px !important; } 
+ /*************************
+    Padding top
+*************************/
+.xx-pt-0 { padding-top: 0!important }
+.xx-pt-10 { padding-top: 10px !important; }
+.xx-pt-15 { padding-top: 15px !important; }
+.xx-pt-20 { padding-top: 20px !important; }
+.xx-pt-30 { padding-top: 30px !important; }
+.xx-pt-40 { padding-top: 40px !important; }
+ /*************************
+    Padding right
+*************************/
+.xx-pr-0 { padding-right: 0!important }
+.xx-pr-10 { padding-right: 10px !important; }
+.xx-pr-15 { padding-right: 15px !important; }
+.xx-pr-20 { padding-right: 20px !important; }
+.xx-pr-30 { padding-right: 30px !important; } 
+.xx-pr-40 { padding-right: 40px !important; } 
+ /*************************
+    Padding bottom
+*************************/
+.xx-pb-0 { padding-bottom: 0!important }
+.xx-pb-10 { padding-bottom: 10px !important; }
+.xx-pb-15 { padding-bottom: 15px !important; }
+.xx-pb-20 { padding-bottom: 20px !important; }
+.xx-pb-30 { padding-bottom: 30px !important; }
+.xx-pb-40 { padding-bottom: 40px !important; }
+ /*************************
+    Padding left
+*************************/
+.xx-pl-0 { padding-left: 0!important }
+.xx-pl-10 { padding-left: 10px !important; }
+.xx-pl-15 { padding-left: 15px !important; }
+.xx-pl-20 { padding-left: 20px !important; }
+.xx-pl-30 { padding-left: 30px !important; }
+.xx-pl-40 { padding-left: 40px !important; }
+.col-xx-12{width:100% !important;}
+.col-xx-6{width:50% !important;}
+h2 {font-size: 22px; line-height: 30px;}
+.topbar .topbar-call.text-left li { margin-bottom: 5px; }
+.clients-logo.line img { width: initial; }
+.shpping-cart .cart { width: 240px; } 
+.cart-item .cart-name a { font-size: 12px; }
+.cart-price del { font-size: 12px; }
+.cart-price ins { font-size: 14px; }
+.cart-item .cart-close { top: 17px; }
+/*index*/
+.round .nav.nav-tabs li a { margin-right: 1px; padding: 8px 15px; }
+/* header */
+.st-effect-3 .header.default.fullWidth .search-cart { right: 45px; top: 3px; }
+.st-effect-3 .header.default.fullWidth .search-cart .search { padding-right: 6px; }
+
+/*action box*/
+.action-box-button .button.border-white { margin-top: 10px; }
+.action-box-button .button.border.icon { margin-left: 0; margin-top: 15px; }
+.action-box-button .button.border { margin-left: 0; margin-top: 15px; }
+/*coming soon*/
+.coming-soon-main h1 { font-size: 34px; }
+.coming-soon-countdown ul.countdown li span { font-size: 32px; }
+.coming-soon-countdown ul.countdown li { width: 20%; }
+.coming-soon-countdown ul.countdown li p { font-size: 13px; }
+.coming-soon-countdown ul.countdown { margin: 20px 0; }
+.coming-soon-main p { margin-bottom: 45px; font-size: 16px; }
+.coming-soon-form { width: 100%; }
+.coming-soon-form input { width: 90%; margin-bottom: 0; }
+.coming-soon-form a.button-border span { padding: 11px 8px; }
+ /*error*/
+.error-block h1 { font-size: 50px; }
+.error-block p { font-size: 18px; }
+.error-block h1.mb-40 { margin-bottom: 10px !important; }
+.error-search-box p { font-size: 16px; line-height: 32px; }
+.error-search-box input { width: 60%; }
+/*maintenance*/
+.maintenance-2 .maintenance-main h1 { font-size: 22px; margin-bottom: 10px; }
+.maintenance-contant.mt-150 { margin-top: 30px !important; }
+.maintenance-form.mt-100 { margin-top: 30px !important; }
+.clients-logo.line{width:100%; border-left:none;}
+ .clients-logo.line img{height:auto;}
+.clients-logo.line:nth-last-child(-n+3) {  border-bottom: 1px solid #dddddd;}
+.our-history .timeline > li > .timeline-panel::before { width: 22px; left: 25px; }
+.our-history .timeline > li.timeline-inverted > .timeline-panel::before { left: 25px; }
+.happy-clients .nav.nav-tabs li { display: inline-block; }
+.nav.nav-tabs li {  display: block;  float: none;  margin-bottom: 10px;  text-align: center;}
+.tab-2 .nav-tabs {float: none; width: 100%;}
+.tab-2 .nav-tabs li{margin-bottom: 0;}
+.tab-2 .tab-content {margin-left: 0; padding: 30px 20px;}
+/*testimonial page*/
+.testimonial-3 .owl-carousel .owl-nav {  bottom: -20px; }
+.testimonial-3 .owl-carousel .owl-nav .owl-prev {left: 50%; margin-left: -45px;}
+.testimonial-3 .owl-carousel .owl-nav .owl-next {right: 50%; margin-right: -45px;}
+.testimonial-info p {padding: 0 10px 20px;}
+.testimonial.boxed {padding: 30px 30px 75px;}
+ .feature-step-2-title-2-right {width: 100%;}
+.feature-step-2-box {padding:20px 10px;}
+.feature-step-2-box p{font-size: 13px;}
+.service-blog b {font-size: 220px;}
+/*blog*/
+.blog .timeline > li > .timeline-badge { font-size: 15px; height: 44px; line-height: 12px; width: 44px; }
+.blog ul.timeline:before { left: 27px; }
+.blog ul.timeline > li > .timeline-badge { left: 5px; }
+.blog ul.timeline > li > .timeline-panel { width: 100%; }
+.blog .timeline li.entry-date span { display: none;}
+.blog ul.timeline::before { display: none; }
+.blog ul.timeline > li > .timeline-badge { display: none; }
+.blog ul.timeline > li > .timeline-panel::before { display: none; }
+.blog ul.timeline > li > .timeline-panel::after { display: none; }
+.blog .timeline li.timeline-inverted .timeline-panel::after { display: none; }
+.blog .timeline li.timeline-inverted .timeline-panel::before { display: none; }
+.blog.timeline-sidebar .timeline li { width: 100%; }
+/*shop*/
+.offer-banner-1 h1 { font-size: 20px; }
+.deal-banner .counter-deal ul li { padding: 7px 10px; margin-right: 2px; }
+.deal-banner .caption h2 { font-size: 32px; }
+.deal-banner.maintenance-progress-bar { margin: 0; }
+.bottom-nav .owl-nav .owl-next { right: 36%; }
+.bottom-nav .owl-nav .owl-prev { left: 36%; }
+.action-box.pattern { padding: 70px 15px; }
+.action-box { padding: 30px 15px; }
+.appointment-bg { padding: 40px 15px; }
+.appointment a.pull-left { display: block; }
+/*mobile app*/
+.mobile-app-about a img { margin-bottom: 10px; }
+.mobile-app-about h2 { font-size: 30px; line-height: 30px; }
+.phone-holder { width: 260px; }
+.highlights-phone.wht .phone-holder #fon { background:transparent;  }
+.highlights-phone.wht .hgi { top: 0; }
+.highlights-phone { height: 550px; }
+/*one page*/
+.typer-banner h1 { font-size: 30px; line-height: 30px; }
+.popup-video-banner h1 { font-size: 30px; line-height: 40px; }
+.video-background-banner h1 { font-size: 30px; line-height: 30px; } 
+.video-background-banner .slider-content { padding: 30px 15px; }
+/*side panel*/
+.slide-footer .social ul li a { padding-right: 15px; }
+.st-menu { width: 280px; } 
+.st-effect-2.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0);  transform: translate3d(280px, 0, 0); }
+.st-effect-3.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0);  transform: translate3d(280px, 0, 0); }
+.st-effect-4.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); }
+.st-effect-5.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); }
+.st-effect-6.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0) rotateY(-15deg); transform: translate3d(280px, 0, 0) rotateY(-15deg); }
+.st-effect-7.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); }
+.st-effect-8.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); }
+.st-effect-9.st-menu-open .st-pusher { -webkit-transform: translate3d(0, 0, -280px); transform: translate3d(0, 0, -280px); }
+.st-effect-10.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); }
+.st-effect-10.st-menu { -webkit-transform: translate3d(0, 0, -280px); transform: translate3d(0, 0, -280px); }
+.st-effect-13.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); }
+.st-effect-14.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); }
+/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
+.no-csstransforms3d .st-pusher,
+.no-js .st-pusher { padding-left: 280px; }
+.personal-typer-banner h1 { font-size: 30px; line-height: 30px; margin-bottom: 0px; } 
+.personal-typer-banner h1 span { font-size: 20px; left: -10px; top: 0; }
+.image-content { width: 100%; margin-right: 0; }
+.testimonial.bottom_pos { padding: 60px 20px 40px 46px; }
+ .owl-carousel .owl-dots  { bottom:  12px; }
+.kety-name a { font-size: 14px; }
+.kety-link a { margin-bottom: 5px; }
+.blog.blog-single .port-navigation .port-photo { width: 104px; }
+.blog.blog-single .port-navigation .port-arrow { height: 62px; width: 30px; }
+.blog.blog-single .port-navigation .port-arrow i { line-height: 62px; }
+.single-portfolio-post .port-navigation .port-photo { width: 104px; }
+.single-portfolio-post .port-navigation .port-arrow { height: 62px; width: 30px; }
+.single-portfolio-post .port-navigation .port-arrow i { line-height: 62px; }
+.happy-clients .nav-tabs li { padding: 0; }
+.accordion.animated .acd-group.acd-active .acd-heading { font-size: 20px; }
+.our-service .section-title { margin-bottom: 10px; }
+.team.team-list h5 { font-size: 18px; }
+.contact-2 #map { padding-top: 50%; }
+.clients-box .clients-photo { margin-bottom: 20px; width: 100%; }
+.countdown.round { display: block; margin: 0 auto 20px; }
+.coming-soon-form.contact-form input { width: 100%; }
+.add-banner-2 .add-banner-content h2 { font-size: 24px; }
+.add-banner-2 .add-banner-content h3 { font-size: 20px; line-height: 20px; }
+.add-banner-2 .add-banner-content .button.small { padding: 5px 18px; }
+
+/*************************************
+             v1.0.3
+**************************************/
+ .slider-parallax.typer-banner.business h1 { font-size: 24px; line-height: 28px; }
+ .slider-parallax.typer-banner.business p { font-size: 18px; line-height: 28px; margin-top: 10px !important; }
+ .counter.big-counter .timer { font-size: 40px; line-height: 40px; }
+.action-box.theme-bg { padding: 30px 0; }
+ .slider-parallax.banner-personal .slider-content span { font-size: 50px; line-height: 50px; }
+.slider-parallax.banner-personal .slider-content h1 { font-size: 40px; line-height: 40px; margin-top: -20px; }
+.slider-parallax.banner-personal .slider-content h1 strong { font-size: 48px; line-height: 50px; }
+
+/*************************************
+             v1.0.4
+**************************************/
+.christmas-form-content h2 { font-size: 24px; line-height: 24px }
+.christmas-event .tab .nav.nav-tabs li a{ font-size: 14px; }
+.christmas-event .blog-date span { font-size: 28px; display: inline-block; }
+.portfolio-home .portfolio-title.section-title .button.mt-30 { margin-top: 20px !important;  }
+.countdown.small  { margin: 10px 4px 0; }
+
+/*************************************
+             v1.0.4
+**************************************/
+.section-title-movie h2 { padding: 10px 30px; }
+.movie-story b { font-size: 26px; }
+.movie-banner .countdown.round.small { margin-bottom: 5px; }
+
+/*************************************
+             v1.0.7
+**************************************/
+.law-banner .slider-content h1 { font-size: 22px; line-height: 22px; }
+.law-banner .slider-content p { font-size: 16px; }
+.law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-year { left: 0; top: 25px; }
+
+/*************************************
+             v1.0.7
+**************************************/
+.portfolio-parallax-banner h2 { font-size: 30px; line-height: 30px; } 
+
+/*************************************
+             v1.0.9
+**************************************/
+.coming-soon-big .countdown.medium span { font-size: 24px; line-height: 24px; }
+.coming-soon-big .countdown.medium p { font-size: 14px; line-height: 14px; }
+.error-05 h1 { font-size: 50px; line-height: 50px; }
+.error-03 .content h2 { font-size: 28px; line-height: 28px; }
+.error-03 .content h1 { font-size: 32px; line-height: 32px; }
+.error-03 .content p { font-size: 22px; }
+.error-03 .error-404 h1 { font-size: 70px; line-height: 70px; }
+.error-03 .error-404 h2 { font-size: 50px; line-height: 50px; }
+.error-04 h1, .error-06 h1, .error-07 h1 { font-size: 100px; line-height: 100px; } 
+.error-04 h2 { font-size: 40px; line-height: 40px; }
+.error-04 p { font-size: 18px; }
+.error-06 h2 .error-07 h2, .error-09 h2 { font-size: 30px; line-height: 30px; }
+
+/*************************************
+             v1.2
+**************************************/
+.login.height-100vh { overflow: hidden; }
+.login .remember-checkbox a { display: block; float: inherit !important; margin-top: 10px; }
+.about-mission .popup-content { padding: 30px 30px 10px 30px; }
+.about-mission .popup-content h2 { font-size: 14px; line-height: 20px; }
+.about-mission .popup-video-image a i { width: 40px; height: 40px; top: 10px; line-height: 40px; }
+ .checkout-page .pl-50.pr-50.pt-50.pb-50 { padding: 20px !important; }
+ .checkout-page .pl-40 { padding: 0 !important;  }
+}  
+ 
+
+
+
+@media (max-width: 360px) {
+
+.col-xs-offset-1 {margin-left:8.33333333%;}
+
+}
\ No newline at end of file
diff --git a/resoft/css/shop.css b/resoft/css/shop.css
new file mode 100644
index 0000000..e4f1fcd
--- /dev/null
+++ b/resoft/css/shop.css
@@ -0,0 +1,163 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains the styling for the Shop Pages. You can edit/add anything in this file!
+*/
+
+
+/********************************
+             shop
+********************************/
+.product { text-align: center; position: relative;  }
+.product .product-title a { font-size: 16px; text-transform: uppercase; font-weight: 600; margin: 20px 0px 10px; display: block; }
+
+.product .product-title a:hover { color: #353535; }
+.product .product-price del { background: transparent; color: #323232; font-size: 13px; }
+.product .product-price ins { text-decoration: none; color: #5E9ECA; font-size: 16px; font-weight: bold; }
+.product .product-rating { margin-bottom: 10px; }
+.product .product-rating i { color: #353535; }
+.product .product-image { position: relative; }
+.product .product-image .product-overlay { opacity: 0; text-align: center; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; margin: 0 auto; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
+.product:hover .product-image .product-overlay { opacity: 1; }
+.product .product-image .add-to-cart a { background: #5E9ECA; color: #ffffff; text-transform: uppercase; padding: 10px 20px; border-radius: 30px; }
+.product .product-image .add-to-cart a:hover { background: #353535; }
+
+.top-rated  .product.left .product-title a { font-size: 14px; font-weight: 500; }
+.shop-split-content .product-price del { background: transparent; color: #323232; }
+
+/*shop-single*/
+.shop-single .title {  padding-top: 40px; }
+.shop-single .product-detail .product-detail-price { display: inline-block; }
+.shop-single .product-detail .product-detail-price ins { text-decoration: none; color: #5E9ECA; font-size: 16px; font-weight: bold; }
+.shop-single .product-detail .product-detail-rating i { color: #353535; }
+.shop-single .product-detail .product-detail-rating { display: inline-block; }
+.shop-single .product-detail .product-detail-quantity input { box-shadow: none; border:1px solid #e0e0e0; padding: 10px 18px 10px 24px; border-radius: 30px; box-shadow: none; }
+.shop-single .product-detail .input-group-btn button { background: transparent; border-color: #e0e0e0; }
+.shop-single .product-detail .input-group-btn button:hover { color: #5E9ECA; }
+.shop-single .product-detail .input-group { width: 90px; float: left; margin-right: 20px; }
+.shop-single .product-detail .product-detail.add-to-cart .button { display: inline-block; font-size: 12px; }
+.shop-single .product-detail .input-group-btn:first-child>.btn {  border-top-left-radius: 30px; border-bottom-left-radius: 30px; }
+.shop-single .product-detail .input-group-btn:last-child>.btn {  border-top-right-radius: 30px; border-bottom-right-radius: 30px; }
+.shop-single .product-detail .product-detail-price del { background: transparent;  color: #333; font-size: 14px; }
+
+.shop-single .product-detail .product-detail-social { border-top: 1px solid #e0e0e0; padding-top: 20px; margin-top: 20px; }
+.shop-single .product-detail .product-detail-social span { display: inline-block; padding-right: 20px; float: left; }
+.shop-single .product-detail .product-detail-social ul li { display: inline-block; }
+.shop-single .product-detail .product-detail-social ul li a { display: block; color: #aaaaaa; font-size: 14px; padding-right: 5px; }
+.shop-single .product-detail .product-detail-social ul li a:hover { color: #5E9ECA; }
+
+.shop-single .product-detail .product-detail-meta { border-top: 1px solid #e0e0e0; padding-top: 20px; }
+.shop-single .product-detail .product-detail-meta span { display: block; margin: 10px 0; }
+.shop-single .product-detail .product-detail-meta span a { padding-left: 5px; }
+
+.slider-slick { overflow: hidden; }
+
+/*sidebar-widgets-wrap*/
+.sidebar-widgets-wrap .recent-item  { margin-bottom: 20px; }
+.sidebar-widgets-wrap .recent-item .recent-image  { display: table-cell; padding-right: 10px; width: 50px; float: left; }
+.sidebar-widgets-wrap .recent-item .recent-info { display: table-cell; vertical-align: top; }
+.sidebar-widgets-wrap .recent-item .recent-title a { color: #353535; font-weight: bold; }
+.sidebar-widgets-wrap .recent-item .recent-title a:hover { color: #5E9ECA;}
+.sidebar-widgets-wrap .recent-item .recent-meta li { display: inline-block; color: #353535; } 
+
+/*product left*/
+.product.left .product-image { float: left; padding-right: 20px; width: 26%; }
+.product.left .product-image a {display: block; width: 100%;  height: 100%; } 
+.product.left  .product-description { padding-top: 0; display: table-cell; padding-bottom: 0; vertical-align: top; text-align: left; width: 74%; }
+.product.left .product-title a { margin-top: 0; }
+
+
+/*deal-banner*/
+.deal-banner{background:#f4f4f2;}
+.deal-banner img { width:100%; }
+.deal-banner .caption{text-align:center;margin-top:25%;}
+.deal-banner .caption span.off{color:#5E9ECA;font-size:24px;font-weight:600;text-transform:uppercase;}
+.deal-banner .caption h2{font-size:42px;line-height:42px;color:#494949;font-weight:600;text-transform:uppercase;margin-top:12px;margin-bottom:22px;}
+.deal-banner .caption a.viewbt{color:#fff;background:#5E9ECA;padding:10px 22px;text-align:center;display:inline-block;margin-top:26px; border-radius: 30px;}
+.deal-banner .caption a.viewbt:hover{background:#494949;}
+.deal-banner .counter-deal ul li{background:#fff;display:inline-block;padding:7px 12px;margin-right:17px;}
+.deal-banner .counter-deal ul li span.big{font-size:22px;font-weight:700;margin-left:12%;margin-right:12%;}
+.deal-banner .counter-deal ul li span.smalltxt{padding-top:0;}
+
+/*************************************
+             offer banner 
+*************************************/
+ .line-effect { position:relative; background: transparent; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
+ .overlay { position:absolute; width:100%; height:100%; left:0; top:0; }
+ .overlay { background:none; width:100%; height:100%; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
+ .overlay:before{  border-bottom: 1px solid #fff;  border-top: 1px solid #fff; -o-transform: scale(0, 1);  -webkit-transform: scale(0, 1);  -moz-transform: scale(0, 1);  transform: scale(0, 1); }
+ .overlay:after {  border-left: 1px solid #fff;  border-right: 1px solid #fff;  -o-transform: scale(1, 0);  -webkit-transform: scale(1, 0);  -moz-transform: scale(1, 0);  transform: scale(1, 0); }
+ .overlay:before, .overlay:after {  bottom: 15px; content: ""; left: 15px; opacity: 0; position: absolute;  right: 15px; top: 15px;  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;  -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;  -moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; z-index: 1; }
+
+.offer-banner-1 { position: relative; }
+.offer-banner-1 .banner-content { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; z-index: 2; }
+.offer-banner-1 .banner-content strong { display: block; color: #fff; margin: 20px 0px; }
+.offer-banner-1 .banner-image.bg-overlay-black-50:before { z-index: 1; }
+.offer-banner-1:hover .line-effect .overlay:before, .offer-banner-1:hover .line-effect .overlay:after { opacity:1; -o-transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);   -o-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;-webkit-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; -moz-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;}
+.offer-banner-1 .banner-image img { width: 100%; }
+.offer-banner-2 { height: 458px; display: block; width: 100%; }
+.offer-banner-2 .banner-bg {display: table; height: 100%; position: relative; width: 100%; }
+.offer-banner-2 .line-effect {  display: table-cell; vertical-align: middle; position: relative; }
+.offer-banner-2 .banner-content { position: relative; z-index: 99; }
+.offer-banner-2 .banner-content h1 { position: relative; padding-bottom: 10px; }
+.offer-banner-2 .banner-content h1:before { position: absolute; content: ""; background: #5E9ECA; width: 60px; bottom: 0px; margin-left: -30px; height: 1px;  left: 50%; }
+.offer-banner-2 .banner-content strong { display: block; color: #000; margin: 20px 40px; }
+.offer-banner-2 .banner-content span { display: block; color: #000; margin: 20px 0px; }
+ .offer-banner-2 .overlay:before{  border-bottom: 1px solid #000;  border-top: 1px solid #000; -o-transform: scale(0, 1);  -webkit-transform: scale(0, 1);  -moz-transform: scale(0, 1);  transform: scale(0, 1); }
+ .offer-banner-2 .overlay:after {  border-left: 1px solid #000;  border-right: 1px solid #000;  -o-transform: scale(1, 0);  -webkit-transform: scale(1, 0);  -moz-transform: scale(1, 0);  transform: scale(1, 0); }
+.offer-banner-2:hover .line-effect .overlay:before, .offer-banner-2:hover .line-effect .overlay:after { opacity:1; -o-transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);   -o-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;-webkit-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; -moz-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;}
+ 
+/*************************************
+             add banner 
+*************************************/
+.add-banner-1 { position: relative; }
+.add-banner-1 .add-banner-content {  padding: 30px; display: inline-block; left: 0; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; z-index: 99; }
+.add-banner-1 .add-section-image.bg-overlay-black-50:before { z-index: 0; }
+.add-banner-1 .add-banner-content p { font-size: 14px; color: #fff; line-height: 26px; margin-bottom: 15px; }
+.add-banner-1 .add-banner-content h5 { position: relative; padding-bottom:20px; }
+.add-banner-1 .add-banner-content h5.border:before { position: absolute; content: ""; width: 60px; height: 1px; background: #5E9ECA; left: 50%; margin-left: -30px; bottom: 0px; }
+.add-banner-1 .add-banner-content span { display: block; font-size: 14px; color: #fff; padding: 15px 0px; }
+.add-banner-1 .add-banner-content a { font-size: 14px; color: #fff; text-transform: uppercase; }
+.add-banner-1 .add-banner-content a:hover { color: #5E9ECA; }
+.add-banner-1 .add-banner-content a.button-white-border { padding: 10px 40px; }
+.add-banner-1:hover .line-effect .overlay:before, .add-banner-1:hover .line-effect .overlay:after { opacity:1; -o-transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);   -o-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s;-webkit-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; -moz-transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; transition:opacity 0.4s ease 0s, transform 0.45s ease 0.2s; }
+
+/*************************************
+             add banner 2
+*************************************/
+.add-banner-2 .add-banner-content { padding: 100px 50px; }
+.add-banner-2 .add-banner-content h2 { font-size: 48px; line-height: 48px; font-weight: 400; text-transform: uppercase; margin-bottom: 15px; }
+.add-banner-2 .add-banner-content h3 { font-size: 38px; line-height: 38px; font-weight: 400; text-transform: uppercase; margin-bottom: 15px; }
+
+ /*************************************
+          home 02
+*************************************/
+ .shop-split-content { padding: 130px 0; }
+ .shop-split-content ins { font-size: 30px; font-weight: 600; text-decoration: none; color: #5E9ECA; }
+
+ /*************************************
+          home 03
+*************************************/
+ .shop-blog .blog-box { padding: 220px 30px 40px; }
+ .shop-blog .blog-box:hover .blog-box-img:before,  .shop-blog .blog-box.active .blog-box-img:before { background:linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-webkit-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-o-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-ms-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); background:-moz-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%); }
+
+  /*************************************
+           wishlist page
+**************************************/
+.wishlist-page .table tbody { border:0px; border-bottom: 1px solid #f0ede7; }
+.wishlist-page .table > tfoot > tr > td { border-top: none; border-bottom: solid 1px #f0ede7; }
+.wishlist-page .table > thead > tr > th,
+.wishlist-page .table > tbody > tr > th,
+.wishlist-page .table > tfoot > tr > th,
+.wishlist-page .table > thead > tr > td,
+.wishlist-page .table > tbody > tr > td,
+.wishlist-page .table > tfoot > tr > td { padding: 20px 20px; vertical-align: middle; text-align: center; }
+.wishlist-page .table .image img { width: 50px; }
+.wishlist-page .table td.price.price-2 { color: #5E9ECA; }
+.wishlist-page .table td.total a { border: 1px solid #f0ede7; font-size: 14px; padding: 3px 6px; }
+.wishlist-page .table td.total a:hover { border: 1px solid #5E9ECA; background: #5E9ECA; color: #ffffff; }
+.wishlist-page .table .td-quentety input { border: 1px solid #ccc; margin: 15px 0 5px 0; padding: 0px 0px 0 20px;  width: 70px;  height: 35px; background: transparent; }
+.wishlist-page .table .td-quentety input:focus { box-shadow: none; }
+.wishlist-page .price:hover { box-shadow: none; }
\ No newline at end of file
diff --git a/resoft/css/shortcodes/_feature-text.css b/resoft/css/shortcodes/_feature-text.css
new file mode 100644
index 0000000..e965662
--- /dev/null
+++ b/resoft/css/shortcodes/_feature-text.css
@@ -0,0 +1,66 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains Features box CSS.
+*/
+
+/*************************************
+             Features all
+ **************************************/
+.feature-text { text-align: center; }
+.feature-text.text-left { text-align: left; }
+.feature-text.text-left .feature-icon span, .feature-text.text-left .feature-icon i { padding-left: 0;  }
+.feature-text.text-right .feature-icon span, .feature-text.text-right .feature-icon i { padding-right: 0; }
+.feature-text.text-right { text-align: right; }
+.feature-text .feature-icon span, .feature-text .feature-icon i { font-size: 40px; margin-bottom: 30px; display: inline-block; padding-left: 15px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; }
+.feature-text.round .feature-icon span, .feature-text.round .feature-icon i { width: 70px; height: 70px; line-height: 70px;  display: inline-block; font-size: 26px; border-radius: 50%; padding-left: 0px; }
+.feature-text.border .feature-icon span, .feature-text.border .feature-icon i { color: #323232; background: transparent; border:2px solid #323232; padding-left: 0px; }
+.feature-text.gray-icon .feature-icon span, .feature-text.gray-icon .feature-icon i {  color: #323232; background: #f6f7f8; padding-left: 0px; }
+.feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i { color: #ffffff; background: #5E9ECA; padding-left: 0px; }
+.feature-text.shadow .feature-icon span, .feature-text.shadow .feature-icon i {  color: #323232; background: #ffffff; box-shadow: 0 4px 20px rgba(0,0,0,0.09); padding-left: 0px; }
+.feature-text.square .feature-icon span, .feature-text.square .feature-icon i { width: 70px; height: 70px; line-height: 70px;  display: inline-block; font-size: 26px; padding-left: 0px;}
+
+/*left-icon*/
+.feature-text.left-icon .feature-info { text-align: left; padding-left: 60px; }
+.feature-text.left-icon .feature-icon { position: absolute; left: 0;  }
+
+/*right-icon*/
+.feature-text.right-icon .feature-info { text-align: right; padding-right: 60px; }
+.feature-text.right-icon .feature-icon { position: absolute; right: 0;  }
+ 
+.feature-text.left-icon.round .feature-info  { padding-left: 80px; }
+.feature-text.right-icon.round .feature-info  { padding-right: 80px; }
+
+ /*box-shadow*/
+.feature-text.box-shadow { box-shadow: 0 0px 30px rgba(0,0,0,0.09); padding: 40px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  } 
+.feature-text.box-shadow:hover { box-shadow: 0 0px 70px rgba(0,0,0,0.09); }
+ 
+/*border-box*/
+.feature-text.border-box { box-shadow: 0 0px 1px rgba(0,0,0,0.5); padding: 40px;}
+
+/*button*/
+.feature-text .button { margin-top: 10px; }
+.feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span { background: #5E9ECA; color: #ffffff; border-color: #5E9ECA; }
+.feature-text.theme-icon:hover .feature-icon span, .feature-text.theme-icon:hover .feature-icon i { background: #323232; color: #ffffff; }
+.feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span { background: #5E9ECA; color: #ffffff; border-color: #5E9ECA; }
+.feature-text.square.theme-icon:hover .feature-icon span, .feature-text.square.theme-icon:hover .feature-icon i { background: #323232; color: #ffffff; }
+
+ /*feature-box*/
+ .awesome-features .img-side img { position: absolute; top: -30px; left: 0; }
+.feature-box {  border:1px solid #e6e6e6; padding: 1px; position: relative; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 1; }
+.feature-box-content { position: relative; padding: 30px; padding-bottom: 0; z-index: 9; }
+.feature-box i { width: 100%; font-size: 30px; color: #5E9ECA; padding: 0 10px;  -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
+.feature-box h4 { text-transform: none; padding:30px 0 0px; font-weight: 500; transition: all 0.3s ease-out 0s; }
+.feature-box p {   transition: all 0.3s ease-out 0s; }
+.feature-box a { font-size: 16px; font-weight: 300; color: #808080; margin: 25px 0 10px; padding: 0 30px; display: block; position: relative; z-index: 3; }
+.feature-box .feature-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 0; background-size: cover; background-position: center center; }
+.feature-box .border { position: absolute; background: #5E9ECA; height: 0px; bottom: 0; left: 0; z-index:2; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;  }
+.feature-box:hover .feature-box-img, .feature-box.active .feature-box-img { opacity: 1; }
+.feature-box:hover .border, .feature-box.active .border { height: 45px; }
+.feature-box:hover i, .feature-box.active i { background: rgba(255, 255, 255, 0); color: #fff; }
+.feature-box:hover h4, .feature-box.active h4, .feature-box:hover p, .feature-box.active p { color: #fff; }
+.feature-box:hover a, .feature-box.active a {  color: #fff; }
+.feature-box:hover:before, .feature-box.active:before { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; color: #fff; content: ""; display: inline-block; height: 100%;
+  left: 0; position: absolute; top: 0; width: 100%; z-index: 1;  -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
\ No newline at end of file
diff --git a/resoft/css/shortcodes/_nice-select.css b/resoft/css/shortcodes/_nice-select.css
new file mode 100644
index 0000000..37a156e
--- /dev/null
+++ b/resoft/css/shortcodes/_nice-select.css
@@ -0,0 +1,38 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains nice select CSS.
+*/
+
+/*************************
+    nice-select
+*************************/
+.nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 25px; border: solid 1px #d0dae5; box-sizing: border-box;
+  clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 12px; font-weight: normal; height: 50px; line-height: 47px;  outline: none;
+  padding-left: 30px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;  -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; }
+.nice-select:hover { border-color: #5E9ECA; }
+.nice-select:active, .nice-select.open, .nice-select:focus { border-color: #88bfff; }
+.nice-select:after { border-bottom: 2px solid #90a1b5; border-right: 2px solid #90a1b5; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none;
+    position: absolute; right: 22px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg);
+        -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; }
+.nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
+.nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }
+.nice-select.disabled { border-color: #e7ecf2; color: #90a1b5; pointer-events: none; }
+.nice-select.disabled:after { border-color: #cdd5de; }
+.nice-select.wide { width: 100%; }
+.nice-select.wide .list { left: 0 !important; right: 0 !important; }
+.nice-select.right { float: right; }
+.nice-select.right .list { left: auto; right: 0; }
+.nice-select.small { font-size: 12px; height: 36px; line-height: 34px; }
+.nice-select.small:after { height: 4px; width: 4px; }
+.nice-select.small .option { line-height: 34px; min-height: 34px; }
+.nice-select .list { max-height: 300px; overflow-y: scroll; background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; }
+.nice-select .list:hover .option:not(:hover) { background-color: transparent !important; }
+.nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left;
+    -webkit-transition: all 0.2s; transition: all 0.2s; }
+.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f7f9; }
+.nice-select .option.selected { font-weight: bold; }
+.nice-select .option.disabled { background-color: transparent; color: #90a1b5; cursor: not-allowed; }
+.nice-select:active, .nice-select.open, .nice-select:focus { border-color: #ffffff !important; }
\ No newline at end of file
diff --git a/resoft/css/shortcodes/_owl-carousel.css b/resoft/css/shortcodes/_owl-carousel.css
new file mode 100644
index 0000000..0f79b6e
--- /dev/null
+++ b/resoft/css/shortcodes/_owl-carousel.css
@@ -0,0 +1,31 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains Owl Carousel CSS.
+*/
+
+/***************************
+        Owl Carousel
+***************************/
+.owl-carousel .owl-item img { width: auto; }
+.owl-carousel .owl-nav { display: block; position: absolute; text-indent: inherit; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; z-index: 999;}
+.owl-carousel .owl-nav .owl-prev,
+.owl-carousel .owl-nav .owl-next{display: block; position: absolute; text-indent: inherit; width: auto; cursor: pointer; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out;}
+.owl-carousel .owl-nav .owl-prev{left:0;}
+.owl-carousel .owl-nav .owl-next{right:0;}
+.owl-carousel .owl-nav i{ font-size: 20px; width:36px; height:36px; line-height:36px; display: inline-block; color:#ffffff; border-radius: 50%; background:#5E9ECA; border:0px solid #3d3d3d; font-weight:normal; text-align: center; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
+.owl-carousel .owl-nav i:hover{background:#333; color:#ffffff;}
+.bottom-nav .owl-nav { bottom: 0; top: inherit; }
+.bottom-nav .owl-nav .owl-next { right: 46%; }
+.bottom-nav .owl-nav .owl-prev { left: 46%;  }
+
+/* Dots */ 
+.owl-carousel .owl-controls .owl-dot { margin: 0; display: inline-block; }
+.owl-carousel .owl-dots { display: inline-block;  /*position: absolute; bottom: -35px; */text-indent: inherit; width: 100%; cursor: pointer; text-align: center; }
+.owl-carousel .owl-dots .owl-dot span { background: #ddd; display: inline-block; width: 10px; height: 10px; border-radius: 50%; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; cursor: pointer; }
+.owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span { background:#5E9ECA; }
+.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { display: inline-block; margin: 14px 2px 0; }
+.bottom-left-dots .owl-dots { bottom: 30px !important; position: absolute;  }
+.bottom-left-dots .owl-dots .owl-dot span  { background: #ffffff; }
\ No newline at end of file
diff --git a/resoft/css/shortcodes/accordion.css b/resoft/css/shortcodes/accordion.css
new file mode 100644
index 0000000..7f1417b
--- /dev/null
+++ b/resoft/css/shortcodes/accordion.css
@@ -0,0 +1,56 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains Accordion CSS.
+*/
+
+/***************************
+      Accordion
+***************************/
+.accordion .acd-group .acd-heading:before { font-family: fontawesome; }
+.accordion .acd-group .acd-heading:before { cursor: pointer; position: absolute; top: 6px; right: 20px; display: block; padding: 3px 6px 2px; content: "\f105"; font-size: 22px; line-height: 38px; }
+.accordion .acd-group > .acd-heading > span { margin-right: 15px; }
+.accordion .acd-heading { font-weight: 500; position: relative; padding: 20px 0; color: #353535; line-height: normal; cursor: pointer; background-color: transparent; margin-bottom: 0px; display: block; font-family: 'Nanum Gothic', serif; text-transform: uppercase; border-radius: 90px;  }
+.acd-des { padding: 0 20px 20px 0; }
+.accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover { color: #5E9ECA; }
+.accordion .acd-group.acd-active .acd-heading:before { content: "\f107"; }
+.accordion .acd-group.acd-active .acd-heading span { color: #fff; }
+
+/*plus-icon*/
+.accordion.plus-icon .acd-group.acd-active .acd-heading:before { content: "\f068"; font-size: 14px; }
+.accordion.plus-icon .acd-group .acd-heading:before { content: "\f067"; font-size: 14px; }
+
+/*plus-icon round*/
+.accordion.plus-icon.round .acd-group.acd-active .acd-heading:before { content: "\f056"; font-size: 14px; }
+.accordion.plus-icon.round .acd-group .acd-heading:before { content: "\f055"; font-size: 14px; }
+
+/*gray*/
+.accordion.gray .acd-heading { background-color: #f7f7f7; }
+.accordion.gray .acd-heading  { margin-bottom: 20px; padding: 20px 30px; }
+.accordion.gray .acd-des { padding: 0 30px 20px; }
+.accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover { color: #fff; background: #5E9ECA; }
+
+/*shadow*/
+.accordion.shadow .acd-heading { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); background: #ffffff; }
+.accordion.shadow .acd-heading  { margin-bottom: 20px; padding: 20px 30px; }
+.accordion.shadow .acd-des  { padding: 0 30px 20px; }
+.accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover { color: #fff; background: #5E9ECA; }
+
+
+/*border*/
+.accordion.border .acd-heading { background: transparent; border:1px solid #eeeeee; box-shadow: none; }
+.accordion.border .acd-heading  { margin-bottom: 20px; padding: 20px 30px; }
+.accordion.border .acd-des  { padding: 0 30px 20px; }
+.accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover { color: #fff; background: #5E9ECA; }
+
+/* Accordion Simple */
+.accordion.animated .acd-group .acd-heading { box-shadow: none; border:none; font-size: 18px; margin-bottom: 0; color:#363636; text-transform: inherit; font-weight: 700; padding: 20px 0px 0; }
+.accordion.animated .acd-group.acd-active .acd-heading { font-size: 28px; color: #5E9ECA; margin-bottom: 20px; background: none !important;}
+.accordion.animated .acd-group .acd-heading:hover{background: none !important; color: #5E9ECA;}
+.accordion.animated .acd-group .acd-heading::before { display: none; }
+.accordion.animated .acd-group .acd-des { padding: 0 30px 20px; }
+
+.accordion.animated.dark-bg .acd-group.acd-active .acd-heading { color: #ffffff; }
+.accordion.animated.dark-bg .acd-group .acd-heading:hover { color: #ffffff; } 
\ No newline at end of file
diff --git a/resoft/css/shortcodes/action-box.css b/resoft/css/shortcodes/action-box.css
new file mode 100644
index 0000000..64bc652
--- /dev/null
+++ b/resoft/css/shortcodes/action-box.css
@@ -0,0 +1,54 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains Action Box CSS.
+*/
+
+/*************************************
+        action-box 
+**************************************/
+.action-box { position: relative; }
+.action-box a.button { position: absolute; right: 0; top: 50%; margin-top: -20px; }
+
+/*border*/
+.action-box.border { padding: 30px; border:1px solid #eeeeee; } 
+.action-box.border a.button { right: 30px; }
+
+/*border center*/
+.action-box.center { text-align: center; } 
+.action-box.center a.button { position: relative; top: inherit; right: inherit; margin-top: 15px; }
+
+/*theme-bg*/
+.action-box.theme-bg { padding: 30px; }
+.action-box.theme-bg a.button { right: 30px; }
+.action-box.theme-bg h3, .action-box.theme-bg p { color: #ffffff; } 
+
+/*theme-bg*/
+.action-box.black-bg { padding: 30px; }
+.action-box.black-bg a.button { right: 30px; }
+.action-box.black-bg h3, .action-box.black-bg p { color: #ffffff; } 
+
+/*gray-bg*/
+.action-box.gray-bg { padding: 30px; }
+.action-box.gray-bg a.button { right: 30px; }
+
+/*white-bg*/
+.action-box.white-bg { padding: 30px; }
+.action-box.white-bg a.button { right: 30px; }
+
+/*gray-bg*/
+.action-box.parallax { padding: 100px 30px; }
+.action-box.parallax h3, .action-box.parallax p { color: #ffffff; } 
+
+/*full-width*/
+.action-box.full-width a.button { right: 15px; }
+
+/*gray-bg*/
+.action-box.pattern { padding: 100px 30px; }
+
+/*small*/
+.action-box.small { padding: 40px 35px;  }
+.action-box.small h3, .action-box.small p, .action-box.small .social-icons { position: relative; }
+.action-box.small a.button { position: relative; top: inherit; right: inherit; margin-top: 15px; }
\ No newline at end of file
diff --git a/resoft/css/shortcodes/blockquote.css b/resoft/css/shortcodes/blockquote.css
new file mode 100644
index 0000000..3c2890e
--- /dev/null
+++ b/resoft/css/shortcodes/blockquote.css
@@ -0,0 +1,31 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains blockquote CSS.
+*/
+
+/*************************
+    blockquote
+*************************/
+blockquote { position: relative; }
+blockquote cite { display: block; font-weight: 600; margin-top: 10px; }
+
+/*blockquote-right*/
+.blockquote-right { text-align: right; border-right: 5px solid #eee; border-left: 0; margin: 0 20px 0; }
+
+/*quote*/
+.quote { padding-top: 50px; }
+.quote:before { content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #eee; position: absolute; left: 14px;top: -20px; }
+
+/*quote right*/
+.blockquote-right.quote:before { left: inherit; right: 14px; }
+
+/*theme-bg*/
+blockquote.theme-bg { border: 0px; color: #ffffff; padding: 70px 30px 30px; border-radius: 6px; }
+blockquote.theme-bg:before { left: 24px; top: -10px; }
+
+/*theme-bg*/
+blockquote.black-bg { border: 0px; color: #ffffff; padding: 70px 30px 30px; border-radius: 6px; }
+blockquote.black-bg:before { left: 24px; top: -10px; left: inherit; }
\ No newline at end of file
diff --git a/resoft/css/shortcodes/bootstrap-typography.css b/resoft/css/shortcodes/bootstrap-typography.css
new file mode 100644
index 0000000..be2573b
--- /dev/null
+++ b/resoft/css/shortcodes/bootstrap-typography.css
@@ -0,0 +1,147 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains Bootstrap Typography CSS.
+*/
+
+.pager { margin: 0; }
+.affix { left: 0; right: 0; }
+.btn-primary { background-color: #5E9ECA; border-color: #5E9ECA; }
+.btn-primary:hover { background-color: #323232; border-color: #323232; }
+.btn-primary.focus, .btn-primary:focus { background-color: #323232; border-color: #323232; }
+.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background-color: #5E9ECA; }
+select.input-sm { height: 50px; }
+.nice-select:active, .nice-select.open, .nice-select:focus { border-color:#5E9ECA !important; }
+.list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge { color: #5E9ECA;  }
+.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { border-color: #5E9ECA; }
+.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { background-color: #5E9ECA; border-color: #5E9ECA }
+.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background: #5E9ECA; }
+.input-group-addon:last-child { border: 0; }
+.input-group-addon { border-left:1px solid #e0e0e0 !important; padding: 6px 26px 6px 22px; background: #f6f7f8; border-radius: 25px; }
+.datetimepicker .form-control:focus { box-shadow: none; background-color: #f6f7f8; }
+.modal1 .mfp-close { display: none; }
+.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0; }
+/*************************
+    Process step
+*************************/
+.stepwizard-step p { margin-top: 10px; }
+.stepwizard-row { display: table-row;}
+.stepwizard { display: table; width: 100%; position: relative; }
+.stepwizard-step button[disabled] { opacity: 1 !important; filter: alpha(opacity=100) !important; }
+.stepwizard-row:before { top: 24px; bottom: 0; position: absolute; content: " "; width: 100%; height: 1px; background-color: #ccc; z-order: 0; }
+.stepwizard-step { display: table-cell; text-align: center; position: relative; }
+.btn-circle { width: 50px; height: 50px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 50%; }
+
+/*************************
+    responsive-utilities
+*************************/
+.responsive-utilities .is-visible { color: #468847; background-color: #dff0d8!important; }
+.responsive-utilities .is-hidden { color: #ccc; background-color: #f9f9f9!important; }
+.hidden-on .col-6 .visible, .visible-on .col-6 .visible { color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; }
+
+/*************************************
+          animations
+ **************************************/
+.bg { padding: 30px; border-radius: 3px; margin-bottom: 30px; }
+.bg-01 { background: #fe80c0; }
+.bg-02 { background: #b24a7d; }
+.bg-03 { background: #76bcff; }
+.bg-04 { background: #8d708e; }
+.bg-05 { background: #807fff; }
+.bg-06 { background: #e74c3c; }
+.bg-07 { background: #16a085; }
+.bg-08 { background: #f1c40f; }
+.bg-09 { background: #27ae60; }
+.bg-10 { background: #1abc9c; }
+.bg-11 { background: #9b59b6; }
+.bg-12 { background: #3498db; }
+.bg-13 { background: #ff6d3a; }
+.bg-14 { background: #2ecc71; }
+.bg-15 { background: #32cdc7; }
+.bg-16 { background: #009a9a; }
+
+/*************************
+	   columns
+*************************/
+.columns .gray-bg { padding: 15px; border-radius: 3px;}
+.columns .gray-bg h5 { margin-bottom: 0px; }
+
+/*************************
+	Typography
+*************************/
+.typography del, s, u { font-size: 14px; }
+.typography .mark, mark { background: #5E9ECA; color: #fff;  }
+del, mark { background: #5E9ECA; color: #ffffff; padding: 0 5px; margin-right: 3px; }
+
+/*************************
+	data table
+*************************/
+.table { margin-bottom: 0; }
+.table-bordered tbody tr td, .table-bordered thead tr th { border-color: #eee;  font-size: 14px; padding: 12px 20px; }
+.table-1 thead { background: #5E9ECA; color: #fff; text-align: center; }
+.table-1 thead tr th { border: medium none;   font-weight: normal;  text-align: center;}
+.table-1 tbody tr td { color: #7e8890; font-size: 14px; padding: 12px 0; text-align: center; }
+.table-2.table thead { background: transparent; color: #5E9ECA; font-weight: 600; text-align: center; }
+.table-2.table thead tr th { border: 1px solid #5E9ECA !important; text-align: center; }
+.table-3.table thead { background: #dfdfdf; color: #323232; font-weight: 600; text-align: center; }
+.table-3.table thead tr th { border:none; text-align: center; }
+
+/*************************
+   alerts and callouts
+*************************/
+.alerts-and-callouts  { font-size: 14px;  }
+.alerts-and-callouts .bs-callout { padding: 20px; margin: 20px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px; }
+.alerts-and-callouts .bs-callout h4 {  margin-top: 0; margin-bottom: 5px; }
+.alerts-and-callouts .bs-callout p:last-child { margin-bottom: 0; }
+.alerts-and-callouts .bs-callout code { border-radius: 3px; }
+.alerts-and-callouts .bs-callout+.bs-callout { margin-top: -5px; }
+.alerts-and-callouts .bs-callout-default { border-left-color: #777; }
+.alerts-and-callouts .bs-callout-default h4 { color: #777; }
+.alerts-and-callouts .bs-callout-primary { border-left-color: #428bca; }
+.alerts-and-callouts .bs-callout-primary h4 { color: #428bca; }
+.alerts-and-callouts .bs-callout-success { border-left-color: #5cb85c; }
+.alerts-and-callouts .bs-callout-success h4 { color: #5cb85c; }
+.alerts-and-callouts .bs-callout-danger { border-left-color: #d9534f; }
+.alerts-and-callouts .bs-callout-danger h4 { color: #d9534f; }
+.alerts-and-callouts .bs-callout-warning { border-left-color: #f0ad4e; }
+.alerts-and-callouts .bs-callout-warning h4 { color: #f0ad4e; }
+.alerts-and-callouts .bs-callout-info { border-left-color: #5bc0de; }
+.alerts-and-callouts .bs-callout-info h4 { color: #5bc0de; }
+
+@media screen and (max-width: 767px) {
+.animated  { margin-top: 30px; }
+.data-table .table tbody tr td { padding: 12px 10px; }
+.tab-2 #tabs .tabs { width: 100%; }
+.nav-tabs li a { font-size: 14px; }
+.tab-1 li { margin-right: 2px; }
+}
+
+ /*************************
+        isotope 
+*************************/ 
+.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity}.isotope .isotope-item.no-transition,.isotope.no-transition,.isotope.no-transition .isotope-item{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}
+
+ /*************************
+        lists panels 
+*************************/ 
+.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { background-color: #5E9ECA; border-color: #5E9ECA;  }
+.panel-primary { border-color: #5E9ECA;  }
+.panel-primary>.panel-heading  {  background-color: #5E9ECA; border-color: #5E9ECA; }
+
+ /*************************
+        lists panels 
+*************************/ 
+.modal { z-index: 99999; }
+.modal-backdrop { z-index: 9999; }
+.modal-dialog { margin: 100px auto; }
+.modal-header, .modal-footer { border: 0; }
+.modal-header, .modal-body { padding: 30px 30px 0 30px; }
+.modal-footer { padding: 30px 30px 30px 30px;  text-align: left; }
+.modal-header .close { position: relative; z-index: 99; }
+ 
+ /*************************
+       extra class
+*************************/ 
+.image-content { float: left; width: 50%; margin: 0 20px 20px 0 ; }
\ No newline at end of file
diff --git a/resoft/css/shortcodes/button.css b/resoft/css/shortcodes/button.css
new file mode 100644
index 0000000..7cbe855
--- /dev/null
+++ b/resoft/css/shortcodes/button.css
@@ -0,0 +1,58 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains button CSS.
+*/
+
+/***************************
+        button
+***************************/
+.button { background: #5E9ECA; padding: 12px 20px; font-size: 13px; letter-spacing: 1px; font-family: 'Nanum Gothic', serif; border: 0; color: #ffffff; text-transform: uppercase; font-weight: 400; display: inline-block; border-radius: 30px; text-align: center; border:2px solid #5E9ECA; }
+.button + .button {margin-left: 20px;}
+.button:hover, .button:focus { background: #353535; color: #ffffff; border-color: #353535; }
+button { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
+.button.black { background: #353535; color: #ffffff; border:2px solid #353535;}
+.button.black:hover, .button.black.active, .button.black:focus { background: #5E9ECA; color: #ffffff; border-color: #5E9ECA; }
+.button.gray { background: #e0e0e0; color: #353535; border:2px solid #e0e0e0; }
+.button.gray:hover, .button.gray.active, .button.gray:focus { background: #5E9ECA; color: #ffffff; border-color: #5E9ECA;}
+.button.white { background: #fff; color: #5E9ECA; }
+.button.white:hover, .button.white:focus { background: #353535; color: #ffffff;}
+.button.opacity { background: rgba(245,166,35,0.6); color: #fff; border:0;}
+.button.opacity:hover, .button.opacity:focus { background: #5E9ECA; color: #ffffff; border:0;}
+.button.border { background: transparent; border: 2px solid #5E9ECA; color: #323232; }
+.button.border:hover, .button.border:focus { background: #5E9ECA; color: #ffffff; border-color: #5E9ECA; }
+.button.border.gray { background: transparent; border: 2px solid #e0e0e0; color: #aaaaaa; }
+.button.border.gray:hover, .button.border.gray:focus { background: #5E9ECA; color: #ffffff; border-color: #5E9ECA; }
+.button.border.white { background: transparent; border: 2px solid #fff; color: #fff; }
+.button.border.white:hover, .button.border.white:focus { background: #fff; color: #5E9ECA; border-color: #fff; }
+.button.border.black { background: transparent; border: 2px solid #353535; color: #353535; }
+.button.border.black:hover, .button.border.black:focus { background: #353535; color: #ffffff; border-color: #353535; }
+.button.icon i { margin-left: 10px; }
+/*button with icon*/
+.button.arrow { background: transparent; border: none; color: #5E9ECA; padding: 0; font-weight: 600; }
+.button.arrow i { padding-left: 10px; font-size: 16px; }
+.button.arrow:hover { color: #353535; }
+.button.arrow.white { color: #ffffff; border: none; }
+.button.arrow.white:hover { color: #aaaaaa; background: transparent; }
+.button.icon-color{background: none; border: none; color: #5E9ECA; padding: 0}
+.button.icon-color:hover{color: #353535; background: transparent; }
+.button.icon-color i{border: 1px solid #5E9ECA; border-radius: 50%; height: 22px; width: 22px; line-height: 20px;  margin-left: 10px; transform: translateX(0px); transition: all 0.5s cubic-bezier(0.76, 0.46, 0.22, 1) 0s;}
+.button.icon-color:hover i{background: #353535; border-color: #353535; color: #ffffff; transform: translateX(3px);}
+.button.icon-color.white:hover, .button.icon-color.white:focus{color: #ffffff; border:none; background: none;}
+.button.icon-color.white:hover i, .button.icon-color.white:focus i{background: #ffffff; color: #5E9ECA;}
+.theme-bg .button.icon-color{color: #ffffff;}
+.theme-bg .button.icon-color i {border-color: #ffffff;}
+.theme-bg .button.icon-color:hover i { background: #ffffff; color: #5E9ECA;  }
+.big-button { padding: 28px 30px; font-size: 24px; }
+.big-button span { display: block; font-size: 12px; margin-top: 6px;}
+.button.x-small { padding: 8px 14px; font-size: 12px; }
+.button.small { padding: 10px 18px; font-size: 12px; }
+.button.medium { padding: 12px 20px; font-size: 14px; }
+.button.large { padding: 14px 20px; font-size: 15px; }
+.button.wide { padding: 8px 50px; font-size: 20px; }
+
+.button + .button.btn-block  { margin-left: 0; }
+/*button dropdown */
+.btn-dropdown { width:100%; padding:8px; font-size:12px; background-color:#fff; border-radius: 0px; border:1px solid #979797; }
\ No newline at end of file
diff --git a/resoft/css/shortcodes/clients.css b/resoft/css/shortcodes/clients.css
new file mode 100644
index 0000000..ffaa6fa
--- /dev/null
+++ b/resoft/css/shortcodes/clients.css
@@ -0,0 +1,28 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains Clients logo CSS.
+*/
+
+/*************************
+        Clients
+*************************/
+.clients-list { overflow: hidden; }
+.clients-list ul li { float: left; position: relative; width: 20%; padding: 20px; }
+.clients-list.border ul li:before { height: 100%; top: 0; left: -1px; border-left: 1px solid #eee; }
+.clients-list.border ul li:after, .clients-list.border ul li:before { content: ''; position: absolute; }
+.clients-list.border ul li:after { width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px solid #eee; }
+ 
+/*column-4*/
+ .clients-list.column-4 ul li { float: left; position: relative; width: 25%; padding: 10px; }
+
+/*column-3*/
+.clients-list.column-3 ul li { float: left; position: relative; width: 33.333%; padding: 10px; }
+
+/*column-2*/
+.clients-list.column-2 ul li { float: left; position: relative; width: 50%; padding: 10px; }
+
+.clients-list.grayscale img { filter: gray; -webkit-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
+.clients-list.grayscale img:hover { -webkit-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); }
diff --git a/resoft/css/shortcodes/contact-form.css b/resoft/css/shortcodes/contact-form.css
new file mode 100644
index 0000000..3a72846
--- /dev/null
+++ b/resoft/css/shortcodes/contact-form.css
@@ -0,0 +1,61 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains Contact form CSS.
+*/
+
+/*************************
+        Contact form
+*************************/
+/*form-control*/
+.form-control { border-radius: 30px; height: auto; line-height: 1.33333; padding: 15px 18px 15px 30px; background: #f6f7f8; color: #323232; border: 0px solid transparent; box-shadow: none; }
+.form-control:focus { background: #ffffff; border:0px; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;
+    -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;
+    border-color: transparent; }
+.form-control.input-lg { resize: none; font-size: .9em }
+.form-control.rounded { border-radius: 0px; }
+.input-group-addon { border: 1px solid #e0e0e0; }
+.form-group label { color: #353535; display: inline-block; margin-top: 8px; margin-bottom: 4px; text-transform: uppercase; font-size: 13px; }
+.form-inline button { margin: 0px; }
+.form-group > label { display: block; }
+.form-control::-moz-placeholder { color: #323232; }
+.form-control::-ms-input-placeholder { color: #323232; }
+.form-control::-webkit-input-placeholder { color: #323232; }
+.table-bordeblue>tbody>tr>td, .table-bordeblue>tbody>tr>th, .table-bordeblue>tfoot>tr>td, .table-bordeblue>tfoot>tr>th, .table-bordeblue>thead>tr>td, .table-bordeblue>thead>tr>th { border-color: #e0e0e0; padding: 12px 20px; }
+textarea.form-control { resize: vertical; }
+.contact-form.border-form .form-control { background: transparent; color: #aaaaaa; border:2px solid #eeeeee; }
+.contact-form.border-form .form-control { box-shadow: none; color: #aaaaaa; } 
+.contact-form.border-form .form-control::-moz-placeholder { color: #aaaaaa; }
+.contact-form.border-form .form-control::-ms-input-placeholder { color: #aaaaaa; }
+.contact-form.border-form .form-control::-webkit-input-placeholder { color: #aaaaaa; }
+.contact-form.border-form .form-control:focus { background: #f6f7f8; }
+.contact-form.border-form .nice-select { background: transparent; color: #aaaaaa; border:2px solid #eeeeee; }
+.contact-form.border-form .nice-select .option { color: #323232; }
+.contact-form.border-form .nice-select:after { border-color: #aaaaaa; }
+.contact-form.dark-form .form-control { background: rgba(43, 43, 43, 0.12); color: #ffffff; }
+.contact-form.dark-form .form-control { box-shadow: none; color: #ffffff; } 
+.contact-form.dark-form .form-control::-moz-placeholder { color: #ffffff; }
+.contact-form.dark-form .form-control::-ms-input-placeholder { color: #ffffff; }
+.contact-form.dark-form .form-control::-webkit-input-placeholder { color: #ffffff; }
+.contact-form.dark-form .form-control:focus { background: rgba(43, 43, 43, 0.19); }
+.contact-form.dark-form .nice-select { background: rgba(43, 43, 43, 0.12); ; color: #ffffff; border:0; }
+.contact-form.dark-form .nice-select .option { color: #323232; }
+.contact-form.dark-form .nice-select:after { border-color: #ffffff; }
+.contact-form.transparent-form .form-control { background: rgba(255, 255, 255, 0.12); color: #ffffff; }
+.contact-form.transparent-form .form-control { box-shadow: none; color: #ffffff; } 
+.contact-form.transparent-form .form-control::-moz-placeholder { color: #ffffff; }
+.contact-form.transparent-form .form-control::-ms-input-placeholder { color: #ffffff; }
+.contact-form.transparent-form .form-control::-webkit-input-placeholder { color: #ffffff; }
+.contact-form.transparent-form .form-control:focus { background: rgba(255, 255, 255, 0.19); }
+.contact-form.transparent-form .nice-select { background: rgba(255, 255, 255, 0.12); color: #ffffff; border:0; }
+.contact-form.transparent-form .nice-select .option { color: #323232; }
+.contact-form.transparent-form .nice-select:after { border-color: #ffffff; }
+.contact-form.full-width .section-field { width: 100%; }
+.newsletter.francy { position: relative; }
+.newsletter.francy .form-control { padding-right: 200px; }
+.newsletter.francy button {  position: absolute; top: 0; right: 0; padding: 13px 20px; }
+.newsletter-box { padding: 30px; background: #ffffff; border-radius: 3px; }
+.newsletter-box.gray-bg .form-control { background: #ffffff; }
+.newsletter-box.border { padding: 30px; border:2px solid #eeeeee; border-radius: 3px; }
\ No newline at end of file
diff --git a/resoft/css/shortcodes/countdown.css b/resoft/css/shortcodes/countdown.css
new file mode 100644
index 0000000..7ab55a7
--- /dev/null
+++ b/resoft/css/shortcodes/countdown.css
@@ -0,0 +1,45 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains countdown CSS.
+*/
+
+/*************************
+    countdown
+*************************/
+.countdown { display: inline-block; text-align: center; margin: 0px 20px; }
+.countdown span { font-size: 40px; line-height: 40px; }
+.countdown p { font-size: 16px; text-transform: capitalize; margin-bottom: 0; }
+
+/*small*/
+.countdown.small { display: inline-block; text-align: center; margin: 0px 10px; }
+.countdown.small span { font-size: 30px; line-height: 30px; }
+
+/*medium*/
+.countdown.medium { display: inline-block; text-align: center; margin: 0px 30px; }
+.countdown.medium span { font-size: 50px; line-height: 50px; }
+.countdown.medium p { font-size: 20px; text-transform: capitalize; }
+
+/*large*/
+.countdown.large { display: inline-block; text-align: center; margin: 0px 40px; }
+.countdown.large span { font-size: 70px; line-height: 70px; }
+.countdown.large p { font-size: 24px; text-transform: capitalize; }
+
+/*gray-bg */
+.countdown.gray-bg { padding: 10px; }
+
+/*border*/
+.countdown.border { padding: 10px; border:2px solid #eeeeee; }
+
+/*border*/
+.countdown.round { padding: 30px; border:7px solid #eeeeee; border-radius: 50%;  width: 140px; height: 140px; }
+.countdown.round.small { width: 100px; height: 100px; padding: 15px 10px; }
+.countdown.round.medium { width: 150px; height: 150px; padding: 15px; }
+.countdown.round.medium span { line-height: 68px;  }
+.countdown.round.large { width: 190px; height: 190px; padding: 20px; }
+.countdown.round.large span { line-height: 102px; }
+
+.countdown.text-white p { color: #ffffff; }
+.countdown.round.text-white { border-color: rgba(255, 255, 255, 0.3); }
\ No newline at end of file
diff --git a/resoft/css/shortcodes/counter.css b/resoft/css/shortcodes/counter.css
new file mode 100644
index 0000000..dd70797
--- /dev/null
+++ b/resoft/css/shortcodes/counter.css
@@ -0,0 +1,37 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains Counter CSS.
+*/ 
+
+/*************************
+        Counter
+*************************/
+.counter{ position:relative; color:#353535; min-height:60px; }
+.counter .icon { font-size: 40px; }
+.counter .timer { display: block; font-size: 44px; font-weight: 600; line-height: 40px; margin: 20px 0 5px; }
+.counter label { font-size: 15px; font-weight: 600; margin: 10px 0 0; position: relative; text-transform: uppercase; }
+.counter.text-white { color:#ffffff; }
+.counter.text-white label { color:#ffffff; }
+.counter.text-white span { color:#ffffff; }
+.counter.theme-color { color:#5E9ECA; }
+.counter.theme-color label { color:#5E9ECA; }
+.counter.theme-color span { color:#5E9ECA; }
+
+/*big-counter*/
+.counter.big-counter .timer { font-size: 70px; font-weight: 600; }
+.counter.big-counter label { font-size: 18px; font-weight: 300; margin-top: 20px; }
+.counter.big-counter icon {  font-size: 50px; line-height: 60px; }
+
+ /*left-icon*/
+.counter.left-icon { position:relative; padding-left:70px; }
+.counter.left-icon .icon { font-size:40px; line-height:50px; position:absolute; left:0; bottom:auto; top:0; }
+.counter.left-icon span { margin:0; line-height:40px; }
+
+ /*left-icon*/
+.counter.right-icon { position:relative; padding-right:70px; }
+.counter.right-icon .icon { font-size:40px; line-height:50px; position:absolute; right:0; bottom:auto; top:0; }
+.counter.right-icon span { margin:0; line-height:40px; text-align: right; }
+.counter.right-icon label  { text-align: right; display: block; }
\ No newline at end of file
diff --git a/resoft/css/shortcodes/divider.css b/resoft/css/shortcodes/divider.css
new file mode 100644
index 0000000..9c6ab92
--- /dev/null
+++ b/resoft/css/shortcodes/divider.css
@@ -0,0 +1,34 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains divider CSS.
+*/
+
+/*************************************
+          divider
+ **************************************/
+.divider { border-bottom: 1px solid rgba(0, 0, 0, 0.1);  }
+.divider.dotted { border-bottom: 2px dotted rgba(0, 0, 0, 0.1);  }
+.divider.dashed { border-bottom: 2px dashed rgba(0, 0, 0, 0.1);  }
+.divider.double { border-bottom: 5px double rgba(0, 0, 0, 0.1);  }
+.divider.outset { border-bottom: 5px outset rgba(0, 0, 0, 0.1);  }
+ 
+/*icon*/
+.divider.icon { border: 0; color: #ccc; width: 100%; overflow: hidden; text-align: center;  } 
+.divider.icon:after, .divider.icon:before, .divider.icon:after, .divider.icon:before { border-bottom: 1px solid rgba(0, 0, 0, 0.2); content: ""; display: inline-block; height: 10px;
+    margin: 0 -4px 0 -100%; vertical-align: top; width: 50%; }
+.divider.icon::after, .divider.icon::after { margin: 0 -100% 0 0; }
+.divider.icon i, .divider.icon span, .divider.icon i, .divider.icon span { margin: 0 20px 0 24px; }
+ 
+/*icon left*/
+.divider.icon.left i, .divider.icon.left span { float: left; margin: 0 40px 0 0; }
+.divider.icon.right i, .divider.icon.right span { float: right; margin: 0 0 0 40px; }
+
+/*medium*/
+.divider.medium { width: 40%; margin: 0 auto; }
+
+/*small*/
+.divider.small { width: 20%; margin: 0 auto; }
+.divider.light { border-color: rgba(255, 255, 255, 0.1); }
\ No newline at end of file
diff --git a/resoft/css/shortcodes/dropcap.css b/resoft/css/shortcodes/dropcap.css
new file mode 100644
index 0000000..d5b1eb6
--- /dev/null
+++ b/resoft/css/shortcodes/dropcap.css
@@ -0,0 +1,16 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains Dropcap & Highlight CSS.
+*/
+
+/*************************************
+           Dropcap & Highlight
+ **************************************/
+ .dropcap { width: 40px; height: 40px; line-height: 40px; float: left; border-radius: 50%; background: #5E9ECA; text-align: center; color: #ffffff; margin-right: 10px; }
+ .dropcap.border { background: transparent; border:2px solid #5E9ECA; color: #5E9ECA; }
+ .dropcap.gray { background: #f6f7f8; color: #5E9ECA; }
+ .dropcap.large { width: 70px; height: 70px; line-height: 70px; font-size: 30px; }
+ .dropcap.square {  border-radius: 3px; }
\ No newline at end of file
diff --git a/resoft/css/shortcodes/feature-text.css b/resoft/css/shortcodes/feature-text.css
new file mode 100644
index 0000000..9eb4702
--- /dev/null
+++ b/resoft/css/shortcodes/feature-text.css
@@ -0,0 +1,66 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains Features box CSS.
+*/
+
+/*************************************
+             Features all
+ **************************************/
+.feature-text { text-align: center; }
+.feature-text.text-left { text-align: left; }
+.feature-text.text-left .feature-icon span, .feature-text.text-left .feature-icon i { padding-left: 0;  }
+.feature-text.text-right .feature-icon span, .feature-text.text-right .feature-icon i { padding-right: 0; }
+.feature-text.text-right { text-align: right; }
+.feature-text .feature-icon span, .feature-text .feature-icon i { font-size: 32px; /*margin-bottom: 30px;*/ display: inline-block; /*padding-left: 15px;*/ transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; }
+.feature-text.round .feature-icon span, .feature-text.round .feature-icon i { width: 70px; height: 70px; line-height: 70px;  display: inline-block; font-size: 26px; border-radius: 50%; padding-left: 0px; }
+.feature-text.border .feature-icon span, .feature-text.border .feature-icon i { color: #323232; background: transparent; border:2px solid #323232; padding-left: 0px; }
+.feature-text.gray-icon .feature-icon span, .feature-text.gray-icon .feature-icon i {  color: #323232; background: #f6f7f8; padding-left: 0px; }
+.feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i { color: #ffffff; background: #5E9ECA; padding-left: 0px; }
+.feature-text.shadow .feature-icon span, .feature-text.shadow .feature-icon i {  color: #323232; background: #ffffff; box-shadow: 0 4px 20px rgba(0,0,0,0.09); padding-left: 0px; }
+.feature-text.square .feature-icon span, .feature-text.square .feature-icon i { width: 70px; height: 70px; line-height: 70px;  display: inline-block; font-size: 26px; padding-left: 0px;}
+
+/*left-icon*/
+.feature-text.left-icon .feature-info { text-align: left; padding-left: 60px; }
+.feature-text.left-icon .feature-icon { position: absolute; left: 0;  }
+
+/*right-icon*/
+.feature-text.right-icon .feature-info { text-align: right; padding-right: 60px; }
+.feature-text.right-icon .feature-icon { position: absolute; right: 0;  }
+ 
+.feature-text.left-icon.round .feature-info  { padding-left: 80px; }
+.feature-text.right-icon.round .feature-info  { padding-right: 80px; }
+
+ /*box-shadow*/
+.feature-text.box-shadow { box-shadow: 0 0px 30px rgba(0,0,0,0.09); padding: 40px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  } 
+.feature-text.box-shadow:hover { box-shadow: 0 0px 70px rgba(0,0,0,0.09); }
+ 
+/*border-box*/
+.feature-text.border-box { box-shadow: 0 0px 1px rgba(0,0,0,0.5); padding: 40px;}
+
+/*button*/
+.feature-text .button { margin-top: 10px; }
+.feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span { background: #5E9ECA; color: #ffffff; border-color: #5E9ECA; }
+.feature-text.theme-icon:hover .feature-icon span, .feature-text.theme-icon:hover .feature-icon i { background: #323232; color: #ffffff; }
+.feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span { background: #5E9ECA; color: #ffffff; border-color: #5E9ECA; }
+.feature-text.square.theme-icon:hover .feature-icon span, .feature-text.square.theme-icon:hover .feature-icon i { background: #323232; color: #ffffff; }
+
+ /*feature-box*/
+ .awesome-features .img-side img { position: absolute; top: -30px; left: 0; }
+.feature-box {  border:1px solid #e6e6e6; padding: 1px; position: relative; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 1; }
+.feature-box-content { position: relative; padding: 30px; padding-bottom: 0; z-index: 9; }
+.feature-box i { width: 100%; font-size: 30px; color: #5E9ECA; padding: 0 10px;  -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
+.feature-box h4 { text-transform: none; padding:30px 0 0px; font-weight: 500; transition: all 0.3s ease-out 0s; }
+.feature-box p {   transition: all 0.3s ease-out 0s; }
+.feature-box a { font-size: 16px; font-weight: 300; color: #808080; margin: 25px 0 10px; padding: 0 30px; display: block; position: relative; z-index: 3; }
+.feature-box .feature-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 0; background-size: cover; background-position: center center; }
+.feature-box .border { position: absolute; background: #5E9ECA; height: 0px; bottom: 0; left: 0; z-index:2; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;  }
+.feature-box:hover .feature-box-img, .feature-box.active .feature-box-img { opacity: 1; }
+.feature-box:hover .border, .feature-box.active .border { height: 45px; }
+.feature-box:hover i, .feature-box.active i { background: rgba(255, 255, 255, 0); color: #fff; }
+.feature-box:hover h4, .feature-box.active h4, .feature-box:hover p, .feature-box.active p { color: #fff; }
+.feature-box:hover a, .feature-box.active a {  color: #fff; }
+.feature-box:hover:before, .feature-box.active:before { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; color: #fff; content: ""; display: inline-block; height: 100%;
+  left: 0; position: absolute; top: 0; width: 100%; z-index: 1;  -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
\ No newline at end of file
diff --git a/resoft/css/shortcodes/list-style.css b/resoft/css/shortcodes/list-style.css
new file mode 100644
index 0000000..4c21ad7
--- /dev/null
+++ b/resoft/css/shortcodes/list-style.css
@@ -0,0 +1,37 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains list style CSS.
+*/
+
+/*************************
+	  list-style
+*************************/
+ul.list { padding:0; margin:0;  }
+ul.list li { margin:5px 0; padding-left:24px; position: relative; line-height: 28px; }
+ul.list i { position: absolute; left: 0; top: 5px; }
+ul.list.theme-color li i { color: #5E9ECA; }
+ul.list.theme-color li { color: #333333; }
+ul.list li:after { content:""; font-family: 'FontAwesome'; position:absolute; color:#5E9ECA; left:0; top:0; }
+
+/* Ul List Mark */
+ul.list-mark{padding:0; margin:0;}
+ul.list-mark li{list-style-type:none; padding-left:25px; position:relative;}
+ul.list-mark li:after{content:"\f00c";}
+
+/* Ul List Arrow */
+ul.list-arrow{padding:0; margin:0;}
+ul.list-arrow li{list-style-type:none; padding-left:25px; position:relative;}
+ul.list-arrow li:after{content:"\f105"; font-size:18px;}
+
+/* Ul List Hand */
+ul.list-hand{padding:0; margin:0;}
+ul.list-hand li{list-style-type:none; padding-left:25px; position:relative;}
+ul.list-hand li:after{content:"\f0a4";}
+
+/* Ul List Edit */
+ul.list-edit{padding:0; margin:0;}
+ul.list-edit li{list-style-type:none; padding-left:25px; position:relative;}
+ul.list-edit li:after{content:"\f040";}
\ No newline at end of file
diff --git a/resoft/css/shortcodes/nice-select.css b/resoft/css/shortcodes/nice-select.css
new file mode 100644
index 0000000..1b3d64d
--- /dev/null
+++ b/resoft/css/shortcodes/nice-select.css
@@ -0,0 +1,38 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains nice select CSS.
+*/
+
+/*************************
+    nice-select
+*************************/
+.nice-select { -webkit-tap-highlight-color: transparent; border: solid 1px #999; box-sizing: border-box;color:#fff;
+  clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 50px; line-height: 47px;  outline: none;
+  padding-left: 13px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;  -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; }
+.nice-select:hover { border-color: #5E9ECA; }
+.nice-select:active, .nice-select.open, .nice-select:focus { border-color: #88bfff; }
+.nice-select:after { border-bottom: 2px solid #90a1b5; border-right: 2px solid #90a1b5; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none;
+    position: absolute; right: 22px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg);
+        -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; }
+.nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
+.nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }
+.nice-select.disabled { border-color: #e7ecf2; color: #90a1b5; pointer-events: none; }
+.nice-select.disabled:after { border-color: #cdd5de; }
+.nice-select.wide { width: 100%; }
+.nice-select.wide .list { left: 0 !important; right: 0 !important; }
+.nice-select.right { float: right; }
+.nice-select.right .list { left: auto; right: 0; }
+.nice-select.small { font-size: 12px; height: 36px; line-height: 34px; }
+.nice-select.small:after { height: 4px; width: 4px; }
+.nice-select.small .option { line-height: 34px; min-height: 34px; }
+.nice-select .list { max-height: 300px; overflow-y: scroll; background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; padding: 0; pointer-events: none; position: absolute; top: -635%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; }
+.nice-select .list:hover .option:not(:hover) { background-color: transparent !important; }
+.nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left;
+    -webkit-transition: all 0.2s; transition: all 0.2s; color: #333; }
+.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f7f9; color:#333; }
+.nice-select .option.selected { font-weight: bold; }
+.nice-select .option.disabled { background-color: transparent; color: #90a1b5; cursor: not-allowed; }
+.nice-select:active, .nice-select.open, .nice-select:focus { border-color: #ffffff !important; }
\ No newline at end of file
diff --git a/resoft/css/shortcodes/onload-modal.css b/resoft/css/shortcodes/onload-modal.css
new file mode 100644
index 0000000..6c6c949
--- /dev/null
+++ b/resoft/css/shortcodes/onload-modal.css
@@ -0,0 +1,48 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains onload modal CSS.
+*/
+
+.mfp-container { cursor: url("../../images/close.png") 25 25, pointer; }
+
+/*modal-simple-content*/
+.modal-simple-content { background: #ffffff; padding: 50px 30px; border-radius: 3px; margin: 0 auto; max-width: 600px; }
+
+/*modal-shop*/
+.modal-shop { background: #323232; padding: 50px 60px; border-radius: 3px; margin: 0 auto; max-width: 650px; }
+.modal-shop h2 { font-size: 60px; line-height: 60px; color: #ffffff; font-weight: 500; margin-top: 15px; }
+.modal-shop span { display: block; }
+.modal-shop p { color: rgba(255,255,255,0.5); }
+
+/*modal-subscribe*/
+.modal-subscribe { background: #ffffff;  margin: 0 auto; max-width: 500px; }
+.modal-subscribe .subscribe-icon { height: 300px; background: #5E9ECA; display: block; overflow: hidden; }
+.modal-subscribe .subscribe-icon i { color: rgba(0, 0, 0, 0.2); font-size: 270px; transform: rotate(-30deg); -o-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -moz-transform: rotate(-30deg); }
+.modal-subscribe .subscribe-content { padding: 30px; }
+.modal-subscribe .subscribe-content p { color: #323232; }
+  
+/*modal-login*/
+.modal-login { background: #ffffff; border-radius: 3px; margin: 0 auto; max-width: 600px; }
+.modal-login .login-bg .login-title { border-radius: 0; }
+
+/*modal-register*/
+.modal-register { background: #ffffff;  border-radius: 3px; margin: 0 auto; max-width: 600px; }
+.modal-register .register-title { padding: 40px 30px; text-align: center; }
+.modal-register .register-title img { height: 40px; }
+.modal-register .register-form { padding: 50px; }
+
+/*modal-video*/
+.modal-video { background: #ffffff; padding: 50px 30px; border-radius: 3px; margin: 0 auto; max-width: 600px; } 
+.image-source-link { color: #98C3D1;  }
+
+/*mfp-with-zoom*/
+.mfp-with-zoom .mfp-container,
+.mfp-with-zoom.mfp-bg {	opacity: 0;	-webkit-backface-visibility: hidden;/* ideally, transition speed should match zoom duration */
+	-webkit-transition: all 0.3s ease-out; 	-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
+.mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; }
+.mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; }
+.mfp-with-zoom.mfp-removing .mfp-container, 
+.mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; }
\ No newline at end of file
diff --git a/resoft/css/shortcodes/owl-carousel.css b/resoft/css/shortcodes/owl-carousel.css
new file mode 100644
index 0000000..f694601
--- /dev/null
+++ b/resoft/css/shortcodes/owl-carousel.css
@@ -0,0 +1,31 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains Owl Carousel CSS.
+*/
+
+/***************************
+        Owl Carousel
+***************************/
+.owl-carousel .owl-item img { width: auto; }
+.owl-carousel .owl-nav { display: block; position: absolute; text-indent: inherit; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; z-index: 999;}
+.owl-carousel .owl-nav .owl-prev,
+.owl-carousel .owl-nav .owl-next{display: block; position: absolute; text-indent: inherit; width: auto; cursor: pointer; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out;}
+.owl-carousel .owl-nav .owl-prev{left:0;}
+.owl-carousel .owl-nav .owl-next{right:0;}
+.owl-carousel .owl-nav i{ font-size: 20px; width:36px; height:36px; line-height:36px; display: inline-block; color:#ffffff; border-radius: 50%; background:#5E9ECA; border:0px solid #3d3d3d; font-weight:normal; text-align: center; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
+.owl-carousel .owl-nav i:hover{background:#333; color:#ffffff;}
+.bottom-nav .owl-nav { bottom: 0; top: inherit; }
+.bottom-nav .owl-nav .owl-next { right: 46%; }
+.bottom-nav .owl-nav .owl-prev { left: 46%;  }
+
+/* Dots */ 
+.owl-carousel .owl-controls .owl-dot { margin: 0; display: inline-block; }
+.owl-carousel .owl-dots { display: inline-block;  /*position: absolute; bottom: -35px; */text-indent: inherit; width: 100%; cursor: pointer; text-align: right; padding-right:20px; }
+.owl-carousel .owl-dots .owl-dot span { background: #ddd; display: inline-block; width: 10px; height: 10px; border-radius: 50%; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; cursor: pointer; }
+.owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span { background:#5E9ECA; }
+.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { display: inline-block; margin: 14px 2px 0; }
+.bottom-left-dots .owl-dots { bottom: 30px !important; position: absolute;  }
+.bottom-left-dots .owl-dots .owl-dot span  { background: #ffffff; }
\ No newline at end of file
diff --git a/resoft/css/shortcodes/page-title.css b/resoft/css/shortcodes/page-title.css
new file mode 100644
index 0000000..44f36eb
--- /dev/null
+++ b/resoft/css/shortcodes/page-title.css
@@ -0,0 +1,66 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains Page Title CSS.
+*/
+
+/*************************************
+       page-title
+**************************************/
+.page-title { display: block; padding-top:50px; padding-bottom: 50px; position: relative; }
+.page-title.bg-overlay-black-60:before  { z-index: 0; }
+.page-title .container { height: 100%; position: relative; }
+.page-title span { text-transform: capitalize; }
+.page-title h1 { text-transform: capitalize; color: #ffffff; font-weight: 600; }
+.page-title p { font-size: 18px; text-transform: capitalize; color: #ffffff; }
+.page-title .page-title-name { display: inline-block; width: 60%; }
+.page-title .page-breadcrumb { float: right; width: 40%; text-align: right; }
+ul.page-breadcrumb li span {  color: #fff; font-size: 14px; text-transform: capitalize; }
+ul.page-breadcrumb { padding-top: 30px; }
+ul.page-breadcrumb li { color: #fff; display: inline-block; list-style: none; }
+ul.page-breadcrumb li i { font-size: 14px; padding: 0 7px;} 
+ul.page-breadcrumb li a { color: #fff; font-size: 14px; text-transform: capitalize; }
+ul.page-breadcrumb li a:hover {  color: #5E9ECA; }
+.page-title.gray-bg h1, .page-title.gray-bg p { color: #323232; }
+.page-title.gray-bg ul.page-breadcrumb li a { color: #323232; }
+.page-title.gray-bg ul.page-breadcrumb li a:hover { color: #5E9ECA; }
+.page-title.gray-bg ul.page-breadcrumb li { color: #323232; }
+.page-title.gray-bg ul.page-breadcrumb li span { color: #5E9ECA; }
+
+/*center*/
+.page-title.center { text-align: center; }
+.page-title.center .page-title-name { display: block; width: inherit; }
+.page-title.center .page-breadcrumb { float: none; width: inherit; text-align: center; }
+
+/*right*/
+.page-title.right { clear: both; }
+.page-title.right .page-title-name { display: inline-block; float: right; text-align: right; }
+.page-title.right .page-breadcrumb { float: left; text-align: left; }
+
+/*small*/
+.page-title.small { padding-top:20px; padding-bottom: 20px; position: relative; }
+.page-title.small h1 { font-size: 22px; line-height: 24px; margin-bottom: 0px; margin-top: 8px; }
+.page-title.small .page-breadcrumb { padding-top: 10px; }
+
+/*gray-bg */
+.page-title.pattern h1, .page-title.pattern p { color: #323232; }
+.page-title.pattern ul.page-breadcrumb li a { color: #323232; }
+.page-title.pattern ul.page-breadcrumb li a:hover { color: #5E9ECA; }
+.page-title.pattern ul.page-breadcrumb li { color: #323232; }
+.page-title.pattern ul.page-breadcrumb li span { color: #5E9ECA; }
+
+/*light-overlay*/
+.page-title.light-overlay { position: relative; padding-top: 360px; }
+.page-title.light-overlay:before { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; right: 0; content: ""; background: url(../../images/white-overlay.png);  background-repeat: repeat-x; background-position: bottom; } 
+.page-title.light-overlay h1, .page-title.light-overlay p { color: #323232; }
+.page-title.light-overlay ul.page-breadcrumb li a { color: #323232; }
+.page-title.light-overlay ul.page-breadcrumb li a:hover { color: #5E9ECA; }
+.page-title.light-overlay ul.page-breadcrumb li { color: #323232; }
+.page-title.light-overlay ul.page-breadcrumb li span { color: #5E9ECA; }
+
+
+/*dark-overlay*/
+.page-title.dark-overlay { position: relative; }
+.page-title.dark-overlay:before { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; right: 0; content: ""; background: url(../../images/dark-overlay.png);  background-repeat: repeat-x; background-position: bottom; } 
diff --git a/resoft/css/shortcodes/pie-chart.css b/resoft/css/shortcodes/pie-chart.css
new file mode 100644
index 0000000..4b88279
--- /dev/null
+++ b/resoft/css/shortcodes/pie-chart.css
@@ -0,0 +1,15 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains Pie chart CSS.
+*/
+
+
+/***************************
+      pie-chart
+***************************/
+.round-chart { display: inline-block; position: relative; text-align: center; margin-bottom: 20px; }
+.round-chart span, .round-chart i { display: inline-block; font-size: 28px; z-index: 2; font-weight: 600; position: absolute; }
+.round-chart.white span, .round-chart.white i { color: #ffffff; }
diff --git a/resoft/css/shortcodes/pricing.css b/resoft/css/shortcodes/pricing.css
new file mode 100644
index 0000000..450c1e0
--- /dev/null
+++ b/resoft/css/shortcodes/pricing.css
@@ -0,0 +1,72 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains Pricing CSS.
+*/
+
+/***************************
+        Our Pricing
+***************************/
+.pricing-top { box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); padding: 30px; border-top: 8px solid #1a1a1a; border-radius: 6px; }
+.pricing-prize h2 span { font-size: 18px; }
+.pricing-prize { margin: 30px 0; }
+.pricing-content {   width: 70%; margin: 40px auto 0; }
+.pricing-content .pricing-table-list ul li { line-height: 56px; font-weight: 600; }
+.pricing-content .pricing-table-list ul li i { width: 25px; display: inline-block; color: #5E9ECA; }
+.pricing-content .pricing-table-list ul li i.fa-times { color: red; }
+.pricing-content .pricing-table-list ul li span { margin-top: 16px; text-align: center; font-size: 14px; line-height: 24px; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.09); width: 24px; height: 24px; background: transparent; border-radius: 50%; }
+.pricing-content .pricing-table-list ul li span i { padding-right: 0; }
+.pricing-table.active { margin-top: -7px;  }
+.pricing-table.active .pricing-top { border-top: 16px solid #5E9ECA; box-shadow: 0 0 50px rgba(0, 0, 0, 0.05); padding-bottom: 30px; }
+.pricing-table.active .pricing-top a.button { padding: 12px 60px; font-size: 20px; }
+.pricing-table.active .pricing-prize { margin: 30px 0 20px; }
+
+/*style-2*/
+.pricing-table.boxed {  box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); padding: 30px; border-top: 8px solid #1a1a1a; border-radius: 6px;  }
+.pricing-table.boxed .pricing-top { box-shadow: none; border: 0; padding: inherit; border-radius: inherit; padding: 0; }
+.pricing-table.boxed .pricing-content { width: inherit; margin:0 ; margin-top: 20px; }
+.pricing-table.active.boxed { border-top: 16px solid #5E9ECA; box-shadow: 0 0 50px rgba(0, 0, 0, 0.05); }
+ 
+/*price simple*/
+.price { list-style-type: none; border: 1px solid #eee; margin: 0; padding: 0;  -webkit-transition: 0.3s; transition: 0.3s; border:0; }
+.price:hover {  box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); }
+.price .header { background-color: #111; color: #ffffff; font-size: 25px; }
+.price li { border-bottom: 1px solid #eee; padding: 20px; text-align: center; }
+.price .grey { background-color: #eee; font-size: 20px; }
+.price.active .header { background: #5E9ECA; }
+ 
+/*membership-pricing*/
+.membership-pricing-table { width: 100%; }
+.membership-pricing-table table { width: 100%; }
+.membership-pricing-table table .icon-no,.membership-pricing-table table .icon-yes { font-size: 22px; }
+.membership-pricing-table table .icon-no { color: #a93717; }
+.membership-pricing-table table .icon-yes { color: #209e61; }
+.membership-pricing-table table .plan-header { text-align: center; font-size: 48px; border: 1px solid #e2e2e2; padding: 25px 0; }
+.membership-pricing-table table .plan-header-free { background-color: #eee; color: #555; }
+.membership-pricing-table table .plan-header-blue { color: #fff; background-color: #111; border-color: #000; }
+.membership-pricing-table table .plan-header-standard { color: #fff; background-color: #5E9ECA; border-color: #5E9ECA; }
+.membership-pricing-table table td { text-align: center; width: 15%; padding: 7px 10px; background-color: #fafafa; font-size: 14px; -webkit-box-shadow: 0 1px 0 #fff inset;
+    box-shadow: 0 1px 0 #fff inset; }
+.membership-pricing-table table,.membership-pricing-table table td { border: 1px solid #ebebeb; }
+.membership-pricing-table table tr td:first-child { background-color: transparent; text-align: right; width: 14%; }
+.membership-pricing-table table tr td:nth-child(5) { background-color: #FFF; }
+.membership-pricing-table table tr:first-child td,.membership-pricing-table table tr:nth-child(2) td { -webkit-box-shadow: none; box-shadow: none; }
+.membership-pricing-table table tr:first-child th:first-child { border-top-color: transparent; border-left-color: transparent; border-right-color: #e2e2e2; }
+.membership-pricing-table table tr:first-child th .pricing-plan-name { font-size: 22px; }
+.membership-pricing-table table tr:first-child th .pricing-plan-price { line-height: 35px; }
+.membership-pricing-table table tr:first-child th .pricing-plan-price>sup { font-size: 45%; }
+.membership-pricing-table table tr:first-child th .pricing-plan-price>i { font-size: 30%; }
+.membership-pricing-table table tr:first-child th .pricing-plan-period { margin-top:  10px; font-size: 25%; }
+.membership-pricing-table table .header-plan-inner { position: relative; }
+.membership-pricing-table table .recommended-plan-ribbon { box-sizing: content-box; background-color: #ffffff; color: #5E9ECA; position: absolute;
+    padding: 3px 6px; font-size: 11px!important; font-weight: 500; left: -6px; top: -22px; z-index: 99; width: 100%; -webkit-box-shadow: 0 -1px #c2284c inset;
+    box-shadow: 0 -1px #ffffff inset; text-shadow: 0 -1px #ffffff; }
+.membership-pricing-table table .recommended-plan-ribbon:before { border: solid; border-color: #ffffff transparent; border-width: 6px 0 0 6px;
+    bottom: -5px; content: ""; left: 0; position: absolute; z-index: 90; }
+.membership-pricing-table table .recommended-plan-ribbon:after { border: solid; border-color: #ffffff transparent; border-width: 6px 6px 0 0;
+    bottom: -5px; content: ""; right: 0; position: absolute; z-index: 90; }
+.membership-pricing-table table .plan-head { box-sizing: content-box; background-color: #ff9c00; border: 1px solid #cf7300; position: absolute; top: -33px;
+    left: -1px; height: 30px; width: 100%; border-bottom: none; }
+.membership-pricing-table table td i.fa-times-circle-o { color: red; }
\ No newline at end of file
diff --git a/resoft/css/shortcodes/progress-bar.css b/resoft/css/shortcodes/progress-bar.css
new file mode 100644
index 0000000..a3e40f0
--- /dev/null
+++ b/resoft/css/shortcodes/progress-bar.css
@@ -0,0 +1,37 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains Progress Bar (Skill) CSS.
+*/
+
+/*************************
+        skills 
+*************************/ 
+.skill-bar{width:100%; height:7px; margin:40px 0 20px 0; background-color:#eceff8; border-radius: 4px;}
+.skill-bar:not(:first-child){margin-top:64px;}
+.progress-bar{height:100%; border-radius: 4px; padding:0px; background:#5E9ECA; box-shadow:none; transition: width .9s ease; -webkit-transition: width .9s ease; -o-transition: width .9s ease; -ms-transition: width .9s ease; -moz-transition: width .9s ease; }
+.progress-title{color:#353535; font-size:18px;  font-weight:600;  position:absolute; text-align:left; margin-left:0;  margin-top:-28px;}
+.progress-title > i{margin-right:8px;}
+.progress-bar .progress-number,
+.progress-bar .progress-type{color:#353535; float:right; margin-top:-18px; position:relative; top:-10px; font-size:15px; font-weight: 600;}
+
+/* Dark Background */
+.text-white .skill-bar{background:rgba(255,255,255,0.25);}
+.text-white .progress-title{color:#ffffff;}
+.text-white .progress-bar .progress-number,
+.text-white .progress-bar .progress-type{color:#ffffff;}
+.theme-bg .progress-bar, .services-text-box-blue .progress-bar{background: #ffffff}
+
+/* big Skills */
+.skill-bar.skill-big { height:12px; }
+
+/* Medium Skills */
+.skill-bar.skill-medium { height:8px; }
+
+/* Small Skills */
+.skill-bar.skill-small { height:3px; }
+
+/* Dark Skills */
+.skill-bar.skill-dark .progress-bar { background:#353535; }
\ No newline at end of file
diff --git a/resoft/css/shortcodes/section-title.css b/resoft/css/shortcodes/section-title.css
new file mode 100644
index 0000000..f4fb9f0
--- /dev/null
+++ b/resoft/css/shortcodes/section-title.css
@@ -0,0 +1,52 @@
+
+/*Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains Section titles CSS.*/
+ 
+
+/*************************
+    Section title 1
+***********************/
+.section-title { margin-bottom: 40px; position: relative; }
+.section-title .title { margin-top: 0px; position: relative; } 
+.section-title .subtitle { font-size: 12px; letter-spacing: 1px; font-weight: 700; margin-bottom: 10px; text-transform: uppercase;} 
+.section-title p { margin-bottom: 0px; font-size: 14px; font-weight: 400; }
+
+/*line*/
+.section-title.line .title { padding-bottom: 20px; }
+.section-title.line .title:before { position: absolute; left: 0; bottom: 0; width: 80px; height: 3px; background: #5E9ECA; content: "";  }
+
+ /*title center */
+.section-title.center .title:before { left: 50%; margin-left: -35px; }
+.section-title.right .title:before { right: 0; left: inherit; margin-left: inherit; }
+
+/*bg */
+.section-title span.theme-bg { background: #5E9ECA; color: #ffffff; padding: 0 15px; } 
+
+/*dark-bg*/
+.section-title.dark-bg .title { color: #ffffff; } 
+.section-title.dark-bg .subtitle { color: #ffffff; } 
+.section-title.dark-bg p { color: #ffffff; }  
+.section-title.dark-bg.line .title:before { background: #ffffff; }
+.section-title.dark-bg span.theme-bg { background: #ffffff; color: #5E9ECA; }
+ 
+.title-effect  { z-index: 99; position: relative; display: inline-block; transition: transform 0.5s, color 0.5s; transition-timing-function: cubic-bezier(0.2,1,0.3,1); }
+.title-effect::before { content: ''; position: absolute; z-index: -1; width: 100%; height: 50%; left: 0; bottom: 0;	opacity: 0.2; transform: scale3d(0,1,1);
+	transform-origin: 0% 50%; transition: transform 0.5s; transition-timing-function: cubic-bezier(0.2,1,0.3,1); }
+.section-title:nth-child(odd) .title-effect::before { background: #5E9ECA; }
+
+section:hover .title-effect::before, section:focus .title-effect::before {transform: scale3d(1,1,1); }
+section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even) { color: #5E9ECA; }
+
+ /*dark*/
+section:nth-child(odd) .title-effect.dark::before { background: #ffffff; }
+section:hover .title-effect.dark:nth-child(even), section:focus .title-effect.dark:nth-child(even) { color: #ffffff; }
+
+/*.title-effect:hover:before, .title-effect:focus::before {transform: scale3d(1,1,1); }
+.title-effect:hover:nth-child(even), .title-effect:focus:nth-child(even) { color: #5E9ECA; }*/
+
+ /*dark*/
+/*.title-effect.dark:nth-child(odd):before { background: #ffffff; }
+.title-effect.dark:hover:nth-child(even), section .title-effect.dark:focus:nth-child(even) { color: #ffffff; }
\ No newline at end of file
diff --git a/resoft/css/shortcodes/shortcodes.css b/resoft/css/shortcodes/shortcodes.css
new file mode 100644
index 0000000..d57340d
--- /dev/null
+++ b/resoft/css/shortcodes/shortcodes.css
@@ -0,0 +1,38 @@
+/*
+
+Template: Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE:  This file includes all shortcode css. If you don't want to use any shortcode from below. You can simply remove that line from this file.
+
+*/
+ 
+/*shortcode*/
+@import url("accordion.css");
+@import url("action-box.css");
+@import url("blockquote.css");
+@import url("bootstrap-typography.css");
+@import url("button.css");
+@import url("clients.css");
+/*@import url("contact-form.css");*/
+@import url("countdown.css");
+@import url("counter.css");
+@import url("divider.css");
+@import url("dropcap.css");
+@import url("feature-text.css");
+@import url("list-style.css");
+@import url("nice-select.css");
+@import url("owl-carousel.css");
+@import url("page-title.css");
+@import url("pie-chart.css");
+@import url("pricing.css");
+@import url("progress-bar.css");
+@import url("section-title.css");
+@import url("shortcodes.css");
+@import url("social-icons.css");
+@import url("tabs.css");
+@import url("team.css");
+@import url("testimonial.css");
+@import url("side-panel.css");
+@import url("onload-modal.css");
diff --git a/resoft/css/shortcodes/side-panel.css b/resoft/css/shortcodes/side-panel.css
new file mode 100644
index 0000000..820e491
--- /dev/null
+++ b/resoft/css/shortcodes/side-panel.css
@@ -0,0 +1,173 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains Side panel CSS.
+*/
+
+html,
+body,
+.st-container,
+.st-pusher,
+.st-content { }
+.st-content { overflow-y: scroll; }
+.st-content,
+.st-content-inner { position: relative; }
+.st-container { position: relative; overflow-x: hidden; }
+.st-pusher { position: relative; left: 0; z-index: 99; height: 100%; -webkit-transition: -webkit-transform 0.5s;  -moz-transition: -moz-transform 0.5s;  -ms-transition: -ms-transform 0.5s;  -o-transition: -o-transform 0.5s;  transition: transform 0.5s; }
+.st-menu .newsletter-box.border { border-left: 0; border-right: 0; }
+.st-pusher::after { position: absolute; top: 0; right: 0; width: 0; height: 0; background: rgba(0, 0, 0, 0.6); content: ''; opacity: 0; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -o-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -ms-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -moz-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; }
+.st-menu-open .st-pusher::after { width: 100%; height: 100%; opacity: 1; z-index: 9999; -webkit-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; cursor: url("../../images/close.png") 25 25, pointer; }
+.st-menu { position: fixed; top: 0; left: 0; z-index: 9999; visibility: hidden; width: 380px; height: 100%; background: #ffffff; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
+.st-menu::after { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); content: ''; opacity: 1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; }
+.st-menu-open .st-menu::after { width: 0; height: 0; opacity: 0; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -moz-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -o-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -ms-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; }
+
+
+/* content style */
+.slide-logo { padding: 30px; }
+.slide-logo img { height: 50px; }
+.st-menu ul.menu { margin: 0; padding: 30px; list-style: none; }
+.st-menu ul.menu li { line-height: 60px; }
+.st-menu ul.menu li a { font-size: 30px; color: #323232; font-family: 'Nanum Gothic', serif; position: relative; }
+.st-menu ul.menu li a:before { opacity: 0; content: ''; position: absolute; left: 0; width: 0; height: 14px; background: rgba(132, 186, 63, 0.4); bottom: 0; transition: 0.3s ease-in-out; }
+.st-menu ul.menu li a:hover:before,
+.st-menu ul.menu li a.active:before,
+.st-menu ul.menu li a.active,
+.st-menu ul.menu li a:hover { opacity: 1; width: 100%; color: #5E9ECA; }
+.slide-footer { padding: 30px; }
+.slide-footer .social ul li { display: inline-block; }
+.slide-footer .social ul li a { font-size: 20px; padding-right: 20px; }
+.slide-footer .social ul li.facebook a { color: #5d82d1; }
+.slide-footer .social ul li.instagram a { color: #521313; }
+.slide-footer .social ul li.twitter a { color: #40bff5; }
+.slide-footer .social ul li.pinterest a { color: #e13138; }
+.slide-footer .social ul li.behance a { color: #1879fd; }
+.slide-footer .social ul li.google a { color: #ff0000; }
+
+/* Individual effects */
+
+/* Effect 1: Slide in on top */
+.st-effect-1.st-menu { visibility: visible; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
+.st-effect-1.st-menu-open .st-effect-1.st-menu { visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
+.st-effect-1.st-menu::after { display: none; }
+
+/* Effect 2: Reveal */
+.st-effect-2.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); }
+.st-effect-2.st-menu { z-index: 1; }
+.st-effect-2.st-menu-open .st-effect-2.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -ms-transition: -ms-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; }
+.st-effect-2.st-menu::after { display: none; }
+
+/* Effect 3: Push*/
+.st-effect-3.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); }
+.st-effect-3.st-menu { -webkit-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
+.st-effect-3.st-menu-open .st-effect-3.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; }
+.st-effect-3.st-menu::after { display: none; }
+
+/* Effect 4: Slide along */
+.st-effect-4.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); }
+.st-effect-4.st-menu { z-index: 1; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
+.st-effect-4.st-menu-open .st-effect-4.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);  -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
+.st-effect-4.st-menu::after { display: none; }
+
+/* Effect 5: Reverse slide out */
+.st-effect-5.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); }
+.st-effect-5.st-menu { z-index: 1; -webkit-transform: translate3d(50%, 0, 0); -ms-transform: translate3d(50%, 0, 0); -o-transform: translate3d(50%, 0, 0); -moz-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); }
+.st-effect-5.st-menu-open .st-effect-5.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -o-transition: -o-transform 0.5s; -ms-transition: -ms-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
+
+/* Effect 6: Rotate pusher */
+.st-effect-6.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; }
+.st-effect-6 .st-pusher { -webkit-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
+.st-effect-6.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0) rotateY(-15deg); -o-transform: translate3d(380px, 0, 0) rotateY(-15deg); -ms-transform: translate3d(380px, 0, 0) rotateY(-15deg); -moz-transform: translate3d(380px, 0, 0) rotateY(-15deg); transform: translate3d(380px, 0, 0) rotateY(-15deg); }
+.st-effect-6.st-menu { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
+.st-effect-6.st-menu-open .st-effect-6.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(-100%, 0, 0) rotateY(15deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(15deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(15deg); -o-transform: translate3d(-100%, 0, 0) rotateY(15deg); transform: translate3d(-100%, 0, 0) rotateY(15deg); }
+.st-effect-6.st-menu::after { display: none; }
+
+/* Effect 7: 3D rotate in */
+.st-effect-7.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; }
+.st-effect-7 .st-pusher { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
+.st-effect-7.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); }
+.st-effect-7.st-menu { -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(-90deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(-90deg); -o-transform: translate3d(-100%, 0, 0) rotateY(-90deg); transform: translate3d(-100%, 0, 0) rotateY(-90deg); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
+.st-effect-7.st-menu-open .st-effect-7.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -ms-transition: -ms-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg); -o-transform: translate3d(-100%, 0, 0) rotateY(0deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(0deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(0deg); transform: translate3d(-100%, 0, 0) rotateY(0deg); }
+
+/* Effect 8: 3D rotate out */
+.st-effect-8.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; }
+.st-effect-8 .st-pusher { -webkit-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
+.st-effect-8.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0);  -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); }
+.st-effect-8.st-menu { -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg); -o-transform: translate3d(-100%, 0, 0) rotateY(90deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(90deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(90deg); transform: translate3d(-100%, 0, 0) rotateY(90deg); -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }
+.st-effect-8.st-menu-open .st-effect-8.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(0deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(0deg); -o-transform: translate3d(-100%, 0, 0) rotateY(0deg); transform: translate3d(-100%, 0, 0) rotateY(0deg); }
+.st-effect-8.st-menu::after { display: none; }
+
+/* Effect 9: Scale down pusher */
+.st-effect-9.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; }
+.st-effect-9 .st-pusher { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
+.st-effect-9.st-menu-open .st-pusher { -webkit-transform: translate3d(0, 0, -380px); -ms-transform: translate3d(0, 0, -380px); -moz-transform: translate3d(0, 0, -380px); -o-transform: translate3d(0, 0, -380px); transform: translate3d(0, 0, -380px); }
+.st-effect-9.st-menu { opacity: 1; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
+.st-effect-9.st-menu-open .st-effect-9.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);  -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
+.st-effect-9.st-menu::after { display: none; }
+
+/* Effect 10: Scale up */
+.st-effect-10.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; }
+.st-effect-10.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); }
+.st-effect-10.st-menu { z-index: 1; opacity: 1; -webkit-transform: translate3d(0, 0, -380px); -moz-transform: translate3d(0, 0, -380px); -ms-transform: translate3d(0, 0, -380px); -o-transform: translate3d(0, 0, -380px); transform: translate3d(0, 0, -380px); }
+.st-effect-10.st-menu-open .st-effect-10.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
+
+/* Effect 11: Scale and rotate pusher */
+.st-effect-11.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; }
+.st-effect-11 .st-pusher { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
+.st-effect-11.st-menu-open .st-pusher { -webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg); -ms-transform: translate3d(100px, 0, -600px) rotateY(-20deg);  -moz-transform: translate3d(100px, 0, -600px) rotateY(-20deg); -o-transform: translate3d(100px, 0, -600px) rotateY(-20deg); transform: translate3d(100px, 0, -600px) rotateY(-20deg); }
+.st-effect-11.st-menu { opacity: 1; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
+.st-effect-11.st-menu-open .st-effect-11.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; -ms-transition: -ms-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
+.st-effect-11.st-menu::after { display: none; }
+
+/* Effect 12: Open door */
+.st-effect-12.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; }
+.st-effect-12 .st-pusher { -webkit-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
+.st-effect-12.st-menu-open .st-pusher { -webkit-transform: rotateY(-10deg); -moz-transform: rotateY(-10deg); -o-transform: rotateY(-10deg); -ms-transform: rotateY(-10deg); transform: rotateY(-10deg); }
+.st-effect-12.st-menu { opacity: 1; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
+.st-effect-12.st-menu-open .st-effect-12.st-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; -ms-transition: -ms-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
+.st-effect-12.st-menu::after { display: none; }
+
+/* Effect 13: Fall down */
+.st-effect-13.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; }
+.st-effect-13.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); }
+.st-effect-13.st-menu { z-index: 1; opacity: 1; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
+.st-effect-13.st-menu-open .st-effect-13.st-menu { visibility: visible; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -ms-transition-property: -ms-transform; -o-transition-property: -o-transform; transition-property: transform; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-speed: 0.2s; -o-transition-speed: 0.2s; -moz-transition-speed: 0.2s; -ms-transition-speed: 0.2s; transition-speed: 0.2s; }
+
+/* Effect 14: Delayed 3D rotate */
+.st-effect-14.st-container { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; -moz-perspective-origin: 0% 50%; -ms-perspective-origin: 0% 50%; -o-perspective-origin: 0% 50%; perspective-origin: 0% 50%; }
+.st-effect-14 .st-pusher { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
+.st-effect-14.st-menu-open .st-pusher { -webkit-transform: translate3d(380px, 0, 0); -moz-transform: translate3d(380px, 0, 0); -ms-transform: translate3d(380px, 0, 0); -o-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); }
+.st-effect-14.st-menu { -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(90deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(90deg); -o-transform: translate3d(-100%, 0, 0) rotateY(90deg); transform: translate3d(-100%, 0, 0) rotateY(90deg); -webkit-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
+.st-effect-14.st-menu-open .st-effect-14.st-menu { visibility: visible; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-property: -webkit-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(0deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(0deg); -o-transform: translate3d(-100%, 0, 0) rotateY(0deg); transform: translate3d(-100%, 0, 0) rotateY(0deg); }
+
+/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
+.no-csstransforms3d .st-pusher,
+.no-js .st-pusher { padding-left: 380px; }
+
+/*************************************
+             v1.2
+**************************************/
+/*right-side*/
+.st-menu.right-side { right: 0; left: inherit; }
+
+/* Effect 1: Slide in on top */
+.st-effect-1.st-menu.right-side { background: #ffffff url(../../images/objects/sidemenu_bg.png) no-repeat; visibility: visible; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
+.st-effect-1.st-menu-open.right-side .st-effect-1.st-menu.right-side { visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
+.st-effect-1.right-side.st-menu::after { display: none; }
+
+/*big-side */
+.st-menu.big-side { width: 550px; }
+.st-menu.big-side ul.menu { padding-bottom: 0px; }
+.st-menu.big-side ul.menu li a { font-size: 40px; line-height: 40px; font-weight: 500; }
+
+.st-menu.big-side .right-side-bottom { position: relative; top: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
+
+.social-icons.width-half ul { display: inline-block; }
+.social-icons.width-half ul li { width: 49%; float: left; margin: 0; }
+.social-icons.width-half ul li a { text-align: left; }
+
+/*slide-footer-content*/
+.slide-footer-content { padding: 30px 30px 30px 0; margin-bottom: 30px; position: relative; }
+.slide-footer-content p {font-size: 16px; font-weight: bold; line-height: 30px; font-style: italic; }
+ 
\ No newline at end of file
diff --git a/resoft/css/shortcodes/social-icons.css b/resoft/css/shortcodes/social-icons.css
new file mode 100644
index 0000000..f3a4529
--- /dev/null
+++ b/resoft/css/shortcodes/social-icons.css
@@ -0,0 +1,249 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains social icon CSS.
+*/
+
+/*************************
+	   social-icon
+*************************/
+.social-icons ul{padding:0;}
+.text-center.social-icons ul{display:inline-block;}
+.social-icons li{float:left; list-style:none; padding:0; margin:0 8px 8px 0;}
+.social-icons li a { float: left; height: 32px; width: 32px; line-height: 33px; font-size: 16px; text-align: center; margin:0; border-radius: 4px; border: 0; background: transparent; color: #333; overflow: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
+
+.text-white .social-icons li a{color:#ffffff;}
+
+/*Colored*/
+.social-icons.color a,
+.social-icons.color-hover a:hover{color:#fff; border:0;}
+
+.social-icons.color .social-rss a,
+.social-icons.color-hover .social-rss a:hover {background-color: #faa33d;}
+
+.social-icons.color .social-facebook a,
+.social-icons.color-hover .social-facebook a:hover{background-color:#5d82d1;}
+
+.social-icons.color .social-twitter a,
+.social-icons.color-hover .social-twitter a:hover{background-color:#40bff5;}
+
+.social-icons.color .social-vimeo a,
+.social-icons.color-hover .social-vimeo a:hover{background-color:#35c6ea;}
+
+.social-icons.color .social-myspace a,
+.social-icons.color-hover .social-myspace a:hover{background-color:#008dde;}
+
+.social-icons.color .social-youtube a,
+.social-icons.color-hover .social-youtube a:hover{background-color:#ef4e41;}
+
+.social-icons.color .social-instagram a,
+.social-icons.color-hover .social-instagram a:hover{background-color:#e1326b;}
+
+.social-icons.color .social-gplus a,
+.social-icons.color-hover .social-gplus a:hover{background-color:#d68400;}
+
+.social-icons.color .social-stumbleupon a,
+.social-icons.color-hover .social-stumbleupon a:hover{background-color:#ff5c30;}
+
+.social-icons.color .social-lastfm a,
+.social-icons.color-hover .social-lastfm a:hover{background-color:#f34320;}
+
+.social-icons.color .social-pinterest a,
+.social-icons.color-hover .social-pinterest a:hover{background-color:#e13138;}
+
+.social-icons.color .social-google a,
+.social-icons.color-hover .social-google a:hover{background-color:#eb5e4c;}
+
+.social-icons.color .social-evernote a,
+.social-icons.color-hover .social-evernote a:hover{background-color:#9acf4f;}
+
+.social-icons.color .social-dribbble a,
+.social-icons.color-hover .social-dribbble a:hover{background-color:#f7659c;}
+
+.social-icons.color .social-skype a,
+.social-icons.color-hover .social-skype a:hover{background-color:#13c1f3;}
+
+.social-icons.color .social-forrst a,
+.social-icons.color-hover .social-forrst a:hover{background-color:#45ad76;}
+
+.social-icons.color .social-linkedin a,
+.social-icons.color-hover .social-linkedin a:hover{background-color:#238cc8;}
+
+.social-icons.color .social-wordpress a,
+.social-icons.color-hover .social-wordpress a:hover{background-color:#2592c3;}
+
+.social-icons.color .social-grooveshark a,
+.social-icons.color-hover .social-grooveshark a:hover{background-color:#ffb21d;}
+
+.social-icons.color .social-delicious a,
+.social-icons.color-hover .social-delicious a:hover{background-color:#377bda;}
+
+.social-icons.color .social-behance a,
+.social-icons.color-hover .social-behance a:hover{background-color:#1879fd;}
+
+.social-icons.color .social-dropbox a,
+.social-icons.color-hover .social-dropbox a:hover{background-color:#17a3eb;}
+
+.social-icons.color .social-soundcloud a,
+.social-icons.color-hover .social-soundcloud a:hover{background-color:#ff7e30;}
+
+.social-icons.color .social-deviantart a,
+.social-icons.color-hover .social-deviantart a:hover{background-color:#6a8a7b;}
+
+.social-icons.color .social-yahoo a,
+.social-icons.color-hover .social-yahoo a:hover{background-color:#ab47ac;}
+
+.social-icons.color .social-flickr a,
+.social-icons.color-hover .social-flickr a:hover{background-color:#ff48a3;}
+
+.social-icons.color .social-digg a,
+.social-icons.color-hover .social-digg a:hover{background-color:#75788d;}
+
+.social-icons.color .social-blogger a,
+.social-icons.color-hover .social-blogger a:hover{background-color:#ff9233;}
+
+.social-icons.color .social-tumblr a,
+.social-icons.color-hover .social-tumblr a:hover{background-color:#426d9b;}
+
+.social-icons.color .social-quora a,
+.social-icons.color-hover .social-quora a:hover{background-color:#ea3d23;}
+
+.social-icons.color .social-github a,
+.social-icons.color-hover .social-github a:hover{background-color:#3f91cb;}
+
+.social-icons.color .social-amazon a,
+.social-icons.color-hover .social-amazon a:hover{background-color:#ff8e2e;}
+
+.social-icons.color .social-xing a,
+.social-icons.color-hover .social-xing a:hover{background-color:#1a8e8c;}
+
+.social-icons.color .social-wikipedia a,
+.social-icons.color-hover .social-wikipedia a:hover{background-color:#b3b5b8;}
+
+.social-icons.color .social-android a,
+.social-icons.color-hover .social-android a:hover{background-color:#A4C639;}
+
+.social-icons.color .social-apple a,
+.social-icons.color-hover .social-apple a:hover{background-color:#999999;}
+
+/* Border */
+.social-icons.border li a{border:1px solid #eee;   background:transparent;}
+
+/* Dark */
+.social-icons.social-icons-dark li a{background:#888; color:#fff;}
+
+/* Light */
+.social-icons.light li a{background:#fff; color:#333; border:1px solid #eee;}
+
+/* Rounded */
+.social-icons.rounded li a{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
+
+/* Medium Size */
+.social-icons.medium li a{height:42px; width:42px; line-height:42px; font-size:18px;}
+
+/* Large Size */
+.social-icons.social-icons-large li a{height:48px; width:48px; line-height:48px; font-size:18px; margin:0 10px 10px 0;}
+.social-icons:not(.color):not(.color-hover) li a:hover{background-color: #eee;}
+.social-icons li:hover i{-webkit-animation: toTopFromBottom 0.3s forwards; -moz-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards;}
+
+@-webkit-keyframes toTopFromBottom {
+    49% {-webkit-transform: translateY(-100%);}
+    50% {opacity: 0; -webkit-transform: translateY(100%);}
+    51% {opacity: 1;}
+}
+@-moz-keyframes toTopFromBottom {
+    49% {-moz-transform: translateY(-100%);}
+    50% {opacity: 0; -moz-transform: translateY(100%);}
+    51% {opacity: 1;}
+}
+@keyframes toTopFromBottom {
+    49% {transform: translateY(-100%);}
+    50% {opacity: 0; transform: translateY(100%);}
+    51% {opacity: 1;}
+}
+
+.social-icons.big li a { height:62px; width:62px; line-height:62px; font-size:18px; }
+
+ 
+/*icon */
+.social-icons.color-icon a { #5E9ECA; }
+
+.social-icons.color-icon .social-rss a  { color: #faa33d;}
+
+.social-icons.color-icon .social-facebook a { color:#5d82d1;}
+
+.social-icons.color-icon .social-twitter a { color:#40bff5;}
+
+.social-icons.color-icon .social-vimeo a { color:#35c6ea;}
+
+.social-icons.color-icon .social-myspace a { color:#008dde;}
+
+.social-icons.color-icon .social-youtube a { color:#ef4e41;}
+
+.social-icons.color-icon .social-instagram a { color:#e1326b;}
+
+.social-icons.color-icon .social-gplus a { color:#d68400;}
+
+.social-icons.color-icon .social-stumbleupon a { color:#ff5c30;}
+
+.social-icons.color-icon .social-lastfm a { color:#f34320;}
+
+.social-icons.color-icon .social-pinterest a { color:#e13138;}
+
+.social-icons.color-icon .social-google a { color:#eb5e4c;}
+
+.social-icons.color-icon .social-evernote a { color:#9acf4f;}
+
+.social-icons.color-icon .social-dribbble a { color:#f7659c;}
+
+.social-icons.color-icon .social-skype a { color:#13c1f3;}
+
+.social-icons.color-icon .social-forrst a { color:#45ad76;}
+
+.social-icons.color-icon .social-linkedin a { color:#238cc8;}
+
+.social-icons.color-icon .social-wordpress a { color:#2592c3;}
+
+.social-icons.color-icon .social-grooveshark a { color:#ffb21d;}
+
+.social-icons.color-icon .social-delicious a { color:#377bda;}
+
+.social-icons.color-icon .social-behance a { color:#1879fd;}
+
+.social-icons.color-icon .social-dropbox a { color:#17a3eb;}
+
+.social-icons.color-icon .social-soundcloud a { color:#ff7e30;}
+
+.social-icons.color-icon .social-deviantart a { color:#6a8a7b;}
+
+.social-icons.color-icon .social-yahoo a { color:#ab47ac;}
+
+.social-icons.color-icon .social-flickr a { color:#ff48a3;}
+
+.social-icons.color-icon .social-digg a { color:#75788d;}
+
+.social-icons.color-icon .social-blogger a { color:#ff9233;}
+
+.social-icons.color-icon .social-tumblr a { color:#426d9b;}
+
+.social-icons.color-icon .social-quora a { color:#ea3d23;}
+
+.social-icons.color-icon .social-github a { color:#3f91cb;}
+
+.social-icons.color-icon .social-amazon a { color:#ff8e2e;}
+
+.social-icons.color-icon .social-xing a { color:#1a8e8c;}
+
+.social-icons.color-icon .social-wikipedia a { color:#b3b5b8;}
+
+.social-icons.color-icon .social-android a { color:#A4C639;}
+
+.social-icons.color-icon .social-apple a { color:#999999;}
+
+.social-icons.text-social li a { width: inherit; height: inherit; font-size: 18px; font-weight: bold; }
+.social-icons.text-social li a:hover { background: transparent; }
+.social-icons:not(.color):not(.color-hover) li a:hover { background: transparent; }
+
+
diff --git a/resoft/css/shortcodes/tabs.css b/resoft/css/shortcodes/tabs.css
new file mode 100644
index 0000000..615064e
--- /dev/null
+++ b/resoft/css/shortcodes/tabs.css
@@ -0,0 +1,53 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains tab CSS.
+*/
+
+/*************************
+        tab
+*************************/
+ /*tab 1*/
+.tab .nav.nav-tabs { border: none; margin-bottom: 30px; }
+.tab .nav.nav-tabs li { margin-bottom: 0px; float: none; display: inline-block; }
+.tab .nav.nav-tabs li a { border: none; line-height: normal; border-radius: 0px; padding: 12px 30px; background: #f6f7f8; color: #353535; border:1px solid #eeeeee; }
+.tab .nav.nav-tabs li a i { padding-right: 15px; }
+.tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover {  background: #5E9ECA; color: #fff; border-color:#5E9ECA; }
+
+/*nav-border*/
+.nav-border .nav.nav-tabs li a { margin-right: 0; border:1px solid #eeeeee; background: transparent; }
+.nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover { color: #ffffff;  background: #5E9ECA;  border-color:#5E9ECA; }
+
+/*tab-border*/
+.tab-border .nav.nav-tabs { margin-bottom: 0; }
+.tab-border .tab-content { padding: 20px; border:1px solid #eeeeee; margin-top: -2px; }
+.tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover { color: #5E9ECA;  background: #ffffff !important;  border-color:#eeeeee; border-bottom: 0; }
+
+/*nav-center*/
+.nav-center .nav.nav-tabs { text-align: center; }
+
+/*round*/
+.round .nav.nav-tabs li a { border: none; line-height: normal; margin-right: 10px; border-radius: 90px; padding: 12px 30px; background: #f6f7f8; color: #353535; }
+ 
+/*shadow*/
+.shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover { color: #5E9ECA;  background: #ffffff !important;  border-color:#eeeeee; border-bottom: 0; box-shadow:  0px 3px 10px rgba(0, 0, 0, 0.1); }
+
+/*tab-vertical*/
+.tab-vertical .nav-tabs { float: left; width: 25%; }
+.tab-vertical .nav.nav-tabs li {  display: block; }
+.tab-vertical .nav.nav-tabs li a { border-right: 0; border-top: 0; padding: 14px 30px; }
+.tab-vertical .nav.nav-tabs li:first-child a { border-top: 1px solid #eeeeee; }
+.tab-vertical .tab-content { background-color: #fff; border: 1px solid #e9e9e9; padding: 40px 30px; margin-left: 24.8%; line-height: 30px; margin-top: 0; }
+.tab-vertical .tab-content p { line-height: 30px; }
+.tab-vertical .nav.nav-tabs > li.active > a, .tab-vertical .nav.nav-tabs > li.active > a:focus, .tab-vertical .nav.nav-tabs > li.active > a:hover { border-bottom: 1px solid #eeeeee; }
+
+/*vertical-right*/
+.vertical-right .nav-tabs { float: right; }
+.vertical-right .nav.nav-tabs li a { border-right: 1px solid #eeeeee; border-left: 0; }
+.vertical-right .tab-content {  margin-right: 24.8%; margin-left: inherit; text-align: right; }
+
+/* dropdown */
+.tab-dropdown .tab-content { margin-top: 30px; }
+.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { background: #5E9ECA; color: #ffffff; }
\ No newline at end of file
diff --git a/resoft/css/shortcodes/team.css b/resoft/css/shortcodes/team.css
new file mode 100644
index 0000000..2e898f9
--- /dev/null
+++ b/resoft/css/shortcodes/team.css
@@ -0,0 +1,62 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains Team CSS.
+*/
+
+/*************************
+        team
+*************************/
+.team { text-align: center; overflow: hidden; }
+.team .team-description { padding: 30px 20px; }
+.team .team-info h5 { text-transform: uppercase; }
+.team .team-info span { font-size: 14px; text-transform: uppercase;}
+.team .social-icons { text-align: center; display: inline-block; margin-top: 20px; } 
+.team .team-contact span { display: block; font-size: 14px; }
+.team .team-contact span.call { font-size: 20px; line-height: 28px; font-weight: 600; margin: 10px 0; color: #5E9ECA; }
+.team .team-contact span i { padding-right: 5px; }
+
+/*team-hover*/
+.team.team-hover .social-icons { position: absolute; top: 0; left: 10px; opacity: 0; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; }
+.team.team-hover .social-icons ul { display: block; }
+.team.team-hover .social-icons li { display: block; float: none; clear: both; }
+.team.team-hover .social-icons li a { margin: 3px 0; border-radius: 50%; }
+.team.team-hover:hover .social-icons { opacity: 1; left: 40px; }
+
+/*team border*/
+.team-border .team-description { border:1px solid #eeeeee; }
+
+/*team bg*/
+.team-bg .team-description {  background: #f6f7f8; }
+
+/*team shadow*/
+.team-shadow { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); }
+
+/*team round*/
+.team-round .team-photo img { border-radius: 50%; }
+
+/*team full border*/
+.team-round.full-border { padding: 30px; border:1px solid #eeeeee; }
+.team-round.full-border .team-contact span.call { font-size: 16px; line-height: 22px; font-weight: normal; color: #363636; }
+.team-round.full-border .team-contact span.email { font-size: 17px; color: #5E9ECA; }
+.team-round.full-border .team-description { padding-bottom: 0; }
+.team.team-list { clear: both; }
+.team.team-list h5 { font-size: 26px; }
+.team.team-list .team-info span { font-size: 18px; }
+.team.team-list .team-photo { float: left; width: 40%; } 
+.team.team-list .team-description { position: relative; overflow: hidden; text-align: left; } 
+.team.team-list .team-description { padding-top: 0; }
+.team.team-list.team-hover .social-icons { opacity: 1; left: inherit; top: inherit; margin-top:15px; }
+.team.team-list.team-hover .social-icons li { float: left;  }
+.team.team-list.team-hover .team-description { padding: 30px 20px 50px; }
+
+/*team-overlay*/
+.team.team-overlay { position: relative; }
+.team.team-overlay .team-description { width: 100%; padding: 10px 0px; position: absolute;  bottom: 10px; display: block;  margin-top: 0; float: left; z-index: 9; padding-left: 20px; left: 0;  transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; }
+.team.team-overlay .team-description span { display: block; }
+.team.team-overlay:before { z-index: 1; position: absolute; width: 100%; left: 0; right: 0; bottom: 0; content: ""; ackground: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%);  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; }
+.team.team-overlay img { transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
+.team.team-overlay:hover img { -webkit-transform:scale(1.20);  -moz-transform:scale(1.20); -ms-transform:scale(1.20);  -o-transform:scale(1.20);  transform:scale(1.20); }
+.team.team-overlay.team-hover .social-icons, .team.team-overlay.team-hover .team-contact { display: none; }
\ No newline at end of file
diff --git a/resoft/css/shortcodes/testimonial.css b/resoft/css/shortcodes/testimonial.css
new file mode 100644
index 0000000..fe1b396
--- /dev/null
+++ b/resoft/css/shortcodes/testimonial.css
@@ -0,0 +1,58 @@
+/*
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This file contains testimonial CSS.
+*/
+
+/*************************
+    testimonial
+*************************/
+.testimonial {position: relative; background:#f9f9f9; padding:85px 50px 45px 70px; margin:0 0px 4px 0; margin-top:45px; color:#656565; font-weight:400; line-height:24px; text-align:center; }
+.testimonial-avatar{position: absolute; left: 50%; margin-left:-40px; top:-45px; width:100px; height:100px;}
+.testimonial-avatar img{border:4px solid #5E9ECA; max-width:100%; border-radius: 50%;}
+
+.testimonial-info{position: relative;}
+.testimonial-info:before{position:absolute; top:-15px; left:-35px; color:#5E9ECA; content: "\201C"; font-family: Georgia, serif; font-size:100px;}
+
+.author-info{font-size:16px; color:#032323; text-transform:uppercase; margin-top:20px; position:relative;}
+.author-info strong{font-weight:500;}
+.author-info span{font-weight: normal; color: #5E9ECA; text-transform:none;}
+
+/* Light */
+.testimonial.light { background:#fff; }
+
+/* Text White */
+.text-white .testimonial, .testimonial.text-white { color:#fff; }
+.text-white .testimonial .author-info { color:#fff; }
+
+/* Clean */
+.testimonial.clean { background:none; box-shadow:none; padding-bottom:0; padding:0 50px 25px 70px; margin-top:0; }
+.testimonial.clean .testimonial-avatar { position:relative; top:0; margin-bottom:20px; }
+
+.testimonial.text-white.clean .author-info { color:#5E9ECA; }
+.theme-bg .testimonial.clean { padding-bottom:10px; margin-bottom:0;}
+.theme-bg .testimonial.clean .author-info { color:#032323; }
+.theme-bg .testimonial.clean .testimonial-avatar img { border-color:#ffffff; }
+.testimonial.text-white.clean .testimonial-info:before,
+.testimonial.text-white.clean .author-info span { color:#ffffff; }
+.testimonial.text-white.clean .author-info:before{ background:#ffffff;}
+
+/* Left Position */
+.testimonial.left_pos { margin-left: 40px; padding:60px 40px 40px 100px; text-align:left; }
+.testimonial.left_pos .testimonial-avatar { left:0; margin-top:-50px; top:50%; }
+.testimonial.left_pos .author-info:before { margin-left:0; left:0; }
+
+/* Bottom Position */
+.testimonial.bottom_pos { padding:60px 40px 40px 60px; text-align: left; margin-top:0; margin-bottom:70px; }
+.testimonial.bottom_pos .testimonial-avatar { bottom: -50px; top: inherit; left: 0px; margin-left: 50px; } 
+.testimonial.bottom_pos .author-info { margin-left:125px; }
+.testimonial.bottom_pos .author-info:before { margin-left:0; left:0; }
+
+/* green BG */
+.testimonial.theme-bg { background:#5E9ECA; color:#ffffff; }
+.testimonial.theme-bg .testimonial-info:before,
+.testimonial.theme-bg .author-info span { color:#ffffff; }
+.testimonial.theme-bg .testimonial-avatar img { border-color:#ffffff; color:#ffffff; }
+.testimonial.theme-bg .author-info:before { background:#ffffff; }
\ No newline at end of file
diff --git a/resoft/css/skins/skin-blue-gem.css b/resoft/css/skins/skin-blue-gem.css
new file mode 100644
index 0000000..62585b3
--- /dev/null
+++ b/resoft/css/skins/skin-blue-gem.css
@@ -0,0 +1,111 @@
+/*
+
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is color stylesheet of Color Scheme.
+
+*/
+
+/*************************
+		General
+*************************/
+/** selection **/
+*::-moz-selection { background: #5713A9; color: #fff; text-shadow: none; }
+::-moz-selection { background: #5713A9; color: #fff; text-shadow: none; }
+::selection { background: #5713A9; color: #fff; text-shadow: none; }
+
+/*************************
+	 Background Color
+*************************/
+ 
+.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #5713A9;}
+
+/*v1.2*/
+.popup-video-image a i { background: #5713A9;}
+
+/*v1.3.1*/
+.conference-video .popup-video  a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #5713A9;}
+
+/*v1.2*/
+.login-box-theme:before, .login-box-theme:after { background: #5713A9;}
+
+/*************************
+        Color
+*************************/
+ a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover,
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, 
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #5713A9; }
+
+/*v1.2*/
+.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #5713A9; }
+
+/*v1.3*/
+.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #5713A9; }
+.isotope-filters.dark-bg button.active, .isotope-filters  button:hover { border-color:  #5713A9; }
+
+/*v1.3.1*/
+.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video  a i { color: #5713A9; }
+
+/*v1.0.4*/
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #5713A9; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #5713A9; }
+
+/*************************
+	 Border Color
+*************************/
+ 
+.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #5713A9; }
+
+/*v1.3.1*/
+.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #5713A9; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #5713A9; }
+
+.progress-bar-new { background-color: #5713A9; }
+
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #5713A9; border-right-color:#5713A9; }
+
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #5713A9; }
+
+.rev-color { color: #5713A9 !important; }
+.rev-button { background: #5713A9 !important;  }
+.rev-button:hover { background: #ffffff !important; color: #323232 !important; }
+.rev-bg { background: #5713A9 !important; }
+
+/*************************
+	 Rgba Background Color
+*************************/
+
+ /*important*/
+ .footer .footer-social ul li a:hover, .slider-content .typer { color: #5713A9 !important; }
+
+ .st-menu ul.menu li a:before { background: rgba(87, 19, 169, 0.4); }
+
+/*dark blue*/
+.agency-form .contact-form, .agency-counter .row { background: #4b0d95; }
+
+
+
+.bg-overlay-theme-10:before {  background: rgba(87, 19, 169, 0.1); }
+.bg-overlay-theme-20:before {  background: rgba(87, 19, 169, 0.2); }
+.bg-overlay-theme-30:before {  background: rgba(87, 19, 169, 0.3); }
+.bg-overlay-theme-40:before {  background: rgba(87, 19, 169, 0.4); }
+.bg-overlay-theme-50:before {  background: rgba(87, 19, 169, 0.5); }
+.bg-overlay-theme-60:before {  background: rgba(87, 19, 169, 0.6); }
+.bg-overlay-theme-70:before {  background: rgba(87, 19, 169, 0.7); }
+.bg-overlay-theme-80:before {  background: rgba(87, 19, 169, 0.8); }
+.bg-overlay-theme-90:before {  background: rgba(87, 19, 169, 0.9); }
+ 
+
+
+ 
+ 
+ 
+
+ 
+  
\ No newline at end of file
diff --git a/resoft/css/skins/skin-blue.css b/resoft/css/skins/skin-blue.css
new file mode 100644
index 0000000..a4c9d93
--- /dev/null
+++ b/resoft/css/skins/skin-blue.css
@@ -0,0 +1,110 @@
+/*
+
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is color stylesheet of Color Scheme.
+
+*/
+
+/*************************
+		General
+*************************/
+/** selection **/
+*::-moz-selection { background: #299be8; color: #fff; text-shadow: none; }
+::-moz-selection { background: #299be8; color: #fff; text-shadow: none; }
+::selection { background: #299be8; color: #fff; text-shadow: none; }
+
+/*************************
+	 Background Color
+*************************/
+ 
+.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #299be8;}
+
+
+/*v1.2*/
+.popup-video-image a i { background: #299be8;}
+
+/*v1.3.1*/
+.conference-video .popup-video  a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #299be8;}
+
+/*v1.2*/
+.login-box-theme:before, .login-box-theme:after { background: #299be8;}
+
+
+/*************************
+        Color
+*************************/
+ 
+a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover,
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, 
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #299be8; }
+
+/*v1.2*/
+.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #299be8; }
+
+/*v1.3*/
+.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #299be8; }
+.isotope-filters.dark-bg button.active, .isotope-filters  button:hover { border-color:  #299be8; }
+
+/*v1.3.1*/
+.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video  a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #299be8; }
+
+/*v1.0.4*/
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #299be8; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #299be8; }
+ 
+/*************************
+	 Border Color
+*************************/
+ 
+.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #299be8; }
+
+/*v1.3.1*/
+.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #299be8; }
+ 
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #299be8; }
+
+.progress-bar-new { background-color: #299be8; }
+
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #299be8; border-right-color:#299be8; }
+
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #299be8; }
+
+.rev-color { color: #299be8 !important; }
+.rev-button { background: #299be8 !important;  }
+.rev-button:hover { background: #ffffff !important; color: #323232 !important; }
+.rev-bg { background: #299be8 !important; }
+
+/*************************
+	 Rgba Background Color
+*************************/
+
+ /*important*/
+ .footer .footer-social ul li a:hover, .slider-content .typer { color: #299be8 !important; }
+
+ .st-menu ul.menu li a:before { background: rgba(41, 155, 232, 0.4); }
+ 
+/*dark blue*/
+.agency-form .contact-form, .agency-counter .row { background: #1d7ebf; }
+
+
+.bg-overlay-theme-10:before {  background: rgba(41, 155, 232, 0.1); }
+.bg-overlay-theme-20:before {  background: rgba(41, 155, 232, 0.2); }
+.bg-overlay-theme-30:before {  background: rgba(41, 155, 232, 0.3); }
+.bg-overlay-theme-40:before {  background: rgba(41, 155, 232, 0.4); }
+.bg-overlay-theme-50:before {  background: rgba(41, 155, 232, 0.5); }
+.bg-overlay-theme-60:before {  background: rgba(41, 155, 232, 0.6); }
+.bg-overlay-theme-70:before {  background: rgba(41, 155, 232, 0.7); }
+.bg-overlay-theme-80:before {  background: rgba(41, 155, 232, 0.8); }
+.bg-overlay-theme-90:before {  background: rgba(41, 155, 232, 0.9); }
+
+
+ 
+
+
+
diff --git a/resoft/css/skins/skin-brown.css b/resoft/css/skins/skin-brown.css
new file mode 100644
index 0000000..f8ee68c
--- /dev/null
+++ b/resoft/css/skins/skin-brown.css
@@ -0,0 +1,100 @@
+/*
+
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is color stylesheet of Color Scheme.
+
+*/
+
+/*************************
+		General
+*************************/
+/** selection **/
+*::-moz-selection { background: #885830; color: #fff; text-shadow: none; }
+::-moz-selection { background: #885830; color: #fff; text-shadow: none; }
+::selection { background: #885830; color: #fff; text-shadow: none; }
+
+/*************************
+	 Background Color
+*************************/
+ 
+.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #885830;}
+
+/*v1.2*/
+.popup-video-image a i { background: #5713A9;}
+
+/*v1.3.1*/
+.conference-video .popup-video  a i:hover, .popup-video-image a i, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #885830;}
+
+/*v1.2*/
+.login-box-theme:before, .login-box-theme:after { background: #885830;}
+
+/*************************
+        Color
+*************************/
+ a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover,
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, 
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #885830; }
+
+/*v1.2*/
+.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #5713A9; }
+
+/*v1.3*/
+.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #5713A9; }
+.isotope-filters.dark-bg button.active, .isotope-filters  button:hover { border-color:  #5713A9; }
+
+/*v1.3.1*/
+.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video  a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #885830; }
+
+/*v1.0.4*/
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #885830; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #885830; }
+
+/*************************
+	 Border Color
+*************************/
+ 
+.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #885830; }
+
+/*v1.3.1*/
+.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #885830; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #885830; }
+
+.progress-bar-new { background-color: #885830; }
+
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #885830; border-right-color:#885830; }
+
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #885830; }
+
+.rev-color { color: #885830 !important; }
+.rev-button { background: #885830 !important;  }
+.rev-button:hover { background: #ffffff !important; color: #323232 !important; }
+.rev-bg { background: #885830 !important; }
+
+/*************************
+	 Rgba Background Color
+*************************/
+
+ /*important*/
+ .footer .footer-social ul li a:hover, .slider-content .typer { color: #885830 !important; }
+
+ .st-menu ul.menu li a:before { background: rgba(136, 88, 48, 0.4); }
+ 
+/*dark blue*/
+.agency-form .contact-form, .agency-counter .row { background: #784b25; } 
+
+.bg-overlay-theme-10:before {  background: rgba(136, 88, 48, 0.1); }
+.bg-overlay-theme-20:before {  background: rgba(136, 88, 48, 0.2); }
+.bg-overlay-theme-30:before {  background: rgba(136, 88, 48, 0.3); }
+.bg-overlay-theme-40:before {  background: rgba(136, 88, 48, 0.4); }
+.bg-overlay-theme-50:before {  background: rgba(136, 88, 48, 0.5); }
+.bg-overlay-theme-60:before {  background: rgba(136, 88, 48, 0.6); }
+.bg-overlay-theme-70:before {  background: rgba(136, 88, 48, 0.7); }
+.bg-overlay-theme-80:before {  background: rgba(136, 88, 48, 0.8); }
+.bg-overlay-theme-90:before {  background: rgba(136, 88, 48, 0.9); }
\ No newline at end of file
diff --git a/resoft/css/skins/skin-chestnut-rose.css b/resoft/css/skins/skin-chestnut-rose.css
new file mode 100644
index 0000000..90ffc0d
--- /dev/null
+++ b/resoft/css/skins/skin-chestnut-rose.css
@@ -0,0 +1,101 @@
+/*
+
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is color stylesheet of Color Scheme.
+
+*/
+
+/*************************
+		General
+*************************/
+/** selection **/
+*::-moz-selection { background: #D35665; color: #fff; text-shadow: none; }
+::-moz-selection { background: #D35665; color: #fff; text-shadow: none; }
+::selection { background: #D35665; color: #fff; text-shadow: none; }
+
+/*************************
+	 Background Color
+*************************/
+ 
+.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #D35665;}
+
+/*v1.2*/
+.popup-video-image a i { background: #D35665;}
+
+/*v1.3.1*/
+.conference-video .popup-video  a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #D35665;}
+
+/*v1.2*/
+.login-box-theme:before, .login-box-theme:after { background: #D35665;}
+
+/*************************
+        Color
+*************************/
+ a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover,
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, 
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #D35665; }
+
+/*v1.2*/
+.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #D35665; }
+
+/*v1.3*/
+.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #D35665; }
+.isotope-filters.dark-bg button.active, .isotope-filters  button:hover { border-color:  #D35665; }
+
+/*v1.3.1*/
+.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video  a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #D35665; }
+
+/*v1.0.4*/
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #D35665; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #D35665; }
+
+/*************************
+	 Border Color
+*************************/
+ 
+.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #D35665; }
+
+/*v1.3.1*/
+.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #D35665; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #D35665; }
+
+.progress-bar-new { background-color: #D35665; }
+
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #D35665; border-right-color:#D35665; }
+
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #D35665; }
+
+.rev-color { color: #D35665 !important; }
+.rev-button { background: #D35665 !important;  }
+.rev-button:hover { background: #ffffff !important; color: #323232 !important; }
+.rev-bg { background: #D35665 !important; }
+
+/*************************
+	 Rgba Background Color
+*************************/
+
+ /*important*/
+ .footer .footer-social ul li a:hover, .slider-content .typer { color: #D35665 !important; }
+
+ .st-menu ul.menu li a:before { background: rgba(211, 86, 101, 0.4); }
+
+/*dark blue*/
+.agency-form .contact-form, .agency-counter .row { background: #c34857; }
+
+.bg-overlay-theme-10:before {  background: rgba(211, 86, 101, 0.1); }
+.bg-overlay-theme-20:before {  background: rgba(211, 86, 101, 0.2); }
+.bg-overlay-theme-30:before {  background: rgba(211, 86, 101, 0.3); }
+.bg-overlay-theme-40:before {  background: rgba(211, 86, 101, 0.4); }
+.bg-overlay-theme-50:before {  background: rgba(211, 86, 101, 0.5); }
+.bg-overlay-theme-60:before {  background: rgba(211, 86, 101, 0.6); }
+.bg-overlay-theme-70:before {  background: rgba(211, 86, 101, 0.7); }
+.bg-overlay-theme-80:before {  background: rgba(211, 86, 101, 0.8); }
+.bg-overlay-theme-90:before {  background: rgba(211, 86, 101, 0.9); }
+  
\ No newline at end of file
diff --git a/resoft/css/skins/skin-cyan.css b/resoft/css/skins/skin-cyan.css
new file mode 100644
index 0000000..2073758
--- /dev/null
+++ b/resoft/css/skins/skin-cyan.css
@@ -0,0 +1,103 @@
+/*
+
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is color stylesheet of Color Scheme.
+
+*/
+
+/*************************
+		General
+*************************/
+/** selection **/
+*::-moz-selection { background: #37c5a6; color: #fff; text-shadow: none; }
+::-moz-selection { background: #37c5a6; color: #fff; text-shadow: none; }
+::selection { background: #37c5a6; color: #fff; text-shadow: none; }
+
+/*************************
+	 Background Color
+*************************/
+ 
+.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #37c5a6;}
+
+/*v1.2*/
+.popup-video-image a i { background: #37c5a6;}
+
+/*v1.3.1*/
+.conference-video .popup-video  a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #37c5a6;}
+
+/*v1.2*/
+.login-box-theme:before, .login-box-theme:after { background: #37c5a6;}
+
+/*************************
+        Color
+*************************/
+ 
+a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover,
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, 
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #37c5a6; }
+
+/*v1.2*/
+.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #37c5a6; }
+
+/*v1.3*/
+.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #37c5a6; }
+.isotope-filters.dark-bg button.active, .isotope-filters  button:hover { border-color:  #37c5a6; }
+
+/*v1.3.1*/
+.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video  a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #37c5a6; }
+
+/*v1.0.4*/
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #37c5a6; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #37c5a6; }
+
+/*************************
+	 Border Color
+*************************/
+ 
+.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #37c5a6; }
+
+/*v1.3.1*/
+.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #37c5a6; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #37c5a6; }
+
+.progress-bar-new { background-color: #37c5a6; }
+
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #37c5a6; border-right-color:#37c5a6; }
+
+
+ header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #37c5a6; }
+
+.rev-color { color: #37c5a6 !important; }
+.rev-button { background: #37c5a6 !important;  }
+.rev-button:hover { background: #ffffff !important; color: #323232 !important; }
+.rev-bg { background: #37c5a6 !important; }
+
+/*************************
+	 Rgba Background Color
+*************************/
+
+ /*important*/
+ .footer .footer-social ul li a:hover, .slider-content .typer { color: #37c5a6 !important; }
+
+ .st-menu ul.menu li a:before { background: rgba(55, 197, 166, 0.4); }
+ 
+/*dark blue*/
+.agency-form .contact-form, .agency-counter .row { background: #29a88c; } 
+
+
+ .bg-overlay-theme-10:before {  background: rgba(55, 197, 166, 0.1); }
+.bg-overlay-theme-20:before {  background: rgba(55, 197, 166, 0.2); }
+.bg-overlay-theme-30:before {  background: rgba(55, 197, 166, 0.3); }
+.bg-overlay-theme-40:before {  background: rgba(55, 197, 166, 0.4); }
+.bg-overlay-theme-50:before {  background: rgba(55, 197, 166, 0.5); }
+.bg-overlay-theme-60:before {  background: rgba(55, 197, 166, 0.6); }
+.bg-overlay-theme-70:before {  background: rgba(55, 197, 166, 0.7); }
+.bg-overlay-theme-80:before {  background: rgba(55, 197, 166, 0.8); }
+.bg-overlay-theme-90:before {  background: rgba(55, 197, 166, 0.9); }
\ No newline at end of file
diff --git a/resoft/css/skins/skin-dark-pink.css b/resoft/css/skins/skin-dark-pink.css
new file mode 100644
index 0000000..2527a6b
--- /dev/null
+++ b/resoft/css/skins/skin-dark-pink.css
@@ -0,0 +1,102 @@
+/*
+
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is color stylesheet of Color Scheme.
+
+*/
+
+/*************************
+		General
+*************************/
+/** selection **/
+*::-moz-selection { background: #f41e54; color: #fff; text-shadow: none; }
+::-moz-selection { background: #f41e54; color: #fff; text-shadow: none; }
+::selection { background: #f41e54; color: #fff; text-shadow: none; }
+
+/*************************
+	 Background Color
+*************************/
+ 
+.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #f41e54;}
+
+
+/*v1.2*/
+.popup-video-image a i { background: #f41e54;}
+
+/*v1.3.1*/
+.conference-video .popup-video  a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #f41e54;}
+
+/*v1.2*/
+.login-box-theme:before, .login-box-theme:after { background: #f41e54;}
+
+/*************************
+        Color
+*************************/
+ a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover,
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, 
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #f41e54; }
+
+/*v1.2*/
+.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #f41e54; }
+
+/*v1.3*/
+.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #f41e54; }
+.isotope-filters.dark-bg button.active, .isotope-filters  button:hover { border-color:  #f41e54; }
+
+/*v1.3.1*/
+.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video  a i { color: #f41e54; }
+
+/*v1.0.4*/
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #f41e54; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #f41e54; }
+
+/*************************
+	 Border Color
+*************************/
+ 
+.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #f41e54; }
+
+/*v1.3.1*/
+.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #f41e54; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #f41e54; }
+
+.progress-bar-new { background-color: #f41e54; }
+
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #f41e54; border-right-color:#f41e54; }
+
+ header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #f41e54; }
+
+.rev-color { color: #f41e54 !important; }
+.rev-button { background: #f41e54 !important;  }
+.rev-button:hover { background: #ffffff !important; color: #323232 !important; }
+.rev-bg { background: #f41e54 !important; }
+
+/*************************
+	 Rgba Background Color
+*************************/
+
+ /*important*/
+ .footer .footer-social ul li a:hover, .slider-content .typer { color: #f41e54 !important; }
+
+ .st-menu ul.menu li a:before { background: rgba(244, 30, 84, 0.4); }
+ 
+/*dark blue*/
+.agency-form .contact-form, .agency-counter .row { background: #dc1547; } 
+
+ .bg-overlay-theme-10:before {  background: rgba(244, 30, 84, 0.1); }
+.bg-overlay-theme-20:before {  background: rgba(244, 30, 84, 0.2); }
+.bg-overlay-theme-30:before {  background: rgba(244, 30, 84, 0.3); }
+.bg-overlay-theme-40:before {  background: rgba(244, 30, 84, 0.4); }
+.bg-overlay-theme-50:before {  background: rgba(244, 30, 84, 0.5); }
+.bg-overlay-theme-60:before {  background: rgba(244, 30, 84, 0.6); }
+.bg-overlay-theme-70:before {  background: rgba(244, 30, 84, 0.7); }
+.bg-overlay-theme-80:before {  background: rgba(244, 30, 84, 0.8); }
+.bg-overlay-theme-90:before {  background: rgba(244, 30, 84, 0.9); }
+ 
\ No newline at end of file
diff --git a/resoft/css/skins/skin-default.css b/resoft/css/skins/skin-default.css
new file mode 100644
index 0000000..99fd740
--- /dev/null
+++ b/resoft/css/skins/skin-default.css
@@ -0,0 +1,102 @@
+/*
+
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is color stylesheet of Color Scheme.
+
+*/
+
+/*************************
+		General
+*************************/
+/** selection **/
+*::-moz-selection { background: #5E9ECA; color: #fff; text-shadow: none; }
+::-moz-selection { background: #5E9ECA; color: #fff; text-shadow: none; }
+::selection { background: #5E9ECA; color: #fff; text-shadow: none; }
+
+/*************************
+	 Background Color
+*************************/
+ 
+.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #5E9ECA;}
+
+/*v1.2*/
+.popup-video-image a i { background: #5E9ECA;}
+
+/*v1.3.1*/
+.conference-video .popup-video  a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #5E9ECA;}
+
+/*v1.2*/
+.login-box-theme:before, .login-box-theme:after { background: #5E9ECA;}
+
+/*************************
+        Color
+*************************/
+ a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover,
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, 
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #5E9ECA; }
+
+/*v1.2*/
+.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #5E9ECA; }
+
+/*v1.3*/
+.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #5E9ECA; }
+.isotope-filters.dark-bg button.active, .isotope-filters  button:hover, .agency-banner .slider-content h1 { border-color:  #5E9ECA; }
+
+/*v1.3.1*/
+.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video  a i { color: #5E9ECA; }
+
+/*v1.0.4*/
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #5E9ECA; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #5E9ECA; }
+
+/*************************
+	 Border Color
+*************************/
+ 
+.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #5E9ECA; }
+
+/*v1.3.1*/
+.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover { border-color: #5E9ECA; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #5E9ECA; }
+
+.progress-bar-new { background-color: #5E9ECA; }
+
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #5E9ECA; border-right-color:#5E9ECA; }
+
+ header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #5E9ECA; }
+
+.rev-color { color: #5E9ECA !important; }
+.rev-button { background: #5E9ECA !important;  }
+.rev-button:hover { background: #ffffff !important; color: #323232 !important; }
+.rev-bg { background: #5E9ECA !important; }
+
+/*************************
+	 Rgba Background Color
+*************************/
+
+ /*important*/
+ .footer .footer-social ul li a:hover, .slider-content .typer { color: #5E9ECA !important; }
+
+ .st-menu ul.menu li a:before { background: rgba(132, 186, 63, 0.4); }
+ 
+/*dark blue*/
+.agency-form .contact-form, .agency-counter .row { background: #72a62f; } 
+ 
+
+  .bg-overlay-theme-10:before {  background: rgba(132, 186, 63, 0.1); }
+.bg-overlay-theme-20:before {  background: rgba(132, 186, 63, 0.2); }
+.bg-overlay-theme-30:before {  background: rgba(132, 186, 63, 0.3); }
+.bg-overlay-theme-40:before {  background: rgba(132, 186, 63, 0.4); }
+.bg-overlay-theme-50:before {  background: rgba(132, 186, 63, 0.5); }
+.bg-overlay-theme-60:before {  background: rgba(132, 186, 63, 0.6); }
+.bg-overlay-theme-70:before {  background: rgba(132, 186, 63, 0.7); }
+.bg-overlay-theme-80:before {  background: rgba(132, 186, 63, 0.8); }
+.bg-overlay-theme-90:before {  background: rgba(132, 186, 63, 0.9); }
+ 
\ No newline at end of file
diff --git a/resoft/css/skins/skin-gold.css b/resoft/css/skins/skin-gold.css
new file mode 100644
index 0000000..6f248ae
--- /dev/null
+++ b/resoft/css/skins/skin-gold.css
@@ -0,0 +1,117 @@
+/*
+
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is color stylesheet of Color Scheme.
+
+*/
+
+/*************************
+		General
+*************************/
+/** selection **/
+*::-moz-selection { background: #ba893f; color: #fff; text-shadow: none; }
+::-moz-selection { background: #ba893f; color: #fff; text-shadow: none; }
+::selection { background: #ba893f; color: #fff; text-shadow: none; }
+
+/*************************
+	 Background Color
+*************************/
+ 
+.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #ba893f;}
+
+/*v1.2*/
+.popup-video-image a i { background: #ba893f;}
+
+/*v1.3.1*/
+.conference-video .popup-video  a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #ba893f;}
+
+/*v1.2*/
+.login-box-theme:before, .login-box-theme:after { background: #ba893f;}
+
+/*************************
+        Color
+*************************/
+ a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover,
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, 
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #ba893f; }
+
+/*v1.2*/
+.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #ba893f; }
+
+/*v1.3*/
+.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #ba893f; }
+.isotope-filters.dark-bg button.active, .isotope-filters  button:hover { border-color:  #ba893f; }
+
+/*v1.3.1*/
+.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video  a i { color: #ba893f; }
+
+/*v1.0.4*/
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #ba893f; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #ba893f; }
+
+/*************************
+	 Border Color
+*************************/
+ 
+.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #ba893f; }
+
+/*v1.3.1*/
+.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #ba893f; }
+ 
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #ba893f; }
+
+.progress-bar-new { background-color: #ba893f; }
+
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #ba893f; border-right-color:#ba893f; }
+
+ header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #ba893f; }
+
+.rev-color { color: #ba893f !important; }
+.rev-button { background: #ba893f !important;  }
+.rev-button:hover { background: #ffffff !important; color: #323232 !important; }
+.rev-bg { background: #ba893f !important; }
+
+
+/*************************
+	 Rgba Background Color
+*************************/
+
+ /*important*/
+ .footer .footer-social ul li a:hover, .slider-content .typer { color: #ba893f !important; }
+
+ .st-menu ul.menu li a:before { background: rgba(186, 137, 63, 0.4); }
+ 
+/*dark blue*/
+.agency-form .contact-form, .agency-counter .row { background: #a67730; }
+
+  .bg-overlay-theme-10:before {  background: rgba(186, 137, 63, 0.1); }
+.bg-overlay-theme-20:before {  background: rgba(186, 137, 63, 0.2); }
+.bg-overlay-theme-30:before {  background: rgba(186, 137, 63, 0.3); }
+.bg-overlay-theme-40:before {  background: rgba(186, 137, 63, 0.4); }
+.bg-overlay-theme-50:before {  background: rgba(186, 137, 63, 0.5); }
+.bg-overlay-theme-60:before {  background: rgba(186, 137, 63, 0.6); }
+.bg-overlay-theme-70:before {  background: rgba(186, 137, 63, 0.7); }
+.bg-overlay-theme-80:before {  background: rgba(186, 137, 63, 0.8); }
+.bg-overlay-theme-90:before {  background: rgba(186, 137, 63, 0.9); }
+
+
+
+
+ 
+
+
+ 
+ 
+
+
+
+
+
+
+ 
\ No newline at end of file
diff --git a/resoft/css/skins/skin-gray.css b/resoft/css/skins/skin-gray.css
new file mode 100644
index 0000000..c43cd3c
--- /dev/null
+++ b/resoft/css/skins/skin-gray.css
@@ -0,0 +1,102 @@
+/*
+
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is color stylesheet of Color Scheme.
+
+*/
+
+/*************************
+		General
+*************************/
+/** selection **/
+*::-moz-selection { background: #9a9a9a; color: #fff; text-shadow: none; }
+::-moz-selection { background: #9a9a9a; color: #fff; text-shadow: none; }
+::selection { background: #9a9a9a; color: #fff; text-shadow: none; }
+
+/*************************
+	 Background Color
+*************************/
+ 
+.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #9a9a9a;}
+
+/*v1.2*/
+.popup-video-image a i { background: #9a9a9a;}
+
+/*v1.3.1*/
+.conference-video .popup-video  a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #9a9a9a;}
+
+/*v1.2*/
+.login-box-theme:before, .login-box-theme:after { background: #9a9a9a;}
+
+/*************************
+        Color
+*************************/
+ a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover,
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, 
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #9a9a9a; }
+
+/*v1.2*/
+.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #9a9a9a; }
+
+/*v1.3*/
+.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #9a9a9a; }
+.isotope-filters.dark-bg button.active, .isotope-filters  button:hover { border-color:  #9a9a9a; }
+
+/*v1.3.1*/
+.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video  a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #9a9a9a; }
+
+/*v1.0.4*/
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #9a9a9a; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #9a9a9a; }
+
+/*************************
+	 Border Color
+*************************/
+ 
+.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #9a9a9a; }
+
+/*v1.3.1*/
+.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #9a9a9a; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #9a9a9a; }
+
+.progress-bar-new { background-color: #9a9a9a; }
+
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #9a9a9a; border-right-color:#9a9a9a; }
+
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #9a9a9a; }
+
+.rev-color { color: #9a9a9a !important; }
+.rev-button { background: #9a9a9a !important;  }
+.rev-button:hover { background: #ffffff !important; color: #323232 !important; }
+.rev-bg { background: #9a9a9a !important; }
+
+/*************************
+	 Rgba Background Color
+*************************/
+
+ /*important*/
+ .footer .footer-social ul li a:hover, .slider-content .typer { color: #9a9a9a !important; }
+
+ .st-menu ul.menu li a:before { background: rgba(154, 154, 154, 0.4); }
+ 
+/*dark blue*/
+.agency-form .contact-form, .agency-counter .row { background: #797979; } 
+
+
+  .bg-overlay-theme-10:before {  background: rgba(154, 154, 154, 0.1); }
+.bg-overlay-theme-20:before {  background: rgba(154, 154, 154, 0.2); }
+.bg-overlay-theme-30:before {  background: rgba(154, 154, 154, 0.3); }
+.bg-overlay-theme-40:before {  background: rgba(154, 154, 154, 0.4); }
+.bg-overlay-theme-50:before {  background: rgba(154, 154, 154, 0.5); }
+.bg-overlay-theme-60:before {  background: rgba(154, 154, 154, 0.6); }
+.bg-overlay-theme-70:before {  background: rgba(154, 154, 154, 0.7); }
+.bg-overlay-theme-80:before {  background: rgba(154, 154, 154, 0.8); }
+.bg-overlay-theme-90:before {  background: rgba(154, 154, 154, 0.9); }
+  
\ No newline at end of file
diff --git a/resoft/css/skins/skin-green-dark.css b/resoft/css/skins/skin-green-dark.css
new file mode 100644
index 0000000..cd05f10
--- /dev/null
+++ b/resoft/css/skins/skin-green-dark.css
@@ -0,0 +1,102 @@
+/*
+
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is color stylesheet of Color Scheme.
+
+*/
+
+/*************************
+		General
+*************************/
+/** selection **/
+*::-moz-selection { background: #005608; color: #fff; text-shadow: none; }
+::-moz-selection { background: #005608; color: #fff; text-shadow: none; }
+::selection { background: #005608; color: #fff; text-shadow: none; }
+
+/*************************
+	 Background Color
+*************************/
+ 
+.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #005608;}
+
+/*v1.2*/
+.popup-video-image a i { background: #005608;}
+
+/*v1.3.1*/
+.conference-video .popup-video  a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #005608;}
+
+/*v1.2*/
+.login-box-theme:before, .login-box-theme:after { background: #005608;}
+
+/*************************
+        Color
+*************************/
+ a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover,
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, 
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #005608; }
+
+/*v1.2*/
+.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #005608; }
+
+/*v1.3*/
+.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #005608; }
+.isotope-filters.dark-bg button.active, .isotope-filters  button:hover { border-color:  #005608; }
+
+/*v1.3.1*/
+.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video  a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #005608; }
+
+/*v1.0.4*/
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #005608; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #005608; }
+
+/*************************
+	 Border Color
+*************************/
+ 
+.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #005608; }
+
+/*v1.3.1*/
+.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #005608; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #005608; }
+
+.progress-bar-new { background-color: #005608; }
+
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #005608; border-right-color:#005608; }
+
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #005608; }
+
+.rev-color { color: #005608 !important; }
+.rev-button { background: #005608 !important;  }
+.rev-button:hover { background: #ffffff !important; color: #323232 !important; }
+.rev-bg { background: #005608 !important; }
+
+/*************************
+	 Rgba Background Color
+*************************/
+
+ /*important*/
+ .footer .footer-social ul li a:hover, .slider-content .typer { color: #005608 !important; }
+
+ .st-menu ul.menu li a:before { background: rgba(0, 86, 8, 0.4); }
+ 
+/*dark blue*/
+.agency-form .contact-form, .agency-counter .row { background: #003905; }  
+
+
+  .bg-overlay-theme-10:before {  background: rgba(0, 86, 8, 0.1); }
+.bg-overlay-theme-20:before {  background: rgba(0, 86, 8, 0.2); }
+.bg-overlay-theme-30:before {  background: rgba(0, 86, 8, 0.3); }
+.bg-overlay-theme-40:before {  background: rgba(0, 86, 8, 0.4); }
+.bg-overlay-theme-50:before {  background: rgba(0, 86, 8, 0.5); }
+.bg-overlay-theme-60:before {  background: rgba(0, 86, 8, 0.6); }
+.bg-overlay-theme-70:before {  background: rgba(0, 86, 8, 0.7); }
+.bg-overlay-theme-80:before {  background: rgba(0, 86, 8, 0.8); }
+.bg-overlay-theme-90:before {  background: rgba(0, 86, 8, 0.9); }
+ 
\ No newline at end of file
diff --git a/resoft/css/skins/skin-green.css b/resoft/css/skins/skin-green.css
new file mode 100644
index 0000000..7db00cc
--- /dev/null
+++ b/resoft/css/skins/skin-green.css
@@ -0,0 +1,100 @@
+/*
+
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is color stylesheet of Color Scheme.
+
+*/
+
+/*************************
+		General
+*************************/
+/** selection **/
+*::-moz-selection { background: #00b106; color: #fff; text-shadow: none; }
+::-moz-selection { background: #00b106; color: #fff; text-shadow: none; }
+::selection { background: #00b106; color: #fff; text-shadow: none; }
+
+/*************************
+	 Background Color
+*************************/
+ 
+.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #00b106;}
+
+/*v1.2*/
+.popup-video-image a i { background: #00b106;}
+
+/*v1.3.1*/
+.conference-video .popup-video  a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #00b106;}
+
+/*v1.2*/
+.login-box-theme:before, .login-box-theme:after { background: #00b106;}
+
+/*************************
+        Color
+*************************/
+ a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover,
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, 
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #00b106; }
+
+/*v1.2*/
+.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #00b106; }
+
+/*v1.3*/
+.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #00b106; }
+.isotope-filters.dark-bg button.active, .isotope-filters  button:hover { border-color:  #00b106; }
+
+/*v1.3.1*/
+.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video  a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #00b106; }
+
+/*v1.0.4*/
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #00b106; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #00b106; }
+
+/*************************
+	 Border Color
+*************************/
+ 
+.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #00b106; }
+
+/*v1.3.1*/
+.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #00b106; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #00b106; }
+
+.progress-bar-new { background-color: #00b106; }
+
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #00b106; border-right-color:#00b106; }
+
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #00b106; }
+
+.rev-color { color: #00b106 !important; }
+.rev-button { background: #00b106 !important;  }
+.rev-button:hover { background: #ffffff !important; color: #323232 !important; }
+.rev-bg { background: #00b106 !important; }
+
+/*************************
+	 Rgba Background Color
+*************************/
+
+ /*important*/
+ .footer .footer-social ul li a:hover, .slider-content .typer { color: #00b106 !important; }
+
+ .st-menu ul.menu li a:before { background: rgba(0, 177, 6, 0.4); }
+ 
+/*dark blue*/
+.agency-form .contact-form, .agency-counter .row { background: #038b07; }  
+
+  .bg-overlay-theme-10:before {  background: rgba(0, 177, 6, 0.1); }
+.bg-overlay-theme-20:before {  background: rgba(0, 177, 6, 0.2); }
+.bg-overlay-theme-30:before {  background: rgba(0, 177, 6, 0.3); }
+.bg-overlay-theme-40:before {  background: rgba(0, 177, 6, 0.4); }
+.bg-overlay-theme-50:before {  background: rgba(0, 177, 6, 0.5); }
+.bg-overlay-theme-60:before {  background: rgba(0, 177, 6, 0.6); }
+.bg-overlay-theme-70:before {  background: rgba(0, 177, 6, 0.7); }
+.bg-overlay-theme-80:before {  background: rgba(0, 177, 6, 0.8); }
+.bg-overlay-theme-90:before {  background: rgba(0, 177, 6, 0.9); }
\ No newline at end of file
diff --git a/resoft/css/skins/skin-lime.css b/resoft/css/skins/skin-lime.css
new file mode 100644
index 0000000..f108e8e
--- /dev/null
+++ b/resoft/css/skins/skin-lime.css
@@ -0,0 +1,102 @@
+/*
+
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is color stylesheet of Color Scheme.
+
+*/
+
+/*************************
+		General
+*************************/
+/** selection **/
+*::-moz-selection { background: #b4ef56; color: #fff; text-shadow: none; }
+::-moz-selection { background: #b4ef56; color: #fff; text-shadow: none; }
+::selection { background: #b4ef56; color: #fff; text-shadow: none; }
+
+/*************************
+	 Background Color
+*************************/
+ 
+.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #b4ef56;}
+
+/*v1.2*/
+.popup-video-image a i { background: #b4ef56;}
+
+/*v1.3.1*/
+.conference-video .popup-video  a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #b4ef56;}
+
+/*v1.2*/
+.login-box-theme:before, .login-box-theme:after { background: #b4ef56;}
+
+/*************************
+        Color
+*************************/
+ a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover,
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, 
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #b4ef56; }
+
+/*v1.2*/
+.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #b4ef56; }
+
+/*v1.3*/
+.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #b4ef56; }
+.isotope-filters.dark-bg button.active, .isotope-filters  button:hover { border-color:  #b4ef56; }
+
+/*v1.3.1*/
+.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video  a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #b4ef56; }
+
+/*v1.0.4*/
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #b4ef56; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #b4ef56; }
+
+/*************************
+	 Border Color
+*************************/
+ 
+.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #b4ef56; }
+
+/*v1.3.1*/
+.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #b4ef56; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #b4ef56; }
+
+.progress-bar-new { background-color: #b4ef56; }
+
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #b4ef56; border-right-color:#b4ef56; }
+
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #b4ef56; }
+
+.rev-color { color: #b4ef56 !important; }
+.rev-button { background: #b4ef56 !important;  }
+.rev-button:hover { background: #ffffff !important; color: #323232 !important; }
+.rev-bg { background: #b4ef56 !important; }
+
+/*************************
+	 Rgba Background Color
+*************************/
+
+ /*important*/
+ .footer .footer-social ul li a:hover, .slider-content .typer { color: #b4ef56 !important; }
+
+ .st-menu ul.menu li a:before { background: rgba(180, 239, 86, 0.4); }
+ 
+/*dark blue*/
+.agency-form .contact-form, .agency-counter .row { background: #9ad53c; }  
+ 
+
+   .bg-overlay-theme-10:before {  background: rgba(180, 239, 86, 0.1); }
+.bg-overlay-theme-20:before {  background: rgba(180, 239, 86, 0.2); }
+.bg-overlay-theme-30:before {  background: rgba(180, 239, 86, 0.3); }
+.bg-overlay-theme-40:before {  background: rgba(180, 239, 86, 0.4); }
+.bg-overlay-theme-50:before {  background: rgba(180, 239, 86, 0.5); }
+.bg-overlay-theme-60:before {  background: rgba(180, 239, 86, 0.6); }
+.bg-overlay-theme-70:before {  background: rgba(180, 239, 86, 0.7); }
+.bg-overlay-theme-80:before {  background: rgba(180, 239, 86, 0.8); }
+.bg-overlay-theme-90:before {  background: rgba(180, 239, 86, 0.9); }
+ 
\ No newline at end of file
diff --git a/resoft/css/skins/skin-malachite.css b/resoft/css/skins/skin-malachite.css
new file mode 100644
index 0000000..89ff143
--- /dev/null
+++ b/resoft/css/skins/skin-malachite.css
@@ -0,0 +1,113 @@
+/*
+
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is color stylesheet of Color Scheme.
+
+*/
+
+/*************************
+		General
+*************************/
+/** selection **/
+*::-moz-selection { background: #51e887; color: #fff; text-shadow: none; }
+::-moz-selection { background: #51e887; color: #fff; text-shadow: none; }
+::selection { background: #51e887; color: #fff; text-shadow: none; }
+
+/*************************
+	 Background Color
+*************************/
+ 
+.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #51e887;}
+
+/*v1.2*/
+.popup-video-image a i { background: #51e887;}
+
+/*v1.3.1*/
+.conference-video .popup-video  a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #51e887;}
+
+/*v1.2*/
+.login-box-theme:before, .login-box-theme:after { background: #51e887;}
+
+
+/*************************
+        Color
+*************************/
+ a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover,
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, 
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #51e887; }
+
+/*v1.2*/
+.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #51e887; }
+
+/*v1.3*/
+.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #51e887; }
+.isotope-filters.dark-bg button.active, .isotope-filters  button:hover { border-color:  #51e887; }
+
+/*v1.3.1*/
+.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video  a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #51e887; }
+
+/*v1.0.4*/
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #51e887; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #51e887; }
+
+/*************************
+	 Border Color
+*************************/
+ 
+.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #51e887; }
+/*v1.3.1*/
+.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #51e887; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #51e887; }
+
+.progress-bar-new { background-color: #51e887; }
+
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #51e887; border-right-color:#51e887; }
+
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #51e887; }
+
+.rev-color { color: #51e887 !important; }
+.rev-button { background: #51e887 !important;  }
+.rev-button:hover { background: #ffffff !important; color: #323232 !important; }
+.rev-bg { background: #51e887 !important; }
+
+/*************************
+	 Rgba Background Color
+*************************/
+
+ /*important*/
+ .footer .footer-social ul li a:hover, .slider-content .typer { color: #51e887 !important; }
+
+ .st-menu ul.menu li a:before { background: rgba(81, 232, 135, 0.4); }
+
+/*dark blue*/
+.agency-form .contact-form, .agency-counter .row { background: #42d577; }
+
+
+  .bg-overlay-theme-10:before {  background: rgba(81, 232, 135, 0.1); }
+.bg-overlay-theme-20:before {  background: rgba(81, 232, 135, 0.2); }
+.bg-overlay-theme-30:before {  background: rgba(81, 232, 135, 0.3); }
+.bg-overlay-theme-40:before {  background: rgba(81, 232, 135, 0.4); }
+.bg-overlay-theme-50:before {  background: rgba(81, 232, 135, 0.5); }
+.bg-overlay-theme-60:before {  background: rgba(81, 232, 135, 0.6); }
+.bg-overlay-theme-70:before {  background: rgba(81, 232, 135, 0.7); }
+.bg-overlay-theme-80:before {  background: rgba(81, 232, 135, 0.8); }
+.bg-overlay-theme-90:before {  background: rgba(81, 232, 135, 0.9); }
+ 
+
+
+ 
+
+
+ 
+ 
+ 
+
+ 
+  
\ No newline at end of file
diff --git a/resoft/css/skins/skin-olive.css b/resoft/css/skins/skin-olive.css
new file mode 100644
index 0000000..f61b95f
--- /dev/null
+++ b/resoft/css/skins/skin-olive.css
@@ -0,0 +1,101 @@
+/*
+
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is color stylesheet of Color Scheme.
+
+*/
+
+/*************************
+		General
+*************************/
+/** selection **/
+*::-moz-selection { background: #8d8f02; color: #fff; text-shadow: none; }
+::-moz-selection { background: #8d8f02; color: #fff; text-shadow: none; }
+::selection { background: #8d8f02; color: #fff; text-shadow: none; }
+
+/*************************
+	 Background Color
+*************************/
+ 
+.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #8d8f02;}
+
+/*v1.2*/
+.popup-video-image a i { background: #8d8f02;}
+
+/*v1.3.1*/
+.conference-video .popup-video  a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #8d8f02;}
+
+/*v1.2*/
+.login-box-theme:before, .login-box-theme:after { background: #8d8f02;}
+
+/*************************
+        Color
+*************************/
+ a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover,
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, 
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #8d8f02; }
+
+/*v1.2*/
+.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #8d8f02; }
+
+/*v1.3*/
+.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #8d8f02; }
+.isotope-filters.dark-bg button.active, .isotope-filters  button:hover { border-color:  #8d8f02; }
+
+/*v1.3.1*/
+.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video  a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #8d8f02; }
+
+/*v1.0.4*/
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #8d8f02; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #8d8f02; }
+
+/*************************
+	 Border Color
+*************************/
+ 
+.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #8d8f02; }
+
+/*v1.3.1*/
+.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #8d8f02; }
+ 
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #8d8f02; }
+
+.progress-bar-new { background-color: #8d8f02; }
+
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #8d8f02; border-right-color:#8d8f02; }
+
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #8d8f02; }
+
+.rev-color { color: #8d8f02 !important; }
+.rev-button { background: #8d8f02 !important;  }
+.rev-button:hover { background: #ffffff !important; color: #323232 !important; }
+.rev-bg { background: #8d8f02 !important; }
+
+/*************************
+	 Rgba Background Color
+*************************/
+
+ /*important*/
+ .footer .footer-social ul li a:hover, .slider-content .typer { color: #8d8f02 !important; }
+
+ .st-menu ul.menu li a:before { background: rgba(141, 143, 2, 0.4); }
+ 
+/*dark blue*/
+.agency-form .contact-form, .agency-counter .row { background: #6e7003; }  
+ 
+ 
+     .bg-overlay-theme-10:before {  background: rgba(141, 143, 2, 0.1); }
+.bg-overlay-theme-20:before {  background: rgba(141, 143, 2, 0.2); }
+.bg-overlay-theme-30:before {  background: rgba(141, 143, 2, 0.3); }
+.bg-overlay-theme-40:before {  background: rgba(141, 143, 2, 0.4); }
+.bg-overlay-theme-50:before {  background: rgba(141, 143, 2, 0.5); }
+.bg-overlay-theme-60:before {  background: rgba(141, 143, 2, 0.6); }
+.bg-overlay-theme-70:before {  background: rgba(141, 143, 2, 0.7); }
+.bg-overlay-theme-80:before {  background: rgba(141, 143, 2, 0.8); }
+.bg-overlay-theme-90:before {  background: rgba(141, 143, 2, 0.9); }
diff --git a/resoft/css/skins/skin-orange.css b/resoft/css/skins/skin-orange.css
new file mode 100644
index 0000000..24ba92a
--- /dev/null
+++ b/resoft/css/skins/skin-orange.css
@@ -0,0 +1,101 @@
+/*
+
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is color stylesheet of Color Scheme.
+
+*/
+
+/*************************
+		General
+*************************/
+/** selection **/
+*::-moz-selection { background: #ed5001; color: #fff; text-shadow: none; }
+::-moz-selection { background: #ed5001; color: #fff; text-shadow: none; }
+::selection { background: #ed5001; color: #fff; text-shadow: none; }
+
+/*************************
+	 Background Color
+*************************/
+ 
+.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #ed5001;}
+
+/*v1.2*/
+.popup-video-image a i { background: #ed5001;}
+
+/*v1.3.1*/
+.conference-video .popup-video  a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #ed5001;}
+
+/*v1.2*/
+.login-box-theme:before, .login-box-theme:after { background: #ed5001;}
+
+/*************************
+        Color
+*************************/
+ a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover,
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, 
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #ed5001; }
+
+/*v1.2*/
+.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #ed5001; }
+
+/*v1.3*/
+.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #ed5001; }
+.isotope-filters.dark-bg button.active, .isotope-filters  button:hover { border-color:  #ed5001; }
+
+/*v1.3.1*/
+.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video  a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #ed5001; }
+
+/*v1.0.4*/
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #ed5001; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #ed5001; }
+
+/*************************
+	 Border Color
+*************************/
+ 
+.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #ed5001; }
+
+/*v1.3.1*/
+.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #ed5001; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #ed5001; }
+
+.progress-bar-new { background-color: #ed5001; }
+
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #ed5001; border-right-color:#ed5001; }
+
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #ed5001; }
+
+.rev-color { color: #ed5001 !important; }
+.rev-button { background: #ed5001 !important;  }
+.rev-button:hover { background: #ffffff !important; color: #323232 !important; }
+.rev-bg { background: #ed5001 !important; }
+
+/*************************
+	 Rgba Background Color
+*************************/
+
+ /*important*/
+ .footer .footer-social ul li a:hover, .slider-content .typer { color: #ed5001 !important; }
+
+ .st-menu ul.menu li a:before { background: rgba(237, 80, 1, 0.4); }
+ 
+/*dark blue*/
+.agency-form .contact-form, .agency-counter .row { background: #4a5801; }   
+
+
+   .bg-overlay-theme-10:before {  background: rgba(237, 80, 1, 0.1); }
+.bg-overlay-theme-20:before {  background: rgba(237, 80, 1, 0.2); }
+.bg-overlay-theme-30:before {  background: rgba(237, 80, 1, 0.3); }
+.bg-overlay-theme-40:before {  background: rgba(237, 80, 1, 0.4); }
+.bg-overlay-theme-50:before {  background: rgba(237, 80, 1, 0.5); }
+.bg-overlay-theme-60:before {  background: rgba(237, 80, 1, 0.6); }
+.bg-overlay-theme-70:before {  background: rgba(237, 80, 1, 0.7); }
+.bg-overlay-theme-80:before {  background: rgba(237, 80, 1, 0.8); }
+.bg-overlay-theme-90:before {  background: rgba(237, 80, 1, 0.9); }
\ No newline at end of file
diff --git a/resoft/css/skins/skin-perfume.css b/resoft/css/skins/skin-perfume.css
new file mode 100644
index 0000000..77aaa1d
--- /dev/null
+++ b/resoft/css/skins/skin-perfume.css
@@ -0,0 +1,112 @@
+/*
+
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is color stylesheet of Color Scheme.
+
+*/
+
+/*************************
+		General
+*************************/
+/** selection **/
+*::-moz-selection { background: #b3affa; color: #fff; text-shadow: none; }
+::-moz-selection { background: #b3affa; color: #fff; text-shadow: none; }
+::selection { background: #b3affa; color: #fff; text-shadow: none; }
+
+/*************************
+	 Background Color
+*************************/
+ 
+.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #b3affa;}
+
+/*v1.2*/
+.popup-video-image a i { background: #b3affa;}
+
+/*v1.3.1*/
+.conference-video .popup-video  a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #b3affa;}
+
+/*v1.2*/
+.login-box-theme:before, .login-box-theme:after { background: #b3affa;}
+
+/*************************
+        Color
+*************************/
+ a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover,
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, 
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #b3affa; }
+
+/*v1.2*/
+.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #b3affa; }
+
+/*v1.3*/
+.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #b3affa; }
+.isotope-filters.dark-bg button.active, .isotope-filters  button:hover { border-color:  #b3affa; }
+
+/*v1.3.1*/
+.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video  a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #b3affa; }
+
+/*v1.0.4*/
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #b3affa; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #b3affa; }
+
+/*************************
+	 Border Color
+*************************/
+ 
+.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #b3affa; }
+
+/*v1.3.1*/
+.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #b3affa; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #b3affa; }
+
+.progress-bar-new { background-color: #b3affa; }
+
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #b3affa; border-right-color:#b3affa; }
+
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #b3affa; }
+
+.rev-color { color: #b3affa !important; }
+.rev-button { background: #b3affa !important;  }
+.rev-button:hover { background: #ffffff !important; color: #323232 !important; }
+.rev-bg { background: #b3affa !important; }
+
+/*************************
+	 Rgba Background Color
+*************************/
+
+ /*important*/
+ .footer .footer-social ul li a:hover, .slider-content .typer { color: #b3affa !important; }
+
+ .st-menu ul.menu li a:before { background: rgba(179, 175, 250, 0.4); }
+
+/*dark blue*/
+.agency-form .contact-form, .agency-counter .row { background: #a09ce8; }
+
+
+    .bg-overlay-theme-10:before {  background: rgba(179, 175, 250, 0.1); }
+.bg-overlay-theme-20:before {  background: rgba(179, 175, 250, 0.2); }
+.bg-overlay-theme-30:before {  background: rgba(179, 175, 250, 0.3); }
+.bg-overlay-theme-40:before {  background: rgba(179, 175, 250, 0.4); }
+.bg-overlay-theme-50:before {  background: rgba(179, 175, 250, 0.5); }
+.bg-overlay-theme-60:before {  background: rgba(179, 175, 250, 0.6); }
+.bg-overlay-theme-70:before {  background: rgba(179, 175, 250, 0.7); }
+.bg-overlay-theme-80:before {  background: rgba(179, 175, 250, 0.8); }
+.bg-overlay-theme-90:before {  background: rgba(179, 175, 250, 0.9); }
+
+
+ 
+
+
+ 
+ 
+ 
+
+ 
+  
\ No newline at end of file
diff --git a/resoft/css/skins/skin-persian-green.css b/resoft/css/skins/skin-persian-green.css
new file mode 100644
index 0000000..b49ac2e
--- /dev/null
+++ b/resoft/css/skins/skin-persian-green.css
@@ -0,0 +1,100 @@
+/*
+
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is color stylesheet of Color Scheme.
+
+*/
+
+/*************************
+		General
+*************************/
+/** selection **/
+*::-moz-selection { background: #7dcdcd; color: #fff; text-shadow: none; }
+::-moz-selection { background: #7dcdcd; color: #fff; text-shadow: none; }
+::selection { background: #7dcdcd; color: #fff; text-shadow: none; }
+
+/*************************
+	 Background Color
+*************************/
+ 
+.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #7dcdcd;}
+
+/*v1.2*/
+.popup-video-image a i { background: #7dcdcd;}
+
+/*v1.3.1*/
+.conference-video .popup-video  a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #7dcdcd;}
+
+/*v1.2*/
+.login-box-theme:before, .login-box-theme:after { background: #7dcdcd;}
+
+/*************************
+        Color
+*************************/
+ a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover,
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, 
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #7dcdcd; }
+
+/*v1.2*/
+.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #7dcdcd; }
+
+/*v1.3*/
+.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #7dcdcd; }
+.isotope-filters.dark-bg button.active, .isotope-filters  button:hover { border-color:  #7dcdcd; }
+
+/*v1.3.1*/
+.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video  a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #7dcdcd; }
+
+/*v1.0.4*/
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #7dcdcd; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #7dcdcd; }
+
+/*************************
+	 Border Color
+*************************/
+ 
+.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #7dcdcd; }
+
+/*v1.3.1*/
+.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #7dcdcd; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #7dcdcd; }
+
+.progress-bar-new { background-color: #7dcdcd; }
+
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #7dcdcd; border-right-color:#7dcdcd; }
+
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #7dcdcd; }
+
+.rev-color { color: #7dcdcd !important; }
+.rev-button { background: #7dcdcd !important;  }
+.rev-button:hover { background: #ffffff !important; color: #323232 !important; }
+.rev-bg { background: #7dcdcd !important; }
+
+/*************************
+	 Rgba Background Color
+*************************/
+
+ /*important*/
+ .footer .footer-social ul li a:hover, .slider-content .typer { color: #7dcdcd !important; }
+
+ .st-menu ul.menu li a:before { background: rgba(125, 205, 205, 0.4); }
+ 
+/*dark blue*/
+.agency-form .contact-form, .agency-counter .row { background: #55a9a9; }  
+
+    .bg-overlay-theme-10:before {  background: rgba(125, 205, 205, 0.1); }
+.bg-overlay-theme-20:before {  background: rgba(125, 205, 205, 0.2); }
+.bg-overlay-theme-30:before {  background: rgba(125, 205, 205, 0.3); }
+.bg-overlay-theme-40:before {  background: rgba(125, 205, 205, 0.4); }
+.bg-overlay-theme-50:before {  background: rgba(125, 205, 205, 0.5); }
+.bg-overlay-theme-60:before {  background: rgba(125, 205, 205, 0.6); }
+.bg-overlay-theme-70:before {  background: rgba(125, 205, 205, 0.7); }
+.bg-overlay-theme-80:before {  background: rgba(125, 205, 205, 0.8); }
+.bg-overlay-theme-90:before {  background: rgba(125, 205, 205, 0.9); }
\ No newline at end of file
diff --git a/resoft/css/skins/skin-pink.css b/resoft/css/skins/skin-pink.css
new file mode 100644
index 0000000..5b3d51c
--- /dev/null
+++ b/resoft/css/skins/skin-pink.css
@@ -0,0 +1,102 @@
+/*
+
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is color stylesheet of Color Scheme.
+
+*/
+
+/*************************
+		General
+*************************/
+/** selection **/
+*::-moz-selection { background: #e9457a; color: #fff; text-shadow: none; }
+::-moz-selection { background: #e9457a; color: #fff; text-shadow: none; }
+::selection { background: #e9457a; color: #fff; text-shadow: none; }
+
+/*************************
+	 Background Color
+*************************/
+ 
+.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #e9457a;}
+
+/*v1.2*/
+.popup-video-image a i { background: #e9457a;}
+
+/*v1.3.1*/
+.conference-video .popup-video  a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #e9457a;}
+
+/*v1.2*/
+.login-box-theme:before, .login-box-theme:after { background: #e9457a;}
+
+/*************************
+        Color
+*************************/
+ a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover,
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, 
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #e9457a; }
+
+/*v1.2*/
+.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #e9457a; }
+
+/*v1.3*/
+.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #e9457a; }
+.isotope-filters.dark-bg button.active, .isotope-filters  button:hover { border-color:  #e9457a; }
+
+/*v1.3.1*/
+.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video  a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #e9457a; }
+
+/*v1.0.4*/
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #e9457a; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #e9457a; }
+
+/*************************
+	 Border Color
+*************************/
+ 
+.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #e9457a; }
+
+/*v1.3.1*/
+.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #e9457a; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #e9457a; }
+
+.progress-bar-new { background-color: #e9457a; }
+
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #e9457a; border-right-color:#e9457a; }
+
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #e9457a; }
+
+.rev-color { color: #e9457a !important; }
+.rev-button { background: #e9457a !important;  }
+.rev-button:hover { background: #ffffff !important; color: #323232 !important; }
+.rev-bg { background: #e9457a !important; }
+
+/*************************
+	 Rgba Background Color
+*************************/
+
+ /*important*/
+ .footer .footer-social ul li a:hover, .slider-content .typer { color: #e9457a !important; }
+
+ .st-menu ul.menu li a:before { background: rgba(233, 69, 122, 0.4); }
+ 
+/*dark blue*/
+.agency-form .contact-form, .agency-counter .row { background: #4a5801; }   
+
+
+    .bg-overlay-theme-10:before {  background: rgba(233, 69, 122, 0.1); }
+.bg-overlay-theme-20:before {  background: rgba(233, 69, 122, 0.2); }
+.bg-overlay-theme-30:before {  background: rgba(233, 69, 122, 0.3); }
+.bg-overlay-theme-40:before {  background: rgba(233, 69, 122, 0.4); }
+.bg-overlay-theme-50:before {  background: rgba(233, 69, 122, 0.5); }
+.bg-overlay-theme-60:before {  background: rgba(233, 69, 122, 0.6); }
+.bg-overlay-theme-70:before {  background: rgba(233, 69, 122, 0.7); }
+.bg-overlay-theme-80:before {  background: rgba(233, 69, 122, 0.8); }
+.bg-overlay-theme-90:before {  background: rgba(233, 69, 122, 0.9); }
+ 
\ No newline at end of file
diff --git a/resoft/css/skins/skin-purple.css b/resoft/css/skins/skin-purple.css
new file mode 100644
index 0000000..2cf6a03
--- /dev/null
+++ b/resoft/css/skins/skin-purple.css
@@ -0,0 +1,100 @@
+/*
+
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is color stylesheet of Color Scheme.
+
+*/
+
+/*************************
+		General
+*************************/
+/** selection **/
+*::-moz-selection { background: #c36dff; color: #fff; text-shadow: none; }
+::-moz-selection { background: #c36dff; color: #fff; text-shadow: none; }
+::selection { background: #c36dff; color: #fff; text-shadow: none; }
+
+/*************************
+	 Background Color
+*************************/
+ 
+.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #c36dff;}
+
+/*v1.2*/
+.popup-video-image a i { background: #c36dff;}
+
+/*v1.3.1*/
+.conference-video .popup-video  a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #c36dff;}
+
+/*v1.2*/
+.login-box-theme:before, .login-box-theme:after { background: #c36dff;}
+
+/*************************
+        Color
+*************************/
+ a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover,
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, 
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #c36dff; }
+
+/*v1.2*/
+.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #c36dff; }
+
+/*v1.3*/
+.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #c36dff; }
+.isotope-filters.dark-bg button.active, .isotope-filters  button:hover { border-color:  #c36dff; }
+
+/*v1.3.1*/
+.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video  a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #c36dff; }
+
+/*v1.0.4*/
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #c36dff; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #c36dff; }
+
+/*************************
+	 Border Color
+*************************/
+ 
+.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #c36dff; }
+
+/*v1.3.1*/
+.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #c36dff; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #c36dff; }
+
+.progress-bar-new { background-color: #c36dff; }
+
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #c36dff; border-right-color:#c36dff; }
+
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #c36dff; }
+
+.rev-color { color: #c36dff !important; }
+.rev-button { background: #c36dff !important;  }
+.rev-button:hover { background: #ffffff !important; color: #323232 !important; }
+.rev-bg { background: #c36dff !important; }
+
+/*************************
+	 Rgba Background Color
+*************************/
+
+ /*important*/
+ .footer .footer-social ul li a:hover, .slider-content .typer { color: #c36dff !important; }
+
+ .st-menu ul.menu li a:before { background: rgba(195, 109, 255, 0.4); }
+ 
+/*dark blue*/
+.agency-form .contact-form, .agency-counter .row { background: #a351dc; }    
+
+    .bg-overlay-theme-10:before {  background: rgba(195, 109, 255, 0.1); }
+.bg-overlay-theme-20:before {  background: rgba(195, 109, 255, 0.2); }
+.bg-overlay-theme-30:before {  background: rgba(195, 109, 255, 0.3); }
+.bg-overlay-theme-40:before {  background: rgba(195, 109, 255, 0.4); }
+.bg-overlay-theme-50:before {  background: rgba(195, 109, 255, 0.5); }
+.bg-overlay-theme-60:before {  background: rgba(195, 109, 255, 0.6); }
+.bg-overlay-theme-70:before {  background: rgba(195, 109, 255, 0.7); }
+.bg-overlay-theme-80:before {  background: rgba(195, 109, 255, 0.8); }
+.bg-overlay-theme-90:before {  background: rgba(195, 109, 255, 0.9); }
\ No newline at end of file
diff --git a/resoft/css/skins/skin-red.css b/resoft/css/skins/skin-red.css
new file mode 100644
index 0000000..9e241de
--- /dev/null
+++ b/resoft/css/skins/skin-red.css
@@ -0,0 +1,101 @@
+/*
+
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is color stylesheet of Color Scheme.
+
+*/
+
+/*************************
+		General
+*************************/
+/** selection **/
+*::-moz-selection { background: #d12326; color: #fff; text-shadow: none; }
+::-moz-selection { background: #d12326; color: #fff; text-shadow: none; }
+::selection { background: #d12326; color: #fff; text-shadow: none; }
+
+/*************************
+	 Background Color
+*************************/
+ 
+.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #d12326;}
+
+/*v1.2*/
+.popup-video-image a i { background: #d12326;}
+
+/*v1.3.1*/
+.conference-video .popup-video  a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #d12326;}
+
+/*v1.2*/
+.login-box-theme:before, .login-box-theme:after { background: #d12326;}
+
+/*************************
+        Color
+*************************/
+ a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover,
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, 
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #d12326; }
+
+/*v1.2*/
+.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #d12326; }
+
+/*v1.3*/
+.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #d12326; }
+.isotope-filters.dark-bg button.active, .isotope-filters  button:hover { border-color:  #d12326; }
+
+/*v1.3.1*/
+.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video  a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #d12326; }
+
+/*v1.0.4*/
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #d12326; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #d12326; }
+
+/*************************
+	 Border Color
+*************************/
+ 
+.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #d12326; }
+
+/*v1.3.1*/
+.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #d12326; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #d12326; }
+
+.progress-bar-new { background-color: #d12326; }
+
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #d12326; border-right-color:#d12326; }
+
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #d12326; }
+
+.rev-color { color: #d12326 !important; }
+.rev-button { background: #d12326 !important;  }
+.rev-button:hover { background: #ffffff !important; color: #323232 !important; }
+.rev-bg { background: #d12326 !important; }
+
+/*************************
+	 Rgba Background Color
+*************************/
+
+ /*important*/
+ .footer .footer-social ul li a:hover, .slider-content .typer { color: #d12326 !important; }
+
+ .st-menu ul.menu li a:before { background: rgba(209, 35, 38, 0.4); }
+ 
+/*dark blue*/
+.agency-form .contact-form, .agency-counter .row { background: #bc1518; }
+ 
+
+    .bg-overlay-theme-10:before {  background: rgba(209, 35, 38, 0.1); }
+.bg-overlay-theme-20:before {  background: rgba(209, 35, 38, 0.2); }
+.bg-overlay-theme-30:before {  background: rgba(209, 35, 38, 0.3); }
+.bg-overlay-theme-40:before {  background: rgba(209, 35, 38, 0.4); }
+.bg-overlay-theme-50:before {  background: rgba(209, 35, 38, 0.5); }
+.bg-overlay-theme-60:before {  background: rgba(209, 35, 38, 0.6); }
+.bg-overlay-theme-70:before {  background: rgba(209, 35, 38, 0.7); }
+.bg-overlay-theme-80:before {  background: rgba(209, 35, 38, 0.8); }
+.bg-overlay-theme-90:before {  background: rgba(209, 35, 38, 0.9); }
\ No newline at end of file
diff --git a/resoft/css/skins/skin-salmon.css b/resoft/css/skins/skin-salmon.css
new file mode 100644
index 0000000..c58373f
--- /dev/null
+++ b/resoft/css/skins/skin-salmon.css
@@ -0,0 +1,103 @@
+/*
+
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is color stylesheet of Color Scheme.
+
+*/
+
+/*************************
+		General
+*************************/
+/** selection **/
+*::-moz-selection { background: #ff796c; color: #fff; text-shadow: none; }
+::-moz-selection { background: #ff796c; color: #fff; text-shadow: none; }
+::selection { background: #ff796c; color: #fff; text-shadow: none; }
+
+/*************************
+	 Background Color
+*************************/
+ 
+.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #ff796c;}
+
+/*v1.2*/
+.popup-video-image a i { background: #ff796c;}
+
+/*v1.3.1*/
+.conference-video .popup-video  a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #ff796c;}
+
+/*v1.2*/
+.login-box-theme:before, .login-box-theme:after { background: #ff796c;}
+
+/*************************
+        Color
+*************************/
+ a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover,
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, 
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #ff796c; }
+
+/*v1.2*/
+.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #ff796c; }
+
+/*v1.3*/
+.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #ff796c; }
+.isotope-filters.dark-bg button.active, .isotope-filters  button:hover { border-color:  #ff796c; }
+
+/*v1.3.1*/
+.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video  a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #ff796c; }
+
+/*v1.0.4*/
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #ff796c; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #ff796c; }
+
+/*************************
+	 Border Color
+*************************/
+ 
+.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #ff796c; }
+
+/*v1.3.1*/
+.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #ff796c; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #ff796c; }
+
+.progress-bar-new { background-color: #ff796c; }
+
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #ff796c; border-right-color:#ff796c; }
+
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #ff796c; }
+
+.rev-color { color: #ff796c !important; }
+.rev-button { background: #ff796c !important;  }
+.rev-button:hover { background: #ffffff !important; color: #323232 !important; }
+.rev-bg { background: #ff796c !important; }
+
+
+/*************************
+	 Rgba Background Color
+*************************/
+
+ /*important*/
+ .footer .footer-social ul li a:hover, .slider-content .typer { color: #ff796c !important; }
+
+ .st-menu ul.menu li a:before { background: rgba(255, 121, 108, 0.4); }
+ 
+/*dark blue*/
+.agency-form .contact-form, .agency-counter .row { background: #dc5244; }     
+
+
+
+   .bg-overlay-theme-10:before {  background: rgba(255, 121, 108, 0.1); }
+.bg-overlay-theme-20:before {  background: rgba(255, 121, 108, 0.2); }
+.bg-overlay-theme-30:before {  background: rgba(255, 121, 108, 0.3); }
+.bg-overlay-theme-40:before {  background: rgba(255, 121, 108, 0.4); }
+.bg-overlay-theme-50:before {  background: rgba(255, 121, 108, 0.5); }
+.bg-overlay-theme-60:before {  background: rgba(255, 121, 108, 0.6); }
+.bg-overlay-theme-70:before {  background: rgba(255, 121, 108, 0.7); }
+.bg-overlay-theme-80:before {  background: rgba(255, 121, 108, 0.8); }
+.bg-overlay-theme-90:before {  background: rgba(255, 121, 108, 0.9); }
\ No newline at end of file
diff --git a/resoft/css/skins/skin-steelblue.css b/resoft/css/skins/skin-steelblue.css
new file mode 100644
index 0000000..a4f8a3d
--- /dev/null
+++ b/resoft/css/skins/skin-steelblue.css
@@ -0,0 +1,106 @@
+/*
+
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is color stylesheet of Color Scheme.
+
+*/
+
+/*************************
+		General
+*************************/
+/** selection **/
+*::-moz-selection { background: #354a6b; color: #fff; text-shadow: none; }
+::-moz-selection { background: #354a6b; color: #fff; text-shadow: none; }
+::selection { background: #354a6b; color: #fff; text-shadow: none; }
+
+/*************************
+	 Background Color
+*************************/
+ 
+.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #354a6b;}
+
+/*v1.2*/
+.popup-video-image a i { background: #354a6b;}
+
+/*v1.3.1*/
+.conference-video .popup-video  a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #354a6b;}
+
+/*v1.2*/
+.login-box-theme:before, .login-box-theme:after { background: #354a6b;}
+
+/*************************
+        Color
+*************************/
+ a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover,
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, 
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #354a6b; }
+
+/*v1.2*/
+.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #354a6b; }
+
+/*v1.3*/
+.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #354a6b; }
+.isotope-filters.dark-bg button.active, .isotope-filters  button:hover { border-color:  #354a6b; }
+
+/*v1.3.1*/
+.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video  a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #354a6b; }
+
+/*v1.0.4*/
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #354a6b; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #354a6b; }
+
+/*************************
+	 Border Color
+*************************/
+ 
+.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #354a6b; }
+
+/*v1.3.1*/
+.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #354a6b; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #354a6b; }
+
+.progress-bar-new { background-color: #354a6b; }
+
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #354a6b; border-right-color:#354a6b; }
+
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #354a6b; }
+
+.rev-color { color: #354a6b !important; }
+.rev-button { background: #354a6b !important;  }
+.rev-button:hover { background: #ffffff !important; color: #323232 !important; }
+.rev-bg { background: #354a6b !important; }
+
+/*************************
+	 Rgba Background Color
+*************************/
+
+ /*important*/
+ .footer .footer-social ul li a:hover, .slider-content .typer { color: #354a6b !important; }
+
+ .st-menu ul.menu li a:before { background: rgba(53, 74, 107, 0.4); }
+ 
+/*dark blue*/
+.agency-form .contact-form, .agency-counter .row { background: #273a58; }
+
+
+
+   .bg-overlay-theme-10:before {  background: rgba(53, 74, 107, 0.1); }
+.bg-overlay-theme-20:before {  background: rgba(53, 74, 107, 0.2); }
+.bg-overlay-theme-30:before {  background: rgba(53, 74, 107, 0.3); }
+.bg-overlay-theme-40:before {  background: rgba(53, 74, 107, 0.4); }
+.bg-overlay-theme-50:before {  background: rgba(53, 74, 107, 0.5); }
+.bg-overlay-theme-60:before {  background: rgba(53, 74, 107, 0.6); }
+.bg-overlay-theme-70:before {  background: rgba(53, 74, 107, 0.7); }
+.bg-overlay-theme-80:before {  background: rgba(53, 74, 107, 0.8); }
+.bg-overlay-theme-90:before {  background: rgba(53, 74, 107, 0.9); }
+
+
+
+  
\ No newline at end of file
diff --git a/resoft/css/skins/skin-water-blue.css b/resoft/css/skins/skin-water-blue.css
new file mode 100644
index 0000000..3216046
--- /dev/null
+++ b/resoft/css/skins/skin-water-blue.css
@@ -0,0 +1,103 @@
+/*
+
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is color stylesheet of Color Scheme.
+
+*/
+
+/*************************
+		General
+*************************/
+/** selection **/
+*::-moz-selection { background: #0079fc; color: #fff; text-shadow: none; }
+::-moz-selection { background: #0079fc; color: #fff; text-shadow: none; }
+::selection { background: #0079fc; color: #fff; text-shadow: none; }
+
+/*************************
+	 Background Color
+*************************/
+ 
+.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #0079fc;}
+
+/*v1.2*/
+.popup-video-image a i { background: #0079fc;}
+
+/*v1.3.1*/
+.conference-video .popup-video  a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #0079fc;}
+
+/*v1.2*/
+.login-box-theme:before, .login-box-theme:after { background: #0079fc;}
+
+/*************************
+        Color
+*************************/
+ a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover,
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, 
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #0079fc; }
+
+/*v1.2*/
+.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #0079fc; }
+
+/*v1.3*/
+.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #0079fc; }
+.isotope-filters.dark-bg button.active, .isotope-filters  button:hover { border-color:  #0079fc; }
+
+/*v1.3.1*/
+.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video  a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #0079fc; }
+
+/*v1.0.4*/
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #0079fc; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #0079fc; }
+
+
+/*************************
+	 Border Color
+*************************/
+ 
+.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #0079fc; }
+
+/*v1.3.1*/
+.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #0079fc; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #0079fc; }
+
+.progress-bar-new { background-color: #0079fc; }
+
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #0079fc; border-right-color:#0079fc; }
+
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #0079fc; }
+
+.rev-color { color: #0079fc !important; }
+.rev-button { background: #0079fc !important;  }
+.rev-button:hover { background: #ffffff !important; color: #323232 !important; }
+.rev-bg { background: #0079fc !important; }
+
+/*************************
+	 Rgba Background Color
+*************************/
+
+ /*important*/
+ .footer .footer-social ul li a:hover, .slider-content .typer { color: #0079fc !important; }
+
+ .st-menu ul.menu li a:before { background: rgba(0, 121, 252, 0.4); }
+ 
+/*dark blue*/
+.agency-form .contact-form, .agency-counter .row { background: #0368d5; }   
+
+
+   .bg-overlay-theme-10:before {  background: rgba(0, 121, 252, 0.1); }
+.bg-overlay-theme-20:before {  background: rgba(0, 121, 252, 0.2); }
+.bg-overlay-theme-30:before {  background: rgba(0, 121, 252, 0.3); }
+.bg-overlay-theme-40:before {  background: rgba(0, 121, 252, 0.4); }
+.bg-overlay-theme-50:before {  background: rgba(0, 121, 252, 0.5); }
+.bg-overlay-theme-60:before {  background: rgba(0, 121, 252, 0.6); }
+.bg-overlay-theme-70:before {  background: rgba(0, 121, 252, 0.7); }
+.bg-overlay-theme-80:before {  background: rgba(0, 121, 252, 0.8); }
+.bg-overlay-theme-90:before {  background: rgba(0, 121, 252, 0.9); }
+ 
\ No newline at end of file
diff --git a/resoft/css/skins/skin-yellow.css b/resoft/css/skins/skin-yellow.css
new file mode 100644
index 0000000..2b9b49a
--- /dev/null
+++ b/resoft/css/skins/skin-yellow.css
@@ -0,0 +1,111 @@
+/*
+
+Template:  Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is color stylesheet of Color Scheme.
+
+*/
+
+/*************************
+		General
+*************************/
+/** selection **/
+*::-moz-selection { background: #f7c605; color: #fff; text-shadow: none; }
+::-moz-selection { background: #f7c605; color: #fff; text-shadow: none; }
+::selection { background: #f7c605; color: #fff; text-shadow: none; }
+
+/*************************
+	 Background Color
+*************************/
+ 
+.theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.border .acd-group.acd-active .acd-heading, .accordion.border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .progress-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters  button.active, .isotope-filters  button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #f7c605;}
+
+/*v1.2*/
+.popup-video-image a i { background: #f7c605;}
+
+/*v1.3.1*/
+.conference-video .popup-video  a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #f7c605;}
+
+/*v1.2*/
+.login-box-theme:before, .login-box-theme:after { background: #f7c605;}
+
+/*************************
+        Color
+*************************/
+ a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover,
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, 
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #f7c605; }
+
+/*v1.2*/
+.portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #f7c605; }
+
+/*v1.3*/
+.blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i { color: #f7c605; }
+.isotope-filters.dark-bg button.active, .isotope-filters  button:hover { border-color:  #f7c605; }
+
+/*v1.3.1*/
+.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video  a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover { color: #f7c605; }
+
+/*v1.0.4*/
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #f7c605; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2 { color: #f7c605; }
+
+/*************************
+	 Border Color
+*************************/
+ 
+.button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters  button.active, .isotope-filters  button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #f7c605; }
+
+/*v1.3.1*/
+.border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1 { border-color: #f7c605; }
+
+/*v1.2*/
+.login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover { border-color: #f7c605; }
+
+.progress-bar-new { background-color: #f7c605; }
+
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #f7c605; border-right-color:#f7c605; }
+
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #f7c605; }
+
+.rev-color { color: #f7c605 !important; }
+.rev-button { background: #f7c605 !important;  }
+.rev-button:hover { background: #ffffff !important; color: #323232 !important; }
+.rev-bg { background: #f7c605 !important; }
+
+/*************************
+	 Rgba Background Color
+*************************/
+
+ /*important*/
+ .footer .footer-social ul li a:hover, .slider-content .typer { color: #f7c605 !important; }
+
+ .st-menu ul.menu li a:before { background: rgba(247, 198, 5, 0.4); }
+
+/*dark blue*/
+.agency-form .contact-form, .agency-counter .row { background: #d4aa07; }
+
+
+
+   .bg-overlay-theme-10:before {  background: rgba(247, 198, 5, 0.1); }
+.bg-overlay-theme-20:before {  background: rgba(247, 198, 5, 0.2); }
+.bg-overlay-theme-30:before {  background: rgba(247, 198, 5, 0.3); }
+.bg-overlay-theme-40:before {  background: rgba(247, 198, 5, 0.4); }
+.bg-overlay-theme-50:before {  background: rgba(247, 198, 5, 0.5); }
+.bg-overlay-theme-60:before {  background: rgba(247, 198, 5, 0.6); }
+.bg-overlay-theme-70:before {  background: rgba(247, 198, 5, 0.7); }
+.bg-overlay-theme-80:before {  background: rgba(247, 198, 5, 0.8); }
+.bg-overlay-theme-90:before {  background: rgba(247, 198, 5, 0.9); }
+ 
+
+
+ 
+ 
+ 
+
+ 
+  
\ No newline at end of file
diff --git a/resoft/css/style.css b/resoft/css/style.css
new file mode 100644
index 0000000..9ae0e69
--- /dev/null
+++ b/resoft/css/style.css
@@ -0,0 +1,1734 @@
+/*
+
+Template: Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Version: 1.0
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is main stylesheet of template, This file contains the styling for the actual Template.
+
+*/
+ 
+
+/*================================================
+[  Table of contents  ]
+================================================
+ :: Header
+     - topbar
+     - search
+     - Cart
+     - FullWidth
+     - Light
+     - Dark
+     - Left-menu
+     - Logo-center
+     - Fancy
+     - fancy without-topbar
+     - Side menu icon
+     - Vertical header
+    - One page  Header
+ :: Slider (all home page main sliders )
+ ::   - Slider-parallax one page
+ ::   - Mobile slider
+ :: Background
+ :: Home page section
+ :: Decolines
+ :: Awesome features
+ :: Feature Step
+ :: About Us 
+ :: Resume
+ :: Portfolio
+ ::  - Portfolio  item
+ ::  - Portfolio-item-2
+ ::  - Portfolio single page
+ :: Our Blog
+ :: Our services
+ :: Creativity
+ :: Our History
+ :: Our Service Objects
+ :: Sidebar
+ :: About me
+ :: Team page
+ :: Error 404
+ :: Coming soon
+ :: Register
+ :: Login
+ :: maintenance
+ :: Our clients 
+ :: Process
+ :: Careers
+ :: Sitemap
+ :: Privacy-policy 
+ :: Page sidebar 
+ :: Terms and conditions 
+ :: Footer
+ :: Boxed
+
+ v1.2
+ :: index portfolio 4
+ :: index portfolio 04 about
+ :: index portfolio single
+
+======================================
+[ End table content ]
+======================================*/
+
+/*************************
+      Header 
+*************************/
+.default { background: transparent; z-index: 9999; position: absolute; width: 100%; }
+/*topbar*/
+.topbar { /*padding: 10px 0;*/ font-size:12px; color:#4a4a4a; }
+.topbar ul li  { display: inline-block; color: #fff; font-size: 12px; font-weight: normal;}
+.topbar ul li:last-child { margin-right: 0px; }
+.topbar ul li a { color: #4a4a4a; font-size: 12px; font-weight: normal; font-style: normal; }
+.topbar-left { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; letter-spacing: -0.1em;}
+.topbar-right { position: relative; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; }
+.topbar ul li a:hover { font-weight:600; }
+#topbar-nav {list-style:none;}
+#topbar-nav li{display:inline-block; position:relative; line-height: 38px; }
+#topbar-nav li:first-child > a {border: 0;}
+#topbar-nav li > a {border-left: 1px solid #ccc; padding:0px 15px;}
+
+/*menu*/
+.menu-bar { float: right; }
+.mega-menu .menu-links { float: left; }
+.search-cart { display: inline-block;   }
+.search-cart i.icon { color: #ffffff; line-height: 20px; font-size: 14px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; }
+.search-cart i.icon:hover { color: #5E9ECA; }
+.search-cart .search { display: inline-block; padding-right: 15px; padding-left: 10px; }
+.search-cart .shpping-cart { display: inline-block; }
+.shpping-cart a { position: relative; }
+.shpping-cart strong.item { display: block; position: absolute; top: -7px; left: auto; right: -8px; font-size: 10px; color: #ffffff; width: 16px; height: 16px;line-height: 16px; text-align: center; background-color: #5E9ECA; border-radius: 50%; }
+
+  /*search*/
+ .search .search-btn { display: block; height: 20px; line-height: 21px; position: relative; text-indent: -9999px;  width: 14px; color: #ffffff; -o-transition: color 300ms ease 0s; -moz-transition: color 300ms ease 0s; -ms-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s;  transition: color 300ms ease 0s; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; }
+ .search .search-btn:before { content: ""; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; left: 0; position: absolute; text-indent: 0; top: 0; }
+  .search .search-btn:hover { color: #5E9ECA; }
+ .search.search-open .search-btn:before { content: ""; }
+ .search-box { background: #fff; display: block; margin: 0; opacity: 0 !important; padding: 15px; position: absolute; right: 0; top: 100%;  transition: visibility 300ms ease 0s, opacity 300ms ease 0s;  visibility: hidden; width: 327px; z-index: 888; border-radius:  3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0;
+    -ms-transform-origin: 0 0; transform-origin: 0 0;    transition: all 400ms ease; }
+ .search.search-open .search-box { opacity: 1 !important;visibility: visible !important; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); box-shadow: 0 0 50px rgba(0,0,0,.1); }
+ .search .search-box input { background: transparent; border:1px solid #eceff8; padding-left: 15px; border-radius: 3px; }
+ .search .search-box input:focus { background: transparent; border:1px solid #eceff8; }
+ .search .search-box i { cursor: pointer; font-size: 15px; position: absolute; right: 27px; top: 31px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; }
+ .search .search-box i:hover { color: #5E9ECA; } 
+
+/*cart*/
+.cart { opacity: 0; visibility: hidden; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,.1); position: absolute; right: 0; margin-top: 0px; right: 0; width: 300px; border: 1px solid #eceff8; border-radius: 3px;  -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0;
+    transform-origin: 0 0;    transition: all 400ms ease;}
+.cart.cart-open {-webkit-transform: rotateX(0deg); transform: rotateX(0deg);opacity: 1;  visibility: visible; }
+.cart:before { bottom: 100%; right: 8px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(194, 225, 245, 0);
+   border-bottom-color: #fff; border-width: 6px; margin-left: -8px; }
+.cart-title { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; }
+.cart-item { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; position: relative; }
+.cart-item .cart-image { display: table-cell; padding-right: 15px; }
+.cart-item .cart-image img { height: 40px; }
+.cart-item .cart-name { display: table-cell; vertical-align: top; }
+.cart-item .cart-name a { display: block; color: #323232; }
+.cart-item .cart-name a:hover { color: #5E9ECA; }
+.cart-item .cart-name span { color: #323232; display: inline-block; }
+.cart-item .cart-name strong { padding-left: 30px; }
+.cart-price del {  font-size: 14px; background: transparent; color: #323232; padding-left: 0; } 
+.cart-price ins { text-decoration: none; color: #5E9ECA; font-size: 16px;font-weight: bold; } 
+.cart-total { padding: 20px; text-align: center; background: #f7f7f7; }
+.cart-total h6 {  text-align: center; }
+.cart-total a { display: inline-block; margin-top: 20px; padding: 6px 18px; margin: 0; }
+.cart-total a.button { display: inline-block; }
+.cart-total .button + .button { margin: 0; } 
+.cart-item .cart-close { position: absolute; right: 20px; top: 20px; }
+.cart-item .cart-close a { font-size: 14px; }
+.cart-item .cart-close a:hover { color: #323232; }
+ 
+/*mega-menu */
+ 
+.mega-menu .drop-down-multilevel.right-menu { right: 0px;  }
+.mega-menu > section.menu-list-items { padding: 0; }
+.mega-menu .menu-links > li > a { text-transform: uppercase; font-size: 16px; font-weight: 600; line-height: 20px; }
+.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; }
+.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down a { color: #323232; }
+.mega-menu .menu-links > li.active .drop-down li.active a { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down a:hover { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down li.active a i { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down a i:hover { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #f7f7f7; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #f7f7f7; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #f7f7f7; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.mega-menu .row  { margin-left: 0px; margin-right: 0px; }
+.mega-menu .col-md-12  { padding-left: 0px; padding-right: 0px; }
+.mega-menu.desktopTopFixed .menu-logo { padding: 0px; }
+.mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; }
+.mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } 
+ 
+/*fullWidth*/
+.header.fullWidth .container-fluid { padding: 0 60px; }
+
+/*light*/
+.header.light {  background: #ffffff; position: relative; border-bottom: 1px solid #D1D1D1;}
+.header.light .topbar ul li { color: #333; }
+.header.light .topbar ul li a { color: #333; }
+.header.light .mega-menu .menu-links > li > a { color: #333; }
+.header.light .mega-menu .menu-links > li > a:hover { color: #5E9ECA; font-weight: bold;}
+.header.light .mega-menu .menu-links > li.active > a { color: #5E9ECA; font-weight: bold;}
+.header.light .topbar {/*background-color:#e8e8e8;*/ border-bottom: 1px solid #d1d1d1;}
+.header.light .search-cart i.icon { color: #323232; }
+.header.light .search-cart i.icon:hover { color: #5E9ECA; }
+.header.light .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; border-bottom: 1px solid #D1D1D1;}
+.header.light .search .search-btn { color: #323232; }
+.header.light .search .search-btn:hover { color: #5E9ECA; }
+
+/*dark*/
+.header.dark {  background: #323232; position: relative; }
+.header.transparent { background: rgba(0, 0, 0, 0.4); position: absolute; width: 100%; z-index:  999; } 
+
+/*left-menu*/
+.header.left-menu .menu-bar { float: none; }
+.header.left-menu .menu-links { padding-left: 30px; }
+.header.left-menu .search-cart { float: right; }
+
+/*logo-center*/
+.header.logo-center .mega-menu { min-height: 170px; }
+.header.logo-center .menu-logo { float: none; display: block; text-align: center; }
+.header.logo-center .mega-menu .menu-logo > li > a { float: none; }
+.header.logo-center .mega-menu .menu-logo > li { float: none; }
+.header.logo-center .mega-menu img { float: none; margin: 0 auto; }
+.header.logo-center .menu-bar { float: none;  }
+.header.logo-center .search-cart { float: right; }
+.header.logo-center .mega-menu.desktopTopFixed .menu-logo { float: left; display: inline-block; }
+.header.logo-center .mega-menu.desktopTopFixed .menu-logo > li > a { float: left;  }
+.header.logo-center .mega-menu.desktopTopFixed img { float: left; margin: 0 auto; }
+.header.logo-center .mega-menu.desktopTopFixed .menu-bar { float: right; border-top: 0px solid rgba(0, 0, 0, 0.1); }
+.header.logo-center .mega-menu.desktopTopFixed .search-cart { float: right; }
+
+/*fancy */
+ 
+.header.fancy { background: transparent; position: relative; border-bottom: 0; }
+.header.fancy .topbar { background: #5E9ECA; padding: 15px 0px 70px; }
+.header.fancy .topbar .topbar-right li a:hover { color: #323232; }
+.header.fancy .search-cart i.icon { color: #323232; line-height: 20px; }
+.header.fancy .topbar-call ul li i { color: #ffffff; }
+.header.fancy .mega-menu .menu-logo { padding: 26px 0px; }
+.header.fancy .menu { position: absolute; width: 100%; top: 30px; }
+.header.fancy .topbar + .menu {  top: 60px; }
+.header.fancy .mega-menu > section.menu-list-items { background: #ffffff; padding: 0px 25px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }
+.header.fancy .mega-menu.desktopTopFixed > section.menu-list-items { border-bottom: 1px solid #f6f6f6; }
+.header.fancy .topbar ul li a:hover { color: #323232;}
+
+.header.fancy .mega-menu .menu-links > li > a { color: #323232; line-height: 20px; }
+.header.fancy .mega-menu .menu-links > li > a:hover { color: #5E9ECA; }
+.header.fancy .mega-menu .menu-links > li.active > a { color: #5E9ECA; }
+.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #ffffff; }
+.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #323232; }
+.header.fancy .mega-menu.desktopTopFixed .menu-logo { padding: 0; }
+.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 20px; }
+.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px;  }
+.header.fancy .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; }
+.header.fancy .search-cart i.icon:hover { color: #5E9ECA; }
+.header.fancy .search .search-btn { color: #323232; }
+.header.fancy .search .search-btn:hover { color: #5E9ECA; }
+.header.fancy .mega-menu.desktopTopFixed .drop-down.grid-col-5 { width: 21.66666666666667%; }
+.header.fancy .search-box { margin-top: -6px; }
+
+/*fancy without-topbar*/
+.header.fancy.without-topbar .menu { top: 30px; }
+.header.burger .menu-icon { font-size: 30px; color: #323232; } 
+.header.burger .menu-icon:hover { color: #5E9ECA; }
+.header.burger { position: absolute; z-index: 999; width: 100%; padding: 30px 30px; }
+.header.burger .logo { display: inline-block; }
+.header.burger .logo img { height: 50px; }
+
+/*side-menu-icon*/
+.side-menu-icon { display: inline-block; }
+.side-menu-icon .menu-icon { font-size: 16px; color: #ffffff; padding-left: 15px; }
+.side-menu-icon .menu-icon:hover { color: #5E9ECA; }
+
+/*************************
+    header text-dark 
+*************************/
+.header.text-dark .topbar ul li { color: #323232; }
+.header.text-dark .topbar ul li a { color: #323232; }
+.header.text-dark .topbar ul li a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li > a { color: #323232; }
+.header.text-dark .mega-menu .menu-links > li > a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active > a { color: #5E9ECA; }
+.header.text-dark .topbar { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
+.header.text-dark .search-cart i.icon { color: #323232; }
+.header.text-dark .search-cart i.icon:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; }
+.header.text-dark .search .search-btn { color: #323232; }
+.header.text-dark .search .search-btn:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .drop-down-multilevel { background: #323232; }
+.header.text-dark .mega-menu .drop-down.menu-bg, .header.text-dark .mega-menu .drop-down-tab-bar {     background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png);
+    background-repeat: no-repeat; background-position: 120% 0; }
+.header.text-dark .mega-menu .drop-down, .header.text-dark .mega-menu .drop-down-tab-bar { background: #323232; }
+.header.text-dark .mega-menu .drop-down a, .header.text-dark .mega-menu .drop-down-tab-bar a { color: #ffffff; }
+.header.text-dark .mega-menu .drop-down i.fa, .header.text-dark .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; }
+.header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa  { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover  { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.text-dark .mega-menu .drop-down-multilevel a { color: #ffffff; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel li:hover { background: #282828; }
+.header.text-dark .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important;  background-repeat: no-repeat;     background-position: right;} 
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA;
+    background: #282828; }
+.header.text-dark .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; }
+.header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #5E9ECA; }
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #5E9ECA; }
+/*dark-dropdown*/
+.header.dark-dropdown .mega-menu .drop-down-multilevel { background: #323232; }
+.header.dark-dropdown .mega-menu .drop-down.menu-bg, .header.dark-dropdown .mega-menu .drop-down-tab-bar {     background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png);
+    background-repeat: no-repeat; background-position: 120% 0; }
+.header.dark-dropdown .mega-menu .drop-down, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: #323232; }
+.header.dark-dropdown .mega-menu .drop-down a, .header.dark-dropdown .mega-menu .drop-down-tab-bar a { color: #ffffff; }
+.header.dark-dropdown .mega-menu .drop-down i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; }
+.header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa  { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover  { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.dark-dropdown .mega-menu .drop-down-multilevel a { color: #ffffff; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel li:hover { background: #282828; }
+.header.dark-dropdown .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important;  background-repeat: no-repeat;     background-position: right;} 
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA;
+    background: #282828; }
+.header.dark-dropdown .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; }
+.header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #5E9ECA; }
+/*label*/
+.header .label.label-default, .header .label.label-primary, .header .label.label-success, .header .label.label-info, .header .label.label-warning, .header .label.label-danger { color: #fff; padding: 0px 5px; line-height: 14px; display: inline-block; }
+
+
+/*************************
+    one page
+*************************/
+header.one-page { position: absolute; width: 100%; z-index: 999; }
+.navbar-inverse { background: transparent; border: 0; }
+.navbar-brand { height: auto; padding: 25px 0; }
+.navbar .navbar-brand img { height: 40px; }
+.navbar { min-height: 80px; }
+.navbar-nav { float: right; }
+.navbar-inverse .navbar-nav>li  { padding: 35px 15px; }
+.navbar-inverse .navbar-nav>li>a { color: #ffffff; padding: 0; text-transform: capitalize; }
+.navbar-inverse .navbar-nav>li>a:hover { color: #5E9ECA; } 
+.navbar.affix { width: 100%; background: #323232; }
+.navbar.affix { width: 100%; background: #323232; }
+.navbar { min-height: inherit !important;  }
+.navbar.affix .navbar-brand img { height: 30px; }
+.navbar.affix .navbar-brand { padding: 15px 0; }
+.navbar.affix .navbar-nav>li { padding: 20px 15px; }
+ .navbar-nav>li>a { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
+
+/*vertical-header*/
+.vertical-header .container-fluid { padding: 0 80px; }
+.menu-responsive { display: none; }
+.vertical-header .navbar { overflow-y: scroll;  overflow-x: hidden; height: 100%;}
+.vertical-header { padding-left: 260px; }
+.header.vertical-menu { position: fixed; left: 0; top: 0; width: 260px; min-height: 100%; background: #212121; z-index: 999; -o-transition: all 1s; -webkit-transition: all 1s;
+    transition: all 1s; }
+.header.vertical-menu .menu-bar { float: none; }
+.mega-menu.vertical-left, .mega-menu.vertical-right { float: none; }
+.menu-widgets { position: absolute; bottom: 20px; }
+.menu-widgets .social-icons.border li a { border:2px solid; line-height: 30px; }
+.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #5E9ECA; }
+header.one-page.vertical-menu { position: fixed; left: 0; top: 0; height: 100%; background: #212121; width: 260px; padding: 30px; } 
+header.one-page.vertical-menu .navbar-header { float: none; margin-bottom: 20px; }
+header.one-page.vertical-menu .navbar-nav { float: none; }
+header.one-page.vertical-menu .navbar-nav>li { display: block; float: none; }
+header.one-page.vertical-menu .navbar-inverse .navbar-nav>li { padding: 15px 0px; }
+header.one-page.vertical-menu .navbar-collapse { padding: 0; }
+header.one-page.vertical-menu .menu-widgets { padding: 0px; }
+
+header.one-page.light { position: relative; background: #ffffff; }
+header.one-page.light .navbar { margin-bottom: 0; }
+header.one-page.light .navbar-inverse .navbar-nav>li>a { color: #323232; }
+header.one-page.light .navbar-inverse .navbar-nav>li>a:hover { color: #5E9ECA; }
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #5E9ECA; }
+
+header.one-page.light .navbar-inverse .navbar-collapse, header.one-page.light .navbar-inverse .navbar-form { background: #ffffff; }
+header.one-page.light .navbar.affix  { background: #ffffff; box-shadow:  0 0 20px 0 rgba(0, 0, 0, 0.1); }
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a { padding: 5px 10px; -o-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; }
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #5E9ECA;  -webkit-box-shadow: inset 178px 0px 0px 0px #5E9ECA; -o-box-shadow: inset 178px 0px 0px 0px #5E9ECA; -ms-box-shadow: inset 178px 0px 0px 0px #5E9ECA; -moz-box-shadow: inset 178px 0px 0px 0px #5E9ECA; color: #fff; transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -moz-transition: all 0.9s ease-in; -ms-transition: all 0.9s ease-in; -o-transition: all 0.9s ease-in;  }
+
+.one-page.nav-center .navbar-collapse.collapse { text-align: center; }
+.one-page.nav-center .navbar-nav { float: none; display: inline-block; }
+.one-page.transparent { background: rgba(0, 12, 27, 0.5); }
+.one-page.transparent .navbar { margin-bottom: 0; }
+
+/*dark-text*/
+.one-page.dark-text .navbar-inverse .navbar-nav>li>a { color: #323232; }
+.one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #d12326; }
+.one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover { color: #d12326; }
+.one-page.dark-text .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }
+
+/*mega menu vertical*/
+.vertical-menu .menu .menu-logo { padding: 50px 20px; }
+.vertical-menu .menu .mega-menu .menu-links > li > a { padding: 0 23px; }
+.vertical-menu .menu-widgets { padding: 20px; }
+ 
+ @media (min-width: 1101px) {
+.mega-menu { min-height: inherit; }
+.mega-menu > section.menu-list-items {  float: none; }
+.mega-menu > section.menu-list-items > .container,
+.mega-menu > section.menu-list-items > .container > .row,
+.mega-menu > section.menu-list-items > .container > .row > div { height: 100%; }
+.mega-menu > section.menu-list-items .menu-bar {  height: 100%; }
+.mega-menu > section.menu-list-items .menu-bar > ul{ display: table !important; height: 100%; }
+.mega-menu > section.menu-list-items .menu-bar > ul > li { display: table-cell; vertical-align: middle; float: none; }
+.mega-menu .drop-down, .mega-menu .drop-down-tab-bar, .mega-menu .drop-down-multilevel { top: 100%; }
+.mega-menu > section.menu-list-items .search-cart { height: 100%; }
+.mega-menu > section.menu-list-items .search-cart .search { vertical-align: middle;  display: table; height: 100%; float: left; }
+.header .search .search-btn {  display: table-cell; vertical-align: middle;  position: relative;  width: 10px;   float: none; clear: both;  height: 100%; }
+.search .search-btn:before { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
+.search-cart .shpping-cart { display: table; float: left;  height: 100%; }
+.shpping-cart a {  position: relative; display: table-cell; vertical-align: middle; }
+.shpping-cart strong.item { display: block; position: absolute;  top: 50%; border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); margin-top: -10px; }
+.cart { top: 100%; } 
+.mega-menu > section.menu-list-items > .container-fluid,
+.mega-menu > section.menu-list-items > .container-fluid > .row,
+.mega-menu > section.menu-list-items > .container-fluid > .row > div { height: 100%; }
+.logo-center .mega-menu > section.menu-list-items .menu-bar > ul { height: auto; }
+.logo-center .mega-menu > section.menu-list-items .menu-bar > ul > li { display: inline-block;  }
+.logo-center .mega-menu > section.menu-list-items .search-cart { height: auto; }
+.logo-center .mega-menu > section.menu-list-items .menu-bar { height: auto; }
+.logo-center .mega-menu .drop-down, .logo-center .mega-menu .drop-down-tab-bar, .logo-center .mega-menu .drop-down-multilevel { top: auto; }
+.logo-center .mega-menu .menu-links > li > a { line-height: 72px; }
+.logo-center.header .search .search-btn { line-height: 72px; }
+.logo-center .search-cart i.icon { line-height: 72px; }
+.logo-center .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 60px; }
+.logo-center .mega-menu.desktopTopFixed .search .search-btn { line-height: 60px; }
+.logo-center .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 60px; }
+.logo-center .search .search-btn:before { top: inherit; transform: inherit; }
+.logo-center  .search-cart .shpping-cart { float: right; }
+
+.vertical-menu .mega-menu > section.menu-list-items .menu-bar { height: auto; }
+.vertical-menu .mega-menu > section.menu-list-items .menu-bar > ul > li { display: block; }
+.search-cart .side-menu-icon { display: table; float: left; height: 100%; }
+.side-menu-icon .menu-icon { position: relative; display: table-cell; vertical-align: middle; }
+
+.header.light .mega-menu { min-height: 90px; }
+
+}
+
+/*************************************
+   Slider (all home page main sliders )
+ **************************************/
+.rev-slider { overflow: hidden; position: relative; }
+ 
+
+ /*slider 10*/
+#rev_slider_14_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; } 
+ #rev_slider_14_1 .zeus .tp-bullet{box-sizing:content-box; -webkit-box-sizing:content-box; border-radius:60%;   background-color:rgba(255,255,255,0.5);   -webkit-transition:opacity 0.3s ease;   transition:opacity 0.3s ease;  width:14px;height:14px;  border:0px solid rgb(255,201,4)}#rev_slider_14_1 .zeus .tp-bullet:after{content:""; position:absolute; width:100%; height:100%; left:0; border-radius:60%; background-color:rgb(255,201,4); -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:-webkit-transform 0.3s ease; transition:transform 0.3s ease}#rev_slider_14_1 .zeus .tp-bullet:hover:after,#rev_slider_14_1 .zeus .tp-bullet.selected:after{-webkit-transform:scale(1.2); transform:scale(1.2)}#rev_slider_14_1 .zeus .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{width:135px; height:60px; position:absolute; background:#000; background:rgba(0,0,0,0.5); bottom:13px; margin-bottom:10px; transform:translateX(-50%); -webkit-transform:translateX(-50%); box-sizing:border-box; background-size:cover; background-position:center center; visibility:hidden; opacity:0;  -webkit-backface-visibility:hidden;  backface-visibility:hidden; -webkit-transform-origin:50% 50%;  transform-origin:50% 50%;   -webkit-transition:all 0.3s ease;   transition:all 0.3s ease; border-radius:4px}#rev_slider_14_1 .zeus .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease;   transition:all 0.5s ease; transform:translateX(-50%); -webkit-transform:translateX(-50%)}#rev_slider_14_1 .zeus .tp-bullet-title{color:rgb(255,255,255); text-align:center; line-height:15px; font-size:13px; font-weight:600;  z-index:3;  visibility:hidden; opacity:0;  -webkit-backface-visibility:hidden;  backface-visibility:hidden; -webkit-transform-origin:50% 50%;  transform-origin:50% 50%;   -webkit-transition:all 0.3s ease;   transition:all 0.3s ease; position:absolute; bottom:45px; width:135px;   vertical-align:middle}#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-imageoverlay{opacity:1;   visibility:visible;  -webkit-transform:translateY(0px) translateX(-50%);   transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{bottom:auto; margin-right:10px; margin-bottom:0px; right:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title{bottom:auto;   right:100%;   margin-right:10px}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-imageoverlay{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{bottom:auto; margin-left:10px; margin-bottom:0px; left:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title{bottom:auto;   left:100%;   margin-left:10px}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{bottom:auto; top:13px; margin-top:10px; margin-bottom:0px; left:0px; transform:translateY(0px) translateX(-50%); -webkit-transform:translateX(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet:hover .tp-bullet-image{transform:scale(1) translateY(0px) translateX(-50%); -webkit-transform:scale(1) translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateY(0px) translateX(-50%); -webkit-transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title{bottom:auto;   top:13px;   margin-top:20px}
+#rev_slider_14_1 .uranus.tparrows{width:50px; height:50px; background:rgba(255,255,255,0)}#rev_slider_14_1 .uranus.tparrows:before{width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s}#rev_slider_14_1 .uranus.tparrows:hover:before{opacity:0.75}
+
+
+/*************************************
+      slider-parallax one page
+**************************************/
+.slider-parallax { height: 86vh; position: relative; }
+.slider-content-middle { position: absolute; display: inline-block; width: 100%; top: 50%; left: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%);
+    -ms-transform: translate(0,-50%);-o-transform: translate(0,-50%); transform: translate(0,-50%); }
+/*scroll-down*/
+.scroll-down { text-align: center; width: 34px; height: 58px; display: inline-block; border-radius: 20px; border:2px solid #fff; position: absolute; left: 50%; bottom: 60px;
+margin-left: -17px; line-height: 50px; }
+.scroll-down i { height: 10px;  width: 4px; background: #fff; display: inline-block; border-radius: 3px; -webkit-animation-name:fadebounce;  -moz-animation-name:fadebounce; -ms-animation-name:fadebounce; -o-animation-name:fadebounce; animation-name:fadebounce; -webkit-animation-duration:3s; -moz-animation-duration:3s; -ms-animation-duration:3s; -o-animation-duration:3s;
+ animation-duration:3s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -o-animation-iteration-count:infinite;
+ animation-iteration-count:infinite; } 
+@-moz-keyframes fadebounce {
+0% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; }
+50% { -moz-transform:translateY(25px); transform:translateY(25px); opacity:1; }
+100% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; }
+}
+@-webkit-keyframes fadebounce {
+0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; }
+50% { -webkit-transform:translateY(25px); transform:translateY(25px); opacity:1; }
+100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; }
+}
+@-o-keyframes fadebounce {
+0% { -o-transform:translateY(0); transform:translateY(0); opacity:1; }
+50% {-o-transform:translateY(25px);transform:translateY(25px);opacity:1; }
+100% {-o-transform:translateY(0);transform:translateY(0);opacity:1; }
+}
+@-ms-keyframes fadebounce {
+0% { -ms-transform:translateY(0); transform:translateY(0); opacity:1; }
+50% {-ms-transform:translateY(25px);transform:translateY(25px);opacity:1; }
+100% {-ms-transform:translateY(0); transform:translateY(0); opacity:1; }
+}
+@keyframes fadebounce {
+0% { transform:translateY(0); opacity:1; }
+50% {transform:translateY(25px);opacity:1; }
+100% {transform:translateY(0);opacity:1; }
+}
+
+/*personal-typer-banner*/
+ .personal-typer-banner span.sub-text { font-size: 22px; line-height: 22px; margin-bottom: 16px; display: block; }
+ .personal-typer-banner b { border-bottom: 2px solid #5E9ECA; }
+ .personal-typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; color: #5E9ECA; }
+ .personal-typer-banner h1 span { color: #ffffff; font-size: 50px;  display: inline-block;  transform: rotate(-90deg); line-height: 50px; position: relative; top: -11px; left: -20px; }
+ .personal-typer-banner h2 { border-left: 3px solid #5E9ECA; padding-left: 10px; margin-top: 20px; }
+
+/*typer-banner*/
+.typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; }
+.typer-banner p { font-size: 22px; line-height: 22px; }
+.slider-content .typer { color: #5E9ECA !important; }
+
+/*popup-video-banner*/
+.popup-video-banner h1 { font-size:60px; line-height:80px; font-weight: 400; }
+.popup-video-banner a span{ margin-left: 6px; width: 50px; height: 50px; line-height: 50px; display: inline-block; text-align: center; background: #ffffff; color: #5E9ECA; border-radius: 50%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
+.popup-video-banner a:hover span { background: #5E9ECA; color: #ffffff; }
+.popup-video-banner a strong { padding-left:10px; display: inline-block; }
+ 
+ /*video-background-banner*/
+#video-background.bg-overlay-black-50:before { z-index: 0; }
+.video-background-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; text-transform: uppercase; }
+.video-background-banner .slider-content { border:20px solid #5E9ECA; width: 50%; margin: 0 auto; padding: 60px 30px; }
+.video-background-banner .slider-content span { font-size: 22px; line-height: 22px; color: #ffffff; display: block; margin-bottom: 20px; }
+.video-background-banner .slider-content p { font-size: 18px; line-height: 22px; color: #ffffff; margin-top: 20px; }
+
+/* portfolio-banner*/
+.portfolio-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; }
+.portfolio-banner .slider-content { background: #ffffff; width: 50%; margin: 0 auto; padding: 60px 30px; box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.02); }
+.portfolio-banner .slider-content span { text-transform: uppercase; letter-spacing: 10px; font-size: 18px; line-height: 18px;  display: block; margin-bottom: 20px; font-weight: 600; }
+.portfolio-banner .slider-content span i { line-height: 20px; }
+.portfolio-banner .slider-content h1 { font-size: 70px;  margin-bottom: 0; }
+  
+ /*************************************
+    			Background  
+ **************************************/
+/*images background*/
+ .white-bg { background: #fff; }
+ .gray-bg { background: #666; }
+ .dark-gray-bg { background: #666666; }
+ .theme-bg { background: #5E9ECA; }
+ .black-bg { background: #323232; }
+ .dark-theme-bg { background: #050801; }
+
+ .bg-overlay-black-10:before {  background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-20:before {  background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-30:before {  background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-40:before {  background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-50:before {  background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-60:before {  background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-70:before {  background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-80:before {  background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-90:before {  background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-10:before {  background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-20:before {  background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-30:before {  background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-40:before {  background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-50:before {  background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-60:before {  background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-70:before {  background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-80:before {  background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-90:before {  background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-theme-20:before {  background: rgba(132,186,63, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-theme-50:before {  background: rgba(132,186,63, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-theme-70:before {  background: rgba(132,186,63, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-theme-90:before {  background: rgba(132,186,63, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-10, .bg-overlay-black-20, .bg-overlay-black-30, .bg-overlay-black-40, .bg-overlay-black-50, .bg-overlay-black-60, .bg-overlay-black-70, .bg-overlay-black-80, .bg-overlay-black-90, .bg-overlay-white-10, .bg-overlay-white-20, .bg-overlay-white-30, .bg-overlay-white-40, .bg-overlay-white-50, .bg-overlay-white-60, .bg-overlay-white-70, .bg-overlay-white-80, .bg-overlay-white-90, .bg-overlay-theme-20, .bg-overlay-theme-50, .bg-overlay-theme-70, .bg-overlay-theme-90, { position: relative; }
+
+
+/*************************************
+        home page section
+ **************************************/
+.our-service-home  { padding-bottom: 230px; }
+.custom-content { margin-top: -220px; background: #5E9ECA;  position:  relative; z-index: 9; padding: 50px;} 
+
+/*************************************
+       decolines
+ **************************************/
+.decolines { pointer-events: none; position: absolute; width: 100%; height: 100%; top: 0;left: 0; pointer-events: none; }
+.decolines--fixed { position: fixed; width: 100vw;height: 100vh; }
+.decoline { position: absolute; }
+ 
+/*************************************
+   feature step  
+ **************************************/
+.feature-step h1 { font-size: 60px;  } 
+.feature-step h3 { font-weight: 300; margin: 30px 0px 20px; } 
+.feature-step a { font-size: 14px; color: #5E9ECA; } 
+.feature-step a:hover { color: #323232; }
+
+.feature-step-2-box { padding: 70px 30px; z-index: 99; position: relative; }
+.feature-step-2.bg-01 { background: url(../images/blog/05.jpg); background-repeat: no-repeat; background-size: cover; } 
+.feature-step-2.bg-02 { background: url(../images/blog/06.jpg); background-repeat: no-repeat; background-size: cover; } 
+.feature-step-2.bg-03 { background: url(../images/blog/09.jpg); background-repeat: no-repeat; background-size: cover; } 
+.feature-step-2.bg-overlay-black-50:before { z-index: 0; }
+.feature-step-2 .feature-step-2-title-left h1 { font-size: 75px; line-height: 60px; color: #ffffff; }
+.feature-step-2 h3 { margin-bottom: 0; }
+.feature-step-2 h2{font-weight: 200; position: relative; padding-bottom: 10px; font-size: 28px; }
+.feature-step-2 img {display: block; width: 100%;}
+.feature-step-2 .button { margin-top: 20px; }
+.feature-step-2 .feature-step-2-title-left {opacity: 0.5; display: table-cell; padding-right: 26px; }
+.feature-step-2-title-2-right { display: table-cell; vertical-align: top; }
+.feature-step-2.black-bg .feature-step-2-box, .feature-step-2.theme-bg .feature-step-2-box{position: inherit; top: inherit; transform: inherit; display: inline-block;}
+.service-blog { padding-top: 50px; padding-right: 25px; margin-bottom: 100px; }
+.service-blog p { position: relative; z-index: 9; margin-top: 20px; margin-bottom: 20px; }
+.service-blog b {position: absolute; z-index: 0; top: -35px; font-family: 'Poppins', sans-serif; right: -35px; font-size:300px; color: #dde1eb; line-height: normal; opacity: 0.3;}
+.service-blog ul { border-right: 6px solid #5E9ECA; padding-right: 20px; }
+.service-blog li { color: #626262; font-size: 16px; line-height: 22px; padding: 2px 0 7px; }
+.service-blog.left b{left:-35px; right: inherit;}
+.service-blog.left ul{border-left:6px solid #5E9ECA;border-right:0 none;padding-left:20px;padding-right:0;}
+/*split-section*/
+.split-section { position: relative; z-index: 10; }
+.split-section .img-holder { position: absolute; top: 0; width: 100%; height: 100%; }
+.split-section .img-side.img-right { right: 0; }
+.split-section .img-side.img-left { left: 0; }
+.split-section .img-side { right: 0; padding: 0; position: absolute!important;  top: 0px; height: 100%; overflow: hidden; z-index: 100; }
+ .our-awesome-core .img-side { top:  20px;  }
+
+ /*************************************
+         about us 
+ **************************************/
+.who-we-are-left .owl-carousel .owl-dots { bottom: 26px; position: absolute; }
+.who-we-are-left .owl-carousel.owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; border-radius: 50%; }
+
+ /*************************************
+         resume
+ **************************************/
+.resume-page .container-fluid { padding: 0 70px; }
+.resume-block .resume-icon { float: left; margin-right: 30px; }
+.resume-block .resume-icon span { font-size: 30px;  line-height: 50px; color: #5E9ECA; }
+.resume-block .resume-name { display: table-cell; }
+.resume-block .resume-name span { color: #9ea8b6; font-size: 16px; }
+.resume-contact #map { padding-top: 120%; }
+.resume-contact .contact-form-main { padding: 80px 80px; }
+.resume-contact .footer-widget-social a i { color: #ffffff; background: rgba(43, 43, 43, 0.12);  width: 45px; height: 45px; line-height: 45px; }
+.resume-contact .footer-widget-social a i:hover { background: rgba(43, 43, 43, 0.19); } 
+ 
+ /*************************************
+         portfolio 
+ *************************************/
+ .isotope-filters { display: table; margin:0px 0px 30px 0px; text-align: left; }
+.isotope-filters.text-left { display: block; margin: 0px 0px 30px 0px; text-align: left; }
+.isotope-filters  button { margin: 4px; cursor: pointer;  padding: 6.5px 16px; font-size: 14px; background: transparent; border-radius: 18px; color: #363636;     font-weight: 600;    border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
+.isotope-filters  button:focus { outline: none;  outline-style: none; outline-offset:0; }
+.isotope-filters  button.active, .isotope-filters  button:hover { background: #5E9ECA; color: #fff; border-color: #5E9ECA; }
+.isotope-filters  button+button { margin-left: px; background-color: #fff; } 
+.isotope, .masonry { margin: 0 -15px 0 0; }
+.isotope .grid-item img { width: 100%; }
+.isotope.columns-1 .grid-item { width: 100%; padding: 0 15px 15px 0; }
+.isotope.columns-2 .grid-item { width: 50%; padding: 0 15px 15px 0; }
+.isotope.columns-3 .grid-item { width: 33.33333333%; padding: 0 15px 15px 0; }
+.isotope.columns-4 .grid-item { width: 25%; padding: 0 15px 15px 0; }
+.isotope.columns-5 .grid-item { width: 20%; padding: 0 15px 15px 0; }
+.isotope.no-padding .grid-item { padding: 0 !important; }
+.masonry.no-padding .masonry-item { padding: 0 !important; }
+.masonry .masonry-item img { width: 100%; }
+.masonry.columns-2 .masonry-item { width: 50%; padding: 0 15px 15px 0; }
+.masonry.columns-3 .masonry-item { width: 33.33333333%; padding: 0 15px 15px 0; }
+.masonry.columns-4 .masonry-item { width: 25%; padding: 0 15px 15px 0; }
+.masonry.columns-5 .masonry-item { width: 20%; padding: 0 15px 15px 0; } 
+.isotope.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; }
+.isotope.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; }
+.isotope.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; }
+.isotope.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; }
+.masonry.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; }
+.masonry.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; }
+.masonry.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; }
+.masonry.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; }
+
+ /*************************************
+         portfolio  item
+ **************************************/
+.portfolio-title { padding: 100px 60px 30px; }
+.portfolio-title span { display: block; }
+.portfolio-item { width: 100%; position: relative;  overflow: hidden; color: #fff; border: 0; position: relative; }
+.portfolio-item img { width: 100%; -webkit-transition: -ms-transform 0.35s; -o-transform 0.35s; -moz-transform 0.35s; transition: transform 0.35s; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
+.portfolio-item .portfolio-overlay  { width: 100%; background: #5E9ECA; padding: 10px 0px; position: absolute;  bottom:-80px; display: block;  margin-top: 0; float: left; z-index: 9; text-align: left; padding-left: 20px; left: 0;  transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; }
+.portfolio-item .portfolio-overlay h4 { font-weight: 600; margin-bottom: 5px; }
+.portfolio-item .portfolio-overlay a:hover { color: #323232; }
+.portfolio-item .portfolio-overlay span { font-weight: 400; font-size: 14px; }
+.portfolio-item .portfolio-overlay span a { color: #ffffff; }
+.portfolio-item .portfolio-overlay span a:hover { color: #323232; }
+.portfolio-item a.popup{position: absolute; right: 20px; top: -20px; color: #fff; z-index: 9; display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 40px;  opacity: 0;  transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out;}
+.portfolio-item a.popup:hover { background: #5E9ECA; color: #ffffff; }
+.portfolio-item:hover img { -webkit-transform:scale(1.20);  -moz-transform:scale(1.20); -ms-transform:scale(1.20);  -o-transform:scale(1.20);  transform:scale(1.20); }
+.portfolio-item:hover a.popup{ opacity: 1; top: 20px; }
+.portfolio-item:before { content: ''; display: inline-block; width: 100%; height: 100%;  position: absolute; top: 0; left: 0; z-index: 1; background-size: 115%;
+    -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98);  -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.7s cubic-bezier(.68,.11,.13,.98);
+    -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
+.owl-carousel .owl-item .portfolio-item img { width: 100%; }
+ .portfolio-item.only-popup { width: 100%; text-align: center; }
+ .portfolio-item.only-popup a.popup { display: inline-block; left: 50%; margin-left: -20px;  position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } 
+.portfolio-item:hover .portfolio-overlay { bottom: 0; }
+/* no-title */
+.no-title .portfolio-item .portfolio-overlay { position: inherit; bottom: inherit; background: #f6f7f8;  }
+.no-title .portfolio-item .portfolio-overlay a, .no-title .portfolio-item .portfolio-overlay span { color: #323232; }
+.no-title .portfolio-item .portfolio-overlay a:hover { color: #5E9ECA; }
+ /*portfolio pupup*/
+ .mfp-bottom-bar { display: none; }
+.portfolio-home .isotope { margin-bottom: 0; }
+ 
+/*************************************
+             portfolio-item-2
+**************************************/ 
+.portfolio-item-2 { width: 100%; overflow: hidden; position: relative; }
+.portfolio-item-2:before { background: transparent; }
+.portfolio-item-2 .portfolio-hover { padding: 20px; position: absolute; z-index: 99; bottom: 0px; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; }
+.portfolio-item-2 .portfolio-hover .hover-name {  position: absolute; bottom: -10px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; }
+.portfolio-item-2 .portfolio-hover .hover-name span { font-size: 14px; color: #fff; display: block; }
+.portfolio-item-2 .portfolio-hover .hover-name a { font-size: 22px; text-transform: uppercase; color: #fff; display: block; margin-top: 5px; }
+.portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #5E9ECA; }
+.portfolio-item-2 .portfolio-hover .hover-icon { position: absolute; bottom: -10px; right: 30px; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out;  -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; }
+.portfolio-item-2 .portfolio-hover .hover-icon a { color: #fff; }
+.portfolio-item-2 .portfolio-hover .hover-icon a:hover { color: #5E9ECA; }
+.portfolio-item-2:hover .portfolio-hover { opacity: 1; background: rgba(0, 0, 0, 0.9); }
+.portfolio-item-2 img { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;  -o-transition: all 1s ease;  -ms-transition: all 1s ease; transition: all 1s ease; }
+.portfolio-item-2:hover img { opacity: 0.1; -webkit-transform:scale(1.10);  -moz-transform:scale(1.10); -ms-transform:scale(1.10);  -o-transform:scale(1.10);  transform:scale(1.10); }
+.portfolio-item-2:hover .portfolio-hover .hover-name { bottom: 30px; }
+.portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: 40px; }
+.no-title .portfolio-item-2 { overflow: visible; }
+.no-title .portfolio-item-2 .portfolio-hover { position: inherit; border: inherit; opacity: 1; background: #f6f7f8; clear: both; }
+.no-title .portfolio-item-2:hover .portfolio-hover { bottom: inherit; background: inherit; background: #f6f7f8; }
+.no-title .portfolio-item-2 .portfolio-hover .hover-name { bottom: inherit; position: inherit; display: inline-block; clear: both; }
+.no-title .portfolio-item-2 .portfolio-hover .hover-icon { bottom: inherit; position: inherit; display: inline-block; float: right; padding-top: 20px; text-align: right;}
+.no-title .portfolio-item-2:hover .portfolio-hover .hover-name { bottom: inherit; }
+.no-title .portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: inherit; }
+.no-title .portfolio-item-2:hover img { opacity: 1;  -webkit-transform:inherit;  -moz-transform:inherit; -ms-transform:inherit;  -o-transform:inherit;  transform:inherit; }
+.no-title .portfolio-item-2 .portfolio-hover .hover-icon a, .no-title .portfolio-item-2 .portfolio-hover .hover-name span, .no-title .portfolio-item-2 .portfolio-hover .hover-name a { color: #323232; }
+.no-title .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .no-title .portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #5E9ECA; }
+ 
+ /*************************************
+	    	   Portfolio single page
+**************************************/
+  /*tags*/
+.tags h5 { display: inline-block; padding-right: 20px; }
+.tags ul { display: inline-block; }
+.tags li { display: inline-block; }
+.tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; }
+.tags li a:hover { box-shadow: 	0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; }
+
+/*share*/
+.share .social ul { display: inline-block; }
+.share .social ul li { display: inline-block; padding: 0px 6px; }
+.share .social ul li a:hover { color: #353535; }
+
+/*port-meta*/
+.port-meta ul { margin-bottom: 30px; }
+.port-meta li { margin-bottom: 20px; font-size: 16px; }
+.port-meta li b {  color: #5E9ECA; width: 200px; font-weight: 400; width: 100px; display: inline-block; }
+.port-meta li span { font-weight: normal; }
+.port-info p { margin-bottom: 0px; }
+
+/*port-navigation*/
+.port-navigation { padding: 20px 0; border-bottom:1px dashed #d0d0d0; border-top: 1px dashed #d0d0d0;}
+.port-navigation a { color: #626262; }
+.port-arrow { height: 74px; width: 40px; text-align: center; background: #f7f7f7; display: inline-block;}
+.port-arrow i {  text-align: center; font-size: 25px; line-height: 75px;}
+.port-photo { width: 124px; height: 77px; display: inline-block; }
+.port-photo img { width: 100%; }
+
+/*port-post*/
+.port-post { background: #f7f7f7; padding: 15px; }
+.port-post-photo { width: 170px; display: inline-block; float: left; margin-right: 20px; }
+.port-post-photo img { width: 100%;  }
+
+/*port-post-info*/
+.port-post-info { padding-left: 190px;}
+.port-post-info h3 { display: inline-block; font-size: 24px;  }
+.port-post-info span { color: #626262; }
+.port-post-social strong { font-size: 14px; }
+.port-post-social a { color: #626262; margin-left: 8px; font-size: 14px; }
+.port-post-social a:hover { color: #5E9ECA; }
+.port-post-info p { margin-top: 10px; }
+.port-singal .owl-carousel .owl-item img { width: 100%; }
+
+/*************************************
+    		Our Blog 
+ **************************************/
+ /*Blog  1*/
+.blog-box { padding: 30px; border:1px solid #ddd; position: relative; z-index: 1; } 
+.blog-info { position: relative; z-index: 9; }
+.blog-info span { color: #626262; font-size: 14px; margin-right: 6px; }
+.blog-info h4 { font-weight: 600; font-size: 18px;} 
+.blog-box .post-format-icon{text-align: right; position: relative; z-index: 9}
+.blog-box .post-format-icon i { padding-right: 0; font-size: 35px;  color: #e1e1e1; } 
+.blog-info p { padding: 0px 0 10px; font-size: 14px; }
+.blog-box .post-category a { display: inline-block;    padding: 5px 15px;    font-size: 12px; text-transform: uppercase;    font-weight: 700;    border-radius: 50em;    color:#fff;   background-color: #5E9ECA;    -webkit-transition: all 0.3s ease;    -moz-transition: ll 0.3s ease;    transition: all 0.3s ease; margin-bottom: 20px;}
+a.blog-btn { text-align: center; font-size: 14px; color: #5E9ECA; display: block; padding-bottom: 12px; position: relative; z-index: 1; }
+a.blog-btn i {  margin-left: 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
+.blog-box .border { position: absolute; background: #5E9ECA; height: 0px; bottom: 0; left: 0; z-index: 0; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;  }
+.blog-box .blog-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background-size: cover; background-position: center center; }
+.blog-box:hover .blog-box-img, .blog-box.active .blog-box-img { opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } 
+.blog-1:hover h4, .blog-1:hover i, .blog-1:hover span, .blog-1:hover p, .blog-1:hover a.blog-btn, .blog-1.active h4, .blog-1.active i, .blog-1.active span, .blog-1.active p, .blog-1.active a.blog-btn,.blog-1:hover .post-category a,.blog-1:hover .post-format-icon i,.blog-1.active .post-category a,.blog-1.active .post-format-icon i { color: #fff; } 
+.blog-box:hover .blog-box-img:before, .blog-box.active .blog-box-img:before { background: rgba(0, 0, 0, 0.6); color: #fff; content: ""; display: inline-block; height: 100%;
+  left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
+.blog-box.blog-2 {padding: 0; position: relative; border:none; transition: all 0.5s ease 0s; height: 100%; }
+.blog-box.blog-2 .blog-info{background: #ffffff; padding: 30px;}
+.blog-box.blog-2.gray-bg .blog-info {background: #f7f7f7;  }
+.blog-box.blog-2 .blog-box-img{opacity: 1;}
+.blog-box.blog-2 .post-format-icon{position: absolute; right: 30px; top: 30px;}
+.blog-box.blog-2 .button.icon-color{text-transform: capitalize; float: right;}
+.blog-box.blog-2:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);}
+.blog-box.blog-2.gray-bg:hover { box-shadow: none;}
+.blog-box.blog-2.transparent .blog-info { background: transparent; padding: 30px 0; }
+.blog-box.blog-2.transparent .blog-info span { color: #ffffff; }
+
+
+/***************************
+         blog 
+***************************/
+.blog-entry { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
+.blog-entry:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); }
+.blog-entry .entry-image img { width: 100%; }
+.blog-entry .blog-detail { background: #ffffff; padding: 30px; border-top: 0px; }
+.blog-entry .blog-detail .entry-title a { font-size: 22px; font-weight: 600; line-height: 24px; color: #353535; line-height: 28px; }
+.blog-entry .blog-detail .entry-title a:hover { color: #5E9ECA; }
+.blog-entry .entry-meta ul li { display: inline-block; margin-right: 12px; }
+.blog-entry .entry-meta ul li i { color: #5E9ECA; padding-right: 6px; }
+.blog-entry .entry-meta ul li a { color: #353535; line-height: 0px; padding-right: 5px; }
+.blog-entry .entry-meta ul li a i { padding-right: 6px; color: #5E9ECA; }
+.blog-entry .entry-meta ul li a:hover { color: #5E9ECA; }
+.blog-entry .social strong { display: inline-block; margin-right: 10px; }
+.blog-entry .entry-button { display: inline-block;}
+.blog-entry .social ul { display: inline-block; }
+.blog-entry .social ul li { display: inline-block; padding: 0px 6px; }
+.blog-entry .social ul li a:hover { color: #353535; }
+.blog-entry .entry-share { margin-top: 20px; display: block; }
+
+/*blog-entry blockquote*/
+.blog-entry.blockquote { background: #5E9ECA; border: 0px; padding: 36px 30px; }
+.blog-entry.blockquote blockquote { background: #5E9ECA; border-left: 0px; color: #ffffff; padding: 0px; position: relative; margin-top: 0 !important; padding-top: 60px; }
+.blog-entry.blockquote blockquote:before { content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #ffffff; position: absolute; left: 0px; top: -20px; }
+.blog-entry.blockquote .blog-detail { border: 0px; background: #5E9ECA; padding: 0px; }
+.blog-entry.blockquote .blog-detail .entry-title a { color: #ffffff; }
+.blog-entry.blockquote .blog-detail .entry-title a:hover { color: #323232; }
+.blog-entry.blockquote .social ul li a { color: #ffffff; }
+.blog-entry.blockquote .social ul li a:hover { color: #323232; }
+.blog-entry.blockquote .entry-meta ul li a { color: #ffffff; }
+.blog-entry.blockquote .entry-meta ul li i { color: #ffffff; }
+.blog-entry.blockquote .entry-meta ul li a i { color: #ffffff !important; }
+.blog-entry.blockquote .entry-meta ul li a:hover { color: #323232; }
+.blog-entry.blockquote .button.arrow.white:hover { color: #323232; } 
+
+/*video vimeo and youtube*/
+.js-video { height: 0; padding-top: 25px; padding-bottom: 54%; position: relative; overflow: hidden; }
+.js-video.widescreen { padding-bottom: 34.34%; }
+.js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: none; }
+.js-video.big { padding-top: 30px; }
+
+.blog-entry .grid-post li { float: left; width: 50%; border-right: 4px solid #fff; border-bottom: 4px solid #fff; list-style: none; }
+.blog-entry .grid-post li img { width: 100%;  }
+.blog-entry .grid-post li .portfolio-item { width: 100%; }
+ 
+ /*blog-entry-audio*/
+ .blog-entry .blog-entry-audio { padding: 136px 20px; background: url(../images/blog/04.jpg) no-repeat; background-position: center center; background-size: cover; }
+
+ /*blog pages*/
+ /*blog-grid-3-column*/
+ .blog-grid-3-column .blog-entry .blog-entry-audio { padding: 63px 20px; }
+ .blog-grid-2-sidebar .blog-entry .blog-entry-audio { padding: 96px 20px; }
+  
+/*************************************
+      our services
+**************************************/
+.service-image-holder { position: relative; height: 496px; }
+.service-image-holder .section-title-2 { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; }  
+.services-text-box { background:#fff; padding: 10% 15%;}
+.services-text-box-black { background:#363636; padding: 80px 50px !important; }
+.services-text-box-green { background:#5E9ECA; padding: 80px 50px !important; }
+
+/*************************************
+	    	creativity
+**************************************/
+.creativity h1 { line-height: 65px; text-transform: uppercase; font-size: 50px;	font-weight: bold; }
+.creativity p { font-size: 30px; }
+.creativity .button { display: inline-block; float: none; }
+ .contact-map iframe { width: 100%; height: 100%; }
+#formmessage {display: none;}
+.contact-form .section-field { position: relative; width: 31.3%; margin-right: 3%; float: left; }
+.contact-form .section-field:nth-child(3) { margin-right: 0px; }
+.contact-form .section-field:nth-child(6) { margin-right: 0px; }
+.contact-box.contact-box-top { margin-top: -1px; position: relative; }
+.touch-in .contact-box {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); display: inline-block; margin-bottom: 0; padding: 60px 20px; width: 100%;}
+.contact-box i { background: #5E9ECA; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 5px; font-size: 34px; color: #ffffff; display: inline-block;}
+.contact-form .form-control {position: relative; width: 100%; margin-bottom: 20px; }
+.section-field.textarea{width: 100%;}
+.g-recaptcha.section-field {width: 100%; margin-bottom: 20px; }
+.contact-form textarea.form-control {width: 100%; }
+.contact-box .contact-icon { display: table-cell; padding-right: 20px; }
+.contact-box .contact-icon i { background: transparent; line-height: normal; font-size: 34px; height: auto; width: auto;}
+.contact-box.theme-bg .contact-icon i{color: #ffffff !important;}
+.contact-box .contact-info { display: table-cell; vertical-align: top; padding: 0; background: none;} 
+.contact-2 .addresss-info p, .contact-2 .addresss-info i, .contact-2 .addresss-info li{color: #ffffff;}
+.contact-2 .contact-add{padding: 80px 0}
+.contact-2 .contact-add i{font-size: 40px;}
+.contact-3 #map { padding-top: 101%; }
+.contact-2 #map { padding-top: 100%; }
+.map-side { left: 0; overflow: hidden; padding: 0; position: absolute; top: 0; z-index: 9;}
+.map-side.map-right {left: auto; right: 0;}
+.contact-3 .contact-add{padding: 80px 20px; }
+.contact-3 .contact-add i{font-size: 40px; color: #5E9ECA;}
+.contact-3 .contact-form .section-field {width: 100%;}
+.contact-social ul li { display: inline-block; }
+.contact-social ul li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #323232; background: #eceff8; font-size: 14px; border-radius: 3px; margin-right: 5px; }
+.contact-social ul li a:hover { background: #353535 !important; color: #fff;}
+.contact-3 .theme-bg.contact-add i{color: #ffffff !important;}
+.footer #logo-footer { height: 30px; }
+.footer-contact .footer-nav ul li a { color: #353535; }
+.footer-contact .footer-nav ul li a:hover { color: #2046f2; }
+.footer-contact .contact-box .contact-icon i { background: transparent; color: #5E9ECA; margin-bottom: 10px; }
+.footer.footer-topbar hr { border-color: #d9d9d9; }
+.footer-contact .social ul { background: #f6f7f8; }
+.footer-contact .social ul li a i { color: #353535; }
+.footer-contact .social ul li a i:hover { color: #2046f2; }
+.footer-contact .usefull-link ul li a { color: #353535; }
+.footer-contact .usefull-link ul li a:hover { color: #2046f2; }
+.footer-contact { box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); margin-bottom: 80px; margin-top: -220px; padding: 60px 0; }
+.footer-contact .contact-box { text-align: center; }
+.footer-contact .contact-box .contact-icon { display: block; padding-right: 0; color: #2046f2; }
+.footer-contact .contact-box .contact-info { display: block; background: none; padding: 0; width: 100%;}
+.footer-contact .contact-box .contact-info .section-title { margin-bottom: 0px; }
+.footer-contact .contact-box .contact-info h5 { color: #353535; }
+.our-clients.theme-bg{padding: 60px 0 170px;}
+.footer-Newsletter .form-control::-moz-placeholder { color: rgba(255,255,255,0.5); }
+.footer-Newsletter .form-control::-ms-input-placeholder { color: rgba(255,255,255,0.5); }
+.footer-Newsletter .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.5); }
+
+/*************************************
+    		Our History
+**************************************/
+ .history-main { width: 100%; }
+ .liner { background: #fff; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: 96%; z-index: 1; position: relative; } 
+ .liner i { position: absolute; right: -2px; top: -9px; color: #fff; }
+ .history-content { list-style: outside none none; padding: 125px 0; width: auto; }
+ .history-1 { position: relative; left: 45px; }
+ .history-2 { position: relative; margin-left: 30%; }
+ .history-3 { position: relative; margin-left:58%; }
+ .history-4{ position: relative; margin-left: 95%; }
+ .history-line { background: #fff; height: 60px; left: 3px; position: absolute; top: -75px; width: 2px; z-index: 9; }
+ .history-time-lin { position: relative; top: 10px; z-index: 2; }
+ .history-time-lin:before { bottom: 0; }
+ .history-time-lin:before { background: #fff; border-radius: 50%; content: ""; height: 20px; left: -5px; position: absolute; width: 20px; z-index: 1; }
+ .history-time-lin:after { border:2px solid #fff; background: #000; border-radius: 50%; content: ""; height: 30px; left: -5px; position: absolute; width: 30px; }
+ .history-time-lin:after { left: -10px; top: -25px; }
+ .history-item { left: -20px; position: absolute;  top: -125px; }
+ .history-item a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align:  center; display:block; } 
+ .history-5 { position: relative; margin-left: 15%; }
+ .history-6 { position: relative; margin-left: 53%; }
+ .history-7 { position: relative; margin-left:78%; }
+ .history-line-2 { background: #fff none repeat scroll 0 0; height: 60px; left: 3px; position: absolute; top: 15px; width: 2px; z-index: 9; }
+ .history-item-2 { left: -20px; position: absolute; top: 75px; }
+ .history-item-2 a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; }
+ /*Our History */
+.our-history .timeline { list-style: none; padding: 20px 0 20px; position: relative; }
+.our-history .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 2px; background-color: #e6e6e6; left: 50%; margin-left: -0.5px; }
+.our-history .timeline > li { margin-bottom: 20px; position: relative; }
+.our-history .timeline > li:before,
+.our-history .timeline > li:after { content: " "; display: table; }
+.our-history .timeline > li:after { clear: both; }
+.our-history .timeline > li:before,
+.our-history .timeline > li:after { content: " "; display: table; }
+.our-history .timeline > li:after { clear: both;}
+.our-history .timeline > li > .timeline-panel { width: 46%; float: left; padding: 15px 00px 25px 00px; position: relative; }
+.our-history .timeline > li > .timeline-panel:before { position: absolute; top: 23px; right: -25px; display: inline-block; width: 25px; height: 2px; background: #e6e6e6; content: " "; }
+.our-history .timeline > li > .timeline-badge { color: #fff; width: 18px; height: 18px; line-height: 10px; font-size: 0.7em; text-align: center; position: absolute; top: 16px; left: 50%;
+  border:3px solid #5E9ECA; margin-left: -9px; background-color: #fff; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0 0 0 5px #f6f6f6; }
+.our-history .timeline > li.timeline-inverted > .timeline-panel {  float: right;}
+.our-history .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -25px; right: auto; }
+.our-history .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
+ .our-history .timeline-body > p,
+.our-history .timeline-body > ul { margin-bottom: 0; }
+.our-history .timeline-body > p + p  margin-top: 5px; 
+.our-history .timeline > li { text-align: right;}
+.our-history .timeline > li.timeline-inverted { text-align: left;}
+.our-history .timeline .timeline-arrow { position: absolute; width: 100%; left: 0.5px; right: 0; text-align: center; color: #e6e6e6; bottom: -29px; }
+.our-history .timeline > li > .timeline-badge p{width: 200px; margin-top: -9px; margin-left: 25px;font-size: 17px; font-weight: bold; text-align: left;}
+.our-history .timeline > li.timeline-inverted .timeline-badge p{text-align: right; float: right; margin-right: 25px;}
+
+/*************************************
+           our-service objects 
+**************************************/
+.our-service { position: relative; padding-bottom: 280px; z-index: 1; }
+.objects-left { position: absolute; height: 100%; width: 100%; left: 0; top: 80px; z-index: -1; }
+.objects-left .objects-1 { position: absolute; left: 50px; top: 0; }
+.objects-left .objects-2 { position: absolute; left: 100px; bottom: 170px; }
+.objects-left .objects-3 { position: absolute; left: 50%; bottom: 150px; margin-left: -150px; }
+.objects-right { position: absolute; height: 100%; width: 100%; right: 0; top:80px; z-index: -1; }
+.objects-right .objects-4 { position: absolute; right: 0px; top: 0; }
+.objects-right .objects-5 { position: absolute; right: 0px; bottom: 170px; }
+.objects-right .objects-bottom { position: absolute; right: 0px; bottom: 0; }
+
+/*************************************
+         sidebar
+**************************************/
+.sidebar-widget p { margin-bottom: 0px; }
+/*.widget-search */
+.widget-search { position: relative; }
+.widget-search input { padding-right: 30px; color: #353535; box-shadow: none; background: #f6f7f8; }
+.widget-search i { position: absolute; right: 0px; padding: 16px 22px; font-size: 14px; color: #626262; cursor: pointer;  }
+.widget-search input:focus { border-color: #5E9ECA; } 
+ 
+/*Recent Posts*/
+.sidebar-widget .recent-post { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding-bottom: 20px; margin-bottom: 20px; }
+.sidebar-widget .recent-post .recent-post-image { float: left; margin-right: 15px; }
+.sidebar-widget .recent-post .recent-post-image img { width: 50px; height: 50px; border-radius: 50%; }
+.sidebar-widget .recent-post .recent-post-info { overflow: hidden; }
+.sidebar-widget .recent-post .recent-post-info a  { display: block; margin-bottom: 5px; color: #323232; }
+.sidebar-widget .recent-post .recent-post-info a:hover { color: #5E9ECA; }
+.sidebar-widget .recent-post .recent-post-info span { color: #5E9ECA; font-style: italic; font-size: 14px; }
+.sidebar-widget .recent-post .recent-post-info span i { padding-right: 10px; }
+.sidebar-widget .recent-post:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
+
+/*widget-archives*/ 
+.sidebar-widget .widget-categories li { display: block; margin-bottom: 6px; }
+.sidebar-widget .widget-categories li a { font-size: 14px; color: #626262; line-height: 32px; display: block; }
+.sidebar-widget .widget-categories li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 10px; width: 20px; height: 20px; text-align: center; }
+.sidebar-widget .widget-categories li a:hover { color: #5E9ECA; }
+.sidebar-widget .widget-categories li a:hover i { border-color: #5E9ECA; color: #5E9ECA; }
+
+/*widget-link*/
+.sidebar-widget .widget-link li { display: block; margin-bottom: 6px; }
+.sidebar-widget .widget-link li a { font-size: 14px; color: #626262; line-height: 32px; display: block; }
+.sidebar-widget .widget-link li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 20px; width: 20px; height: 20px; text-align: center; }
+.sidebar-widget .widget-link li a:hover { color: #5E9ECA; }
+ 
+/*tags*/
+.sidebar-widget .widget-tags li { display: inline-block; }
+.sidebar-widget .widget-tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; }
+.sidebar-widget .widget-tags li a:hover { box-shadow: 	0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; }
+
+/*widget-testimonial*/
+.sidebar-widget .testimonial-widget .testimonial-content { background: #f6f7f8; padding: 20px; font-style: italic; border-radius: 5px; position: relative; }
+.sidebar-widget .testimonial-widget .testimonial-content:before {  position: absolute; content: ""; bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px;
+border-color: #f6f7f8 transparent transparent transparent; }
+.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar { display: table-cell; padding-right: 20px;  }
+.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar img { width: 50px; height: 50px; border-radius: 50%; }
+.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name { display: table-cell;  vertical-align: top; }
+.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name span { display: block; font-style: italic; font-size: 14px; }
+.sidebar-widget .testimonial-widget .testimonial-info:before { display: none; }
+
+/*widget-gallery*/
+.sidebar-widget .widget-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; }
+
+/*widget-newsletter*/
+.sidebar-widget .widget-newsletter { background: #f6f7f8; padding: 30px; position: relative; z-index: 9; overflow: hidden; }
+.sidebar-widget .widget-newsletter .newsletter-icon { position: absolute; right: 0; top: -16px; }
+.sidebar-widget .widget-newsletter .newsletter-icon i { font-size: 100px; z-index: 0; color: rgba(0, 0, 0, 0.05); }
+.sidebar-widget .widget-newsletter .form-control {  background: #ffffff; box-shadow: none; }
+
+/*widget-clients*/
+.sidebar-widget .widget-clients .item { background: #f6f7f8; padding: 30px 30px; }
+
+/*opening-time*/
+ .opening-time ul li { font-size: 14px; line-height: 20px; color: rgba(255,255,255,0.5); border-bottom: 1px solid #262626; padding-bottom: 14px; margin-bottom: 14px; }
+ .opening-time ul li:last-child { border-bottom: 0; }
+
+/*************************************
+	    	About me
+**************************************/
+.about-me .custom-content { margin-top: 0px; }
+.about-me .maintenance-progress-bar { margin: 0; }
+.about-me .maintenance-progress-bar .progress-bar { margin: 0 44px;  }
+.maintenance-progress-bar .progress-bar .rotate { background: #5E9ECA !important; }
+.maintenance-progress-bar .progress-bar .right { background: #5E9ECA !important; }
+.about-me .portfolio-item { width: 100%;}
+.about-me .contact-me p { color: #363636; margin: 15px 0; display: table; }
+.about-me .contact-me i { float: left; color: #5E9ECA; margin-right: 15px; line-height: 23px; width: 20px; }
+.about-me .follow-me ul { margin-top: 20px; }
+.about-me .follow-me li { display: inline-block; }
+.about-me .follow-me li a { background: #e4e4e4; color: #5E9ECA; border-radius: 3px; display: block; width: 35px; height: 35px; line-height: 35px; margin-right: 2px; text-align: center; font-size: 16px; }
+.about-me .follow-me li a:hover { background: #5E9ECA; color: #fff; }
+
+/*************************************
+	    	   Team 1 page
+**************************************/
+/*team-details*/
+ .team-details .social{display:table;float:right;}
+.team-details .social li a { background:#f7f7f7 none repeat scroll 0 0;border-radius:3px;color:#5E9ECA;display:block;font-size:15px;height:35px;line-height:35px;margin-left:0px;text-align:center;width:35px; }
+.team-details .social li a:hover { background: #5E9ECA; color: #ffffff; }
+.team-details .info i{color:#f7f7f7;font-size:126px;left:0;position:absolute;z-index:0;}
+.team-details .info p{font-size:16px;font-style:italic;line-height:28px;padding-left:64px;position:relative;z-index:9;}
+ 
+/*************************************
+	    	   blog page
+**************************************/ 
+ .owl-carousel img { width: 100%; }
+/*pagination-nav*/
+.pagination { margin:0px; }
+.pagination li a { font-size: 15px; font-weight: 500; margin: 0 5px; color: #626262; border-radius: 50%; }
+.pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 50%; }
+.pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 50%; }
+.pagination>.active>a, .pagination>.active>a:hover { color: #626262; }
+.pagination > li > a, .pagination > li > span { width: 44px; height: 44px; line-height: 44px; background: #f6f7f8; border:0px; padding: 0; text-align: center; }
+.pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover  {  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background-color:#5E9ECA; color: #ffffff;}
+.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color:#5E9ECA; color: #ffffff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); }
+.dataTables_paginate li.paginate_button.previous a, .dataTables_paginate li.paginate_button.next a { width: inherit; height: inherit; background: transparent !important; color: inherit !important;  box-shadow: none !important; }
+ /*timeline blog*/
+.blog .timeline { list-style: none;  padding: 20px 0 20px;  position: relative; }
+.blog .timeline:before { top: 0; bottom: 0; position: absolute; content: " ";  width: 4px;  background-color: #f7f7f7;  left: 50%;  margin-left: -1.5px; }
+.blog .timeline > li { margin-bottom: 20px; position: relative; width: 46%; float: left; clear: left; }
+.blog .timeline > li:before,
+.blog .timeline > li:after { content: " "; display: table; }
+.blog .timeline > li:after { clear: both; }
+.blog .timeline > li:before,
+.blog .timeline > li:after { content: " "; display: table; }
+.blog .timeline > li:after { clear: both; }
+.blog .timeline > li > .timeline-panel { width: 95%; float: left; border: 1px solid #d4d4d4; /*border-radius: 2px;*/ /*padding: 20px;*/ position: relative; border:1px solid #f7f7f7;
+  padding: 20px;  transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
+.blog .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #f7f7f7;
+  border-right: 0 solid #f7f7f7; border-bottom: 15px solid transparent; content: " "; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
+.blog .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff;
+  border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; }
+.blog .timeline > li > .timeline-badge { color: #fff; width: 54px; height: 54px; line-height: 18px; padding: 6px; font-size: 22px; border:4px solid #f7f7f7; background: #fff;
+  border-radius: 50%; text-align: center; font-weight: bold; position: absolute; color: #f7f7f7; top: 16px; right: -73px; /*z-index: 100;*/ }
+.blog .timeline > li > .timeline-badge span { font-size: 13px; font-weight: normal; display: block; }
+.blog .timeline > li.timeline-inverted > .timeline-panel { float: right; }
+.blog .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
+.blog .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
+.blog .timeline-title {  margin-top: 0; color: inherit; }
+.blog .timeline-body > p,
+.blog .timeline-body > ul { padding:20px;  margin-bottom: 0; }
+.blog .timeline-body > p + p { margin-top: 5px; }
+.blog .timeline-footer { padding:20px; background-color:#f4f4f4; }
+.blog .timeline-footer > a { cursor: pointer; text-decoration: none; }
+.blog .timeline > li.timeline-inverted { float: right; clear: right; margin-top: 30px; margin-bottom:    0px; }
+.blog .timeline > li:nth-child(2){ margin-top: 60px; }
+.blog .timeline > li:nth-child(3){ margin-top: 60px; }
+.blog .timeline .entry-title i { font-size: 24px;}
+.blog .timeline-inverted .timeline-badge { margin-top: 70px}
+.blog .timeline li.timeline-inverted .timeline-panel:after { top: 98px; }
+.blog .timeline li.timeline-inverted .timeline-panel:before { top: 97px; }
+.blog .timeline > li.timeline-inverted > .timeline-badge { left: -73px; }
+.blog .timeline li.entry-date { top: 0; left: 0; position: absolute; right: 0; text-align: center; width: 100%; }
+.blog .timeline li.entry-date span { background: #f7f7f7; color: #363636; font-size: 16px; font-weight: 400; text-transform: capitalize; padding: 10px 25px;border-radius: 30px;}
+.blog .timeline li.entry-date-bottom { bottom: -30px; left: 0; position: absolute; right: 0; text-align: center; width: 100%; }
+.blog .timeline li.entry-date-bottom a {  background: #f7f7f7; padding: 7px 10px; color: #363636; font-size: 16px; padding: 10px 25px; border-radius: 30px; }
+.blog .timeline li.entry-date-bottom a:hover {  background: #5E9ECA; color: #fff; }
+.blog .timeline li:hover .timeline-panel { border-color: #5E9ECA; }
+.blog .timeline li:hover .timeline-badge a { color: #fff; }
+.blog .timeline li:hover .timeline-badge{ background: #5E9ECA; border-color: #5E9ECA;  }
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #5E9ECA; border-right-color: #5E9ECA; }
+.blog .blog.timeline .entry-quote p { font-size: 16px; }
+/* blog 2 column masonry left sidebar */
+.blog.timeline-sidebar .timeline > li { width: 89%; }
+.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 50%;}
+.blog.timeline-sidebar .timeline:before { left: 54px; }
+.blog.timeline-sidebar .timeline li.entry-date { text-align: left;}
+.blog.timeline-sidebar .timeline li.entry-date-bottom { text-align: left;}
+.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -66px; }
+.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 0px; }
+.blog.timeline-sidebar .timeline > li:nth-child(3) { margin-top: 30px; 	}
+.blog.timeline-sidebar .timeline li.entry-date { top: 3px; }
+.blog.timeline-sidebar .timeline li.entry-date span { font-size: 14px; padding: 10px 25px; }
+.blog.timeline-sidebar .timeline li.entry-date-bottom {  bottom: -48px; }
+.blog.timeline-sidebar .timeline li.entry-date-bottom a { font-size: 14px; padding: 10px 25px; }
+.blog.timeline-sidebar .timeline li .share ul li { width: auto; }
+
+/*blog-single*/
+.blog-single .blog-entry { box-shadow: none; }
+.blog-single .blog-entry .blog-detail { padding: 0; margin-top: 20px; }
+
+.blog-single .blockquote { font-style: italic;  line-height: 30px; background: #f6f7f8 !important;  }
+.blog-single .blog-entry.blockquote blockquote { background: #f6f7f8;color: #626262;  }
+.blog-single .blog-entry.blockquote blockquote cite {  color: #5E9ECA; }
+.blog-single .entry-share .tags { display: inline-block; } 
+.blog-single .blog-entry.blockquote blockquote:before { color: #323232; top: 20px; }
+
+/*blog-comments*/
+.comments-1 .comments-photo { width: 106px; height: auto; float: left; border:5px solid #f7f7f7; margin-right: 20px; }
+.comments-1 .comments-photo img { width: 100%; }
+.comments-1 .comments-info { display: table; background: #f7f7f7; padding: 20px; margin-bottom: 20px; }
+.comments-1 .comments-info h4 { display: inline-block; } 
+.comments-1 .comments-info span { font-size: 13px; color: #626262; } 
+.comments-1 .comments-info a { color: #5E9ECA; }
+.comments-1 .comments-info a:hover { color: #363636; }
+.comments-1.comments-2 { padding-left: 127px; }
+.comments-1.comments-2 .comments-info { background: #fff; margin-bottom: 0px; padding: 20px 20px 10px; }
+ 
+/*************************************
+	    	 error 404
+**************************************/ 
+.error-block { position: relative; z-index: 9; padding: 20px 0  130px 0px; }
+.error-block .error-text { position: absolute; text-align: center; left: 0; right: 0; z-index: -1; }
+.error-block .error-text h2 {   font-size: 420px; line-height: 300px; color: rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0;  }
+.error-block .error-text  span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 134px; line-height: 100px; color: rgba(0, 0, 0, 0.1); font-weight: bold; }
+.error-block h1 { font-size: 87px; padding-top: 110px; }
+.error-block p { font-size: 33px; }
+
+.error-text-02 { position: relative; text-align: center;  }
+.error-text-02 h2 {   font-size: 420px; line-height: 300px; color: rgba(255, 255, 255, 0.2); position: relative; left: -70px; top: 0;  }
+.error-text-02  span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 117px; line-height: 100px; color: rgba(255, 255, 255, 0.2); font-weight: bold; }
+.error-middle { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; }
+
+
+/*************************************
+	    	    coming soon 
+**************************************/  
+.coming-soon { background: transparent;  }
+.coming-soon-countdown ul.countdown { list-style: none; margin: 75px 0; padding: 0;  display: block; text-align: center; }
+.coming-soon-countdown ul.countdown li { display: inline-block; width: 24%; }
+.coming-soon-countdown ul.countdown li span { font-size: 90px; font-weight: bold; line-height: 80px; color: #5E9ECA; }
+.coming-soon-countdown ul.countdown li p { color: #626262; font-size: 20px; text-transform: capitalize; margin-bottom: 30px; }
+.coming-soon .coming-soon-form input { color: #626262; }
+.coming-soon-form` input { width: 50%; color: #fff; display: block; margin: 0 auto; }  
+.coming-soon-form.contact-form input { width: 50%; display: block; margin: 0 auto; }  
+.coming-soon-middle { padding: 100px; display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; }
+
+/*************************************
+	    	 Register 
+**************************************/ 
+.register-form .section-field { display: block; }
+.register-form .field-widget { position: relative; }
+.register-form .field-widget input { width: 100%; margin-bottom: 20px; padding-left: 30px; }
+.register-form .field-widget select { width: 100%; margin-bottom: 20px; padding-left: 15px; }
+.register-form .field-widget  input.gui-input { padding-left: 140px;}
+.register-form .field-widget .button { background: #666; height: 46px; left: 0; margin: 2px; position: absolute; text-align: center; top: 0; width: 115px; border:0; }
+.register-form .nice-select { float: none; margin-bottom: 20px; background: #f6f7f8; border:0; } 
+.remember-checkbox a {color: #5E9ECA; }
+.remember-checkbox label { position: relative; padding-left: 30px; font-size: 14px;	cursor: pointer;}
+.remember-checkbox label:before, label:after { font-family: FontAwesome; font-size: 17px; position: absolute; top: -3px; left: 0; padding-left: 2px; border-radius: 6px; }
+.remember-checkbox label:before { border: 2px solid #5E9ECA; content: ""; height: 20px; margin-top: 3px; width: 20px; }
+.remember-checkbox label:after { content: '\f00c'; max-width: 0; overflow: hidden; opacity: 0.5; transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; }
+.remember-checkbox input[type="checkbox"] { display: none; }
+.remember-checkbox input[type="checkbox"]:checked + label:after { max-width: 25px; opacity: 1;  }
+/*all id*/
+#one+label:before, #one+label:after {color: #5E9ECA;}
+#two+label:before, #two+label:after {color: #5E9ECA;}
+#three+label:before, #three+label:after {color: hsl(120, 45%, 40%); }
+#four+label:before, #four+label:after {color: hsl(180, 45%, 40%); }
+#five+label:before, #five+label:after {color: hsl(240, 45%, 40%); }
+#six+label:before, #six+label:after {color: hsl(300, 45%, 40%); }
+  
+/*************************************
+	    	 Login 
+**************************************/ 
+.full-height-bg { height: 100vh; }
+/*login-2-social*/
+.login-social li { display: inline-block; margin: 2px 0px; }
+.login-social li a { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
+.login-social li a.fb { display: block;  padding: 12px 20px; color: #fff; font-size: 14px; background: #4c70ad; border-radius:30px; }
+.login-social li a.twitter { display: block;  padding: 12px 20px; color: #fff; font-size: 14px; background: #25b6e6; border-radius:30px; }
+.login-social li a.pinterest { display: block;  padding: 12px 20px; color: #fff; font-size: 14px; background: #dd4b39; border-radius:30px; }
+.login-social li i { border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px;  }
+.login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover  { background: #5E9ECA; } 
+
+/*login 02*/
+.section-transparent { background: transparent; }
+.login-bg  { background: #ffffff; border-radius: 10px; }
+.login-bg .login-title { background: #5E9ECA; padding: 30px; border-radius: 10px 10px 0 0; }
+.login-bg .login-form { padding: 40px 30px; }
+.login-bg .login-social { padding: 30px; background: #f6f7f8; border-radius: 0 0 10px 10px; }
+
+/*login 02*/
+.register-bg  { background: #ffffff; border-radius: 10px; }
+.register-bg .register-title { background: #5E9ECA; padding: 30px; border-radius: 10px 10px 0 0; }
+.register-bg .register-form { padding: 30px 30px 50px; }
+
+/*************************************
+	    	 maintenance 
+**************************************/ 
+img.logo-small { height: 40px; margin: 30px 0; position: relative; }
+.maintenance-main i { font-size: 100px; margin-bottom: 10px; color: #e4e4e4; }
+.maintenance-main h1 { font-size: 62px; text-transform: uppercase; font-weight: bold; }
+.maintenance-main p { font-size: 26px; line-height: 35px; margin-bottom: 70px;}
+.maintenance-form { width: 76%; margin: 0 auto; }
+.maintenance-form p { font-size: 19px; }
+.maintenance-form input { width: 50%; margin: 0 auto; } 
+  
+/*maintenance 2 */
+.maintenance-main h1 { font-size: 40px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; }
+.maintenance-contant p { line-height: 25px; margin-top:20px; font-size: 14px; }
+.progress-new { margin-top: 50px; height: 50px; background: #f6f7f8; border-radius: 0; margin-bottom: 50px; margin-left: auto; margin-right: auto; width: 50%; }
+.progress-bar-new { line-height: 50px; background-color: #5E9ECA; color: #ffffff; font-size: 20px; padding-left: 20px; }
+.progress-bar-new span { position: absolute; right: 30px; color: #323232; font-weight: bold; font-size: 20px; }
+.progress-bar-striped,
+.progress-striped .progress-bar-new {
+  background-image: linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent);
+  background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent);
+  background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent);
+}
+ 
+/*************************************
+	    	 Our clients 
+**************************************/ 
+/*clients-box*/
+.clients-box { background: #f7f7f7; padding: 20px; }
+.clients-photo { position: relative; margin-right: 20px; width: 200px; height: 200px; float: left; display: table-cell; text-align: center; vertical-align: middle; background: #fff; }
+.clients-photo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } 
+.clients-info { display: table; }
+.clients-info i { padding-right: 10px; }
+.clients-info a { font-size: 14px; color: #5E9ECA; }
+.clients-info a:hover { color: #626262; }
+.clients-info p { margin-top: 10px; }
+.happy-clients .tab-content { padding: 0 30px; position: relative; text-align: left; }
+.happy-clients .tab-content .quoter-icon { position: absolute; left: 0;  top: -10px; font-size: 120px;  line-height: 1; color: #5E9ECA;}
+.happy-clients .tab-content p{padding-left: 30px; font-size: 18px; padding-top: 10px; font-style: italic; }
+.happy-clients .nav-tabs li { overflow: visible; display: inline-block; padding: 0 5px; }
+.happy-clients .nav.nav-tabs li a, .happy-clients .nav.nav-tabs li a:hover, .happy-clients .nav.nav-tabs li a:focus { background: none; padding: 0; border:0; outline: none; background: transparent !important;}
+.happy-clients .nav-tabs li img {width: 96px; opacity: 0.1;   height: 96px; border-radius: 50%; }
+.happy-clients .nav-tabs li.active img, .happy-clients .nav-tabs li:focus img { border: 4px solid #fff;  opacity: 1;  top: -2px; box-shadow: 0 0 40px rgba(0,0,0,.3);  }
+.happy-clients .testimonial-avatar { position: relative; right: inherit; left: inherit; top: inherit; width: inherit; height: inherit; margin-left: inherit; margin-top: 30px; }
+.happy-clients .nav-tabs { border: 0; }
+ 
+/***********************************
+         process
+************************************/ 
+.process-list .col-sm-12 { padding: 0 50px; }
+.process { margin: 0px; border: 2px dashed rgba(0, 0, 0, 0.3); position: relative; width: 100%; float: left; padding-bottom: 50px; padding-top: 50px; min-height: inherit; }
+.process.left { border-right: 0; border-top: 0; }
+.process.right { border-left: 0; border-top: 0; }
+.process .border-area.left-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; left: -2px; z-index: 99; }
+.process .border-area.left-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); }
+.process .border-area.right-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; right: -2px; }
+.process .border-area.right-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); }
+.process .border-area.right-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } 
+.process .border-area.right-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); }
+.process .border-area.left-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; left: -2px; } 
+.process .border-area.left-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); }
+.process:first-child { padding-top: 0; }
+.process.left:first-child .process-step { top: 0; }
+.process:last-child {  border-bottom: 0; }
+.process:last-child .border-area.left-bottom { bottom: 0; }
+.process:last-child .border-area.left-bottom:before { border-bottom-left-radius:0; border-bottom: 0; }
+.process.left .process-step { position: absolute; top: 50px; left: -35px; z-index: 999; }
+.process.right .process-step { position: absolute; top: 50px; right: -35px; z-index: 99; }
+.process.left .process-content { padding-left: 80px; }
+.process.right .process-content{  padding-right: 80px; }
+.process .process-step strong { width: 70px; height: 70px; line-height: 70px; text-align: center; background: #5E9ECA;  border-radius: 100%; display: inline-block;
+    z-index: 99; font-size: 20px; color: #fff; }
+.process .process-content { position: relative; z-index: 99; }
+.process .process-content span { font-size: 80px; line-height: 80px; color: #5E9ECA; }
+.process.left .process-content .process-icon { display: table-cell; padding-right: 30px; }
+.process.left .process-content .process-info { display: table-cell;  vertical-align: top; }
+.process.right .process-content .process-icon { float: right; padding-left: 30px; }
+.process.right .process-content .process-info { display: table-cell; vertical-align: top; } 
+
+/*************************************
+	    	 Careers 
+**************************************/ 
+.agency-about  { padding-bottom: 100px; }
+
+/*careers accordion*/
+.careers .acd-des span { display: block; }
+ 
+/*careers form*/
+.careers-from .section-field label { margin-bottom: 10px; }
+ 
+/*************************************
+          sitemap 
+**************************************/ 
+.sitemap h4 { margin-bottom: 25px; text-transform: capitalize; }
+.sitemap h4 i { padding-right: 10px; }
+.sitemap ul li { display: block; line-height: 34px; }
+.sitemap ul li i { padding-right: 10px; } 
+.sitemap ul li a { font-size: 14px; color: #626262; text-transform: capitalize; }
+.sitemap ul li a:hover { color: #5E9ECA; }
+
+/*************************************
+             privacy-policy 
+**************************************/
+.privacy-policy ul li { font-size: 14px; line-height: 30px; }
+.privacy-policy ul li i { padding-right: 10px; }
+
+/*************************************
+            page sidebar 
+**************************************/
+.page-sidebar .page-content ul li { font-size: 14px; line-height: 30px; }
+.page-sidebar .page-content ul li i {  }
+
+/*************************************
+           terms and conditions 
+**************************************/
+.terms-and-conditions ul li { font-size: 14px; line-height: 30px; }
+.terms-and-conditions ul li i { padding-right: 10px; }
+ 
+ 
+.special-feature .feature-text {padding:40px;}
+.special-feature { padding-bottom:-117px; }
+.special-feature .row-eq-height.no-gutter { position:relative; z-index:99; margin-top:-117px; }
+
+/*************************
+   BG - Images
+*************************/
+.parallax {   background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -ms-background-size: cover !important;  position: relative; z-index: 0; background-origin: initial; background-position: center bottom !important; background-repeat: no-repeat;  }
+.gradient-overlay{position:relative;}
+.gradient-overlay:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background:url(../images/construction/bg/gradient-overlay1.png) repeat-y left 0;}
+  
+/*************************************
+          Footer 
+**************************************/
+.footer.black-bg{background: #1a1a1a;}
+.footer.black-bg p { color: rgba(255,255,255,0.5); }
+.footer.black-bg .social-icons li a { color: rgba(255,255,255,0.5); }
+.footer p{font-size: 14px;}
+.footer-logo img { width: 65%; }
+.footer h6{font-size: 14px;}
+.addresss-info li { font-size: 14px; margin-bottom: 15px; color: rgba(255,255,255,0.5); list-style: none; }
+.addresss-info i{  color:rgba(255,255,255,0.5); padding-right: 5px; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 14px; }
+.addresss-info p { display: table; color: rgba(255,255,255,0.5); margin-bottom: 0px; }
+.addresss-info li a { color: rgba(255,255,255,0.5); }
+.footer a{font-size: 14px;}
+
+/*footer-Newsletter*/
+.footer-Newsletter { display: inline-block; width: 100%;}
+.footer-useful-link.footer-hedding ul { margin-top: -6px; }
+.footer-Newsletter .form-control { border-left: 0px; height: 50px; border-radius: 30px; font-size: 14px;  color: rgba(255,255,255,0.3); border:none; background: #252525; padding: 10px 25px; width: 100%; }
+.footer-Newsletter .form-control:focus { border:0; box-shadow: none;}
+.footer-Newsletter .button.border{border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.5); padding: 10px 18px; font-size: 12px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
+.footer-Newsletter .button.border:hover { color: #ffffff; }
+.footer-useful-link ul li { list-style: none; margin-bottom: 12px;}
+.footer-useful-link ul li:last-child { margin-bottom: 0; }
+.footer-useful-link ul li a { color: rgba(255,255,255,0.5); font-size: 14px; vertical-align: top; display: block; line-height: 26px; }
+.footer-useful-link ul li a:hover { color: #5E9ECA; }
+/*transparent*/
+.footer-Newsletter.transparent .form-control { background: rgba(0, 0, 0, 0.04); }
+.footer-Newsletter.transparent .form-control::-moz-placeholder { color: #323232; }
+.footer-Newsletter.transparent .form-control::-ms-input-placeholder { color: #323232; }
+.footer-Newsletter.transparent .form-control::-webkit-input-placeholder { color: #323232; }
+
+/*footer-widget*/
+.footer-widget { padding: 20px 0; border-top: 1px solid #262626;}
+.footer-widget p{font-size: 14px; color: rgba(255,255,255,0.5); letter-spacing: 0.5px;}
+.footer-widget a { color: #5E9ECA; } 
+.footer-widget a:hover { color: #5E9ECA; } 
+.footer-widget-social {margin-top: 5px; } 
+.footer-widget-social li  { display: inline-block;} 
+.footer-widget-social a i { display: inline-block; color: rgba(255,255,255,0.5); background: none; border-radius: 50%; width: 35px; height: 35px; text-align:center; line-height: 37px; font-size: 14px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} 
+.footer-widget-social a i:hover{background: #5E9ECA;}
+.footer .footer-nav ul li {    display: inline-block;}
+.footer .footer-nav ul li a { margin: 0 5px; color: #323232;}
+.footer .footer-nav ul li a:hover { color: #5E9ECA; }
+.footer .social ul li {display: inline-block;}
+.footer .social ul li a i { font-size: 14px; width: 45px; height: 45px; line-height: 45px; text-align: center; float: none; color: #323232;}
+.footer .social ul li a i:hover{color: #5E9ECA;}
+.footer .social ul{background: #f6f7f8;     display: inline-block;    border-radius: 30px;    padding: 0px 10px;}
+.footer .usefull-link ul li {display: block;    border-bottom: 0px;    line-height: 24px;    padding: 5px 0; }
+.footer .usefull-link ul li a{color: #323232;}
+.footer .usefull-link ul li a:hover { color: #5E9ECA; }
+.footer .copyright { padding: 30px 0 20px;}
+.footer .copyright ul li a {color: #323232;}
+.footer .copyright ul li a:hover {color: #5E9ECA;}
+img#logo-footer{ height: 50px; width: auto; }
+.footer.light .footer-nav ul li a{color: #fff;}
+.footer.light .footer-nav ul li a:hover { color: #323232; }
+.footer.light h6{color: #fff;}
+.footer.light .about-content p{color: #fff;}
+.footer.light .usefull-link ul li a{color: #fff;}
+.footer.light .usefull-link ul li a:hover {color: #323232;}
+.footer.light .copyright ul li {color: #fff;}
+.footer.light .copyright ul li a {color: #ffffff; font-size: 14px;}
+.footer.light .copyright ul li a:hover {color: #323232; }
+.footer.light.footer-topbar .copyright ul li { color: #ffffff }
+.footer.light .copyright p {color: #fff;}
+.footer.light .social ul li a i {color: #5E9ECA;}
+.footer.light .social ul li a:hover i {color: #323232;}
+.footer .footer-text p{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;}
+.footer .footer-social ul li a{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;}
+.footer .footer-social ul li a:hover { color: #5E9ECA !important; }
+.footer.footer-topbar .copyright ul li{color:rgba(255, 255, 255, 0.5) !important;}
+.footer.footer-one-page .contact-add i { font-size: 20px }
+.footer.footer-one-page h5 { color: rgba(255,255,255,0.5); }
+.footer.footer-one-page p { color: rgba(255,255,255,0.5); }
+
+/* footer transparent*/
+.footer.transparent h6, .footer.transparent p, .footer.transparent ul li a, .footer.transparent span { color: #ffffff; }
+
+/*widget-gallery*/
+.footer .footer-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; }
+.footer .footer-tags li { display: inline-block; }
+.footer .footer-tags li a { background: transparent; color: #fff; border:1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; }
+.footer .footer-tags li a:hover { background: #5E9ECA; }
+
+/*footer-social-big*/
+.footer-social-big ul li { display: inline-block; padding: 10px; width: 70px; text-align: center;  background: rgba(255, 255, 255, 0.1); }
+.footer-social-big ul li.facebook { background: #5d82d1; }
+.footer-social-big ul li.pinterest { background: #e13138; }
+.footer-social-big ul li.linkedin { background: #238cc8; }
+.footer-social-big ul li i { color: #ffffff; display: block; width: 30px; height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.2); border-radius: 50%; margin: 0 auto;  }
+.footer-social-big ul li span { display: block; text-align: center; color: #ffffff; margin-top: 10px; font-size: 11px; }
+ 
+/*footer-box*/
+.footer-box { background: rgba(102, 102, 102, 0.2); padding: 30px; clear: both; margin-bottom: 40px; margin-top: 60px; }
+.footer-box .box-content { display: table-cell; vertical-align: top; }
+.footer-box .box-link { display: table-cell; padding-left: 20px; vertical-align: middle; }
+.footer-box .box-link a { display: block; padding: 8px 16px; width: 140px;  }
+
+/*google-map*/
+.google-map { background: #; }
+.google-map .row [class*='col-'] { min-height: 0; }
+.map-icon { position: relative; z-index: 999; cursor: pointer; }
+.google-map .map-icon:before { cursor: pointer; content: "\f041"; font-family: "FontAwesome"; font-size: 30px; font-weight: normal; right: 0; position: absolute; text-indent: 0; top: -32px; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #ffffff; color: #5E9ECA; text-align: center; }
+.google-map.google-map-open .map-icon::before { content: "\f00d"; }
+.google-map .map-open { height: 0; overflow: hidden;  transition: all 900ms ease; }
+.google-map .map-open iframe { height: 300px; }
+.google-map-open .map-open  {  height: 300px;  }
+.pos-r{position: relative;}
+.img-side img{max-width: 100%}
+.img-side.img-left {left: 0;}
+.img-side {padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100;}
+.font-bold {font-weight: 600}
+.no-gutter{  margin-right:0; margin-left:0;}
+.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;}
+
+/*youtube-video*/
+ .popup-video { position: relative; }
+.popup-video .play-video { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } 
+.popup-video .play-video { width: 50px; height: 50px; }
+.popup-video .play-video a { width: 50px; height: 50px; }
+.popup-video .play-video a i { line-height: 50px; }
+.popup-video .play-video:hover {  transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); background-color: #ffffff; }
+.popup-video .play-video:hover a { color: #5E9ECA; }
+.play-video { cursor: pointer; position: relative; width: 100px; height: 100px; margin: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
+.play-video { background-color: #5E9ECA; -webkit-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); -moz-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); }
+.play-video a { color: #fff; width: 100px; height: 100px; position: absolute; top: 0; left: 50%; padding-left: 5px; transform: translateX(-50%); }
+.play-video a i { line-height: 100px; }
+.play-video:hover a { color: #5E9ECA; }
+.play-video:after { content: ''; top: 0; left: 0; padding: 0; z-index: -1; opacity: 0; pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); }
+
+.play-video:hover{background: #ffffff; color: #5E9ECA; border-color:transparent !important;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-box-shadow:2px 6px 18px transparent !important;-moz-box-shadow:2px 6px 18px transparent !important;box-shadow:2px 6px 18px transparent !important}
+.play-video:hover:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms; -moz-animation:sonarEffect 1.3s ease-out 75ms; animation:sonarEffect 1.3s ease-out 75ms;}
+@-webkit-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-webkit-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}}
+@-moz-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-moz-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}}
+@keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);transform:scale(1.5);opacity:0; }}
+.my-contact .contact-icon{float: left; margin-right: 25px;}
+.my-contact .contact-icon span{color: #fff ! important;}
+ 
+/*************************************
+         index portfolio 4
+**************************************/
+.portfolio-item.simple-effect .portfolio-overlay span { color: #363636; }
+.portfolio-item.simple-effect .portfolio-overlay span a { color: #363636; }
+.portfolio-item.simple-effect .portfolio-overlay a:hover { color: #5E9ECA; }
+.portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #5E9ECA; }
+.portfolio-item.simple-effect .portfolio-overlay { z-index: 9; opacity: 0; bottom: inherit; background: transparent; top: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: center;  }
+.portfolio-item.simple-effect:hover:before { position: absolute; width: 100%; height: 100%; content: ""; background: rgba(255, 255, 255, 1); z-index: 1;  background-size: 115%;
+    -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98);  transition: all 0.6s cubic-bezier(.68,.11,.13,.98);    -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
+.portfolio-item.simple-effect:hover .portfolio-overlay { top: 50%; opacity: 1; }
+
+/*footer*/
+.footer .container-fluid { padding: 0 60px; }
+#footer-fixed { position: fixed; bottom: 0; width: 100%; z-index: -1; box-shadow: inset 0 27px 60px -25px rgba(0,0,0,0.3); }
+.footer.footer-simple ul li a, .footer.footer-simple p, .footer.footer-simple i, .footer.footer-simple li { color: #ffffff; font-weight: bold; font-size: 16px; }
+.footer.footer-simple ul li a:hover { color: rgba(255, 255, 255, 0.6); }
+.footer.footer-simple .social-icons li a {  color: #ffffff; width: 100%; }
+.footer.footer-simple .social-icons li a:hover { color: rgba(255, 255, 255, 0.6); }
+ 
+/*elements*/
+.full-width { width: 100%; }
+.height-100vh { height: 100vh; }
+.pos-bot { position: absolute; bottom: 0; width: 100%; }
+.vertical-align { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
+
+/*************************************
+       index portfolio  04 about
+**************************************/
+.portfolio-03-about { padding-left: 50px; }
+.portfolio-03-about p { font-size: 16px; font-weight: 600; }
+
+/*************************************
+       index portfolio  single
+**************************************/
+/*popup-video*/
+.popup-video-image { position: relative; }
+.popup-video-image:before { background: rgba(37, 41, 51, 0.4); content: ""; height: 100%; left: 0;  position: absolute; top: 0; width: 100%; z-index: 0; }
+.popup-video-image a i { color: #ffffff; text-align: center; line-height: 60px; width: 60px; height: 60px; background: #5E9ECA; display: inline-block; margin: 0 auto;
+    border-radius: 50%; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);
+    -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; font-size: 20px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
+.popup-video-image a i:hover { background: #323232; }
+
+/*************************************
+            index 11
+**************************************/
+
+/*index 11*/
+ /*slider-parallax typer-banner business*/
+ .slider-parallax.typer-banner.business h1 { font-family: 'Dosis', sans-serif; }
+ .slider-parallax.typer-banner.business p { padding: 0 200px; line-height: 34px; font-size: 26px; font-weight: 600; display: block; }
+
+ /*play-video*/
+.custom-content-02 .feature-text p { line-height: 28px; }
+.play-video-section .play-video { box-shadow: none; background: #ffffff; width: 60px; height: 60px; line-height: 60px; }
+.play-video-section .play-video a { color: #5E9ECA; line-height: 60px; }
+.play-video-section .play-video a i { line-height: 60px; padding-right: 3px; }
+.play-video-section .play-video:after {box-shadow: none; }
+.play-video-section .content { padding: 0 100px; }
+.play-video-section .content h2 { font-family: 'Dosis', sans-serif; }
+.custom-content-03 h2 { font-family: 'Dosis', sans-serif; font-size: 40px; line-height: 50px; }
+
+/*blockquote-section*/
+.blockquote-section { position: relative; z-index: 9; }
+.blockquote-section blockquote { font-size: 50px; font-weight: 600; line-height: 60px; border-left: 0; padding-left: 0; font-family: 'Dosis', sans-serif; }
+.blockquote-section blockquote cite { font-size: 16px; font-weight: 600; margin-top: 40px; line-height: 30px; font-family: 'Nanum Gothic', serif; font-style: normal; }
+.blockquote-section blockquote cite span { display: block; font-size: 14px; }
+.blockquote-section blockquote.quote { padding-top: 100px; }
+.blockquote-section blockquote.quote:before { color: #5E9ECA; left: 0; top: 0; font-size: 120px; line-height: 120px; }
+.blockquote-section .blockquote-section-left { margin-left: 60px;  }
+.blockquote-section .blockquote-section-right { margin-left: -120px; position: relative;z-index: -1; }
+
+/*************************************
+           footer
+**************************************/
+.footer.gray-footer .footer-Newsletter .form-control { background: #ffffff; color: #323232; height: 60px; line-height: 60px; box-shadow: 0 10px 50px rgba(0,0,0,0.1); }
+.footer.gray-footer .footer-widget  { border-top: none; }
+.footer.gray-footer .footer-widget p { color: #323232; }
+
+.footer.gray-footer .footer-Newsletter .form-control::-moz-placeholder { color: #323232; }
+.footer.gray-footer .footer-Newsletter .form-control::-ms-input-placeholder { color: #323232; }
+.footer.gray-footer .footer-Newsletter .form-control::-webkit-input-placeholder { color: #323232; }
+
+/*************************************
+           portfolio
+**************************************/
+.portfolio-item.image-text { position: relative; }
+.portfolio-item.image-text .portfolio-overlay { bottom: 30px; background: transparent; }
+.portfolio-item.image-text .portfolio-overlay span { display: block; }
+.portfolio-item.image-text:before { position: absolute; width: 100%; bottom: 0; content: ""; ackground: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%);  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; }
+.portfolio-item.image-text .portfolio-overlay a.button { padding: 6px 16px; }
+.portfolio-item.image-text .portfolio-overlay a.button span { font-size: 12px; }
+.portfolio-item.image-text .portfolio-overlay a.button:hover { color: #ffffff;  }
+
+/*************************************
+           coming-soon-big
+**************************************/
+.coming-soon-big .countdown.medium span { font-size: 120px; line-height: 120px; font-weight: bold; }
+.coming-soon-big .countdown.medium p { font-size: 30px; line-height: 30px; font-weight: bold; }
+.coming-soon-big .coming-soon-form p { font-weight: bold; }
+.coming-soon-big .contact-form.transparent-form .form-control { background: rgba(255, 255, 255, 0.4); }
+.coming-soon-big .button { font-weight: bold; }
+
+/*************************************
+            inner page 
+**************************************/
+/* about-05 */
+.about-05-split .shop-split-content { padding: 100px 0; }
+/*about-mission*/
+.about-mission .popup-video-image a i { position: relative; top: inherit; left: inherit; bottom: inherit; right: inherit; }
+.about-mission .popup-content { position: absolute; bottom: 0; padding: 30px 130px 30px 30px; }
+.about-mission-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); }
+.about-mission-box .content { padding:24px; }
+.about-mission-title { padding-bottom: 250px; }
+.about-mission { margin-top: -150px; }
+/*faq 03*/
+.faq-page-title .form { position: relative; z-index: 9; }
+.faq-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); padding: 40px; border-radius: 10px; background: #ffffff;  margin-top: -60px;  }
+.faq-box span { font-size: 40px; line-height: 40px; margin-bottom: 20px; display: block; }
+.faq-box strong { display: block; }
+.faq-box a.button { padding: 8px 16px; }
+
+/*login-fancy*/
+.login-fancy { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); }
+.login-fancy-bg { position: relative;  z-index: 1; }
+.login-fancy h2 { font-size: 70px; line-height: 70px; }
+.login-gradient, .login-gradient-02, .login-gradient-03  { position: relative; }
+.login-gradient:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9af1e1), color-stop(100%, #4003f6)); background: -webkit-linear-gradient(-315deg, #9af1e1 0%, #4003f6 100%);  background: -webkit-linear-gradient(45deg, #9af1e1 0%, #4003f6 100%);  background: linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); }
+.login-gradient-02:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee38a6), color-stop(100%, #ffc863)); background: -webkit-linear-gradient(-315deg, #ee38a6 0%, #ffc863 100%);  background: -webkit-linear-gradient(45deg, #ee38a6 0%, #ffc863 100%);  background: linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); }
+.login-gradient-03:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcdd2), color-stop(100%, #470df5)); background: -webkit-linear-gradient(-315deg, #ffcdd2 0%, #470df5 100%);  background: -webkit-linear-gradient(45deg, #ffcdd2 0%, #470df5 100%);  background: linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); }
+
+/*login-box*/
+.login-box { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); border-radius: 0px 10px 10px 0px; }
+.login-box-bg { position: relative;  z-index: 1; }
+.login-box h2 { font-size: 40px; line-height: 40px; }
+.login-box-main { display: table; width: 100%; }
+.login-box-main-middle { display: table-cell; vertical-align: middle; }
+.login-box-left  { box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); height: 100%; border-radius: 10px 0 0px 10px; }
+.login-box-left .logo-small { margin-left: 30px; } 
+.login-box-main .theme-bg { box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.2); position: relative;  z-index: 1;  }
+.login-box-theme { position: relative; }
+.login-box-theme:before { position: absolute; content: ""; height: 30px; top: -29px; width: 100%; background: #5E9ECA; left: 0; }
+.login-box-theme:after { position: absolute; content: ""; height: 30px; bottom: -29px; width: 100%; background: #5E9ECA; left: 0; }
+.login-box-main .nav li a { padding-left: 30px; }
+.login-box-main .nav li a { display: block; text-align: left; color: #323232; border-left: 5px solid transparent; background: transparent; }
+.login-box-left li.active a, .login-box-left li a:hover { border-left: 5px solid #5E9ECA; color: #5E9ECA; }
+.login-box-main .nav li a i { display: inline-block; padding-right: 6px; text-align: left; margin-bottom: 10px; }
+.login-box .list-unstyled.list-inline a:hover { color: #323232; }
+/*login-box-02*/
+.login-box-02 { padding: 40px; border:1px solid rgba(0, 0, 0, 0.1); height: 100%; }
+.login-box-02.white-overlay { background: rgba(255, 255, 255, 0.5); }
+.login-signup a.text-black:hover { color: #ffffff; }
+
+/*login-14*/
+.login-14 { padding: 0 100px; }
+
+/*login-15*/
+.login-15 { padding: 0 60px; }
+
+/*login-signup*/
+.login-signup .tab-border .tab-content { padding: 0; }
+.login-signup .login-box-02  { border:0; }
+
+/*************************************
+            boxed
+**************************************/
+
+@media (min-width: 1220px) {
+body.boxed-layout .wrapper { float: none; width: 1220px; margin: 0 auto; position:relative; background-color: #FFF; box-shadow: 0 0 60px rgba(0,0,0,.1); -moz-box-shadow: 0 0 60px rgba(0,0,0,.1);
+    -webkit-box-shadow: 0 0 60px rgba(0,0,0,.1); }
+/*index 01*/
+body.boxed-layout .wrapper .portfolio-title.section-title p { display: none; }
+body.boxed-layout .wrapper .portfolio-title.section-title span { display: none; }
+
+/*index 02*/
+body.boxed-layout .wrapper .contact-3 #map { padding-top: 140%; }
+body.boxed-layout .wrapper .contact-2 #map { padding-top: 90% }
+body.boxed-layout .wrapper.vertical-header { width: auto; box-shadow: none; }
+body.boxed-layout #footer-fixed { position: inherit !important; width: inherit; bottom: inherit !important; z-index: inherit; }
+body.boxed-layout .wrapper { margin-bottom: 0 !important; }
+body.boxed-layout .christmas-coming-soon { position: absolute; }
+
+body.frame-layout .wrapper { margin: 0 auto; margin-top: 1.5%; margin-bottom: 1.5%; width: 97%; position: relative;  box-shadow: 0 0 60px rgba(0,0,0,.1); }
+body.frame-layout .header.default, body.frame-layout .header.transparent, body.frame-layout header.one-page { left: 0; right: 0; }
+body.frame-layout .navbar.affix { top: 0; }
+body.frame-layout header.one-page.light .navbar { min-height: 10px !important; }
+body.frame-layout #footer-fixed { position: inherit !important; bottom: inherit !important; z-index: inherit; }
+body.frame-layout .wrapper { margin-bottom:1.5% !important; }
+body.frame-layout .christmas-coming-soon { position: absolute; }
+
+}
+
+@media all and (-ms-high-contrast:none) {
+.st-menu { position: absolute; }
+ img.bottom-img { top: 0; }
+.search-cart { display: table; }
+.search { display: table-cell !important; }
+.shpping-cart { display: table-cell !important; }
+.search-cart .shpping-cart { float: none !important; }
+ .mega-menu > section.menu-list-items .search-cart .search { float: none !important; }
+ .search-cart .shpping-cart { vertical-align: middle; }
+}  
+
+
+@media (max-width: 1100px) {
+.isotope-filters  button { margin: 2px; cursor: pointer;  padding: 6.5px 13px; font-size: 16px; background: transparent;    color: #363636;     font-weight: 600;    border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
+}
+
+
diff --git a/resoft/css/style_org.css b/resoft/css/style_org.css
new file mode 100644
index 0000000..973bd5d
--- /dev/null
+++ b/resoft/css/style_org.css
@@ -0,0 +1,1735 @@
+/*
+
+Template: Webster - Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Version: 1.0
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is main stylesheet of template, This file contains the styling for the actual Template.
+
+*/
+ 
+
+/*================================================
+[  Table of contents  ]
+================================================
+ :: Header
+     - topbar
+     - search
+     - Cart
+     - FullWidth
+     - Light
+     - Dark
+     - Left-menu
+     - Logo-center
+     - Fancy
+     - fancy without-topbar
+     - Side menu icon
+     - Vertical header
+    - One page  Header
+ :: Slider (all home page main sliders )
+ ::   - Slider-parallax one page
+ ::   - Mobile slider
+ :: Background
+ :: Home page section
+ :: Decolines
+ :: Awesome features
+ :: Feature Step
+ :: About Us 
+ :: Resume
+ :: Portfolio
+ ::  - Portfolio  item
+ ::  - Portfolio-item-2
+ ::  - Portfolio single page
+ :: Our Blog
+ :: Our services
+ :: Creativity
+ :: Our History
+ :: Our Service Objects
+ :: Sidebar
+ :: About me
+ :: Team page
+ :: Error 404
+ :: Coming soon
+ :: Register
+ :: Login
+ :: maintenance
+ :: Our clients 
+ :: Process
+ :: Careers
+ :: Sitemap
+ :: Privacy-policy 
+ :: Page sidebar 
+ :: Terms and conditions 
+ :: Footer
+ :: Boxed
+
+ v1.2
+ :: index portfolio 4
+ :: index portfolio 04 about
+ :: index portfolio single
+
+======================================
+[ End table content ]
+======================================*/
+
+/*************************
+      Header 
+*************************/
+.default { background: transparent; z-index: 9999; position: absolute; width: 100%; }
+/*topbar*/
+.topbar { /*padding: 10px 0;*/ font-size:12px; color:#4a4a4a; }
+.topbar ul li  { display: inline-block; color: #fff; font-size: 12px; font-weight: normal;}
+.topbar ul li:last-child { margin-right: 0px; }
+.topbar ul li a { color: #4a4a4a; font-size: 12px; font-weight: normal; font-style: normal; }
+.topbar-left { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; letter-spacing: -0.1em;}
+.topbar-right { position: relative; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; }
+.topbar ul li a:hover { font-weight:600; }
+#topbar-nav {list-style:none;}
+#topbar-nav li{display:inline-block; position:relative; line-height: 38px; }
+#topbar-nav li:first-child > a {border: 0;}
+#topbar-nav li > a {border-left: 1px solid #ccc; padding:0px 15px;}
+
+/*menu*/
+.menu-bar { float: right; }
+.mega-menu .menu-links { float: left; }
+.search-cart { display: inline-block;   }
+.search-cart i.icon { color: #ffffff; line-height: 20px; font-size: 14px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; }
+.search-cart i.icon:hover { color: #5E9ECA; }
+.search-cart .search { display: inline-block; padding-right: 15px; padding-left: 10px; }
+.search-cart .shpping-cart { display: inline-block; }
+.shpping-cart a { position: relative; }
+.shpping-cart strong.item { display: block; position: absolute; top: -7px; left: auto; right: -8px; font-size: 10px; color: #ffffff; width: 16px; height: 16px;line-height: 16px; text-align: center; background-color: #5E9ECA; border-radius: 50%; }
+
+  /*search*/
+ .search .search-btn { display: block; height: 20px; line-height: 21px; position: relative; text-indent: -9999px;  width: 14px; color: #ffffff; -o-transition: color 300ms ease 0s; -moz-transition: color 300ms ease 0s; -ms-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s;  transition: color 300ms ease 0s; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; }
+ .search .search-btn:before { content: ""; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; left: 0; position: absolute; text-indent: 0; top: 0; }
+  .search .search-btn:hover { color: #5E9ECA; }
+ .search.search-open .search-btn:before { content: ""; }
+ .search-box { background: #fff; display: block; margin: 0; opacity: 0 !important; padding: 15px; position: absolute; right: 0; top: 100%;  transition: visibility 300ms ease 0s, opacity 300ms ease 0s;  visibility: hidden; width: 327px; z-index: 888; border-radius:  3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0;
+    -ms-transform-origin: 0 0; transform-origin: 0 0;    transition: all 400ms ease; }
+ .search.search-open .search-box { opacity: 1 !important;visibility: visible !important; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); box-shadow: 0 0 50px rgba(0,0,0,.1); }
+ .search .search-box input { background: transparent; border:1px solid #eceff8; padding-left: 15px; border-radius: 3px; }
+ .search .search-box input:focus { background: transparent; border:1px solid #eceff8; }
+ .search .search-box i { cursor: pointer; font-size: 15px; position: absolute; right: 27px; top: 31px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; }
+ .search .search-box i:hover { color: #5E9ECA; } 
+
+/*cart*/
+.cart { opacity: 0; visibility: hidden; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,.1); position: absolute; right: 0; margin-top: 0px; right: 0; width: 300px; border: 1px solid #eceff8; border-radius: 3px;  -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0;
+    transform-origin: 0 0;    transition: all 400ms ease;}
+.cart.cart-open {-webkit-transform: rotateX(0deg); transform: rotateX(0deg);opacity: 1;  visibility: visible; }
+.cart:before { bottom: 100%; right: 8px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(194, 225, 245, 0);
+   border-bottom-color: #fff; border-width: 6px; margin-left: -8px; }
+.cart-title { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; }
+.cart-item { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 20px; position: relative; }
+.cart-item .cart-image { display: table-cell; padding-right: 15px; }
+.cart-item .cart-image img { height: 40px; }
+.cart-item .cart-name { display: table-cell; vertical-align: top; }
+.cart-item .cart-name a { display: block; color: #323232; }
+.cart-item .cart-name a:hover { color: #5E9ECA; }
+.cart-item .cart-name span { color: #323232; display: inline-block; }
+.cart-item .cart-name strong { padding-left: 30px; }
+.cart-price del {  font-size: 14px; background: transparent; color: #323232; padding-left: 0; } 
+.cart-price ins { text-decoration: none; color: #5E9ECA; font-size: 16px;font-weight: bold; } 
+.cart-total { padding: 20px; text-align: center; background: #f7f7f7; }
+.cart-total h6 {  text-align: center; }
+.cart-total a { display: inline-block; margin-top: 20px; padding: 6px 18px; margin: 0; }
+.cart-total a.button { display: inline-block; }
+.cart-total .button + .button { margin: 0; } 
+.cart-item .cart-close { position: absolute; right: 20px; top: 20px; }
+.cart-item .cart-close a { font-size: 14px; }
+.cart-item .cart-close a:hover { color: #323232; }
+ 
+/*mega-menu */
+.mega-menu .menu-logo { padding: 25px 0 25px; } 
+.mega-menu .menu-logo img { height: 40px; }
+.mega-menu .drop-down-multilevel.right-menu { right: 0px;  }
+.mega-menu > section.menu-list-items { padding: 0; }
+.mega-menu .menu-links > li > a { text-transform: uppercase; font-size: 16px; font-weight: 600; line-height: 20px; }
+.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; }
+.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down a { color: #323232; }
+.mega-menu .menu-links > li.active .drop-down li.active a { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down a:hover { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down li.active a i { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down a i:hover { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #f7f7f7; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #f7f7f7; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #f7f7f7; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5E9ECA; }
+.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.mega-menu .row  { margin-left: 0px; margin-right: 0px; }
+.mega-menu .col-md-12  { padding-left: 0px; padding-right: 0px; }
+.mega-menu.desktopTopFixed .menu-logo { padding: 0px; }
+.mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; }
+.mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px; } 
+ 
+/*fullWidth*/
+.header.fullWidth .container-fluid { padding: 0 60px; }
+
+/*light*/
+.header.light {  background: #ffffff; position: relative; border-bottom: 3px solid #006EBD;}
+.header.light .topbar ul li { color: #333; }
+.header.light .topbar ul li a { color: #333; }
+.header.light .mega-menu .menu-links > li > a { color: #333; }
+.header.light .mega-menu .menu-links > li > a:hover { color: #5E9ECA; font-weight: bold;}
+.header.light .mega-menu .menu-links > li.active > a { color: #5E9ECA; font-weight: bold;}
+.header.light .topbar {/*background-color:#e8e8e8;*/ border-bottom: 1px solid #d1d1d1;}
+.header.light .search-cart i.icon { color: #323232; }
+.header.light .search-cart i.icon:hover { color: #5E9ECA; }
+.header.light .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; border-bottom: 3px solid #006EBD;}
+.header.light .search .search-btn { color: #323232; }
+.header.light .search .search-btn:hover { color: #5E9ECA; }
+
+/*dark*/
+.header.dark {  background: #323232; position: relative; }
+.header.transparent { background: rgba(0, 0, 0, 0.4); position: absolute; width: 100%; z-index:  999; } 
+
+/*left-menu*/
+.header.left-menu .menu-bar { float: none; }
+.header.left-menu .menu-links { padding-left: 30px; }
+.header.left-menu .search-cart { float: right; }
+
+/*logo-center*/
+.header.logo-center .mega-menu { min-height: 170px; }
+.header.logo-center .menu-logo { float: none; display: block; text-align: center; }
+.header.logo-center .mega-menu .menu-logo > li > a { float: none; }
+.header.logo-center .mega-menu .menu-logo > li { float: none; }
+.header.logo-center .mega-menu img { float: none; margin: 0 auto; }
+.header.logo-center .menu-bar { float: none;  }
+.header.logo-center .search-cart { float: right; }
+.header.logo-center .mega-menu.desktopTopFixed .menu-logo { float: left; display: inline-block; }
+.header.logo-center .mega-menu.desktopTopFixed .menu-logo > li > a { float: left;  }
+.header.logo-center .mega-menu.desktopTopFixed img { float: left; margin: 0 auto; }
+.header.logo-center .mega-menu.desktopTopFixed .menu-bar { float: right; border-top: 0px solid rgba(0, 0, 0, 0.1); }
+.header.logo-center .mega-menu.desktopTopFixed .search-cart { float: right; }
+
+/*fancy */
+ 
+.header.fancy { background: transparent; position: relative; border-bottom: 0; }
+.header.fancy .topbar { background: #5E9ECA; padding: 15px 0px 70px; }
+.header.fancy .topbar .topbar-right li a:hover { color: #323232; }
+.header.fancy .search-cart i.icon { color: #323232; line-height: 20px; }
+.header.fancy .topbar-call ul li i { color: #ffffff; }
+.header.fancy .mega-menu .menu-logo { padding: 26px 0px; }
+.header.fancy .menu { position: absolute; width: 100%; top: 30px; }
+.header.fancy .topbar + .menu {  top: 60px; }
+.header.fancy .mega-menu > section.menu-list-items { background: #ffffff; padding: 0px 25px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }
+.header.fancy .mega-menu.desktopTopFixed > section.menu-list-items { border-bottom: 1px solid #f6f6f6; }
+.header.fancy .topbar ul li a:hover { color: #323232;}
+
+.header.fancy .mega-menu .menu-links > li > a { color: #323232; line-height: 20px; }
+.header.fancy .mega-menu .menu-links > li > a:hover { color: #5E9ECA; }
+.header.fancy .mega-menu .menu-links > li.active > a { color: #5E9ECA; }
+.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #ffffff; }
+.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a { color: #323232; }
+.header.fancy .mega-menu.desktopTopFixed .menu-logo { padding: 0; }
+.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 20px; }
+.header.fancy .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 30px;  }
+.header.fancy .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; }
+.header.fancy .search-cart i.icon:hover { color: #5E9ECA; }
+.header.fancy .search .search-btn { color: #323232; }
+.header.fancy .search .search-btn:hover { color: #5E9ECA; }
+.header.fancy .mega-menu.desktopTopFixed .drop-down.grid-col-5 { width: 21.66666666666667%; }
+.header.fancy .search-box { margin-top: -6px; }
+
+/*fancy without-topbar*/
+.header.fancy.without-topbar .menu { top: 30px; }
+.header.burger .menu-icon { font-size: 30px; color: #323232; } 
+.header.burger .menu-icon:hover { color: #5E9ECA; }
+.header.burger { position: absolute; z-index: 999; width: 100%; padding: 30px 30px; }
+.header.burger .logo { display: inline-block; }
+.header.burger .logo img { height: 50px; }
+
+/*side-menu-icon*/
+.side-menu-icon { display: inline-block; }
+.side-menu-icon .menu-icon { font-size: 16px; color: #ffffff; padding-left: 15px; }
+.side-menu-icon .menu-icon:hover { color: #5E9ECA; }
+
+/*************************
+    header text-dark 
+*************************/
+.header.text-dark .topbar ul li { color: #323232; }
+.header.text-dark .topbar ul li a { color: #323232; }
+.header.text-dark .topbar ul li a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li > a { color: #323232; }
+.header.text-dark .mega-menu .menu-links > li > a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active > a { color: #5E9ECA; }
+.header.text-dark .topbar { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
+.header.text-dark .search-cart i.icon { color: #323232; }
+.header.text-dark .search-cart i.icon:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; }
+.header.text-dark .search .search-btn { color: #323232; }
+.header.text-dark .search .search-btn:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .drop-down-multilevel { background: #323232; }
+.header.text-dark .mega-menu .drop-down.menu-bg, .header.text-dark .mega-menu .drop-down-tab-bar {     background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png);
+    background-repeat: no-repeat; background-position: 120% 0; }
+.header.text-dark .mega-menu .drop-down, .header.text-dark .mega-menu .drop-down-tab-bar { background: #323232; }
+.header.text-dark .mega-menu .drop-down a, .header.text-dark .mega-menu .drop-down-tab-bar a { color: #ffffff; }
+.header.text-dark .mega-menu .drop-down i.fa, .header.text-dark .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; }
+.header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa  { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover  { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.text-dark .mega-menu .drop-down-multilevel a { color: #ffffff; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel li:hover { background: #282828; }
+.header.text-dark .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important;  background-repeat: no-repeat;     background-position: right;} 
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA;
+    background: #282828; }
+.header.text-dark .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; }
+.header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #5E9ECA; }
+.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #5E9ECA; }
+/*dark-dropdown*/
+.header.dark-dropdown .mega-menu .drop-down-multilevel { background: #323232; }
+.header.dark-dropdown .mega-menu .drop-down.menu-bg, .header.dark-dropdown .mega-menu .drop-down-tab-bar {     background: rgba(50, 50, 50, 1) url(../images/objects/menu-bg.png);
+    background-repeat: no-repeat; background-position: 120% 0; }
+.header.dark-dropdown .mega-menu .drop-down, .header.dark-dropdown .mega-menu .drop-down-tab-bar { background: #323232; }
+.header.dark-dropdown .mega-menu .drop-down a, .header.dark-dropdown .mega-menu .drop-down-tab-bar a { color: #ffffff; }
+.header.dark-dropdown .mega-menu .drop-down i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar i.fa { color: #ffffff; }
+.header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa  { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down a { color: #ffffff; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover  { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a, .header.dark-dropdown .mega-menu .drop-down-multilevel a { color: #ffffff; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel li:hover { background: #282828; }
+.header.dark-dropdown .mega-menu .drop-down.menu-shop-bg { background: rgba(50, 50, 50, 1) url(../images/objects/menu-shop-bg.jpg); !important;  background-repeat: no-repeat;     background-position: right;} 
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA; background: #282828; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #ffffff; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5E9ECA;
+    background: #282828; }
+.header.dark-dropdown .mega-menu .drop-down-multilevel i.fa-indicator { color: #ffffff; }
+.header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator { color: #5E9ECA; }
+.header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator { color: #5E9ECA; }
+/*label*/
+.header .label.label-default, .header .label.label-primary, .header .label.label-success, .header .label.label-info, .header .label.label-warning, .header .label.label-danger { color: #fff; padding: 0px 5px; line-height: 14px; display: inline-block; }
+
+
+/*************************
+    one page
+*************************/
+header.one-page { position: absolute; width: 100%; z-index: 999; }
+.navbar-inverse { background: transparent; border: 0; }
+.navbar-brand { height: auto; padding: 25px 0; }
+.navbar .navbar-brand img { height: 40px; }
+.navbar { min-height: 80px; }
+.navbar-nav { float: right; }
+.navbar-inverse .navbar-nav>li  { padding: 35px 15px; }
+.navbar-inverse .navbar-nav>li>a { color: #ffffff; padding: 0; text-transform: capitalize; }
+.navbar-inverse .navbar-nav>li>a:hover { color: #5E9ECA; } 
+.navbar.affix { width: 100%; background: #323232; }
+.navbar.affix { width: 100%; background: #323232; }
+.navbar { min-height: inherit !important;  }
+.navbar.affix .navbar-brand img { height: 30px; }
+.navbar.affix .navbar-brand { padding: 15px 0; }
+.navbar.affix .navbar-nav>li { padding: 20px 15px; }
+ .navbar-nav>li>a { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
+
+/*vertical-header*/
+.vertical-header .container-fluid { padding: 0 80px; }
+.menu-responsive { display: none; }
+.vertical-header .navbar { overflow-y: scroll;  overflow-x: hidden; height: 100%;}
+.vertical-header { padding-left: 260px; }
+.header.vertical-menu { position: fixed; left: 0; top: 0; width: 260px; min-height: 100%; background: #212121; z-index: 999; -o-transition: all 1s; -webkit-transition: all 1s;
+    transition: all 1s; }
+.header.vertical-menu .menu-bar { float: none; }
+.mega-menu.vertical-left, .mega-menu.vertical-right { float: none; }
+.menu-widgets { position: absolute; bottom: 20px; }
+.menu-widgets .social-icons.border li a { border:2px solid; line-height: 30px; }
+.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #5E9ECA; }
+header.one-page.vertical-menu { position: fixed; left: 0; top: 0; height: 100%; background: #212121; width: 260px; padding: 30px; } 
+header.one-page.vertical-menu .navbar-header { float: none; margin-bottom: 20px; }
+header.one-page.vertical-menu .navbar-nav { float: none; }
+header.one-page.vertical-menu .navbar-nav>li { display: block; float: none; }
+header.one-page.vertical-menu .navbar-inverse .navbar-nav>li { padding: 15px 0px; }
+header.one-page.vertical-menu .navbar-collapse { padding: 0; }
+header.one-page.vertical-menu .menu-widgets { padding: 0px; }
+
+header.one-page.light { position: relative; background: #ffffff; }
+header.one-page.light .navbar { margin-bottom: 0; }
+header.one-page.light .navbar-inverse .navbar-nav>li>a { color: #323232; }
+header.one-page.light .navbar-inverse .navbar-nav>li>a:hover { color: #5E9ECA; }
+header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover { background: transparent; color: #5E9ECA; }
+
+header.one-page.light .navbar-inverse .navbar-collapse, header.one-page.light .navbar-inverse .navbar-form { background: #ffffff; }
+header.one-page.light .navbar.affix  { background: #ffffff; box-shadow:  0 0 20px 0 rgba(0, 0, 0, 0.1); }
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a { padding: 5px 10px; -o-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; }
+header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>li>a:hover, header.one-page.light .navbar-inverse .navbar-nav.hover-effect-01>.active>a { box-shadow: inset 178px 0px 0px 0px #5E9ECA;  -webkit-box-shadow: inset 178px 0px 0px 0px #5E9ECA; -o-box-shadow: inset 178px 0px 0px 0px #5E9ECA; -ms-box-shadow: inset 178px 0px 0px 0px #5E9ECA; -moz-box-shadow: inset 178px 0px 0px 0px #5E9ECA; color: #fff; transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -moz-transition: all 0.9s ease-in; -ms-transition: all 0.9s ease-in; -o-transition: all 0.9s ease-in;  }
+
+.one-page.nav-center .navbar-collapse.collapse { text-align: center; }
+.one-page.nav-center .navbar-nav { float: none; display: inline-block; }
+.one-page.transparent { background: rgba(0, 12, 27, 0.5); }
+.one-page.transparent .navbar { margin-bottom: 0; }
+
+/*dark-text*/
+.one-page.dark-text .navbar-inverse .navbar-nav>li>a { color: #323232; }
+.one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover { color: #d12326; }
+.one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover { color: #d12326; }
+.one-page.dark-text .navbar.affix { background: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }
+
+/*mega menu vertical*/
+.vertical-menu .menu .menu-logo { padding: 50px 20px; }
+.vertical-menu .menu .mega-menu .menu-links > li > a { padding: 0 23px; }
+.vertical-menu .menu-widgets { padding: 20px; }
+ 
+ @media (min-width: 1101px) {
+.mega-menu { min-height: inherit; }
+.mega-menu > section.menu-list-items {  float: none; }
+.mega-menu > section.menu-list-items > .container,
+.mega-menu > section.menu-list-items > .container > .row,
+.mega-menu > section.menu-list-items > .container > .row > div { height: 100%; }
+.mega-menu > section.menu-list-items .menu-bar {  height: 100%; }
+.mega-menu > section.menu-list-items .menu-bar > ul{ display: table !important; height: 100%; }
+.mega-menu > section.menu-list-items .menu-bar > ul > li { display: table-cell; vertical-align: middle; float: none; }
+.mega-menu .drop-down, .mega-menu .drop-down-tab-bar, .mega-menu .drop-down-multilevel { top: 100%; }
+.mega-menu > section.menu-list-items .search-cart { height: 100%; }
+.mega-menu > section.menu-list-items .search-cart .search { vertical-align: middle;  display: table; height: 100%; float: left; }
+.header .search .search-btn {  display: table-cell; vertical-align: middle;  position: relative;  width: 10px;   float: none; clear: both;  height: 100%; }
+.search .search-btn:before { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
+.search-cart .shpping-cart { display: table; float: left;  height: 100%; }
+.shpping-cart a {  position: relative; display: table-cell; vertical-align: middle; }
+.shpping-cart strong.item { display: block; position: absolute;  top: 50%; border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); margin-top: -10px; }
+.cart { top: 100%; } 
+.mega-menu > section.menu-list-items > .container-fluid,
+.mega-menu > section.menu-list-items > .container-fluid > .row,
+.mega-menu > section.menu-list-items > .container-fluid > .row > div { height: 100%; }
+.logo-center .mega-menu > section.menu-list-items .menu-bar > ul { height: auto; }
+.logo-center .mega-menu > section.menu-list-items .menu-bar > ul > li { display: inline-block;  }
+.logo-center .mega-menu > section.menu-list-items .search-cart { height: auto; }
+.logo-center .mega-menu > section.menu-list-items .menu-bar { height: auto; }
+.logo-center .mega-menu .drop-down, .logo-center .mega-menu .drop-down-tab-bar, .logo-center .mega-menu .drop-down-multilevel { top: auto; }
+.logo-center .mega-menu .menu-links > li > a { line-height: 72px; }
+.logo-center.header .search .search-btn { line-height: 72px; }
+.logo-center .search-cart i.icon { line-height: 72px; }
+.logo-center .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 60px; }
+.logo-center .mega-menu.desktopTopFixed .search .search-btn { line-height: 60px; }
+.logo-center .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 60px; }
+.logo-center .search .search-btn:before { top: inherit; transform: inherit; }
+.logo-center  .search-cart .shpping-cart { float: right; }
+
+.vertical-menu .mega-menu > section.menu-list-items .menu-bar { height: auto; }
+.vertical-menu .mega-menu > section.menu-list-items .menu-bar > ul > li { display: block; }
+.search-cart .side-menu-icon { display: table; float: left; height: 100%; }
+.side-menu-icon .menu-icon { position: relative; display: table-cell; vertical-align: middle; }
+
+.header.light .mega-menu { min-height: 90px; }
+
+}
+
+/*************************************
+   Slider (all home page main sliders )
+ **************************************/
+.rev-slider { overflow: hidden; position: relative; }
+ 
+
+ /*slider 10*/
+#rev_slider_14_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; } 
+ #rev_slider_14_1 .zeus .tp-bullet{box-sizing:content-box; -webkit-box-sizing:content-box; border-radius:60%;   background-color:rgba(255,255,255,0.5);   -webkit-transition:opacity 0.3s ease;   transition:opacity 0.3s ease;  width:14px;height:14px;  border:0px solid rgb(255,201,4)}#rev_slider_14_1 .zeus .tp-bullet:after{content:""; position:absolute; width:100%; height:100%; left:0; border-radius:60%; background-color:rgb(255,201,4); -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:-webkit-transform 0.3s ease; transition:transform 0.3s ease}#rev_slider_14_1 .zeus .tp-bullet:hover:after,#rev_slider_14_1 .zeus .tp-bullet.selected:after{-webkit-transform:scale(1.2); transform:scale(1.2)}#rev_slider_14_1 .zeus .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{width:135px; height:60px; position:absolute; background:#000; background:rgba(0,0,0,0.5); bottom:13px; margin-bottom:10px; transform:translateX(-50%); -webkit-transform:translateX(-50%); box-sizing:border-box; background-size:cover; background-position:center center; visibility:hidden; opacity:0;  -webkit-backface-visibility:hidden;  backface-visibility:hidden; -webkit-transform-origin:50% 50%;  transform-origin:50% 50%;   -webkit-transition:all 0.3s ease;   transition:all 0.3s ease; border-radius:4px}#rev_slider_14_1 .zeus .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease;   transition:all 0.5s ease; transform:translateX(-50%); -webkit-transform:translateX(-50%)}#rev_slider_14_1 .zeus .tp-bullet-title{color:rgb(255,255,255); text-align:center; line-height:15px; font-size:13px; font-weight:600;  z-index:3;  visibility:hidden; opacity:0;  -webkit-backface-visibility:hidden;  backface-visibility:hidden; -webkit-transform-origin:50% 50%;  transform-origin:50% 50%;   -webkit-transition:all 0.3s ease;   transition:all 0.3s ease; position:absolute; bottom:45px; width:135px;   vertical-align:middle}#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus .tp-bullet:hover .tp-bullet-imageoverlay{opacity:1;   visibility:visible;  -webkit-transform:translateY(0px) translateX(-50%);   transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{bottom:auto; margin-right:10px; margin-bottom:0px; right:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet-title{bottom:auto;   right:100%;   margin-right:10px}#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-imageoverlay{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{bottom:auto; margin-left:10px; margin-bottom:0px; left:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_14_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title{bottom:auto;   left:100%;   margin-left:10px}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-image,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{bottom:auto; top:13px; margin-top:10px; margin-bottom:0px; left:0px; transform:translateY(0px) translateX(-50%); -webkit-transform:translateX(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet:hover .tp-bullet-image{transform:scale(1) translateY(0px) translateX(-50%); -webkit-transform:scale(1) translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title,#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateY(0px) translateX(-50%); -webkit-transform:translateY(0px) translateX(-50%)}#rev_slider_14_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title{bottom:auto;   top:13px;   margin-top:20px}
+#rev_slider_14_1 .uranus.tparrows{width:50px; height:50px; background:rgba(255,255,255,0)}#rev_slider_14_1 .uranus.tparrows:before{width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s}#rev_slider_14_1 .uranus.tparrows:hover:before{opacity:0.75}
+
+
+/*************************************
+      slider-parallax one page
+**************************************/
+.slider-parallax { height: 86vh; position: relative; }
+.slider-content-middle { position: absolute; display: inline-block; width: 100%; top: 50%; left: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%);
+    -ms-transform: translate(0,-50%);-o-transform: translate(0,-50%); transform: translate(0,-50%); }
+/*scroll-down*/
+.scroll-down { text-align: center; width: 34px; height: 58px; display: inline-block; border-radius: 20px; border:2px solid #fff; position: absolute; left: 50%; bottom: 60px;
+margin-left: -17px; line-height: 50px; }
+.scroll-down i { height: 10px;  width: 4px; background: #fff; display: inline-block; border-radius: 3px; -webkit-animation-name:fadebounce;  -moz-animation-name:fadebounce; -ms-animation-name:fadebounce; -o-animation-name:fadebounce; animation-name:fadebounce; -webkit-animation-duration:3s; -moz-animation-duration:3s; -ms-animation-duration:3s; -o-animation-duration:3s;
+ animation-duration:3s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -o-animation-iteration-count:infinite;
+ animation-iteration-count:infinite; } 
+@-moz-keyframes fadebounce {
+0% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; }
+50% { -moz-transform:translateY(25px); transform:translateY(25px); opacity:1; }
+100% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; }
+}
+@-webkit-keyframes fadebounce {
+0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; }
+50% { -webkit-transform:translateY(25px); transform:translateY(25px); opacity:1; }
+100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; }
+}
+@-o-keyframes fadebounce {
+0% { -o-transform:translateY(0); transform:translateY(0); opacity:1; }
+50% {-o-transform:translateY(25px);transform:translateY(25px);opacity:1; }
+100% {-o-transform:translateY(0);transform:translateY(0);opacity:1; }
+}
+@-ms-keyframes fadebounce {
+0% { -ms-transform:translateY(0); transform:translateY(0); opacity:1; }
+50% {-ms-transform:translateY(25px);transform:translateY(25px);opacity:1; }
+100% {-ms-transform:translateY(0); transform:translateY(0); opacity:1; }
+}
+@keyframes fadebounce {
+0% { transform:translateY(0); opacity:1; }
+50% {transform:translateY(25px);opacity:1; }
+100% {transform:translateY(0);opacity:1; }
+}
+
+/*personal-typer-banner*/
+ .personal-typer-banner span.sub-text { font-size: 22px; line-height: 22px; margin-bottom: 16px; display: block; }
+ .personal-typer-banner b { border-bottom: 2px solid #5E9ECA; }
+ .personal-typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; color: #5E9ECA; }
+ .personal-typer-banner h1 span { color: #ffffff; font-size: 50px;  display: inline-block;  transform: rotate(-90deg); line-height: 50px; position: relative; top: -11px; left: -20px; }
+ .personal-typer-banner h2 { border-left: 3px solid #5E9ECA; padding-left: 10px; margin-top: 20px; }
+
+/*typer-banner*/
+.typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; }
+.typer-banner p { font-size: 22px; line-height: 22px; }
+.slider-content .typer { color: #5E9ECA !important; }
+
+/*popup-video-banner*/
+.popup-video-banner h1 { font-size:60px; line-height:80px; font-weight: 400; }
+.popup-video-banner a span{ margin-left: 6px; width: 50px; height: 50px; line-height: 50px; display: inline-block; text-align: center; background: #ffffff; color: #5E9ECA; border-radius: 50%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
+.popup-video-banner a:hover span { background: #5E9ECA; color: #ffffff; }
+.popup-video-banner a strong { padding-left:10px; display: inline-block; }
+ 
+ /*video-background-banner*/
+#video-background.bg-overlay-black-50:before { z-index: 0; }
+.video-background-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; text-transform: uppercase; }
+.video-background-banner .slider-content { border:20px solid #5E9ECA; width: 50%; margin: 0 auto; padding: 60px 30px; }
+.video-background-banner .slider-content span { font-size: 22px; line-height: 22px; color: #ffffff; display: block; margin-bottom: 20px; }
+.video-background-banner .slider-content p { font-size: 18px; line-height: 22px; color: #ffffff; margin-top: 20px; }
+
+/* portfolio-banner*/
+.portfolio-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; }
+.portfolio-banner .slider-content { background: #ffffff; width: 50%; margin: 0 auto; padding: 60px 30px; box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.02); }
+.portfolio-banner .slider-content span { text-transform: uppercase; letter-spacing: 10px; font-size: 18px; line-height: 18px;  display: block; margin-bottom: 20px; font-weight: 600; }
+.portfolio-banner .slider-content span i { line-height: 20px; }
+.portfolio-banner .slider-content h1 { font-size: 70px;  margin-bottom: 0; }
+  
+ /*************************************
+    			Background  
+ **************************************/
+/*images background*/
+ .white-bg { background: #fff; }
+ .gray-bg { background: #666; }
+ .dark-gray-bg { background: #666666; }
+ .theme-bg { background: #5E9ECA; }
+ .black-bg { background: #323232; }
+ .dark-theme-bg { background: #050801; }
+
+ .bg-overlay-black-10:before {  background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-20:before {  background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-30:before {  background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-40:before {  background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-50:before {  background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-60:before {  background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-70:before {  background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-80:before {  background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-90:before {  background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-10:before {  background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-20:before {  background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-30:before {  background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-40:before {  background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-50:before {  background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-60:before {  background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-70:before {  background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-80:before {  background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-white-90:before {  background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-theme-20:before {  background: rgba(132,186,63, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-theme-50:before {  background: rgba(132,186,63, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-theme-70:before {  background: rgba(132,186,63, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-theme-90:before {  background: rgba(132,186,63, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
+ .bg-overlay-black-10, .bg-overlay-black-20, .bg-overlay-black-30, .bg-overlay-black-40, .bg-overlay-black-50, .bg-overlay-black-60, .bg-overlay-black-70, .bg-overlay-black-80, .bg-overlay-black-90, .bg-overlay-white-10, .bg-overlay-white-20, .bg-overlay-white-30, .bg-overlay-white-40, .bg-overlay-white-50, .bg-overlay-white-60, .bg-overlay-white-70, .bg-overlay-white-80, .bg-overlay-white-90, .bg-overlay-theme-20, .bg-overlay-theme-50, .bg-overlay-theme-70, .bg-overlay-theme-90, { position: relative; }
+
+
+/*************************************
+        home page section
+ **************************************/
+.our-service-home  { padding-bottom: 230px; }
+.custom-content { margin-top: -220px; background: #5E9ECA;  position:  relative; z-index: 9; padding: 50px;} 
+
+/*************************************
+       decolines
+ **************************************/
+.decolines { pointer-events: none; position: absolute; width: 100%; height: 100%; top: 0;left: 0; pointer-events: none; }
+.decolines--fixed { position: fixed; width: 100vw;height: 100vh; }
+.decoline { position: absolute; }
+ 
+/*************************************
+   feature step  
+ **************************************/
+.feature-step h1 { font-size: 60px;  } 
+.feature-step h3 { font-weight: 300; margin: 30px 0px 20px; } 
+.feature-step a { font-size: 14px; color: #5E9ECA; } 
+.feature-step a:hover { color: #323232; }
+
+.feature-step-2-box { padding: 70px 30px; z-index: 99; position: relative; }
+.feature-step-2.bg-01 { background: url(../images/blog/05.jpg); background-repeat: no-repeat; background-size: cover; } 
+.feature-step-2.bg-02 { background: url(../images/blog/06.jpg); background-repeat: no-repeat; background-size: cover; } 
+.feature-step-2.bg-03 { background: url(../images/blog/09.jpg); background-repeat: no-repeat; background-size: cover; } 
+.feature-step-2.bg-overlay-black-50:before { z-index: 0; }
+.feature-step-2 .feature-step-2-title-left h1 { font-size: 75px; line-height: 60px; color: #ffffff; }
+.feature-step-2 h3 { margin-bottom: 0; }
+.feature-step-2 h2{font-weight: 200; position: relative; padding-bottom: 10px; font-size: 28px; }
+.feature-step-2 img {display: block; width: 100%;}
+.feature-step-2 .button { margin-top: 20px; }
+.feature-step-2 .feature-step-2-title-left {opacity: 0.5; display: table-cell; padding-right: 26px; }
+.feature-step-2-title-2-right { display: table-cell; vertical-align: top; }
+.feature-step-2.black-bg .feature-step-2-box, .feature-step-2.theme-bg .feature-step-2-box{position: inherit; top: inherit; transform: inherit; display: inline-block;}
+.service-blog { padding-top: 50px; padding-right: 25px; margin-bottom: 100px; }
+.service-blog p { position: relative; z-index: 9; margin-top: 20px; margin-bottom: 20px; }
+.service-blog b {position: absolute; z-index: 0; top: -35px; font-family: 'Poppins', sans-serif; right: -35px; font-size:300px; color: #dde1eb; line-height: normal; opacity: 0.3;}
+.service-blog ul { border-right: 6px solid #5E9ECA; padding-right: 20px; }
+.service-blog li { color: #626262; font-size: 16px; line-height: 22px; padding: 2px 0 7px; }
+.service-blog.left b{left:-35px; right: inherit;}
+.service-blog.left ul{border-left:6px solid #5E9ECA;border-right:0 none;padding-left:20px;padding-right:0;}
+/*split-section*/
+.split-section { position: relative; z-index: 10; }
+.split-section .img-holder { position: absolute; top: 0; width: 100%; height: 100%; }
+.split-section .img-side.img-right { right: 0; }
+.split-section .img-side.img-left { left: 0; }
+.split-section .img-side { right: 0; padding: 0; position: absolute!important;  top: 0px; height: 100%; overflow: hidden; z-index: 100; }
+ .our-awesome-core .img-side { top:  20px;  }
+
+ /*************************************
+         about us 
+ **************************************/
+.who-we-are-left .owl-carousel .owl-dots { bottom: 26px; position: absolute; }
+.who-we-are-left .owl-carousel.owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; border-radius: 50%; }
+
+ /*************************************
+         resume
+ **************************************/
+.resume-page .container-fluid { padding: 0 70px; }
+.resume-block .resume-icon { float: left; margin-right: 30px; }
+.resume-block .resume-icon span { font-size: 30px;  line-height: 50px; color: #5E9ECA; }
+.resume-block .resume-name { display: table-cell; }
+.resume-block .resume-name span { color: #9ea8b6; font-size: 16px; }
+.resume-contact #map { padding-top: 120%; }
+.resume-contact .contact-form-main { padding: 80px 80px; }
+.resume-contact .footer-widget-social a i { color: #ffffff; background: rgba(43, 43, 43, 0.12);  width: 45px; height: 45px; line-height: 45px; }
+.resume-contact .footer-widget-social a i:hover { background: rgba(43, 43, 43, 0.19); } 
+ 
+ /*************************************
+         portfolio 
+ *************************************/
+ .isotope-filters { display: table; margin:0px 0px 30px 0px; text-align: left; }
+.isotope-filters.text-left { display: block; margin: 0px 0px 30px 0px; text-align: left; }
+.isotope-filters  button { margin: 4px; cursor: pointer;  padding: 6.5px 16px; font-size: 14px; background: transparent; border-radius: 18px; color: #363636;     font-weight: 600;    border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
+.isotope-filters  button:focus { outline: none;  outline-style: none; outline-offset:0; }
+.isotope-filters  button.active, .isotope-filters  button:hover { background: #5E9ECA; color: #fff; border-color: #5E9ECA; }
+.isotope-filters  button+button { margin-left: px; background-color: #fff; } 
+.isotope, .masonry { margin: 0 -15px 0 0; }
+.isotope .grid-item img { width: 100%; }
+.isotope.columns-1 .grid-item { width: 100%; padding: 0 15px 15px 0; }
+.isotope.columns-2 .grid-item { width: 50%; padding: 0 15px 15px 0; }
+.isotope.columns-3 .grid-item { width: 33.33333333%; padding: 0 15px 15px 0; }
+.isotope.columns-4 .grid-item { width: 25%; padding: 0 15px 15px 0; }
+.isotope.columns-5 .grid-item { width: 20%; padding: 0 15px 15px 0; }
+.isotope.no-padding .grid-item { padding: 0 !important; }
+.masonry.no-padding .masonry-item { padding: 0 !important; }
+.masonry .masonry-item img { width: 100%; }
+.masonry.columns-2 .masonry-item { width: 50%; padding: 0 15px 15px 0; }
+.masonry.columns-3 .masonry-item { width: 33.33333333%; padding: 0 15px 15px 0; }
+.masonry.columns-4 .masonry-item { width: 25%; padding: 0 15px 15px 0; }
+.masonry.columns-5 .masonry-item { width: 20%; padding: 0 15px 15px 0; } 
+.isotope.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; }
+.isotope.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; }
+.isotope.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; }
+.isotope.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; }
+.masonry.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; }
+.masonry.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; }
+.masonry.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; }
+.masonry.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; }
+
+ /*************************************
+         portfolio  item
+ **************************************/
+.portfolio-title { padding: 100px 60px 30px; }
+.portfolio-title span { display: block; }
+.portfolio-item { width: 100%; position: relative;  overflow: hidden; color: #fff; border: 0; position: relative; }
+.portfolio-item img { width: 100%; -webkit-transition: -ms-transform 0.35s; -o-transform 0.35s; -moz-transform 0.35s; transition: transform 0.35s; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
+.portfolio-item .portfolio-overlay  { width: 100%; background: #5E9ECA; padding: 10px 0px; position: absolute;  bottom:-80px; display: block;  margin-top: 0; float: left; z-index: 9; text-align: left; padding-left: 20px; left: 0;  transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; }
+.portfolio-item .portfolio-overlay h4 { font-weight: 600; margin-bottom: 5px; }
+.portfolio-item .portfolio-overlay a:hover { color: #323232; }
+.portfolio-item .portfolio-overlay span { font-weight: 400; font-size: 14px; }
+.portfolio-item .portfolio-overlay span a { color: #ffffff; }
+.portfolio-item .portfolio-overlay span a:hover { color: #323232; }
+.portfolio-item a.popup{position: absolute; right: 20px; top: -20px; color: #fff; z-index: 9; display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 40px;  opacity: 0;  transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out;}
+.portfolio-item a.popup:hover { background: #5E9ECA; color: #ffffff; }
+.portfolio-item:hover img { -webkit-transform:scale(1.20);  -moz-transform:scale(1.20); -ms-transform:scale(1.20);  -o-transform:scale(1.20);  transform:scale(1.20); }
+.portfolio-item:hover a.popup{ opacity: 1; top: 20px; }
+.portfolio-item:before { content: ''; display: inline-block; width: 100%; height: 100%;  position: absolute; top: 0; left: 0; z-index: 1; background-size: 115%;
+    -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98);  -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.7s cubic-bezier(.68,.11,.13,.98);
+    -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
+.owl-carousel .owl-item .portfolio-item img { width: 100%; }
+ .portfolio-item.only-popup { width: 100%; text-align: center; }
+ .portfolio-item.only-popup a.popup { display: inline-block; left: 50%; margin-left: -20px;  position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } 
+.portfolio-item:hover .portfolio-overlay { bottom: 0; }
+/* no-title */
+.no-title .portfolio-item .portfolio-overlay { position: inherit; bottom: inherit; background: #f6f7f8;  }
+.no-title .portfolio-item .portfolio-overlay a, .no-title .portfolio-item .portfolio-overlay span { color: #323232; }
+.no-title .portfolio-item .portfolio-overlay a:hover { color: #5E9ECA; }
+ /*portfolio pupup*/
+ .mfp-bottom-bar { display: none; }
+.portfolio-home .isotope { margin-bottom: 0; }
+ 
+/*************************************
+             portfolio-item-2
+**************************************/ 
+.portfolio-item-2 { width: 100%; overflow: hidden; position: relative; }
+.portfolio-item-2:before { background: transparent; }
+.portfolio-item-2 .portfolio-hover { padding: 20px; position: absolute; z-index: 99; bottom: 0px; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; }
+.portfolio-item-2 .portfolio-hover .hover-name {  position: absolute; bottom: -10px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; }
+.portfolio-item-2 .portfolio-hover .hover-name span { font-size: 14px; color: #fff; display: block; }
+.portfolio-item-2 .portfolio-hover .hover-name a { font-size: 22px; text-transform: uppercase; color: #fff; display: block; margin-top: 5px; }
+.portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #5E9ECA; }
+.portfolio-item-2 .portfolio-hover .hover-icon { position: absolute; bottom: -10px; right: 30px; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out;  -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; }
+.portfolio-item-2 .portfolio-hover .hover-icon a { color: #fff; }
+.portfolio-item-2 .portfolio-hover .hover-icon a:hover { color: #5E9ECA; }
+.portfolio-item-2:hover .portfolio-hover { opacity: 1; background: rgba(0, 0, 0, 0.9); }
+.portfolio-item-2 img { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;  -o-transition: all 1s ease;  -ms-transition: all 1s ease; transition: all 1s ease; }
+.portfolio-item-2:hover img { opacity: 0.1; -webkit-transform:scale(1.10);  -moz-transform:scale(1.10); -ms-transform:scale(1.10);  -o-transform:scale(1.10);  transform:scale(1.10); }
+.portfolio-item-2:hover .portfolio-hover .hover-name { bottom: 30px; }
+.portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: 40px; }
+.no-title .portfolio-item-2 { overflow: visible; }
+.no-title .portfolio-item-2 .portfolio-hover { position: inherit; border: inherit; opacity: 1; background: #f6f7f8; clear: both; }
+.no-title .portfolio-item-2:hover .portfolio-hover { bottom: inherit; background: inherit; background: #f6f7f8; }
+.no-title .portfolio-item-2 .portfolio-hover .hover-name { bottom: inherit; position: inherit; display: inline-block; clear: both; }
+.no-title .portfolio-item-2 .portfolio-hover .hover-icon { bottom: inherit; position: inherit; display: inline-block; float: right; padding-top: 20px; text-align: right;}
+.no-title .portfolio-item-2:hover .portfolio-hover .hover-name { bottom: inherit; }
+.no-title .portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: inherit; }
+.no-title .portfolio-item-2:hover img { opacity: 1;  -webkit-transform:inherit;  -moz-transform:inherit; -ms-transform:inherit;  -o-transform:inherit;  transform:inherit; }
+.no-title .portfolio-item-2 .portfolio-hover .hover-icon a, .no-title .portfolio-item-2 .portfolio-hover .hover-name span, .no-title .portfolio-item-2 .portfolio-hover .hover-name a { color: #323232; }
+.no-title .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .no-title .portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #5E9ECA; }
+ 
+ /*************************************
+	    	   Portfolio single page
+**************************************/
+  /*tags*/
+.tags h5 { display: inline-block; padding-right: 20px; }
+.tags ul { display: inline-block; }
+.tags li { display: inline-block; }
+.tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; }
+.tags li a:hover { box-shadow: 	0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; }
+
+/*share*/
+.share .social ul { display: inline-block; }
+.share .social ul li { display: inline-block; padding: 0px 6px; }
+.share .social ul li a:hover { color: #353535; }
+
+/*port-meta*/
+.port-meta ul { margin-bottom: 30px; }
+.port-meta li { margin-bottom: 20px; font-size: 16px; }
+.port-meta li b {  color: #5E9ECA; width: 200px; font-weight: 400; width: 100px; display: inline-block; }
+.port-meta li span { font-weight: normal; }
+.port-info p { margin-bottom: 0px; }
+
+/*port-navigation*/
+.port-navigation { padding: 20px 0; border-bottom:1px dashed #d0d0d0; border-top: 1px dashed #d0d0d0;}
+.port-navigation a { color: #626262; }
+.port-arrow { height: 74px; width: 40px; text-align: center; background: #f7f7f7; display: inline-block;}
+.port-arrow i {  text-align: center; font-size: 25px; line-height: 75px;}
+.port-photo { width: 124px; height: 77px; display: inline-block; }
+.port-photo img { width: 100%; }
+
+/*port-post*/
+.port-post { background: #f7f7f7; padding: 15px; }
+.port-post-photo { width: 170px; display: inline-block; float: left; margin-right: 20px; }
+.port-post-photo img { width: 100%;  }
+
+/*port-post-info*/
+.port-post-info { padding-left: 190px;}
+.port-post-info h3 { display: inline-block; font-size: 24px;  }
+.port-post-info span { color: #626262; }
+.port-post-social strong { font-size: 14px; }
+.port-post-social a { color: #626262; margin-left: 8px; font-size: 14px; }
+.port-post-social a:hover { color: #5E9ECA; }
+.port-post-info p { margin-top: 10px; }
+.port-singal .owl-carousel .owl-item img { width: 100%; }
+
+/*************************************
+    		Our Blog 
+ **************************************/
+ /*Blog  1*/
+.blog-box { padding: 30px; border:1px solid #ddd; position: relative; z-index: 1; } 
+.blog-info { position: relative; z-index: 9; }
+.blog-info span { color: #626262; font-size: 14px; margin-right: 6px; }
+.blog-info h4 { font-weight: 600; font-size: 18px;} 
+.blog-box .post-format-icon{text-align: right; position: relative; z-index: 9}
+.blog-box .post-format-icon i { padding-right: 0; font-size: 35px;  color: #e1e1e1; } 
+.blog-info p { padding: 0px 0 10px; font-size: 14px; }
+.blog-box .post-category a { display: inline-block;    padding: 5px 15px;    font-size: 12px; text-transform: uppercase;    font-weight: 700;    border-radius: 50em;    color:#fff;   background-color: #5E9ECA;    -webkit-transition: all 0.3s ease;    -moz-transition: ll 0.3s ease;    transition: all 0.3s ease; margin-bottom: 20px;}
+a.blog-btn { text-align: center; font-size: 14px; color: #5E9ECA; display: block; padding-bottom: 12px; position: relative; z-index: 1; }
+a.blog-btn i {  margin-left: 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
+.blog-box .border { position: absolute; background: #5E9ECA; height: 0px; bottom: 0; left: 0; z-index: 0; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;  }
+.blog-box .blog-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background-size: cover; background-position: center center; }
+.blog-box:hover .blog-box-img, .blog-box.active .blog-box-img { opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } 
+.blog-1:hover h4, .blog-1:hover i, .blog-1:hover span, .blog-1:hover p, .blog-1:hover a.blog-btn, .blog-1.active h4, .blog-1.active i, .blog-1.active span, .blog-1.active p, .blog-1.active a.blog-btn,.blog-1:hover .post-category a,.blog-1:hover .post-format-icon i,.blog-1.active .post-category a,.blog-1.active .post-format-icon i { color: #fff; } 
+.blog-box:hover .blog-box-img:before, .blog-box.active .blog-box-img:before { background: rgba(0, 0, 0, 0.6); color: #fff; content: ""; display: inline-block; height: 100%;
+  left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
+.blog-box.blog-2 {padding: 0; position: relative; border:none; transition: all 0.5s ease 0s; height: 100%; }
+.blog-box.blog-2 .blog-info{background: #ffffff; padding: 30px;}
+.blog-box.blog-2.gray-bg .blog-info {background: #f7f7f7;  }
+.blog-box.blog-2 .blog-box-img{opacity: 1;}
+.blog-box.blog-2 .post-format-icon{position: absolute; right: 30px; top: 30px;}
+.blog-box.blog-2 .button.icon-color{text-transform: capitalize; float: right;}
+.blog-box.blog-2:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);}
+.blog-box.blog-2.gray-bg:hover { box-shadow: none;}
+.blog-box.blog-2.transparent .blog-info { background: transparent; padding: 30px 0; }
+.blog-box.blog-2.transparent .blog-info span { color: #ffffff; }
+
+
+/***************************
+         blog 
+***************************/
+.blog-entry { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
+.blog-entry:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); }
+.blog-entry .entry-image img { width: 100%; }
+.blog-entry .blog-detail { background: #ffffff; padding: 30px; border-top: 0px; }
+.blog-entry .blog-detail .entry-title a { font-size: 22px; font-weight: 600; line-height: 24px; color: #353535; line-height: 28px; }
+.blog-entry .blog-detail .entry-title a:hover { color: #5E9ECA; }
+.blog-entry .entry-meta ul li { display: inline-block; margin-right: 12px; }
+.blog-entry .entry-meta ul li i { color: #5E9ECA; padding-right: 6px; }
+.blog-entry .entry-meta ul li a { color: #353535; line-height: 0px; padding-right: 5px; }
+.blog-entry .entry-meta ul li a i { padding-right: 6px; color: #5E9ECA; }
+.blog-entry .entry-meta ul li a:hover { color: #5E9ECA; }
+.blog-entry .social strong { display: inline-block; margin-right: 10px; }
+.blog-entry .entry-button { display: inline-block;}
+.blog-entry .social ul { display: inline-block; }
+.blog-entry .social ul li { display: inline-block; padding: 0px 6px; }
+.blog-entry .social ul li a:hover { color: #353535; }
+.blog-entry .entry-share { margin-top: 20px; display: block; }
+
+/*blog-entry blockquote*/
+.blog-entry.blockquote { background: #5E9ECA; border: 0px; padding: 36px 30px; }
+.blog-entry.blockquote blockquote { background: #5E9ECA; border-left: 0px; color: #ffffff; padding: 0px; position: relative; margin-top: 0 !important; padding-top: 60px; }
+.blog-entry.blockquote blockquote:before { content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #ffffff; position: absolute; left: 0px; top: -20px; }
+.blog-entry.blockquote .blog-detail { border: 0px; background: #5E9ECA; padding: 0px; }
+.blog-entry.blockquote .blog-detail .entry-title a { color: #ffffff; }
+.blog-entry.blockquote .blog-detail .entry-title a:hover { color: #323232; }
+.blog-entry.blockquote .social ul li a { color: #ffffff; }
+.blog-entry.blockquote .social ul li a:hover { color: #323232; }
+.blog-entry.blockquote .entry-meta ul li a { color: #ffffff; }
+.blog-entry.blockquote .entry-meta ul li i { color: #ffffff; }
+.blog-entry.blockquote .entry-meta ul li a i { color: #ffffff !important; }
+.blog-entry.blockquote .entry-meta ul li a:hover { color: #323232; }
+.blog-entry.blockquote .button.arrow.white:hover { color: #323232; } 
+
+/*video vimeo and youtube*/
+.js-video { height: 0; padding-top: 25px; padding-bottom: 54%; position: relative; overflow: hidden; }
+.js-video.widescreen { padding-bottom: 34.34%; }
+.js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: none; }
+.js-video.big { padding-top: 30px; }
+
+.blog-entry .grid-post li { float: left; width: 50%; border-right: 4px solid #fff; border-bottom: 4px solid #fff; list-style: none; }
+.blog-entry .grid-post li img { width: 100%;  }
+.blog-entry .grid-post li .portfolio-item { width: 100%; }
+ 
+ /*blog-entry-audio*/
+ .blog-entry .blog-entry-audio { padding: 136px 20px; background: url(../images/blog/04.jpg) no-repeat; background-position: center center; background-size: cover; }
+
+ /*blog pages*/
+ /*blog-grid-3-column*/
+ .blog-grid-3-column .blog-entry .blog-entry-audio { padding: 63px 20px; }
+ .blog-grid-2-sidebar .blog-entry .blog-entry-audio { padding: 96px 20px; }
+  
+/*************************************
+      our services
+**************************************/
+.service-image-holder { position: relative; height: 496px; }
+.service-image-holder .section-title-2 { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; }  
+.services-text-box { background:#fff; padding: 10% 15%;}
+.services-text-box-black { background:#363636; padding: 80px 50px !important; }
+.services-text-box-green { background:#5E9ECA; padding: 80px 50px !important; }
+
+/*************************************
+	    	creativity
+**************************************/
+.creativity h1 { line-height: 65px; text-transform: uppercase; font-size: 50px;	font-weight: bold; }
+.creativity p { font-size: 30px; }
+.creativity .button { display: inline-block; float: none; }
+ .contact-map iframe { width: 100%; height: 100%; }
+#formmessage {display: none;}
+.contact-form .section-field { position: relative; width: 31.3%; margin-right: 3%; float: left; }
+.contact-form .section-field:nth-child(3) { margin-right: 0px; }
+.contact-form .section-field:nth-child(6) { margin-right: 0px; }
+.contact-box.contact-box-top { margin-top: -1px; position: relative; }
+.touch-in .contact-box {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); display: inline-block; margin-bottom: 0; padding: 60px 20px; width: 100%;}
+.contact-box i { background: #5E9ECA; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 5px; font-size: 34px; color: #ffffff; display: inline-block;}
+.contact-form .form-control {position: relative; width: 100%; margin-bottom: 20px; }
+.section-field.textarea{width: 100%;}
+.g-recaptcha.section-field {width: 100%; margin-bottom: 20px; }
+.contact-form textarea.form-control {width: 100%; }
+.contact-box .contact-icon { display: table-cell; padding-right: 20px; }
+.contact-box .contact-icon i { background: transparent; line-height: normal; font-size: 34px; height: auto; width: auto;}
+.contact-box.theme-bg .contact-icon i{color: #ffffff !important;}
+.contact-box .contact-info { display: table-cell; vertical-align: top; padding: 0; background: none;} 
+.contact-2 .addresss-info p, .contact-2 .addresss-info i, .contact-2 .addresss-info li{color: #ffffff;}
+.contact-2 .contact-add{padding: 80px 0}
+.contact-2 .contact-add i{font-size: 40px;}
+.contact-3 #map { padding-top: 101%; }
+.contact-2 #map { padding-top: 100%; }
+.map-side { left: 0; overflow: hidden; padding: 0; position: absolute; top: 0; z-index: 9;}
+.map-side.map-right {left: auto; right: 0;}
+.contact-3 .contact-add{padding: 80px 20px; }
+.contact-3 .contact-add i{font-size: 40px; color: #5E9ECA;}
+.contact-3 .contact-form .section-field {width: 100%;}
+.contact-social ul li { display: inline-block; }
+.contact-social ul li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #323232; background: #eceff8; font-size: 14px; border-radius: 3px; margin-right: 5px; }
+.contact-social ul li a:hover { background: #353535 !important; color: #fff;}
+.contact-3 .theme-bg.contact-add i{color: #ffffff !important;}
+.footer #logo-footer { height: 30px; }
+.footer-contact .footer-nav ul li a { color: #353535; }
+.footer-contact .footer-nav ul li a:hover { color: #2046f2; }
+.footer-contact .contact-box .contact-icon i { background: transparent; color: #5E9ECA; margin-bottom: 10px; }
+.footer.footer-topbar hr { border-color: #d9d9d9; }
+.footer-contact .social ul { background: #f6f7f8; }
+.footer-contact .social ul li a i { color: #353535; }
+.footer-contact .social ul li a i:hover { color: #2046f2; }
+.footer-contact .usefull-link ul li a { color: #353535; }
+.footer-contact .usefull-link ul li a:hover { color: #2046f2; }
+.footer-contact { box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); margin-bottom: 80px; margin-top: -220px; padding: 60px 0; }
+.footer-contact .contact-box { text-align: center; }
+.footer-contact .contact-box .contact-icon { display: block; padding-right: 0; color: #2046f2; }
+.footer-contact .contact-box .contact-info { display: block; background: none; padding: 0; width: 100%;}
+.footer-contact .contact-box .contact-info .section-title { margin-bottom: 0px; }
+.footer-contact .contact-box .contact-info h5 { color: #353535; }
+.our-clients.theme-bg{padding: 60px 0 170px;}
+.footer-Newsletter .form-control::-moz-placeholder { color: rgba(255,255,255,0.5); }
+.footer-Newsletter .form-control::-ms-input-placeholder { color: rgba(255,255,255,0.5); }
+.footer-Newsletter .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.5); }
+
+/*************************************
+    		Our History
+**************************************/
+ .history-main { width: 100%; }
+ .liner { background: #fff; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: 96%; z-index: 1; position: relative; } 
+ .liner i { position: absolute; right: -2px; top: -9px; color: #fff; }
+ .history-content { list-style: outside none none; padding: 125px 0; width: auto; }
+ .history-1 { position: relative; left: 45px; }
+ .history-2 { position: relative; margin-left: 30%; }
+ .history-3 { position: relative; margin-left:58%; }
+ .history-4{ position: relative; margin-left: 95%; }
+ .history-line { background: #fff; height: 60px; left: 3px; position: absolute; top: -75px; width: 2px; z-index: 9; }
+ .history-time-lin { position: relative; top: 10px; z-index: 2; }
+ .history-time-lin:before { bottom: 0; }
+ .history-time-lin:before { background: #fff; border-radius: 50%; content: ""; height: 20px; left: -5px; position: absolute; width: 20px; z-index: 1; }
+ .history-time-lin:after { border:2px solid #fff; background: #000; border-radius: 50%; content: ""; height: 30px; left: -5px; position: absolute; width: 30px; }
+ .history-time-lin:after { left: -10px; top: -25px; }
+ .history-item { left: -20px; position: absolute;  top: -125px; }
+ .history-item a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align:  center; display:block; } 
+ .history-5 { position: relative; margin-left: 15%; }
+ .history-6 { position: relative; margin-left: 53%; }
+ .history-7 { position: relative; margin-left:78%; }
+ .history-line-2 { background: #fff none repeat scroll 0 0; height: 60px; left: 3px; position: absolute; top: 15px; width: 2px; z-index: 9; }
+ .history-item-2 { left: -20px; position: absolute; top: 75px; }
+ .history-item-2 a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; }
+ /*Our History */
+.our-history .timeline { list-style: none; padding: 20px 0 20px; position: relative; }
+.our-history .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 2px; background-color: #e6e6e6; left: 50%; margin-left: -0.5px; }
+.our-history .timeline > li { margin-bottom: 20px; position: relative; }
+.our-history .timeline > li:before,
+.our-history .timeline > li:after { content: " "; display: table; }
+.our-history .timeline > li:after { clear: both; }
+.our-history .timeline > li:before,
+.our-history .timeline > li:after { content: " "; display: table; }
+.our-history .timeline > li:after { clear: both;}
+.our-history .timeline > li > .timeline-panel { width: 46%; float: left; padding: 15px 00px 25px 00px; position: relative; }
+.our-history .timeline > li > .timeline-panel:before { position: absolute; top: 23px; right: -25px; display: inline-block; width: 25px; height: 2px; background: #e6e6e6; content: " "; }
+.our-history .timeline > li > .timeline-badge { color: #fff; width: 18px; height: 18px; line-height: 10px; font-size: 0.7em; text-align: center; position: absolute; top: 16px; left: 50%;
+  border:3px solid #5E9ECA; margin-left: -9px; background-color: #fff; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0 0 0 5px #f6f6f6; }
+.our-history .timeline > li.timeline-inverted > .timeline-panel {  float: right;}
+.our-history .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -25px; right: auto; }
+.our-history .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
+ .our-history .timeline-body > p,
+.our-history .timeline-body > ul { margin-bottom: 0; }
+.our-history .timeline-body > p + p  margin-top: 5px; 
+.our-history .timeline > li { text-align: right;}
+.our-history .timeline > li.timeline-inverted { text-align: left;}
+.our-history .timeline .timeline-arrow { position: absolute; width: 100%; left: 0.5px; right: 0; text-align: center; color: #e6e6e6; bottom: -29px; }
+.our-history .timeline > li > .timeline-badge p{width: 200px; margin-top: -9px; margin-left: 25px;font-size: 17px; font-weight: bold; text-align: left;}
+.our-history .timeline > li.timeline-inverted .timeline-badge p{text-align: right; float: right; margin-right: 25px;}
+
+/*************************************
+           our-service objects 
+**************************************/
+.our-service { position: relative; padding-bottom: 280px; z-index: 1; }
+.objects-left { position: absolute; height: 100%; width: 100%; left: 0; top: 80px; z-index: -1; }
+.objects-left .objects-1 { position: absolute; left: 50px; top: 0; }
+.objects-left .objects-2 { position: absolute; left: 100px; bottom: 170px; }
+.objects-left .objects-3 { position: absolute; left: 50%; bottom: 150px; margin-left: -150px; }
+.objects-right { position: absolute; height: 100%; width: 100%; right: 0; top:80px; z-index: -1; }
+.objects-right .objects-4 { position: absolute; right: 0px; top: 0; }
+.objects-right .objects-5 { position: absolute; right: 0px; bottom: 170px; }
+.objects-right .objects-bottom { position: absolute; right: 0px; bottom: 0; }
+
+/*************************************
+         sidebar
+**************************************/
+.sidebar-widget p { margin-bottom: 0px; }
+/*.widget-search */
+.widget-search { position: relative; }
+.widget-search input { padding-right: 30px; color: #353535; box-shadow: none; background: #f6f7f8; }
+.widget-search i { position: absolute; right: 0px; padding: 16px 22px; font-size: 14px; color: #626262; cursor: pointer;  }
+.widget-search input:focus { border-color: #5E9ECA; } 
+ 
+/*Recent Posts*/
+.sidebar-widget .recent-post { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding-bottom: 20px; margin-bottom: 20px; }
+.sidebar-widget .recent-post .recent-post-image { float: left; margin-right: 15px; }
+.sidebar-widget .recent-post .recent-post-image img { width: 50px; height: 50px; border-radius: 50%; }
+.sidebar-widget .recent-post .recent-post-info { overflow: hidden; }
+.sidebar-widget .recent-post .recent-post-info a  { display: block; margin-bottom: 5px; color: #323232; }
+.sidebar-widget .recent-post .recent-post-info a:hover { color: #5E9ECA; }
+.sidebar-widget .recent-post .recent-post-info span { color: #5E9ECA; font-style: italic; font-size: 14px; }
+.sidebar-widget .recent-post .recent-post-info span i { padding-right: 10px; }
+.sidebar-widget .recent-post:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
+
+/*widget-archives*/ 
+.sidebar-widget .widget-categories li { display: block; margin-bottom: 6px; }
+.sidebar-widget .widget-categories li a { font-size: 14px; color: #626262; line-height: 32px; display: block; }
+.sidebar-widget .widget-categories li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 10px; width: 20px; height: 20px; text-align: center; }
+.sidebar-widget .widget-categories li a:hover { color: #5E9ECA; }
+.sidebar-widget .widget-categories li a:hover i { border-color: #5E9ECA; color: #5E9ECA; }
+
+/*widget-link*/
+.sidebar-widget .widget-link li { display: block; margin-bottom: 6px; }
+.sidebar-widget .widget-link li a { font-size: 14px; color: #626262; line-height: 32px; display: block; }
+.sidebar-widget .widget-link li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 20px; width: 20px; height: 20px; text-align: center; }
+.sidebar-widget .widget-link li a:hover { color: #5E9ECA; }
+ 
+/*tags*/
+.sidebar-widget .widget-tags li { display: inline-block; }
+.sidebar-widget .widget-tags li a { background: #f6f7f8; color: #323232; border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; }
+.sidebar-widget .widget-tags li a:hover { box-shadow: 	0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; }
+
+/*widget-testimonial*/
+.sidebar-widget .testimonial-widget .testimonial-content { background: #f6f7f8; padding: 20px; font-style: italic; border-radius: 5px; position: relative; }
+.sidebar-widget .testimonial-widget .testimonial-content:before {  position: absolute; content: ""; bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px;
+border-color: #f6f7f8 transparent transparent transparent; }
+.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar { display: table-cell; padding-right: 20px;  }
+.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar img { width: 50px; height: 50px; border-radius: 50%; }
+.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name { display: table-cell;  vertical-align: top; }
+.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name span { display: block; font-style: italic; font-size: 14px; }
+.sidebar-widget .testimonial-widget .testimonial-info:before { display: none; }
+
+/*widget-gallery*/
+.sidebar-widget .widget-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; }
+
+/*widget-newsletter*/
+.sidebar-widget .widget-newsletter { background: #f6f7f8; padding: 30px; position: relative; z-index: 9; overflow: hidden; }
+.sidebar-widget .widget-newsletter .newsletter-icon { position: absolute; right: 0; top: -16px; }
+.sidebar-widget .widget-newsletter .newsletter-icon i { font-size: 100px; z-index: 0; color: rgba(0, 0, 0, 0.05); }
+.sidebar-widget .widget-newsletter .form-control {  background: #ffffff; box-shadow: none; }
+
+/*widget-clients*/
+.sidebar-widget .widget-clients .item { background: #f6f7f8; padding: 30px 30px; }
+
+/*opening-time*/
+ .opening-time ul li { font-size: 14px; line-height: 20px; color: rgba(255,255,255,0.5); border-bottom: 1px solid #262626; padding-bottom: 14px; margin-bottom: 14px; }
+ .opening-time ul li:last-child { border-bottom: 0; }
+
+/*************************************
+	    	About me
+**************************************/
+.about-me .custom-content { margin-top: 0px; }
+.about-me .maintenance-progress-bar { margin: 0; }
+.about-me .maintenance-progress-bar .progress-bar { margin: 0 44px;  }
+.maintenance-progress-bar .progress-bar .rotate { background: #5E9ECA !important; }
+.maintenance-progress-bar .progress-bar .right { background: #5E9ECA !important; }
+.about-me .portfolio-item { width: 100%;}
+.about-me .contact-me p { color: #363636; margin: 15px 0; display: table; }
+.about-me .contact-me i { float: left; color: #5E9ECA; margin-right: 15px; line-height: 23px; width: 20px; }
+.about-me .follow-me ul { margin-top: 20px; }
+.about-me .follow-me li { display: inline-block; }
+.about-me .follow-me li a { background: #e4e4e4; color: #5E9ECA; border-radius: 3px; display: block; width: 35px; height: 35px; line-height: 35px; margin-right: 2px; text-align: center; font-size: 16px; }
+.about-me .follow-me li a:hover { background: #5E9ECA; color: #fff; }
+
+/*************************************
+	    	   Team 1 page
+**************************************/
+/*team-details*/
+ .team-details .social{display:table;float:right;}
+.team-details .social li a { background:#f7f7f7 none repeat scroll 0 0;border-radius:3px;color:#5E9ECA;display:block;font-size:15px;height:35px;line-height:35px;margin-left:0px;text-align:center;width:35px; }
+.team-details .social li a:hover { background: #5E9ECA; color: #ffffff; }
+.team-details .info i{color:#f7f7f7;font-size:126px;left:0;position:absolute;z-index:0;}
+.team-details .info p{font-size:16px;font-style:italic;line-height:28px;padding-left:64px;position:relative;z-index:9;}
+ 
+/*************************************
+	    	   blog page
+**************************************/ 
+ .owl-carousel img { width: 100%; }
+/*pagination-nav*/
+.pagination { margin:0px; }
+.pagination li a { font-size: 15px; font-weight: 500; margin: 0 5px; color: #626262; border-radius: 50%; }
+.pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 50%; }
+.pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 50%; }
+.pagination>.active>a, .pagination>.active>a:hover { color: #626262; }
+.pagination > li > a, .pagination > li > span { width: 44px; height: 44px; line-height: 44px; background: #f6f7f8; border:0px; padding: 0; text-align: center; }
+.pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover  {  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background-color:#5E9ECA; color: #ffffff;}
+.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color:#5E9ECA; color: #ffffff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); }
+.dataTables_paginate li.paginate_button.previous a, .dataTables_paginate li.paginate_button.next a { width: inherit; height: inherit; background: transparent !important; color: inherit !important;  box-shadow: none !important; }
+ /*timeline blog*/
+.blog .timeline { list-style: none;  padding: 20px 0 20px;  position: relative; }
+.blog .timeline:before { top: 0; bottom: 0; position: absolute; content: " ";  width: 4px;  background-color: #f7f7f7;  left: 50%;  margin-left: -1.5px; }
+.blog .timeline > li { margin-bottom: 20px; position: relative; width: 46%; float: left; clear: left; }
+.blog .timeline > li:before,
+.blog .timeline > li:after { content: " "; display: table; }
+.blog .timeline > li:after { clear: both; }
+.blog .timeline > li:before,
+.blog .timeline > li:after { content: " "; display: table; }
+.blog .timeline > li:after { clear: both; }
+.blog .timeline > li > .timeline-panel { width: 95%; float: left; border: 1px solid #d4d4d4; /*border-radius: 2px;*/ /*padding: 20px;*/ position: relative; border:1px solid #f7f7f7;
+  padding: 20px;  transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
+.blog .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #f7f7f7;
+  border-right: 0 solid #f7f7f7; border-bottom: 15px solid transparent; content: " "; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
+.blog .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff;
+  border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; }
+.blog .timeline > li > .timeline-badge { color: #fff; width: 54px; height: 54px; line-height: 18px; padding: 6px; font-size: 22px; border:4px solid #f7f7f7; background: #fff;
+  border-radius: 50%; text-align: center; font-weight: bold; position: absolute; color: #f7f7f7; top: 16px; right: -73px; /*z-index: 100;*/ }
+.blog .timeline > li > .timeline-badge span { font-size: 13px; font-weight: normal; display: block; }
+.blog .timeline > li.timeline-inverted > .timeline-panel { float: right; }
+.blog .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
+.blog .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
+.blog .timeline-title {  margin-top: 0; color: inherit; }
+.blog .timeline-body > p,
+.blog .timeline-body > ul { padding:20px;  margin-bottom: 0; }
+.blog .timeline-body > p + p { margin-top: 5px; }
+.blog .timeline-footer { padding:20px; background-color:#f4f4f4; }
+.blog .timeline-footer > a { cursor: pointer; text-decoration: none; }
+.blog .timeline > li.timeline-inverted { float: right; clear: right; margin-top: 30px; margin-bottom:    0px; }
+.blog .timeline > li:nth-child(2){ margin-top: 60px; }
+.blog .timeline > li:nth-child(3){ margin-top: 60px; }
+.blog .timeline .entry-title i { font-size: 24px;}
+.blog .timeline-inverted .timeline-badge { margin-top: 70px}
+.blog .timeline li.timeline-inverted .timeline-panel:after { top: 98px; }
+.blog .timeline li.timeline-inverted .timeline-panel:before { top: 97px; }
+.blog .timeline > li.timeline-inverted > .timeline-badge { left: -73px; }
+.blog .timeline li.entry-date { top: 0; left: 0; position: absolute; right: 0; text-align: center; width: 100%; }
+.blog .timeline li.entry-date span { background: #f7f7f7; color: #363636; font-size: 16px; font-weight: 400; text-transform: capitalize; padding: 10px 25px;border-radius: 30px;}
+.blog .timeline li.entry-date-bottom { bottom: -30px; left: 0; position: absolute; right: 0; text-align: center; width: 100%; }
+.blog .timeline li.entry-date-bottom a {  background: #f7f7f7; padding: 7px 10px; color: #363636; font-size: 16px; padding: 10px 25px; border-radius: 30px; }
+.blog .timeline li.entry-date-bottom a:hover {  background: #5E9ECA; color: #fff; }
+.blog .timeline li:hover .timeline-panel { border-color: #5E9ECA; }
+.blog .timeline li:hover .timeline-badge a { color: #fff; }
+.blog .timeline li:hover .timeline-badge{ background: #5E9ECA; border-color: #5E9ECA;  }
+.blog .timeline li:hover .timeline-panel:before { border-left-color: #5E9ECA; border-right-color: #5E9ECA; }
+.blog .blog.timeline .entry-quote p { font-size: 16px; }
+/* blog 2 column masonry left sidebar */
+.blog.timeline-sidebar .timeline > li { width: 89%; }
+.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 50%;}
+.blog.timeline-sidebar .timeline:before { left: 54px; }
+.blog.timeline-sidebar .timeline li.entry-date { text-align: left;}
+.blog.timeline-sidebar .timeline li.entry-date-bottom { text-align: left;}
+.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -66px; }
+.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 0px; }
+.blog.timeline-sidebar .timeline > li:nth-child(3) { margin-top: 30px; 	}
+.blog.timeline-sidebar .timeline li.entry-date { top: 3px; }
+.blog.timeline-sidebar .timeline li.entry-date span { font-size: 14px; padding: 10px 25px; }
+.blog.timeline-sidebar .timeline li.entry-date-bottom {  bottom: -48px; }
+.blog.timeline-sidebar .timeline li.entry-date-bottom a { font-size: 14px; padding: 10px 25px; }
+.blog.timeline-sidebar .timeline li .share ul li { width: auto; }
+
+/*blog-single*/
+.blog-single .blog-entry { box-shadow: none; }
+.blog-single .blog-entry .blog-detail { padding: 0; margin-top: 20px; }
+
+.blog-single .blockquote { font-style: italic;  line-height: 30px; background: #f6f7f8 !important;  }
+.blog-single .blog-entry.blockquote blockquote { background: #f6f7f8;color: #626262;  }
+.blog-single .blog-entry.blockquote blockquote cite {  color: #5E9ECA; }
+.blog-single .entry-share .tags { display: inline-block; } 
+.blog-single .blog-entry.blockquote blockquote:before { color: #323232; top: 20px; }
+
+/*blog-comments*/
+.comments-1 .comments-photo { width: 106px; height: auto; float: left; border:5px solid #f7f7f7; margin-right: 20px; }
+.comments-1 .comments-photo img { width: 100%; }
+.comments-1 .comments-info { display: table; background: #f7f7f7; padding: 20px; margin-bottom: 20px; }
+.comments-1 .comments-info h4 { display: inline-block; } 
+.comments-1 .comments-info span { font-size: 13px; color: #626262; } 
+.comments-1 .comments-info a { color: #5E9ECA; }
+.comments-1 .comments-info a:hover { color: #363636; }
+.comments-1.comments-2 { padding-left: 127px; }
+.comments-1.comments-2 .comments-info { background: #fff; margin-bottom: 0px; padding: 20px 20px 10px; }
+ 
+/*************************************
+	    	 error 404
+**************************************/ 
+.error-block { position: relative; z-index: 9; padding: 20px 0  130px 0px; }
+.error-block .error-text { position: absolute; text-align: center; left: 0; right: 0; z-index: -1; }
+.error-block .error-text h2 {   font-size: 420px; line-height: 300px; color: rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0;  }
+.error-block .error-text  span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 134px; line-height: 100px; color: rgba(0, 0, 0, 0.1); font-weight: bold; }
+.error-block h1 { font-size: 87px; padding-top: 110px; }
+.error-block p { font-size: 33px; }
+
+.error-text-02 { position: relative; text-align: center;  }
+.error-text-02 h2 {   font-size: 420px; line-height: 300px; color: rgba(255, 255, 255, 0.2); position: relative; left: -70px; top: 0;  }
+.error-text-02  span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 117px; line-height: 100px; color: rgba(255, 255, 255, 0.2); font-weight: bold; }
+.error-middle { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; }
+
+
+/*************************************
+	    	    coming soon 
+**************************************/  
+.coming-soon { background: transparent;  }
+.coming-soon-countdown ul.countdown { list-style: none; margin: 75px 0; padding: 0;  display: block; text-align: center; }
+.coming-soon-countdown ul.countdown li { display: inline-block; width: 24%; }
+.coming-soon-countdown ul.countdown li span { font-size: 90px; font-weight: bold; line-height: 80px; color: #5E9ECA; }
+.coming-soon-countdown ul.countdown li p { color: #626262; font-size: 20px; text-transform: capitalize; margin-bottom: 30px; }
+.coming-soon .coming-soon-form input { color: #626262; }
+.coming-soon-form` input { width: 50%; color: #fff; display: block; margin: 0 auto; }  
+.coming-soon-form.contact-form input { width: 50%; display: block; margin: 0 auto; }  
+.coming-soon-middle { padding: 100px; display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; }
+
+/*************************************
+	    	 Register 
+**************************************/ 
+.register-form .section-field { display: block; }
+.register-form .field-widget { position: relative; }
+.register-form .field-widget input { width: 100%; margin-bottom: 20px; padding-left: 30px; }
+.register-form .field-widget select { width: 100%; margin-bottom: 20px; padding-left: 15px; }
+.register-form .field-widget  input.gui-input { padding-left: 140px;}
+.register-form .field-widget .button { background: #666; height: 46px; left: 0; margin: 2px; position: absolute; text-align: center; top: 0; width: 115px; border:0; }
+.register-form .nice-select { float: none; margin-bottom: 20px; background: #f6f7f8; border:0; } 
+.remember-checkbox a {color: #5E9ECA; }
+.remember-checkbox label { position: relative; padding-left: 30px; font-size: 14px;	cursor: pointer;}
+.remember-checkbox label:before, label:after { font-family: FontAwesome; font-size: 17px; position: absolute; top: -3px; left: 0; padding-left: 2px; border-radius: 6px; }
+.remember-checkbox label:before { border: 2px solid #5E9ECA; content: ""; height: 20px; margin-top: 3px; width: 20px; }
+.remember-checkbox label:after { content: '\f00c'; max-width: 0; overflow: hidden; opacity: 0.5; transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; }
+.remember-checkbox input[type="checkbox"] { display: none; }
+.remember-checkbox input[type="checkbox"]:checked + label:after { max-width: 25px; opacity: 1;  }
+/*all id*/
+#one+label:before, #one+label:after {color: #5E9ECA;}
+#two+label:before, #two+label:after {color: #5E9ECA;}
+#three+label:before, #three+label:after {color: hsl(120, 45%, 40%); }
+#four+label:before, #four+label:after {color: hsl(180, 45%, 40%); }
+#five+label:before, #five+label:after {color: hsl(240, 45%, 40%); }
+#six+label:before, #six+label:after {color: hsl(300, 45%, 40%); }
+  
+/*************************************
+	    	 Login 
+**************************************/ 
+.full-height-bg { height: 100vh; }
+/*login-2-social*/
+.login-social li { display: inline-block; margin: 2px 0px; }
+.login-social li a { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
+.login-social li a.fb { display: block;  padding: 12px 20px; color: #fff; font-size: 14px; background: #4c70ad; border-radius:30px; }
+.login-social li a.twitter { display: block;  padding: 12px 20px; color: #fff; font-size: 14px; background: #25b6e6; border-radius:30px; }
+.login-social li a.pinterest { display: block;  padding: 12px 20px; color: #fff; font-size: 14px; background: #dd4b39; border-radius:30px; }
+.login-social li i { border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px;  }
+.login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover  { background: #5E9ECA; } 
+
+/*login 02*/
+.section-transparent { background: transparent; }
+.login-bg  { background: #ffffff; border-radius: 10px; }
+.login-bg .login-title { background: #5E9ECA; padding: 30px; border-radius: 10px 10px 0 0; }
+.login-bg .login-form { padding: 40px 30px; }
+.login-bg .login-social { padding: 30px; background: #f6f7f8; border-radius: 0 0 10px 10px; }
+
+/*login 02*/
+.register-bg  { background: #ffffff; border-radius: 10px; }
+.register-bg .register-title { background: #5E9ECA; padding: 30px; border-radius: 10px 10px 0 0; }
+.register-bg .register-form { padding: 30px 30px 50px; }
+
+/*************************************
+	    	 maintenance 
+**************************************/ 
+img.logo-small { height: 40px; margin: 30px 0; position: relative; }
+.maintenance-main i { font-size: 100px; margin-bottom: 10px; color: #e4e4e4; }
+.maintenance-main h1 { font-size: 62px; text-transform: uppercase; font-weight: bold; }
+.maintenance-main p { font-size: 26px; line-height: 35px; margin-bottom: 70px;}
+.maintenance-form { width: 76%; margin: 0 auto; }
+.maintenance-form p { font-size: 19px; }
+.maintenance-form input { width: 50%; margin: 0 auto; } 
+  
+/*maintenance 2 */
+.maintenance-main h1 { font-size: 40px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; }
+.maintenance-contant p { line-height: 25px; margin-top:20px; font-size: 14px; }
+.progress-new { margin-top: 50px; height: 50px; background: #f6f7f8; border-radius: 0; margin-bottom: 50px; margin-left: auto; margin-right: auto; width: 50%; }
+.progress-bar-new { line-height: 50px; background-color: #5E9ECA; color: #ffffff; font-size: 20px; padding-left: 20px; }
+.progress-bar-new span { position: absolute; right: 30px; color: #323232; font-weight: bold; font-size: 20px; }
+.progress-bar-striped,
+.progress-striped .progress-bar-new {
+  background-image: linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent);
+  background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent);
+  background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, .06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) 75%, transparent 75%, transparent);
+}
+ 
+/*************************************
+	    	 Our clients 
+**************************************/ 
+/*clients-box*/
+.clients-box { background: #f7f7f7; padding: 20px; }
+.clients-photo { position: relative; margin-right: 20px; width: 200px; height: 200px; float: left; display: table-cell; text-align: center; vertical-align: middle; background: #fff; }
+.clients-photo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } 
+.clients-info { display: table; }
+.clients-info i { padding-right: 10px; }
+.clients-info a { font-size: 14px; color: #5E9ECA; }
+.clients-info a:hover { color: #626262; }
+.clients-info p { margin-top: 10px; }
+.happy-clients .tab-content { padding: 0 30px; position: relative; text-align: left; }
+.happy-clients .tab-content .quoter-icon { position: absolute; left: 0;  top: -10px; font-size: 120px;  line-height: 1; color: #5E9ECA;}
+.happy-clients .tab-content p{padding-left: 30px; font-size: 18px; padding-top: 10px; font-style: italic; }
+.happy-clients .nav-tabs li { overflow: visible; display: inline-block; padding: 0 5px; }
+.happy-clients .nav.nav-tabs li a, .happy-clients .nav.nav-tabs li a:hover, .happy-clients .nav.nav-tabs li a:focus { background: none; padding: 0; border:0; outline: none; background: transparent !important;}
+.happy-clients .nav-tabs li img {width: 96px; opacity: 0.1;   height: 96px; border-radius: 50%; }
+.happy-clients .nav-tabs li.active img, .happy-clients .nav-tabs li:focus img { border: 4px solid #fff;  opacity: 1;  top: -2px; box-shadow: 0 0 40px rgba(0,0,0,.3);  }
+.happy-clients .testimonial-avatar { position: relative; right: inherit; left: inherit; top: inherit; width: inherit; height: inherit; margin-left: inherit; margin-top: 30px; }
+.happy-clients .nav-tabs { border: 0; }
+ 
+/***********************************
+         process
+************************************/ 
+.process-list .col-sm-12 { padding: 0 50px; }
+.process { margin: 0px; border: 2px dashed rgba(0, 0, 0, 0.3); position: relative; width: 100%; float: left; padding-bottom: 50px; padding-top: 50px; min-height: inherit; }
+.process.left { border-right: 0; border-top: 0; }
+.process.right { border-left: 0; border-top: 0; }
+.process .border-area.left-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; left: -2px; z-index: 99; }
+.process .border-area.left-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); }
+.process .border-area.right-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; right: -2px; }
+.process .border-area.right-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); }
+.process .border-area.right-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; right: -2px; } 
+.process .border-area.right-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); }
+.process .border-area.left-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; left: -2px; } 
+.process .border-area.left-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); }
+.process:first-child { padding-top: 0; }
+.process.left:first-child .process-step { top: 0; }
+.process:last-child {  border-bottom: 0; }
+.process:last-child .border-area.left-bottom { bottom: 0; }
+.process:last-child .border-area.left-bottom:before { border-bottom-left-radius:0; border-bottom: 0; }
+.process.left .process-step { position: absolute; top: 50px; left: -35px; z-index: 999; }
+.process.right .process-step { position: absolute; top: 50px; right: -35px; z-index: 99; }
+.process.left .process-content { padding-left: 80px; }
+.process.right .process-content{  padding-right: 80px; }
+.process .process-step strong { width: 70px; height: 70px; line-height: 70px; text-align: center; background: #5E9ECA;  border-radius: 100%; display: inline-block;
+    z-index: 99; font-size: 20px; color: #fff; }
+.process .process-content { position: relative; z-index: 99; }
+.process .process-content span { font-size: 80px; line-height: 80px; color: #5E9ECA; }
+.process.left .process-content .process-icon { display: table-cell; padding-right: 30px; }
+.process.left .process-content .process-info { display: table-cell;  vertical-align: top; }
+.process.right .process-content .process-icon { float: right; padding-left: 30px; }
+.process.right .process-content .process-info { display: table-cell; vertical-align: top; } 
+
+/*************************************
+	    	 Careers 
+**************************************/ 
+.agency-about  { padding-bottom: 100px; }
+
+/*careers accordion*/
+.careers .acd-des span { display: block; }
+ 
+/*careers form*/
+.careers-from .section-field label { margin-bottom: 10px; }
+ 
+/*************************************
+          sitemap 
+**************************************/ 
+.sitemap h4 { margin-bottom: 25px; text-transform: capitalize; }
+.sitemap h4 i { padding-right: 10px; }
+.sitemap ul li { display: block; line-height: 34px; }
+.sitemap ul li i { padding-right: 10px; } 
+.sitemap ul li a { font-size: 14px; color: #626262; text-transform: capitalize; }
+.sitemap ul li a:hover { color: #5E9ECA; }
+
+/*************************************
+             privacy-policy 
+**************************************/
+.privacy-policy ul li { font-size: 14px; line-height: 30px; }
+.privacy-policy ul li i { padding-right: 10px; }
+
+/*************************************
+            page sidebar 
+**************************************/
+.page-sidebar .page-content ul li { font-size: 14px; line-height: 30px; }
+.page-sidebar .page-content ul li i {  }
+
+/*************************************
+           terms and conditions 
+**************************************/
+.terms-and-conditions ul li { font-size: 14px; line-height: 30px; }
+.terms-and-conditions ul li i { padding-right: 10px; }
+ 
+ 
+.special-feature .feature-text {padding:40px;}
+.special-feature { padding-bottom:-117px; }
+.special-feature .row-eq-height.no-gutter { position:relative; z-index:99; margin-top:-117px; }
+
+/*************************
+   BG - Images
+*************************/
+.parallax {   background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -ms-background-size: cover !important;  position: relative; z-index: 0; background-origin: initial; background-position: center bottom !important; background-repeat: no-repeat;  }
+.gradient-overlay{position:relative;}
+.gradient-overlay:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background:url(../images/construction/bg/gradient-overlay1.png) repeat-y left 0;}
+  
+/*************************************
+          Footer 
+**************************************/
+.footer.black-bg{background: #1a1a1a;}
+.footer.black-bg p { color: rgba(255,255,255,0.5); }
+.footer.black-bg .social-icons li a { color: rgba(255,255,255,0.5); }
+.footer p{font-size: 14px;}
+.footer-logo img { width: 65%; }
+.footer h6{font-size: 14px;}
+.addresss-info li { font-size: 14px; margin-bottom: 15px; color: rgba(255,255,255,0.5); list-style: none; }
+.addresss-info i{  color:rgba(255,255,255,0.5); padding-right: 5px; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 14px; }
+.addresss-info p { display: table; color: rgba(255,255,255,0.5); margin-bottom: 0px; }
+.addresss-info li a { color: rgba(255,255,255,0.5); }
+.footer a{font-size: 14px;}
+
+/*footer-Newsletter*/
+.footer-Newsletter { display: inline-block; width: 100%;}
+.footer-useful-link.footer-hedding ul { margin-top: -6px; }
+.footer-Newsletter .form-control { border-left: 0px; height: 50px; border-radius: 30px; font-size: 14px;  color: rgba(255,255,255,0.3); border:none; background: #252525; padding: 10px 25px; width: 100%; }
+.footer-Newsletter .form-control:focus { border:0; box-shadow: none;}
+.footer-Newsletter .button.border{border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.5); padding: 10px 18px; font-size: 12px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
+.footer-Newsletter .button.border:hover { color: #ffffff; }
+.footer-useful-link ul li { list-style: none; margin-bottom: 12px;}
+.footer-useful-link ul li:last-child { margin-bottom: 0; }
+.footer-useful-link ul li a { color: rgba(255,255,255,0.5); font-size: 14px; vertical-align: top; display: block; line-height: 26px; }
+.footer-useful-link ul li a:hover { color: #5E9ECA; }
+/*transparent*/
+.footer-Newsletter.transparent .form-control { background: rgba(0, 0, 0, 0.04); }
+.footer-Newsletter.transparent .form-control::-moz-placeholder { color: #323232; }
+.footer-Newsletter.transparent .form-control::-ms-input-placeholder { color: #323232; }
+.footer-Newsletter.transparent .form-control::-webkit-input-placeholder { color: #323232; }
+
+/*footer-widget*/
+.footer-widget { padding: 20px 0; border-top: 1px solid #262626;}
+.footer-widget p{font-size: 14px; color: rgba(255,255,255,0.5); letter-spacing: 0.5px;}
+.footer-widget a { color: #5E9ECA; } 
+.footer-widget a:hover { color: #5E9ECA; } 
+.footer-widget-social {margin-top: 5px; } 
+.footer-widget-social li  { display: inline-block;} 
+.footer-widget-social a i { display: inline-block; color: rgba(255,255,255,0.5); background: none; border-radius: 50%; width: 35px; height: 35px; text-align:center; line-height: 37px; font-size: 14px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} 
+.footer-widget-social a i:hover{background: #5E9ECA;}
+.footer .footer-nav ul li {    display: inline-block;}
+.footer .footer-nav ul li a { margin: 0 5px; color: #323232;}
+.footer .footer-nav ul li a:hover { color: #5E9ECA; }
+.footer .social ul li {display: inline-block;}
+.footer .social ul li a i { font-size: 14px; width: 45px; height: 45px; line-height: 45px; text-align: center; float: none; color: #323232;}
+.footer .social ul li a i:hover{color: #5E9ECA;}
+.footer .social ul{background: #f6f7f8;     display: inline-block;    border-radius: 30px;    padding: 0px 10px;}
+.footer .usefull-link ul li {display: block;    border-bottom: 0px;    line-height: 24px;    padding: 5px 0; }
+.footer .usefull-link ul li a{color: #323232;}
+.footer .usefull-link ul li a:hover { color: #5E9ECA; }
+.footer .copyright { padding: 30px 0 20px;}
+.footer .copyright ul li a {color: #323232;}
+.footer .copyright ul li a:hover {color: #5E9ECA;}
+img#logo-footer{ height: 50px; width: auto; }
+.footer.light .footer-nav ul li a{color: #fff;}
+.footer.light .footer-nav ul li a:hover { color: #323232; }
+.footer.light h6{color: #fff;}
+.footer.light .about-content p{color: #fff;}
+.footer.light .usefull-link ul li a{color: #fff;}
+.footer.light .usefull-link ul li a:hover {color: #323232;}
+.footer.light .copyright ul li {color: #fff;}
+.footer.light .copyright ul li a {color: #ffffff; font-size: 14px;}
+.footer.light .copyright ul li a:hover {color: #323232; }
+.footer.light.footer-topbar .copyright ul li { color: #ffffff }
+.footer.light .copyright p {color: #fff;}
+.footer.light .social ul li a i {color: #5E9ECA;}
+.footer.light .social ul li a:hover i {color: #323232;}
+.footer .footer-text p{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;}
+.footer .footer-social ul li a{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;}
+.footer .footer-social ul li a:hover { color: #5E9ECA !important; }
+.footer.footer-topbar .copyright ul li{color:rgba(255, 255, 255, 0.5) !important;}
+.footer.footer-one-page .contact-add i { font-size: 20px }
+.footer.footer-one-page h5 { color: rgba(255,255,255,0.5); }
+.footer.footer-one-page p { color: rgba(255,255,255,0.5); }
+
+/* footer transparent*/
+.footer.transparent h6, .footer.transparent p, .footer.transparent ul li a, .footer.transparent span { color: #ffffff; }
+
+/*widget-gallery*/
+.footer .footer-gallery ul li { float: left; width: 60px; margin: 2px; list-style: none; }
+.footer .footer-tags li { display: inline-block; }
+.footer .footer-tags li a { background: transparent; color: #fff; border:1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; }
+.footer .footer-tags li a:hover { background: #5E9ECA; }
+
+/*footer-social-big*/
+.footer-social-big ul li { display: inline-block; padding: 10px; width: 70px; text-align: center;  background: rgba(255, 255, 255, 0.1); }
+.footer-social-big ul li.facebook { background: #5d82d1; }
+.footer-social-big ul li.pinterest { background: #e13138; }
+.footer-social-big ul li.linkedin { background: #238cc8; }
+.footer-social-big ul li i { color: #ffffff; display: block; width: 30px; height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.2); border-radius: 50%; margin: 0 auto;  }
+.footer-social-big ul li span { display: block; text-align: center; color: #ffffff; margin-top: 10px; font-size: 11px; }
+ 
+/*footer-box*/
+.footer-box { background: rgba(102, 102, 102, 0.2); padding: 30px; clear: both; margin-bottom: 40px; margin-top: 60px; }
+.footer-box .box-content { display: table-cell; vertical-align: top; }
+.footer-box .box-link { display: table-cell; padding-left: 20px; vertical-align: middle; }
+.footer-box .box-link a { display: block; padding: 8px 16px; width: 140px;  }
+
+/*google-map*/
+.google-map { background: #; }
+.google-map .row [class*='col-'] { min-height: 0; }
+.map-icon { position: relative; z-index: 999; cursor: pointer; }
+.google-map .map-icon:before { cursor: pointer; content: "\f041"; font-family: "FontAwesome"; font-size: 30px; font-weight: normal; right: 0; position: absolute; text-indent: 0; top: -32px; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #ffffff; color: #5E9ECA; text-align: center; }
+.google-map.google-map-open .map-icon::before { content: "\f00d"; }
+.google-map .map-open { height: 0; overflow: hidden;  transition: all 900ms ease; }
+.google-map .map-open iframe { height: 300px; }
+.google-map-open .map-open  {  height: 300px;  }
+.pos-r{position: relative;}
+.img-side img{max-width: 100%}
+.img-side.img-left {left: 0;}
+.img-side {padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100;}
+.font-bold {font-weight: 600}
+.no-gutter{  margin-right:0; margin-left:0;}
+.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;}
+
+/*youtube-video*/
+ .popup-video { position: relative; }
+.popup-video .play-video { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } 
+.popup-video .play-video { width: 50px; height: 50px; }
+.popup-video .play-video a { width: 50px; height: 50px; }
+.popup-video .play-video a i { line-height: 50px; }
+.popup-video .play-video:hover {  transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); background-color: #ffffff; }
+.popup-video .play-video:hover a { color: #5E9ECA; }
+.play-video { cursor: pointer; position: relative; width: 100px; height: 100px; margin: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
+.play-video { background-color: #5E9ECA; -webkit-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); -moz-box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); box-shadow: 2px 6px 18px rgba(255, 255, 255, 0.55); }
+.play-video a { color: #fff; width: 100px; height: 100px; position: absolute; top: 0; left: 50%; padding-left: 5px; transform: translateX(-50%); }
+.play-video a i { line-height: 100px; }
+.play-video:hover a { color: #5E9ECA; }
+.play-video:after { content: ''; top: 0; left: 0; padding: 0; z-index: -1; opacity: 0; pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); }
+
+.play-video:hover{background: #ffffff; color: #5E9ECA; border-color:transparent !important;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-box-shadow:2px 6px 18px transparent !important;-moz-box-shadow:2px 6px 18px transparent !important;box-shadow:2px 6px 18px transparent !important}
+.play-video:hover:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms; -moz-animation:sonarEffect 1.3s ease-out 75ms; animation:sonarEffect 1.3s ease-out 75ms;}
+@-webkit-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-webkit-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}}
+@-moz-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-moz-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}}
+@keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);transform:scale(1.5);opacity:0; }}
+.my-contact .contact-icon{float: left; margin-right: 25px;}
+.my-contact .contact-icon span{color: #fff ! important;}
+ 
+/*************************************
+         index portfolio 4
+**************************************/
+.portfolio-item.simple-effect .portfolio-overlay span { color: #363636; }
+.portfolio-item.simple-effect .portfolio-overlay span a { color: #363636; }
+.portfolio-item.simple-effect .portfolio-overlay a:hover { color: #5E9ECA; }
+.portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #5E9ECA; }
+.portfolio-item.simple-effect .portfolio-overlay { z-index: 9; opacity: 0; bottom: inherit; background: transparent; top: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: center;  }
+.portfolio-item.simple-effect:hover:before { position: absolute; width: 100%; height: 100%; content: ""; background: rgba(255, 255, 255, 1); z-index: 1;  background-size: 115%;
+    -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98);  transition: all 0.6s cubic-bezier(.68,.11,.13,.98);    -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
+.portfolio-item.simple-effect:hover .portfolio-overlay { top: 50%; opacity: 1; }
+
+/*footer*/
+.footer .container-fluid { padding: 0 60px; }
+#footer-fixed { position: fixed; bottom: 0; width: 100%; z-index: -1; box-shadow: inset 0 27px 60px -25px rgba(0,0,0,0.3); }
+.footer.footer-simple ul li a, .footer.footer-simple p, .footer.footer-simple i, .footer.footer-simple li { color: #ffffff; font-weight: bold; font-size: 16px; }
+.footer.footer-simple ul li a:hover { color: rgba(255, 255, 255, 0.6); }
+.footer.footer-simple .social-icons li a {  color: #ffffff; width: 100%; }
+.footer.footer-simple .social-icons li a:hover { color: rgba(255, 255, 255, 0.6); }
+ 
+/*elements*/
+.full-width { width: 100%; }
+.height-100vh { height: 100vh; }
+.pos-bot { position: absolute; bottom: 0; width: 100%; }
+.vertical-align { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
+
+/*************************************
+       index portfolio  04 about
+**************************************/
+.portfolio-03-about { padding-left: 50px; }
+.portfolio-03-about p { font-size: 16px; font-weight: 600; }
+
+/*************************************
+       index portfolio  single
+**************************************/
+/*popup-video*/
+.popup-video-image { position: relative; }
+.popup-video-image:before { background: rgba(37, 41, 51, 0.4); content: ""; height: 100%; left: 0;  position: absolute; top: 0; width: 100%; z-index: 0; }
+.popup-video-image a i { color: #ffffff; text-align: center; line-height: 60px; width: 60px; height: 60px; background: #5E9ECA; display: inline-block; margin: 0 auto;
+    border-radius: 50%; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);
+    -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; font-size: 20px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
+.popup-video-image a i:hover { background: #323232; }
+
+/*************************************
+            index 11
+**************************************/
+
+/*index 11*/
+ /*slider-parallax typer-banner business*/
+ .slider-parallax.typer-banner.business h1 { font-family: 'Dosis', sans-serif; }
+ .slider-parallax.typer-banner.business p { padding: 0 200px; line-height: 34px; font-size: 26px; font-weight: 600; display: block; }
+
+ /*play-video*/
+.custom-content-02 .feature-text p { line-height: 28px; }
+.play-video-section .play-video { box-shadow: none; background: #ffffff; width: 60px; height: 60px; line-height: 60px; }
+.play-video-section .play-video a { color: #5E9ECA; line-height: 60px; }
+.play-video-section .play-video a i { line-height: 60px; padding-right: 3px; }
+.play-video-section .play-video:after {box-shadow: none; }
+.play-video-section .content { padding: 0 100px; }
+.play-video-section .content h2 { font-family: 'Dosis', sans-serif; }
+.custom-content-03 h2 { font-family: 'Dosis', sans-serif; font-size: 40px; line-height: 50px; }
+
+/*blockquote-section*/
+.blockquote-section { position: relative; z-index: 9; }
+.blockquote-section blockquote { font-size: 50px; font-weight: 600; line-height: 60px; border-left: 0; padding-left: 0; font-family: 'Dosis', sans-serif; }
+.blockquote-section blockquote cite { font-size: 16px; font-weight: 600; margin-top: 40px; line-height: 30px; font-family: 'Nanum Gothic', serif; font-style: normal; }
+.blockquote-section blockquote cite span { display: block; font-size: 14px; }
+.blockquote-section blockquote.quote { padding-top: 100px; }
+.blockquote-section blockquote.quote:before { color: #5E9ECA; left: 0; top: 0; font-size: 120px; line-height: 120px; }
+.blockquote-section .blockquote-section-left { margin-left: 60px;  }
+.blockquote-section .blockquote-section-right { margin-left: -120px; position: relative;z-index: -1; }
+
+/*************************************
+           footer
+**************************************/
+.footer.gray-footer .footer-Newsletter .form-control { background: #ffffff; color: #323232; height: 60px; line-height: 60px; box-shadow: 0 10px 50px rgba(0,0,0,0.1); }
+.footer.gray-footer .footer-widget  { border-top: none; }
+.footer.gray-footer .footer-widget p { color: #323232; }
+
+.footer.gray-footer .footer-Newsletter .form-control::-moz-placeholder { color: #323232; }
+.footer.gray-footer .footer-Newsletter .form-control::-ms-input-placeholder { color: #323232; }
+.footer.gray-footer .footer-Newsletter .form-control::-webkit-input-placeholder { color: #323232; }
+
+/*************************************
+           portfolio
+**************************************/
+.portfolio-item.image-text { position: relative; }
+.portfolio-item.image-text .portfolio-overlay { bottom: 30px; background: transparent; }
+.portfolio-item.image-text .portfolio-overlay span { display: block; }
+.portfolio-item.image-text:before { position: absolute; width: 100%; bottom: 0; content: ""; ackground: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%);  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; }
+.portfolio-item.image-text .portfolio-overlay a.button { padding: 6px 16px; }
+.portfolio-item.image-text .portfolio-overlay a.button span { font-size: 12px; }
+.portfolio-item.image-text .portfolio-overlay a.button:hover { color: #ffffff;  }
+
+/*************************************
+           coming-soon-big
+**************************************/
+.coming-soon-big .countdown.medium span { font-size: 120px; line-height: 120px; font-weight: bold; }
+.coming-soon-big .countdown.medium p { font-size: 30px; line-height: 30px; font-weight: bold; }
+.coming-soon-big .coming-soon-form p { font-weight: bold; }
+.coming-soon-big .contact-form.transparent-form .form-control { background: rgba(255, 255, 255, 0.4); }
+.coming-soon-big .button { font-weight: bold; }
+
+/*************************************
+            inner page 
+**************************************/
+/* about-05 */
+.about-05-split .shop-split-content { padding: 100px 0; }
+/*about-mission*/
+.about-mission .popup-video-image a i { position: relative; top: inherit; left: inherit; bottom: inherit; right: inherit; }
+.about-mission .popup-content { position: absolute; bottom: 0; padding: 30px 130px 30px 30px; }
+.about-mission-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); }
+.about-mission-box .content { padding:24px; }
+.about-mission-title { padding-bottom: 250px; }
+.about-mission { margin-top: -150px; }
+/*faq 03*/
+.faq-page-title .form { position: relative; z-index: 9; }
+.faq-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); padding: 40px; border-radius: 10px; background: #ffffff;  margin-top: -60px;  }
+.faq-box span { font-size: 40px; line-height: 40px; margin-bottom: 20px; display: block; }
+.faq-box strong { display: block; }
+.faq-box a.button { padding: 8px 16px; }
+
+/*login-fancy*/
+.login-fancy { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); }
+.login-fancy-bg { position: relative;  z-index: 1; }
+.login-fancy h2 { font-size: 70px; line-height: 70px; }
+.login-gradient, .login-gradient-02, .login-gradient-03  { position: relative; }
+.login-gradient:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9af1e1), color-stop(100%, #4003f6)); background: -webkit-linear-gradient(-315deg, #9af1e1 0%, #4003f6 100%);  background: -webkit-linear-gradient(45deg, #9af1e1 0%, #4003f6 100%);  background: linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); }
+.login-gradient-02:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee38a6), color-stop(100%, #ffc863)); background: -webkit-linear-gradient(-315deg, #ee38a6 0%, #ffc863 100%);  background: -webkit-linear-gradient(45deg, #ee38a6 0%, #ffc863 100%);  background: linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); }
+.login-gradient-03:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcdd2), color-stop(100%, #470df5)); background: -webkit-linear-gradient(-315deg, #ffcdd2 0%, #470df5 100%);  background: -webkit-linear-gradient(45deg, #ffcdd2 0%, #470df5 100%);  background: linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); }
+
+/*login-box*/
+.login-box { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); border-radius: 0px 10px 10px 0px; }
+.login-box-bg { position: relative;  z-index: 1; }
+.login-box h2 { font-size: 40px; line-height: 40px; }
+.login-box-main { display: table; width: 100%; }
+.login-box-main-middle { display: table-cell; vertical-align: middle; }
+.login-box-left  { box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); height: 100%; border-radius: 10px 0 0px 10px; }
+.login-box-left .logo-small { margin-left: 30px; } 
+.login-box-main .theme-bg { box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.2); position: relative;  z-index: 1;  }
+.login-box-theme { position: relative; }
+.login-box-theme:before { position: absolute; content: ""; height: 30px; top: -29px; width: 100%; background: #5E9ECA; left: 0; }
+.login-box-theme:after { position: absolute; content: ""; height: 30px; bottom: -29px; width: 100%; background: #5E9ECA; left: 0; }
+.login-box-main .nav li a { padding-left: 30px; }
+.login-box-main .nav li a { display: block; text-align: left; color: #323232; border-left: 5px solid transparent; background: transparent; }
+.login-box-left li.active a, .login-box-left li a:hover { border-left: 5px solid #5E9ECA; color: #5E9ECA; }
+.login-box-main .nav li a i { display: inline-block; padding-right: 6px; text-align: left; margin-bottom: 10px; }
+.login-box .list-unstyled.list-inline a:hover { color: #323232; }
+/*login-box-02*/
+.login-box-02 { padding: 40px; border:1px solid rgba(0, 0, 0, 0.1); height: 100%; }
+.login-box-02.white-overlay { background: rgba(255, 255, 255, 0.5); }
+.login-signup a.text-black:hover { color: #ffffff; }
+
+/*login-14*/
+.login-14 { padding: 0 100px; }
+
+/*login-15*/
+.login-15 { padding: 0 60px; }
+
+/*login-signup*/
+.login-signup .tab-border .tab-content { padding: 0; }
+.login-signup .login-box-02  { border:0; }
+
+/*************************************
+            boxed
+**************************************/
+
+@media (min-width: 1220px) {
+body.boxed-layout .wrapper { float: none; width: 1220px; margin: 0 auto; position:relative; background-color: #FFF; box-shadow: 0 0 60px rgba(0,0,0,.1); -moz-box-shadow: 0 0 60px rgba(0,0,0,.1);
+    -webkit-box-shadow: 0 0 60px rgba(0,0,0,.1); }
+/*index 01*/
+body.boxed-layout .wrapper .portfolio-title.section-title p { display: none; }
+body.boxed-layout .wrapper .portfolio-title.section-title span { display: none; }
+
+/*index 02*/
+body.boxed-layout .wrapper .contact-3 #map { padding-top: 140%; }
+body.boxed-layout .wrapper .contact-2 #map { padding-top: 90% }
+body.boxed-layout .wrapper.vertical-header { width: auto; box-shadow: none; }
+body.boxed-layout #footer-fixed { position: inherit !important; width: inherit; bottom: inherit !important; z-index: inherit; }
+body.boxed-layout .wrapper { margin-bottom: 0 !important; }
+body.boxed-layout .christmas-coming-soon { position: absolute; }
+
+body.frame-layout .wrapper { margin: 0 auto; margin-top: 1.5%; margin-bottom: 1.5%; width: 97%; position: relative;  box-shadow: 0 0 60px rgba(0,0,0,.1); }
+body.frame-layout .header.default, body.frame-layout .header.transparent, body.frame-layout header.one-page { left: 0; right: 0; }
+body.frame-layout .navbar.affix { top: 0; }
+body.frame-layout header.one-page.light .navbar { min-height: 10px !important; }
+body.frame-layout #footer-fixed { position: inherit !important; bottom: inherit !important; z-index: inherit; }
+body.frame-layout .wrapper { margin-bottom:1.5% !important; }
+body.frame-layout .christmas-coming-soon { position: absolute; }
+
+}
+
+@media all and (-ms-high-contrast:none) {
+.st-menu { position: absolute; }
+ img.bottom-img { top: 0; }
+.search-cart { display: table; }
+.search { display: table-cell !important; }
+.shpping-cart { display: table-cell !important; }
+.search-cart .shpping-cart { float: none !important; }
+ .mega-menu > section.menu-list-items .search-cart .search { float: none !important; }
+ .search-cart .shpping-cart { vertical-align: middle; }
+}  
+
+
+@media (max-width: 1100px) {
+.isotope-filters  button { margin: 2px; cursor: pointer;  padding: 6.5px 13px; font-size: 16px; background: transparent;    color: #363636;     font-weight: 600;    border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
+}
+
+
diff --git a/resoft/css/typography.css b/resoft/css/typography.css
new file mode 100644
index 0000000..28c3ddf
--- /dev/null
+++ b/resoft/css/typography.css
@@ -0,0 +1,332 @@
+/*
+
+Template: Webster — Responsive Multi-purpose HTML5 Template
+Author: potenzaglobalsolutions.com
+Design and Developed by: potenzaglobalsolutions.com
+
+NOTE: This is typography stylesheet of template, This file contains typography of the Template.
+
+*/
+
+ 
+/*================================================
+[  Table of contents  ]
+================================================
+ 
+:: General
+:: Page section margin padding 
+:: Text color
+:: Row eq height And No Gutter
+:: Extra class
+:: Loading
+:: Back to top
+:: Basic margin padding
+ 
+======================================
+[ End table content ]
+======================================*/
+@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
+@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
+@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
+
+ 
+/*************************
+    General
+*************************/
+body { font-family: '나눔고딕', NanumGothic, 'Nanum Gothic' , 'NotoM', sans-serif ; font-weight: normal; font-style:normal; font-size: 12px; }
+a, .btn  { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;
+  transition: all 0.3s ease-out 0s; }
+a:focus { text-decoration: none !important; }
+a:focus, a:hover { color: #5E9ECA; text-decoration: none !important; }
+a, button, input { outline: medium none !important; color: #343434; }
+.uppercase { text-transform: uppercase; }
+h1, h2, h3, h4, h5, h6 { font-family: '나눔고딕', NanumGothic, 'Nanum Gothic' ,'NotoM', sans-serif ; font-weight:bolder; font-style:italic; color: #363636; margin-top: 0px; }
+h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
+label { font-weight: normal; }
+
+h1 { font-size: 36px; font-style: normal; font-weight: 800; line-height: 40px; }
+h2 { font-size: 32px; font-style: normal; font-weight: 600; line-height: 38px; }
+h3 { font-size: 28px; font-style: normal; font-weight: 600; line-height: 32px; }
+h4 { font-size: 22px; font-style: normal; font-weight: 500; line-height: 26px; }
+h5 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 18px; }
+h6 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 18px; }
+
+
+.fw-1 { font-weight: 100; }
+.fw-2 { font-weight: 200; }
+.fw-3 { font-weight: 300; }
+.fw-4 { font-weight: 400; }
+.fw-5 { font-weight: 500; }
+.fw-6 { font-weight: 600; }
+.fw-7 { font-weight: 700; }
+.fw-8 { font-weight: 800; }
+.fw-9 { font-weight: 900; }
+
+ul { margin: 0px; padding: 0px; }
+p { font-weight: normal; line-height: 1.5; color: #333; }
+hr { margin: 0; padding: 0px; border-bottom:1px dashed #eceff8; border-top: 0px; } 
+
+*::-moz-selection { background: #5E9ECA; color: #fff; text-shadow: none; }
+::-moz-selection { background: #5E9ECA; color: #fff; text-shadow: none; }
+::selection { background: #5E9ECA; color: #fff; text-shadow: none; }
+
+/***************************
+Page section margin padding 
+****************************/
+.page-section-ptb { padding: 50px 0;background-color: #f6f6f6; }
+.page-section-pt { padding:50px 0 20px 0; 
+                   /*background-color:#f7f7f7;*/ background: url(../images/bg/bg001.gif);}
+.page-section-pb { padding: 0 0 80px; }
+
+.page-section-1-ptb { padding: 120px 0; }
+.page-section-1-pt { padding: 120px 0 0; }
+.page-section-1-pb { padding: 0 0 120px; }
+   
+/*************************
+    Text color
+*************************/
+.theme-color { color: #5E9ECA; }
+.text-white { color: #fff; }
+.text-black { color: #000; }
+.text-gray { color:#9b9b9b; }
+.text-darkgray { color:#9b9b9b; }
+.text-orange { color:#5E9ECA; }
+.text-red { color:#D0021B; }
+
+
+img.bottom-img { position: absolute; bottom: 0; left: 0; right: 0;  }
+
+/*************************
+    Text size
+*************************/
+.f10 { font-size:10px; }
+.f12 { font-size:12px; }
+.f14 { font-size:14px; }
+.f16 { font-size:16px; }
+.f18 { font-size:18px; }
+.f20 { font-size:20px; }
+.f22 { font-size:22px; }
+.f24 { font-size:24px; }
+.f28 { font-size:28px; }
+.f30 { font-size:30px; }
+.f32 { font-size:32px; }
+.f48 { font-size:48px; }
+ 
+/******************************************** 
+  Row-eq-height And No Gutter  
+/*********************************************/
+.no-gutter{  margin-right:0; margin-left:0;}
+.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;}
+.row-eq-height{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
+.row-eq-height.full-height > [class*='col-'] > div{height: 100%;}
+
+/* Vertical Align */
+.valign{display: table;}
+.valign > [class*='col-']{display:table-cell; float:none;}
+[data-valign-overlay="top"]{vertical-align:top;}
+[data-valign-overlay="middle"]{vertical-align:middle;}
+[data-valign-overlay="bottom"]{vertical-align:bottom;}
+ 
+
+ /*************************
+    Extra class
+*************************/
+.o-hidden { overflow: hidden; }
+.position-re { position: relative; }
+.full-width{width: 100% !important;}
+section { background: #f6f6f6; }
+
+/*************************
+    back to top
+*************************/
+#back-to-top .top { z-index: 999;
+    position: fixed;
+    margin: 0px;
+    color: #fff;
+    transition: all .5s ease-in-out;
+    position: fixed;
+    bottom: 55px;
+    right: 15px;
+    border-radius: 50px;
+    z-index: 999;
+    background: transparent;
+    font-size: 24px;
+    background: #5E9ECA;
+    width: 70px;
+    height: 70px;
+    text-align: center; }
+#back-to-top i { padding-top: 2px; font-size: 20px; }
+#back-to-top span { display: block; line-height: 8px; font-size: 11px; }
+  
+ /*************************
+  Basic margin padding
+*************************/ 
+.m-0 { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; }
+.p-0 { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; }
+ 
+/*************************
+     Margin top
+*************************/ 
+.mt-0 { margin-top: 0 !important; }
+.mt-10 { margin-top: 10px !important; }
+.mt-15 { margin-top: 15px !important; }
+.mt-20 { margin-top: 20px !important; }
+.mt-30 { margin-top: 30px !important; }
+.mt-40 { margin-top: 40px !important; }
+.mt-50 { margin-top: 50px !important; }
+.mt-60 { margin-top: 60px !important; }
+.mt-70 { margin-top: 70px !important; }
+.mt-80 { margin-top: 80px !important; }
+.mt-90 { margin-top: 90px !important; }
+.mt-100 { margin-top: 100px !important; }
+.mt-110 { margin-top: 110px !important; }
+.mt-120 { margin-top: 120px !important; }
+.mt-130 { margin-top: 130px !important; }
+.mt-140 { margin-top: 140px !important; }
+.mt-150 { margin-top: 150px !important;}
+
+ /*************************
+    Margin right
+*************************/ 
+.mr-0 { margin-right: 0!important }
+.mr-10 { margin-right: 10px !important; }
+.mr-15 { margin-right: 15px !important; }
+.mr-20 { margin-right: 20px !important; }
+.mr-30 { margin-right: 30px !important; }
+.mr-40 { margin-right: 40px !important; }
+.mr-50 { margin-right: 50px !important; }
+.mr-60 { margin-right: 60px !important; }
+.mr-70 { margin-right: 70px !important; }
+.mr-80 { margin-right: 80px !important; }
+.mr-90 { margin-right: 90px !important; }
+.mr-100 { margin-right: 100px !important; }
+.mr-110 { margin-right: 110px !important; }
+.mr-120 { margin-right: 120px !important; }
+.mr-130 { margin-right: 130px !important; }
+.mr-140 { margin-right: 140px !important; }
+.mr-150 { margin-right: 150px !important; } 
+
+ /*************************
+    Margin bottom
+*************************/
+.mb-0 { margin-bottom: 0!important }
+.mb-10 { margin-bottom: 10px !important; }
+.mb-15 { margin-bottom: 15px !important; }
+.mb-20 { margin-bottom: 20px !important; }
+.mb-30 { margin-bottom: 30px !important; }
+.mb-40 { margin-bottom: 40px !important; }
+.mb-50 { margin-bottom: 50px !important; }
+.mb-60 { margin-bottom: 60px !important; }
+.mb-70 { margin-bottom: 70px !important; }
+.mb-80 { margin-bottom: 80px !important; }
+.mb-90 { margin-bottom: 90px !important; }
+.mb-100 { margin-bottom: 100px !important; }
+.mb-110 { margin-bottom: 110px !important; }
+.mb-120 { margin-bottom: 120px !important; }
+.mb-130 { margin-bottom: 130px !important; }
+.mb-140 { margin-bottom: 140px !important; }
+.mb-150 { margin-bottom: 150px !important; }
+
+/*************************
+    Margin left
+*************************/
+.ml-0 { margin-left: 0!important }
+.ml-10 { margin-left: 10px !important; }
+.ml-15 { margin-left: 15px !important; }
+.ml-20 { margin-left: 20px !important; }
+.ml-30 { margin-left: 30px !important; }
+.ml-40 { margin-left: 40px !important; }
+.ml-50 { margin-left: 50px !important; }
+.ml-60 { margin-left: 60px !important; }
+.ml-70 { margin-left: 70px !important; }
+.ml-80 { margin-left: 80px !important; }
+.ml-90 { margin-left: 90px !important; }
+.ml-100 { margin-left: 100px !important; }
+.ml-110 { margin-left: 110px !important; }
+.ml-120 { margin-left: 120px !important; }
+.ml-130 { margin-left: 130px !important; }
+.ml-140 { margin-left: 140px !important; }
+.ml-150 { margin-left: 150px !important; } 
+ 
+ /*************************
+    Padding top
+*************************/
+.pt-0 { padding-top: 0!important }
+.pt-10 { padding-top: 10px !important; }
+.pt-15 { padding-top: 15px !important; }
+.pt-20 { padding-top: 20px !important; }
+.pt-30 { padding-top: 30px !important; }
+.pt-40 { padding-top: 40px !important; }
+.pt-50 { padding-top: 50px !important; }
+.pt-60 { padding-top: 60px !important; }
+.pt-70 { padding-top: 70px !important; }
+.pt-80 { padding-top: 80px !important; }
+.pt-90 { padding-top: 90px !important; }
+.pt-100 { padding-top: 100px !important; }
+.pt-110 { padding-top: 110px !important; }
+.pt-120 { padding-top: 120px !important; }
+.pt-130 { padding-top: 130px !important; }
+.pt-140 { padding-top: 140px !important; }
+.pt-150 { padding-top: 150px !important; } 
+
+ /*************************
+    Padding right
+*************************/
+.pr-0 { padding-right: 0!important }
+.pr-10 { padding-right: 10px !important; }
+.pr-15 { padding-right: 15px !important; }
+.pr-20 { padding-right: 20px !important; }
+.pr-30 { padding-right: 30px !important; }
+.pr-40 { padding-right: 40px !important; }
+.pr-50 { padding-right: 50px !important; }
+.pr-60 { padding-right: 60px !important; }
+.pr-70 { padding-right: 70px !important; }
+.pr-80 { padding-right: 80px !important; }
+.pr-90 { padding-right: 90px !important; }
+.pr-100 { padding-right: 100px !important; }
+.pr-110 { padding-right: 110px !important; }
+.pr-120 { padding-right: 120px !important; }
+.pr-130 { padding-right: 130px !important; }
+.pr-140 { padding-right: 140px !important; } 
+ 
+ /*************************
+    Padding bottom
+*************************/
+.pb-0 { padding-bottom: 0!important }
+.pb-10 { padding-bottom: 10px !important; }
+.pb-15 { padding-bottom: 15px !important; }
+.pb-20 { padding-bottom: 20px !important; }
+.pb-30 { padding-bottom: 30px !important; }
+.pb-40 { padding-bottom: 40px !important; }
+.pb-50 { padding-bottom: 50px !important; }
+.pb-60 { padding-bottom: 60px !important; }
+.pb-70 { padding-bottom: 70px !important; }
+.pb-80 { padding-bottom: 80px !important; }
+.pb-90 { padding-bottom: 90px !important; }
+.pb-100 { padding-bottom: 100px !important; }
+.pb-110 { padding-bottom: 110px !important; }
+.pb-120 { padding-bottom: 120px !important; }
+.pb-130 { padding-bottom: 130px !important; }
+.pb-140 { padding-bottom: 140px !important; }
+.pb-150 { padding-bottom: 150px !important; } 
+ 
+ /*************************
+    Padding left
+*************************/
+.pl-0 { padding-left: 0!important }
+.pl-10 { padding-left: 10px !important; }
+.pl-15 { padding-left: 15px !important; }
+.pl-20 { padding-left: 20px !important; }
+.pl-30 { padding-left: 30px !important; }
+.pl-40 { padding-left: 40px !important; }
+.pl-50 { padding-left: 50px !important; }
+.pl-60 { padding-left: 60px !important; }
+.pl-70 { padding-left: 70px !important; }
+.pl-80 { padding-left: 80px !important; }
+.pl-90 { padding-left: 90px !important; }
+.pl-100 { padding-left: 100px !important; }
+.pl-110 { padding-left: 110px !important; }
+.pl-120 { padding-left: 120px !important; }
+.pl-130 { padding-left: 130px !important; }
+.pl-140 { padding-left: 140px !important; }
+.pl-150 { padding-left: 150px !important; }  
\ No newline at end of file
diff --git a/resoft/default.jsp b/resoft/default.jsp
new file mode 100644
index 0000000..7ecfa5e
--- /dev/null
+++ b/resoft/default.jsp
@@ -0,0 +1,26 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%
+	login_tag = 0;
+%>
+<%@include file="/include/head.jsp"%>
+
+
+
    
+
    
+	  
+	
+
    
+
    
+
+
+ 
+ 
+ 
+
+
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/resoft/error.jsp b/resoft/error.jsp
new file mode 100644
index 0000000..14900db
--- /dev/null
+++ b/resoft/error.jsp
@@ -0,0 +1,7 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<% 
+%>
+
\ No newline at end of file
diff --git a/resoft/field_manager/cont.jsp b/resoft/field_manager/cont.jsp
new file mode 100644
index 0000000..a7367ea
--- /dev/null
+++ b/resoft/field_manager/cont.jsp
@@ -0,0 +1,5 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/images/bg_top.gif b/resoft/field_manager/images/bg_top.gif
new file mode 100644
index 0000000..a3ec3ea
Binary files /dev/null and b/resoft/field_manager/images/bg_top.gif differ
diff --git a/resoft/field_manager/images/btn_login.gif b/resoft/field_manager/images/btn_login.gif
new file mode 100644
index 0000000..0ab034f
Binary files /dev/null and b/resoft/field_manager/images/btn_login.gif differ
diff --git a/resoft/field_manager/images/left/arrow01.gif b/resoft/field_manager/images/left/arrow01.gif
new file mode 100644
index 0000000..09a999e
Binary files /dev/null and b/resoft/field_manager/images/left/arrow01.gif differ
diff --git a/resoft/field_manager/images/left/bg_left.gif b/resoft/field_manager/images/left/bg_left.gif
new file mode 100644
index 0000000..175ac8a
Binary files /dev/null and b/resoft/field_manager/images/left/bg_left.gif differ
diff --git a/resoft/field_manager/images/left/btn_home.gif b/resoft/field_manager/images/left/btn_home.gif
new file mode 100644
index 0000000..2fbc6a2
Binary files /dev/null and b/resoft/field_manager/images/left/btn_home.gif differ
diff --git a/resoft/field_manager/images/left/btn_logout.gif b/resoft/field_manager/images/left/btn_logout.gif
new file mode 100644
index 0000000..c6227af
Binary files /dev/null and b/resoft/field_manager/images/left/btn_logout.gif differ
diff --git a/resoft/field_manager/images/left/icon01.gif b/resoft/field_manager/images/left/icon01.gif
new file mode 100644
index 0000000..c71b0f4
Binary files /dev/null and b/resoft/field_manager/images/left/icon01.gif differ
diff --git a/resoft/field_manager/images/left/icon02.gif b/resoft/field_manager/images/left/icon02.gif
new file mode 100644
index 0000000..a59f8fa
Binary files /dev/null and b/resoft/field_manager/images/left/icon02.gif differ
diff --git a/resoft/field_manager/images/login_bg.jpg b/resoft/field_manager/images/login_bg.jpg
new file mode 100644
index 0000000..c37572a
Binary files /dev/null and b/resoft/field_manager/images/login_bg.jpg differ
diff --git a/resoft/field_manager/images/new/bg.gif b/resoft/field_manager/images/new/bg.gif
new file mode 100644
index 0000000..f2f8aaf
Binary files /dev/null and b/resoft/field_manager/images/new/bg.gif differ
diff --git a/resoft/field_manager/images/new/login.gif b/resoft/field_manager/images/new/login.gif
new file mode 100644
index 0000000..2a3768a
Binary files /dev/null and b/resoft/field_manager/images/new/login.gif differ
diff --git a/resoft/field_manager/images/new/login_back.gif b/resoft/field_manager/images/new/login_back.gif
new file mode 100644
index 0000000..6b68948
Binary files /dev/null and b/resoft/field_manager/images/new/login_back.gif differ
diff --git a/resoft/field_manager/images/top/bg_search.gif b/resoft/field_manager/images/top/bg_search.gif
new file mode 100644
index 0000000..bfa1ccf
Binary files /dev/null and b/resoft/field_manager/images/top/bg_search.gif differ
diff --git a/resoft/field_manager/images/top/bg_top.gif b/resoft/field_manager/images/top/bg_top.gif
new file mode 100644
index 0000000..abdbc75
Binary files /dev/null and b/resoft/field_manager/images/top/bg_top.gif differ
diff --git a/resoft/field_manager/images/top/btn_arrow_01.gif b/resoft/field_manager/images/top/btn_arrow_01.gif
new file mode 100644
index 0000000..12ac98d
Binary files /dev/null and b/resoft/field_manager/images/top/btn_arrow_01.gif differ
diff --git a/resoft/field_manager/images/top/btn_arrow_02.gif b/resoft/field_manager/images/top/btn_arrow_02.gif
new file mode 100644
index 0000000..649de4b
Binary files /dev/null and b/resoft/field_manager/images/top/btn_arrow_02.gif differ
diff --git a/resoft/field_manager/images/top/btn_notice.gif b/resoft/field_manager/images/top/btn_notice.gif
new file mode 100644
index 0000000..b28fb67
Binary files /dev/null and b/resoft/field_manager/images/top/btn_notice.gif differ
diff --git a/resoft/field_manager/images/top/btn_search.gif b/resoft/field_manager/images/top/btn_search.gif
new file mode 100644
index 0000000..b9b8df8
Binary files /dev/null and b/resoft/field_manager/images/top/btn_search.gif differ
diff --git a/resoft/field_manager/images/top/logo_top.gif b/resoft/field_manager/images/top/logo_top.gif
new file mode 100644
index 0000000..4c17c21
Binary files /dev/null and b/resoft/field_manager/images/top/logo_top.gif differ
diff --git a/resoft/field_manager/images/top/logo_top.png b/resoft/field_manager/images/top/logo_top.png
new file mode 100644
index 0000000..988542b
Binary files /dev/null and b/resoft/field_manager/images/top/logo_top.png differ
diff --git a/resoft/field_manager/include/manager_bottom.jsp b/resoft/field_manager/include/manager_bottom.jsp
new file mode 100644
index 0000000..c1175ae
--- /dev/null
+++ b/resoft/field_manager/include/manager_bottom.jsp
@@ -0,0 +1,6 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/field_manager/include/manager_head.jsp b/resoft/field_manager/include/manager_head.jsp
new file mode 100644
index 0000000..f22ba1c
--- /dev/null
+++ b/resoft/field_manager/include/manager_head.jsp
@@ -0,0 +1,25 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%
+	if ( session.getAttribute("manager_relation") == null || session.getAttribute("manager_relation").equals("0") || session.getAttribute("manager_relation").equals("") ){ 
+%>
+	
+
+<%
+	}else{
+%>
+
+
+
+
+C-Innovacion Field Manager
+
+
+
+
+
+
diff --git a/resoft/field_manager/index.jsp b/resoft/field_manager/index.jsp
new file mode 100644
index 0000000..7fdf5dc
--- /dev/null
+++ b/resoft/field_manager/index.jsp
@@ -0,0 +1,16 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+ 
+
+      
+      
+            
+            
+      
+
+
+<body>
+</body>
+
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/left.jsp b/resoft/field_manager/left.jsp
new file mode 100644
index 0000000..2963a52
--- /dev/null
+++ b/resoft/field_manager/left.jsp
@@ -0,0 +1,196 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+
+
+	
    
+    	
      
+            
    •  Manager
      • 
+            
    • <%=session.getAttribute("manager_name")%>(<%=session.getAttribute("manager_id")%>)
      • 
+            
    • Welcome
      • 
+            
    • 홈logout
      • 
+        
    
+        
      
+        
+    
      
+    
      
+    
      
+    
      
+    
      
+
+
+
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/login.jsp b/resoft/field_manager/login.jsp
new file mode 100644
index 0000000..ce42641
--- /dev/null
+++ b/resoft/field_manager/login.jsp
@@ -0,0 +1,78 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+ 
+
+  
+ 
+Seoul Startup Flatform Main Management System
+    
+  
+  
+  
+  
      
+   	
+ 	
      
+		  
+		  
+		    
+		  
+		
      
+		    	
+		  		 
+				
+					
+										
+					
+										
+					
+					
+					
+					
+					
+					
+				
+				
      
+					
      
+						
+						C-Innovacion Platform
      
+						Sub-Portal Management System       
+						      
+						
+					
      
+						
+					
      
+					
      
+						
+					
      
+						Only for C-Innovacion Platform Sub Manager
+						          
      
+						without cookies and records
+						       
+					
      
+							
+					
       
+		    
      
+	
      	 
+
      
+ 
+
+ 
\ No newline at end of file
diff --git a/resoft/field_manager/login_ok.jsp b/resoft/field_manager/login_ok.jsp
new file mode 100644
index 0000000..3948ab9
--- /dev/null
+++ b/resoft/field_manager/login_ok.jsp
@@ -0,0 +1,40 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	String c_id = r_call(request.getParameter("c_id")); 
+	String c_pass = r_call(request.getParameter("c_pass")); 
+	 
+	 
+
+		String sql= "select * from tbl_manager where c_id= '"+ c_id +"' and c_pass = SHA2('" + c_pass + "',512) and c_use = 0 and c_relation > 0  ";
+		System.out.println(sql);
+		ResultSet rs=stmt.executeQuery(sql);
+		if(rs.next()){
+			session.setAttribute("manager_id",rs.getString("c_id"));
+			session.setAttribute("manager_name",rs.getString("c_name"));
+			session.setAttribute("manager_no",rs.getString("c_no"));
+			session.setAttribute("manager_relation",rs.getString("c_relation"));
+			session.setAttribute("manager_field_no",rs.getString("c_relation"));
+%>
+
+<%
+					
+	 	}else{
+%>
+
+<%
+		}
+		rs.close();
+	 
+		
+ %>
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/field_manager/logout_ok.jsp b/resoft/field_manager/logout_ok.jsp
new file mode 100644
index 0000000..0f99988
--- /dev/null
+++ b/resoft/field_manager/logout_ok.jsp
@@ -0,0 +1,15 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%
+	 
+			session.setAttribute("manager_id","");
+			session.setAttribute("manager_name","");
+			session.setAttribute("manager_no","");
+			session.setAttribute("manager_relation","");
+			session.setAttribute("manager_field_no","");
+%>
+
+<%
+ %>
\ No newline at end of file
diff --git a/resoft/field_manager/manager_system.css b/resoft/field_manager/manager_system.css
new file mode 100644
index 0000000..aa7cce8
--- /dev/null
+++ b/resoft/field_manager/manager_system.css
@@ -0,0 +1,123 @@
+@charset "utf-8";
+
+*{margin:0; padding:0}
+div,ul,li{margin:0; padding:0}
+div,ul,li{list-style:none}
+body{font-family:dotum,돋움; font-style:9pt;}
+ul,li,img{border:0; vertical-align:middle;}
+select{vertical-align:middle; font-size:9pt; font-family:dotum,돋움;}
+
+
+.Top_Box{/*background:url('../images/top/bg_top.gif');*/ height:116px; width:1100px;}
+	.Logo_Gnb{height:76px}
+	.Logo_img{float:left; padding-top:20px; padding-left:21px;}
+	.Gnb_box{font-size:8pt; padding-top:20px; margin-right:20px;}
+	.Gnb_box ul li a{font-size:8pt}
+	.Gnb_Box ul{float:right; margin-right:35px;}
+	.Gnb_Box ul li{height:16px; float:left; display:inline;}
+	.manager_txt a{color:#54bdff; text-decoration:none; line-height:16px; font-size:8pt;}
+	.manager_txt a:hover{text-decoration:underline}
+	.pad01{margin-left:10px;}
+	.pad02{margin-left:7px;}
+	.g_notice a{color:#a8a8a8; text-decoration:none; font-size:8pt;}
+	.g_notice a:hover{text-decoration:underline;}
+	.g_notice img{margin-right:6px}
+	.Top_Navi{height:40px; border:0px solid red; padding-right:35px;}
+	.Top_Navi ul{padding-left:25px;}
+	.Top_Navi ul li {float:left; display:inline; line-height:40px; font-size:12pt; font-weight:bold; margin-right:50px;}
+	.Top_Navi ul li a{color:#9deeff; text-decoration:none}
+	.Top_Navi ul li a strong{color:#FFFFFF}
+	.Top_Navi ul li a:hover{color:#FFFFFF}
+	.Search_Box{border:0px solid red; margin-top:10px; width:171px; float:right}
+	.Top_search{background:url('../images/top/bg_search.gif'); width:171px; height:19px;}
+	.Top_search img{float:right}
+	.txt_search{border:0px solid; width:137px; margin-left:6px; height:16px; float:left; margin-top:1px;}
+.Left_Box{width:205px; font-size:9pt;}
+	.member{padding-top:18px; padding-left:12px;}
+	.Left_Box ul li{line-height:20px}
+	.pad03{padding-bottom:10px;}
+	.pad04{padding-bottom:14px;}
+	.line01{border-bottom:3px solid #FF0303; width:201px;}
+	.menu01{border:0px solid red;}
+	.menu01 li{background-image:url('../images/left/icon02.gif'); background-repeat:no-repeat; background-position:20px 25px;}
+	.menu01 p{padding-left:0px; font-weight:bold; line-height:26px;}
+	.menu01 li ul li{background-image:url('../images/left/arrow01.gif'); background-repeat:no-repeat; background-position:3px 10px; padding-left:5px; line-height:26px;}
+	.menu01 li ul li a{color:#696969}
+	.menu01 a{text-decoration:none; color:#000000}
+	.line02{border-bottom:1px solid #e0e0e0; width:181px; padding-top:17px; padding-left:20px; padding-bottom:10px;}
+	.m_ov{color:#C2424B}
+.Contents_Box{width:824px; padding-top:26px; padding-left:37px; font-size:9pt; margin-bottom:50px;}
+	.C_Tit{font-size:14pt; font-weight:bold; color:#000; background-image:url('../images/mid/m_icon01.gif'); background-repeat:no-repeat; padding-left:26px; background-position:0px 3px;; font-family:gulim,굴림체; letter-spacing:-1px;}
+	.C_Tit2{float:left; font-size:14pt; font-weight:bold; color:#000; background-image:url('../images/cont/icon_arrow01.gif'); background-repeat:no-repeat; padding-left:26px; background-position:0px 3px;; font-family:gulim,굴림체; letter-spacing:-1px;}
+	.Ranking_Box{margin-top:30px; border:10px solid #ebeae6; width:803px; height:204px;}
+	.icon01{background-image:url('../images/mid/m_icon02.gif'); background-repeat:no-repeat; background-position:0px 10px; color:#876c01; font-size:11pt; padding-left:24px;}
+	.icon07{background-image:url('../images/mid/m_icon07.gif'); background-repeat:no-repeat; background-position:0px 10px; color:#876c01; font-size:11pt; padding-left:24px;}
+	.line03{border-bottom:1px solid #dbdbdb}
+	.line04{border-left:1px solid #eaebe5}
+	.txt01{text-align:right; color:#777777; font-size:9pt;}
+	.txt02{text-align:right; color:#a97d02; font-size:9pt;}
+	.icon02{background-image:url('../images/mid/m_icon03.gif'); background-repeat:no-repeat; background-position:0px 3px; padding-left:20px; font-weight:bold}
+	.icon03{background-image:url('../images/mid/m_icon04.gif'); background-repeat:no-repeat; background-position:0px 3px; padding-left:20px; font-weight:bold}
+	.icon04{background-image:url('../images/mid/m_icon05.gif'); background-repeat:no-repeat; background-position:0px 3px; padding-left:20px; font-weight:bold}
+	.icon05{background-image:url('../images/mid/m_icon06.gif'); background-repeat:no-repeat; background-position:0px 4px; padding-left:20px; font-weight:bold}
+	.txt03{text-align:center; color:#777777; font-size:9pt;}
+	.txt04{color:#777777; font-size:9pt; padding-left:14px;}
+	.table01{background:url('../images/mid/bg_list.gif'); background-repeat:no-repeat; height:204px;}
+	.b_list{margin-top:40px; width:824px;}
+	.icon06{background-image:url('../images/mid/m_arrow01.gif'); background-repeat:no-repeat; background-position:0px 12px; color:#000; font-size:11pt; padding-left:20px;}
+	.b_list_dot{background-image:url('../images/mid/dot.gif'); background-repeat:no-repeat; background-position:0px 12px;; padding-left:10px; text-align:left}
+	.b_list_dot a{color:#000; text-decoration:none; }
+	.b_list_dot a:hover{color:#0462ff}
+.foot{overflow:hidden; margin-left:40px; padding-top:20px; width:820px; margin-bottom:20px; border-top:1px solid #e0e0e0}
+	.f_right{float:right}
+	.f_right img{vertical-align:top}
+	.f_left{float:left}
+	
+	
+#logoin_box{background:url('../images/login/bg_login.gif'); background-repeat:no-repeat; width:1000px; height:768px; margin:0 auto;}
+	#logoin_box ul{padding-top:370px; padding-left:390px;}
+	.in01{border:1px solid #95a3c5; width:120px; height:29px; margin-right:7px; line-height:27px; padding:0px 10px; color:#2f3342}
+	.arrow_img{font-size:9pt; color:#d9d9d9; padding-top:15px;}
+	.arrow_img img{margin-right:8px;}
+	
+	.top_title{overflow:hidden; margin-bottom:40px;}
+	.board_box{}
+	.board_box ul li{display:block}
+
+
+.C_path{float:right; background:url('../images/cont/icon_dot01.gif'); background-repeat:no-repeat; background-position:0px 6px; padding-left:7px; color:#afafaf; font-size:8pt}
+.C_path img{margin:0 4px;}
+.bd_all_number{float:left}
+.bd_search_box{float:right}
+.line_h{padding-bottom:30px;}
+.in02{border:1px solid #7f9db9; width:122px; height:18px;}
+.bd_table01{padding-top:20px}
+.bd_table01 tr td{text-align:center}
+.bd_table01 thead{background-color:#f7f7f7;}
+.bd_line01{border-bottom:1px solid #cccccc; border-top:2px solid #cccccc}
+.bd_line02{border-bottom:1px solid #cccccc;}
+.sel01{height:20px}
+.pad05{padding-top:10px; overflow:hidden}
+.b_left{float:left}
+.b_right{float:right}
+
+.paginate_complex{padding:15px 0;line-height:normal;text-align:center; overflow:hidden}
+.paginate_complex a,
+.paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:1px 8px;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;background-color:#fff;font:bold 12px/16px Tahoma, Sans-serif;color:#323232;text-decoration:none;vertical-align:top}
+.paginate_complex a:hover,
+.paginate_complex a:active,
+.paginate_complex a:focus{background-color:#f8f8f8}
+.paginate_complex strong{color:#ff5901}
+.paginate_complex .direction{border:0;font-weight:normal;color:#767676;text-decoration:none !important;z-index:1}
+.paginate_complex .direction:hover,
+.paginate_complex .direction:active,
+.paginate_complex .direction:focus{color:#323232;background-color:#fff}
+.paginate_complex .prev{border-left:0; margin-top:2px}
+.paginate_complex .next{border-right:0; margin-top:2px}
+
+.num01{font-weight:bold; font-size:12pt; color:#555; margin-right:8px;}
+.num02{font-weight:bold; font-size:8pt; color:#b1b1b1}
+.graph{background:url('../images/cont/bg_graph.gif'); background-repeat:no-repeat; height:217px; margin-top:10px;}
+.graph strong{color:#ff7200}
+.graph2{background:url('../images/cont/bg_graph2.gif'); background-repeat:no-repeat; height:217px; margin-top:10px;}
+.graph2 strong{color:#ea3f22}
\ No newline at end of file
diff --git a/resoft/field_manager/process/bcb/educator/delete.jsp b/resoft/field_manager/process/bcb/educator/delete.jsp
new file mode 100644
index 0000000..0c92458
--- /dev/null
+++ b/resoft/field_manager/process/bcb/educator/delete.jsp
@@ -0,0 +1,21 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_pnm_no = r_call(request.getParameter("c_pnm_no")); 
+
+		String sql_ok = "";
+		sql_ok = "update tbl_pnm_for_bcb set c_use = 1 where c_no = " + c_pnm_no;
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/bcb/educator/email_ok.jsp b/resoft/field_manager/process/bcb/educator/email_ok.jsp
new file mode 100644
index 0000000..bcb82c7
--- /dev/null
+++ b/resoft/field_manager/process/bcb/educator/email_ok.jsp
@@ -0,0 +1,54 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+    String[] a_id = request.getParameterValues("c_id");
+     
+    for(int i = 0 ; i < a_id.length ; i++){
+		String sql_up =   " SELECT * from tbl_member where c_id =  '" + a_id[i] + "' ";
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			
+				String c_content = "";
+				c_content = c_content + "

      Registration Request E-mail-KOICA BMC System 

       E-mail : ";
+				c_content = c_content +  a_id[i];
+				c_content = c_content + "
       Email verification number : ";
+				c_content = c_content + rs_up.getInt("c_rand");
+				c_content = c_content + "
       Subscription Path : http://bmc.ci.concytec.gob.pe";
+				c_content = c_content + "

      Please register as a member using a temporary password.."; 
+				c_content = c_content + "

      KOICA"; 
+			%>
+
+
      
+
+
+<% if(i == a_id.length - 1){%>
+
+<%}else{%>
+
+<%}%>
+
+
      
+	
+		
+		<%	
+		}
+		rs_up.close(); 
+    }
+
+%> 
+
+<%
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/bcb/educator/insert.jsp b/resoft/field_manager/process/bcb/educator/insert.jsp
new file mode 100644
index 0000000..bebcb35
--- /dev/null
+++ b/resoft/field_manager/process/bcb/educator/insert.jsp
@@ -0,0 +1,131 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_type = r_call(request.getParameter("c_type")); 
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no ;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+		
+			 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	<%if(c_type.equals("1")){%>
+        	 Insert Instructor 
+        	 <%}%>
+        	<%if(c_type.equals("2")){%>
+        	 Insert Mentor
+        	 <%}%>
+        	<%if(c_type.equals("3")){%>
+        	 Insert Observer
+        	 <%}%>
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter items marked with a mark..
+        	  
+         
      
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
       Field  <%=rs_up.getString("f_name")%> 
       Category  <%=rs_up.getString("u_name")%> 
       Educator Type  
+ 		<%if(c_type.equals("1")){%>
+        	 Instructor
+        	 <%}%>
+        	<%if(c_type.equals("2")){%>
+        	 Mentor
+        	 <%}%>
+        	<%if(c_type.equals("3")){%>
+        	 Observer
+        	 <%}%>
+ 	 
       *
+ 		<%if(c_type.equals("1")){%>
+        	 Instructor
+        	 <%}%>
+        	<%if(c_type.equals("2")){%>
+        	 Mentor
+        	 <%}%>
+        	<%if(c_type.equals("3")){%>
+        	 Observer
+        	 <%}%>
+ 	
+ 		 ID(Email)  
+ 		* Multiple inputs are possible by separating enter
+ 	
      
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Insert
+			Cancel
+		
      
+
      
+
+	<%
+		}
+		rs_up.close();
+%> 	
+<%}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/bcb/educator/insert_ok.jsp b/resoft/field_manager/process/bcb/educator/insert_ok.jsp
new file mode 100644
index 0000000..eef3d41
--- /dev/null
+++ b/resoft/field_manager/process/bcb/educator/insert_ok.jsp
@@ -0,0 +1,59 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_type = r_call(request.getParameter("c_type")); 
+	String c_id = r_call(request.getParameter("c_id")); 
+		c_id = c_id.replaceAll(" ","");
+		c_id = c_id.replaceAll("\r","\n");
+
+	String[] a_id = c_id.split("\n");
+	int alr = 0;
+	int alr2 = 0;
+	  for( int i = 0; i < a_id.length; i++ ){
+		a_id[i] = a_id[i].replaceAll(" ","");
+	  	if(!a_id[i].equals("")){
+	  			String sql3 = "select a.c_no from tbl_member a inner join tbl_pnm_for_bcb b on b.c_member_no = a.c_no  ";
+				sql3 = sql3 + " where b.c_project_no = "+ c_project_no +" and a.c_use = 0 and b.c_use = 0 and b.c_team_no = 0 and a.c_id = '" + a_id[i] + "' and b.c_type= " + c_type;
+				ResultSet rs3 = stmt.executeQuery(sql3);
+				if (rs3.next()) {
+					alr = alr + 1;
+				}else{
+		  			String sql4 = "select c_no from tbl_member  where c_use = 0 and c_id = '" + a_id[i] + "' ";
+					ResultSet rs4 = stmt.executeQuery(sql4);
+					if (rs4.next()) {
+					}else{	
+						Random r = new Random(); 
+						int k1 = r.nextInt(10000); 
+						String sql_ok = "";
+						sql_ok = "insert into tbl_member (c_id, c_rand,c_use) values(";
+						sql_ok = sql_ok + "'" + a_id[i] + "',1111,0)";
+						stmt2.execute(sql_ok); 
+		   			}
+		   			rs4.close();
+		   			sql4 = "select c_no from tbl_member  where c_use = 0 and c_id = '" + a_id[i] + "' ";
+					rs4 = stmt.executeQuery(sql4);
+					if (rs4.next()) {
+						String sql_ok = "";
+						sql_ok = "insert into tbl_pnm_for_bcb (c_type,c_project_no,c_member_no,c_team_no,c_use,c_date) values(";
+						sql_ok = sql_ok + "" + c_type + "," + c_project_no + ","+ rs4.getInt("c_no") +",0,0,now())";
+						stmt2.execute(sql_ok); 
+						alr2 = alr2 + 1;
+		   			}
+		   			rs4.close();
+	   			}
+	   			rs3.close();
+	   	}
+	  }
+
+%> 
+
+<%
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/bcb/educator/list.jsp b/resoft/field_manager/process/bcb/educator/list.jsp
new file mode 100644
index 0000000..67bce6d
--- /dev/null
+++ b/resoft/field_manager/process/bcb/educator/list.jsp
@@ -0,0 +1,257 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+		
+			 
+%>
+ 
+
      
+	
+
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	 Project Educator management
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * You can see the team description by hovering over the team name.
+        	  
+         
      
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
       Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+<%
+		}
+		rs_up.close();
+%> 	
      
+        Instructor
+		
+    	
+        
+        
+        
      
+        	  
+        	  * If there is no Member Name and membership, the member has not yet registered.
+        	  
+         
      
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 
+		<% 		String sql3 = "select a.*, b.c_date as m_date,b.c_no as m_no from tbl_member a ";
+				sql3 = sql3 + " inner join tbl_pnm_for_bcb b on b.c_member_no = a.c_no ";
+				sql3 = sql3 + " where a.c_use = 0 and b.c_use = 0 and b.c_type = 1 and b.c_project_no = " + c_project_no + " ";
+				sql3 = sql3 + " order by a.c_name asc ";
+				ResultSet rs3 = stmt.executeQuery(sql3);
+				while (rs3.next()) {
+		%>
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		<%
+				}
+				rs3.close();
+		%> 	
+ 
+ 	
       Member ID(email) Send subscription email Member name  Joined Date Del
       <%=rs3.getString("c_id")%> <%if(rs3.getString("c_name") == null){%>" type="checkbox" checked><%}%> <%if(rs3.getString("c_name") != null){%><%=rs3.getString("c_name")%><%}%>  <%if(rs3.getString("c_date") != null){%><%=rs3.getString("c_date").substring(0,10)%><%}%> <%=rs3.getString("m_date").substring(0,10)%> '}" >[Del]
      
+	 
+	
+ 	
+    		
+        
+	 
+	 
      
+			Insert Instructor
+	 	
      
+
+ 	 
      
+        Mentor
+	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 
+		<% 		sql3 = "select a.*, b.c_date as m_date,b.c_no as m_no from tbl_member a ";
+				sql3 = sql3 + " inner join tbl_pnm_for_bcb b on b.c_member_no = a.c_no ";
+				sql3 = sql3 + " where a.c_use = 0 and b.c_use = 0 and b.c_type = 2 and b.c_project_no = " + c_project_no + " ";
+				sql3 = sql3 + " order by a.c_name asc ";
+				rs3 = stmt.executeQuery(sql3);
+				while (rs3.next()) {
+		%>
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		<%
+				}
+				rs3.close();
+		%> 	
+ 
+ 	
       Member ID(email) Send subscription email Member name  Joined Date Del
       <%=rs3.getString("c_id")%> <%if(rs3.getString("c_name") == null){%>" type="checkbox" checked><%}%> <%if(rs3.getString("c_name") != null){%><%=rs3.getString("c_name")%><%}%>  <%if(rs3.getString("c_date") != null){%><%=rs3.getString("c_date").substring(0,10)%><%}%> <%=rs3.getString("m_date").substring(0,10)%> '}" >[Del]
      
+	 
+	
+ 	
+    		
+        
+	 
+	 
      
+			Insert Mentor
+	 	
      
+
+ 	 
      
+        Observer
+	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 
+		<% 		sql3 = "select a.*, b.c_date as m_date,b.c_no as m_no from tbl_member a ";
+				sql3 = sql3 + " inner join tbl_pnm_for_bcb b on b.c_member_no = a.c_no ";
+				sql3 = sql3 + " where a.c_use = 0 and b.c_use = 0 and b.c_type = 3 and b.c_project_no = " + c_project_no + " ";
+				sql3 = sql3 + " order by a.c_name asc ";
+				rs3 = stmt.executeQuery(sql3);
+				while (rs3.next()) {
+		%>
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		<%
+				}
+				rs3.close();
+		%> 	
+ 
+ 	
       Member ID(email) Send subscription email Member name  Joined Date Del
       <%=rs3.getString("c_id")%> <%if(rs3.getString("c_name") == null){%>" type="checkbox" checked><%}%> <%if(rs3.getString("c_name") != null){%><%=rs3.getString("c_name")%><%}%>  <%if(rs3.getString("c_date") != null){%><%=rs3.getString("c_date").substring(0,10)%><%}%> <%=rs3.getString("m_date").substring(0,10)%> '}" >[Del]
      
+
+	 
+	
+ 	
+    		
+        
+	 
+	 
      
+			Insert Observer
+	 	
      
+		 
+	 
+ 	
+    		
+        
+	 
+	 
      
+		

      
+		Check e-mail requesting registration to educators	 	
+	 	
      	 
+

      
+
      
+
      
+
+
+<%
+}
+%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/bcb/statistic/list.jsp b/resoft/field_manager/process/bcb/statistic/list.jsp
new file mode 100644
index 0000000..68bd622
--- /dev/null
+++ b/resoft/field_manager/process/bcb/statistic/list.jsp
@@ -0,0 +1,192 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	int c_home = 0;
+	String s_year = r_call(request.getParameter("s_year"));
+	
+	Calendar currentCalendar = Calendar.getInstance();
+	int now_year =  currentCalendar.get(Calendar.YEAR);
+	int now_month = currentCalendar.get(Calendar.MONTH) + 1;
+	int c_year = now_year;
+	
+	if(!s_year.equals("")){
+		c_year = Integer.parseInt(s_year);
+	}
+	 
+%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+		
+			 
+%>
+
      
+	
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  Project BMC access statistics
+         
      
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
       Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project   
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+ 	<%
+		}
+		rs_up.close();
+%> 	
      
+
+	
+		
+	
+    	
+        
+         
+        
+        
+        
      
+        	
+        
+        	 
+        
      
+ 		
+    	
+        
+        <%for(int m = 1 ; m < 13 ; m++){%>
+        
+        <%}%>
+        
+        			 
+<%
+	int m_co[] = new int[13];
+        			
+		 String sql1="  SELECT * from tbl_menu where c_no > 1 and c_up_no = 0 and c_home="+ c_home +"   order by c_no asc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 while (rst.next()) {
+%>
+			 
+				<%
+				for(int cho = 0; cho < 13; cho++){
+        				m_co[cho] = 0;
+        			}
+        			String sql_co = "select c_visit, c_month from tbl_visit where  c_home = "+ c_home +"  and c_project_no = "+ c_project_no +"  and   c_show_no = "+ rst.getInt("c_no") +" and c_c_no = 0 and  c_year = " + c_year + " order by c_month asc ";
+        			ResultSet rs_co = stmt.executeQuery(sql_co);
+        			 while(rs_co.next()){
+        			 	m_co[rs_co.getInt("c_month")] = rs_co.getInt("c_visit");
+        			 }
+        			 rs_co.close();
+        			 
+        			%>
+        			<%
+        			if(rst.getInt("c_no") == 10){%>
+        			
+			        
+			        
+			        
+        			<%}
+        			%>
+				
+			        
+			        <%for(int m = 1 ; m < 13 ; m++){%>
+			        
+			        <%}%>
+			        
+ 
+<%		}
+		rst.close();
+%>
+			 
+	 		
+		        
+		        
+		        <%
+	        	 String sql121="  SELECT * from tbl_menu where c_up_no = 1   order by c_order asc";
+			 ResultSet rst2 = stmt2.executeQuery(sql121);
+			 while (rst2.next()) {
+			%>
+				<%
+        			for(int cho = 0; cho < 13; cho++){
+        				m_co[cho] = 0;
+        			}
+        			String sql_co = "select  c_visit , c_month from tbl_visit where c_home = "+ c_home +"  and c_project_no = "+ c_project_no +"   and c_show_no = "+ rst2.getInt("c_no") +" and c_c_no = 0 and  c_year = " + c_year + " order by c_month asc ";
+        			ResultSet rs_co = stmt.executeQuery(sql_co);
+        			 while(rs_co.next()){
+        			 	m_co[rs_co.getInt("c_month")] = rs_co.getInt("c_visit");
+        			 }
+        			 rs_co.close();
+        			 
+        			%>
+				
+			        
+			        <%for(int m = 1 ; m < 13 ; m++){%>
+			        
+			        <%}%>
+			        
+<%			}
+			rst2.close();
+%>
+        
      Menu<%=m%>Month
      Data 
       9 && rst.getInt("c_no") <13){%>30px<%}else{%>10px<%}%>" ><%if(rst.getInt("c_no") > 9 && rst.getInt("c_no") <13){%>└<%}%> <%=rst.getString("c_name")%> 
+				        	<%if(m_co[m]>0){%>
+				        	<%=m_co[m]%>
+				        	<%}%>
+			        
      Membership 
      └ <%=rst2.getString("c_name")%> 
+				        	<%if(m_co[m]>0){%>
+				        	<%=m_co[m]%>
+				        	<%}%>
+			        
      
+
+         
+
      
+
      
+
      
+
      
+
      
+<%
+}
+%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/bcb/team/delete_team.jsp b/resoft/field_manager/process/bcb/team/delete_team.jsp
new file mode 100644
index 0000000..61d68d3
--- /dev/null
+++ b/resoft/field_manager/process/bcb/team/delete_team.jsp
@@ -0,0 +1,20 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+
+		String sql_ok = "";
+		sql_ok = "update tbl_team set c_use = 1 where c_no = " + c_team_no;
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/bcb/team/edit_team.jsp b/resoft/field_manager/process/bcb/team/edit_team.jsp
new file mode 100644
index 0000000..61cb330
--- /dev/null
+++ b/resoft/field_manager/process/bcb/team/edit_team.jsp
@@ -0,0 +1,113 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+	if(c_project_no.equals("") || c_team_no.equals("")){
+%>
+	
+<%	
+	}else{
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+
+			String sql2 =   "  SELECT * from tbl_team where c_no = " + c_team_no ;
+			ResultSet rs = stmt.executeQuery(sql2);
+			if (rs.next()) {
+		
+			 
+			 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+		Team edit
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter items marked with a mark..
+        	  
+         
      
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
       Field  <%=rs_up.getString("f_name")%> 
       Category  <%=rs_up.getString("u_name")%> 
       Project   <%=rs_up.getString("c_name")%> 
       *Team Name  " id="" style="width:200px" maxlength="20"/>
       Team Explain  
+ 		
+ 	
      
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Edit
+			Cancel
+		
      
+
      
+
+	<%
+			}
+			rs.close();
+		}
+		rs_up.close();
+%> 	
+<%}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/bcb/team/edit_team_ok.jsp b/resoft/field_manager/process/bcb/team/edit_team_ok.jsp
new file mode 100644
index 0000000..6a43087
--- /dev/null
+++ b/resoft/field_manager/process/bcb/team/edit_team_ok.jsp
@@ -0,0 +1,22 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_team_name = r_call(request.getParameter("c_team_name")); 
+	String c_exp = r_call(request.getParameter("c_exp")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+
+		String sql_ok = "";
+		sql_ok = "update tbl_team set c_team_name = '"+ c_team_name +"', c_exp = '"+ c_exp +"' where c_no = " + c_team_no;
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/bcb/team/email_ok.jsp b/resoft/field_manager/process/bcb/team/email_ok.jsp
new file mode 100644
index 0000000..ce8e2f6
--- /dev/null
+++ b/resoft/field_manager/process/bcb/team/email_ok.jsp
@@ -0,0 +1,54 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+    String[] a_id = request.getParameterValues("c_id");
+     
+    for(int i = 0 ; i < a_id.length ; i++){
+		String sql_up =   " SELECT * from tbl_member where c_id =  '" + a_id[i] + "' ";
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			
+				String c_content = "";
+				c_content = c_content + "

       Registration Request E-mail - KOICA BMC Platform 

       E-mail : ";
+				c_content = c_content +  a_id[i];
+				c_content = c_content + "
       Email verification number : ";
+				c_content = c_content + rs_up.getInt("c_rand");
+				c_content = c_content + "
       Subscription Path : http://bmc.ci.concytec.gob.pe";
+				c_content = c_content + "

      Please register as a member using a temporary password.."; 
+				c_content = c_content + "

      KOICA"; 
+			%>
+
+
      
+
+
+<% if(i == a_id.length - 1){%>
+
+<%}else{%>
+
+<%}%>
+
+
      
+	
+		
+		<%	
+		}
+		rs_up.close(); 
+    }
+
+%> 
+
+<%
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/bcb/team/insert_t_m_ok.jsp b/resoft/field_manager/process/bcb/team/insert_t_m_ok.jsp
new file mode 100644
index 0000000..b7ba31c
--- /dev/null
+++ b/resoft/field_manager/process/bcb/team/insert_t_m_ok.jsp
@@ -0,0 +1,88 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	int target_project_no = Integer.parseInt(r_call(request.getParameter("target_project_no"))); 
+	if(target_project_no ==0){
+		String sql_pt = " select a.* ";
+		sql_pt = sql_pt + " ,(select count(*) from tbl_team where c_relation=0 and c_project_no = " + c_project_no + " and c_team_name = a.c_team_name and c_use = 0 ) as exit_team_no ";
+		sql_pt = sql_pt + " from tbl_apply_team a ";
+		sql_pt = sql_pt + " where a.c_project_no = "+ c_project_no + " and a.c_use = 0 order by a.c_no asc ";
+		ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		while (rs_pt.next()) {
+			if( rs_pt.getInt("exit_team_no") == 0){ 
+				String sql_ok = "";
+				sql_ok = "insert into tbl_team (c_relation, c_project_no,c_team_name,c_exp,c_use,c_date) values(";
+				sql_ok = sql_ok + "0," + c_project_no + ",'" + rs_pt.getString("c_team_name") + "','',0,now())";
+				stmt2.execute(sql_ok); 
+	
+				int t_no = 0;
+				String sql_rel = "select max(c_no) as t_no from tbl_team ";
+				ResultSet rs_rel = stmt.executeQuery(sql_rel);
+				if(rs_rel.next()){
+					t_no = rs_rel.getInt("t_no");
+				}
+				rs_rel.close();
+				sql_rel = "select * from tbl_apply_team_member where c_project_no = "+ c_project_no + " and c_team_no = "+ rs_pt.getInt("c_no") +" and c_use = 0 ";
+				rs_rel = stmt.executeQuery(sql_rel);
+				while(rs_rel.next()){
+					if(rs_rel.getInt("c_member_no") != 0){
+						String sql_ok2 = "";
+						sql_ok2 = "insert into tbl_pnm_for_bcb (c_type,c_project_no,c_member_no,c_team_no,c_use,c_date) values(";
+						sql_ok2 = sql_ok2 + "0," + c_project_no + ","+ rs_rel.getInt("c_member_no") +","+ t_no +",0,now())";
+						stmt2.execute(sql_ok2); 
+					}
+				}
+				rs_rel.close();
+			}
+		}
+		rs_pt.close();	
+	}else{
+		String sql_pt = " select b.*  ";
+		sql_pt = sql_pt + " ,(select count(*) from tbl_team where c_relation=0 and c_project_no = " + c_project_no + " and c_team_name = b.c_team_name and c_use = 0 ) as exit_team_no ";
+		sql_pt = sql_pt + " from tbl_point_target a ";
+		sql_pt = sql_pt + " inner join tbl_apply_team b on b.c_no = a.c_team_no and b.c_use = 0 ";
+		sql_pt = sql_pt + " where a.c_point_project_no = "+ target_project_no + " and a.c_use = 0 and a.c_pass= 1 order by a.c_no asc ";
+		ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		while (rs_pt.next()) {
+			if( rs_pt.getInt("exit_team_no") == 0){ 
+				String sql_ok = "";
+				sql_ok = "insert into tbl_team (c_relation, c_project_no,c_team_name,c_exp,c_use,c_date) values(";
+				sql_ok = sql_ok + "0," + c_project_no + ",'" + rs_pt.getString("c_team_name") + "','',0,now())";
+				stmt2.execute(sql_ok); 
+	
+				int t_no = 0;
+				String sql_rel = "select max(c_no) as t_no from tbl_team ";
+				ResultSet rs_rel = stmt.executeQuery(sql_rel);
+				if(rs_rel.next()){
+					t_no = rs_rel.getInt("t_no");
+				}
+				rs_rel.close();
+				sql_rel = "select * from tbl_apply_team_member where c_project_no = "+ c_project_no + " and c_team_no = "+ rs_pt.getInt("c_no") +" and c_use = 0 ";
+				rs_rel = stmt.executeQuery(sql_rel);
+				while(rs_rel.next()){
+					if(rs_rel.getInt("c_member_no") != 0){
+						String sql_ok2 = "";
+						sql_ok2 = "insert into tbl_pnm_for_bcb (c_type,c_project_no,c_member_no,c_team_no,c_use,c_date) values(";
+						sql_ok2 = sql_ok2 + "0," + c_project_no + ","+ rs_rel.getInt("c_member_no") +","+ t_no +",0,now())";
+						stmt2.execute(sql_ok2); 
+					}
+				}
+				rs_rel.close();
+			}		
+		}
+		rs_pt.close();
+	}
+	
+ 
+%> 
+
+<%
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/bcb/team/insert_team.jsp b/resoft/field_manager/process/bcb/team/insert_team.jsp
new file mode 100644
index 0000000..fe6bfee
--- /dev/null
+++ b/resoft/field_manager/process/bcb/team/insert_team.jsp
@@ -0,0 +1,104 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+		
+			 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  Team registration
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter the items marked with the mark.
+        	  
+         
      
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
       Field  <%=rs_up.getString("f_name")%> 
       Category  <%=rs_up.getString("u_name")%> 
       Project  <%=rs_up.getString("c_name")%> 
       *Team Name  
       Team Explain  
+ 		
+ 	
      
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Insert
+			Cancel
+		
      
+
      
+
+	<%
+		}
+		rs_up.close();
+%> 	
+<%}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/bcb/team/insert_team_ok.jsp b/resoft/field_manager/process/bcb/team/insert_team_ok.jsp
new file mode 100644
index 0000000..86e7594
--- /dev/null
+++ b/resoft/field_manager/process/bcb/team/insert_team_ok.jsp
@@ -0,0 +1,22 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_team_name = r_call(request.getParameter("c_team_name")); 
+	String c_exp = r_call(request.getParameter("c_exp")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+
+		String sql_ok = "";
+		sql_ok = "insert into tbl_team (c_relation, c_project_no,c_team_name,c_exp,c_use,c_date) values(";
+		sql_ok = sql_ok + "0," + c_project_no + ",'" + c_team_name + "','" + c_exp + "',0,now())";
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/bcb/team/list.jsp b/resoft/field_manager/process/bcb/team/list.jsp
new file mode 100644
index 0000000..c292406
--- /dev/null
+++ b/resoft/field_manager/process/bcb/team/list.jsp
@@ -0,0 +1,206 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+		
+			 
+%>
+ 
+
      
+	
+
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	 Project team and member management
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * You can see the team description by hovering over the team name.
+        	  
+         
      
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
       Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+<%
+		}
+		rs_up.close();
+%> 	
      
+        Team & Member
+		
+    	
+        
+        
+        
      
+        	  
+        	  * If there is no Member Name and membership, the member has not yet registered.
+        	  
+         
      
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+<% 		String sql2 = "select * from tbl_team where c_relation = 0 and c_use = 0 and c_project_no = " + c_project_no + " order by c_team_name asc";
+		ResultSet rs = stmt.executeQuery(sql2);
+		while (rs.next()) {
+%>
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 	
+		<% 		String sql3 = "select a.*, b.c_date as m_date,b.c_no as m_no from tbl_member a ";
+				sql3 = sql3 + " inner join tbl_pnm_for_bcb b on b.c_member_no = a.c_no ";
+				sql3 = sql3 + " where a.c_use = 0 and b.c_use = 0 and b.c_type = 0 and b.c_team_no = " + rs.getInt("c_no") + " and b.c_project_no = " + c_project_no + " ";
+				sql3 = sql3 + " order by a.c_name asc ";
+				ResultSet rs3 = stmt.executeQuery(sql3);
+				while (rs3.next()) {
+		%>
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		<%
+				}
+				rs3.close();
+		%> 	
+<%
+		}
+		rs.close();
+%> 	
+ 	
       Team name Member email Send subscription email Member name Joined Date Member Insert Edit Del
       " title="<%=rs.getString("c_exp")%>"><%=rs.getString("c_team_name")%>    <%=rs.getString("c_date").substring(0,10)%> ">[Member Insert] ">[Edit] '}" >[Del]
       <%=rs3.getString("c_id")%> <%if(rs3.getString("c_name") == null){%>" type="checkbox" checked><%}%> <%if(rs3.getString("c_name") != null){%><%=rs3.getString("c_name")%><%}%> <%if(rs3.getString("c_date") != null){%><%=rs3.getString("c_date").substring(0,10)%><%}%> <%=rs3.getString("m_date").substring(0,10)%>   &c_pnm_no=<%=rs3.getString("m_no")%>'}" >[Del]
      
+
+	
+
+	
+ 	
+ 		
+    		
+        
+	 
+	 
      
+		 
+		Project team connection:
+		 Team and team members
+		Registered as a BMC operation team and member
      
+		

      
+		Sending an e-mail requesting registration to Check members	 
+	 
+	      		
+			Team registration
+	 	
      
+	 
+
      
+
+
+<%
+}
+%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/bcb/team/member/delete.jsp b/resoft/field_manager/process/bcb/team/member/delete.jsp
new file mode 100644
index 0000000..edcbe4a
--- /dev/null
+++ b/resoft/field_manager/process/bcb/team/member/delete.jsp
@@ -0,0 +1,21 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_pnm_no = r_call(request.getParameter("c_pnm_no")); 
+
+		String sql_ok = "";
+		sql_ok = "update tbl_pnm_for_bcb set c_use = 1 where c_no = " + c_pnm_no;
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/bcb/team/member/insert.jsp b/resoft/field_manager/process/bcb/team/member/insert.jsp
new file mode 100644
index 0000000..026aafe
--- /dev/null
+++ b/resoft/field_manager/process/bcb/team/member/insert.jsp
@@ -0,0 +1,107 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+	if(c_team_no.equals("")){
+%>
+	
+<%	
+	}else{
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name, d.c_team_name from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " inner join tbl_team d on d.c_project_no = c.c_no ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no + " and d.c_no =  " + c_team_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+		
+			 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	Member registration
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter the items marked with the mark.
+        	  
+         
      
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
       Field  <%=rs_up.getString("f_name")%> 
       Category  <%=rs_up.getString("u_name")%> 
       Project   <%=rs_up.getString("c_name")%> 
       Team Name  <%=rs_up.getString("c_team_name")%> 
       *Member ID(Email)  
+ 		* Multiple inputs are possible by separating enter
+ 	
      
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Insert
+			Cancel
+		
      
+
      
+
+	<%
+		}
+		rs_up.close();
+%> 	
+<%}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/bcb/team/member/insert_ok.jsp b/resoft/field_manager/process/bcb/team/member/insert_ok.jsp
new file mode 100644
index 0000000..6f556f1
--- /dev/null
+++ b/resoft/field_manager/process/bcb/team/member/insert_ok.jsp
@@ -0,0 +1,60 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+	String c_id = r_call(request.getParameter("c_id")); 
+		c_id = c_id.replaceAll(" ","");
+		c_id = c_id.replaceAll("\r","\n");
+
+	String[] a_id = c_id.split("\n");
+	int alr = 0;
+	int alr2 = 0;
+	  for( int i = 0; i < a_id.length; i++ ){
+	  	a_id[i] = a_id[i].replaceAll(" ","");
+	  	if(!a_id[i].equals("")){
+	  			String sql3 = "select a.c_no from tbl_member a inner join tbl_pnm_for_bcb b on b.c_member_no = a.c_no  ";
+				sql3 = sql3 + " where a.c_use = 0 and b.c_use = 0 and b.c_team_no = " + c_team_no + " and a.c_id = '" + a_id[i] + "' and c_type= 0 ";
+				ResultSet rs3 = stmt.executeQuery(sql3);
+				if (rs3.next()) {
+					alr = alr + 1;
+				}else{
+		  			String sql4 = "select c_no from tbl_member  where c_use = 0 and c_id = '" + a_id[i] + "' ";
+					ResultSet rs4 = stmt.executeQuery(sql4);
+					if (rs4.next()) {
+					}else{	
+						Random r = new Random(); 
+						int k1 = r.nextInt(10000); 
+						k1 = 1111;
+						String sql_ok = "";
+						sql_ok = "insert into tbl_member (c_id, c_rand,c_use) values(";
+						sql_ok = sql_ok + "'" + a_id[i] + "',"+ k1 +",0)";
+						stmt2.execute(sql_ok); 
+		   			}
+		   			rs4.close();
+		   			sql4 = "select c_no from tbl_member  where c_use = 0 and c_id = '" + a_id[i] + "' ";
+					rs4 = stmt.executeQuery(sql4);
+					if (rs4.next()) {
+						String sql_ok = "";
+						sql_ok = "insert into tbl_pnm_for_bcb (c_type,c_project_no,c_member_no,c_team_no,c_use,c_date) values(";
+						sql_ok = sql_ok + "0," + c_project_no + ","+ rs4.getInt("c_no") +","+ c_team_no +",0,now())";
+						stmt2.execute(sql_ok); 
+						alr2 = alr2 + 1;
+		   			}
+		   			rs4.close();
+	   			}
+	   			rs3.close();
+	   	}
+	  }
+
+%> 
+
+<%
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/board/bcb/delete_ok.jsp b/resoft/field_manager/process/board/bcb/delete_ok.jsp
new file mode 100644
index 0000000..441fdfb
--- /dev/null
+++ b/resoft/field_manager/process/board/bcb/delete_ok.jsp
@@ -0,0 +1,39 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	  String c_relation= r_call(request.getParameter("c_relation"));
+	 String c_relation2= r_call(request.getParameter("c_relation2"));
+	
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+        	 
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+		String c_no = r_call(request.getParameter("c_no")); 
+		 
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_use = 1 where c_no = " + c_no;
+		stmt2.execute(sql_ok); 	
+
+	 
+ %>
+
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
+
diff --git a/resoft/field_manager/process/board/bcb/edit.jsp b/resoft/field_manager/process/board/bcb/edit.jsp
new file mode 100644
index 0000000..6e40250
--- /dev/null
+++ b/resoft/field_manager/process/board/bcb/edit.jsp
@@ -0,0 +1,140 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	   String c_relation= r_call(request.getParameter("c_relation"));
+	 String c_relation2= r_call(request.getParameter("c_relation2"));
+	
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
      
+ 
      
+ 
      
+ 
      
+ 		
+    	
+        
+        
+         
      
+        <%
+        	 String board_name = "BCB 공지사항";
+        	 if(c_relation2.equals("1074")){
+        	 	board_name = "BCB 자료실";
+        	 }
+        	 if(c_relation2.equals("1075")){
+        	 	board_name = "BCB 교육영상자료";
+        	 }
+		%>
+        	[ <%=board_name%> ] board management
+		<%
+		 
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		 
+         
      
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql1 = " select a.* ";
+		sql1 = sql1 + " from tbl_board a where a.c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+		 
+%>
+
+
      
+
+	
+	
+	
+	
+	
+	
+	
      
+		 " style="width:100%;height:30px" placeholder="Please enter the subject.">
+	
      
+		 Name.  
+		 " style="width:150px">
+	
      
+		
+	
      
+		 File. <%=rst.getString("c_file")%>
+		 " type="hidden">
+		 <%if(!rst.getString("c_file").equals("")){%>
+		   Delete
+		 <%}%>
+		 
      
+		 
+	
      
+	 	 Edit
+	 	View
+	 	
+	
      
+
      
+
+ <%
+		 
+		 }
+		 rst.close();
+	}
+%>
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/bcb/edit_ok.jsp b/resoft/field_manager/process/board/bcb/edit_ok.jsp
new file mode 100644
index 0000000..2408d61
--- /dev/null
+++ b/resoft/field_manager/process/board/bcb/edit_ok.jsp
@@ -0,0 +1,94 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+
+	 String c_home = r_call(multi.getParameter("c_home"));
+	 String c_maker = r_call(multi.getParameter("c_maker"));
+	 String board_no = r_call(multi.getParameter("board_no"));
+	 String c_relation = r_call(multi.getParameter("c_relation"));
+	 String c_relation2 = r_call(multi.getParameter("c_relation2"));
+	  
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+		 
+	String c_no = r_call(multi.getParameter("c_no")); 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call2(multi.getParameter("c_content")); 
+	String o_file = r_call(multi.getParameter("o_file")); 
+	String o_file_name = r_call(multi.getParameter("o_file_name")); 
+	String last_file = "";	
+	if(!fileName.equals("")){
+			last_file = fileName;
+	}else{
+		if(o_file.equals("y")){
+			last_file = "";
+		}else{
+			last_file = o_file_name;
+		}
+	}
+	
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_title = '"+ c_title +"',c_content='"+ c_content +"',c_file ='"+ last_file +"' where c_no = " + c_no;
+		 
+		stmt2.execute(sql_ok); 	
+
+		 
+
+ 
+	 
+ %>
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/bcb/insert.jsp b/resoft/field_manager/process/board/bcb/insert.jsp
new file mode 100644
index 0000000..77103f2
--- /dev/null
+++ b/resoft/field_manager/process/board/bcb/insert.jsp
@@ -0,0 +1,121 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	  String c_relation= r_call(request.getParameter("c_relation"));
+	 String c_relation2= r_call(request.getParameter("c_relation2"));
+	
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
      
+ 
      
+ 
      
+ 
      
+ 		
+    	
+        
+        
+         
      
+         <%
+        	 String board_name = "BCB 공지사항";
+        	 if(c_relation2.equals("1074")){
+        	 	board_name = "BCB 자료실";
+        	 }
+        	 if(c_relation2.equals("1075")){
+        	 	board_name = "BCB 교육영상자료";
+        	 }
+		%>
+        	[ <%=board_name%> ] board management
+		<%
+		 
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
      
+		 
+         
      
+
+
      
+
+	
+	
+	
+	
+	
+	
+	
      
+		 
+	
      
+		 Name : 
+		 " style="width:150px">
+	
      
+	 
+		
+	
      
+	  
+
+	
      
+	 		Insert
+		        Cancel
+ 
+	
      
+
      
+
+<%}%>
+
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/bcb/insert_ok.jsp b/resoft/field_manager/process/board/bcb/insert_ok.jsp
new file mode 100644
index 0000000..7626799
--- /dev/null
+++ b/resoft/field_manager/process/board/bcb/insert_ok.jsp
@@ -0,0 +1,85 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+ 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+ 	realFolder  = "/home/apply/upload/board";
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	 String c_home = r_call(multi.getParameter("c_home"));
+	 String c_maker = r_call(multi.getParameter("c_maker"));
+	 String board_no = r_call(multi.getParameter("board_no"));
+	 String c_relation = r_call(multi.getParameter("c_relation"));
+	 String c_relation2 = r_call(multi.getParameter("c_relation2"));
+	 
+	 
+        	 
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+	
+
+	 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call2(multi.getParameter("c_content")); 
+		
+		String sql_ok = "";
+		sql_ok = " insert into tbl_board (c_home,c_maker,c_board_no,c_relation,c_relation2, c_name ,c_title,c_content,c_file,c_click,c_use, c_date) values(";
+		sql_ok = sql_ok + c_home + "," + c_maker + "," + board_no + "," + c_relation + "," + c_relation2 + ",'" + c_name + "','"+ c_title + "','" + c_content + "','" +fileName + "',0,0,now())";
+		 
+		stmt2.execute(sql_ok); 	
+
+		 
+ %>
+ 
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/bcb/list.jsp b/resoft/field_manager/process/board/bcb/list.jsp
new file mode 100644
index 0000000..6d06a3e
--- /dev/null
+++ b/resoft/field_manager/process/board/bcb/list.jsp
@@ -0,0 +1,189 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 String c_relation= r_call(request.getParameter("c_relation"));
+	 String c_relation2= r_call(request.getParameter("c_relation2"));
+			
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
      
+ 
      
+ 
      
+ 
      
+ 		
+    	
+        
+        
+         
      
+        <%
+        	 String board_name = "BCB 공지사항";
+        	 if(c_relation2.equals("1074")){
+        	 	board_name = "BCB 자료실";
+        	 }
+        	 if(c_relation2.equals("1075")){
+        	 	board_name = "BCB 교육영상자료";
+        	 }
+		%>
+        	[ <%=board_name%> ] board management
+		<%
+		 
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
      
+		 
+         
      
+<%
+	String where_t = " c_use = 0 and "; 
+	int totalRecord = 0; //총레코드개수
+	int numPerPage = 10; //한페이지당 보여줄레코드개수
+	int totalPage = 0; //총페이지수
+	int pagePerBlock = 10; //블록당페이지수
+	int nowPage = 1; //현재페이지
+	String sql1 = "";
+	sql1 = " select count(c_no) ";
+		sql1 = sql1 + " from tbl_board  ";
+		sql1 = sql1 + " where  "+ where_t +" c_relation = "+ c_relation +" and c_relation2 = "+ c_relation2 +" and c_home = "+ c_home +" and c_maker = "+ c_maker +" and c_board_no = "+ board_no +"   ";
+	 
+	ResultSet rst = stmt.executeQuery(sql1);
+	if (rst.next()) {
+		totalRecord = rst.getInt(1);
+	}
+	rst.close();
+	if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) {
+		nowPage = Integer.parseInt(r_call(request.getParameter("nowPage")));
+	}
+	
+	//nowPage = 93;
+	//totalRecord =1240;
+	int pfirst = 0; //첫페이지 번호
+	int plast = 0; // 끝페이지 번호
+	int plast_org = 0;
+
+	pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1;
+	plast = pfirst + pagePerBlock - 1;
+	plast_org = (totalRecord-1)/numPerPage + 1;
+	if(plast > plast_org){
+		plast = plast_org;
+	}
+	int c_number=totalRecord-(nowPage-1)*numPerPage;
+	
+	int sql_now_page = (nowPage - 1) * numPerPage;
+
+%>
+ 		
+    	
+        
+        
+        
+        
+        
+        
+	
+	 <%if(totalRecord==0) {%>
+	    	
+			
+		
+		 
+	    	
+	        
+	<%}else{%>
+		<%
+		 sql1 = " select t.* from ( select a.*  ";
+		sql1 = sql1 + " from tbl_board a ";
+		sql1 = sql1 + " where  "+ where_t +" a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +" and a.c_home = "+ c_home +" and a.c_maker = "+ c_maker +" and a.c_board_no = "+ board_no +") t ";
+		sql1 = sql1 + " order by t.c_no desc ";
+		sql1 = sql1 + " limit "+ sql_now_page +" , "+ numPerPage +" ";
+		 rst = stmt.executeQuery(sql1);
+		  while (rst.next()) {
+		 	%>
+		    	
+			
+			
+			
+			
+			
+			
+			
+			
+		    	
+		        
+		<%
+			 c_number=c_number-1;
+		 }
+		 rst.close();
+		 %>
+	<%} %>
+     
+    	
+		
+        
+    	
+    
+    	
+		
+        
+    		
+     
+
      NoTitleWriterFileClickData
      
+				No data.
+			
       
+				<%=c_number%>
+			 
+				&nowPage=<%=nowPage%>"><%=rst.getString("c_title")%>
+			 
+				<%=rst.getString("c_name")%>
+			 
+				<%if(!rst.getString("c_file").equals("")){%>
+					O
+				<%}%>
+			 
+				<%=rst.getString("c_click")%>
+			 
+				<%=rst.getString("c_date").substring(0,10)%>
+			
      
+			
+	        	
+			<%if(pfirst > 1){ %>
+			
+			
+			<%}%>
+	        	<% for(int i=pfirst;i
+	        	 
+	        	<%}%>
+	        	<%if(plast < plast_org){ %>
+			
+			
+			<%}%>
+			
+			
      
+				〈〈
+			
+				〈
+			
+	        		<% if(i==nowPage){%>
+	        		<%=i%>
+	        		<%}else{%>
+	        		<%=i%>
+				<%}%>
+	        	
+				〉
+			
+				〉〉
+			
      			 
+		
      
+			Insert
+		
      
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/bcb/view.jsp b/resoft/field_manager/process/board/bcb/view.jsp
new file mode 100644
index 0000000..760d046
--- /dev/null
+++ b/resoft/field_manager/process/board/bcb/view.jsp
@@ -0,0 +1,99 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	  String c_relation= r_call(request.getParameter("c_relation"));
+	 String c_relation2= r_call(request.getParameter("c_relation2"));
+	
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
      
+ 
      
+ 
      
+ 
      
+ 		
+    	
+        
+        
+         
      
+        <%
+        	 String board_name = "BCB 공지사항";
+        	 if(c_relation2.equals("1074")){
+        	 	board_name = "BCB 자료실";
+        	 }
+        	 if(c_relation2.equals("1075")){
+        	 	board_name = "BCB 교육영상자료";
+        	 }
+		%>
+        	[ <%=board_name%> ] board management
+		<%
+		 
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
      
+         
      
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_click = c_click + 1 where c_no = " + c_no;
+		 
+		stmt2.execute(sql_ok); 	
+		
+		String sql1 = " select * from tbl_board where c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+%>
+	
+	
+	
+	 
+	
+	
+	 
+	
      
+		 Title. <%=rst.getString("c_title")%>
+	
      
+		 
+		 Name. <%=rst.getString("c_name")%>
+		   /  
+		 Clicks <%=rst.getString("c_click")%>
+		   /  
+		 date <%=rst.getString("c_date").substring(0,10)%>
+		 
+	
      
+		 <%=rst.getString("c_content").replaceAll("\n\r","
      ")%>
+	
      
+		 File. <%=rst.getString("c_file")%>
+	
      
+		
+	
+	
      
+		  	 Edit
+		 	 Delete
+		 
+	 	List
+	 
      	
+ 
+ <%
+		 
+		 }
+		 rst.close();
+	}
+%>
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/board/delete_ok.jsp b/resoft/field_manager/process/board/board/delete_ok.jsp
new file mode 100644
index 0000000..18abd63
--- /dev/null
+++ b/resoft/field_manager/process/board/board/delete_ok.jsp
@@ -0,0 +1,45 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		 
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+		String c_no = r_call(request.getParameter("c_no")); 
+		 
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_use = 1 where c_no = " + c_no;
+		stmt2.execute(sql_ok); 	
+
+	 
+ %>
+
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
+
diff --git a/resoft/field_manager/process/board/board/edit.jsp b/resoft/field_manager/process/board/board/edit.jsp
new file mode 100644
index 0000000..07f8134
--- /dev/null
+++ b/resoft/field_manager/process/board/board/edit.jsp
@@ -0,0 +1,139 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
      
+ 
      
+ 
      
+ 
      
+ 		
+    	
+        
+        
+         
      
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] Bulletin board management
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
      
+		 
+         
      
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql1 = " select a.* ";
+		sql1 = sql1 + " from tbl_board a where a.c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+		 
+%>
+
+
      
+
+	
+	
+	
+	
+	
+	
+	
      
+		 " style="width:100%;height:30px" placeholder="Please enter the subject.">
+	
      
+		 Name.  
+		 " style="width:150px">
+	
      
+		
+	
      
+		 File. <%=rst.getString("c_file")%>
+		 " type="hidden">
+		 <%if(!rst.getString("c_file").equals("")){%>
+		   Del
+		 <%}%>
+		 
      
+		 
+	
      
+	 	 Edit
+	 	View
+	 	
+	
      
+
      
+
+ <%
+		 
+		 }
+		 rst.close();
+	}
+%>
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/board/edit_ok.jsp b/resoft/field_manager/process/board/board/edit_ok.jsp
new file mode 100644
index 0000000..b6706f6
--- /dev/null
+++ b/resoft/field_manager/process/board/board/edit_ok.jsp
@@ -0,0 +1,103 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+
+	 String c_home = r_call(multi.getParameter("c_home"));
+	 String c_maker = r_call(multi.getParameter("c_maker"));
+	 String board_no = r_call(multi.getParameter("board_no"));
+	 
+	 
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		 
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+		 
+	String c_no = r_call(multi.getParameter("c_no")); 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call2(multi.getParameter("c_content")); 
+	String o_file = r_call(multi.getParameter("o_file")); 
+	String o_file_name = r_call(multi.getParameter("o_file_name")); 
+	String last_file = "";	
+	if(!fileName.equals("")){
+			last_file = fileName;
+	}else{
+		if(o_file.equals("y")){
+			last_file = "";
+		}else{
+			last_file = o_file_name;
+		}
+	}
+	
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_title = '"+ c_title +"',c_content='"+ c_content +"',c_file ='"+ last_file +"' where c_no = " + c_no;
+		 
+		stmt2.execute(sql_ok); 	
+
+		 
+
+ 
+	 
+ %>
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/board/insert.jsp b/resoft/field_manager/process/board/board/insert.jsp
new file mode 100644
index 0000000..e8c4a6e
--- /dev/null
+++ b/resoft/field_manager/process/board/board/insert.jsp
@@ -0,0 +1,116 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
      
+ 
      
+ 
      
+ 
      
+ 		
+    	
+        
+        
+         
      
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] Bulletin board management
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
      
+		 
+         
      
+
+
      
+
+	
+	
+	
+	
+	
+	
+	
      
+		 
+	
      
+		 Name : 
+		 " style="width:150px">
+	
      
+	 
+		
+	
      
+		  
+	
      
+	 		Insert
+		        Cancel
+ 
+	
      
+
      
+
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/board/insert_ok.jsp b/resoft/field_manager/process/board/board/insert_ok.jsp
new file mode 100644
index 0000000..c68ab2a
--- /dev/null
+++ b/resoft/field_manager/process/board/board/insert_ok.jsp
@@ -0,0 +1,92 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+ 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+ 	//realFolder  = "/home/apply/upload/board";
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	 String c_home = r_call(multi.getParameter("c_home"));
+	 String c_maker = r_call(multi.getParameter("c_maker"));
+	 String board_no = r_call(multi.getParameter("board_no"));
+	 
+	 
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		 
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+	
+
+	 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call2(multi.getParameter("c_content")); 
+		
+		String sql_ok = "";
+		sql_ok = " insert into tbl_board (c_home,c_maker,c_board_no,c_relation,c_relation2, c_name ,c_title,c_content,c_file,c_click,c_use, c_date) values(";
+		sql_ok = sql_ok + c_home + "," + c_maker + "," + board_no + "," + c_relation + "," + c_relation2 + ",'" + c_name + "','"+ c_title + "','" + c_content + "','" +fileName + "',0,0,now())";
+		 
+		stmt2.execute(sql_ok); 	
+
+		 
+ %>
+ 
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/board/list.jsp b/resoft/field_manager/process/board/board/list.jsp
new file mode 100644
index 0000000..0b4be96
--- /dev/null
+++ b/resoft/field_manager/process/board/board/list.jsp
@@ -0,0 +1,187 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
      
+ 
      
+ 
      
+ 
      
+ 		
+    	
+        
+        
+         
      
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] Bulletin board management
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
      
+		 
+         
      
+<%
+	String where_t = " c_use = 0 and "; 
+	int totalRecord = 0; //총레코드개수
+	int numPerPage = 10; //한페이지당 보여줄레코드개수
+	int totalPage = 0; //총페이지수
+	int pagePerBlock = 10; //블록당페이지수
+	int nowPage = 1; //현재페이지
+	String sql1 = "";
+	sql1 = " select count(c_no) ";
+		sql1 = sql1 + " from tbl_board  ";
+		sql1 = sql1 + " where  "+ where_t +" c_relation = "+ c_relation +" and c_relation2 = "+ c_relation2 +" and c_home = "+ c_home +" and c_maker = "+ c_maker +" and c_board_no = "+ board_no +"   ";
+	ResultSet rst = stmt.executeQuery(sql1);
+	if (rst.next()) {
+		totalRecord = rst.getInt(1);
+	}
+	rst.close();
+	if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) {
+		nowPage = Integer.parseInt(r_call(request.getParameter("nowPage")));
+	}
+	
+	//nowPage = 93;
+	//totalRecord =1240;
+	int pfirst = 0; //첫페이지 번호
+	int plast = 0; // 끝페이지 번호
+	int plast_org = 0;
+
+	pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1;
+	plast = pfirst + pagePerBlock - 1;
+	plast_org = (totalRecord-1)/numPerPage + 1;
+	if(plast > plast_org){
+		plast = plast_org;
+	}
+	int c_number=totalRecord-(nowPage-1)*numPerPage;
+	
+	int sql_now_page = (nowPage - 1) * numPerPage;
+
+%>
+ 		
+    	
+        
+        
+        
+        
+        
+        
+	
+	 <%if(totalRecord==0) {%>
+	    	
+			
+		
+		 
+	    	
+	        
+	<%}else{%>
+		<%
+		 sql1 = " select t.* from ( select a.*  ";
+		sql1 = sql1 + " from tbl_board a ";
+		sql1 = sql1 + " where  "+ where_t +" a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +" and a.c_home = "+ c_home +" and a.c_maker = "+ c_maker +" and a.c_board_no = "+ board_no +") t ";
+		sql1 = sql1 + " order by t.c_no desc ";
+		sql1 = sql1 + " limit "+ sql_now_page +" , "+ numPerPage +" ";
+		 rst = stmt.executeQuery(sql1);
+		  while (rst.next()) {
+		 	%>
+		    	
+			
+			
+			
+			
+			
+			
+			
+			
+		    	
+		        
+		<%
+			 c_number=c_number-1;
+		 }
+		 rst.close();
+		 %>
+	<%} %>
+     
+    	
+		
+        
+    	
+    
+    	
+		
+        
+    		
+     
+
      NoTitleWriterFileClickdate
      
+				There is no data.
+			
       
+				<%=c_number%>
+			 
+				&nowPage=<%=nowPage%>"><%=rst.getString("c_title")%>
+			 
+				<%=rst.getString("c_name")%>
+			 
+				<%if(!rst.getString("c_file").equals("")){%>
+					O
+				<%}%>
+			 
+				<%=rst.getString("c_click")%>
+			 
+				<%=rst.getString("c_date").substring(0,10)%>
+			
      
+			
+	        	
+			<%if(pfirst > 1){ %>
+			
+			
+			<%}%>
+	        	<% for(int i=pfirst;i
+	        	 
+	        	<%}%>
+	        	<%if(plast < plast_org){ %>
+			
+			
+			<%}%>
+			
+			
      
+				〈〈
+			
+				〈
+			
+	        		<% if(i==nowPage){%>
+	        		<%=i%>
+	        		<%}else{%>
+	        		<%=i%>
+				<%}%>
+	        	
+				〉
+			
+				〉〉
+			
      			 
+		
      
+			Insert
+		
      
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/board/view.jsp b/resoft/field_manager/process/board/board/view.jsp
new file mode 100644
index 0000000..ee5a65f
--- /dev/null
+++ b/resoft/field_manager/process/board/board/view.jsp
@@ -0,0 +1,99 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
      
+ 
      
+ 
      
+ 
      
+ 		
+    	
+        
+        
+         
      
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] Bulletin board management
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
      
+		 
+         
      
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_click = c_click + 1 where c_no = " + c_no;
+		 
+		stmt2.execute(sql_ok); 	
+		
+		String sql1 = " select * from tbl_board where c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+%>
+	
+	
+	
+	 
+	
+	
+	 
+	
      
+		 Title. <%=rst.getString("c_title")%>
+	
      
+		 
+		 Name. <%=rst.getString("c_name")%>
+		   /  
+		 Clicks <%=rst.getString("c_click")%>
+		   /  
+		 date <%=rst.getString("c_date").substring(0,10)%>
+		 
+	
      
+		 <%=rst.getString("c_content").replaceAll("\n\r","
      ")%>
+	
      
+		 File. <%=rst.getString("c_file")%>
+	
      
+		
+	
+	
      
+		  	 Edit
+		 	 Delete
+		 
+	 	List
+	 
      	
+ 
+ <%
+		 
+		 }
+		 rst.close();
+	}
+%>
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/faq/delete_ok.jsp b/resoft/field_manager/process/board/faq/delete_ok.jsp
new file mode 100644
index 0000000..be88812
--- /dev/null
+++ b/resoft/field_manager/process/board/faq/delete_ok.jsp
@@ -0,0 +1,45 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		 
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+		String c_no = r_call(request.getParameter("c_no")); 
+		 
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_use = 1 where c_no = " + c_no;
+		stmt2.execute(sql_ok); 	
+
+	 
+ %>
+
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
+
diff --git a/resoft/field_manager/process/board/faq/edit.jsp b/resoft/field_manager/process/board/faq/edit.jsp
new file mode 100644
index 0000000..d48ce8a
--- /dev/null
+++ b/resoft/field_manager/process/board/faq/edit.jsp
@@ -0,0 +1,132 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
      
+ 
      
+ 
      
+ 
      
+ 		
+    	
+        
+        
+         
      
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] board management
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
      
+		 
+         
      
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql1 = " select a.* ";
+		sql1 = sql1 + " from tbl_board a where a.c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+		 
+%>
+
+
      
+
+	
+	
+	
+	
+	 
+	
+	
      
+		 " style="width:100%;height:30px" placeholder="Please enter the subject.">
+	
      
+		 Name.  
+		 " style="width:150px">
+	
      
+		
+	
      
+	 	 Edit
+	 	View
+	 	
+	
      
+
      
+
+ <%
+		 
+		 }
+		 rst.close();
+	}
+%>
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/faq/edit_ok.jsp b/resoft/field_manager/process/board/faq/edit_ok.jsp
new file mode 100644
index 0000000..7f8ec35
--- /dev/null
+++ b/resoft/field_manager/process/board/faq/edit_ok.jsp
@@ -0,0 +1,103 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+
+	 String c_home = r_call(multi.getParameter("c_home"));
+	 String c_maker = r_call(multi.getParameter("c_maker"));
+	 String board_no = r_call(multi.getParameter("board_no"));
+	 
+	 
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		 
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+		 
+	String c_no = r_call(multi.getParameter("c_no")); 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call2(multi.getParameter("c_content")); 
+	String o_file = r_call(multi.getParameter("o_file")); 
+	String o_file_name = r_call(multi.getParameter("o_file_name")); 
+	String last_file = "";	
+	if(!fileName.equals("")){
+			last_file = fileName;
+	}else{
+		if(o_file.equals("y")){
+			last_file = "";
+		}else{
+			last_file = o_file_name;
+		}
+	}
+	
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_title = '"+ c_title +"',c_content='"+ c_content +"',c_file ='"+ last_file +"' where c_no = " + c_no;
+		 
+		stmt2.execute(sql_ok); 	
+
+		 
+
+ 
+	 
+ %>
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/faq/insert.jsp b/resoft/field_manager/process/board/faq/insert.jsp
new file mode 100644
index 0000000..9322fee
--- /dev/null
+++ b/resoft/field_manager/process/board/faq/insert.jsp
@@ -0,0 +1,115 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
      
+ 
      
+ 
      
+ 
      
+ 		
+    	
+        
+        
+         
      
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] board management
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
      
+		 
+         
      
+
+
      
+
+	
+	
+	
+	
+	 
+	
+	
      
+		 
+	
      
+		 Name : 
+		 " style="width:150px">
+	
      
+	 
+		
+	
      
+	 		Insert
+		        Cancel
+ 
+	
      
+
      
+
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/faq/insert_ok.jsp b/resoft/field_manager/process/board/faq/insert_ok.jsp
new file mode 100644
index 0000000..74427d9
--- /dev/null
+++ b/resoft/field_manager/process/board/faq/insert_ok.jsp
@@ -0,0 +1,92 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+ 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+ 	realFolder  = "/home/apply/upload/board";
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	 String c_home = r_call(multi.getParameter("c_home"));
+	 String c_maker = r_call(multi.getParameter("c_maker"));
+	 String board_no = r_call(multi.getParameter("board_no"));
+	 
+	 
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		 
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+	
+
+	 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call2(multi.getParameter("c_content")); 
+		
+		String sql_ok = "";
+		sql_ok = " insert into tbl_board (c_home,c_maker,c_board_no,c_relation,c_relation2, c_name ,c_title,c_content,c_file,c_click,c_use, c_date) values(";
+		sql_ok = sql_ok + c_home + "," + c_maker + "," + board_no + "," + c_relation + "," + c_relation2 + ",'" + c_name + "','"+ c_title + "','" + c_content + "','" +fileName + "',0,0,now())";
+		 
+		stmt2.execute(sql_ok); 	
+
+		 
+ %>
+ 
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/faq/list.jsp b/resoft/field_manager/process/board/faq/list.jsp
new file mode 100644
index 0000000..24f1850
--- /dev/null
+++ b/resoft/field_manager/process/board/faq/list.jsp
@@ -0,0 +1,181 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
      
+ 
      
+ 
      
+ 
      
+ 		
+    	
+        
+        
+         
      
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] board management
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
      
+		 
+         
      
+<%
+	String where_t = " c_use = 0 and "; 
+	int totalRecord = 0; //총레코드개수
+	int numPerPage = 10; //한페이지당 보여줄레코드개수
+	int totalPage = 0; //총페이지수
+	int pagePerBlock = 10; //블록당페이지수
+	int nowPage = 1; //현재페이지
+	String sql1 = "";
+	sql1 = " select count(c_no) ";
+		sql1 = sql1 + " from tbl_board  ";
+		sql1 = sql1 + " where  "+ where_t +" c_relation = "+ c_relation +" and c_relation2 = "+ c_relation2 +" and c_home = "+ c_home +" and c_maker = "+ c_maker +" and c_board_no = "+ board_no +"   ";
+	ResultSet rst = stmt.executeQuery(sql1);
+	if (rst.next()) {
+		totalRecord = rst.getInt(1);
+	}
+	rst.close();
+	if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) {
+		nowPage = Integer.parseInt(r_call(request.getParameter("nowPage")));
+	}
+	
+	//nowPage = 93;
+	//totalRecord =1240;
+	int pfirst = 0; //첫페이지 번호
+	int plast = 0; // 끝페이지 번호
+	int plast_org = 0;
+
+	pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1;
+	plast = pfirst + pagePerBlock - 1;
+	plast_org = (totalRecord-1)/numPerPage + 1;
+	if(plast > plast_org){
+		plast = plast_org;
+	}
+	int c_number=totalRecord-(nowPage-1)*numPerPage;
+	
+	int sql_now_page = (nowPage - 1) * numPerPage;
+
+%>
+ 		
+    	
+        
+        
+        
+        
+        
+	
+	 <%if(totalRecord==0) {%>
+	    	
+			
+		
+		 
+	    	
+	        
+	<%}else{%>
+		<%
+		 sql1 = " select t.* from ( select a.*  ";
+		sql1 = sql1 + " from tbl_board a ";
+		sql1 = sql1 + " where  "+ where_t +" a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +" and a.c_home = "+ c_home +" and a.c_maker = "+ c_maker +" and a.c_board_no = "+ board_no +") t ";
+		sql1 = sql1 + " order by t.c_no desc ";
+		sql1 = sql1 + " limit "+ sql_now_page +" , "+ numPerPage +" ";
+		 rst = stmt.executeQuery(sql1);
+		  while (rst.next()) {
+		 	%>
+		    	
+			
+			
+			
+			
+			
+			
+			
+		    	
+		        
+		<%
+			 c_number=c_number-1;
+		 }
+		 rst.close();
+		 %>
+	<%} %>
+     
+    	
+		
+        
+    	
+    
+    	
+		
+        
+    		
+     
+
      NoTitleWirterClickDate
      
+				No data.
+			
       
+				<%=c_number%>
+			 
+				&nowPage=<%=nowPage%>"><%=rst.getString("c_title")%>
+			 
+				<%=rst.getString("c_name")%>
+			 
+				<%=rst.getString("c_click")%>
+			 
+				<%=rst.getString("c_date").substring(0,10)%>
+			
      
+			
+	        	
+			<%if(pfirst > 1){ %>
+			
+			
+			<%}%>
+	        	<% for(int i=pfirst;i
+	        	 
+	        	<%}%>
+	        	<%if(plast < plast_org){ %>
+			
+			
+			<%}%>
+			
+			
      
+				〈〈
+			
+				〈
+			
+	        		<% if(i==nowPage){%>
+	        		<%=i%>
+	        		<%}else{%>
+	        		<%=i%>
+				<%}%>
+	        	
+				〉
+			
+				〉〉
+			
      			 
+		
      
+			Insert
+		
      
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/faq/view.jsp b/resoft/field_manager/process/board/faq/view.jsp
new file mode 100644
index 0000000..e364eb8
--- /dev/null
+++ b/resoft/field_manager/process/board/faq/view.jsp
@@ -0,0 +1,97 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
      
+ 
      
+ 
      
+ 
      
+ 		
+    	
+        
+        
+         
      
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] board management
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
      
+		 
+         
      
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_click = c_click + 1 where c_no = " + c_no;
+		 
+		stmt2.execute(sql_ok); 	
+		
+		String sql1 = " select * from tbl_board where c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+%>
+	
+	
+	
+	 
+	
+	 
+	 
+	
      
+		 Title. <%=rst.getString("c_title")%>
+	
      
+		 
+		 Name. <%=rst.getString("c_name")%>
+		   /  
+		 Clicks <%=rst.getString("c_click")%>
+		   /  
+		 date <%=rst.getString("c_date").substring(0,10)%>
+		 
+	
      
+		 <%=rst.getString("c_content").replaceAll("\n\r","
      ")%>
+	
      
+		
+	
+	
      
+		  	 Edit
+		 	 Delete
+		 
+	 	List
+	 
      	
+ 
+ <%
+		 
+		 }
+		 rst.close();
+	}
+%>
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/notice/delete_ok.jsp b/resoft/field_manager/process/board/notice/delete_ok.jsp
new file mode 100644
index 0000000..18abd63
--- /dev/null
+++ b/resoft/field_manager/process/board/notice/delete_ok.jsp
@@ -0,0 +1,45 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		 
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+		String c_no = r_call(request.getParameter("c_no")); 
+		 
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_use = 1 where c_no = " + c_no;
+		stmt2.execute(sql_ok); 	
+
+	 
+ %>
+
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
+
diff --git a/resoft/field_manager/process/board/notice/edit.jsp b/resoft/field_manager/process/board/notice/edit.jsp
new file mode 100644
index 0000000..07f8134
--- /dev/null
+++ b/resoft/field_manager/process/board/notice/edit.jsp
@@ -0,0 +1,139 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
      
+ 
      
+ 
      
+ 
      
+ 		
+    	
+        
+        
+         
      
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] Bulletin board management
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
      
+		 
+         
      
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql1 = " select a.* ";
+		sql1 = sql1 + " from tbl_board a where a.c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+		 
+%>
+
+
      
+
+	
+	
+	
+	
+	
+	
+	
      
+		 " style="width:100%;height:30px" placeholder="Please enter the subject.">
+	
      
+		 Name.  
+		 " style="width:150px">
+	
      
+		
+	
      
+		 File. <%=rst.getString("c_file")%>
+		 " type="hidden">
+		 <%if(!rst.getString("c_file").equals("")){%>
+		   Del
+		 <%}%>
+		 
      
+		 
+	
      
+	 	 Edit
+	 	View
+	 	
+	
      
+
      
+
+ <%
+		 
+		 }
+		 rst.close();
+	}
+%>
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/notice/edit_ok.jsp b/resoft/field_manager/process/board/notice/edit_ok.jsp
new file mode 100644
index 0000000..b6706f6
--- /dev/null
+++ b/resoft/field_manager/process/board/notice/edit_ok.jsp
@@ -0,0 +1,103 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+
+	 String c_home = r_call(multi.getParameter("c_home"));
+	 String c_maker = r_call(multi.getParameter("c_maker"));
+	 String board_no = r_call(multi.getParameter("board_no"));
+	 
+	 
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		 
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+		 
+	String c_no = r_call(multi.getParameter("c_no")); 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call2(multi.getParameter("c_content")); 
+	String o_file = r_call(multi.getParameter("o_file")); 
+	String o_file_name = r_call(multi.getParameter("o_file_name")); 
+	String last_file = "";	
+	if(!fileName.equals("")){
+			last_file = fileName;
+	}else{
+		if(o_file.equals("y")){
+			last_file = "";
+		}else{
+			last_file = o_file_name;
+		}
+	}
+	
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_title = '"+ c_title +"',c_content='"+ c_content +"',c_file ='"+ last_file +"' where c_no = " + c_no;
+		 
+		stmt2.execute(sql_ok); 	
+
+		 
+
+ 
+	 
+ %>
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/notice/insert.jsp b/resoft/field_manager/process/board/notice/insert.jsp
new file mode 100644
index 0000000..e8c4a6e
--- /dev/null
+++ b/resoft/field_manager/process/board/notice/insert.jsp
@@ -0,0 +1,116 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
      
+ 
      
+ 
      
+ 
      
+ 		
+    	
+        
+        
+         
      
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] Bulletin board management
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
      
+		 
+         
      
+
+
      
+
+	
+	
+	
+	
+	
+	
+	
      
+		 
+	
      
+		 Name : 
+		 " style="width:150px">
+	
      
+	 
+		
+	
      
+		  
+	
      
+	 		Insert
+		        Cancel
+ 
+	
      
+
      
+
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/notice/insert_ok.jsp b/resoft/field_manager/process/board/notice/insert_ok.jsp
new file mode 100644
index 0000000..c68ab2a
--- /dev/null
+++ b/resoft/field_manager/process/board/notice/insert_ok.jsp
@@ -0,0 +1,92 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+ 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+ 	//realFolder  = "/home/apply/upload/board";
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	 String c_home = r_call(multi.getParameter("c_home"));
+	 String c_maker = r_call(multi.getParameter("c_maker"));
+	 String board_no = r_call(multi.getParameter("board_no"));
+	 
+	 
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		 
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+	
+
+	 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call2(multi.getParameter("c_content")); 
+		
+		String sql_ok = "";
+		sql_ok = " insert into tbl_board (c_home,c_maker,c_board_no,c_relation,c_relation2, c_name ,c_title,c_content,c_file,c_click,c_use, c_date) values(";
+		sql_ok = sql_ok + c_home + "," + c_maker + "," + board_no + "," + c_relation + "," + c_relation2 + ",'" + c_name + "','"+ c_title + "','" + c_content + "','" +fileName + "',0,0,now())";
+		 
+		stmt2.execute(sql_ok); 	
+
+		 
+ %>
+ 
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/notice/list.jsp b/resoft/field_manager/process/board/notice/list.jsp
new file mode 100644
index 0000000..0b4be96
--- /dev/null
+++ b/resoft/field_manager/process/board/notice/list.jsp
@@ -0,0 +1,187 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
      
+ 
      
+ 
      
+ 
      
+ 		
+    	
+        
+        
+         
      
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] Bulletin board management
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
      
+		 
+         
      
+<%
+	String where_t = " c_use = 0 and "; 
+	int totalRecord = 0; //총레코드개수
+	int numPerPage = 10; //한페이지당 보여줄레코드개수
+	int totalPage = 0; //총페이지수
+	int pagePerBlock = 10; //블록당페이지수
+	int nowPage = 1; //현재페이지
+	String sql1 = "";
+	sql1 = " select count(c_no) ";
+		sql1 = sql1 + " from tbl_board  ";
+		sql1 = sql1 + " where  "+ where_t +" c_relation = "+ c_relation +" and c_relation2 = "+ c_relation2 +" and c_home = "+ c_home +" and c_maker = "+ c_maker +" and c_board_no = "+ board_no +"   ";
+	ResultSet rst = stmt.executeQuery(sql1);
+	if (rst.next()) {
+		totalRecord = rst.getInt(1);
+	}
+	rst.close();
+	if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) {
+		nowPage = Integer.parseInt(r_call(request.getParameter("nowPage")));
+	}
+	
+	//nowPage = 93;
+	//totalRecord =1240;
+	int pfirst = 0; //첫페이지 번호
+	int plast = 0; // 끝페이지 번호
+	int plast_org = 0;
+
+	pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1;
+	plast = pfirst + pagePerBlock - 1;
+	plast_org = (totalRecord-1)/numPerPage + 1;
+	if(plast > plast_org){
+		plast = plast_org;
+	}
+	int c_number=totalRecord-(nowPage-1)*numPerPage;
+	
+	int sql_now_page = (nowPage - 1) * numPerPage;
+
+%>
+ 		
+    	
+        
+        
+        
+        
+        
+        
+	
+	 <%if(totalRecord==0) {%>
+	    	
+			
+		
+		 
+	    	
+	        
+	<%}else{%>
+		<%
+		 sql1 = " select t.* from ( select a.*  ";
+		sql1 = sql1 + " from tbl_board a ";
+		sql1 = sql1 + " where  "+ where_t +" a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +" and a.c_home = "+ c_home +" and a.c_maker = "+ c_maker +" and a.c_board_no = "+ board_no +") t ";
+		sql1 = sql1 + " order by t.c_no desc ";
+		sql1 = sql1 + " limit "+ sql_now_page +" , "+ numPerPage +" ";
+		 rst = stmt.executeQuery(sql1);
+		  while (rst.next()) {
+		 	%>
+		    	
+			
+			
+			
+			
+			
+			
+			
+			
+		    	
+		        
+		<%
+			 c_number=c_number-1;
+		 }
+		 rst.close();
+		 %>
+	<%} %>
+     
+    	
+		
+        
+    	
+    
+    	
+		
+        
+    		
+     
+
      NoTitleWriterFileClickdate
      
+				There is no data.
+			
       
+				<%=c_number%>
+			 
+				&nowPage=<%=nowPage%>"><%=rst.getString("c_title")%>
+			 
+				<%=rst.getString("c_name")%>
+			 
+				<%if(!rst.getString("c_file").equals("")){%>
+					O
+				<%}%>
+			 
+				<%=rst.getString("c_click")%>
+			 
+				<%=rst.getString("c_date").substring(0,10)%>
+			
      
+			
+	        	
+			<%if(pfirst > 1){ %>
+			
+			
+			<%}%>
+	        	<% for(int i=pfirst;i
+	        	 
+	        	<%}%>
+	        	<%if(plast < plast_org){ %>
+			
+			
+			<%}%>
+			
+			
      
+				〈〈
+			
+				〈
+			
+	        		<% if(i==nowPage){%>
+	        		<%=i%>
+	        		<%}else{%>
+	        		<%=i%>
+				<%}%>
+	        	
+				〉
+			
+				〉〉
+			
      			 
+		
      
+			Insert
+		
      
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/notice/view.jsp b/resoft/field_manager/process/board/notice/view.jsp
new file mode 100644
index 0000000..ee5a65f
--- /dev/null
+++ b/resoft/field_manager/process/board/notice/view.jsp
@@ -0,0 +1,99 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
      
+ 
      
+ 
      
+ 
      
+ 		
+    	
+        
+        
+         
      
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] Bulletin board management
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
      
+		 
+         
      
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_click = c_click + 1 where c_no = " + c_no;
+		 
+		stmt2.execute(sql_ok); 	
+		
+		String sql1 = " select * from tbl_board where c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+%>
+	
+	
+	
+	 
+	
+	
+	 
+	
      
+		 Title. <%=rst.getString("c_title")%>
+	
      
+		 
+		 Name. <%=rst.getString("c_name")%>
+		   /  
+		 Clicks <%=rst.getString("c_click")%>
+		   /  
+		 date <%=rst.getString("c_date").substring(0,10)%>
+		 
+	
      
+		 <%=rst.getString("c_content").replaceAll("\n\r","
      ")%>
+	
      
+		 File. <%=rst.getString("c_file")%>
+	
      
+		
+	
+	
      
+		  	 Edit
+		 	 Delete
+		 
+	 	List
+	 
      	
+ 
+ <%
+		 
+		 }
+		 rst.close();
+	}
+%>
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/photo/delete_ok.jsp b/resoft/field_manager/process/board/photo/delete_ok.jsp
new file mode 100644
index 0000000..749c294
--- /dev/null
+++ b/resoft/field_manager/process/board/photo/delete_ok.jsp
@@ -0,0 +1,45 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		 
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+		String c_no = r_call(request.getParameter("c_no")); 
+		 
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_use = 1 where c_no = " + c_no;
+		stmt2.execute(sql_ok); 	
+
+	 
+ %>
+
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
+
diff --git a/resoft/field_manager/process/board/photo/edit.jsp b/resoft/field_manager/process/board/photo/edit.jsp
new file mode 100644
index 0000000..875cc10
--- /dev/null
+++ b/resoft/field_manager/process/board/photo/edit.jsp
@@ -0,0 +1,131 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
      
+ 
      
+ 
      
+ 
      
+ 		
+    	
+        
+        
+         
      
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] board management
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
      
+		 
+         
      
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql1 = " select a.* ";
+		sql1 = sql1 + " from tbl_board a where a.c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+		 
+%>
+
+
      
+
+	
+	
+	 
+	
+	
+	
      
+		 " style="width:100%;height:30px" placeholder="Please enter the subject.">
+	
      
+		 File. <%=rst.getString("c_file")%>
+		 " type="hidden">
+		 <%if(!rst.getString("c_file").equals("")){%>
+		   Delete
+		 <%}%>
+		 
      
+		 
+	
      
+	 	 Edit
+	 	List
+	 	
+	
      
+
      
+
+ <%
+		 
+		 }
+		 rst.close();
+	}
+%>
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/photo/edit_ok.jsp b/resoft/field_manager/process/board/photo/edit_ok.jsp
new file mode 100644
index 0000000..0f9468f
--- /dev/null
+++ b/resoft/field_manager/process/board/photo/edit_ok.jsp
@@ -0,0 +1,103 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+
+	 String c_home = r_call(multi.getParameter("c_home"));
+	 String c_maker = r_call(multi.getParameter("c_maker"));
+	 String board_no = r_call(multi.getParameter("board_no"));
+	 
+	 
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		 
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+		 
+	String c_no = r_call(multi.getParameter("c_no")); 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call2(multi.getParameter("c_content")); 
+	String o_file = r_call(multi.getParameter("o_file")); 
+	String o_file_name = r_call(multi.getParameter("o_file_name")); 
+	String last_file = "";	
+	if(!fileName.equals("")){
+			last_file = fileName;
+	}else{
+		if(o_file.equals("y")){
+			last_file = "";
+		}else{
+			last_file = o_file_name;
+		}
+	}
+	
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_title = '"+ c_title +"',c_content='"+ c_content +"',c_file ='"+ last_file +"' where c_no = " + c_no;
+		 
+		stmt2.execute(sql_ok); 	
+
+		 
+
+ 
+	 
+ %>
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/photo/insert.jsp b/resoft/field_manager/process/board/photo/insert.jsp
new file mode 100644
index 0000000..2f7d24b
--- /dev/null
+++ b/resoft/field_manager/process/board/photo/insert.jsp
@@ -0,0 +1,106 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
      
+ 
      
+ 
      
+ 
      
+ 		
+    	
+        
+        
+         
      
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] board management
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
      
+		 
+         
      
+
+
      
+
+	
+	
+	 
+	
+	
+	
      
+		 
+	
      
+		  
+	
      
+	 		Insert
+		        Cancel
+ 
+	
      
+
      
+
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/photo/insert_ok.jsp b/resoft/field_manager/process/board/photo/insert_ok.jsp
new file mode 100644
index 0000000..872bc9e
--- /dev/null
+++ b/resoft/field_manager/process/board/photo/insert_ok.jsp
@@ -0,0 +1,92 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+ 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+ 	realFolder  = "/home/apply/upload/board";
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	 String c_home = r_call(multi.getParameter("c_home"));
+	 String c_maker = r_call(multi.getParameter("c_maker"));
+	 String board_no = r_call(multi.getParameter("board_no"));
+	 
+	 
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		 
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+	
+
+	 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call2(multi.getParameter("c_content")); 
+		
+		String sql_ok = "";
+		sql_ok = " insert into tbl_board (c_home,c_maker,c_board_no,c_relation,c_relation2, c_name ,c_title,c_content,c_file,c_click,c_use, c_date) values(";
+		sql_ok = sql_ok + c_home + "," + c_maker + "," + board_no + "," + c_relation + "," + c_relation2 + ",'" + session.getAttribute("manager_name") + "','"+ c_title + "','" + c_content + "','" +fileName + "',0,0,now())";
+		 
+		stmt2.execute(sql_ok); 	
+
+		 
+ %>
+ 
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/board/photo/list.jsp b/resoft/field_manager/process/board/photo/list.jsp
new file mode 100644
index 0000000..70a512e
--- /dev/null
+++ b/resoft/field_manager/process/board/photo/list.jsp
@@ -0,0 +1,189 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
      
+ 
      
+ 
      
+ 
      
+ 		
+    	
+        
+        
+         
      
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] board management
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
      
+		 
+         
      
+<%
+	String where_t = " c_use = 0 and "; 
+	int totalRecord = 0; //총레코드개수
+	int numPerPage = 10; //한페이지당 보여줄레코드개수
+	int totalPage = 0; //총페이지수
+	int pagePerBlock = 10; //블록당페이지수
+	int nowPage = 1; //현재페이지
+	String sql1 = "";
+	sql1 = " select count(c_no) ";
+		sql1 = sql1 + " from tbl_board  ";
+		sql1 = sql1 + " where  "+ where_t +" c_relation = "+ c_relation +" and c_relation2 = "+ c_relation2 +" and c_home = "+ c_home +" and c_maker = "+ c_maker +" and c_board_no = "+ board_no +"   ";
+	ResultSet rst = stmt.executeQuery(sql1);
+	if (rst.next()) {
+		totalRecord = rst.getInt(1);
+	}
+	rst.close();
+	if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) {
+		nowPage = Integer.parseInt(r_call(request.getParameter("nowPage")));
+	}
+	
+	//nowPage = 93;
+	//totalRecord =1240;
+	int pfirst = 0; //첫페이지 번호
+	int plast = 0; // 끝페이지 번호
+	int plast_org = 0;
+
+	pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1;
+	plast = pfirst + pagePerBlock - 1;
+	plast_org = (totalRecord-1)/numPerPage + 1;
+	if(plast > plast_org){
+		plast = plast_org;
+	}
+	int c_number=totalRecord-(nowPage-1)*numPerPage;
+	
+	int sql_now_page = (nowPage - 1) * numPerPage;
+
+%>
+ 		
+    	
+        
+        
+        
+        
+        
+        
+        
+	
+	 <%if(totalRecord==0) {%>
+	    	
+			
+		
+		 
+	    	
+	        
+	<%}else{%>
+		<%
+		 sql1 = " select t.* from ( select a.*  ";
+		sql1 = sql1 + " from tbl_board a ";
+		sql1 = sql1 + " where  "+ where_t +" a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +" and a.c_home = "+ c_home +" and a.c_maker = "+ c_maker +" and a.c_board_no = "+ board_no +") t ";
+		sql1 = sql1 + " order by t.c_no desc ";
+		sql1 = sql1 + " limit "+ sql_now_page +" , "+ numPerPage +" ";
+		 rst = stmt.executeQuery(sql1);
+		  while (rst.next()) {
+		 	%>
+		    	
+			
+			
+			
+			
+			
+			
+			
+			
+			
+		    	
+		        
+		<%
+			 c_number=c_number-1;
+		 }
+		 rst.close();
+		 %>
+	<%} %>
+     
+    	
+		
+        
+    	
+    
+    	
+		
+        
+    		
+     
+
      NoTitlePhotoClickDateDeleteEdit
      
+				 No data.
+			
       
+				<%=c_number%>
+			 
+				 <%=rst.getString("c_title")%> 
+			 
+				" width=200>
+			 
+				<%=rst.getString("c_click")%>
+			 
+				<%=rst.getString("c_date").substring(0,10)%>
+			 
+				">[Edit]
+			 
+				'}">[Delete]
+			
      
+			
+	        	
+			<%if(pfirst > 1){ %>
+			
+			
+			<%}%>
+	        	<% for(int i=pfirst;i
+	        	 
+	        	<%}%>
+	        	<%if(plast < plast_org){ %>
+			
+			
+			<%}%>
+			
+			
      
+				〈〈
+			
+				〈
+			
+	        		<% if(i==nowPage){%>
+	        		<%=i%>
+	        		<%}else{%>
+	        		<%=i%>
+				<%}%>
+	        	
+				〉
+			
+				〉〉
+			
      			 
+		
      
+			Insert
+		
      
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/edu/edu/change.jsp b/resoft/field_manager/process/edu/edu/change.jsp
new file mode 100644
index 0000000..700e966
--- /dev/null
+++ b/resoft/field_manager/process/edu/edu/change.jsp
@@ -0,0 +1,26 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_edu set c_change = 1  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/edu/edu/delete.jsp b/resoft/field_manager/process/edu/edu/delete.jsp
new file mode 100644
index 0000000..f8f732c
--- /dev/null
+++ b/resoft/field_manager/process/edu/edu/delete.jsp
@@ -0,0 +1,26 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_edu set c_use = 1  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/edu/edu/detail/change.jsp b/resoft/field_manager/process/edu/edu/detail/change.jsp
new file mode 100644
index 0000000..8559410
--- /dev/null
+++ b/resoft/field_manager/process/edu/edu/detail/change.jsp
@@ -0,0 +1,32 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_survey_no= r_call(request.getParameter("c_survey_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_order = r_call(request.getParameter("c_order"));
+	String o_no = r_call(request.getParameter("o_no"));
+	String o_order = r_call(request.getParameter("o_order"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+
+		String sql_ok = "update tbl_edu_curi set c_order = "+ o_order +"  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+		sql_ok = "update tbl_edu_curi set c_order = "+ c_order +"  where c_no = "+ o_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/edu/edu/detail/delete.jsp b/resoft/field_manager/process/edu/edu/detail/delete.jsp
new file mode 100644
index 0000000..96da19e
--- /dev/null
+++ b/resoft/field_manager/process/edu/edu/detail/delete.jsp
@@ -0,0 +1,27 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_survey_no= r_call(request.getParameter("c_survey_no"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_edu_curi set c_use = 1  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/edu/edu/detail/edit.jsp b/resoft/field_manager/process/edu/edu/detail/edit.jsp
new file mode 100644
index 0000000..a4d0b3e
--- /dev/null
+++ b/resoft/field_manager/process/edu/edu/detail/edit.jsp
@@ -0,0 +1,137 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_survey_no = r_call(request.getParameter("c_survey_no")); 
+	String c_up_no = r_call(request.getParameter("c_up_no")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	 <%if(c_up_no.equals("0")){%>
+        	  	Category Edit
+        	  <%}else{%>
+        	  	Curriculum Edit
+        	  <%}%>
+         
      
+        	
+    	
+        
+        
+        
      
+		<%
+		int change_ok = 0;
+		String sql_ji = "select * from tbl_edu where c_home = " +c_home + " and c_no = " + c_survey_no;
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			change_ok = rs_ji.getInt("c_change");
+		%>
+		Management curriculum : <%=rs_ji.getString("c_name")%>
+		<%
+		}
+		rs_ji.close();
+		%>
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter the items marked with the mark..
+        	  
+         
      
+        	<%
+		 sql_ji = "select * from tbl_edu_curi where  c_no = " + c_no;
+		 rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+		%>
+ 	
+ 	
+ 	 
+ 	 
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%if(!c_up_no.equals("0")){%>
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%}%>
+ 	
+ 	
       *Type 
+ 		<%if(c_up_no.equals("0")){%>
+ 			Category
+ 		<%}else{%>
+ 			
+ 			<%
+			String sql_ji2 = "select * from tbl_edu_curi where c_no = " + c_up_no;
+			ResultSet rs_ji2 = stmt.executeQuery(sql_ji2);
+			if(rs_ji2.next()){
+			%>
+			<%=rs_ji2.getString("c_title")%> Sub-education
+			<%
+			}
+			rs_ji2.close();
+			%>
+ 		<%}%>
+ 	
       *Name " id="" style="width:300px" maxlength="50"/> 
       *Explain 
+ 		
+ 	
       *Movie 
+ 		  Now Movie : <%=rs_ji.getString("c_movie")%>
+ 		  
        
+ 		 Change : 
+ 		 
      * Please register the file name of the video file in English.
+ 	
      
+ 	<%}
+		rs_ji.close();
+	%>
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Edit
+			Cancel
+		
      
+
      
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/edu/edu/detail/edit_ok.jsp b/resoft/field_manager/process/edu/edu/detail/edit_ok.jsp
new file mode 100644
index 0000000..4097500
--- /dev/null
+++ b/resoft/field_manager/process/edu/edu/detail/edit_ok.jsp
@@ -0,0 +1,78 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ page import="java.util.GregorianCalendar" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	GregorianCalendar now = new GregorianCalendar();
+	String c_date = String.format("%TF", now);//yyyy-mm-dd
+ 	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/movie/";
+    	String encType    = "utf-8";
+	int    maxSize    = 50 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+
+ 	 realFolder = scontext.getRealPath(saveFolder);
+	 realFolder = "/home/apply/upload/movie/";	
+	 
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+ 
+ 		 
+        Enumeration files = multi.getFileNames();
+        while( files.hasMoreElements() ){
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+		
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			fileName     = fName;
+		
+        }
+	  if(fileName == null){
+			fileName = "";
+		}
+
+	String c_no = r_call(multi.getParameter("c_no")); 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_home = r_call(multi.getParameter("c_home")); 
+	String c_survey_no = r_call(multi.getParameter("c_survey_no")); 
+	String c_exp = r_call(multi.getParameter("c_exp")); 
+	String c_movie = fileName; 
+	String c_up_no = r_call(multi.getParameter("c_up_no")); 
+	 
+		
+		String sql_ok = "";
+		sql_ok = "update tbl_edu_curi set ";
+		sql_ok = sql_ok + " c_title = '" + c_title + "' "; 
+
+		if(!c_up_no.equals("0")){
+			sql_ok = sql_ok + ", c_exp = '" + c_exp + "' "; 
+			if(!c_movie.equals("")){
+				sql_ok = sql_ok + ", c_movie = '" + c_movie + "' "; 
+			}
+		}
+		sql_ok = sql_ok + " where c_no = " + c_no; 
+
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/edu/edu/detail/insert.jsp b/resoft/field_manager/process/edu/edu/detail/insert.jsp
new file mode 100644
index 0000000..ae425e3
--- /dev/null
+++ b/resoft/field_manager/process/edu/edu/detail/insert.jsp
@@ -0,0 +1,124 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_survey_no = r_call(request.getParameter("c_survey_no")); 
+	String c_up_no = r_call(request.getParameter("c_up_no")); 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  <%if(c_up_no.equals("0")){%>
+        	  	Category Insert
+        	  <%}else{%>
+        	  	Curriculum Insert
+        	  <%}%>
+         
      
+        	
+    	
+        
+        
+        
      
+		<%
+		int change_ok = 0;
+		String sql_ji = "select * from tbl_edu where c_home = " +c_home + " and c_no = " + c_survey_no;
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			change_ok = rs_ji.getInt("c_change");
+		%>
+		Management curriculum : <%=rs_ji.getString("c_name")%>
+		<%
+		}
+		rs_ji.close();
+		%>
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter the items marked with the mark..
+        	  
+         
      
+ 	
+ 	
+ 	 
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%if(!c_up_no.equals("0")){%>
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%}%>
+ 	
+ 	
       *Type 
+ 		<%if(c_up_no.equals("0")){%>
+ 			Category
+ 		<%}else{%>
+ 			<%
+			sql_ji = "select * from tbl_edu_curi where c_no = " + c_up_no;
+			rs_ji = stmt.executeQuery(sql_ji);
+			if(rs_ji.next()){
+			%>
+			<%=rs_ji.getString("c_title")%> Sub-Education
+			<%
+			}
+			rs_ji.close();
+			%>
+ 		<%}%>
+ 	
       *Name  
       *Explain 
+ 		
+ 	
       *Movie 
+ 		 
+ 		 
      * Please register the file name of the video file in English.
+ 	
      
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Insert
+			Cancel
+		
      
+
      
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/edu/edu/detail/insert_ok.jsp b/resoft/field_manager/process/edu/edu/detail/insert_ok.jsp
new file mode 100644
index 0000000..92319a1
--- /dev/null
+++ b/resoft/field_manager/process/edu/edu/detail/insert_ok.jsp
@@ -0,0 +1,79 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ page import="java.util.GregorianCalendar" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	GregorianCalendar now = new GregorianCalendar();
+	String c_date = String.format("%TF", now);//yyyy-mm-dd
+ 	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/movie/";
+    	String encType    = "utf-8";
+	int    maxSize    = 50 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+
+ 	 realFolder = scontext.getRealPath(saveFolder);
+	 realFolder = "/home/apply/upload/movie/";	
+	 
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+ 
+ 		 
+        Enumeration files = multi.getFileNames();
+        while( files.hasMoreElements() ){
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+		
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			fileName     = fName;
+		
+        }
+	  if(fileName == null){
+			fileName = "";
+		}
+
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_home = r_call(multi.getParameter("c_home")); 
+	String c_survey_no = r_call(multi.getParameter("c_survey_no")); 
+	String c_exp = r_call(multi.getParameter("c_exp")); 
+	String c_movie = fileName; 
+	String c_up_no = r_call(multi.getParameter("c_up_no")); 
+	 
+	 if(c_up_no.equals("0")){
+	 	//c_type= "0";
+	 }
+		 int c_order = 1;
+		String sql_ji = "select c_order  from tbl_edu_curi where c_edu_no = " + c_survey_no + " and c_up_no = " + c_up_no + "  and c_use = 0 order by c_order desc";
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			c_order = rs_ji.getInt("c_order") + 1;
+		}
+		rs_ji.close();
+	 
+		String sql_ok = "";
+		sql_ok = "insert into tbl_edu_curi (c_edu_no,c_up_no,c_title,c_exp,c_movie,c_order,c_use,c_date) values(";
+		sql_ok = sql_ok + c_survey_no + ","+  c_up_no +",'" + c_title + "','"+ c_exp +"','"+ c_movie +"',"+ c_order +",0,now())";
+	
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/edu/edu/detail/list.jsp b/resoft/field_manager/process/edu/edu/detail/list.jsp
new file mode 100644
index 0000000..b23ae99
--- /dev/null
+++ b/resoft/field_manager/process/edu/edu/detail/list.jsp
@@ -0,0 +1,180 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_survey_no = r_call(request.getParameter("c_survey_no"));
+	int col_no = 9;
+%>
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	 Curriculum Management
+         
      
+
+ 		
+    	
+        
+        
+        
      
+		<%
+		int change_ok = 0;
+		String sql_ji = "select * from tbl_edu where c_home = " +c_home + " and c_no = " + c_survey_no;
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			change_ok = rs_ji.getInt("c_change");
+		%>
+		Management curriculum name : <%=rs_ji.getString("c_name")%>
+		<%
+		}
+		rs_ji.close();
+		%>
+         
      
+	 
+	 
+ 		
+    	
+        
+        
+        
+        
+        
+        <%if(change_ok == 0){%>
+        
+         
+        
+        <%}%>
+        
+	<%
+		 int total_point = 0;
+		 int o_no = 0;
+		 int o_order = 0;
+		 int o_no2 = 0;
+		 int o_order2 = 0;
+		 
+		 String sql1="  SELECT  * from tbl_edu_curi where c_edu_no = " + c_survey_no + " and c_up_no = 0 and c_use=0 order by c_order asc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			 
+			 
+			<%if(change_ok == 0){%>
+			
+			 
+			
+			
+			 
+			<%}
+				o_no = rst.getInt("c_no");
+				o_order = rst.getInt("c_order");
+			%>
+		
+				<%
+		 
+		 	 o_no2 = 0;
+			 o_order2 = 0;
+ 			 int o_no3 = 0;
+			 int o_order3 = 0;
+
+			 String sql12="  SELECT  * from tbl_edu_curi where c_edu_no = " + c_survey_no + " and c_up_no = "+ rst.getInt("c_no") +" and c_use=0 order by c_order asc";
+			 ResultSet rst2 = stmt.executeQuery(sql12);
+			 int i_no2 = 0;
+			 while (rst2.next()) {
+			  
+				i_no2 = i_no2 + 1;
+			%>
+		    	
+				
+				
+				
+				
+				
+				<%if(change_ok == 0){%>
+				 
+				
+				
+				
+				 
+				<%}%>
+			
+				 
+		<%		o_no2 = rst2.getInt("c_no");	 
+				o_order2 = rst2.getInt("c_order");
+		%>  
+		<%
+			 }
+			rst2.close();
+		 %>
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rst.close();
+	 %>
+	 
+        
      CategoryNameExplainMovieInsert e-timeEditDelOrder
      
+				<%=rst.getString("c_title")%>
+			
+					&c_survey_no=<%=c_survey_no%>">[e-time]
+			
+				 
+					&c_survey_no=<%=c_survey_no%>&c_up_no=0">[Edit]
+				 
+			
+				 
+					&c_survey_no=<%=c_survey_no%>'}">[Del]
+				
+			
+				 	<%if(i_no > 1){%>
+				 		&c_order=<%=rst.getInt("c_order")%>&o_no=<%=o_no%>&o_order=<%=o_order%>">▲
+				 	<%}%>
+			
      
+				
+					<%=rst2.getString("c_title")%>
+				
+					 <%=rst2.getString("c_exp")%>
+				
+					 " target="_blank">[ Right view ]
+				
+					 
+				
+					<%if(change_ok == 0){%>
+						&c_survey_no=<%=c_survey_no%>&c_up_no=<%=rst2.getInt("c_up_no")%>">[Edit]
+					<%}%>
+				
+					<%if(change_ok == 0){%>
+						&c_survey_no=<%=c_survey_no%>'}">[Del]
+					<%}%>
+				
+					 <%if(i_no2 > 1){%>
+				 		&c_order=<%=rst2.getInt("c_order")%>&o_no=<%=o_no2%>&o_order=<%=o_order2%>">△
+				 	<%}%>
+				
      No Data.
      
+
+        	
+    	
+	
+    			
+	
      
+		<%if(change_ok == 0){%>
+		Category Insert
+		<%}%>
+		Education List
+	
      
+
      
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/edu/edu/edit.jsp b/resoft/field_manager/process/edu/edu/edit.jsp
new file mode 100644
index 0000000..918ab7e
--- /dev/null
+++ b/resoft/field_manager/process/edu/edu/edit.jsp
@@ -0,0 +1,81 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	Curriculum name change
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter the items marked with the mark..
+        	  
+         
      
+        <%
+        String sql1="  SELECT  * from tbl_edu where c_home = " + c_home + " and c_maker = 0 and c_use=0 and c_change=0 and c_no = " + c_no;
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+	%>
+ 	
+ 	
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
       *Curriculum name " id="" style="width:300px" maxlength="50"/> 
      
+ 	<%	}else{
+ 	%>
+ 	
+ 	<%
+ 		}
+ 		rst.close();
+ 	%>
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Edit
+			Cancel
+		
      
+
      
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/edu/edu/edit_ok.jsp b/resoft/field_manager/process/edu/edu/edit_ok.jsp
new file mode 100644
index 0000000..751dade
--- /dev/null
+++ b/resoft/field_manager/process/edu/edu/edit_ok.jsp
@@ -0,0 +1,22 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+	 
+		String sql_ok = "";
+		sql_ok = "update tbl_edu set c_name = '" + c_name + "' where c_no = " + c_no;
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/edu/edu/insert.jsp b/resoft/field_manager/process/edu/edu/insert.jsp
new file mode 100644
index 0000000..418eceb
--- /dev/null
+++ b/resoft/field_manager/process/edu/edu/insert.jsp
@@ -0,0 +1,64 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	Insert Curriculum 
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter the items marked with the mark.
+        	  
+         
      
+ 	
+ 	
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
       *Curriculum name  
      
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Insert
+			Cancel
+		
      
+
      
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/edu/edu/insert_ok.jsp b/resoft/field_manager/process/edu/edu/insert_ok.jsp
new file mode 100644
index 0000000..e25c1c2
--- /dev/null
+++ b/resoft/field_manager/process/edu/edu/insert_ok.jsp
@@ -0,0 +1,22 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	 
+		String sql_ok = "";
+		sql_ok = "insert into tbl_edu (c_home, c_name,c_change,c_use,c_date) values(";
+		sql_ok = sql_ok + c_home + ",'" + c_name + "',0,0,now())";
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/edu/edu/list.jsp b/resoft/field_manager/process/edu/edu/list.jsp
new file mode 100644
index 0000000..51b8b97
--- /dev/null
+++ b/resoft/field_manager/process/edu/edu/list.jsp
@@ -0,0 +1,101 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	int col_no = 8;
+%>
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	 Education curriculum management
+         
      
+
+	 
+	 
+ 		
+    	
+        
+        
+        
+        
+        
+        
+         
+        
+	<%
+		 
+		 
+		 String sql1="  SELECT  * from tbl_edu where c_home = " + c_home + " and c_maker = 0 and c_use=0 order by c_no desc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+			
+			 
+			 
+			
+			
+			
+			
+			 
+			
+		
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rst.close();
+	 %>
+        
      NoCurriculum nameView Education ContentsCurriculum ManagementWhether to changeEditDelete
      
+				<%=i_no%>
+			
+				" target="_blank"><%=rst.getString("c_name")%>
+			
+					" target="_blank">[View]
+			
+			 	<%if(rst.getInt("c_change") == 0){%>
+					">[Management]
+				<%}%>
+			
+				<%if(rst.getInt("c_change") == 0){%>
+				'}">[changeable]
+				<%}else{%>
+				Immutable
+				<%}%>
+			
+				<%if(rst.getInt("c_change") == 0){%>
+					">[Edit]
+				<%}%>
+			
+				<%if(rst.getInt("c_change") == 0){%>
+					'}">[Del]
+				<%}%>
+			
+			 
+		
      No Data.
      
+
+        	
+    	
+	
+    			
+	
      
+		New Education registration
+	
      
+
      
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/edu/project/change.jsp b/resoft/field_manager/process/edu/project/change.jsp
new file mode 100644
index 0000000..447bd18
--- /dev/null
+++ b/resoft/field_manager/process/edu/project/change.jsp
@@ -0,0 +1,30 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_project_no= r_call(request.getParameter("c_project_no"));
+	String c_now= r_call(request.getParameter("c_now"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		 
+		 	
+		String sql_ok = "update tbl_edu_project set c_now = "+ c_now +"  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/edu/project/content.jsp b/resoft/field_manager/process/edu/project/content.jsp
new file mode 100644
index 0000000..c404d4a
--- /dev/null
+++ b/resoft/field_manager/process/edu/project/content.jsp
@@ -0,0 +1,35 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	if(c_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c_content from tbl_edu_project where c_no = " + c_no;
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
      
+
      
+
      
+	
+
+
+		
+
      
+	<%=rs_up.getString("c_content")%> 	  
+
      
+<%		}
+		rs_up.close();
+	}
+%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/edu/project/delete.jsp b/resoft/field_manager/process/edu/project/delete.jsp
new file mode 100644
index 0000000..3a38f27
--- /dev/null
+++ b/resoft/field_manager/process/edu/project/delete.jsp
@@ -0,0 +1,27 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_project_no= r_call(request.getParameter("c_project_no"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_edu_project set c_use = 1  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/edu/project/edit.jsp b/resoft/field_manager/process/edu/project/edit.jsp
new file mode 100644
index 0000000..36513f6
--- /dev/null
+++ b/resoft/field_manager/process/edu/project/edit.jsp
@@ -0,0 +1,146 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+
+
+<%
+	String c_no = r_call(request.getParameter("c_no")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	 Education project Edit
+         
      
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
       field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+  <%
+			 
+		}
+		rs_up.close();
+ }
+%>
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter the items marked with the mark.
+        	  
+         
      
+        		<%
+ 			 String sql12="  SELECT  * from tbl_edu_project where c_home = " + c_home + " and c_maker = 0 and c_use=0 and c_now=0 and c_no = "+ c_no +" ";
+		 	ResultSet rst2 = stmt.executeQuery(sql12);
+		 	 while (rst2.next()){%>
+ 	
+ 	
+ 	 
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
       *Project Name " id="" style="width:300px" maxlength="50"/> 
       *Use Curriculum 
+ 		 * If there is no curriculum used, please manage the education curriculum first.. 
+ 	
       *Education Information 
+ 		
+ 	
      
+ 	<%}
+		 	rst2.close();
+		 	%>
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Edit
+			Cancel
+		
      
+
      
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/edu/project/edit_ok.jsp b/resoft/field_manager/process/edu/project/edit_ok.jsp
new file mode 100644
index 0000000..bb1f116
--- /dev/null
+++ b/resoft/field_manager/process/edu/project/edit_ok.jsp
@@ -0,0 +1,27 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_edu_no = r_call(request.getParameter("c_edu_no")); 
+	String c_content = r_call2(request.getParameter("c_content")); 
+	 
+		String sql_ok = "";
+		sql_ok = "update tbl_edu_project set c_name='"+ c_name +"',c_edu_no="+ c_edu_no +",c_content='"+ c_content +"' ";
+		sql_ok = sql_ok + " where c_now = 0 and c_use = 0 and c_no = " + c_no;
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/edu/project/insert.jsp b/resoft/field_manager/process/edu/project/insert.jsp
new file mode 100644
index 0000000..110750e
--- /dev/null
+++ b/resoft/field_manager/process/edu/project/insert.jsp
@@ -0,0 +1,137 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+
+
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	 Education project Insert
+         
      
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
       Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+  <%
+			 
+		}
+		rs_up.close();
+ }
+%>
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter the items marked with the mark.
+        	  
+         
      
+ 	
+ 	
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
       *Education Project Name  
       *Use Curriculum 
+ 		 * If there is no required curriculum, please manage the educational curriculum first.
+ 	
       *Education Information 
+ 		
+ 	
      
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Insert
+			Cancel
+		
      
+
      
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/edu/project/insert_ok.jsp b/resoft/field_manager/process/edu/project/insert_ok.jsp
new file mode 100644
index 0000000..bd20886
--- /dev/null
+++ b/resoft/field_manager/process/edu/project/insert_ok.jsp
@@ -0,0 +1,26 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_edu_no = r_call(request.getParameter("c_edu_no")); 
+	String c_content = r_call2(request.getParameter("c_content")); 
+	 
+		String sql_ok = "";
+		sql_ok = "insert into tbl_edu_project (c_home,c_maker,c_project_no, c_name,c_edu_no,c_content,c_now,c_use,c_date) values(";
+		sql_ok = sql_ok + c_home + ",0,"+ c_project_no +",'" + c_name + "',"+ c_edu_no +",'"+ c_content +"',0,0,now())";
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/edu/project/list.jsp b/resoft/field_manager/process/edu/project/list.jsp
new file mode 100644
index 0000000..0805acb
--- /dev/null
+++ b/resoft/field_manager/process/edu/project/list.jsp
@@ -0,0 +1,173 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	int col_no = 12;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  Education Project Management
+         
      
+
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
       Filed 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+  <%
+			 
+		}
+		rs_up.close();
+ }
+%>
+		
+    	
+        
+        
+        
      
+        	  *   Education Project Management
+        
      
+        	 
+ 		
+    	
+        
+        
+        
+        
+        
+        
+        
+        
+        
+         
+        
+	<%
+		 
+		 
+		 String sql1="  SELECT  a.* ";
+		 sql1 = sql1 + " ,(select c_name from tbl_edu where c_no = a.c_edu_no) as survey_name ";
+		 sql1 = sql1 + " from tbl_edu_project a where a.c_home = " + c_home + " and a.c_maker = 0 and a.c_project_no = "+ c_project_no +" and  a.c_use=0 order by a.c_no desc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			 
+			
+		
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rst.close();
+	 %>
+        
      NoEducation NameCurriculum usedEducation
      View      		Target
      Management      		View GuideApply/EndResults managementEditDelete
      
+				<%=i_no%>
+			
+				<%=rst.getString("c_name")%>
+			
+				<%=rst.getString("survey_name")%>
+			
+				" target="_blank">[View]
+			
+				">[Target]
+			
+				" target="_blank">[View]
+			
+				<%if(rst.getInt("c_now") ==0){%>
+					&c_now=1'}">Waiting
+				<%}%>
+				<%if(rst.getInt("c_now") ==1){%>
+					&c_now=2'}">Proceeding
+				<%}%>
+				<%if(rst.getInt("c_now") ==2){%>
+					&c_now=0'}">End
+				<%}%>
+				
+
+			
+				">[Result]
+			
+				<%if(rst.getInt("c_now") ==0){%>
+					&c_project_no=<%=c_project_no%>">[Edit]
+				<%}%>
+			
+				 <%if(rst.getInt("c_now") ==0){%>
+					'}">[Del]
+				 <%}%>
+			
+			 
+		
      No Data
      
+
+        	
+    	
+	
+    			
+	
      
+		Education Project Insert
+	
      
+
      
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/edu/project/result/list.jsp b/resoft/field_manager/process/edu/project/result/list.jsp
new file mode 100644
index 0000000..0f26d45
--- /dev/null
+++ b/resoft/field_manager/process/edu/project/result/list.jsp
@@ -0,0 +1,219 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	int col_no = 12;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  Education Result
+         
      
+
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ <%
+			 
+		}
+		rs_up.close();
+ 
+ 		int edit_ok = 0;
+		sql_up =   "select a.* ";
+		sql_up = sql_up + " from tbl_edu_project a ";
+		sql_up = sql_up + " where a.c_no = " + c_no + " ";
+		rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 edit_ok = rs_up.getInt("c_now");
+			 
+			 
+%>
+ 	 
+ 	
+ 	
+	
+	
+			
+ 	
       Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
       Education Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
       Curriculum  
+
+ 	 		<%
+ 	 		int[] curi_no_array = new int[20];
+ 	 		String[] curi_title_array = new String[20];
+ 	 		int no_curi = 0;
+ 	 		String sql_edu_curi = " select * from tbl_edu_curi where c_edu_no = "+ rs_up.getInt("c_edu_no") +" and c_use = 0 and c_up_no > 0  order by c_order asc ";
+ 	 		ResultSet rs_edu_curi = stmt2.executeQuery(sql_edu_curi); 
+ 	 		while (rs_edu_curi.next()) {
+ 	 			no_curi = no_curi + 1;
+ 	 			curi_no_array[no_curi] = rs_edu_curi.getInt("c_no");
+ 	 			curi_title_array[no_curi] = rs_edu_curi.getString("c_title");
+ 	 		%>
+		 		<%=no_curi%>. <%=rs_edu_curi.getString("c_title")%>
      
+ 	 		<%}
+ 	 		rs_edu_curi.close();
+ 	 		%>
+		 	
      
+  
+		
+    	
+        
+        
+        
      
+        	  * Educational results
+        
      
+        	 
+ 		
+    	
+        
+        
+        
+        
+        <%for(int ti = 1; ti < no_curi + 1; ti++){%>
+        
+	<%}%>        
+     
+        
+	<%
+		 
+		 
+		 String sql_pt="select t.* from ( select a.*,b.c_team_name,d.c_name as mem_name ";
+		 for(int ti = 1; ti < no_curi + 1; ti++){
+			 sql_pt = sql_pt +",  (select max(c_start_date) from tbl_edu_result where c_team_no = b.c_no and c_edu_project_no = a.c_edu_project_no and c_member_no = d.c_no and c_curi_no = "+ curi_no_array[ti] +" ) as s_date_"+ ti+" ";
+		 }
+		 sql_pt = sql_pt +" from tbl_edu_target a ";
+		 sql_pt = sql_pt +" inner join tbl_apply_team b on a.c_team_no = b.c_no and b.c_use = 0 ";
+		 sql_pt = sql_pt +" inner join tbl_member d on a.c_member_no = d.c_no and d.c_use = 0 ";
+		 sql_pt = sql_pt +" where a.c_edu_project_no = " + c_no + " and a.c_use = 0 ) t order by t.c_team_name asc, t.mem_name asc ";
+		 ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		 int i_no = 0;
+		 while (rs_pt.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+			
+		       
+			
+			<% for(int ti = 1; ti < no_curi + 1; ti++){%>
+			
+			<%}%>
+			 
+		 
+			
+		
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rs_pt.close();
+	 %>
+        
      NoTarget team nameView Team InformationTarget team member<%=curi_title_array[ti]%>
      
+				<%=i_no%>
+			
+				&c_project_no=<%=c_project_no%>" target="_blank"><%=rs_pt.getString("c_team_name")%>
+			
+				&c_project_no=<%=c_project_no%>" target="_blank">[View]
+			
+				<%if(rs_pt.getString("mem_name") != null){%>
+					<%=rs_pt.getString("mem_name")%>
+				<%}%>
+			
+				<%if( rs_pt.getString("s_date_" + ti) == null){%>
+					Not started
+				<%}else{%> 
+					<%=rs_pt.getString("s_date_" + ti)%>
+				<%}%>
+			
      No Data.
      
+
+
+
+
      
+
+
+
+       	
+    	
+	
+	
+    			
+	
      
+		 
+	
+		List of educational projects
+	
      
+
      
+
      
+
      
+
      
+
      
+
+
+<%	}
+		rs_up.close();
+ }
+ %>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/edu/project/result/view_team.jsp b/resoft/field_manager/process/edu/project/result/view_team.jsp
new file mode 100644
index 0000000..76651e5
--- /dev/null
+++ b/resoft/field_manager/process/edu/project/result/view_team.jsp
@@ -0,0 +1,205 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+	int c_now_propose = 0;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+	String slq_chekc = "select * from tbl_apply_team where c_project_no = "+ c_project_no + " and c_no = " + c_team_no + " and c_use = 0 ";
+	ResultSet rs_check = stmt.executeQuery(slq_chekc);
+	if (rs_check.next()) {
+	
+		int c_home = 0;
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			c_now_propose = rs_up.getInt("c_now_propose");
+			c_home = rs_up.getInt("c_field");
+			 
+%>
+  
+ 
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  Project Application Team Information
+         
      
+
+	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
       Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+ <%
+			 
+		}
+		rs_up.close();
+
+%>	
+		
+    	
+        
+        
+        
      
+        	  *  Project Application Team Information
+        
      
+        
+	
+ 	
+ 	
+ 	
+ 	 
+ 	
+ 	<%
+ 		int i = 0;
+ 		int stu_check = 1;
+ 		String sql_field =   "  SELECT * from tbl_apply_field where c_project_no = " + c_project_no +" order by c_order asc ";
+		ResultSet rs_field = stmt.executeQuery(sql_field);
+		while (rs_field.next()) {
+			if(rs_field.getString("c_use_field").equals("c_grade")){
+				stu_check = 0;
+			}
+			i = i + 1;
+ 	%> 
+ 	 
+	 	
+	 	 
+	 	
+ 		
+ 		
+	 	 
+	 	
+	 	 
+	<%
+ 	 
+	  }
+		rs_field.close();
+	%>	
+ 	
       Item Content
       
+	 		<%=rs_field.getString("c_name")%>
+	 	 
+			<%if(rs_field.getInt("c_type") == 1){%>
+				  <%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 2){
+			%>
+				<%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 3){%>
+				 <%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 4){%>
+				File : <%=rs_check.getString(rs_field.getString("c_use_field")).replaceAll("\n\r","
      ")%>
+				 
+			<%}%>
+	 	
      
+ 	<%
+ 		String major_t = "\Department";
+ 		String grade_t = "grade";
+ 		if( stu_check == 1){
+ 			major_t = "Department";
+ 			grade_t = "rank";
+ 		}
+ 	%>
+ 		
+    	
+        
+        
+        
      
+        	  * Team member information
+        
      
+         
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%
+ 	String slq_t = "select * from tbl_apply_team_member where c_project_no = "+ c_project_no + " and c_team_no = " + c_team_no + " and c_use = 0 order by c_type desc ";
+	ResultSet rs_t = stmt2.executeQuery(slq_t);
+	while(rs_t.next()) {
+	%>
+	
+	
+	
+	
+	
+	
+	
+ 	
+ 	<%}
+ 	rs_t.close();
+ 	%>
+ 	
       Cap. Email Name Phone <%=major_t%> <%=grade_t%>
      
+		<%if(rs_t.getInt("c_type") == 1){%>
+			Captain
+		<%}else{%>
+			Member
+		<%}%>
+	
+		<%=rs_t.getString("c_email")%>
+ 	
+		<%=rs_t.getString("c_name")%>
+ 	
+		<%=rs_t.getString("c_phone")%>
+ 	
+		<%=rs_t.getString("c_major")%>
+ 	
+		<%=rs_t.getString("c_grade")%>
+ 	
      
+ 	 
+	 

      
+	  

      
+
      
+
+
+<%}else{%>
+	 
+	 <%}
+	 rs_check.close();
+	 %>
+	<%}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/edu/project/target/delete.jsp b/resoft/field_manager/process/edu/project/target/delete.jsp
new file mode 100644
index 0000000..2bc4b3c
--- /dev/null
+++ b/resoft/field_manager/process/edu/project/target/delete.jsp
@@ -0,0 +1,33 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_project_no= r_call(request.getParameter("c_project_no"));
+	String c_edu_target_no= r_call(request.getParameter("c_edu_target_no"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		 
+			 
+		 	
+		String sql_ok = "update tbl_edu_target set c_use = 1  where c_no = "+ c_edu_target_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+		
+		 
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/edu/project/target/insert_ok.jsp b/resoft/field_manager/process/edu/project/target/insert_ok.jsp
new file mode 100644
index 0000000..0eb709d
--- /dev/null
+++ b/resoft/field_manager/process/edu/project/target/insert_ok.jsp
@@ -0,0 +1,53 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+	int target_project_no = Integer.parseInt(r_call(request.getParameter("target_project_no"))); 
+
+		String sql_ok2 = "";
+		sql_ok2 = "update tbl_edu_target set c_use = 1 where c_edu_project_no = " + c_no;
+		stmt2.execute(sql_ok2); 
+
+	if(target_project_no ==0){
+		String sql_pt = " select a.c_no, b.c_member_no from tbl_apply_team a ";
+		sql_pt = sql_pt + " inner join tbl_apply_team_member b on b.c_project_no = "+ c_project_no + " and b.c_team_no = a.c_no and b.c_use = 0 ";
+		sql_pt = sql_pt + " where a.c_project_no = "+ c_project_no + " and a.c_use = 0 order by a.c_no asc ";
+		ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		while (rs_pt.next()) {
+			if(rs_pt.getInt("c_member_no") != 0){
+				String sql_ok = "";
+				sql_ok = "insert into tbl_edu_target (c_edu_project_no,c_team_no,c_member_no, c_now,c_use,c_date) values(";
+				sql_ok = sql_ok + c_no + "," + rs_pt.getInt("c_no") + "," + rs_pt.getInt("c_member_no") + ",0,0,now())";
+				stmt2.execute(sql_ok); 
+			}
+		}
+		rs_pt.close();
+	
+	}else{
+		String sql_pt = " select a.c_team_no, b.c_member_no from tbl_point_target a ";
+		sql_pt = sql_pt + " inner join tbl_apply_team_member b on b.c_project_no = "+ c_project_no + " and b.c_team_no = a.c_team_no and b.c_use = 0 ";
+		sql_pt = sql_pt + " where a.c_point_project_no = "+ target_project_no + " and a.c_use = 0 and a.c_pass= 1 order by a.c_no asc ";
+		ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		while (rs_pt.next()) {
+			if(rs_pt.getInt("c_member_no") != 0){
+				String sql_ok = "";
+				sql_ok = "insert into tbl_edu_target (c_edu_project_no,c_team_no,c_member_no, c_now,c_use,c_date) values(";
+				sql_ok = sql_ok + c_no + "," + rs_pt.getInt("c_team_no") + "," + rs_pt.getInt("c_member_no") + ",0,0,now())";
+				stmt2.execute(sql_ok); 
+			}
+		}
+		rs_pt.close();
+	}
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/edu/project/target/list.jsp b/resoft/field_manager/process/edu/project/target/list.jsp
new file mode 100644
index 0000000..0624624
--- /dev/null
+++ b/resoft/field_manager/process/edu/project/target/list.jsp
@@ -0,0 +1,219 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	int col_no = 12;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  Education Target Management
+         
      
+
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ <%
+			 
+		}
+		rs_up.close();
+ 
+ 		int edit_ok = 0;
+		sql_up =   "select a.* ";
+		sql_up = sql_up + " from tbl_edu_project a ";
+		sql_up = sql_up + " where a.c_no = " + c_no + " ";
+		rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 edit_ok = rs_up.getInt("c_now");
+			 
+			 
+%>
+ 	 
+ 	
+ 	
+ 	 
+ 	
       Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
       Education Project  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+  
+		
+    	
+        
+        
+        
      
+        	  * Education target Management
+        
      
+        	 
+ 		
+    	
+        
+        
+        
+        
+        
+        
+        
+        
+	<%
+		 
+		 
+		 String sql_pt="select t.* from ( select a.*,b.c_team_name,d.c_name as mem_name ";
+		 sql_pt = sql_pt +" from tbl_edu_target a ";
+		 sql_pt = sql_pt +" inner join tbl_apply_team b on a.c_team_no = b.c_no ";
+		 sql_pt = sql_pt +" inner join tbl_member d on a.c_member_no = d.c_no ";
+		 sql_pt = sql_pt +" where a.c_edu_project_no = " + c_no + " and a.c_use = 0 ) t order by t.c_team_name asc, t.mem_name asc ";
+		 ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		 int i_no = 0;
+		 while (rs_pt.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+			
+		       
+			
+			
+			
+			
+		 
+			
+		
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rs_pt.close();
+	 %>
+        
      NoTarget teamCaptainTarget MemberWhether to start educationEducation start dateDelete
      
+				<%=i_no%>
+			
+				&c_project_no=<%=c_project_no%>" target="_blank"><%=rs_pt.getString("c_team_name")%>
+			
+				&c_project_no=<%=c_project_no%>" target="_blank">[View]
+			
+				<%if(rs_pt.getString("mem_name") != null){%>
+					<%=rs_pt.getString("mem_name")%>
+				<%}%>
+			
+				<%if(rs_pt.getInt("c_now") == 0){%>
+					X
+				<%}else{%>
+					O
+				<%}%>
+			
+				<%if(rs_pt.getInt("c_now") == 1){%>
+					<%=rs_pt.getString("c_answer_date").substring(0,10)%>
+				<%}%>
+			
+				<%if(edit_ok == 0){%>
+				&c_home=<%=c_home%>&c_project_no=<%=c_project_no%>&c_no=<%=c_no%>'}" >[Del]
+				<%}%>
+			
      No Data.
      
+
+
+
+
      
+
+
+
+       	
+    	
+	
+	
+    			
+	
      
+		<%if(edit_ok == 0){%>
+		Target Select :  
+		 Team members
+		New registration for education
      
+		<%}%>
+	      		
+		List of educational projects
+	
      
+
      
+
      
+
      
+
      
+
      
+
+
+<%	}
+		rs_up.close();
+ }
+ %>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/edu/project/target/view_team.jsp b/resoft/field_manager/process/edu/project/target/view_team.jsp
new file mode 100644
index 0000000..707a651
--- /dev/null
+++ b/resoft/field_manager/process/edu/project/target/view_team.jsp
@@ -0,0 +1,205 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+	int c_now_propose = 0;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+	String slq_chekc = "select * from tbl_apply_team where c_project_no = "+ c_project_no + " and c_no = " + c_team_no + " and c_use = 0 ";
+	ResultSet rs_check = stmt.executeQuery(slq_chekc);
+	if (rs_check.next()) {
+	
+		int c_home = 0;
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			c_now_propose = rs_up.getInt("c_now_propose");
+			c_home = rs_up.getInt("c_field");
+			 
+%>
+  
+ 
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  Project Apply Team
+         
      
+
+	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
       Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+ <%
+			 
+		}
+		rs_up.close();
+
+%>	
+		
+    	
+        
+        
+        
      
+        	  * Apply Team Information
+        
      
+        
+	
+ 	
+ 	
+ 	
+ 	 
+ 	
+ 	<%
+ 		int i = 0;
+ 		int stu_check = 1;
+ 		String sql_field =   "  SELECT * from tbl_apply_field where c_project_no = " + c_project_no +" order by c_order asc ";
+		ResultSet rs_field = stmt.executeQuery(sql_field);
+		while (rs_field.next()) {
+			if(rs_field.getString("c_use_field").equals("c_grade")){
+				stu_check = 0;
+			}
+			i = i + 1;
+ 	%> 
+ 	 
+	 	
+	 	 
+	 	
+ 		
+ 		
+	 	 
+	 	
+	 	 
+	<%
+ 	 
+	  }
+		rs_field.close();
+	%>	
+ 	
       Item Content
       
+	 		<%=rs_field.getString("c_name")%>
+	 	 
+			<%if(rs_field.getInt("c_type") == 1){%>
+				  <%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 2){
+			%>
+				<%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 3){%>
+				 <%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 4){%>
+				File : <%=rs_check.getString(rs_field.getString("c_use_field")).replaceAll("\n\r","
      ")%>
+				 
+			<%}%>
+	 	
      
+ 	<%
+ 		String major_t = "Department";
+ 		String grade_t = "grade";
+ 		if( stu_check == 1){
+ 			major_t = "Department";
+ 			grade_t = "rank";
+ 		}
+ 	%>
+ 		
+    	
+        
+        
+        
      
+        	  * Team Member Information
+        
      
+         
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%
+ 	String slq_t = "select * from tbl_apply_team_member where c_project_no = "+ c_project_no + " and c_team_no = " + c_team_no + " and c_use = 0 order by c_type desc ";
+	ResultSet rs_t = stmt2.executeQuery(slq_t);
+	while(rs_t.next()) {
+	%>
+	
+	
+	
+	
+	
+	
+	
+ 	
+ 	<%}
+ 	rs_t.close();
+ 	%>
+ 	
       Cap. Email Name Phone <%=major_t%> <%=grade_t%>
      
+		<%if(rs_t.getInt("c_type") == 1){%>
+			Captain
+		<%}else{%>
+			Member
+		<%}%>
+	
+		<%=rs_t.getString("c_email")%>
+ 	
+		<%=rs_t.getString("c_name")%>
+ 	
+		<%=rs_t.getString("c_phone")%>
+ 	
+		<%=rs_t.getString("c_major")%>
+ 	
+		<%=rs_t.getString("c_grade")%>
+ 	
      
+ 	 
+	 

      
+	  

      
+
      
+
+
+<%}else{%>
+	 
+	 <%}
+	 rs_check.close();
+	 %>
+	<%}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/edu/view.jsp b/resoft/field_manager/process/edu/view.jsp
new file mode 100644
index 0000000..2e5ce59
--- /dev/null
+++ b/resoft/field_manager/process/edu/view.jsp
@@ -0,0 +1,83 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_survey_no = r_call(request.getParameter("c_survey_no"));
+	int col_no = 9;
+%>
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+		<%
+		int change_ok = 0;
+		String sql_sr = "select * from tbl_edu where c_home = " +c_home + " and c_no = " + c_survey_no;
+		ResultSet rs_sr = stmt.executeQuery(sql_sr);
+		if(rs_sr.next()){
+		%>
+		<%=rs_sr.getString("c_name")%>
+		<%
+		}
+		rs_sr.close();
+		%>
+         
      
+	 
+ 		
+	<%
+		 sql_sr="  SELECT  * from tbl_edu_curi where c_edu_no = " + c_survey_no + " and c_up_no = 0 and c_use=0 order by c_order asc";
+		 rs_sr = stmt.executeQuery(sql_sr);
+		 while (rs_sr.next()) {
+	%>
+		
+			
+		
+	    	
+			
+		
+			<%
+			 String sql_sr2="  SELECT  * from tbl_edu_curi where c_edu_no = " + c_survey_no + " and c_up_no = "+ rs_sr.getInt("c_no") +" and c_use=0 order by c_order asc";
+			 ResultSet rs_sr2 = stmt.executeQuery(sql_sr2);
+			 while (rs_sr2.next()) {
+			%>
+		    	
+				
+			
+			
+				
+				
+			
+				 
+		<%
+			 }
+			rs_sr2.close();
+		 %>
+			 
+	<%		 
+		 }
+		 rs_sr.close();
+	 %>
+	 
+        
      
+			
      
+				<%=rs_sr.getString("c_title")%>
+			
      
+					<%=rs_sr2.getString("c_title")%>
+				
      
+					 <%=rs_sr2.getString("c_exp").replaceAll("\n\r","
      ").replaceAll("\n","
      ")%>
+				      		
+					
+				
      
+
+


       
+
      
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/main/image/change.jsp b/resoft/field_manager/process/main/image/change.jsp
new file mode 100644
index 0000000..22dffb6
--- /dev/null
+++ b/resoft/field_manager/process/main/image/change.jsp
@@ -0,0 +1,25 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String c_image = r_call(request.getParameter("c_image"));
+	 
+	String now_order	= r_call(request.getParameter("now_order")); 
+	String change_order	= r_call(request.getParameter("change_order")); 
+	 
+	 
+	String sql_ok = "update tbl_image set c_order = 10000 where c_order = "+ change_order + " and c_home = " + c_home + " and c_maker = " + c_maker +" and c_relation = " + c_image + " " ;
+	stmt.execute(sql_ok); 
+	sql_ok = "update tbl_image set c_order = " + change_order + " where   c_order = "+ now_order + " and c_home = " + c_home + " and c_maker = " + c_maker +" and c_relation = " + c_image + "  ";
+	stmt.execute(sql_ok); 
+	sql_ok = "update tbl_image set c_order = " + now_order + " where  c_order = 10000 and c_home = " + c_home + " and c_maker = " + c_maker +" and c_relation = " + c_image + "  " ;
+	stmt.execute(sql_ok); 
+	
+%>
+
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/main/image/change2.jsp b/resoft/field_manager/process/main/image/change2.jsp
new file mode 100644
index 0000000..2e67f0a
--- /dev/null
+++ b/resoft/field_manager/process/main/image/change2.jsp
@@ -0,0 +1,21 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String c_image = r_call(request.getParameter("c_image"));
+	 
+	String c_no	= r_call(request.getParameter("c_no")); 
+	String c_view	= r_call(request.getParameter("c_view")); 
+	 
+	 
+	String sql_ok = "update tbl_image set c_view = "+ c_view +" where c_no = "+ c_no ;
+	stmt.execute(sql_ok); 
+	 
+%>
+
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/main/image/delete.jsp b/resoft/field_manager/process/main/image/delete.jsp
new file mode 100644
index 0000000..0933428
--- /dev/null
+++ b/resoft/field_manager/process/main/image/delete.jsp
@@ -0,0 +1,21 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String c_image = r_call(request.getParameter("c_image"));
+		String c_no = r_call(request.getParameter("c_no"));
+	
+		String sql_ok = "delete from tbl_image  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	 
+
+ %> 
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/main/image/insert.jsp b/resoft/field_manager/process/main/image/insert.jsp
new file mode 100644
index 0000000..d8e8d41
--- /dev/null
+++ b/resoft/field_manager/process/main/image/insert.jsp
@@ -0,0 +1,124 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<% 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String c_image = r_call(request.getParameter("c_image"));
+	 if(c_image == null || c_image.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	
+        	int c_main_type = 0;
+        	String sql_ok2 = "select c_main_type from tbl_field where c_no =  " + c_home  ;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_main_type= rss.getInt("c_main_type");
+		} 
+		rss.close();
+	
+	 String imge_size = "";
+	if(c_main_type == 1){	
+		 if(c_image.equals("1")){
+			imge_size = "1000*200";
+		 }
+		 if(c_image.equals("2")){
+			imge_size = "6000*300";
+		 }
+		 if(c_image.equals("3")){
+			imge_size = "1000*100";
+		 }
+	 }
+	if(c_main_type == 2){	
+		 if(c_image.equals("1")){
+			imge_size = "1000*200";
+		 }
+		 if(c_image.equals("2")){
+			imge_size = "6000*300";
+		 }
+		 if(c_image.equals("3")){
+			imge_size = "1000*100";
+		 }
+	 }
+%>
+
+
      
+


      
+ 	
+ 	
+	
+	
+	
      
+	 Main  Images<%=c_image%>. Insert
+	
      
+	
+	 	
+	 	 
+	 	 
+	 	 
+	 	 
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	 
+		 
+	 	
       Name   
       Image   
+	 		
      * Please upload the image size in <%=imge_size%> and the file name in English.
+	 	 
       Link   
      Link New window or not  
+	 		 
+	 	
      Whether to be displayed 
+	 		Yes
+	 		No
+	 	
      
+
+	
      
+		
+	 	
+	 	
+	    		
+	        
+		 
+		 
      
+				Insert
+				Cancel
+			
      
+	
      
+ <%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/main/image/insert_ok.jsp b/resoft/field_manager/process/main/image/insert_ok.jsp
new file mode 100644
index 0000000..9c1375b
--- /dev/null
+++ b/resoft/field_manager/process/main/image/insert_ok.jsp
@@ -0,0 +1,85 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ page import="java.util.GregorianCalendar" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+
+	GregorianCalendar now = new GregorianCalendar();
+	String c_date = String.format("%TF", now);//yyyy-mm-dd
+ 	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+
+ 	 realFolder = scontext.getRealPath(saveFolder);
+	 realFolder = "/home/apply/upload/main/";	
+	 
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+ 
+ 		 
+        Enumeration files = multi.getFileNames();
+        while( files.hasMoreElements() ){
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+		
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			fileName     = fName;
+		
+        }
+	  if(fileName == null){
+			fileName = "";
+		}
+	String c_relation	= r_call(multi.getParameter("c_relation")); 
+	String c_home	= r_call(multi.getParameter("c_home")); 
+	String c_maker	= r_call(multi.getParameter("c_maker")); 
+	String c_name	= r_call(multi.getParameter("c_name")); 
+	String c_title1	= r_call(multi.getParameter("c_title1")); 
+	String c_title2	= r_call(multi.getParameter("c_title2")); 
+	String c_view	= r_call(multi.getParameter("c_view")); 
+	String c_exp	= r_call(multi.getParameter("c_exp")); 
+	
+
+	int c_order = 1;
+	String sql_ok = "select max(c_order) as max_order from tbl_image ";
+	ResultSet rss = stmt.executeQuery(sql_ok);
+	if(rss.next()){
+		c_order = rss.getInt("max_order") + 1;
+	} 
+	rss.close();
+	
+	sql_ok = "insert into tbl_image (c_home,c_maker,c_relation,c_file,c_name,c_title1,c_title2,c_exp,c_order,c_view,c_date) values(";
+	sql_ok = sql_ok + c_home + " ";
+	sql_ok = sql_ok + ","+ c_maker + " ";
+	sql_ok = sql_ok + ","+ c_relation + " ";
+	sql_ok = sql_ok + ",'"+ fileName + "' ";
+	sql_ok = sql_ok + ",'"+ c_name + "' ";
+	sql_ok = sql_ok + ",'"+ c_title1 + "' ";
+	sql_ok = sql_ok + ",'"+ c_title2 + "' ";
+	sql_ok = sql_ok + ",'"+ c_exp + "' ";
+	sql_ok = sql_ok + ","+ c_order + " ";
+	sql_ok = sql_ok + ","+ c_view + " ";
+	sql_ok = sql_ok + ",now()";
+	sql_ok = sql_ok + ")";
+	stmt.execute(sql_ok); 
+	
+%>
+
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/main/image/list.jsp b/resoft/field_manager/process/main/image/list.jsp
new file mode 100644
index 0000000..7d1b3e4
--- /dev/null
+++ b/resoft/field_manager/process/main/image/list.jsp
@@ -0,0 +1,112 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String c_image = r_call(request.getParameter("c_image"));
+	 if(c_image == null || c_image.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
      
+ 
      
+ 
      
+ 
      
+ 		
+    	
+        
+        
+         
      
+        <%
+        	int c_main_type = 0;
+        	String sql_ok2 = "select  c_name, c_eng_name, c_main_type from tbl_field where c_no =  " + c_home  ;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_main_type= rss.getInt("c_main_type");
+		%>
+        	<%=rss.getString("c_name")%> / <%=rss.getString("c_eng_name")%> Main / Image <%=c_image%>. Management
+		<%
+		} 
+		rss.close();
+	%>
+		
      
+		
      
+		
+         
      
+ 		
+    	
+        
+        
+        
+        
+        
+        
+       
+       
+	
+	 
+	<%
+		int old_order = 0;	
+		 String sql1="  SELECT * from tbl_image where c_home = "+ c_home +" and c_maker = "+ c_maker +" and c_relation = "+ c_image +"    order by c_order asc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int n_order = 0; 
+		 while (rst.next()) {
+		 	 n_order= n_order + 1;
+	%>
+	 
+	    	
+			
+			
+			
+			
+			
+			
+			
+			
+		
+		
+	    	
+	        
+
+	<%
+		 old_order = rst.getInt("c_order");
+		 }
+		 rst.close();
+	 %>
+
+    
+    	
+		
+        
+    		
+     
+
      OrderNameIMageLinkWindowuseDelOrdering
      <%=n_order%><%=rst.getString("c_name")%>" width="100%"><%=rst.getString("c_title1")%>
+				<%if(rst.getString("c_title2").equals("_self")){%>
+					Current window
+				<%}else{%>
+					New window
+				<%}%>
+			
+				<%if(rst.getInt("c_view") == 0){%>
+					">[Use]
+				<%}else{%>
+					">[Not Use]
+				<%}%>
+			'}">[Del]
+				<% if(old_order > 0){%>
+					&change_order=<%=old_order%>">▲
+				<% }%>
+			
      
+			Insert Iamge
+			To Main Management
+			 
+		
      
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/main/list.jsp b/resoft/field_manager/process/main/list.jsp
new file mode 100644
index 0000000..0a4ba90
--- /dev/null
+++ b/resoft/field_manager/process/main/list.jsp
@@ -0,0 +1,79 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	String c_home	= r_call(request.getParameter("c_home")); 
+	String c_maker	= r_call(request.getParameter("c_maker")); 
+
+	if(c_home.equals("") || c_maker.equals("")){
+	%>
+	
+	<%
+	}else{
+
+	Statement stmt3=conn.createStatement();
+	int old_order2 = 0; 
+	int old_order3 = 0;
+	int order2 = 0; 
+	int order3 = 0; 
+%>
+ 
      
+ 		
+    	
+        
+        
+         
      
+        <%
+        	int c_main_type = 0;
+        	String sql_ok2 = "select  c_name, c_eng_name, c_main_type from tbl_field where c_no =  " + c_home  ;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_main_type= rss.getInt("c_main_type");
+		%>
+        	<%=rss.getString("c_name")%> / <%=rss.getString("c_eng_name")%> Main management
+		<%
+		} 
+		rss.close();
+	%>
+         
      
+         	
+    	
+        
+        
+        
+        
+        
+        
+        
+         
+        
+        
+        
+        
+        
+        
+        
+        
+        
      
+        	Type <%=c_main_type%>.
+         
      
+        	
+         
+        	 [ Image1 management ]
+         
      
+        	 [ Text management ]
+         
      
+        	 [ Image2 management ]
+         
      
+        	 [ Image3 management ]
+         
      
+ 	
+<%
+	stmt3.close();
+%>
+ 
+<%	}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/main/text/change2.jsp b/resoft/field_manager/process/main/text/change2.jsp
new file mode 100644
index 0000000..dfe1bbe
--- /dev/null
+++ b/resoft/field_manager/process/main/text/change2.jsp
@@ -0,0 +1,24 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String c_image = r_call(request.getParameter("c_image"));
+	 
+	String c_no	= r_call(request.getParameter("c_no")); 
+	String c_view	= r_call(request.getParameter("c_view")); 
+	 
+	 if(c_view.equals("0")){
+		String sql_ok2 = "update tbl_image set c_view = 1 where c_home = " + c_home + " and c_maker = " + c_maker +" and c_relation = " + c_image + " ";
+		stmt.execute(sql_ok2); 
+	}
+	String sql_ok = "update tbl_image set c_view = "+ c_view +" where c_no = "+ c_no ;
+	stmt.execute(sql_ok); 
+	 
+%>
+
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/main/text/delete.jsp b/resoft/field_manager/process/main/text/delete.jsp
new file mode 100644
index 0000000..0933428
--- /dev/null
+++ b/resoft/field_manager/process/main/text/delete.jsp
@@ -0,0 +1,21 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String c_image = r_call(request.getParameter("c_image"));
+		String c_no = r_call(request.getParameter("c_no"));
+	
+		String sql_ok = "delete from tbl_image  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	 
+
+ %> 
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/main/text/insert.jsp b/resoft/field_manager/process/main/text/insert.jsp
new file mode 100644
index 0000000..c7c99dc
--- /dev/null
+++ b/resoft/field_manager/process/main/text/insert.jsp
@@ -0,0 +1,89 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<% 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String c_image = r_call(request.getParameter("c_image"));
+	 if(c_image == null || c_image.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	
+        	int c_main_type = 0;
+        	String sql_ok2 = "select c_main_type from tbl_field where c_no =  " + c_home  ;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_main_type= rss.getInt("c_main_type");
+		} 
+		rss.close();
+	
+	 String imge_size = "";
+	if(c_main_type == 1){	
+		 
+			imge_size = "1200";
+		 
+	 }
+	if(c_main_type == 2){	
+		 
+			imge_size = "800";
+		 
+	 }
+%>
+
+
      
+


      
+ 	
+ 	
+	
+	
+	
      
+	 Main Text Insert
+	
      
+	
+	 	
+	 	 
+	 	 
+	 	 
+	 	 
+	 	 
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	 
+		 
+	 	
      Texr  
      Use 
+	 		Yes
+	 		No
+	 	
      
+
+	
      
+		
+	 	
+	 	
+	    		
+	        
+		 
+		 
      
+				Insert
+				Cancel
+			
      
+	
      
+ <%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/main/text/insert_ok.jsp b/resoft/field_manager/process/main/text/insert_ok.jsp
new file mode 100644
index 0000000..0e64e9d
--- /dev/null
+++ b/resoft/field_manager/process/main/text/insert_ok.jsp
@@ -0,0 +1,89 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ page import="java.util.GregorianCalendar" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+
+	GregorianCalendar now = new GregorianCalendar();
+	String c_date = String.format("%TF", now);//yyyy-mm-dd
+ 	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+
+ 	 realFolder = scontext.getRealPath(saveFolder);
+	 realFolder = "/home/apply/upload/main/";	
+	 
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+ 
+ 		 
+        Enumeration files = multi.getFileNames();
+        while( files.hasMoreElements() ){
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+		
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			fileName     = fName;
+		
+        }
+	  if(fileName == null){
+			fileName = "";
+		}
+	String c_relation	= r_call(multi.getParameter("c_relation")); 
+	String c_home	= r_call(multi.getParameter("c_home")); 
+	String c_maker	= r_call(multi.getParameter("c_maker")); 
+	String c_name	= r_call(multi.getParameter("c_name")); 
+	String c_title1	= r_call(multi.getParameter("c_title1")); 
+	String c_title2	= r_call(multi.getParameter("c_title2")); 
+	String c_view	= r_call(multi.getParameter("c_view")); 
+	String c_exp	= r_call2(multi.getParameter("c_exp")); 
+	
+
+	int c_order = 1;
+	String sql_ok = "select max(c_order) as max_order from tbl_image ";
+	ResultSet rss = stmt.executeQuery(sql_ok);
+	if(rss.next()){
+		c_order = rss.getInt("max_order") + 1;
+	} 
+	rss.close();
+	
+	if(c_view.equals("0")){
+		sql_ok = "update tbl_image set c_view = 1 where c_home = " + c_home + " and c_maker = " + c_maker +" and c_relation = " + c_relation + " ";
+		stmt.execute(sql_ok); 
+	}	
+	sql_ok = "insert into tbl_image (c_home,c_maker,c_relation,c_file,c_name,c_title1,c_title2,c_exp,c_order,c_view,c_date) values(";
+	sql_ok = sql_ok + c_home + " ";
+	sql_ok = sql_ok + ","+ c_maker + " ";
+	sql_ok = sql_ok + ","+ c_relation + " ";
+	sql_ok = sql_ok + ",'"+ fileName + "' ";
+	sql_ok = sql_ok + ",'"+ c_name + "' ";
+	sql_ok = sql_ok + ",'"+ c_title1 + "' ";
+	sql_ok = sql_ok + ",'"+ c_title2 + "' ";
+	sql_ok = sql_ok + ",'"+ c_exp + "' ";
+	sql_ok = sql_ok + ",0 ";
+	sql_ok = sql_ok + ","+ c_view + " ";
+	sql_ok = sql_ok + ",now()";
+	sql_ok = sql_ok + ")";
+	stmt.execute(sql_ok); 
+	
+%>
+
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/main/text/list.jsp b/resoft/field_manager/process/main/text/list.jsp
new file mode 100644
index 0000000..f6cbfc8
--- /dev/null
+++ b/resoft/field_manager/process/main/text/list.jsp
@@ -0,0 +1,103 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String c_image = "0" ;
+	 if(c_image == null || c_image.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
      
+ 
      
+ 
      
+ 
      
+ 		
+    	
+        
+        
+         
      
+        <%
+        	int c_main_type = 0;
+        	String sql_ok2 = "select  c_name, c_eng_name, c_main_type from tbl_field where c_no =  " + c_home  ;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_main_type= rss.getInt("c_main_type");
+		%>
+        	<%=rss.getString("c_name")%> / <%=rss.getString("c_eng_name")%> Main / Text Management
+		<%
+		} 
+		rss.close();
+	%>
+		
      
+		
      
+		
+         
      
+ 		
+    	
+        
+         
+        
+       
+       
+      
+	
+	 
+	<%
+		int old_order = 0;	
+		 String sql1="  SELECT * from tbl_image where c_home = "+ c_home +" and c_maker = "+ c_maker +" and c_relation = "+ c_image +"    order by c_order asc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int n_order = 0; 
+		 while (rst.next()) {
+		 	 n_order= n_order + 1;
+	%>
+	 
+	    	
+			
+			 
+			
+			
+			
+			 
+		
+		
+	    	
+	        
+
+	<%
+		 old_order = rst.getInt("c_order");
+		 }
+		 rst.close();
+	 %>
+
+    
+    	
+		
+        
+    		
+     
+
      NoTextUseDel
      <%=n_order%>
+				
      
+				<%=rst.getString("c_exp")%>
+				
      
+			      		
+				<%if(rst.getInt("c_view") == 0){%>
+					
+					[Use]
+				<%}else{%>
+					">[No Use]
+				<%}%>
+			'}">[Del]
      
+			Text Insert
+			List
+			 
+		
      
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/member/list.jsp b/resoft/field_manager/process/member/list.jsp
new file mode 100644
index 0000000..0d454ae
--- /dev/null
+++ b/resoft/field_manager/process/member/list.jsp
@@ -0,0 +1,204 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	int col_no = 10;
+	 String c_home = r_call(request.getParameter("c_home"));
+	if(c_home.equals("")){
+%>
+		alert("Wrong Connection.")
+		location.href="/"
+<%	}else{
+
+%>
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  Member List - 
+        	  <%if(c_home.equals("t")){%>
+        	  	Entire
+        	  <%}%>
+        	  <%if(c_home.equals("0")){%>
+        	  	From BMC
+        	  <%}%>
+        	  <%if(!c_home.equals("0") && !c_home.equals("t")){
+        	  	 String sql_home="  SELECT * from tbl_field where c_no = " + c_home;
+			 ResultSet rs_home = stmt.executeQuery(sql_home);
+			 if(rs_home.next()) {
+			 %>
+			 	From [ <%=rs_home.getString("c_name")%>(<%=rs_home.getString("c_eng_name")%>) ] Member
+			 <%
+        	  	 }
+        	  	 rs_home.close();
+        	  %>
+        	  <%}%>
+         
      
+
+	 
+		
+	
+    	
+        
+        
+        
+        
      
+        	  
+        	  * Member information is personal information. Care must be taken in handling.
+        	  
+         
      
+ 		
+    	
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+	<%
+		 String para_t = "&c_home=" + c_home; 
+		 String where_t = ""; 
+		 if(c_home.equals("t")){ 
+			 where_t = " c_use = 0  ";
+		 }else{
+			 where_t = " c_use = 0 and c_from = "+ c_home +" ";
+		 }
+		 int totalRecord = 0; //총레코드개수
+		int numPerPage = 20; //한페이지당 보여줄레코드개수
+		int totalPage = 0; //총페이지수
+		int pagePerBlock = 10; //블록당페이지수
+		int nowPage = 1; //현재페이지
+		
+		String sql1 = "";
+		sql1 = " select count(a.c_no) ";
+			sql1 = sql1 + " from tbl_member a  ";
+			sql1 = sql1 + " where  "+ where_t +"  ";
+		ResultSet rst = stmt.executeQuery(sql1);
+		if (rst.next()) {
+			totalRecord = rst.getInt(1);
+		}
+		rst.close();
+		if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) {
+			nowPage = Integer.parseInt(r_call(request.getParameter("nowPage")));
+		}
+		
+		//nowPage = 93;
+		//totalRecord =1240;
+		int pfirst = 0; //첫페이지 번호
+		int plast = 0; // 끝페이지 번호
+		int plast_org = 0;
+	
+		pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1;
+		plast = pfirst + pagePerBlock - 1;
+		plast_org = (totalRecord-1)/numPerPage + 1;
+		if(plast > plast_org){
+			plast = plast_org;
+		}
+		int c_number=totalRecord-(nowPage-1)*numPerPage;
+		
+		int sql_now_page = (nowPage - 1) * numPerPage;
+
+		
+		 
+	
+		  	 sql1="";
+			 sql1 = "SELECT a.* ";
+			 sql1 = sql1 + ",(select c_name from tbl_field where c_no = a.c_from ) as home_name ";
+			 sql1 = sql1 + " from tbl_member a ";
+			 sql1 = sql1 + " where  " + where_t +" order by  c_rand asc";
+		 
+		 	 rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+			
+			
+			
+			
+			
+			
+			
+		
+	<%
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rst.close();
+	 %>
+        
      NoNameIDPhonrHomepagePhotoStatusJoinedFrom..
      <%=i_no%><%=rst.getString("c_name")%><%=rst.getString("c_id")%><%=rst.getString("c_phone")%><%=rst.getString("c_home")%>
+				<%if(!rst.getString("c_photo").equals("")){%>
+					" width=80>
+				<%}%>
+			
+				<%if(rst.getInt("c_rand") == 0){%>
+					Registration completed
+				<%}else{%>
+					Waiting to join
+				<%}%>
+			<%=rst.getString("c_date").substring(0,10)%>
+				<%if(rst.getInt("c_from") == 0){%>
+					BMC
+				<%}else{%>
+					<%=rst.getString("home_name")%>
+				<%}%>
+			
      There is no data.
      
+
+         
      
+         	
+         
+    	 
+		
+        
+	    	
+	    
      
+			
+	        	
+			<%if(pfirst > 1){ %>
+			
+			
+			<%}%>
+	        	<% for(int i=pfirst;i
+	        	 
+	        	<%}%>
+	        	<%if(plast < plast_org){ %>
+			
+			
+			<%}%>
+			
+			
      
+				〈〈
+			
+				〈
+			
+	        		<% if(i==nowPage){%>
+	        		<%=i%>
+	        		<%}else{%>
+	        		<%=i%>
+				<%}%>
+	        	
+				〉
+			
+				〉〉
+			
      			 
+		
      
+
      
+<%}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/menu/change.jsp b/resoft/field_manager/process/menu/change.jsp
new file mode 100644
index 0000000..977cb8f
--- /dev/null
+++ b/resoft/field_manager/process/menu/change.jsp
@@ -0,0 +1,21 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+ 	String c_home	= r_call(request.getParameter("c_home")); 
+	String c_maker	= r_call(request.getParameter("c_maker")); 
+ 
+	String c_no	= r_call(request.getParameter("c_no")); 
+	String c_name	= r_call(request.getParameter("name")); 
+	String c_value	= r_call(request.getParameter("value")); 
+	 
+	 
+	String sql_ok = "update tbl_menu set "+ c_name +" = "+ c_value +" where c_no = "+ c_no ;
+	stmt.execute(sql_ok); 
+	
+%>
+
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/menu/change2.jsp b/resoft/field_manager/process/menu/change2.jsp
new file mode 100644
index 0000000..c54f75e
--- /dev/null
+++ b/resoft/field_manager/process/menu/change2.jsp
@@ -0,0 +1,21 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+ 	 String c_rel = r_call(request.getParameter("c_rel"));
+	 if(c_rel == null || c_rel.equals("")){
+	 	c_rel = "0";
+	 }
+	String c_no	= r_call(request.getParameter("c_no")); 
+	String c_view	= r_call(request.getParameter("c_view")); 
+	 
+	 
+	String sql_ok = "update tbl_m_image set c_view = "+ c_view +" where c_no = "+ c_no ;
+	stmt.execute(sql_ok); 
+	 
+%>
+
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/menu/change_order.jsp b/resoft/field_manager/process/menu/change_order.jsp
new file mode 100644
index 0000000..838de00
--- /dev/null
+++ b/resoft/field_manager/process/menu/change_order.jsp
@@ -0,0 +1,40 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home	= r_call(request.getParameter("c_home")); 
+	String c_maker	= r_call(request.getParameter("c_maker")); 
+ 	String y	= r_call(request.getParameter("y")); 
+	String c_no	= r_call(request.getParameter("c_no")); 
+	String c_up_no	= r_call(request.getParameter("c_up_no")); 
+	String now_order	= r_call(request.getParameter("now_order")); 
+	String change_order	= r_call(request.getParameter("change_order")); 
+	 
+	 
+	String sql_ok = "update tbl_menu set c_order = 10000 where c_up_no = "+ c_up_no +" and  c_order = "+ change_order + " and c_home = " + c_home + " and c_maker = " + c_maker;
+	stmt.execute(sql_ok); 
+	sql_ok = "update tbl_menu set c_order = " + change_order + " where  c_up_no = "+ c_up_no +" and    c_order = "+ now_order + " and c_home = " + c_home + " and c_maker = " + c_maker ;
+	stmt.execute(sql_ok); 
+	sql_ok = "update tbl_menu set c_order = " + now_order + " where  c_up_no = "+ c_up_no +" and   c_order = 10000" + " and c_home = " + c_home + " and c_maker = " + c_maker  ;
+	stmt.execute(sql_ok); 
+	if(!c_no.equals("")){
+		sql_ok = "update tbl_menu set c_content = '" + c_no + "' where  c_no = "+ c_up_no +" "  + " and c_home = " + c_home + " and c_maker = " + c_maker ;
+		stmt.execute(sql_ok); 
+		if(y.equals("1")){
+			sql_ok = "select c_up_no from tbl_menu where c_no = "+ c_up_no +" " + " and c_home = " + c_home + " and c_maker = " + c_maker;
+			ResultSet rst3 = stmt.executeQuery(sql_ok);
+			if(rst3.next()){
+				if(rst3.getInt("c_up_no")>0){
+					sql_ok = "update tbl_menu set c_content = '" + c_no + "' where  c_no = "+ rst3.getInt("c_up_no") +" "   + " and c_home = " + c_home + " and c_maker = " + c_maker;
+					stmt.execute(sql_ok); 
+				}
+			}
+			rst3.close();
+		}
+	}
+%>
+
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/menu/delete.jsp b/resoft/field_manager/process/menu/delete.jsp
new file mode 100644
index 0000000..50e11a6
--- /dev/null
+++ b/resoft/field_manager/process/menu/delete.jsp
@@ -0,0 +1,22 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+		String c_home	= r_call(request.getParameter("c_home")); 
+		String c_maker	= r_call(request.getParameter("c_maker")); 
+ 		String c_no = r_call(request.getParameter("c_no"));
+	
+		String sql_ok = "delete from tbl_menu  where c_up_no = "+ c_no;
+		stmt.execute(sql_ok);
+		sql_ok = "delete from tbl_menu  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	 
+
+ %> 
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/menu/edit.jsp b/resoft/field_manager/process/menu/edit.jsp
new file mode 100644
index 0000000..91485f6
--- /dev/null
+++ b/resoft/field_manager/process/menu/edit.jsp
@@ -0,0 +1,160 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+ <%
+	String c_home	= r_call(request.getParameter("c_home")); 
+	String c_maker	= r_call(request.getParameter("c_maker")); 
+	String c_up_no	= r_call(request.getParameter("c_up_no")); 
+	String c_no	= r_call(request.getParameter("c_no")); 
+	if(c_up_no.equals("")){
+%>
+		
+<%	
+	}else{
+ 
+ 	String up_name = "";
+ 	String sql = "select c_name from tbl_menu where c_no = " + c_up_no + "";
+ 	ResultSet rs = stmt.executeQuery(sql);
+ 	if(rs.next()){
+ 		up_name = rs.getString("c_name");
+ 	}
+ 	rs.close();
+ 	sql = "select * from tbl_menu where c_no = " + c_no + "";
+ 	rs = stmt.executeQuery(sql);
+ 	if(rs.next()){
+ %>
+
+
      
+


      
+
+	 
+ 	 
+	
+	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	 
+	 
+ 	
       Upper menu  <%=up_name%> 
       Name  "/> 
       Type 
+ 		checked<%}%>>UP Menu
+ 			  
+ 		checked<%}%>>Contents File
+ 			  
+ 		checked<%}%>>Contents(Direct)
+ 			  
+ 		checked<%}%>>Process
+ 			  
+ 		checked<%}%>>Inner Link
+ 			  
+ 		checked<%}%>>Outer Link
+ 	 
       
      Contents File
              		 
+ 			
+ 			
      
+ 				<%if(rs.getInt("c_type")==1){%> 
+ 					<%=rs.getString("c_content")%><%}%>" type="hidden">
+	 				Now file : <%=rs.getString("c_content")%>
      Change : 
+ 				<%}%>
+ 				
+ 				
      * jsp file, using English file name, Char. You need to put the type utf-8 at the top.
+ 			
      
+ 			
+ 			
+ 			
+			
+ 	  
      Whether or not to use 
+ 		 Please correct the usage in the list right away..
+ 	
      
+ 	
+ 	
+    		
+        
+	 
+	 
      
+			Menu Edit
+			Cancel
+		
      
+<%
+	}
+ 	rs.close();
+	}
+%> 
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/menu/edit_ok.jsp b/resoft/field_manager/process/menu/edit_ok.jsp
new file mode 100644
index 0000000..d357779
--- /dev/null
+++ b/resoft/field_manager/process/menu/edit_ok.jsp
@@ -0,0 +1,105 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ page import="java.util.GregorianCalendar" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+
+	GregorianCalendar now = new GregorianCalendar();
+	String c_date = String.format("%TF", now);//yyyy-mm-dd
+ 	String fileName     = "";
+ 	String imageName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/menu_file/";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+
+ 	 realFolder = scontext.getRealPath(saveFolder);
+		
+	 
+	 realFolder = "/home/resoft/menu_file/";
+	 realFolder = "/home/resoft/cms_for_bcb/contents/";
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+ 
+ 		 
+        Enumeration files = multi.getFileNames();
+	int ty = 0;
+        while( files.hasMoreElements() ){
+		ty = ty + 1;
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+		
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+		if(ty == 1){	
+			fileName     = fName;
+		}else{
+			imageName 	= fName;
+		}
+        }
+	  if(fileName == null){
+			fileName = "";
+		}
+	 if(imageName == null){
+			imageName = "";
+		}
+		
+	String c_home	= r_call(multi.getParameter("c_home")); 
+	String c_maker	= r_call(multi.getParameter("c_maker")); 
+	String old_file	= r_call(multi.getParameter("old_file")); 
+	String c_up_no	= r_call(multi.getParameter("c_up_no")); 
+	String c_no	= r_call(multi.getParameter("c_no")); 
+	String c_name	= r_call(multi.getParameter("c_name")); 
+	String c_type	= r_call(multi.getParameter("c_type")); 
+	String c_content2	= r_call(multi.getParameter("c_content2")); 
+	String c_content3	= r_call(multi.getParameter("c_content3")); 
+	String c_content4	= r_call(multi.getParameter("c_content4")); 
+	String c_content5	= r_call2(multi.getParameter("c_content5")); 
+	String c_content	= ""; 
+	if(c_type.equals("1")){
+		if(fileName.equals("")){
+			c_content	= old_file;
+		}else{
+			c_content	= fileName;
+		}
+	}
+	if(c_type.equals("2") ){
+		c_content	= c_content2;
+	}
+	if(c_type.equals("3")){
+		c_content	= c_content3;
+	}
+	if(c_type.equals("4")){
+		c_content	= c_content4;
+	}
+	if(c_type.equals("5")){
+		c_content	= c_content5;
+	}
+	 
+	String sql_ok = "update tbl_menu set ";
+	sql_ok = sql_ok + "c_name = '"+ c_name + "' ";
+	sql_ok = sql_ok + ",c_type = "+ c_type + " ";
+	if(!c_content.equals("x") ){
+	sql_ok = sql_ok + ",c_content = '"+ c_content + "' ";
+	}
+	sql_ok = sql_ok + "where c_no = " + c_no;
+	stmt.execute(sql_ok); 
+	
+%>
+
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/menu/insert.jsp b/resoft/field_manager/process/menu/insert.jsp
new file mode 100644
index 0000000..f022f89
--- /dev/null
+++ b/resoft/field_manager/process/menu/insert.jsp
@@ -0,0 +1,176 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+
+<%
+	String c_home	= r_call(request.getParameter("c_home")); 
+	String c_maker	= r_call(request.getParameter("c_maker")); 
+
+	String c_up_no	= r_call(request.getParameter("c_up_no")); 
+	if(c_up_no.equals("")){
+%>
+		
+<%	
+	}else{
+ 
+ 	String up_name = "";
+ 	 
+ 	if(c_up_no.equals("0")){
+ 		up_name = "top menu";
+ 	}else{
+ 	String sql = "select c_name from tbl_menu where c_no = " + c_up_no + "";
+ 	ResultSet rs = stmt.executeQuery(sql);
+ 	if(rs.next()){
+ 		up_name = rs.getString("c_name");
+ 	}
+ 	rs.close();
+ 	
+ 	}
+ %>
+
+
      
+


      
+
+ 	
+ 	 
+	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+	 
+ 	
       Upper menu  <%=up_name%> 
       Name   
       Type 
+ 		checked<%}%>>UP Menu
+ 		 <%if(!c_up_no.equals("0")){%>
+ 		 	  
+ 		checked<%}%>>Contents File
+ 			  
+ 		Contents(Direct)
+ 			  
+ 		Process
+ 			  
+ 		Inner Link
+ 			  
+ 		Outer Link
+		<%}%>
+ 	 
       
      Contents File
              		 
+ 			
      block<%}else{%>none<%}%>">
+ 				* In the case of Up Menu, be sure to create a sub-menu.
+ 			
      
+ 			
      block<%}else{%>none<%}%>">
+ 				
+ 				
      * jsp file, using English file name, Char. You need to put the type utf-8 at the top.
+ 			
      
+ 			
+ 			
+ 			
+ 			
+ 	  
      Use 
+ 		Yes
+  			  
+		No
+ 	
      
+ 	
+ 	
+    		
+        
+	 
+	 
      
+			Menu Insert
+			Cancel
+		
      
+<%
+	}
+%> 
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/menu/insert_b.jsp b/resoft/field_manager/process/menu/insert_b.jsp
new file mode 100644
index 0000000..6ed9791
--- /dev/null
+++ b/resoft/field_manager/process/menu/insert_b.jsp
@@ -0,0 +1,145 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+ <%
+	String c_up_no	= r_call(request.getParameter("c_up_no")); 
+	String c_home	= r_call(request.getParameter("c_home")); 
+	String c_maker	= r_call(request.getParameter("c_maker")); 
+
+	if(c_up_no.equals("")){
+%>
+		
+<%	
+	}else{
+ 
+ 	String up_name = "";
+ 	String sql = "select c_name from tbl_menu where c_no = " + c_up_no + "";
+ 	ResultSet rs = stmt.executeQuery(sql);
+ 	if(rs.next()){
+ 		up_name = rs.getString("c_name");
+ 	}
+ 	rs.close();
+ %>
+
+	 
      메뉴 등록
      
+ 	
+ 	 
+	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+	 
+ 	
       상위메뉴  <%=up_name%> 
       명칭   
       Type 
+ 		UP Menu
+ 			  
+ 		Contents
+ 			  
+ 		Process
+ 			  
+ 		외부 Link
+ 	 
       
      Contents 파일
              		 
+ 			
+ 			
      
+ 				
+ 				
      * jsp 파일, 영문파일명 이용, Char. type을 상단에 utf-8 넣어주어야합니다.
+ 			
      
+ 			
+ 			
+ 	  
      안내문구 
+		
+ 	
      상단이미지 
+		
+		
      * 높이는 95px 너비는 350px 이하로 영문 파일명으로 해 주세요.
+ 	
      상단이미지 링크 
+		
+ 	
      사용여부 
+ 		예
+  			  
+		아니오
+ 	
      
+ 	
+ 	
+    		
+        
+	 
+	 
      
+			메뉴등록
+			취소
+		
      
+<%
+	}
+%> 
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/menu/insert_ok.jsp b/resoft/field_manager/process/menu/insert_ok.jsp
new file mode 100644
index 0000000..f299aa3
--- /dev/null
+++ b/resoft/field_manager/process/menu/insert_ok.jsp
@@ -0,0 +1,117 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ page import="java.util.GregorianCalendar" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+
+	GregorianCalendar now = new GregorianCalendar();
+	String c_date = String.format("%TF", now);//yyyy-mm-dd
+ 	String fileName     = "";
+ 	String imageName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/menu_file/";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+
+ 	 realFolder = scontext.getRealPath(saveFolder);
+	 realFolder = "/home/resoft/cms_for_bcb/contents/";
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+ 
+ 		 
+        Enumeration files = multi.getFileNames();
+	int ty = 0;
+        while( files.hasMoreElements() ){
+		ty = ty + 1;
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+		
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+		if(ty == 1){	
+			fileName     = fName;
+		}else{
+			imageName 	= fName;
+		}
+        }
+	  if(fileName == null){
+			fileName = "";
+		}
+	 if(imageName == null){
+			imageName = "";
+		}
+	String c_home	= r_call(multi.getParameter("c_home")); 
+	String c_maker	= r_call(multi.getParameter("c_maker")); 
+	String c_up_no	= r_call(multi.getParameter("c_up_no")); 
+	String c_name	= r_call(multi.getParameter("c_name")); 
+	String c_type	= r_call(multi.getParameter("c_type")); 
+	String c_content2	= r_call(multi.getParameter("c_content2")); 
+	String c_content3	= r_call(multi.getParameter("c_content3")); 
+	String c_content4	= r_call(multi.getParameter("c_content4")); 
+	String c_content5	= r_call2(multi.getParameter("c_content5")); 
+	String c_use	= r_call(multi.getParameter("c_use")); 
+	String c_content	= ""; 
+	if(c_type.equals("1")){
+		c_content	= fileName;
+	}
+	if(c_type.equals("2")){
+		c_content	= c_content2;
+	}
+	if(c_type.equals("3")){
+		c_content	= c_content3;
+	}
+	if(c_type.equals("4")){
+		c_content	= c_content4;
+	}
+	if(c_type.equals("5")){
+		c_content	= c_content5;
+	}
+	int c_no = 1;
+	int c_order = 1;
+	int cc_relation = 1;
+	int cc_relation2 = 1;
+	String sql_ok = "select  max(c_order) as max_order  from tbl_menu where c_home = "+ c_home + " and c_maker = " + c_maker ;
+	ResultSet rss = stmt.executeQuery(sql_ok);
+	if(rss.next()){
+		c_order = rss.getInt("max_order") + 1;
+	} 
+	rss.close();
+	sql_ok = "select    max(c_relation) as max_relation, max(c_relation2) as max_relation2 from tbl_menu " ;
+	rss = stmt.executeQuery(sql_ok);
+	if(rss.next()){
+		cc_relation = rss.getInt("max_relation") + 1;
+		cc_relation2 = rss.getInt("max_relation2") + 1;
+	} 
+	rss.close();
+	sql_ok = "insert into tbl_menu (c_home,c_maker,c_up_no,c_order,c_relation,c_relation2,c_type,c_name,c_content,c_view,c_use,c_date) values(";
+	sql_ok = sql_ok + c_home + " ";
+	sql_ok = sql_ok + ","+ c_maker + " ";
+	sql_ok = sql_ok + ","+ c_up_no + " ";
+	sql_ok = sql_ok + ","+ c_order + " ";
+	sql_ok = sql_ok + ","+ cc_relation + " ";
+	sql_ok = sql_ok + ","+ cc_relation2 + " ";
+	sql_ok = sql_ok + ","+ c_type + " ";
+	sql_ok = sql_ok + ",'"+ c_name + "' ";
+	sql_ok = sql_ok + ",'"+ c_content + "' ";
+	sql_ok = sql_ok + ",0,"+ c_use + " ";
+	sql_ok = sql_ok + ",now())";
+	stmt.execute(sql_ok); 
+	
+%>
+
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/menu/list.jsp b/resoft/field_manager/process/menu/list.jsp
new file mode 100644
index 0000000..f32102c
--- /dev/null
+++ b/resoft/field_manager/process/menu/list.jsp
@@ -0,0 +1,305 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	String c_home	= r_call(request.getParameter("c_home")); 
+	String c_maker	= r_call(request.getParameter("c_maker")); 
+
+	if(c_home.equals("") || c_maker.equals("")){
+	%>
+	
+	<%
+	}else{
+
+	Statement stmt3=conn.createStatement();
+	int old_order2 = 0; 
+	int old_order3 = 0;
+	int order2 = 0; 
+	int order3 = 0; 
+%>
+ 
      
+ 		
+    	
+        
+        
      
+        <%
+        	String sql_ok2 = "select  c_name, c_eng_name from tbl_field where c_no =  " + c_home  ;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+		%>
+        	<%=rss.getString("c_name")%> / <%=rss.getString("c_eng_name")%> Menu management
+		<%
+		} 
+		rss.close();
+	%>
+         
      
+ 		
+    	
+        
+        
+         
+        
+        
+        
+        
+        
+        
+ 	
+	 
+	<%
+		int order1 = 0;
+		int old_order1 = 0;
+		 String sql1="  SELECT * from tbl_menu where c_up_no = 0 and c_home="+ c_home +" and c_maker = "+ c_maker +"  order by c_order asc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 while (rst.next()) {
+		 	 order1 = order1 + 1 ;
+	%>
+	    	
+			
+			
+			
+			
+			
+			
+			
+			
+			
+		
+				<%
+					old_order1 = rst.getInt("c_order");
+				%>
+		
+	    	
+	        
+	        <%
+	        	order2 = 0;
+	        	old_order2 = 0;
+			 String sql12="  SELECT * from tbl_menu where c_up_no = "+ rst.getInt("c_no") +"   order by c_order asc";
+			 ResultSet rst2 = stmt2.executeQuery(sql12);
+			 while (rst2.next()) {
+				 order2 = order2 + 1 ;
+		%>
+		    	
+				
+				
+				
+				 
+				
+				
+				
+				
+				
+				<%
+					old_order2 = rst2.getInt("c_order");
+				%>
+			
+			
+		    	
+		        
+		         <%
+	       	        	order3 = 0;
+		        	old_order3 = 0;
+				 String sql13="  SELECT * from tbl_menu where c_up_no = "+ rst2.getInt("c_no") +"   order by c_order asc";
+				 ResultSet rst3 = stmt3.executeQuery(sql13);
+				 while (rst3.next()) {
+					 order3 = order3 + 1 ;
+			%>
+			    	
+					
+					
+					
+					 
+					
+					
+					
+					
+					
+				<%
+					old_order3 = rst3.getInt("c_order");
+				%>
+
+				
+				
+			    	
+			        
+			<%
+				 }
+				 rst3.close();
+			 %>
+		<%
+			 }
+			 rst2.close();
+		 %>
+	<%
+		 }
+		 rst.close();
+	 %>
+
+
      NameTypeUsing ContentUseSub-registrationEditDelorder
      <%=rst.getString("c_name")%>
+			
+			
+						<%//if(rst.getInt("c_fix") == 1){%>
+													
+						<%//}else{%>
+							<%if(rst.getInt("c_use") == 0){%>
+								&c_home=<%=c_home%>&c_maker=<%=c_maker%>'}">Use
+							<%}else{%> 
+								&c_home=<%=c_home%>&c_maker=<%=c_maker%>'}">No Use
+							<%}%> 
+						<%//}%> 
+			
+				&c_level=2&c_home=<%=c_home%>&c_maker=<%=c_maker%>">[Sub-registration]
+			
+						<%if(rst.getInt("c_fix") == 1){%>
+													
+						<%}else{%>
+							&c_home=<%=c_home%>&c_maker=<%=c_maker%>">[Edit]
+						<%}%> 
+			
+						<%if(rst.getInt("c_fix") == 1){%>
+													
+						<%}else{%>
+							 
+								&c_home=<%=c_home%>&c_maker=<%=c_maker%>'}">[Del]
+							 
+						<%}%>
+			
+					<%if(order1 > 1){%>
+						<%=rst.getString("c_content")%><%}else{%><%=rst.getInt("c_no")%><%}%>&<%}%>c_up_no=<%=rst.getInt("c_up_no")%>&now_order=<%=rst.getInt("c_order")%>&change_order=<%=old_order1%>&c_home=<%=c_home%>&c_maker=<%=c_maker%>">▲
+					<%}%>
+			
      <%=rst2.getString("c_name")%>
+					<%if(rst2.getInt("c_type") == 0){%>
+						Up Menu
+					<%}%> 
+					<%if(rst2.getInt("c_type") == 1){%>
+						Contents
+					<%}%> 
+					<%if(rst2.getInt("c_type") == 2){%>
+						Process
+					<%}%> 
+					<%if(rst2.getInt("c_type") == 3){%>
+						Int. Link
+					<%}%> 
+					<%if(rst2.getInt("c_type") == 4){%>
+						Ext. Link
+					<%}%> 
+					<%if(rst2.getInt("c_type") == 5){%>
+						Direct Contents
+					<%}%> 
+				
+					<%if(rst2.getInt("c_type") > 0){%>
+						<%if(rst2.getInt("c_type") == 5){%>
+							Confirm in modification
+						<%}else{%> 
+						 
+							<%if(rst2.getString("c_content").length() > 20){%>
+								<%=rst2.getString("c_content").substring(0,20)%>..
+							<%}else{%>
+								<%=rst2.getString("c_content")%>
+							<%}%> 
+						<%}%> 
+					<%}%> 
+				
+					<%if(rst2.getInt("c_use") == 0){%>
+						<%if(order2 > 1){%>
+							&c_home=<%=c_home%>&c_maker=<%=c_maker%>'}">Use
+						<%}else{%>
+							Use
+						<%}%>
+					<%}else{%> 
+						&c_home=<%=c_home%>&c_maker=<%=c_maker%>'}">No Use
+					<%}%> 
+				
+					<%if(rst2.getInt("c_type") == 0){%>
+						&c_level=3&c_home=<%=c_home%>&c_maker=<%=c_maker%>">[Sub-registration]
+					<%}%> 
+				
+						<%if(rst2.getInt("c_fix") == 1){%>
+													
+						<%}else{%>
+							&c_no=<%=rst2.getInt("c_no")%>&c_home=<%=c_home%>&c_maker=<%=c_maker%>">[Edit]
+						<%}%>
+				
+						<%if(rst2.getInt("c_fix") == 1){%>
+													
+						<%}else{%>
+							<%if(order2 > 1){%>
+								&c_home=<%=c_home%>&c_maker=<%=c_maker%>'}">[Del]
+							<%}else{%>
+								[Del]
+							<%}%>
+						<%}%>
+				
+					<%if(order2 > 1){%>
+						<%=rst2.getString("c_content")%><%}else{%><%=rst2.getInt("c_no")%><%}%>&<%}%>c_up_no=<%=rst2.getInt("c_up_no")%>&now_order=<%=rst2.getInt("c_order")%>&change_order=<%=old_order2%>&c_home=<%=c_home%>&c_maker=<%=c_maker%>">▲
+					<%}%>
+				
      <%=rst3.getString("c_name")%>
+						<%if(rst3.getInt("c_type") == 0){%>
+							Up Menu
+						<%}%> 
+						<%if(rst3.getInt("c_type") == 1){%>
+							Contents
+						<%}%> 
+						<%if(rst3.getInt("c_type") == 2){%>
+							Process
+						<%}%> 
+						<%if(rst3.getInt("c_type") == 3){%>
+							Int. Link
+						<%}%> 
+						<%if(rst3.getInt("c_type") == 4){%>
+							Ext. Link
+						<%}%> 
+						<%if(rst3.getInt("c_type") == 5){%>
+							Direct Contents
+						<%}%> 
+					
+						 
+						<%if(rst3.getInt("c_type") > 0){%>
+							<%if(rst3.getInt("c_type") == 5){%>
+								Confirm in modification
+							<%}else{%> 
+								<%if(rst3.getString("c_content").length() > 20){%>
+									<%=rst3.getString("c_content").substring(0,20)%>..
+								<%}else{%>
+									<%=rst3.getString("c_content")%>
+								<%}%> 
+							<%}%> 
+						<%}%> 
+					
+						<%if(rst3.getInt("c_use") == 0){%>
+							<%if(order3 > 1){%>
+								&c_home=<%=c_home%>&c_maker=<%=c_maker%>'}">Use
+							<%}else{%>
+								Use
+							<%}%>
+						<%}else{%> 
+							&c_home=<%=c_home%>&c_maker=<%=c_maker%>'}">No USe
+						<%}%> 
+					
+						 
+					
+							&c_no=<%=rst3.getInt("c_no")%>&c_home=<%=c_home%>&c_maker=<%=c_maker%>">[Edit]
+					
+							
+							<%if(order3 > 1){%>
+								&c_home=<%=c_home%>&c_maker=<%=c_maker%>'}">[Del]
+							<%}else{%>
+								[Del]
+							<%}%>
+					
+						<%if(order3 > 1){%>
+							&<%}%>c_up_no=<%=rst3.getInt("c_up_no")%>&now_order=<%=rst3.getInt("c_order")%>&change_order=<%=old_order3%>&c_home=<%=c_home%>&c_maker=<%=c_maker%>">▲
+						<%}%>
+					
      
+[Top registration]
+
      
+<%
+	stmt3.close();
+%>
+ 
+<%	}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/menu/view.jsp b/resoft/field_manager/process/menu/view.jsp
new file mode 100644
index 0000000..9987f32
Binary files /dev/null and b/resoft/field_manager/process/menu/view.jsp differ
diff --git a/resoft/field_manager/process/point/ji/change.jsp b/resoft/field_manager/process/point/ji/change.jsp
new file mode 100644
index 0000000..c865e31
--- /dev/null
+++ b/resoft/field_manager/process/point/ji/change.jsp
@@ -0,0 +1,26 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_point_ji set c_change = 1  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/point/ji/delete.jsp b/resoft/field_manager/process/point/ji/delete.jsp
new file mode 100644
index 0000000..4c614b8
--- /dev/null
+++ b/resoft/field_manager/process/point/ji/delete.jsp
@@ -0,0 +1,26 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_point_ji set c_use = 1  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/point/ji/detail/change.jsp b/resoft/field_manager/process/point/ji/detail/change.jsp
new file mode 100644
index 0000000..ca1d9a2
--- /dev/null
+++ b/resoft/field_manager/process/point/ji/detail/change.jsp
@@ -0,0 +1,32 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_ji_no= r_call(request.getParameter("c_ji_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_order = r_call(request.getParameter("c_order"));
+	String o_no = r_call(request.getParameter("o_no"));
+	String o_order = r_call(request.getParameter("o_order"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+
+		String sql_ok = "update tbl_point_ji_detail set c_order = "+ o_order +"  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+		sql_ok = "update tbl_point_ji_detail set c_order = "+ c_order +"  where c_no = "+ o_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/point/ji/detail/delete.jsp b/resoft/field_manager/process/point/ji/detail/delete.jsp
new file mode 100644
index 0000000..dfa30c7
--- /dev/null
+++ b/resoft/field_manager/process/point/ji/detail/delete.jsp
@@ -0,0 +1,27 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_ji_no= r_call(request.getParameter("c_ji_no"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_point_ji_detail set c_use = 1  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/point/ji/detail/edit.jsp b/resoft/field_manager/process/point/ji/detail/edit.jsp
new file mode 100644
index 0000000..cda6b84
--- /dev/null
+++ b/resoft/field_manager/process/point/ji/detail/edit.jsp
@@ -0,0 +1,134 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_ji_no = r_call(request.getParameter("c_ji_no")); 
+	String c_up_no = r_call(request.getParameter("c_up_no")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  Registration of evaluation items
+         
      
+        	
+    	
+        
+        
+        
      
+		<%
+		int change_ok = 0;
+		String sql_ji = "select * from tbl_point_ji where c_home = " +c_home + " and c_no = " + c_ji_no;
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			change_ok = rs_ji.getInt("c_change");
+		%>
+		Management indicator : <%=rs_ji.getString("c_name")%>
+		<%
+		}
+		rs_ji.close();
+		%>
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter the items marked with the mark.
+        	  
+         
      
+        	<%
+		 sql_ji = "select * from tbl_point_ji_detail where  c_no = " + c_no;
+		 rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+		%>
+ 	
+ 	
+ 	 
+ 	 
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%if(!c_up_no.equals("0")){%>
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%}%>
+ 	
+ 	
       *Item type 
+ 		<%if(c_up_no.equals("0")){%>
+ 			Item 1
+ 		<%}else{%>
+ 			
+ 			<%
+			String sql_ji2 = "select * from tbl_point_ji_detail where c_no = " + c_up_no;
+			ResultSet rs_ji2 = stmt.executeQuery(sql_ji2);
+			if(rs_ji2.next()){
+			%>
+			Children of <%=rs_ji2.getString("c_title")%> 
+			<%
+			}
+			rs_ji2.close();
+			%>
+ 		<%}%>
+ 	
       *Item Name " id="" style="width:300px" maxlength="50"/> 
       *Explain 
+ 		 
+ 	
       *Points 
+ 		 point
+ 	
      
+ 	<%}
+		rs_ji.close();
+	%>
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Edit
+			Cancel
+		
      
+
      
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/point/ji/detail/edit_ok.jsp b/resoft/field_manager/process/point/ji/detail/edit_ok.jsp
new file mode 100644
index 0000000..6ae09b4
--- /dev/null
+++ b/resoft/field_manager/process/point/ji/detail/edit_ok.jsp
@@ -0,0 +1,35 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+	String c_ji_no = r_call(request.getParameter("c_ji_no")); 
+	String c_up_no = r_call(request.getParameter("c_up_no")); 
+	String c_exp = r_call(request.getParameter("c_exp")); 
+	String c_point = r_call(request.getParameter("c_point")); 
+
+		
+		String sql_ok = "";
+		sql_ok = "update tbl_point_ji_detail set ";
+		sql_ok = sql_ok + " c_title = '" + c_name + "' "; 
+
+		if(!c_up_no.equals("0")){
+			sql_ok = sql_ok + ", c_exp = '" + c_exp + "' "; 
+			sql_ok = sql_ok + ", c_point = " + c_point + " "; 
+		}
+		sql_ok = sql_ok + " where c_no = " + c_no; 
+
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/point/ji/detail/insert.jsp b/resoft/field_manager/process/point/ji/detail/insert.jsp
new file mode 100644
index 0000000..50ee7a0
--- /dev/null
+++ b/resoft/field_manager/process/point/ji/detail/insert.jsp
@@ -0,0 +1,123 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_ji_no = r_call(request.getParameter("c_ji_no")); 
+	String c_up_no = r_call(request.getParameter("c_up_no")); 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  Registration of evaluation items
+         
      
+        	
+    	
+        
+        
+        
      
+		<%
+		int change_ok = 0;
+		String sql_ji = "select * from tbl_point_ji where c_home = " +c_home + " and c_no = " + c_ji_no;
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			change_ok = rs_ji.getInt("c_change");
+		%>
+		Management indicator : <%=rs_ji.getString("c_name")%>
+		<%
+		}
+		rs_ji.close();
+		%>
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter the items marked with the mark.
+        	  
+         
      
+ 	
+ 	
+ 	 
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%if(!c_up_no.equals("0")){%>
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%}%>
+ 	
+ 	
       *Item type 
+ 		<%if(c_up_no.equals("0")){%>
+ 			Item
+ 		<%}else{%>
+ 			<%
+			sql_ji = "select * from tbl_point_ji_detail where c_no = " + c_up_no;
+			rs_ji = stmt.executeQuery(sql_ji);
+			if(rs_ji.next()){
+			%>
+			Children of <%=rs_ji.getString("c_title")%>
+			<%
+			}
+			rs_ji.close();
+			%>
+ 		<%}%>
+ 	
       *Item Name  
       *Explain 
+ 		 
+ 	
       *points 
+ 		 Point
+ 	
      
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Insert
+			Cancel
+		
      
+
      
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/point/ji/detail/insert_ok.jsp b/resoft/field_manager/process/point/ji/detail/insert_ok.jsp
new file mode 100644
index 0000000..d93a146
--- /dev/null
+++ b/resoft/field_manager/process/point/ji/detail/insert_ok.jsp
@@ -0,0 +1,37 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_ji_no = r_call(request.getParameter("c_ji_no")); 
+	String c_up_no = r_call(request.getParameter("c_up_no")); 
+	String c_exp = r_call(request.getParameter("c_exp")); 
+	String c_point = r_call(request.getParameter("c_point")); 
+	if(c_up_no.equals("0")){
+		c_point = "0";
+	} 
+		 int c_order = 1;
+		String sql_ji = "select c_order  from tbl_point_ji_detail where c_ji_no = " + c_ji_no + " and c_up_no = " + c_up_no + "  and c_use = 0 order by c_order desc";
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			c_order = rs_ji.getInt("c_order") + 1;
+		}
+		rs_ji.close();
+	 
+		String sql_ok = "";
+		sql_ok = "insert into tbl_point_ji_detail (c_ji_no,c_up_no,c_title,c_exp,c_point,c_order,c_use,c_date) values(";
+		sql_ok = sql_ok + c_ji_no + ","+  c_up_no +",'" + c_name + "','"+ c_exp+"',"+ c_point +","+ c_order +",0,now())";
+	
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/point/ji/detail/list.jsp b/resoft/field_manager/process/point/ji/detail/list.jsp
new file mode 100644
index 0000000..1085a0d
--- /dev/null
+++ b/resoft/field_manager/process/point/ji/detail/list.jsp
@@ -0,0 +1,188 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_ji_no = r_call(request.getParameter("c_ji_no"));
+	int col_no = 9;
+%>
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	Management of evaluation items  -11
+         
      
+
+ 		
+    	
+        
+        
+        
      
+		<%
+		int change_ok = 0;
+		String sql_ji = "select * from tbl_point_ji where c_home = " +c_home + " and c_no = " + c_ji_no;
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			change_ok = rs_ji.getInt("c_change");
+		%>
+		Management indicator : <%=rs_ji.getString("c_name")%>
+		<%
+		}
+		rs_ji.close();
+		%>
+         
      
+	 
+	 
+ 		
+    	
+        
+        
+        
+        
+        <%if(change_ok == 0){%>
+        
+        
+         
+        
+        <%}%>
+        
+	<%
+		 int total_point = 0;
+		 int o_no = 0;
+		 int o_order = 0;
+		 int o_no2 = 0;
+		 int o_order2 = 0;
+		 
+		 String sql1="  SELECT  * from tbl_point_ji_detail where c_ji_no = " + c_ji_no + " and c_up_no = 0 and c_use=0 order by c_order asc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+			
+			<%if(change_ok == 0){%>
+			
+			
+			
+			 
+			<%}
+				o_no = rst.getInt("c_no");
+				o_order = rst.getInt("c_order");
+			%>
+		
+			<%
+		 
+		 	 o_no2 = 0;
+			 o_order2 = 0;
+
+			 String sql12="  SELECT  * from tbl_point_ji_detail where c_ji_no = " + c_ji_no + " and c_up_no = "+ rst.getInt("c_no") +" and c_use=0 order by c_order asc";
+			 ResultSet rst2 = stmt.executeQuery(sql12);
+			 int i_no2 = 0;
+			 while (rst2.next()) {
+			 	total_point = total_point + rst2.getInt("c_point");
+				i_no2 = i_no2 + 1;
+		%>
+		    	
+				
+				
+				
+				
+				<%if(change_ok == 0){%>
+				
+				
+				
+				 
+				<%}%>
+			
+				 
+		<%		o_no2 = rst2.getInt("c_no");	 
+				o_order2 = rst2.getInt("c_order");
+			 }
+			rst2.close();
+		 %>
+			 
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rst.close();
+	 %>
+	 
+	 
+	 <%if(change_ok == 0){%>
+	 
+	 
+	 <%}%>
+        
      Item1Item2ExplainpointsSub-registrationEditDelOrder
      
+				<%=rst.getString("c_title")%>
+			
+			 
+			
+			
+				
+					&c_ji_no=<%=c_ji_no%>">[Isert Item2]
+				 
+			
+				 
+					&c_ji_no=<%=c_ji_no%>&c_up_no=0">[Edit]
+				 
+			
+				 
+					&c_ji_no=<%=c_ji_no%>'}">[Del]
+				
+			
+				 	<%if(i_no > 1){%>
+				 		&c_order=<%=rst.getInt("c_order")%>&o_no=<%=o_no%>&o_order=<%=o_order%>">▲
+				 	<%}%>
+			
      
+				
+					<%=rst2.getString("c_title")%>
+				
+					<%=rst2.getString("c_exp").replaceAll("\r","
      ").replaceAll("\n\r","
      ")%>
+				      		
+					<%=rst2.getString("c_point")%>Points
+				
+					 
+				
+					<%if(change_ok == 0){%>
+						&c_ji_no=<%=c_ji_no%>&c_up_no=<%=rst2.getInt("c_up_no")%>">[Edit]
+					<%}%>
+				
+					<%if(change_ok == 0){%>
+						&c_ji_no=<%=c_ji_no%>'}">[Del]
+					<%}%>
+				
+					 <%if(i_no2 > 1){%>
+				 		&c_order=<%=rst2.getInt("c_order")%>&o_no=<%=o_no2%>&o_order=<%=o_order2%>">△
+				 	<%}%>
+				
      There is no data.
      
+	 	Total score
+	 
+	 	<%=total_point%> Points
+	 
      
+
+        	
+    	
+	
+    			
+	
      
+		<%if(change_ok == 0){%>
+		Item1 Insert
+		<%}%>
+		List
+	
      
+
      
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/point/ji/edit.jsp b/resoft/field_manager/process/point/ji/edit.jsp
new file mode 100644
index 0000000..366be54
--- /dev/null
+++ b/resoft/field_manager/process/point/ji/edit.jsp
@@ -0,0 +1,81 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  Change in evaluation index
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter items marked with a mark..
+        	  
+         
      
+        <%
+        String sql1="  SELECT  * from tbl_point_ji where c_home = " + c_home + " and c_maker = 0 and c_use=0 and c_change=0 and c_no = " + c_no;
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+	%>
+ 	
+ 	
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
       *Evaluation index name " id="" style="width:300px" maxlength="50"/> 
      
+ 	<%	}else{
+ 	%>
+ 	
+ 	<%
+ 		}
+ 		rst.close();
+ 	%>
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Edit/a>
+			Cancel
+		
      
+
      
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/point/ji/edit_ok.jsp b/resoft/field_manager/process/point/ji/edit_ok.jsp
new file mode 100644
index 0000000..df4b19c
--- /dev/null
+++ b/resoft/field_manager/process/point/ji/edit_ok.jsp
@@ -0,0 +1,22 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+	 
+		String sql_ok = "";
+		sql_ok = "update tbl_point_ji set c_name = '" + c_name + "' where c_no = " + c_no;
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/point/ji/insert.jsp b/resoft/field_manager/process/point/ji/insert.jsp
new file mode 100644
index 0000000..e619366
--- /dev/null
+++ b/resoft/field_manager/process/point/ji/insert.jsp
@@ -0,0 +1,64 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  Registration of evaluation index
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter the items marked with the mark.
+        	  
+         
      
+ 	
+ 	
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
       *Evaluation index name  
      
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Insert
+			Cancel
+		
      
+
      
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/point/ji/insert_ok.jsp b/resoft/field_manager/process/point/ji/insert_ok.jsp
new file mode 100644
index 0000000..cbd4b00
--- /dev/null
+++ b/resoft/field_manager/process/point/ji/insert_ok.jsp
@@ -0,0 +1,22 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	 
+		String sql_ok = "";
+		sql_ok = "insert into tbl_point_ji (c_home, c_name,c_change,c_use,c_date) values(";
+		sql_ok = sql_ok + c_home + ",'" + c_name + "',0,0,now())";
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/point/ji/list.jsp b/resoft/field_manager/process/point/ji/list.jsp
new file mode 100644
index 0000000..63ee327
--- /dev/null
+++ b/resoft/field_manager/process/point/ji/list.jsp
@@ -0,0 +1,95 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	int col_no = 7;
+%>
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  Management of evaluation indicators
+         
      
+
+	 
+	 
+ 		
+    	
+        
+        
+        
+        
+        
+         
+        
+	<%
+		 
+		 
+		 String sql1="  SELECT  * from tbl_point_ji where c_home = " + c_home + " and c_maker = 0 and c_use=0 order by c_no desc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+			
+			 
+			
+			
+			
+			
+			 
+			
+		
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rst.close();
+	 %>
+        
      NoEvaluation index nameItem managementWhether to changeEditDel
      
+				<%=i_no%>
+			
+				"><%=rst.getString("c_name")%>
+			
+					">[Item management]
+			
+				<%if(rst.getInt("c_change") == 0){%>
+				'}">[changeable]
+				<%}else{%>
+				Immutable
+				<%}%>
+			
+				<%if(rst.getInt("c_change") == 0){%>
+					">[Edit]
+				<%}%>
+			
+				<%if(rst.getInt("c_change") == 0){%>
+					'}">[Del]
+				<%}%>
+			
+			 
+		
      There is no data.
      
+
+        	
+    	
+	
+    			
+	
      
+		Insert
+	
      
+
      
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/point/project/change.jsp b/resoft/field_manager/process/point/project/change.jsp
new file mode 100644
index 0000000..8765f1c
--- /dev/null
+++ b/resoft/field_manager/process/point/project/change.jsp
@@ -0,0 +1,55 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_project_no= r_call(request.getParameter("c_project_no"));
+	String c_now= r_call(request.getParameter("c_now"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		if(c_now.equals("1")){
+			String sql1="  SELECT  a.c_name,(select c_name from tbl_project where c_no = a.c_project_no ) as p_name from tbl_point_project a where a.c_home = " + c_home + " and a.c_maker = 0  and a.c_use=0 and a.c_now = 1";
+		 	ResultSet rst = stmt.executeQuery(sql1);
+		 	if(rst.next()){
+%>
+
+
+<%
+		 	}else{
+		 	
+		String sql_ok = "update tbl_point_project set c_now = "+ c_now +"  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+		 	}
+		 	rst.close();
+		}else{
+		 	
+		String sql_ok = "update tbl_point_project set c_now = "+ c_now +"  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+		
+		}
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/point/project/content.jsp b/resoft/field_manager/process/point/project/content.jsp
new file mode 100644
index 0000000..3dfd9cc
--- /dev/null
+++ b/resoft/field_manager/process/point/project/content.jsp
@@ -0,0 +1,35 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	if(c_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c_content from tbl_point_project where c_no = " + c_no;
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
      
+
      
+
      
+	
+
+
+		
+
      
+	<%=rs_up.getString("c_content")%> 	  
+
      
+<%		}
+		rs_up.close();
+	}
+%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/point/project/delete.jsp b/resoft/field_manager/process/point/project/delete.jsp
new file mode 100644
index 0000000..b8ae579
--- /dev/null
+++ b/resoft/field_manager/process/point/project/delete.jsp
@@ -0,0 +1,27 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_project_no= r_call(request.getParameter("c_project_no"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_point_project set c_use = 1  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/point/project/edit.jsp b/resoft/field_manager/process/point/project/edit.jsp
new file mode 100644
index 0000000..d78d827
--- /dev/null
+++ b/resoft/field_manager/process/point/project/edit.jsp
@@ -0,0 +1,163 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+
+
+<%
+	String c_no = r_call(request.getParameter("c_no")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  Modification of the evaluation project
+         
      
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
       Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+  <%
+			 
+		}
+		rs_up.close();
+ }
+%>
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter the items marked with the mark.
+        	  
+         
      
+        		<%
+ 			 String sql12="  SELECT  * from tbl_point_project where c_home = " + c_home + " and c_maker = 0 and c_use=0 and c_now=0 and c_no = "+ c_no +" ";
+		 	ResultSet rst2 = stmt.executeQuery(sql12);
+		 	 while (rst2.next()){%>
+ 	
+ 	
+ 	 
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
       *Name of evaluation project " id="" style="width:300px" maxlength="50"/> 
       *Application index 
+ 		 * If there are no indicators to be used, manage the indicators first.
+ 	
       *Target classification 
+ 		 * It is used when the evaluator needs to identify an evaluation target.
+ 	
       *Contents of the pledge 
+ 		
+ 	
      
+ 	<%}
+		 	rst2.close();
+		 	%>
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Edit
+			Cancel
+		
      
+
      
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/point/project/edit_ok.jsp b/resoft/field_manager/process/point/project/edit_ok.jsp
new file mode 100644
index 0000000..7c9a6d9
--- /dev/null
+++ b/resoft/field_manager/process/point/project/edit_ok.jsp
@@ -0,0 +1,28 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_ji_no = r_call(request.getParameter("c_ji_no")); 
+	String c_part = r_call(request.getParameter("c_part")); 
+	String c_content = r_call2(request.getParameter("c_content")); 
+	 
+		String sql_ok = "";
+		sql_ok = "update tbl_point_project set c_name='"+ c_name +"',c_ji_no="+ c_ji_no +",c_part="+ c_part +",c_content='"+ c_content +"' ";
+		sql_ok = sql_ok + " where c_now = 0 and c_use = 0 and c_no = " + c_no;
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/point/project/insert.jsp b/resoft/field_manager/process/point/project/insert.jsp
new file mode 100644
index 0000000..ba54364
--- /dev/null
+++ b/resoft/field_manager/process/point/project/insert.jsp
@@ -0,0 +1,154 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+
+
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	Registration of evaluation project
+         
      
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
       Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+  <%
+			 
+		}
+		rs_up.close();
+ }
+%>
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter the items marked with the mark.
+        	  
+         
      
+ 	
+ 	
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
       *Evaluation Project Name  
       *Application index 
+ 		 * If there are no indicators to be used, manage the indicators first.
+ 	
       *Target classification 
+ 		 * It is used when the evaluator needs to identify the evaluation target.
+ 	
       *Contents of the pledge 
+ 		
+ 	
      
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Insert
+			Cancel
+		
      
+
      
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/point/project/insert_ok.jsp b/resoft/field_manager/process/point/project/insert_ok.jsp
new file mode 100644
index 0000000..320474d
--- /dev/null
+++ b/resoft/field_manager/process/point/project/insert_ok.jsp
@@ -0,0 +1,27 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_ji_no = r_call(request.getParameter("c_ji_no")); 
+	String c_part = r_call(request.getParameter("c_part")); 
+	String c_content = r_call2(request.getParameter("c_content")); 
+	 
+		String sql_ok = "";
+		sql_ok = "insert into tbl_point_project (c_home,c_maker,c_project_no, c_name,c_ji_no,c_part,c_content,c_now,c_use,c_date) values(";
+		sql_ok = sql_ok + c_home + ",0,"+ c_project_no +",'" + c_name + "',"+ c_ji_no +","+ c_part +",'"+ c_content +"',0,0,now())";
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/point/project/list.jsp b/resoft/field_manager/process/point/project/list.jsp
new file mode 100644
index 0000000..d27ad71
--- /dev/null
+++ b/resoft/field_manager/process/point/project/list.jsp
@@ -0,0 +1,188 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	int col_no = 12;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	 Evaluation project management
+         
      
+
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
       Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+  <%
+			 
+		}
+		rs_up.close();
+ }
+%>
+		
+    	
+        
+        
+        
      
+        	  * Evaluation project management
+        
      
+        	 
+ 		
+    	
+        
+        
+        
+        
+        
+        
+        
+        
+        
+         
+        
+	<%
+		 
+		 
+		 String sql1="  SELECT  a.* ";
+		 sql1 = sql1 + " ,(select c_name from tbl_point_ji where c_no = a.c_ji_no) as ji_name ";
+		 sql1 = sql1 + " ,(select c_no from tbl_point_ji where c_no = a.c_ji_no) as ji_no ";
+		 sql1 = sql1 + " ,(select c_name from tbl_apply_field where c_no = a.c_part) as part_name ";
+		 sql1 = sql1 + " from tbl_point_project a where a.c_home = " + c_home + " and a.c_maker = 0 and a.c_project_no = "+ c_project_no +" and  a.c_use=0 order by a.c_no desc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			 
+			
+		
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rst.close();
+	 %>
+        
      NoEvaluation nameUsage evaluation indexIndex Item
      View      		Evaluator
      Management      		Evaluation target
       management      		Evaluation Category/td>
+        View pledgeApply/End/td>
+        Results managementEditDel
      
+				<%=i_no%>
+			
+				<%=rst.getString("c_name")%>
+			
+				<%=rst.getString("ji_name")%>
+			
+				" target="_blank">[View]
+			
+				">[Evaluator Management]
+			
+				">[Target management]
+			
+				<%if(rst.getString("part_name") ==null){%>
+					No classification
+				<%}else{%>
+					<%=rst.getString("part_name")%>
+				<%}%>
+			
+				" target="_blank">[View]
+			
+				<%if(rst.getInt("c_now") ==0){%>
+					&c_now=1'}">Waiting
+				<%}%>
+				<%if(rst.getInt("c_now") ==1){%>
+					&c_now=2'}">Proceeding
+				<%}%>
+				<%if(rst.getInt("c_now") ==2){%>
+					End
+				<%}%>
+
+			
+				<%if(rst.getInt("c_now") >0){%>
+				">[Result]
+				<%}%>
+			
+				<%if(rst.getInt("c_now") ==0){%>
+					&c_project_no=<%=c_project_no%>">[Edit]
+				<%}%>
+			
+				 <%if(rst.getInt("c_now") ==0){%>
+					'}">[Del]
+				 <%}%>
+			
+			 
+		
      There is no data.
      
+
+        	
+    	
+	
+    			
+	
      
+		Registration of new evaluation project
+	
      
+
      
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/point/project/pointer/change.jsp b/resoft/field_manager/process/point/project/pointer/change.jsp
new file mode 100644
index 0000000..13cc74e
--- /dev/null
+++ b/resoft/field_manager/process/point/project/pointer/change.jsp
@@ -0,0 +1,33 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_project_no= r_call(request.getParameter("c_project_no"));
+	String c_jang= r_call(request.getParameter("c_jang"));
+	String pointer_no = r_call(request.getParameter("pointer_no"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		 
+			 
+		 	
+		String sql_ok = "update tbl_point_pointer set c_jang = "+ c_jang +"  where c_no = "+ pointer_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+		
+		 
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/point/project/pointer/change_part_ok.jsp b/resoft/field_manager/process/point/project/pointer/change_part_ok.jsp
new file mode 100644
index 0000000..7ac49d8
--- /dev/null
+++ b/resoft/field_manager/process/point/project/pointer/change_part_ok.jsp
@@ -0,0 +1,33 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_project_no= r_call(request.getParameter("c_project_no"));
+	String c_part= r_call(request.getParameter("c_part"));
+	String pointer_c_no = r_call(request.getParameter("pointer_c_no"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		 
+			 
+		 	
+		String sql_ok = "update tbl_point_pointer set c_part = '"+ c_part +"'  where c_no = "+ pointer_c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+		
+		 
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/point/project/pointer/insert_ok.jsp b/resoft/field_manager/process/point/project/pointer/insert_ok.jsp
new file mode 100644
index 0000000..7806212
--- /dev/null
+++ b/resoft/field_manager/process/point/project/pointer/insert_ok.jsp
@@ -0,0 +1,29 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+	int pointer_no = Integer.parseInt(r_call(request.getParameter("pointer_no"))); 
+
+		String sql_ok2 = "";
+		sql_ok2 = "delete from tbl_point_pointer where c_point_project_no = " + c_no;
+		stmt2.execute(sql_ok2); 
+
+	for(int i = 1;i < pointer_no + 1; i++){
+		String sql_ok = "";
+		sql_ok = "insert into tbl_point_pointer (c_point_project_no,c_id,c_pass, c_name,c_sosok,c_position,c_part,c_jang,c_date) values(";
+		sql_ok = sql_ok + c_no + ",'point" + i + "',SHA2('point" + i + "',512),'','','','',0,now())";
+		stmt2.execute(sql_ok); 
+	}
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/point/project/pointer/list.jsp b/resoft/field_manager/process/point/project/pointer/list.jsp
new file mode 100644
index 0000000..dea3546
--- /dev/null
+++ b/resoft/field_manager/process/point/project/pointer/list.jsp
@@ -0,0 +1,249 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	int col_no = 12;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	 Evaluator Management
+         
      
+
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ <%
+			 
+		}
+		rs_up.close();
+ 
+ 		int edit_ok = 0;
+		sql_up =   "select a.*,( select c_content from tbl_apply_field where c_no = a.c_part ) as c_parts from tbl_point_project a ";
+		sql_up = sql_up + " where a.c_no = " + c_no + " ";
+		String c_parts = "";
+		rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 edit_ok = rs_up.getInt("c_now");
+			 c_parts = rs_up.getString("c_parts");
+			 if(c_parts == null){
+			 	c_parts = "|||";
+			 }
+			 String[] a_part = c_parts.split("[|]");
+			 
+%>
+ 	 
+ 	
+ 	
+ 	 
+ 	
       Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
       Evaluation name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+  
+		
+    	
+        
+        
+        
      
+        	  * Evaluator Management
+        
      
+        	 
+ 		
+    	
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+	<%
+		 
+		 
+		 String sql_pt="select * from tbl_point_pointer where c_point_project_no = " + c_no + " order by c_no asc ";
+		 ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		 int i_no = 0;
+		 while (rs_pt.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			 
+		
+			 
+			
+		
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rs_pt.close();
+	 %>
+        
      NoidNamebelongrankEvaluation fieldModeratorRegistration dateLast access date
      
+				<%=i_no%>
+			
+				<%=rs_pt.getString("c_id")%>
+			
+				<%=rs_pt.getString("c_name")%>
+			
+				<%=rs_pt.getString("c_sosok")%>
+			
+				<%=rs_pt.getString("c_position")%>
+			
+				<%if(rs_up.getInt("c_part") == 0){%>
+					No classification
+				<%}else{%>
+					<%if(edit_ok == 0){%>
+					
+					<%}else{%>
+						<%=rs_pt.getString("c_part")%>
+					<%}%>
+					 
+				<%}%>
+			
+				<%if(rs_pt.getInt("c_jang") == 1){%>
+					<%if(edit_ok == 0){%>
+					">
+					<%}%>
+					Moderator
+				<%}else{%>
+					<%if(edit_ok == 0){%>
+					">
+					<%}%>
+					Normal
+				<%}%>
+			
+				<%=rs_pt.getString("c_date").substring(0,10)%>
+			
+				<%if(rs_pt.getString("c_update") != null){%>
+					<%=rs_pt.getString("c_update").substring(0,16)%>
+				<%}%>
+			
      There is no data.
      
+
+
+
+
      
+
+
+
+
+
+       	
+    	
+	
+	
+    			
+	
      
+		<%if(edit_ok == 0){%>
+		rater
+		People 
+		New registration
      
+		<%}%>
+	      		
+		List of evaluation projects
+	
      
+
      
+
      
+
      
+
      
+
      
+
+
+<%	}
+		rs_up.close();
+ }
+ %>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/point/project/result/change.jsp b/resoft/field_manager/process/point/project/result/change.jsp
new file mode 100644
index 0000000..efa8993
--- /dev/null
+++ b/resoft/field_manager/process/point/project/result/change.jsp
@@ -0,0 +1,35 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_project_no= r_call(request.getParameter("c_project_no"));
+	String target_no= r_call(request.getParameter("target_no"));
+	String c_pass = r_call(request.getParameter("c_pass"));
+	String call_part = r_call(request.getParameter("call_part"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		 
+			 
+		 	
+		String sql_ok = "update tbl_point_target set c_pass = "+ c_pass +"  where c_no = "+ target_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+		
+		 
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/point/project/result/change_point.jsp b/resoft/field_manager/process/point/project/result/change_point.jsp
new file mode 100644
index 0000000..dd57d07
--- /dev/null
+++ b/resoft/field_manager/process/point/project/result/change_point.jsp
@@ -0,0 +1,35 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_project_no= r_call(request.getParameter("c_project_no"));
+	String result_no= r_call(request.getParameter("result_no"));
+	String c_ok = r_call(request.getParameter("c_ok"));
+	String call_part = r_call(request.getParameter("call_part"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		 
+			 
+		 	
+		String sql_ok = "update tbl_point_result set c_ok = "+ c_ok +"  where c_no = "+ result_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+		
+		 
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/point/project/result/list.jsp b/resoft/field_manager/process/point/project/result/list.jsp
new file mode 100644
index 0000000..fb16bd0
--- /dev/null
+++ b/resoft/field_manager/process/point/project/result/list.jsp
@@ -0,0 +1,300 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String call_part2 = r_call(request.getParameter("call_part"));
+	int call_part = 0;
+	if(!call_part2.equals("")){
+		call_part = Integer.parseInt(call_part2);
+	}
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	int col_no = 12;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	   Management of evaluation results
+         
      
+
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ <%
+			 
+		}
+		rs_up.close();
+ 
+ 		int edit_ok = 0;
+		sql_up =   "select a.* ";
+		sql_up = sql_up + " ,( select c_content from tbl_apply_field where c_no = a.c_part ) as c_part_content ";
+		sql_up = sql_up + " ,( select c_name from tbl_apply_field where c_no = a.c_part ) as c_part_name ";
+		sql_up = sql_up + " ,( select c_use_field from tbl_apply_field where c_no = a.c_part ) as c_part_field ";
+		sql_up = sql_up + " from tbl_point_project a ";
+		sql_up = sql_up + " where a.c_no = " + c_no + " ";
+		String c_part_name = "";
+		String c_part_field = "";
+		rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 edit_ok = rs_up.getInt("c_now");
+			 c_part_name = rs_up.getString("c_part_name");
+			 c_part_field = rs_up.getString("c_part_field");
+%>
+ 	 
+ 	
+ 	
+ 	 
+ 	
       Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
       Evaluation name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+  
+		
+    	
+        
+        
+        
+        
      
+        	 
+        	 
      
+        	  * Evaluation results 
+		        	 
+        	  <%
+        	  String call_part_t = "";
+        	  if(rs_up.getString("c_part_content") != null){
+        	  %>
+        	  	
+        	  	
      
+        	  	
+        	  	
      
+        	  	 
+        	  <%}%>
+        	  
      
+              		
+        	* Click on the score to change the final save.
      
+        	* If the score is red, it is last saved..  
+        
      
+        
+        <%
+        	int pointer_num = 0;
+        	String pointer_name[] = new String[51]; 
+        	String pointer_no[] = new String[51]; 
+		 String sql_pt="select c_no, c_name,c_id from tbl_point_pointer where c_point_project_no = " + c_no + " ";
+		if(!call_part_t.equals("")){
+			 sql_pt = sql_pt + " and c_part = '" + call_part_t + "' ";
+		
+		}
+		 sql_pt = sql_pt + " order by c_no asc ";
+		 ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		 while (rs_pt.next()) {
+			pointer_num = pointer_num + 1;
+        		if(rs_pt.getString("c_name").equals("")){
+        			pointer_name[pointer_num] = rs_pt.getString("c_id") + "
      (Undefined)";
+        		}else{
+        			pointer_name[pointer_num] = rs_pt.getString("c_id") + "
      " + rs_pt.getString("c_name");
+        		}
+        		pointer_no[pointer_num] = rs_pt.getString("c_no"); 
+		 }
+		 rs_pt.close();
+	 %>	 
+ 	 	
+    	
+        
+        
+        <%if(c_part_name != null){%>
+        
+        <%}%>
+        
+         <%for(int pter = 1;pter
+	        
+         <%}%>
+        
+        
+        
+        
+        <%
+		 
+		 
+		  sql_pt="select t.* from ( select a.*,b.c_team_name,c.c_name as jang_name ";
+		 sql_pt = sql_pt +" ,( select "+ c_part_field +" from tbl_apply_team where c_no = b.c_no ) as part_part ";
+		 
+		 for(int pter = 1;pter
+	    	
+			
+			
+		        <%if(c_part_name != null){%>
+				
+			<%}%>
+			
+			<% for(int pter = 1;pter
+			
+		 	<%}%>
+		 	
+			
+			
+			 
+		 
+			
+		
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rs_pt.close();
+	 %>
+        
      NoTeam<%=c_part_name%>Cap<%=pointer_name[pter]%>totalAverageSelection result
      
+				<%=i_no%>
+			
+				&c_project_no=<%=c_project_no%>" target="_blank"><%=rs_pt.getString("c_team_name")%>
+			
+					 <%=rs_pt.getString("part_part")%>
+				
+				<%=rs_pt.getString("jang_name")%>
+			
+				<%if(rs_pt.getString("rt" + pter) != null ){
+					count_t = count_t + 1;
+					sum_t = sum_t + rs_pt.getInt("rt" + pter);		
+				%>
+					<%if(rs_pt.getInt("rt_ok" + pter) == 0 ){%>
+						&c_ok=1&call_part=<%=call_part%>"">
+					<%}else{%>
+						&c_ok=0&call_part=<%=call_part%>"">
+					<%}%>
+					<%=rs_pt.getInt("rt" + pter)%>
+				<%}%>
+			
+		 		<%=sum_t%>
+			
+				<%
+					if(count_t>0){
+						avr_t = sum_t / count_t;
+					}else{
+						avr_t = 0.0;
+					}
+				%>
+				<%=Math.round(avr_t*100)/100.0%>
+			
+				<%
+					if(rs_pt.getInt("c_pass")  == 0){
+				%>
+					&c_pass=1&call_part=<%=call_part%>">X
+				<%}else{%>
+					&c_pass=0&call_part=<%=call_part%>">selection
+				
+				<%}%>				
+			
      There is no data.
      
+
+
+  
+       	
+    	
+	
+	
+    			
+	
      
+		 
+	
+		View rating comments
+		List of evaluation projects
+	
      
+ 
+
      
+
      
+
      
+
      
+
+
+<%	}
+		rs_up.close();
+ }
+ %>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/point/project/result/list2.jsp b/resoft/field_manager/process/point/project/result/list2.jsp
new file mode 100644
index 0000000..d1ea2f1
--- /dev/null
+++ b/resoft/field_manager/process/point/project/result/list2.jsp
@@ -0,0 +1,261 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String call_part2 = r_call(request.getParameter("call_part"));
+	int call_part = 0;
+	if(!call_part2.equals("")){
+		call_part = Integer.parseInt(call_part2);
+	}
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	int col_no = 12;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        Management of evaluation results
+         
      
+
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ <%
+			 
+		}
+		rs_up.close();
+ 
+ 		int edit_ok = 0;
+		sql_up =   "select a.* ";
+		sql_up = sql_up + " ,( select c_content from tbl_apply_field where c_no = a.c_part ) as c_part_content ";
+		sql_up = sql_up + " ,( select c_name from tbl_apply_field where c_no = a.c_part ) as c_part_name ";
+		sql_up = sql_up + " ,( select c_use_field from tbl_apply_field where c_no = a.c_part ) as c_part_field ";
+		sql_up = sql_up + " from tbl_point_project a ";
+		sql_up = sql_up + " where a.c_no = " + c_no + " ";
+		String c_part_name = "";
+		String c_part_field = "";
+		rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 edit_ok = rs_up.getInt("c_now");
+			 c_part_name = rs_up.getString("c_part_name");
+			 c_part_field = rs_up.getString("c_part_field");
+%>
+ 	 
+ 	
+ 	
+ 	 
+ 	
       Fielf 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       ProjectName  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      Evaluation name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+  
+		
+    	
+        
+        
+        
      
+        	 
+        	 
      
+        	  * Evaluation opinion 
+		        	 
+        	  <%
+        	  String call_part_t = "";
+        	  if(rs_up.getString("c_part_content") != null){
+        	  %>
+        	  	
+        	  	
      
+        	  	
+        	  	
      
+        	  	 
+        	  <%}%>
+        	  
      
+        
      
+        
+        <%
+        	int pointer_num = 0;
+        	String pointer_name[] = new String[51]; 
+        	String pointer_no[] = new String[51]; 
+		 String sql_pt="select c_no, c_name,c_id from tbl_point_pointer where c_point_project_no = " + c_no + " ";
+		if(!call_part_t.equals("")){
+			 sql_pt = sql_pt + " and c_part = '" + call_part_t + "' ";
+		
+		}
+		 sql_pt = sql_pt + " order by c_no asc ";
+		 ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		 while (rs_pt.next()) {
+			pointer_num = pointer_num + 1;
+        		if(rs_pt.getString("c_name").equals("")){
+        			pointer_name[pointer_num] = rs_pt.getString("c_id") + "
      (Undefined)";
+        		}else{
+        			pointer_name[pointer_num] = rs_pt.getString("c_id") + "
      " + rs_pt.getString("c_name");
+        		}
+        		pointer_no[pointer_num] = rs_pt.getString("c_no"); 
+		 }
+		 rs_pt.close();
+	 %>	 
+ 	 	
+    	
+        
+        
+        <%if(c_part_name != null){%>
+        
+        <%}%>
+        
+         <%for(int pter = 1;pter
+	        
+         <%}%>
+        
+        
+        <%
+		 
+		 
+		  sql_pt="select t.* from ( select a.*,b.c_team_name,c.c_name as jang_name ";
+		 sql_pt = sql_pt +" ,( select "+ c_part_field +" from tbl_apply_team where c_no = b.c_no ) as part_part ";
+		 
+		 for(int pter = 1;pter
+	    	
+			
+			
+		        <%if(c_part_name != null){%>
+				
+			<%}%>
+			
+			<% for(int pter = 1;pter
+			
+		 	<%}%>
+		 	 
+			 
+		 
+			
+		
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rs_pt.close();
+	 %>
+        
      NoTeam name<%=c_part_name%>Cap.<%=pointer_name[pter]%>
      
+				<%=i_no%>
+			
+				&c_project_no=<%=c_project_no%>" target="_blank"><%=rs_pt.getString("c_team_name")%>
+			
+					 <%=rs_pt.getString("part_part")%>
+				
+				<%=rs_pt.getString("jang_name")%>
+			
+				<%if(rs_pt.getString("rt" + pter) != null ){
+				%>
+					<%=rs_pt.getString("rt" + pter).replaceAll("\n","
      ").replaceAll("\r","
      ")%>
+				<%}%>
+			
      There is no data.
      
+
+
+  
+       	
+    	
+	
+	
+    			
+	
      
+		 
+	
+		View evaluation results
+		List of evaluation projects
+	
      
+ 
+
      
+
      
+
      
+
      
+
+
+<%	}
+		rs_up.close();
+ }
+ %>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/point/project/result/view_team.jsp b/resoft/field_manager/process/point/project/result/view_team.jsp
new file mode 100644
index 0000000..3d40681
--- /dev/null
+++ b/resoft/field_manager/process/point/project/result/view_team.jsp
@@ -0,0 +1,205 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+	int c_now_propose = 0;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+	String slq_chekc = "select * from tbl_apply_team where c_project_no = "+ c_project_no + " and c_no = " + c_team_no + " and c_use = 0 ";
+	ResultSet rs_check = stmt.executeQuery(slq_chekc);
+	if (rs_check.next()) {
+	
+		int c_home = 0;
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			c_now_propose = rs_up.getInt("c_now_propose");
+			c_home = rs_up.getInt("c_field");
+			 
+%>
+  
+ 
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  Project application team information
+         
      
+
+	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
       Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+ <%
+			 
+		}
+		rs_up.close();
+
+%>	
+		
+    	
+        
+        
+        
      
+        	  * Application Team Information
+        
      
+        
+	
+ 	
+ 	
+ 	
+ 	 
+ 	
+ 	<%
+ 		int i = 0;
+ 		int stu_check = 1;
+ 		String sql_field =   "  SELECT * from tbl_apply_field where c_project_no = " + c_project_no +" order by c_order asc ";
+		ResultSet rs_field = stmt.executeQuery(sql_field);
+		while (rs_field.next()) {
+			if(rs_field.getString("c_use_field").equals("c_grade")){
+				stu_check = 0;
+			}
+			i = i + 1;
+ 	%> 
+ 	 
+	 	
+	 	 
+	 	
+ 		
+ 		
+	 	 
+	 	
+	 	 
+	<%
+ 	 
+	  }
+		rs_field.close();
+	%>	
+ 	
       Item Content
       
+	 		<%=rs_field.getString("c_name")%>
+	 	 
+			<%if(rs_field.getInt("c_type") == 1){%>
+				  <%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 2){
+			%>
+				<%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 3){%>
+				 <%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 4){%>
+				File : <%=rs_check.getString(rs_field.getString("c_use_field")).replaceAll("\n\r","
      ")%>
+				 
+			<%}%>
+	 	
      
+ 	<%
+ 		String major_t = "Department";
+ 		String grade_t = "grade";
+ 		if( stu_check == 1){
+ 			major_t = "Department";
+ 			grade_t = "rank";
+ 		}
+ 	%>
+ 		
+    	
+        
+        
+        
      
+        	  * Team member information
+        
      
+         
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%
+ 	String slq_t = "select * from tbl_apply_team_member where c_project_no = "+ c_project_no + " and c_team_no = " + c_team_no + " and c_use = 0 order by c_type desc ";
+	ResultSet rs_t = stmt2.executeQuery(slq_t);
+	while(rs_t.next()) {
+	%>
+	
+	
+	
+	
+	
+	
+	
+ 	
+ 	<%}
+ 	rs_t.close();
+ 	%>
+ 	
       Cap. Email Name Phone <%=major_t%> <%=grade_t%>
      
+		<%if(rs_t.getInt("c_type") == 1){%>
+			Cap.
+		<%}else{%>
+			Member
+		<%}%>
+	
+		<%=rs_t.getString("c_email")%>
+ 	
+		<%=rs_t.getString("c_name")%>
+ 	
+		<%=rs_t.getString("c_phone")%>
+ 	
+		<%=rs_t.getString("c_major")%>
+ 	
+		<%=rs_t.getString("c_grade")%>
+ 	
      
+ 	 
+	 

      
+	  

      
+
      
+
+
+<%}else{%>
+	 
+	 <%}
+	 rs_check.close();
+	 %>
+	<%}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/point/project/target/delete.jsp b/resoft/field_manager/process/point/project/target/delete.jsp
new file mode 100644
index 0000000..bd03c6c
--- /dev/null
+++ b/resoft/field_manager/process/point/project/target/delete.jsp
@@ -0,0 +1,33 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_project_no= r_call(request.getParameter("c_project_no"));
+	String c_point_target_no= r_call(request.getParameter("c_point_target_no"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		 
+			 
+		 	
+		String sql_ok = "update tbl_point_target set c_use = 1  where c_no = "+ c_point_target_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+		
+		 
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/point/project/target/insert_ok.jsp b/resoft/field_manager/process/point/project/target/insert_ok.jsp
new file mode 100644
index 0000000..93f796e
--- /dev/null
+++ b/resoft/field_manager/process/point/project/target/insert_ok.jsp
@@ -0,0 +1,45 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+	int target_project_no = Integer.parseInt(r_call(request.getParameter("target_project_no"))); 
+
+		String sql_ok2 = "";
+		sql_ok2 = "update tbl_point_target set c_use = 1 where c_point_project_no = " + c_no;
+		stmt2.execute(sql_ok2); 
+
+	if(target_project_no ==0){
+		String sql_pt = " select c_no from tbl_apply_team where c_project_no = "+ c_project_no + " and c_use = 0 order by c_no asc";
+		ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		while (rs_pt.next()) {
+			String sql_ok = "";
+			sql_ok = "insert into tbl_point_target (c_point_project_no,c_team_no,c_point,c_pass,c_use,c_date) values(";
+			sql_ok = sql_ok + c_no + "," + rs_pt.getInt("c_no") + ",0,0,0,now())";
+			stmt2.execute(sql_ok); 
+		}
+		rs_pt.close();
+	
+	}else{
+		String sql_pt = " select c_team_no from tbl_point_target where c_point_project_no = "+ target_project_no + " and c_use = 0 and c_pass= 1 order by c_no asc";
+		ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		while (rs_pt.next()) {
+			String sql_ok = "";
+			sql_ok = "insert into tbl_point_target (c_point_project_no,c_team_no,c_point,c_pass,c_use,c_date) values(";
+			sql_ok = sql_ok + c_no + "," + rs_pt.getInt("c_team_no") + ",0,0,0,now())";
+			stmt2.execute(sql_ok); 
+		}
+		rs_pt.close();
+	}
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/point/project/target/list.jsp b/resoft/field_manager/process/point/project/target/list.jsp
new file mode 100644
index 0000000..32b951c
--- /dev/null
+++ b/resoft/field_manager/process/point/project/target/list.jsp
@@ -0,0 +1,217 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	int col_no = 12;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	Management of evaluation targets
+         
      
+
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ <%
+			 
+		}
+		rs_up.close();
+ 
+ 		int edit_ok = 0;
+		sql_up =   "select a.* ";
+		sql_up = sql_up + " ,( select c_name from tbl_apply_field where c_no = a.c_part ) as c_part_name ";
+		sql_up = sql_up + " ,( select c_use_field from tbl_apply_field where c_no = a.c_part ) as c_part_field ";
+		sql_up = sql_up + " from tbl_point_project a ";
+		sql_up = sql_up + " where a.c_no = " + c_no + " ";
+		String c_part_name = "";
+		String c_part_field = "";
+		rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 edit_ok = rs_up.getInt("c_now");
+			 c_part_name = rs_up.getString("c_part_name");
+			 c_part_field = rs_up.getString("c_part_field");
+			 
+			 
+%>
+ 	 
+ 	
+ 	
+ 	 
+ 	
       Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
       Evaluation name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+  
+		
+    	
+        
+        
+        
      
+        	  * Management of evaluation targets
+        
      
+        	 
+ 		
+    	
+        
+        
+        <%if(c_part_name != null){%>
+        
+        <%}%>
+        
+        
+        
+        
+	<%
+		 
+		 
+		 String sql_pt="select t.* from ( select a.*,b.c_team_name,c.c_name as jang_name ";
+		 sql_pt = sql_pt +" ,( select "+ c_part_field +" from tbl_apply_team where c_no = b.c_no ) as part_part ";
+		 sql_pt = sql_pt +" from tbl_point_target a ";
+		 sql_pt = sql_pt +" inner join tbl_apply_team b on a.c_team_no = b.c_no ";
+		 sql_pt = sql_pt +" inner join tbl_apply_team_member c on c.c_team_no = b.c_no and c.c_type = 1 ";
+		 sql_pt = sql_pt +" where a.c_point_project_no = " + c_no + " and a.c_use = 0 ) t order by t.part_part asc,  t.c_team_name asc ";
+		 ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		 int i_no = 0;
+		 while (rs_pt.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+		        <%if(c_part_name != null){%>
+				
+			<%}%>
+			
+			
+			
+		 
+			
+		
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rs_pt.close();
+	 %>
+        
      NoTeam name<%=c_part_name%>Cap.InformationDel
      
+				<%=i_no%>
+			
+				&c_project_no=<%=c_project_no%>" target="_blank"><%=rs_pt.getString("c_team_name")%>
+			
+					 <%=rs_pt.getString("part_part")%>
+				
+				<%=rs_pt.getString("jang_name")%>
+			
+				&c_project_no=<%=c_project_no%>" target="_blank">[View]
+			
+				<%if(edit_ok == 0){%>
+				&c_home=<%=c_home%>&c_project_no=<%=c_project_no%>&c_no=<%=c_no%>'}" >[Del]
+				<%}%>
+			
      There is no data.
      
+
+
+
+
      
+
+
+
+       	
+    	
+	
+	
+    			
+	
      
+		<%if(edit_ok == 0){%>
+		Select target :  
+		 Teams  
+		New registration as an evaluation target
      
+		<%}%>
+	      		
+		List of evaluation projects
+	
      
+
      
+
      
+
      
+
      
+
      
+
+
+<%	}
+		rs_up.close();
+ }
+ %>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/point/project/target/view_team.jsp b/resoft/field_manager/process/point/project/target/view_team.jsp
new file mode 100644
index 0000000..3d40681
--- /dev/null
+++ b/resoft/field_manager/process/point/project/target/view_team.jsp
@@ -0,0 +1,205 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+	int c_now_propose = 0;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+	String slq_chekc = "select * from tbl_apply_team where c_project_no = "+ c_project_no + " and c_no = " + c_team_no + " and c_use = 0 ";
+	ResultSet rs_check = stmt.executeQuery(slq_chekc);
+	if (rs_check.next()) {
+	
+		int c_home = 0;
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			c_now_propose = rs_up.getInt("c_now_propose");
+			c_home = rs_up.getInt("c_field");
+			 
+%>
+  
+ 
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  Project application team information
+         
      
+
+	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
       Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+ <%
+			 
+		}
+		rs_up.close();
+
+%>	
+		
+    	
+        
+        
+        
      
+        	  * Application Team Information
+        
      
+        
+	
+ 	
+ 	
+ 	
+ 	 
+ 	
+ 	<%
+ 		int i = 0;
+ 		int stu_check = 1;
+ 		String sql_field =   "  SELECT * from tbl_apply_field where c_project_no = " + c_project_no +" order by c_order asc ";
+		ResultSet rs_field = stmt.executeQuery(sql_field);
+		while (rs_field.next()) {
+			if(rs_field.getString("c_use_field").equals("c_grade")){
+				stu_check = 0;
+			}
+			i = i + 1;
+ 	%> 
+ 	 
+	 	
+	 	 
+	 	
+ 		
+ 		
+	 	 
+	 	
+	 	 
+	<%
+ 	 
+	  }
+		rs_field.close();
+	%>	
+ 	
       Item Content
       
+	 		<%=rs_field.getString("c_name")%>
+	 	 
+			<%if(rs_field.getInt("c_type") == 1){%>
+				  <%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 2){
+			%>
+				<%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 3){%>
+				 <%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 4){%>
+				File : <%=rs_check.getString(rs_field.getString("c_use_field")).replaceAll("\n\r","
      ")%>
+				 
+			<%}%>
+	 	
      
+ 	<%
+ 		String major_t = "Department";
+ 		String grade_t = "grade";
+ 		if( stu_check == 1){
+ 			major_t = "Department";
+ 			grade_t = "rank";
+ 		}
+ 	%>
+ 		
+    	
+        
+        
+        
      
+        	  * Team member information
+        
      
+         
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%
+ 	String slq_t = "select * from tbl_apply_team_member where c_project_no = "+ c_project_no + " and c_team_no = " + c_team_no + " and c_use = 0 order by c_type desc ";
+	ResultSet rs_t = stmt2.executeQuery(slq_t);
+	while(rs_t.next()) {
+	%>
+	
+	
+	
+	
+	
+	
+	
+ 	
+ 	<%}
+ 	rs_t.close();
+ 	%>
+ 	
       Cap. Email Name Phone <%=major_t%> <%=grade_t%>
      
+		<%if(rs_t.getInt("c_type") == 1){%>
+			Cap.
+		<%}else{%>
+			Member
+		<%}%>
+	
+		<%=rs_t.getString("c_email")%>
+ 	
+		<%=rs_t.getString("c_name")%>
+ 	
+		<%=rs_t.getString("c_phone")%>
+ 	
+		<%=rs_t.getString("c_major")%>
+ 	
+		<%=rs_t.getString("c_grade")%>
+ 	
      
+ 	 
+	 

      
+	  

      
+
      
+
+
+<%}else{%>
+	 
+	 <%}
+	 rs_check.close();
+	 %>
+	<%}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/point/project/view_ji.jsp b/resoft/field_manager/process/point/project/view_ji.jsp
new file mode 100644
index 0000000..28f1ebc
--- /dev/null
+++ b/resoft/field_manager/process/point/project/view_ji.jsp
@@ -0,0 +1,124 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_ji_no = r_call(request.getParameter("c_ji_no"));
+	int col_no = 9;
+%>
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	 Confirmation of evaluation questions
+         
      
+
+ 		
+    	
+        
+        
+        
      
+		<%
+		int change_ok = 0;
+		String sql_ji = "select * from tbl_point_ji where c_home = " +c_home + " and c_no = " + c_ji_no;
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			change_ok = rs_ji.getInt("c_change");
+		%>
+		Indicator name : <%=rs_ji.getString("c_name")%>
+		<%
+		}
+		rs_ji.close();
+		%>
+         
      
+	 
+	 
+ 		
+    	
+        
+        
+        
+        
+	<%
+		 int total_point = 0;
+		 int o_no = 0;
+		 int o_order = 0;
+		 int o_no2 = 0;
+		 int o_order2 = 0;
+		 
+		 String sql1="  SELECT  a.*,(select count(c_no) from tbl_point_ji_detail where c_up_no = a.c_no and c_use=0 ) as down_no from tbl_point_ji_detail a where a.c_ji_no = " + c_ji_no + " and a.c_up_no = 0 and a.c_use=0 order by a.c_order asc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			<%
+		 
+		 	 o_no2 = 0;
+			 o_order2 = 0;
+
+			 String sql12="  SELECT  * from tbl_point_ji_detail where c_ji_no = " + c_ji_no + " and c_up_no = "+ rst.getInt("c_no") +" and c_use=0 order by c_order asc";
+			 ResultSet rst2 = stmt.executeQuery(sql12);
+			 int i_no2 = 0;
+			 while (rst2.next()) {
+			 	total_point = total_point + rst2.getInt("c_point");
+				i_no2 = i_no2 + 1;
+		%>
+			<%if(i_no2 > 1){%>
+		    	
+		    	<%}%>
+				 
+				
+				
+				
+				 
+			
+				 
+		<%		o_no2 = rst2.getInt("c_no");	 
+				o_order2 = rst2.getInt("c_order");
+			 }
+			rst2.close();
+		 %>
+			 
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rst.close();
+	 %>
+	 
+	 
+	 
+        
      ItemNotepoints
      ">
+				<%=rst.getString("c_title")%>
+			
      
+					<%=rst2.getString("c_title")%>
+				
+					<%=rst2.getString("c_exp").replaceAll("\r","
      ").replaceAll("\n\r","
      ")%>
+				      		
+					
+				
      There is no data.
      
+	 	Total score
+	 
+	 	<%=total_point%> point
+	 
      
+
+         
+
      
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/project/apply_field/change_order.jsp b/resoft/field_manager/process/project/apply_field/change_order.jsp
new file mode 100644
index 0000000..5271365
--- /dev/null
+++ b/resoft/field_manager/process/project/apply_field/change_order.jsp
@@ -0,0 +1,25 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_order = r_call(request.getParameter("c_order"));
+	String o_no = r_call(request.getParameter("o_no"));
+	String o_order = r_call(request.getParameter("o_order"));
+	 
+		String sql_ok = "update tbl_apply_field set c_order = "+ c_order +"  where c_no="+ o_no +" and c_project_no  = "+ c_project_no;
+		stmt.execute(sql_ok);
+		sql_ok = "update tbl_apply_field set c_order = "+ o_order +"  where c_no="+ c_no +" and c_project_no  = "+ c_project_no;
+		stmt2.execute(sql_ok);
+%>
+
+
+<%
+	
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/project/apply_field/field_order.jsp b/resoft/field_manager/process/project/apply_field/field_order.jsp
new file mode 100644
index 0000000..2c26244
--- /dev/null
+++ b/resoft/field_manager/process/project/apply_field/field_order.jsp
@@ -0,0 +1,159 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_no = r_call(request.getParameter("c_project_no")); 
+	int c_now_propose = 0;
+	if(c_no.equals("")){
+%>
+	
+<%	
+	}else{
+		int c_home = 0;
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			c_now_propose = rs_up.getInt("c_now_propose");
+			c_home = rs_up.getInt("c_field");
+			 
+%>
+  
+ 
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	 Project application item order management
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Changes can be made only when the project application schedule is [Waiting].
+        	  
+         
      
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
       Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+ <%
+			 
+		}
+		rs_up.close();
+
+}%>	
+		
+    	
+        
+        
+        
      
+        	  * Order management of application items
+        
      
+        
+        
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%
+ 		int i = 0;
+ 		int old_c_no = 0;
+ 		int old_c_order = 0;
+ 		String sql_field =   "  SELECT * from tbl_apply_field where c_project_no = " + c_no +" order by c_order asc ";
+		ResultSet rs_field = stmt.executeQuery(sql_field);
+		while (rs_field.next()) {
+			i = i + 1;
+ 	%> 
+ 	 
+	 	
+	 	
+	 	
+ 		
+ 		
+	 	
+	 	
+	<%
+ 		old_c_no = rs_field.getInt("c_no");
+ 		old_c_order = rs_field.getInt("c_order");
+		
+	  }
+		rs_field.close();
+	%>	
+ 	
       No Item Name ViewOrder
       
+	 		<%=i%>
+	 	 
+	 		<%=rs_field.getString("c_name")%>
+	 	 
+			<%if(rs_field.getInt("c_type") == 1){%>
+				
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 2){
+			%>
+				
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 3){%>
+				
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 4){%>
+				 Attatch : <%=rs_field.getString("c_content")%>
+			<%}%>
+	 	
+	 		<%if(i>1){%>
+	 			&c_order=<%=rs_field.getInt("c_order")%>&o_no=<%=old_c_no%>&o_order=<%=old_c_order%><%}else{%>#none<%}%>" <%if(c_now_propose == 0){%><%}else{%>onclick="alert('Changes can be made only when the application status is pending..')"<%}%>>▲ 
+	 		<%}%>
+	 	
      
+  
+	 

      
+	  

      
+
      
+
+
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/project/apply_field/insert_ok.jsp b/resoft/field_manager/process/project/apply_field/insert_ok.jsp
new file mode 100644
index 0000000..c1b20df
--- /dev/null
+++ b/resoft/field_manager/process/project/apply_field/insert_ok.jsp
@@ -0,0 +1,102 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+ 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+ 	realFolder  = "/home/apply/upload/yangsik";
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[50];
+        int olp = 31;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			int rtp = Integer.parseInt(name.replaceAll("f_","").replaceAll("_4_2",""));
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[rtp] = fName;
+			 
+			}else{
+				a_file[rtp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	 String c_home = r_call(multi.getParameter("c_home"));
+	 String c_maker = r_call(multi.getParameter("c_maker"));
+	 String c_project_no = r_call(multi.getParameter("c_project_no"));
+	 int fix_field_no = Integer.parseInt(r_call(multi.getParameter("fix_field_no")));
+	 int field_no = Integer.parseInt(r_call(multi.getParameter("field_no")));
+	 
+	 
+       		String sql_ok = "delete from tbl_apply_field where c_home = " + c_home + " and c_maker = " + c_maker + " and c_project_no = " + c_project_no;
+		stmt2.execute(sql_ok); 		 
+	int c_order = 0;
+	for (int i = 1; i < field_no + 1 ; i++){
+		if( r_call(multi.getParameter("f_" + i + "_1")).equals("0")){
+			c_order = c_order + 1;
+			sql_ok = "insert into tbl_apply_field (c_home,c_maker,c_project_no,c_relation,c_use_field,c_name,c_type,c_content,c_order,c_use,c_date) values(";
+			sql_ok = sql_ok + c_home + "," + c_maker  + "," + c_project_no + "," + i;
+			sql_ok = sql_ok + ", '" + r_call(multi.getParameter("f_"+i+"_5")) + "' ";
+			sql_ok = sql_ok + ", '" + r_call(multi.getParameter("f_"+i+"_2")) + "' ";
+			sql_ok = sql_ok + ", " + r_call(multi.getParameter("f_"+i+"_3")) + " ";
+			if(r_call(multi.getParameter("f_"+i+"_3")).equals("2")){
+				sql_ok = sql_ok + ", '" + r_call(multi.getParameter("f_"+i+"_4")) + "' ";
+			}
+			if(r_call(multi.getParameter("f_"+i+"_3")).equals("1") || r_call(multi.getParameter("f_"+i+"_3")).equals("3")){
+				sql_ok = sql_ok + ", '' ";
+			}
+			if(r_call(multi.getParameter("f_"+i+"_3")).equals("4")){
+				if(!a_file[i].equals("")){
+					sql_ok = sql_ok + ", '" + a_file[i] + "' ";
+				}else{
+					sql_ok = sql_ok + ", '" + r_call(multi.getParameter("o_"+i+"_4_2")) + "' ";
+				}
+			}
+			sql_ok = sql_ok + ", " + c_order + ",0,now())";
+			stmt2.execute(sql_ok); 		
+			%>
+			<% 
+		}
+	} 	 
+
+		 
+ %>
+  
+ 
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/project/apply_field/list.jsp b/resoft/field_manager/process/project/apply_field/list.jsp
new file mode 100644
index 0000000..0ca82d9
--- /dev/null
+++ b/resoft/field_manager/process/project/apply_field/list.jsp
@@ -0,0 +1,284 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_no = r_call(request.getParameter("c_project_no")); 
+	int c_now_propose = 0;
+	if(c_no.equals("")){
+%>
+	
+<%	
+	}else{
+		int c_home = 0;
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			c_now_propose = rs_up.getInt("c_now_propose");
+			c_home = rs_up.getInt("c_field");
+			 
+%>
+ 	
+
       
+
+
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	 Project application item management
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Changes can be made only when the project application schedule is [Waiting].
+        	  
+         
      
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
       Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+ <%
+			 
+		}
+		rs_up.close();
+
+}%>	
+		
+    	
+        
+        
+        
      
+        	  * Application item management
+        
      
+        
+        
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%
+ 		int field_no = 30;
+ 		int fix_field_no = 0;
+ 		String[][] a_field = new String[31][7];
+ 		for(int i = 0;i<31;i++){
+	 		for(int j = 0;j<7;j++){
+	 			a_field[i][j] = "";
+	 		}
+ 		}
+ 		String[][] fix_field = new String[31][7];
+ 		for(int i = 0;i<31;i++){
+	 		for(int j = 0;j<7;j++){
+	 			fix_field[i][j] = "";
+	 		}
+ 		}
+
+ 		String sql_field =   "  SELECT * from tbl_apply_field where c_project_no = 0 and c_home = 0 and c_maker = 0 order by c_order asc";
+		ResultSet rs_field = stmt.executeQuery(sql_field);
+		while (rs_field.next()) {
+			fix_field_no = fix_field_no + 1;
+			fix_field[rs_field.getInt("c_relation")][1] = rs_field.getString("c_use");
+			fix_field[rs_field.getInt("c_relation")][2] = rs_field.getString("c_name");
+			fix_field[rs_field.getInt("c_relation")][3] = rs_field.getString("c_type");
+			fix_field[rs_field.getInt("c_relation")][4] = rs_field.getString("c_content");
+			fix_field[rs_field.getInt("c_relation")][5] = rs_field.getString("c_use_field");
+		}
+		rs_field.close();
+
+ 		sql_field =   "  SELECT * from tbl_apply_field where c_project_no = " + c_no;
+		rs_field = stmt.executeQuery(sql_field);
+		while (rs_field.next()) {
+			a_field[rs_field.getInt("c_relation")][1] = rs_field.getString("c_use");
+			a_field[rs_field.getInt("c_relation")][2] = rs_field.getString("c_name");
+			a_field[rs_field.getInt("c_relation")][3] = rs_field.getString("c_type");
+			a_field[rs_field.getInt("c_relation")][4] = rs_field.getString("c_content");
+			a_field[rs_field.getInt("c_relation")][5] = rs_field.getString("c_use_field");
+			a_field[rs_field.getInt("c_relation")][6] = rs_field.getString("c_order");
+		}
+		rs_field.close();
+ 	%> 
+ 	
+ 	
+ 	
+ 	<%for(int i = 1;i
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+ 	
+ 	<%}%>
+ 	<% int plp = 0;
+ 	for(int i = fix_field_no +1;i
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+ 	
+ 	<%}%>
+ 	
       No Use Item Name Type Use ContentOrder
       
+	 		<%=i%>
+	 	 
+	 		<%if(fix_field[i][1].equals("0")){%>
+	 		Fix
+	 		
+	 		<%}else{%>
+	 		checked<%}%>>
+	 		<%}%>
+	 	 
+	 		<%=fix_field[i][2]%>
+	 		 
+	 	 
+	 			 <%if(fix_field[i][3].equals("1")){%>
+	 			 	Input(Single line input)
+	 			 <%}%>
+	 			 <%if(fix_field[i][3].equals("2")){%>
+	 			 	Select(Selection)
+	 			 <%}%>
+	 			 <%if(fix_field[i][3].equals("3")){%>
+	 			 	Textarea(Multiline input)
+	 			 <%}%>
+	 			 <%if(fix_field[i][3].equals("4")){%>
+	 			 	File(File registration)
+	 			 <%}%>
+	 			 
+	 	 
+	 		
+	 		<%if(fix_field[i][3].equals("2")){%>	
+	 			<%=fix_field[i][4]%>
+	 		<%}%>
+	 		<%if(fix_field[i][3].equals("4")){%>
+	 			Atatch : <%=fix_field[i][4]%>
+	 		<%}%>
+	 	 
+	 		 <%=a_field[i][6]%>
+	 	
       
+	 		<%=i%>
+	 	 checked<%}%>>   
+	 		
+	 	 
+	 		block<%}else{%>none<%}%>">Register with single line input
+	 		block<%}else{%>none<%}%>">
+	 			
+	 		
+	 		block<%}else{%>none<%}%>">Enter as a multiline textarea
+	 		block<%}else{%>none<%}%>">
+				
+				
+				<%if(!a_field[i][4].equals("")){%>
+				
+				
+				<%}else{%>
+				
+				<%}%>
+				
      
+					Registered form : <%=a_field[i][4]%> 
+				
+					
+				
+					change :
+				
+					Atatch : 
+				
+					
+					
+				
      
+	 		      
+	 	      		 
+	 		 <%=a_field[i][6]%>
+	 	
      
+ 
+	
+ 	
+    		
+        
+	 
+	 
      
+    			<%if(c_now_propose == 0){%>
+			Apply
+			Item order management
+			<%}else{%>
+				* You can only modify the application status while waiting.
+			<%}%>
+		
       
+	 

      
+
      
+
+
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/project/apply_team/cancel.jsp b/resoft/field_manager/process/project/apply_team/cancel.jsp
new file mode 100644
index 0000000..1e19990
--- /dev/null
+++ b/resoft/field_manager/process/project/apply_team/cancel.jsp
@@ -0,0 +1,27 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	 
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_apply_team set c_use = 1 where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/project/apply_team/list.jsp b/resoft/field_manager/process/project/apply_team/list.jsp
new file mode 100644
index 0000000..b72a4d5
--- /dev/null
+++ b/resoft/field_manager/process/project/apply_team/list.jsp
@@ -0,0 +1,207 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_no = r_call(request.getParameter("c_project_no")); 
+	int c_now_propose = 0;
+	if(c_no.equals("")){
+%>
+	
+<%	
+	}else{
+		int c_home = 0;
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			c_now_propose = rs_up.getInt("c_now_propose");
+			c_home = rs_up.getInt("c_field");
+			 
+%>
+  
+ 
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	 Project application team management
+         
      
+
+	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
       Filed 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+ <%
+			 
+		}
+		rs_up.close();
+
+}%>	
+		
+    	
+        
+        
+        
      
+        	  * Application Team Management
+        
      
+        
+        
+ 	
+ 	
+ 	<%
+ 		String[] a_field = new String[30];
+ 		int no_field = 0;
+ 		String sql_field =   "  SELECT * from tbl_apply_field where c_project_no = " + c_no +" and c_type <> 3 order by c_order asc ";
+		ResultSet rs_field = stmt.executeQuery(sql_field);
+		while (rs_field.next()) {
+			if(no_field < 7){
+				no_field = no_field+1;
+				a_field[no_field] = rs_field.getString("c_use_field");
+ 				%> 
+ 				
+				<%
+			}
+	  }
+		rs_field.close();
+	%>
+	
+ 	
+ 	
+ 		 
+ 	
+ 	<%
+	int totalRecord = 0; //총레코드개수
+	int numPerPage = 20; //한페이지당 보여줄레코드개수
+	int totalPage = 0; //총페이지수
+	int pagePerBlock = 10; //블록당페이지수
+	int nowPage = 1; //현재페이지
+	String sql1 = "";
+	sql1 = " select count(c_no) ";
+		sql1 = sql1 + " from tbl_apply_team  ";
+		sql1 = sql1 + " where   c_project_no = " + c_no +" and c_use = 0  ";
+	ResultSet rst = stmt.executeQuery(sql1);
+	if (rst.next()) {
+		totalRecord = rst.getInt(1);
+	}
+	rst.close();
+	if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) {
+		nowPage = Integer.parseInt(r_call(request.getParameter("nowPage")));
+	}
+	
+	//nowPage = 93;
+	//totalRecord =1240;
+	int pfirst = 0; //첫페이지 번호
+	int plast = 0; // 끝페이지 번호
+	int plast_org = 0;
+
+	pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1;
+	plast = pfirst + pagePerBlock - 1;
+	plast_org = (totalRecord-1)/numPerPage + 1;
+	if(plast > plast_org){
+		plast = plast_org;
+	}
+	int c_number=totalRecord-(nowPage-1)*numPerPage;
+	
+	int sql_now_page = (nowPage - 1) * numPerPage;
+ 	String para_t = "&c_project_no=" +c_no;
+ 	
+		int trp = 0; 		 
+ 		 sql_field =   "select t.* from (  SELECT a.* ";
+ 		 sql_field = sql_field + ",( select count(*) from tbl_apply_team_member where c_team_no = a.c_no and c_type = 0 and c_use = 0 ) as team_no ";
+ 		 sql_field = sql_field + ",( select c_name from tbl_apply_team_member where c_team_no = a.c_no and c_type = 1 and c_use = 0 ) as cap_name ";
+ 		 sql_field = sql_field + " from tbl_apply_team a where a.c_project_no = " + c_no +" and a.c_use = 0 ) t order by t.c_no desc ";
+		 sql_field = sql_field + " limit "+ sql_now_page +" , "+ numPerPage +" ";
+		rs_field = stmt.executeQuery(sql_field);
+		while (rs_field.next()) {
+			trp= trp + 1;
+ 	%> 
+	 		
+		 	
+		 	<%for(int yh = 1;yh < no_field + 1;yh++){%>
+		 		
+		 	<%}%>
+		 	
+		 	
+		 	
+		 	
+	<%
+	  }
+		rs_field.close();
+	%>	 
+ 	
       No <%=rs_field.getString("c_name")%> Cap. Number Apply Cancel 
       <%=trp%> 
+		 			<%if(a_field[yh].equals("c_team_name")){%>
+		 				&nowPage=<%=nowPage%>">
+		 			<%}%>
+		 			<%=rs_field.getString(a_field[yh])%>
+		 		 &nowPage=<%=nowPage%>"><%=rs_field.getString("cap_name")%> <%=rs_field.getInt("team_no")%> &c_project_no=<%=c_no%>'}">[Cancel]
      
+ 		
+    	
+        
      
+  			
+	        	
+			<%if(pfirst > 1){ %>
+			
+			
+			<%}%>
+	        	<% for(int i=pfirst;i
+	        	 
+	        	<%}%>
+	        	<%if(plast < plast_org){ %>
+			
+			
+			<%}%>
+			
+			
      
+				〈〈
+			
+				〈
+			
+	        		<% if(i==nowPage){%>
+	        		<%=i%>
+	        		<%}else{%>
+	        		<%=i%>
+				<%}%>
+	        	
+				〉
+			
+				〉〉
+			
      	
+	
      	
+	 

      
+	  

      
+
      
+
+
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/project/apply_team/view.jsp b/resoft/field_manager/process/project/apply_team/view.jsp
new file mode 100644
index 0000000..ad322f4
--- /dev/null
+++ b/resoft/field_manager/process/project/apply_team/view.jsp
@@ -0,0 +1,213 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+	int c_now_propose = 0;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+	String slq_chekc = "select * from tbl_apply_team where c_project_no = "+ c_project_no + " and c_no = " + c_team_no + " and c_use = 0 ";
+	ResultSet rs_check = stmt.executeQuery(slq_chekc);
+	if (rs_check.next()) {
+	
+		int c_home = 0;
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			c_now_propose = rs_up.getInt("c_now_propose");
+			c_home = rs_up.getInt("c_field");
+			 
+%>
+  
+ 
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	 Project application team information
+         
      
+
+	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
       Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+ <%
+			 
+		}
+		rs_up.close();
+
+%>	
+		
+    	
+        
+        
+        
      
+        	  * Application Team Information
+        
      
+        
+	
+ 	
+ 	
+ 	
+ 	 
+ 	
+ 	<%
+ 		int i = 0;
+ 		int stu_check = 1;
+ 		String sql_field =   "  SELECT * from tbl_apply_field where c_project_no = " + c_project_no +" order by c_order asc ";
+		ResultSet rs_field = stmt.executeQuery(sql_field);
+		while (rs_field.next()) {
+			if(rs_field.getString("c_use_field").equals("c_grade")){
+				stu_check = 0;
+			}
+			i = i + 1;
+ 	%> 
+ 	 
+	 	
+	 	 
+	 	
+ 		
+ 		
+	 	 
+	 	
+	 	 
+	<%
+ 	 
+	  }
+		rs_field.close();
+	%>	
+ 	
       Item Content
       
+	 		<%=rs_field.getString("c_name")%>
+	 	 
+			<%if(rs_field.getInt("c_type") == 1){%>
+				  <%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 2){
+			%>
+				<%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 3){%>
+				 <%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 4){%>
+				File : <%=rs_check.getString(rs_field.getString("c_use_field")).replaceAll("\n\r","
      ")%>
+				 
+			<%}%>
+	 	
      
+ 	<%
+ 		String major_t = "Department";
+ 		String grade_t = "grade";
+ 		if( stu_check == 1){
+ 			major_t = "Department";
+ 			grade_t = "rank";
+ 		}
+ 	%>
+ 		
+    	
+        
+        
+        
      
+        	  * Team member information
+        
      
+         
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%
+ 	String slq_t = "select * from tbl_apply_team_member where c_project_no = "+ c_project_no + " and c_team_no = " + c_team_no + " and c_use = 0 order by c_type desc ";
+	ResultSet rs_t = stmt2.executeQuery(slq_t);
+	while(rs_t.next()) {
+	%>
+	
+	
+	
+	
+	
+	
+	
+ 	
+ 	<%}
+ 	rs_t.close();
+ 	%>
+ 	
       Cap. Email Name Phone <%=major_t%> <%=grade_t%>
      
+		<%if(rs_t.getInt("c_type") == 1){%>
+			Team Leader
+		<%}else{%>
+			Team members
+		<%}%>
+	
+		<%=rs_t.getString("c_email")%>
+ 	
+		<%=rs_t.getString("c_name")%>
+ 	
+		<%=rs_t.getString("c_phone")%>
+ 	
+		<%=rs_t.getString("c_major")%>
+ 	
+		<%=rs_t.getString("c_grade")%>
+ 	
      
+ 	
+ 	
+    		
+        
+	 
+	 
      
+    			List
+		
       
+ 	
+	 

      
+	  

      
+
      
+
+
+<%}else{%>
+	 
+	 <%}
+	 rs_check.close();
+	 %>
+	<%}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/project/change_now.jsp b/resoft/field_manager/process/project/change_now.jsp
new file mode 100644
index 0000000..4b6e072
--- /dev/null
+++ b/resoft/field_manager/process/project/change_now.jsp
@@ -0,0 +1,26 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_now = r_call(request.getParameter("c_now"));
+	String c_field = r_call(request.getParameter("c_field"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_project set c_now = "+ c_now +"  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/project/change_order.jsp b/resoft/field_manager/process/project/change_order.jsp
new file mode 100644
index 0000000..1bd7d93
--- /dev/null
+++ b/resoft/field_manager/process/project/change_order.jsp
@@ -0,0 +1,30 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_order = r_call(request.getParameter("c_order"));
+	String o_no = r_call(request.getParameter("o_no"));
+	String o_order = r_call(request.getParameter("o_order"));
+	String c_field = r_call(request.getParameter("c_field"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_project set c_order = "+ o_order +"  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+		sql_ok = "update tbl_project set c_order = "+ c_order +"  where c_no = "+ o_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/project/delete.jsp b/resoft/field_manager/process/project/delete.jsp
new file mode 100644
index 0000000..63534df
--- /dev/null
+++ b/resoft/field_manager/process/project/delete.jsp
@@ -0,0 +1,26 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_field = r_call(request.getParameter("c_field"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_project set c_use = 1  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/project/edit.jsp b/resoft/field_manager/process/project/edit.jsp
new file mode 100644
index 0000000..2bc13dd
--- /dev/null
+++ b/resoft/field_manager/process/project/edit.jsp
@@ -0,0 +1,104 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_no = r_call(request.getParameter("c_no")); 
+	String c_field = "" + session.getAttribute("manager_field_no");
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	Category modification
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter the items marked with the mark *.
+        	  
+         
      
+        <%
+        String sql1="  SELECT * from tbl_project  where c_no = " + c_no + " ";
+	ResultSet rst = stmt.executeQuery(sql1);
+	if(rst.next()) {
+	%>
+ 	
+ 	
+ 	
+ 	" type="hidden">
+ 	" type="hidden">
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
       *Main field selection 
+ 		
+ 	
       *Category Name " id="" style="width:200px" maxlength="50"/> 
      
+ 	<%
+	}
+	rst.close();
+	%> 
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Edit
+			Cancel
+		
      
+
      
+
+<%
+	}
+%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/project/edit_ok.jsp b/resoft/field_manager/process/project/edit_ok.jsp
new file mode 100644
index 0000000..a040048
--- /dev/null
+++ b/resoft/field_manager/process/project/edit_ok.jsp
@@ -0,0 +1,36 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_no = r_call(request.getParameter("c_no")); 
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_field = r_call(request.getParameter("c_field")); 
+	String o_field = r_call(request.getParameter("o_field")); 
+	String o_order = r_call(request.getParameter("c_order")); 
+
+	int c_order = 1;
+	
+	if(c_field.equals(o_field)){
+		c_order = Integer.parseInt(o_order);
+	}else{
+		String sql1="  SELECT max(c_order) as max_order from tbl_project  where c_field = " + session.getAttribute("manager_field_no") + " and c_relation = 0 and c_type = 0 and c_up_no = 0 and c_use = 0 ";
+		ResultSet rst = stmt.executeQuery(sql1);
+		if(rst.next()) {
+			c_order = c_order + rst.getInt("max_order");	
+		}
+		rst.close();
+	}
+		String sql_ok = "";
+		sql_ok = "update tbl_project set c_field = "+ session.getAttribute("manager_field_no") +",c_name = '"+ c_name+"',c_order="+ c_order +" where c_no = " + c_no;
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/project/insert.jsp b/resoft/field_manager/process/project/insert.jsp
new file mode 100644
index 0000000..e7bc7ac
--- /dev/null
+++ b/resoft/field_manager/process/project/insert.jsp
@@ -0,0 +1,80 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_field = "" + session.getAttribute("manager_field_no");
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  Category registration
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter items marked with a mark *.
+        	  
+         
      
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
       *Main field selection  
+ 		
+ 	
       *c_category Name   
      
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Insert
+			Cancel
+		
      
+
      
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/project/insert_ok.jsp b/resoft/field_manager/process/project/insert_ok.jsp
new file mode 100644
index 0000000..4b8e12b
--- /dev/null
+++ b/resoft/field_manager/process/project/insert_ok.jsp
@@ -0,0 +1,28 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_field = r_call(request.getParameter("c_field")); 
+	int c_order = 1;
+	String sql1="  SELECT max(c_order) as max_order from tbl_project  where c_field = " + session.getAttribute("manager_field_no") + " and c_relation = 0 and c_type = 0 and c_up_no = 0 and c_use = 0 ";
+	ResultSet rst = stmt.executeQuery(sql1);
+	if(rst.next()) {
+		c_order = c_order + rst.getInt("max_order");	
+	}
+	rst.close();
+		String sql_ok = "";
+		sql_ok = "insert into tbl_project (c_relation,  c_field, c_type,c_up_no,c_name,c_order,c_use,c_date) values(";
+		sql_ok = sql_ok + " 0," +  session.getAttribute("manager_field_no") + ",0,0,'" + c_name + "'," + c_order + ",0,now())";
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/project/list.jsp b/resoft/field_manager/process/project/list.jsp
new file mode 100644
index 0000000..3daadc4
--- /dev/null
+++ b/resoft/field_manager/process/project/list.jsp
@@ -0,0 +1,281 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_field = "" + session.getAttribute("manager_field_no");
+	String c_now = r_call(request.getParameter("c_now"));
+	String where_text = " ";
+	if(!c_field.equals("")){
+		where_text = where_text + " and c_field = " + c_field + " ";
+	} 
+	if(!c_now.equals("")){
+		where_text = where_text + " and c_now = " + c_now + " ";
+	} 
+	int col_no = 11;
+%>
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  Category & Project Management
+         
      
+
+	
+		
+	
+    	
+        
+        
+        
+        
+        
      
+        	Main Field
+        	
+        	Category status
+        	
+        
+        	  
+        	  * Click on the current status to change it sequentially.
      
+        	  * Click the arrows to change the order.
      
+        	  * If the Category status is End, subproject registration is not possible.
      
+        	  * If the Category status is Progress or End, modification or deletion is not possible
      
+        	  * When category is deleted, sub-project is deleted together Please note the deletion.
+        	        
+         
      
+ 		
+    	
+        
+        
+        
+        
+        
+        
+        
+         
+        
+        
+        
+        
+	
+	
+        
+	<%
+		 int old_field = 0;
+		 int o_no = 0;
+		 int o_order = 0;
+		 int o_s_no = 0;
+		 int o_s_order = 0;
+		 
+		 String sql1="  SELECT a.*, b.c_name as f_name from tbl_project a inner join tbl_field b on b.c_no = a.c_field and b.c_relation = 0 and b.c_use = 0 where a.c_relation = 0 and a.c_use = 0 and c_type = 0 " + where_text + "  order by b.c_name asc, a.c_order asc, a.c_no desc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+		
+			
+				<%
+				o_s_no = 0;
+				o_s_order = 0;
+				 String sql_sub    = "  SELECT a.*, b.c_name as f_name ";
+				 sql_sub = sql_sub + " ,(select c_no from tbl_project_operation where c_project_no = a.c_no and c_manager_no = "+ session.getAttribute("manager_no") +" and c_use = 0 ) as c_op ";
+				 sql_sub = sql_sub + "  from tbl_project a ";
+				 sql_sub = sql_sub + " inner join tbl_field b on b.c_no = a.c_field and b.c_relation = 0 and b.c_use = 0 ";
+				 sql_sub = sql_sub + " where a.c_relation = 0 and a.c_use = 0 and c_type = 1 and c_up_no = "+ rst.getInt("c_no") +" ";
+				 sql_sub = sql_sub + " order by a.c_order asc, a.c_no desc";
+				 ResultSet rs_sub = stmt.executeQuery(sql_sub);
+				 while (rs_sub.next()) {
+				%>
+					
+						
+						
+						
+						
+						
+						
+						
+						
+							<%if(rst.getInt("c_now") < 2){%>
+								 <%if(rs_sub.getInt("c_op") == 0 ){%>
+								 	
+								 <%}else{%>
+								 	
+								 <%}%>
+							 <%}%>
+						
+						
+						
+						
+						
+						
+					
+				<%
+				}	 
+					 rs_sub.close();
+				%>
+			
+		
+	<%		o_no =  rst.getInt("c_no");
+			o_order =  rst.getInt("c_order");
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rst.close();
+	 %>
+        
      Field NameCategory & Project NameApplySurveyEvaluationBMCEducationOrderOperationProgramStatusDateEditDel
      
+				<% if(old_field != rst.getInt("c_field")){%>	
+					<%=rst.getString("f_name")%>
+				<%}%>
+			
+				[ <%=rst.getString("c_name")%> ]
+			
+			
+			
+			
+			
+			
+				<% if(old_field == rst.getInt("c_field")){%>
+					&c_order=<%=rst.getInt("c_order")%>&o_no=<%=o_no%>&o_order=<%=o_order%>&c_field=<%=c_field%>">▲
+				<%}else{
+					old_field = rst.getInt("c_field");
+				%>
+					 
+				<%}%>
+			
+			
+				<%if(rst.getInt("c_now") < 2){%>
+					&c_field=<%=c_field%>">[Insert]
+				<%}%>
+			
+				<%if(rst.getInt("c_now") == 0){%>
+					&c_field=<%=c_field%>&c_now=1">Waiting
+				<%}%>
+				<%if(rst.getInt("c_now") == 1){%>
+					&c_field=<%=c_field%>&c_now=2">Progress
+				<%}%>
+				<%if(rst.getInt("c_now") == 2){%>
+					&c_field=<%=c_field%>&c_now=0">End
+				<%}%>
+			<%=rst.getString("c_date").substring(0,10)%>
+				<%if(rst.getInt("c_now") == 0){%>
+				&c_field=<%=c_field%>">[Edit]
+				<%}%>
+			
+				<%if(rst.getInt("c_now") == 0){%>
+				&c_field=<%=c_field%>'}">[Del]
+				<%}%>
+			
      
+							 └ <%=rs_sub.getString("c_name")%> 
+						
+							<%if(rs_sub.getInt("c_propose") == 0){%>
+								&c_field=<%=c_field%>">O
+							<%}else{%>
+								&c_field=<%=c_field%>">X
+							<%}%>
+						
+							<%if(rs_sub.getInt("c_survey") == 0){%>
+								&c_field=<%=c_field%>">O
+							<%}else{%>
+								&c_field=<%=c_field%>">X
+							<%}%>
+						
+							<%if(rs_sub.getInt("c_point") == 0){%>
+								&c_field=<%=c_field%>">O
+							<%}else{%>
+								&c_field=<%=c_field%>">X
+							<%}%>
+						
+							<%if(rs_sub.getInt("c_bcb") == 0){%>
+								&c_field=<%=c_field%>">O
+							<%}else{%>
+								&c_field=<%=c_field%>">X
+							<%}%>
+						
+							<%if(rs_sub.getInt("c_edu") == 0){%>
+								&c_field=<%=c_field%>">O
+							<%}else{%>
+								&c_field=<%=c_field%>">X
+							<%}%>
+						
+							<% if(o_s_no > 0){%>
+								&c_order=<%=rs_sub.getInt("c_order")%>&o_no=<%=o_s_no%>&o_order=<%=o_s_order%>&c_field=<%=c_field%>">▲
+							<%}%>
+							<%
+								o_s_no = rs_sub.getInt("c_no");
+								o_s_order = rs_sub.getInt("c_order");
+							%>
+						
+									 	&c_field=<%=c_field%>">off	
+									
+									 	&c_field=<%=c_field%>">on
+									
+							 
+						
+							 
+						<%=rst.getString("c_date").substring(0,10)%>
+							<%if(rst.getInt("c_now") == 0){%>
+							&c_field=<%=c_field%>">[Edit]
+							<%}%>
+						
+							<%if(rst.getInt("c_now") == 0){%>
+							&c_field=<%=c_field%>'}">[Del]
+							<%}%>
+						
      There is no data.
      
+
+        	
+    	
+	
+    			
+	
      
+		Insert Category
+	
      
+
      
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/project/operation/delete.jsp b/resoft/field_manager/process/project/operation/delete.jsp
new file mode 100644
index 0000000..d58cba6
--- /dev/null
+++ b/resoft/field_manager/process/project/operation/delete.jsp
@@ -0,0 +1,22 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_no = r_call(request.getParameter("c_no")); 
+	String c_field = r_call(request.getParameter("c_field")); 
+ 
+	
+		String sql_ok = "update tbl_project_operation set c_use = 1 where c_no = "+ c_no;
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/project/operation/insert.jsp b/resoft/field_manager/process/project/operation/insert.jsp
new file mode 100644
index 0000000..8c4d060
--- /dev/null
+++ b/resoft/field_manager/process/project/operation/insert.jsp
@@ -0,0 +1,31 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_field = r_call(request.getParameter("c_field")); 
+
+	int c_order = 1;
+	String sql1="  SELECT max(c_order) as max_order from tbl_project_operation  where c_manager_no = " + session.getAttribute("manager_no") + " and c_use = 0 ";
+	ResultSet rst = stmt.executeQuery(sql1);
+	if(rst.next()) {
+		c_order = c_order + rst.getInt("max_order");	
+	}
+	rst.close();
+	
+		String sql_ok = "";
+		sql_ok = "insert into tbl_project_operation (c_project_no,c_manager_no,c_order,c_use,c_date) values(";
+		sql_ok = sql_ok + "  " + c_project_no + "," + session.getAttribute("manager_no") + "," + c_order + ",0,now())";
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/project/plan/change_mode.jsp b/resoft/field_manager/process/project/plan/change_mode.jsp
new file mode 100644
index 0000000..4377cfe
--- /dev/null
+++ b/resoft/field_manager/process/project/plan/change_mode.jsp
@@ -0,0 +1,26 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	String c_mode = r_call(request.getParameter("c_mode"));
+	String c_value = r_call(request.getParameter("c_value"));
+	if(c_project_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_project_plan set "+ c_mode +" = "+ c_value +"  where c_relation=0 and c_project_no  = "+ c_project_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/project/plan/list.jsp b/resoft/field_manager/process/project/plan/list.jsp
new file mode 100644
index 0000000..cc7bb3f
--- /dev/null
+++ b/resoft/field_manager/process/project/plan/list.jsp
@@ -0,0 +1,485 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_no = r_call(request.getParameter("c_project_no")); 
+	if(c_no.equals("")){
+%>
+	
+<%	
+	}else{
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+		
+			String sql_sub = "select * from tbl_project_plan where c_relation = 0 and c_project_no = " + c_no;
+			ResultSet rs_sub = stmt.executeQuery(sql_sub);
+			if (!rs_sub.next()) {
+				String sql_ins = "insert into tbl_project_plan (c_relation, c_project_no,c_propose_s_date,c_propose_e_date,c_bcb_s_date,c_bcb_e_date,c_bcb_period,c_date) values (0,"+ c_no +", CURDATE(),CURDATE(),CURDATE(),CURDATE(),1,now())";
+				stmt2.execute(sql_ins); 
+				sql_ins = "insert into tbl_project_plan_bcb_period (c_project_no,c_period_no,c_s_date,c_e_date) values ("+ c_no +", 1,CURDATE(),CURDATE())";
+				stmt2.execute(sql_ins); 
+			}
+			rs_sub.close();
+			sql_sub = "select * from tbl_project_plan where c_relation = 0 and c_project_no = " + c_no;
+			rs_sub = stmt.executeQuery(sql_sub);
+			if (rs_sub.next()) {
+%>
+ 
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	 Project operation schedule management
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * The project operation schedule is linked to the project related items.
+        	  
+         
      
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+	 		
+
+ 	<%if(rs_up.getInt("c_propose") == 0){%>
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	<%}else{%>
+		
+	 	
+	 	
+ 	<%}%>
+ 	<%if(rs_up.getInt("c_survey") == 0){%>
+	 	
+	 	
+	 	
+	 	
+	 <%}else{%>
+		
+	 	
+	 	
+ 	<%}%>
+ 	<%if(rs_up.getInt("c_point") == 0){%>
+	 	
+	 	
+	 	
+	 	
+	<%}else{%>
+		
+	 	
+	 	
+ 	<%}%>
+ 	<%if(rs_up.getInt("c_bcb") == 0){%>
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	<%}else{%>
+		
+	 	
+	 	
+ 	<%}%>
+ 	
       Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
       Project Status 
+ 		 
+		<%if(rs_sub.getInt("c_now") == 0){%>
+			Waiting
+		<%}%>
+		<%if(rs_sub.getInt("c_now") == 1){%>
+			Proceeding
+		<%}%>
+		<%if(rs_sub.getInt("c_now") == 2){%>
+			End
+		<%}%>
+ 		 
+ 		  
+		* You can change it by clicking on the status.
+ 	
       Application schedule Now Status 
+	 		<%if(rs_sub.getInt("c_now") < 2){%>
+		 		 
+				<%if(rs_sub.getInt("c_now_propose") == 0){%>
+					Waiting
+				<%}%>
+				<%if(rs_sub.getInt("c_now_propose") == 1){%>
+					Proceeding
+				<%}%>
+				<%if(rs_sub.getInt("c_now_propose") == 2){%>
+					End
+				<%}%>
+		 		 
+		 		  
+				* You can change it by clicking on the status.
+			<%}else{%>
+				* If the project is closed, it is not possible to change the status.
+			<%}%>
+	 	
       term 
+	 		
+		 		<%=rs_sub.getString("c_propose_s_date").substring(0,16)%> ~ <%=rs_sub.getString("c_propose_e_date").substring(0,16)%>
+		 		<%if(rs_sub.getInt("c_now") < 2 && rs_sub.getInt("c_now_propose") < 2){%>
+			 		[Edit]
+		 		<%}%>
+	 		
+	 		
+	 	
       Apply Schedule 
+			Not use
+	 	
      Survey schedule  Current Status 
+	 		<%if(rs_sub.getInt("c_now") < 2){%>
+		 		 
+				<%if(rs_sub.getInt("c_now_survey") == 0){%>
+					Waiting
+				<%}%>
+				<%if(rs_sub.getInt("c_now_survey") == 1){%>
+					Proceeding
+				<%}%>
+				<%if(rs_sub.getInt("c_now_survey") == 2){%>
+					End
+				<%}%>
+		 		 
+		 		  
+				* You can change it by clicking on the status.
+				
+			<%}else{%>
+				* If the project is closed, it is not possible to change the status.
+			<%}%>
+	 	
       Survey schedule 
+			Not Use
+	 	
       Evaluation schedule  Current Status 
+	 		<%if(rs_sub.getInt("c_now") < 2){%>
+		 		 
+				<%if(rs_sub.getInt("c_now_point") == 0){%>
+					Waiting
+				<%}%>
+				<%if(rs_sub.getInt("c_now_point") == 1){%>
+					Proceeding
+				<%}%>
+				<%if(rs_sub.getInt("c_now_point") == 2){%>
+					End
+				<%}%>
+		 		 
+		 		  
+				* You can change it by clicking on the status.
+			<%}else{%>
+				* If the project is closed, it is not possible to change the status.
+			<%}%>
+	 	
       Evaluation schedule 
+			Not Use
+	 	
       BMC Schedule  Current Status 
+	 		<%if(rs_sub.getInt("c_now") < 2){%>
+		 		 
+				<%if(rs_sub.getInt("c_now_bcb") == 0){%>
+					Waiting
+				<%}%>
+				<%if(rs_sub.getInt("c_now_bcb") == 1){%>
+					Proceeding
+				<%}%>
+				<%if(rs_sub.getInt("c_now_bcb") == 2){%>
+					End
+				<%}%>
+		 		 
+		 		  
+				* You can change it by clicking on the status.
+			<%}else{%>
+				* If the project is closed, it is not possible to change the status.
+			<%}%>
+	 	
       The whole period 
+	 		  <%=rs_sub.getString("c_bcb_s_date").substring(0,10)%> ~ <%=rs_sub.getString("c_bcb_e_date").substring(0,10)%>
+	 		   * PIf you edit eriod, it will change automatically.
+	 	
       Period 
+	 		
+		 		Total <%=rs_sub.getInt("c_bcb_period")%> Period
+		 		<%if(rs_sub.getInt("c_now") < 2 && rs_sub.getInt("c_now_bcb") < 2){%>
+			 		[Edit]
+		 		<%}%>
+	 		
+	 		
+	 	
       BMC Schedulr 
+		Not Use
+	 	
      
+
+	
+
      
+

      
+

      
+

      
+

      
+

      
+

      
+
+<%
+				}
+			rs_sub.close();
+
+		}
+		rs_up.close();
+
+}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/project/plan/period_set.jsp b/resoft/field_manager/process/project/plan/period_set.jsp
new file mode 100644
index 0000000..e047af9
--- /dev/null
+++ b/resoft/field_manager/process/project/plan/period_set.jsp
@@ -0,0 +1,40 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	String c_bcb_period = r_call(request.getParameter("c_bcb_period"));
+	int n_bcb_period = Integer.parseInt(c_bcb_period);
+	
+	if(c_project_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String c_bcb_s_date = r_call(request.getParameter("c_s_1" ));
+		String c_bcb_e_date = r_call(request.getParameter("c_e_" + c_bcb_period ));
+	
+		String sql_ok = "update tbl_project_plan set c_bcb_s_date = '"+ c_bcb_s_date +"', c_bcb_e_date = '"+ c_bcb_e_date +"', c_bcb_period = "+ c_bcb_period +" where c_relation=0 and c_project_no  = "+ c_project_no;
+		stmt.execute(sql_ok);
+		
+		sql_ok = " delete from tbl_project_plan_bcb_period where c_project_no  = "+ c_project_no;
+		stmt.execute(sql_ok);
+
+	for(int i = 1; i < n_bcb_period + 1; i++){
+		sql_ok = " insert into tbl_project_plan_bcb_period (c_project_no, c_period_no, c_s_date, c_e_date ) values (";
+		sql_ok = sql_ok + c_project_no + "," + i + ",'" + r_call(request.getParameter("c_s_" + i)) + "','" + r_call(request.getParameter("c_e_" + i)) + "')";
+		stmt.execute(sql_ok);
+	}
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/project/plan/time_set.jsp b/resoft/field_manager/process/project/plan/time_set.jsp
new file mode 100644
index 0000000..dde19d8
--- /dev/null
+++ b/resoft/field_manager/process/project/plan/time_set.jsp
@@ -0,0 +1,36 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	String c_mode = r_call(request.getParameter("c_mode"));
+	String c_value = r_call(request.getParameter("c_value"));
+	String c_propse_s_date = r_call(request.getParameter("c_propse_s_date"));
+	String c_propse_e_date = r_call(request.getParameter("c_propse_e_date"));
+	String c_propse_s_time1 = r_call(request.getParameter("c_propse_s_time1"));
+	String c_propse_s_time2 = r_call(request.getParameter("c_propse_s_time2"));
+	String c_propse_e_time1 = r_call(request.getParameter("c_propse_e_time1"));
+	String c_propse_e_time2 = r_call(request.getParameter("c_propse_e_time2"));
+	
+	c_propse_s_date = c_propse_s_date + " " + c_propse_s_time1 + ":" + c_propse_s_time2;
+	c_propse_e_date = c_propse_e_date + " " + c_propse_e_time1 + ":" + c_propse_e_time2;
+	if(c_project_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_project_plan set c_propose_s_date = '"+ c_propse_s_date +"', c_propose_e_date = '"+ c_propse_e_date +"' where c_relation=0 and c_project_no  = "+ c_project_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/project/project/change_management.jsp b/resoft/field_manager/process/project/project/change_management.jsp
new file mode 100644
index 0000000..9f49084
--- /dev/null
+++ b/resoft/field_manager/process/project/project/change_management.jsp
@@ -0,0 +1,27 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_management = r_call(request.getParameter("c_management"));
+	String c_value = r_call(request.getParameter("c_value"));
+	String c_field = r_call(request.getParameter("c_field"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_project set "+ c_management +" = "+ c_value +"  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/project/project/edit.jsp b/resoft/field_manager/process/project/project/edit.jsp
new file mode 100644
index 0000000..ff68793
--- /dev/null
+++ b/resoft/field_manager/process/project/project/edit.jsp
@@ -0,0 +1,190 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_field = r_call(request.getParameter("c_field")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+	if(c_no.equals("")){
+%>
+	
+<%	
+	}else{
+		String sql_up="  SELECT c.*, a.c_name as u_name, b.c_name as f_name from tbl_project c inner join tbl_project a  on a.c_no = c.c_up_no inner join tbl_field b on b.c_no = a.c_field where c.c_no = " + c_no;
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  Insert Project
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter the items marked with the mark *.
+        	  
+         
      
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
       *Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       *Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       *Project Name  " id="" style="width:400px" maxlength="150"/> 
       *Aplly operation 
+		
+		
+ 		
+ 		
      
+ 			checked<%}%>>
+		
+ 			operation
+		
+ 			checked<%}%>>
+		
+ 			Not operated
+ 		
+ 			* This is an item for members to apply for participation in the project.
+ 		
      
+ 	
+ 	
       *Survey operation  
+		
+		
+ 		
+ 		
      
+ 			checked<%}%>>
+		
+ 			operation
+		
+ 			checked<%}%>>
+		
+ 			Not operated
+ 		
+ 			* This item can be used to conduct a survey on project-related members..
+ 		
      
+ 	
       *Evaluation  operation 
+		
+		
+ 		
+ 		
      
+ 			checked<%}%>>
+		
+ 			operation
+		
+ 			checked<%}%>>
+		
+ 			 Not operated
+ 		
+ 			* This item allows you to evaluate the project participation team..
+ 		
      
+ 	
       *BMC operation  
+		
+		
+ 		
+ 		
      
+ 			checked<%}%>>
+		
+ 			operation
+		
+ 			checked<%}%>>
+		
+ 			 Not operated
+ 		
+ 			* It is an item that can operate BMC within the project.
+ 		
      
+ 	
       *Education operation  
+		
+		
+ 		
+ 		
      
+ 			checked<%}%>>
+		
+ 			operation
+		
+ 			checked<%}%>>
+		
+ 			Not operated
+ 		
+ 			* It is an item that can operate Education within the project..
+ 		
      
+ 	
      
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Edit
+			Cancel
+		
      
+
      
+
+<%
+		}
+		rs_up.close();
+
+}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/project/project/edit_ok.jsp b/resoft/field_manager/process/project/project/edit_ok.jsp
new file mode 100644
index 0000000..47d71e3
--- /dev/null
+++ b/resoft/field_manager/process/project/project/edit_ok.jsp
@@ -0,0 +1,27 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+	String c_field = r_call(request.getParameter("c_field")); 
+	String c_propose = r_call(request.getParameter("c_propose")); 
+	String c_survey = r_call(request.getParameter("c_survey")); 
+	String c_point = r_call(request.getParameter("c_point")); 
+	String c_bcb = r_call(request.getParameter("c_bcb")); 
+	String c_edu = r_call(request.getParameter("c_edu")); 
+	
+		String sql_ok = "";
+		sql_ok = "update tbl_project set c_name='"+ c_name +"',c_propose="+ c_propose +",c_survey="+ c_survey +",c_point="+ c_point +",c_bcb="+ c_bcb +",c_edu="+ c_edu +" where c_no = " + c_no;
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/project/project/insert.jsp b/resoft/field_manager/process/project/project/insert.jsp
new file mode 100644
index 0000000..be8602a
--- /dev/null
+++ b/resoft/field_manager/process/project/project/insert.jsp
@@ -0,0 +1,195 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_field = r_call(request.getParameter("c_field")); 
+	String c_up_no = r_call(request.getParameter("c_up_no")); 
+	if(c_up_no.equals("")){
+%>
+	
+<%	
+	}else{
+		String u_name = "";
+		String f_name = "";
+		int f_no = 0;
+		String sql_up="  SELECT a.c_field, a.c_name, b.c_name as f_name from tbl_project a inner join tbl_field b on b.c_no = a.c_field where a.c_no = " + c_up_no;
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			f_no = rs_up.getInt("c_field");
+			u_name = rs_up.getString("c_name");
+			f_name = rs_up.getString("f_name");
+		}
+		rs_up.close();
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  Insert Project
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter items marked with a mark..
+        	  
+         
      
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
       *Field 
+ 		<%=f_name%>
+ 	
       *Category 
+ 		<%=u_name%>
+ 	
       *Project Name   
       *Apply operation  
+		
+		
+ 		
+ 		
      
+ 			
+		
+ 			operation
+		
+ 			
+		
+ 			Not operated
+ 		
+ 			* This is an item for members to apply for participation in the project.
+ 		
      
+ 	
+ 	
       *Survey operation  
+		
+		
+ 		
+ 		
      
+ 			
+		
+ 			operation
+		
+ 			
+		
+ 			Not operated
+ 		
+ 			* This item can be used to conduct a survey on project-related members.
+ 		
      
+ 	
       *Evaluation operation  
+		
+		
+ 		
+ 		
      
+ 			
+		
+ 			operation
+		
+ 			
+		
+ 			Not operated
+ 		
+ 			* This item allows you to evaluate the project participation team..
+ 		
      
+ 	
       *BMC operation  
+		
+		
+ 		
+ 		
      
+ 			
+		
+ 			operation
+		
+ 			
+		
+ 			Not operated
+ 		
+ 			* It is an item that can operate BMC within the project..
+ 		
      
+ 	
       *Education operation  
+		
+		
+ 		
+ 		
      
+ 			
+		
+ 			operation
+		
+ 			
+		
+ 			Not operated
+ 		
+ 			* It is an item that can operate Education within the project..
+ 		
      
+ 	
      
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Insert
+			Cancel
+		
      
+
      
+
+<%}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/project/project/insert_ok.jsp b/resoft/field_manager/process/project/project/insert_ok.jsp
new file mode 100644
index 0000000..e64dc4b
--- /dev/null
+++ b/resoft/field_manager/process/project/project/insert_ok.jsp
@@ -0,0 +1,37 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String f_no = r_call(request.getParameter("f_no")); 
+	String c_up_no = r_call(request.getParameter("c_up_no")); 
+	String c_field = r_call(request.getParameter("c_field")); 
+	String c_propose = r_call(request.getParameter("c_propose")); 
+	String c_survey = r_call(request.getParameter("c_survey")); 
+	String c_point = r_call(request.getParameter("c_point")); 
+	String c_bcb = r_call(request.getParameter("c_bcb")); 
+	String c_edu = r_call(request.getParameter("c_edu")); 
+	
+	int c_order = 1;
+	String sql1="  SELECT max(c_order) as max_order from tbl_project  where c_up_no = " + c_up_no + " and c_relation = 0 and c_type = 1 and c_use = 0 ";
+	ResultSet rst = stmt.executeQuery(sql1);
+	if(rst.next()) {
+		c_order = c_order + rst.getInt("max_order");	
+	}
+	rst.close();
+	
+		String sql_ok = "";
+		sql_ok = "insert into tbl_project (c_relation, c_field,c_type,c_up_no,c_name,c_propose,c_survey,c_point,c_bcb,c_order,c_use,c_date,c_edu) values(";
+		sql_ok = sql_ok + " 0," + f_no + ",1,"+ c_up_no +",'" + c_name + "',"+ c_propose +","+ c_survey +","+ c_point +","+ c_bcb +","+  + c_order + ",0,now(),"+ c_edu +")";
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/sts/list.jsp b/resoft/field_manager/process/sts/list.jsp
new file mode 100644
index 0000000..c9f3d21
--- /dev/null
+++ b/resoft/field_manager/process/sts/list.jsp
@@ -0,0 +1,198 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	int c_home = Integer.parseInt(r_call(request.getParameter("c_home")));
+	String s_year = r_call(request.getParameter("s_year"));
+	
+	Calendar currentCalendar = Calendar.getInstance();
+	int now_year =  currentCalendar.get(Calendar.YEAR);
+	int now_month = currentCalendar.get(Calendar.MONTH) + 1;
+	int c_year = now_year;
+	
+	if(!s_year.equals("")){
+		c_year = Integer.parseInt(s_year);
+	}
+	 
+%>
+
      
+	
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  Apply Access statistics
+         
      
+
+	
+		
+	
+    	
+        
+         
+        
+        
+        
      
+        	
+        
+        	
+        
      
+ 		
+    	
+        
+        <%for(int m = 1 ; m < 13 ; m++){%>
+        
+        <%}%>
+        
+        			<%
+        			int m_co[] = new int[13];
+        			String sql_co = "select c_visit, c_month from tbl_visit where c_home = "+ c_home +" and c_project_no = 0 and c_show_no = -1 and c_c_no = 0 and  c_year = " + c_year + " order by c_month asc ";
+        			 ResultSet rs_co = stmt.executeQuery(sql_co);
+        			 while(rs_co.next()){
+        			 	m_co[rs_co.getInt("c_month")] = rs_co.getInt("c_visit");
+        			 }
+        			 rs_co.close();
+        			 if(c_home == 33){
+        			%>
+	        			
+				        
+				        <%for(int m = 1 ; m < 13 ; m++){%>
+				        
+				        <%}%>
+				        
+        			<%
+        			}
+        			%>
+        			<%
+        			for(int cho = 0; cho < 13; cho++){
+        				m_co[cho] = 0;
+        			}
+        			sql_co = "select c_visit, c_month from tbl_visit where c_home = "+ c_home +" and c_project_no = 0 and c_show_no = 0 and c_c_no = 0 and  c_year = " + c_year + " order by c_month asc ";
+        			rs_co = stmt.executeQuery(sql_co);
+        			 while(rs_co.next()){
+        			 	m_co[rs_co.getInt("c_month")] = rs_co.getInt("c_visit");
+        			 }
+        			 rs_co.close();
+        			 
+        			%>
+	        			
+				        
+				        <%for(int m = 1 ; m < 13 ; m++){%>
+				        
+				        <%}%>
+				        
+<%
+		 String sql1="  SELECT * from tbl_menu where c_up_no = 0 and c_home="+ c_home +"    order by c_order asc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 while (rst.next()) {
+%>
+			
+		        
+		        
+		        
+		        <%
+	        	 String sql12="  SELECT * from tbl_menu where c_up_no = "+ rst.getInt("c_no") +"   order by c_order asc";
+			 ResultSet rst2 = stmt2.executeQuery(sql12);
+			 while (rst2.next()) {
+			%>
+				<%
+        			for(int cho = 0; cho < 13; cho++){
+        				m_co[cho] = 0;
+        			}
+        			sql_co = "select c_visit, c_month from tbl_visit where c_home = "+ c_home +" and c_project_no = 0 and c_show_no = "+ rst2.getInt("c_no") +" and c_c_no = 0 and  c_year = " + c_year + " order by c_month asc ";
+        			rs_co = stmt.executeQuery(sql_co);
+        			 while(rs_co.next()){
+        			 	m_co[rs_co.getInt("c_month")] = rs_co.getInt("c_visit");
+        			 }
+        			 rs_co.close();
+        			 
+        			%>
+				
+			        
+			        <%for(int m = 1 ; m < 13 ; m++){%>
+			        
+			        <%}%>
+			        
+<%			}
+			rst2.close();
+%>
+<%		}
+		rst.close();
+%>
+			 
+	 		
+		        
+		        
+		        <%
+	        	 String sql121="  SELECT * from tbl_menu where c_up_no = 1   order by c_order asc";
+			 ResultSet rst2 = stmt2.executeQuery(sql121);
+			 while (rst2.next()) {
+			%>
+				<%
+        			for(int cho = 0; cho < 13; cho++){
+        				m_co[cho] = 0;
+        			}
+        			sql_co = "select c_visit, c_month from tbl_visit where c_home = "+ c_home +" and c_project_no = 0 and c_show_no = "+ rst2.getInt("c_no") +" and c_c_no = 0 and  c_year = " + c_year + " order by c_month asc ";
+        			rs_co = stmt.executeQuery(sql_co);
+        			 while(rs_co.next()){
+        			 	m_co[rs_co.getInt("c_month")] = rs_co.getInt("c_visit");
+        			 }
+        			 rs_co.close();
+        			 
+        			%>
+				
+			        
+			        <%for(int m = 1 ; m < 13 ; m++){%>
+			        
+			        <%}%>
+			        
+<%			}
+			rst2.close();
+%>
+        
      Menu<%=m%>Month
      Intro Page
+				        	<%if(m_co[m]>0){%>
+				        	<%=m_co[m]%>
+				        	<%}%>
+				        
      Main Page
+       				        	<%if(m_co[m]>0){%>
+				        	<%=m_co[m]%>
+				        	<%}%>
+				        
      <%=rst.getString("c_name")%> 
      └ <%=rst2.getString("c_name")%> 
+				        	<%if(m_co[m]>0){%>
+				        	<%=m_co[m]%>
+				        	<%}%>
+			        
      Membership 
      └ <%=rst2.getString("c_name")%> 
+				        	<%if(m_co[m]>0){%>
+				        	<%=m_co[m]%>
+				        	<%}%>
+			        
      
+
+         
+
      
+
      
+
      
+
      
+
      
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/survey/project/change.jsp b/resoft/field_manager/process/survey/project/change.jsp
new file mode 100644
index 0000000..75a31f0
--- /dev/null
+++ b/resoft/field_manager/process/survey/project/change.jsp
@@ -0,0 +1,30 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_project_no= r_call(request.getParameter("c_project_no"));
+	String c_now= r_call(request.getParameter("c_now"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		 
+		 	
+		String sql_ok = "update tbl_survey_project set c_now = "+ c_now +"  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/survey/project/content.jsp b/resoft/field_manager/process/survey/project/content.jsp
new file mode 100644
index 0000000..36f0f50
--- /dev/null
+++ b/resoft/field_manager/process/survey/project/content.jsp
@@ -0,0 +1,35 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	if(c_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c_content from tbl_survey_project where c_no = " + c_no;
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
      
+
      
+
      
+	
+
+
+		
+
      
+	<%=rs_up.getString("c_content")%> 	  
+
      
+<%		}
+		rs_up.close();
+	}
+%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/survey/project/delete.jsp b/resoft/field_manager/process/survey/project/delete.jsp
new file mode 100644
index 0000000..c09e89a
--- /dev/null
+++ b/resoft/field_manager/process/survey/project/delete.jsp
@@ -0,0 +1,27 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_project_no= r_call(request.getParameter("c_project_no"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_survey_project set c_use = 1  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/survey/project/edit.jsp b/resoft/field_manager/process/survey/project/edit.jsp
new file mode 100644
index 0000000..63be150
--- /dev/null
+++ b/resoft/field_manager/process/survey/project/edit.jsp
@@ -0,0 +1,146 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+
+
+<%
+	String c_no = r_call(request.getParameter("c_no")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	Modify survey project
+         
      
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
       Main Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+  <%
+			 
+		}
+		rs_up.close();
+ }
+%>
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter the items marked with the mark *.
+        	  
+         
      
+        		<%
+ 			 String sql12="  SELECT  * from tbl_survey_project where c_home = " + c_home + " and c_maker = 0 and c_use=0 and c_now=0 and c_no = "+ c_no +" ";
+		 	ResultSet rst2 = stmt.executeQuery(sql12);
+		 	 while (rst2.next()){%>
+ 	
+ 	
+ 	 
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
       *Survey project name " id="" style="width:300px" maxlength="50"/> 
       *Use Survey 
+ 		 * If there is no use questionnaire, please manage the indicators first.
+ 	
       *Contents of Survey Guide 
+ 		
+ 	
      
+ 	<%}
+		 	rst2.close();
+		 	%>
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Edit
+			Cancel
+		
      
+
      
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/survey/project/edit_ok.jsp b/resoft/field_manager/process/survey/project/edit_ok.jsp
new file mode 100644
index 0000000..ddef846
--- /dev/null
+++ b/resoft/field_manager/process/survey/project/edit_ok.jsp
@@ -0,0 +1,27 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_survey_no = r_call(request.getParameter("c_survey_no")); 
+	String c_content = r_call2(request.getParameter("c_content")); 
+	 
+		String sql_ok = "";
+		sql_ok = "update tbl_survey_project set c_name='"+ c_name +"',c_survey_no="+ c_survey_no +",c_content='"+ c_content +"' ";
+		sql_ok = sql_ok + " where c_now = 0 and c_use = 0 and c_no = " + c_no;
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/survey/project/insert.jsp b/resoft/field_manager/process/survey/project/insert.jsp
new file mode 100644
index 0000000..fd1054c
--- /dev/null
+++ b/resoft/field_manager/process/survey/project/insert.jsp
@@ -0,0 +1,137 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+
+
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	Survey project registration
+         
      
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
       Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+  <%
+			 
+		}
+		rs_up.close();
+ }
+%>
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter the items marked with the mark.
+        	  
+         
      
+ 	
+ 	
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
       *Survey Project Name  
       *Use Survey 
+ 		 * If there is no required questionnaire, please manage the questionnaire first.
+ 	
       *Survey information 
+ 		
+ 	
      
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Insert
+			Cancel
+		
      
+
      
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/survey/project/insert_ok.jsp b/resoft/field_manager/process/survey/project/insert_ok.jsp
new file mode 100644
index 0000000..2caee5e
--- /dev/null
+++ b/resoft/field_manager/process/survey/project/insert_ok.jsp
@@ -0,0 +1,26 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_survey_no = r_call(request.getParameter("c_survey_no")); 
+	String c_content = r_call2(request.getParameter("c_content")); 
+	 
+		String sql_ok = "";
+		sql_ok = "insert into tbl_survey_project (c_home,c_maker,c_project_no, c_name,c_survey_no,c_content,c_now,c_use,c_date) values(";
+		sql_ok = sql_ok + c_home + ",0,"+ c_project_no +",'" + c_name + "',"+ c_survey_no +",'"+ c_content +"',0,0,now())";
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/survey/project/list.jsp b/resoft/field_manager/process/survey/project/list.jsp
new file mode 100644
index 0000000..82fefaa
--- /dev/null
+++ b/resoft/field_manager/process/survey/project/list.jsp
@@ -0,0 +1,174 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	int col_no = 12;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  Survey project management
+         
      
+
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
       Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+  <%
+			 
+		}
+		rs_up.close();
+ }
+%>
+		
+    	
+        
+        
+        
      
+        	  * Survey project management
+        
      
+        	 
+ 		
+    	
+        
+        
+        
+        
+        
+        
+        
+        
+        
+         
+        
+	<%
+		 
+		 
+		 String sql1="  SELECT  a.* ";
+		 sql1 = sql1 + " ,(select c_name from tbl_survey where c_no = a.c_survey_no) as survey_name ";
+		 sql1 = sql1 + " from tbl_survey_project a where a.c_home = " + c_home + " and a.c_maker = 0 and a.c_project_no = "+ c_project_no +" and  a.c_use=0 order by a.c_no desc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			 
+			
+		
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rst.close();
+	 %>
+        
      NoSurvey nameUse SurveyItem ViewSurvey TargetView InformationApply/EndResults managementEditDel
      
+				<%=i_no%>
+			
+				<%=rst.getString("c_name")%>
+			
+				<%=rst.getString("survey_name")%>
+			
+				" target="_blank">[View Poll]
+			
+				">[Target management]
+			
+				" target="_blank">[View]
+			
+				<%if(rst.getInt("c_now") ==0){%>
+					&c_now=1'}">Waiting
+				<%}%>
+				<%if(rst.getInt("c_now") ==1){%>
+					&c_now=2'}">Proceeding
+				<%}%>
+				<%if(rst.getInt("c_now") ==2){%>
+					End
+				<%}%>
+
+			
+				<%if(rst.getInt("c_now") >0){%>
+				">[Results management]
+				<%}%>
+			
+				<%if(rst.getInt("c_now") ==0){%>
+					&c_project_no=<%=c_project_no%>">[Edit]
+				<%}%>
+			
+				 <%if(rst.getInt("c_now") ==0){%>
+					'}">[Del]
+				 <%}%>
+			
+			 
+		
      There is no data.
      
+
+        	
+    	
+	
+    			
+	
      
+		New survey project registration
+	
      
+
      
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/survey/project/result/list.jsp b/resoft/field_manager/process/survey/project/result/list.jsp
new file mode 100644
index 0000000..b606e00
--- /dev/null
+++ b/resoft/field_manager/process/survey/project/result/list.jsp
@@ -0,0 +1,240 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_survey_no = "";
+	int col_no = 12;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	 Survey Result
+         
      
+
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ <%
+			 
+		}
+		rs_up.close();
+ 
+ 		int edit_ok = 0;
+		sql_up =   "select a.* ";
+		sql_up = sql_up + ", ( select count(c_no) from tbl_survey_target where c_survey_project_no = a.c_no and c_use = 0 ) as t_no ";
+		sql_up = sql_up + ", ( select count(c_no) from tbl_survey_target where c_survey_project_no = a.c_no and c_use = 0 and c_now = 1 ) as t_ok_no ";
+		sql_up = sql_up + " from tbl_survey_project a ";
+		sql_up = sql_up + " where a.c_no = " + c_no + " ";
+		rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 edit_ok = rs_up.getInt("c_now");
+			 c_survey_no = rs_up.getString("c_survey_no");
+			 
+%>
+ 	 
+ 	
+ 	
+ 	 
+ 	
+ 	
+ 	 
+ 	
+ 	
+ 	 
+ 	
       Filed 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
       Survey Project  
+ 		<%=rs_up.getString("c_name")%>
+ 	
       Target No.  
+ 		<%=rs_up.getInt("t_no")%> M.
+ 	
       Number of survey participants  
+ 		<%=rs_up.getInt("t_ok_no")%> M.
+ 	
      
+  
+		
+    	
+        
+       
+        
+        
+        
      
+        	  * Survey Participation Results
+        
+        	 [Excel Download]
+        	        
+        	 [Rawdate Download]        
+        
      
+        
+        	
+    	
+        
+        
+        
+        
+        
+        	 
+ 	<%
+		 int total_point = 0;
+		 int o_no = 0;
+		 int o_order = 0;
+		 int o_no2 = 0;
+		 int o_order2 = 0;
+		 
+		 String sql1="  SELECT  * from tbl_survey_problem where c_survey_no = " + c_survey_no + " and c_up_no = 0 and c_use=0 order by c_order asc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			 
+			 
+			 
+		
+			<%
+		 
+		 	 
+			 String sql12="  SELECT  * from tbl_survey_problem where c_survey_no = " + c_survey_no + " and c_up_no = "+ rst.getInt("c_no") +" and c_use=0 order by c_order asc";
+			 ResultSet rst2 = stmt.executeQuery(sql12);
+			 int i_no2 = 0;
+			 while (rst2.next()) {
+			  
+				i_no2 = i_no2 + 1;
+			%>
+		    	
+				
+				
+				
+				
+				 
+			
+				 
+		 
+				<%
+		  
+	
+				 String sql13="  SELECT  a.* ";
+				 sql13 = sql13 + ", (select count(c_no) from tbl_survey_result where c_survey_project_no = "+ c_no +" and c_problem_no = "+ rst2.getInt("c_no") +" and c_answer_no = a.c_no  ) as choice_no ";
+				 sql13 = sql13 + " from tbl_survey_answer a where a.c_survey_no = " + c_survey_no + " and a.c_problem_no = "+ rst2.getInt("c_no") +" and a.c_use=0 order by a.c_order asc";
+				 ResultSet rst3 = stmt.executeQuery(sql13);
+				 int i_no3 = 0;
+				 while (rst3.next()) {
+				  
+					i_no3 = i_no3 + 1;
+				%>
+					
+					
+					
+					
+					
+					 
+				
+
+
+			 
+			<%
+				 }
+				rst3.close();
+			 %>
+		
+		<%
+			 }
+			rst2.close();
+		 %>
+			 
+	<%		 
+		 }
+		  
+		 rst.close();
+	 %>
+	 
      CategoryItemExsampleNumber of choicesView short answer
      
+				<%=rst.getString("c_title")%>
+			
      
+				
+					<%=rst2.getString("c_title")%>
+				
+					  
+				
+					   	<%if(rst2.getInt("c_type") > 1 ){%>
+						  	" target="_blank">[View short answer]
+						<%}%>
+				
      
+					
+						<%=rst3.getString("c_title")%>
+					
+						<%=rst3.getInt("choice_no")%>
+					
+						  <%if(rst3.getInt("c_type") == 1 ){%>
+						  	&c_answer_no=<%=rst3.getInt("c_no")%>" target="_blank">[View short answer]
+						  <%}%>
+					
       
+
+
+		
+    	
+	
+	
+    			
+	
      
+		 
+	
+		List
+	
      
+
      
+
      
+
      
+
      
+
+
+<%	}
+		rs_up.close();
+ }
+ %>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/survey/project/result/list_excel.jsp b/resoft/field_manager/process/survey/project/result/list_excel.jsp
new file mode 100644
index 0000000..deac905
--- /dev/null
+++ b/resoft/field_manager/process/survey/project/result/list_excel.jsp
@@ -0,0 +1,202 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%
+     
+    response.setContentType("application/vnd.ms-excel; charset=iso-8859-1");  
+    response.setHeader("Content-Disposition", "attachment; filename=survey_result.xls");
+    response.setHeader("Content-Description", "JSP Generated Data");
+%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_survey_no = "";
+	int col_no = 12;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		 
+			 
+%>
+
+
      
+	
+
+		
+
      
+ 	 
+ <%
+		 
+ 
+ 		int edit_ok = 0;
+		String sql_up =   "select a.* ";
+		sql_up = sql_up + ", ( select count(c_no) from tbl_survey_target where c_survey_project_no = a.c_no and c_use = 0 ) as t_no ";
+		sql_up = sql_up + ", ( select count(c_no) from tbl_survey_target where c_survey_project_no = a.c_no and c_use = 0 and c_now = 1 ) as t_ok_no ";
+		sql_up = sql_up + " from tbl_survey_project a ";
+		sql_up = sql_up + " where a.c_no = " + c_no + " ";
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 edit_ok = rs_up.getInt("c_now");
+			 c_survey_no = rs_up.getString("c_survey_no");
+			 
+%>
+ 	 
+  
+	 
+        
+        	
+    	
+        
+        
+        
+        
+        
+        	 
+ 	<%
+		 int total_point = 0;
+		 int o_no = 0;
+		 int o_order = 0;
+		 int o_no2 = 0;
+		 int o_order2 = 0;
+		 
+		 String sql1="  SELECT  * from tbl_survey_problem where c_survey_no = " + c_survey_no + " and c_up_no = 0 and c_use=0 order by c_order asc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			 
+			 
+			 
+		
+			<%
+		 
+		 	 
+			 String sql12="  SELECT  * from tbl_survey_problem where c_survey_no = " + c_survey_no + " and c_up_no = "+ rst.getInt("c_no") +" and c_use=0 order by c_order asc";
+			 ResultSet rst2 = stmt.executeQuery(sql12);
+			 int i_no2 = 0;
+			 while (rst2.next()) {
+			  
+				i_no2 = i_no2 + 1;
+			%>
+		    	
+				
+				
+				
+				
+				 
+			
+				 
+		 
+				<%
+		  
+	
+				 String sql13="  SELECT  a.* ";
+				 sql13 = sql13 + ", (select count(c_no) from tbl_survey_result where c_survey_project_no = "+ c_no +" and c_problem_no = "+ rst2.getInt("c_no") +" and c_answer_no = a.c_no  ) as choice_no ";
+				 sql13 = sql13 + " from tbl_survey_answer a where a.c_survey_no = " + c_survey_no + " and a.c_problem_no = "+ rst2.getInt("c_no") +" and a.c_use=0 order by a.c_order asc";
+				 ResultSet rst3 = stmt.executeQuery(sql13);
+				 int i_no3 = 0;
+				 while (rst3.next()) {
+				  
+					i_no3 = i_no3 + 1;
+				%>
+					
+					
+					
+					
+					
+					 
+				
+
+
+			 
+			<%
+				 }
+				rst3.close();
+			 %>
+		
+		<%
+			 }
+			rst2.close();
+		 %>
+			 
+	<%		 
+		 }
+		  
+		 rst.close();
+	 %>
+	 
      CategoryItemExsampleNumber of choicesShort answer
      
+				<%=rst.getString("c_title")%>
+			
      
+				
+					<%=rst2.getString("c_title")%>
+				
+					  
+				
+					   	 
+							
+						<%
+						String sql_sr = "select c_text from tbl_survey_result where c_survey_project_no = " + c_no + " and c_problem_no = " + rst2.getInt("c_no") + " ";
+						 
+						ResultSet rs_sr = stmt.executeQuery(sql_sr);
+						while(rs_sr.next()){
+						%>
+					    	
+					        
+					        
+					       
+						<%
+						}
+						rs_sr.close();
+						%>
+				        	
      
+					        	<%=rs_sr.getString("c_text")%>
+					         
      
+					 
+				
      
+					
+						<%=rst3.getString("c_title")%>
+					
+						<%=rst3.getInt("choice_no")%>
+					
+						  
+							  	
+							<%
+							 sql_sr = "select c_text from tbl_survey_result where c_survey_project_no = " + c_no + " and c_problem_no = " + rst2.getInt("c_no") + " ";
+								sql_sr = sql_sr + " and c_answer_no = " + rst3.getInt("c_no") + " ";
+							 
+							 rs_sr = stmt.executeQuery(sql_sr);
+							while(rs_sr.next()){
+							%>
+						    	
+						        
+						        
+							<%
+							}
+							rs_sr.close();
+							%>
+						        
      
+						        	<%=rs_sr.getString("c_text")%>
+						         
      
+						 
+					
       
+
+ 
+
      
+ 
+
+<%	}
+		rs_up.close();
+ }
+ %> 
+ 
+ <%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/field_manager/process/survey/project/result/list_excel2.jsp b/resoft/field_manager/process/survey/project/result/list_excel2.jsp
new file mode 100644
index 0000000..237e459
--- /dev/null
+++ b/resoft/field_manager/process/survey/project/result/list_excel2.jsp
@@ -0,0 +1,153 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%
+     
+    response.setContentType("application/vnd.ms-excel; charset=iso-8859-1");  
+    response.setHeader("Content-Disposition", "attachment; filename=survey_result_rawdata.xls");
+    response.setHeader("Content-Description", "JSP Generated Data");
+%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_survey_no = "";
+	int col_no = 12;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+
+		String[][] a_result = new String[100][200]; //total array
+ 	 	String[] a_p_count = new String[100]; //Problem title
+ 	 	for(int i=0;i<100;i++){
+ 	 	for(int j=0;j<200;j++){
+			a_result[i][j] = ""; 	 	
+ 	 	}
+ 	 	}
+		 int p_no = 0; //p Count
+		 int m_no = 0; //m count
+		 int p_name = 0;
+		
+ 		int edit_ok = 0;
+		String sql_up =   "select a.* ";
+		sql_up = sql_up + ", ( select count(c_no) from tbl_survey_target where c_survey_project_no = a.c_no and c_use = 0 ) as t_no ";
+		sql_up = sql_up + ", ( select count(c_no) from tbl_survey_target where c_survey_project_no = a.c_no and c_use = 0 and c_now = 1 ) as t_ok_no ";
+		sql_up = sql_up + " from tbl_survey_project a ";
+		sql_up = sql_up + " where a.c_no = " + c_no + " ";
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 c_survey_no = rs_up.getString("c_survey_no");
+			 
+ 
+		 int total_point = 0;
+		 int o_no = 0;
+		 int o_order = 0;
+		 int o_no2 = 0;
+		 int o_order2 = 0;
+		 
+		  String sql1="  SELECT  * from tbl_survey_problem where c_survey_no = " + c_survey_no + " and c_up_no = 0 and c_use=0 order by c_order asc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+			 
+		 
+		 	 
+			 String sql12="  SELECT  * from tbl_survey_problem where c_survey_no = " + c_survey_no + " and c_up_no = "+ rst.getInt("c_no") +" and c_use=0 order by c_order asc";
+			 ResultSet rst2 = stmt.executeQuery(sql12);
+			 int i_no2 = 0;
+			 while (rst2.next()) {
+			  
+				i_no2 = i_no2 + 1;
+			 
+			 	if(rst2.getInt("c_type") == 2 || rst2.getInt("c_type") == 3){
+					p_no = p_no + 1;
+					p_name = p_name + 1;
+					a_result[p_no][0] = rst2.getString("c_no");
+					a_p_count[p_no]	= "P." + p_name + "";	 	
+			 	}else{
+			 		p_name = p_name + 1;
+					
+					 String sql13="  SELECT  a.* ";
+					  sql13 = sql13 + " from tbl_survey_answer a where a.c_survey_no = " + c_survey_no + " and a.c_problem_no = "+ rst2.getInt("c_no") +" and a.c_use=0 order by a.c_order asc";
+					 ResultSet rst3 = stmt.executeQuery(sql13);
+					 int i_no3 = 0;
+					 while (rst3.next()) {
+					 	i_no3 = i_no3 + 1;
+						p_no = p_no + 1;
+						a_result[p_no][0] = rst3.getString("c_no");		 	
+						a_p_count[p_no]	= "P." + p_name + "-" + i_no3 + "";
+					 }
+					rst3.close();
+				}			 
+			 }
+			rst2.close();
+		 	 
+		  }
+		  rst.close();
+		  
+		  
+		  String sql_mem = "select c_no from tbl_survey_target where c_survey_project_no = "+ c_no +" and c_use = 0 and c_now = 1 order by c_no asc";
+		  ResultSet rs_mem = stmt.executeQuery(sql_mem);
+		  while (rs_mem.next()) {
+			m_no = m_no + 1;
+					  
+			String sql_result = "select * from tbl_survey_result where c_survey_project_no = "+ c_no +" and c_target_no = "+ rs_mem.getInt("c_no") +" order by c_no asc ";
+			ResultSet rs_result = stmt2.executeQuery(sql_result);
+		  	while (rs_result.next()){
+		  		String check_no = rs_result.getString("c_problem_no");
+		  		if(rs_result.getInt("c_answer_no") != 0){
+		  			check_no = rs_result.getString("c_answer_no");
+		  		}
+		  		for(int i = 1;i < p_no + 1;i++){
+		  			if(check_no.equals(a_result[i][0])){
+		  				if(rs_result.getString("c_text").equals("")){
+			  				a_result[i][m_no] = "1";
+			  			}else{
+			  				a_result[i][m_no] = rs_result.getString("c_text"); 
+			  			}
+		  			}
+		  		}
+		  	}
+		  	rs_result.close();
+		  
+		  }
+		  rs_mem.close();
+		  
+	 	}
+		rs_up.close();
+%>
+
+	
+	
+	
+	<% for(int i = 1;i
+	
+	<%}%>
+	
+	<%for(int j = 1;j
+	
+	
+	<% for(int i = 1;i
+	
+	<%}%>
+	
+	<%}%>
+	
      
+		<%=a_p_count[i]%>
+		
+	
      
+		Memeber <%=j%>.
+	
+		<%=a_result[i][j]%>
+	
      
+<%		
+ }
+ %> 
+ 
+ <%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/field_manager/process/survey/project/result/text_view.jsp b/resoft/field_manager/process/survey/project/result/text_view.jsp
new file mode 100644
index 0000000..240edf7
--- /dev/null
+++ b/resoft/field_manager/process/survey/project/result/text_view.jsp
@@ -0,0 +1,39 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_survey_project_no = r_call(request.getParameter("c_survey_project_no"));
+	String c_problem_no = r_call(request.getParameter("c_problem_no"));
+	String c_answer_no = r_call(request.getParameter("c_answer_no"));
+%>
+
      
+	
+
+
+		
+
      
+ 		
+		<%
+		int change_ok = 0;
+		String sql_sr = "select c_text from tbl_survey_result where c_survey_project_no = " + c_survey_project_no + " and c_problem_no = " + c_problem_no + " ";
+		if(!c_answer_no.equals("")){
+			sql_sr = sql_sr + " and c_answer_no = " + c_answer_no + " ";
+		}
+		ResultSet rs_sr = stmt.executeQuery(sql_sr);
+		while(rs_sr.next()){
+		%>
+	    	
+	        
+	        
+		<%
+		}
+		rs_sr.close();
+		%>
+        
      
+	        	<%=rs_sr.getString("c_text")%>
+	         
      
+	 
+ 	 
+
+


       
+
      
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/survey/project/target/delete.jsp b/resoft/field_manager/process/survey/project/target/delete.jsp
new file mode 100644
index 0000000..a5493c1
--- /dev/null
+++ b/resoft/field_manager/process/survey/project/target/delete.jsp
@@ -0,0 +1,33 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_project_no= r_call(request.getParameter("c_project_no"));
+	String c_survey_target_no= r_call(request.getParameter("c_survey_target_no"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		 
+			 
+		 	
+		String sql_ok = "update tbl_survey_target set c_use = 1  where c_no = "+ c_survey_target_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+		
+		 
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/survey/project/target/insert_ok.jsp b/resoft/field_manager/process/survey/project/target/insert_ok.jsp
new file mode 100644
index 0000000..77bb16b
--- /dev/null
+++ b/resoft/field_manager/process/survey/project/target/insert_ok.jsp
@@ -0,0 +1,53 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+	int target_project_no = Integer.parseInt(r_call(request.getParameter("target_project_no"))); 
+
+		String sql_ok2 = "";
+		sql_ok2 = "update tbl_survey_target set c_use = 1 where c_survey_project_no = " + c_no;
+		stmt2.execute(sql_ok2); 
+
+	if(target_project_no ==0){
+		String sql_pt = " select a.c_no, b.c_member_no from tbl_apply_team a ";
+		sql_pt = sql_pt + " inner join tbl_apply_team_member b on b.c_project_no = "+ c_project_no + " and b.c_team_no = a.c_no and b.c_use = 0 ";
+		sql_pt = sql_pt + " where a.c_project_no = "+ c_project_no + " and a.c_use = 0 order by a.c_no asc ";
+		ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		while (rs_pt.next()) {
+			if(rs_pt.getInt("c_member_no") != 0){
+				String sql_ok = "";
+				sql_ok = "insert into tbl_survey_target (c_survey_project_no,c_team_no,c_member_no, c_now,c_use,c_date) values(";
+				sql_ok = sql_ok + c_no + "," + rs_pt.getInt("c_no") + "," + rs_pt.getInt("c_member_no") + ",0,0,now())";
+				stmt2.execute(sql_ok); 
+			}
+		}
+		rs_pt.close();
+	
+	}else{
+		String sql_pt = " select a.c_team_no, b.c_member_no from tbl_point_target a ";
+		sql_pt = sql_pt + " inner join tbl_apply_team_member b on b.c_project_no = "+ c_project_no + " and b.c_team_no = a.c_team_no and b.c_use = 0 ";
+		sql_pt = sql_pt + " where a.c_point_project_no = "+ target_project_no + " and a.c_use = 0 and a.c_pass= 1 order by a.c_no asc ";
+		ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		while (rs_pt.next()) {
+			if(rs_pt.getInt("c_member_no") != 0){
+				String sql_ok = "";
+				sql_ok = "insert into tbl_survey_target (c_survey_project_no,c_team_no,c_member_no, c_now,c_use,c_date) values(";
+				sql_ok = sql_ok + c_no + "," + rs_pt.getInt("c_team_no") + "," + rs_pt.getInt("c_member_no") + ",0,0,now())";
+				stmt2.execute(sql_ok); 
+			}
+		}
+		rs_pt.close();
+	}
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/survey/project/target/list.jsp b/resoft/field_manager/process/survey/project/target/list.jsp
new file mode 100644
index 0000000..d268fdb
--- /dev/null
+++ b/resoft/field_manager/process/survey/project/target/list.jsp
@@ -0,0 +1,217 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	int col_no = 12;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	Survey target management
+         
      
+
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ <%
+			 
+		}
+		rs_up.close();
+ 
+ 		int edit_ok = 0;
+		sql_up =   "select a.* ";
+		sql_up = sql_up + " from tbl_survey_project a ";
+		sql_up = sql_up + " where a.c_no = " + c_no + " ";
+		rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 edit_ok = rs_up.getInt("c_now");
+			 
+			 
+%>
+ 	 
+ 	
+ 	
+ 	 
+ 	
       Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name 
+ 		<%=rs_up.getString("c_name")%>
+ 	
       Survey project name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+  
+		
+    	
+        
+        
+        
      
+        	  * Survey target management
+        
      
+        	 
+ 		
+    	
+        
+        
+        
+        
+        
+        
+        
+        
+	<%
+		 
+		 
+		 String sql_pt="select t.* from ( select a.*,b.c_team_name,d.c_name as mem_name ";
+		 sql_pt = sql_pt +" from tbl_survey_target a ";
+		 sql_pt = sql_pt +" inner join tbl_apply_team b on a.c_team_no = b.c_no ";
+		 sql_pt = sql_pt +" inner join tbl_member d on a.c_member_no = d.c_no ";
+		 sql_pt = sql_pt +" where a.c_survey_project_no = " + c_no + " and a.c_use = 0 ) t order by t.c_team_name asc, t.mem_name asc ";
+		 ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		 int i_no = 0;
+		 while (rs_pt.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+			
+		       
+			
+			
+			
+			
+		 
+			
+		
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rs_pt.close();
+	 %>
+        
      NoTarget team nameView Team InformationTarget team memberParticipationParticipation dateDel
      
+				<%=i_no%>
+			
+				&c_project_no=<%=c_project_no%>" target="_blank"><%=rs_pt.getString("c_team_name")%>
+			
+				&c_project_no=<%=c_project_no%>" target="_blank">[View]
+			
+				<%=rs_pt.getString("mem_name")%>
+			
+				<%if(rs_pt.getInt("c_now") == 0){%>
+					X
+				<%}else{%>
+					O
+				<%}%>
+			
+				<%if(rs_pt.getInt("c_now") == 1){%>
+					<%=rs_pt.getString("c_answer_date").substring(0,10)%>
+				<%}%>
+			
+				<%if(edit_ok == 0){%>
+				&c_home=<%=c_home%>&c_project_no=<%=c_project_no%>&c_no=<%=c_no%>'}" >[Del]
+				<%}%>
+			
      There is no data.
      
+
+
+
+
      
+
+
+
+       	
+    	
+	
+	
+    			
+	
      
+		<%if(edit_ok == 0){%>
+		Select target :  
+		Team members
+		New registration for survey
      
+		<%}%>
+	      		
+		Survey List
+	
      
+
      
+
      
+
      
+
      
+
      
+
+
+<%	}
+		rs_up.close();
+ }
+ %>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/survey/project/target/view_team.jsp b/resoft/field_manager/process/survey/project/target/view_team.jsp
new file mode 100644
index 0000000..bbed4af
--- /dev/null
+++ b/resoft/field_manager/process/survey/project/target/view_team.jsp
@@ -0,0 +1,205 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+	int c_now_propose = 0;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+	String slq_chekc = "select * from tbl_apply_team where c_project_no = "+ c_project_no + " and c_no = " + c_team_no + " and c_use = 0 ";
+	ResultSet rs_check = stmt.executeQuery(slq_chekc);
+	if (rs_check.next()) {
+	
+		int c_home = 0;
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			c_now_propose = rs_up.getInt("c_now_propose");
+			c_home = rs_up.getInt("c_field");
+			 
+%>
+  
+ 
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  Project Application Team Information
+         
      
+
+	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
       Field 
+ 		<%=rs_up.getString("f_name")%>
+ 	
       Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
       Project Name  
+ 		<%=rs_up.getString("c_name")%>
+ 	
      
+ <%
+			 
+		}
+		rs_up.close();
+
+%>	
+		
+    	
+        
+        
+        
      
+        	  * Application Team Information
+        
      
+        
+	
+ 	
+ 	
+ 	
+ 	 
+ 	
+ 	<%
+ 		int i = 0;
+ 		int stu_check = 1;
+ 		String sql_field =   "  SELECT * from tbl_apply_field where c_project_no = " + c_project_no +" order by c_order asc ";
+		ResultSet rs_field = stmt.executeQuery(sql_field);
+		while (rs_field.next()) {
+			if(rs_field.getString("c_use_field").equals("c_grade")){
+				stu_check = 0;
+			}
+			i = i + 1;
+ 	%> 
+ 	 
+	 	
+	 	 
+	 	
+ 		
+ 		
+	 	 
+	 	
+	 	 
+	<%
+ 	 
+	  }
+		rs_field.close();
+	%>	
+ 	
       Item Name
       
+	 		<%=rs_field.getString("c_name")%>
+	 	 
+			<%if(rs_field.getInt("c_type") == 1){%>
+				  <%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 2){
+			%>
+				<%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 3){%>
+				 <%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 4){%>
+				File : <%=rs_check.getString(rs_field.getString("c_use_field")).replaceAll("\n\r","
      ")%>
+				 
+			<%}%>
+	 	
      
+ 	<%
+ 		String major_t = "Department";
+ 		String grade_t = "grade";
+ 		if( stu_check == 1){
+ 			major_t = "Department";
+ 			grade_t = "rank";
+ 		}
+ 	%>
+ 		
+    	
+        
+        
+        
      
+        	  * Team member information
+        
      
+         
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%
+ 	String slq_t = "select * from tbl_apply_team_member where c_project_no = "+ c_project_no + " and c_team_no = " + c_team_no + " and c_use = 0 order by c_type desc ";
+	ResultSet rs_t = stmt2.executeQuery(slq_t);
+	while(rs_t.next()) {
+	%>
+	
+	
+	
+	
+	
+	
+	
+ 	
+ 	<%}
+ 	rs_t.close();
+ 	%>
+ 	
       Cap. Email Name Phone <%=major_t%> <%=grade_t%>
      
+		<%if(rs_t.getInt("c_type") == 1){%>
+			Cap
+		<%}else{%>
+			Member
+		<%}%>
+	
+		<%=rs_t.getString("c_email")%>
+ 	
+		<%=rs_t.getString("c_name")%>
+ 	
+		<%=rs_t.getString("c_phone")%>
+ 	
+		<%=rs_t.getString("c_major")%>
+ 	
+		<%=rs_t.getString("c_grade")%>
+ 	
      
+ 	 
+	 

      
+	  

      
+
      
+
+
+<%}else{%>
+	 
+	 <%}
+	 rs_check.close();
+	 %>
+	<%}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/survey/project/view_ji.jsp b/resoft/field_manager/process/survey/project/view_ji.jsp
new file mode 100644
index 0000000..646e9b7
--- /dev/null
+++ b/resoft/field_manager/process/survey/project/view_ji.jsp
@@ -0,0 +1,124 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_ji_no = r_call(request.getParameter("c_ji_no"));
+	int col_no = 9;
+%>
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	Survey Item
+         
      
+
+ 		
+    	
+        
+        
+        
      
+		<%
+		int change_ok = 0;
+		String sql_ji = "select * from tbl_point_ji where c_home = " +c_home + " and c_no = " + c_ji_no;
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			change_ok = rs_ji.getInt("c_change");
+		%>
+		Survey : <%=rs_ji.getString("c_name")%>
+		<%
+		}
+		rs_ji.close();
+		%>
+         
      
+	 
+	 
+ 		
+    	
+        
+        
+        
+        
+	<%
+		 int total_point = 0;
+		 int o_no = 0;
+		 int o_order = 0;
+		 int o_no2 = 0;
+		 int o_order2 = 0;
+		 
+		 String sql1="  SELECT  a.*,(select count(c_no) from tbl_point_ji_detail where c_up_no = a.c_no and c_use=0 ) as down_no from tbl_point_ji_detail a where a.c_ji_no = " + c_ji_no + " and a.c_up_no = 0 and a.c_use=0 order by a.c_order asc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			<%
+		 
+		 	 o_no2 = 0;
+			 o_order2 = 0;
+
+			 String sql12="  SELECT  * from tbl_point_ji_detail where c_ji_no = " + c_ji_no + " and c_up_no = "+ rst.getInt("c_no") +" and c_use=0 order by c_order asc";
+			 ResultSet rst2 = stmt.executeQuery(sql12);
+			 int i_no2 = 0;
+			 while (rst2.next()) {
+			 	total_point = total_point + rst2.getInt("c_point");
+				i_no2 = i_no2 + 1;
+		%>
+			<%if(i_no2 > 1){%>
+		    	
+		    	<%}%>
+				 
+				
+				
+				
+				 
+			
+				 
+		<%		o_no2 = rst2.getInt("c_no");	 
+				o_order2 = rst2.getInt("c_order");
+			 }
+			rst2.close();
+		 %>
+			 
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rst.close();
+	 %>
+	 
+	 
+	 
+        
      ItemNotepoints
      ">
+				<%=rst.getString("c_title")%>
+			
      
+					<%=rst2.getString("c_title")%>
+				
+					<%=rst2.getString("c_exp").replaceAll("\r","
      ").replaceAll("\n\r","
      ")%>
+				      		
+					
+				
      There is no data.
      
+	 	Total score
+	 
+	 	<%=total_point%>
+	 
      
+
+         
+
      
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/survey/survey/change.jsp b/resoft/field_manager/process/survey/survey/change.jsp
new file mode 100644
index 0000000..eca68cd
--- /dev/null
+++ b/resoft/field_manager/process/survey/survey/change.jsp
@@ -0,0 +1,26 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_survey set c_change = 1  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/survey/survey/delete.jsp b/resoft/field_manager/process/survey/survey/delete.jsp
new file mode 100644
index 0000000..b9099ad
--- /dev/null
+++ b/resoft/field_manager/process/survey/survey/delete.jsp
@@ -0,0 +1,26 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_survey set c_use = 1  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/survey/survey/detail/answer/change.jsp b/resoft/field_manager/process/survey/survey/detail/answer/change.jsp
new file mode 100644
index 0000000..16b2c32
--- /dev/null
+++ b/resoft/field_manager/process/survey/survey/detail/answer/change.jsp
@@ -0,0 +1,32 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_survey_no= r_call(request.getParameter("c_survey_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_order = r_call(request.getParameter("c_order"));
+	String o_no = r_call(request.getParameter("o_no"));
+	String o_order = r_call(request.getParameter("o_order"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+
+		String sql_ok = "update tbl_survey_answer set c_order = "+ o_order +"  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+		sql_ok = "update tbl_survey_answer set c_order = "+ c_order +"  where c_no = "+ o_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/survey/survey/detail/answer/delete.jsp b/resoft/field_manager/process/survey/survey/detail/answer/delete.jsp
new file mode 100644
index 0000000..8ac98e5
--- /dev/null
+++ b/resoft/field_manager/process/survey/survey/detail/answer/delete.jsp
@@ -0,0 +1,27 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_survey_no= r_call(request.getParameter("c_survey_no"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_survey_answer set c_use = 1  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/survey/survey/detail/answer/edit.jsp b/resoft/field_manager/process/survey/survey/detail/answer/edit.jsp
new file mode 100644
index 0000000..b48ae36
--- /dev/null
+++ b/resoft/field_manager/process/survey/survey/detail/answer/edit.jsp
@@ -0,0 +1,105 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_survey_no = r_call(request.getParameter("c_survey_no")); 
+	String c_problem_no = r_call(request.getParameter("c_problem_no")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	Example Edit
+         
      
+        	
+    	
+        
+        
+        
      
+		<%
+		int change_ok = 0;
+		String sql_ji = "select *,(select c_title from tbl_survey_problem where c_no = "+ c_problem_no +") as p_title from tbl_survey where c_home = " +c_home + " and c_no = " + c_survey_no;
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			change_ok = rs_ji.getInt("c_change");
+		%>
+		Management Survey : <%=rs_ji.getString("c_name")%>
      
+		Corresponding question : <%=rs_ji.getString("p_title")%>
      
+		<%
+		}
+		rs_ji.close();
+		%>
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter items marked with a mark *.
+        	  
+         
      
+        	<%
+		 sql_ji = "select * from tbl_survey_answer where  c_no = " + c_no;
+		 rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+		%>
+ 	
+ 	
+ 	 
+ 	 
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+     
+ 	
+ 	
+ 	
+ 	
+ 	
       *Example Content " id="" style="width:400px" maxlength="4000"/> 
       *Type 
+ 		checked<%}%>>General
+ 		  
+ 		checked<%}%>>Add short answer (ex : ETC. )
+ 	 
      
+ 	<%}
+		rs_ji.close();
+	%>
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Edit
+			Cancel
+		
      
+
      
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/survey/survey/detail/answer/edit_ok.jsp b/resoft/field_manager/process/survey/survey/detail/answer/edit_ok.jsp
new file mode 100644
index 0000000..3aaa0b4
--- /dev/null
+++ b/resoft/field_manager/process/survey/survey/detail/answer/edit_ok.jsp
@@ -0,0 +1,30 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_no = r_call(request.getParameter("c_no")); 
+	String c_title = r_call(request.getParameter("c_title")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_survey_no = r_call(request.getParameter("c_survey_no")); 
+	String c_type = r_call(request.getParameter("c_type")); 
+	String c_problem_no = r_call(request.getParameter("c_problem_no")); 
+	 
+		
+		String sql_ok = "";
+		sql_ok = "update tbl_survey_answer set ";
+		sql_ok = sql_ok + " c_title = '" + c_title + "' "; 
+			sql_ok = sql_ok + ", c_type = " + c_type + " "; 
+		sql_ok = sql_ok + " where c_no = " + c_no; 
+
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/survey/survey/detail/answer/insert.jsp b/resoft/field_manager/process/survey/survey/detail/answer/insert.jsp
new file mode 100644
index 0000000..e3830e4
--- /dev/null
+++ b/resoft/field_manager/process/survey/survey/detail/answer/insert.jsp
@@ -0,0 +1,97 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_survey_no = r_call(request.getParameter("c_survey_no")); 
+	String c_problem_no = r_call(request.getParameter("c_problem_no")); 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  	Insert example
+         
      
+        	
+    	
+        
+        
+        
      
+		<%
+		int change_ok = 0;
+		String sql_ji = "select *,(select c_title from tbl_survey_problem where c_no = "+ c_problem_no +") as p_title from tbl_survey where c_home = " +c_home + " and c_no = " + c_survey_no;
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			change_ok = rs_ji.getInt("c_change");
+		%>
+		Management Survey : <%=rs_ji.getString("c_name")%>
      
+		Corresponding question : <%=rs_ji.getString("p_title")%>
      
+		<%
+		}
+		rs_ji.close();
+		%>
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter the items marked with the mark *.
+        	  
+         
      
+ 	
+ 	
+ 	 
+ 	 
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+     
+ 	
+ 	
+ 	
+  
+ 	
+ 	
       *Example Content  
       *Type 
+ 		General
+ 		  
+ 		Add Short answer (ex : ETC. )
+ 	 
      
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Insert
+			Cancel
+		
      
+
      
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/survey/survey/detail/answer/insert_ok.jsp b/resoft/field_manager/process/survey/survey/detail/answer/insert_ok.jsp
new file mode 100644
index 0000000..96eff12
--- /dev/null
+++ b/resoft/field_manager/process/survey/survey/detail/answer/insert_ok.jsp
@@ -0,0 +1,35 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_title = r_call(request.getParameter("c_title")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_survey_no = r_call(request.getParameter("c_survey_no")); 
+	String c_type = r_call(request.getParameter("c_type")); 
+	String c_problem_no = r_call(request.getParameter("c_problem_no")); 
+	 
+	 
+		 int c_order = 1;
+		String sql_ji = "select c_order  from tbl_survey_answer where c_survey_no = " + c_survey_no + " and c_problem_no = " + c_problem_no + "  and c_use = 0 order by c_order desc";
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			c_order = rs_ji.getInt("c_order") + 1;
+		}
+		rs_ji.close();
+	 
+		String sql_ok = "";
+		sql_ok = "insert into tbl_survey_answer (c_survey_no,c_problem_no,c_title,c_type,c_order,c_use,c_date) values(";
+		sql_ok = sql_ok + c_survey_no + ","+  c_problem_no +",'" + c_title + "',"+ c_type +","+ c_order +",0,now())";
+	
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/survey/survey/detail/change.jsp b/resoft/field_manager/process/survey/survey/detail/change.jsp
new file mode 100644
index 0000000..b8e3366
--- /dev/null
+++ b/resoft/field_manager/process/survey/survey/detail/change.jsp
@@ -0,0 +1,32 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_survey_no= r_call(request.getParameter("c_survey_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_order = r_call(request.getParameter("c_order"));
+	String o_no = r_call(request.getParameter("o_no"));
+	String o_order = r_call(request.getParameter("o_order"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+
+		String sql_ok = "update tbl_survey_problem set c_order = "+ o_order +"  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+		sql_ok = "update tbl_survey_problem set c_order = "+ c_order +"  where c_no = "+ o_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/survey/survey/detail/delete.jsp b/resoft/field_manager/process/survey/survey/detail/delete.jsp
new file mode 100644
index 0000000..67a4bfa
--- /dev/null
+++ b/resoft/field_manager/process/survey/survey/detail/delete.jsp
@@ -0,0 +1,27 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_survey_no= r_call(request.getParameter("c_survey_no"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_survey_problem set c_use = 1  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/survey/survey/detail/edit.jsp b/resoft/field_manager/process/survey/survey/detail/edit.jsp
new file mode 100644
index 0000000..ce08cfa
--- /dev/null
+++ b/resoft/field_manager/process/survey/survey/detail/edit.jsp
@@ -0,0 +1,129 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_survey_no = r_call(request.getParameter("c_survey_no")); 
+	String c_up_no = r_call(request.getParameter("c_up_no")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  Modify questionnaire
+         
      
+        	
+    	
+        
+        
+        
      
+		<%
+		int change_ok = 0;
+		String sql_ji = "select * from tbl_survey where c_home = " +c_home + " and c_no = " + c_survey_no;
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			change_ok = rs_ji.getInt("c_change");
+		%>
+		Management Survey : <%=rs_ji.getString("c_name")%>
+		<%
+		}
+		rs_ji.close();
+		%>
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter the items marked with the mark.
+        	  
+         
      
+        	<%
+		 sql_ji = "select * from tbl_survey_problem where  c_no = " + c_no;
+		 rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+		%>
+ 	
+ 	
+ 	 
+ 	 
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%if(!c_up_no.equals("0")){%>
+ 	 
+ 	
+ 	
+ 	
+ 	<%}%>
+ 	
+ 	
       *Item type 
+ 		<%if(c_up_no.equals("0")){%>
+ 			Category
+ 		<%}else{%>
+ 			
+ 			<%
+			String sql_ji2 = "select * from tbl_survey_problem where c_no = " + c_up_no;
+			ResultSet rs_ji2 = stmt.executeQuery(sql_ji2);
+			if(rs_ji2.next()){
+			%>
+			Sub-item of <%=rs_ji2.getString("c_title")%> 
+			<%
+			}
+			rs_ji2.close();
+			%>
+ 		<%}%>
+ 	
       *Item Name " id="" style="width:300px" maxlength="4000"/> 
       *Type 
+ 		
+ 	
      
+ 	<%}
+		rs_ji.close();
+	%>
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Edit
+			Cancel
+		
      
+
      
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/survey/survey/detail/edit_ok.jsp b/resoft/field_manager/process/survey/survey/detail/edit_ok.jsp
new file mode 100644
index 0000000..8f0d7fe
--- /dev/null
+++ b/resoft/field_manager/process/survey/survey/detail/edit_ok.jsp
@@ -0,0 +1,33 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_no = r_call(request.getParameter("c_no")); 
+	String c_title = r_call(request.getParameter("c_title")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_survey_no = r_call(request.getParameter("c_survey_no")); 
+	String c_type = r_call(request.getParameter("c_type")); 
+	String c_up_no = r_call(request.getParameter("c_up_no")); 
+	 
+		
+		String sql_ok = "";
+		sql_ok = "update tbl_survey_problem set ";
+		sql_ok = sql_ok + " c_title = '" + c_title + "' "; 
+
+		if(!c_up_no.equals("0")){
+			sql_ok = sql_ok + ", c_type = " + c_type + " "; 
+		}
+		sql_ok = sql_ok + " where c_no = " + c_no; 
+
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/survey/survey/detail/insert.jsp b/resoft/field_manager/process/survey/survey/detail/insert.jsp
new file mode 100644
index 0000000..54c5e41
--- /dev/null
+++ b/resoft/field_manager/process/survey/survey/detail/insert.jsp
@@ -0,0 +1,122 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_survey_no = r_call(request.getParameter("c_survey_no")); 
+	String c_up_no = r_call(request.getParameter("c_up_no")); 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	  <%if(c_up_no.equals("0")){%>
+        	  	Insert Category 
+        	  <%}else{%>
+        	  	Insert Item
+        	  <%}%>
+         
      
+        	
+    	
+        
+        
+        
      
+		<%
+		int change_ok = 0;
+		String sql_ji = "select * from tbl_survey where c_home = " +c_home + " and c_no = " + c_survey_no;
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			change_ok = rs_ji.getInt("c_change");
+		%>
+		Management Survey : <%=rs_ji.getString("c_name")%>
+		<%
+		}
+		rs_ji.close();
+		%>
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter the items marked with the mark.
+        	  
+         
      
+ 	
+ 	
+ 	 
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%if(!c_up_no.equals("0")){%>
+ 	
+ 	
+ 	
+ 	
+ 	<%}%>
+ 	
+ 	
       *Item Type 
+ 		<%if(c_up_no.equals("0")){%>
+ 			Category
+ 		<%}else{%>
+ 			<%
+			sql_ji = "select * from tbl_survey_problem where c_no = " + c_up_no;
+			rs_ji = stmt.executeQuery(sql_ji);
+			if(rs_ji.next()){
+			%>
+			Sub-item of <%=rs_ji.getString("c_title")%>
+			<%
+			}
+			rs_ji.close();
+			%>
+ 		<%}%>
+ 	
       *Item Name  
       *Type 
+ 		
+ 	
      
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Insert
+			Cancel
+		
      
+
      
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/survey/survey/detail/insert_ok.jsp b/resoft/field_manager/process/survey/survey/detail/insert_ok.jsp
new file mode 100644
index 0000000..f6ab5d9
--- /dev/null
+++ b/resoft/field_manager/process/survey/survey/detail/insert_ok.jsp
@@ -0,0 +1,37 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_title = r_call(request.getParameter("c_title")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_survey_no = r_call(request.getParameter("c_survey_no")); 
+	String c_type = r_call(request.getParameter("c_type")); 
+	String c_up_no = r_call(request.getParameter("c_up_no")); 
+	 
+	 if(c_up_no.equals("0")){
+	 	c_type= "0";
+	 }
+		 int c_order = 1;
+		String sql_ji = "select c_order  from tbl_survey_problem where c_survey_no = " + c_survey_no + " and c_up_no = " + c_up_no + "  and c_use = 0 order by c_order desc";
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			c_order = rs_ji.getInt("c_order") + 1;
+		}
+		rs_ji.close();
+	 
+		String sql_ok = "";
+		sql_ok = "insert into tbl_survey_problem (c_survey_no,c_up_no,c_title,c_type,c_order,c_use,c_date) values(";
+		sql_ok = sql_ok + c_survey_no + ","+  c_up_no +",'" + c_title + "',"+ c_type +","+ c_order +",0,now())";
+	
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/survey/survey/detail/list.jsp b/resoft/field_manager/process/survey/survey/detail/list.jsp
new file mode 100644
index 0000000..35cb113
--- /dev/null
+++ b/resoft/field_manager/process/survey/survey/detail/list.jsp
@@ -0,0 +1,260 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_survey_no = r_call(request.getParameter("c_survey_no"));
+	int col_no = 9;
+%>
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	 Survey Example
+         
      
+
+ 		
+    	
+        
+        
+        
      
+		<%
+		int change_ok = 0;
+		String sql_ji = "select * from tbl_survey where c_home = " +c_home + " and c_no = " + c_survey_no;
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			change_ok = rs_ji.getInt("c_change");
+		%>
+		Management Survey : <%=rs_ji.getString("c_name")%>
+		<%
+		}
+		rs_ji.close();
+		%>
+         
      
+	 
+	 
+ 		
+    	
+        
+        
+        
+        
+        <%if(change_ok == 0){%>
+        
+        
+        
+         
+        
+        <%}%>
+        
+	<%
+		 int total_point = 0;
+		 int o_no = 0;
+		 int o_order = 0;
+		 int o_no2 = 0;
+		 int o_order2 = 0;
+		 
+		 String sql1="  SELECT  * from tbl_survey_problem where c_survey_no = " + c_survey_no + " and c_up_no = 0 and c_use=0 order by c_order asc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+			 
+			 
+			<%if(change_ok == 0){%>
+			
+			
+			
+			
+			 
+			<%}
+				o_no = rst.getInt("c_no");
+				o_order = rst.getInt("c_order");
+			%>
+		
+			<%
+		 
+		 	 o_no2 = 0;
+			 o_order2 = 0;
+ 			 int o_no3 = 0;
+			 int o_order3 = 0;
+
+			 String sql12="  SELECT  * from tbl_survey_problem where c_survey_no = " + c_survey_no + " and c_up_no = "+ rst.getInt("c_no") +" and c_use=0 order by c_order asc";
+			 ResultSet rst2 = stmt.executeQuery(sql12);
+			 int i_no2 = 0;
+			 while (rst2.next()) {
+			  
+				i_no2 = i_no2 + 1;
+			%>
+		    	
+				
+				
+				
+				
+				<%if(change_ok == 0){%>
+				
+				
+				
+				
+				 
+				<%}%>
+			
+				 
+		<%		o_no2 = rst2.getInt("c_no");	 
+				o_order2 = rst2.getInt("c_order");
+		%>
+				<%
+		 
+			 	 o_no3 = 0;
+				 o_order3 = 0;
+	
+				 String sql13="  SELECT  * from tbl_survey_answer where c_survey_no = " + c_survey_no + " and c_problem_no = "+ rst2.getInt("c_no") +" and c_use=0 order by c_order asc";
+				 ResultSet rst3 = stmt.executeQuery(sql13);
+				 int i_no3 = 0;
+				 while (rst3.next()) {
+				  
+					i_no3 = i_no3 + 1;
+				%>
+					
+					
+					
+					
+					
+					<%if(change_ok == 0){%>
+					
+					
+					
+					
+					 
+					<%}%>
+				
+
+
+			<%		o_no3 = rst3.getInt("c_no");	 
+					o_order3 = rst3.getInt("c_order");
+			%>
+			<%
+				 }
+				rst3.close();
+			 %>
+		
+		<%
+			 }
+			rst2.close();
+		 %>
+			 
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rst.close();
+	 %>
+	 
+        
      CategoryExampleViewTypeInser ExampleManae ExampleEditDelOrder
      
+				<%=rst.getString("c_title")%>
+			
+				 
+			
+					&c_survey_no=<%=c_survey_no%>">[Insert Example]
+			
+			
+				 
+					&c_survey_no=<%=c_survey_no%>&c_up_no=0">[Edit]
+				 
+			
+				 
+					&c_survey_no=<%=c_survey_no%>'}">[Del]
+				
+			
+				 	<%if(i_no > 1){%>
+				 		&c_order=<%=rst.getInt("c_order")%>&o_no=<%=o_no%>&o_order=<%=o_order%>">▲
+				 	<%}%>
+			
      
+				
+					<%=rst2.getString("c_title")%>
+				
+					 <%if(rst2.getInt("c_type") == 0){%>
+					 	Single choice
+					 <%}%>
+					 <%if(rst2.getInt("c_type") == 1){%>
+					 	Multiple choice
+					 <%}%>
+					 <%if(rst2.getInt("c_type") == 2){%>
+					 	One-line short form
+					 <%}%>
+					 <%if(rst2.getInt("c_type") == 3){%>
+					 	Multiline short answer
+					 <%}%>
+				
+					 
+				
+					  <%if(rst2.getInt("c_type") < 2){%>
+					 	&c_survey_no=<%=c_survey_no%>">[Add Example]
+					 <%}%>
+				
+					<%if(change_ok == 0){%>
+						&c_survey_no=<%=c_survey_no%>&c_up_no=<%=rst2.getInt("c_up_no")%>">[Edit]
+					<%}%>
+				
+					<%if(change_ok == 0){%>
+						&c_survey_no=<%=c_survey_no%>'}">[Del]
+					<%}%>
+				
+					 <%if(i_no2 > 1){%>
+				 		&c_order=<%=rst2.getInt("c_order")%>&o_no=<%=o_no2%>&o_order=<%=o_order2%>">△
+				 	<%}%>
+				
      
+					
+						<%=rst3.getString("c_title")%>
+					
+						 <%if(rst3.getInt("c_type") == 0){%>
+						 	General
+						 <%}%>
+						 <%if(rst3.getInt("c_type") == 1){%>
+						 	Including short answer
+						 <%}%>
+						 
+					
+						 
+					
+						  
+					
+						<%if(change_ok == 0){%>
+							&c_survey_no=<%=c_survey_no%>&c_problem_no=<%=rst2.getInt("c_no")%>">[Edit]
+						<%}%>
+					
+						<%if(change_ok == 0){%>
+							&c_survey_no=<%=c_survey_no%>'}">[Del]
+						<%}%>
+					
+						 <%if(i_no3 > 1){%>
+					 		&c_order=<%=rst3.getInt("c_order")%>&o_no=<%=o_no3%>&o_order=<%=o_order3%>">∧
+					 	<%}%>
+					
      There is no data.
      
+
+        	
+    	
+	
+    			
+	
      
+		<%if(change_ok == 0){%>
+		Insert Category
+		<%}%>
+		Survey List
+	
      
+
      
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/survey/survey/edit.jsp b/resoft/field_manager/process/survey/survey/edit.jsp
new file mode 100644
index 0000000..b5f54bf
--- /dev/null
+++ b/resoft/field_manager/process/survey/survey/edit.jsp
@@ -0,0 +1,81 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	 Edit Survey Name
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter items marked with a mark..
+        	  
+         
      
+        <%
+        String sql1="  SELECT  * from tbl_survey where c_home = " + c_home + " and c_maker = 0 and c_use=0 and c_change=0 and c_no = " + c_no;
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+	%>
+ 	
+ 	
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
       *Survey Name " id="" style="width:300px" maxlength="50"/> 
      
+ 	<%	}else{
+ 	%>
+ 	
+ 	<%
+ 		}
+ 		rst.close();
+ 	%>
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Edit
+			Cancel
+		
      
+
      
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/survey/survey/edit_ok.jsp b/resoft/field_manager/process/survey/survey/edit_ok.jsp
new file mode 100644
index 0000000..81ce3d8
--- /dev/null
+++ b/resoft/field_manager/process/survey/survey/edit_ok.jsp
@@ -0,0 +1,22 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+	 
+		String sql_ok = "";
+		sql_ok = "update tbl_survey set c_name = '" + c_name + "' where c_no = " + c_no;
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/survey/survey/insert.jsp b/resoft/field_manager/process/survey/survey/insert.jsp
new file mode 100644
index 0000000..8fcfef8
--- /dev/null
+++ b/resoft/field_manager/process/survey/survey/insert.jsp
@@ -0,0 +1,64 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+%>
+
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	 Insert Survey
+         
      
+
+		
+    	
+        
+        
+        
      
+        	  
+        	  * Please be sure to enter the items marked with the mark.
+        	  
+         
      
+ 	
+ 	
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
       *Survey Name  
      
+
+	
+ 	
+    		
+        
+	 
+	 
      
+			Insert
+			Cancel
+		
      
+
      
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/survey/survey/insert_ok.jsp b/resoft/field_manager/process/survey/survey/insert_ok.jsp
new file mode 100644
index 0000000..7531a3d
--- /dev/null
+++ b/resoft/field_manager/process/survey/survey/insert_ok.jsp
@@ -0,0 +1,22 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	 
+		String sql_ok = "";
+		sql_ok = "insert into tbl_survey (c_home, c_name,c_change,c_use,c_date) values(";
+		sql_ok = sql_ok + c_home + ",'" + c_name + "',0,0,now())";
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager/process/survey/survey/list.jsp b/resoft/field_manager/process/survey/survey/list.jsp
new file mode 100644
index 0000000..f422646
--- /dev/null
+++ b/resoft/field_manager/process/survey/survey/list.jsp
@@ -0,0 +1,101 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	int col_no = 8;
+%>
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+        	Survey Management
+         
      
+
+	 
+	 
+ 		
+    	
+        
+        
+        
+        
+        
+        
+         
+        
+	<%
+		 
+		 
+		 String sql1="  SELECT  * from tbl_survey where c_home = " + c_home + " and c_maker = 0 and c_use=0 order by c_no desc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+			
+			 
+			 
+			
+			
+			
+			
+			 
+			
+		
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rst.close();
+	 %>
+        
      NoSurvey NameView surveyItem ManagementWhether to changeEditDel
      
+				<%=i_no%>
+			
+				" target="_blank"><%=rst.getString("c_name")%>
+			
+					" target="_blank">[View]
+			
+			 	<%if(rst.getInt("c_change") == 0){%>
+					">[Item]
+				<%}%>
+			
+				<%if(rst.getInt("c_change") == 0){%>
+				'}">[changeable]
+				<%}else{%>
+				Immutable
+				<%}%>
+			
+				<%if(rst.getInt("c_change") == 0){%>
+					">[Edit]
+				<%}%>
+			
+				<%if(rst.getInt("c_change") == 0){%>
+					'}">[Del]
+				<%}%>
+			
+			 
+		
      There is no data.
      
+
+        	
+    	
+	
+    			
+	
      
+		New survey registration
+	
      
+
      
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/process/survey/view.jsp b/resoft/field_manager/process/survey/view.jsp
new file mode 100644
index 0000000..49bd1a3
--- /dev/null
+++ b/resoft/field_manager/process/survey/view.jsp
@@ -0,0 +1,127 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_survey_no = r_call(request.getParameter("c_survey_no"));
+	int col_no = 9;
+%>
+
      
+	
+
+
+		
+
      
+ 		
+    	
+        
+        
+        
      
+		<%
+		int change_ok = 0;
+		String sql_sr = "select * from tbl_survey where c_home = " +c_home + " and c_no = " + c_survey_no;
+		ResultSet rs_sr = stmt.executeQuery(sql_sr);
+		if(rs_sr.next()){
+		%>
+		<%=rs_sr.getString("c_name")%>
+		<%
+		}
+		rs_sr.close();
+		%>
+         
      
+	 
+ 		
+	<%
+		 sql_sr="  SELECT  * from tbl_survey_problem where c_survey_no = " + c_survey_no + " and c_up_no = 0 and c_use=0 order by c_order asc";
+		 rs_sr = stmt.executeQuery(sql_sr);
+		 while (rs_sr.next()) {
+	%>
+		
+			
+		
+	    	
+			
+		
+			<%
+			 String sql_sr2="  SELECT  * from tbl_survey_problem where c_survey_no = " + c_survey_no + " and c_up_no = "+ rs_sr.getInt("c_no") +" and c_use=0 order by c_order asc";
+			 ResultSet rs_sr2 = stmt.executeQuery(sql_sr2);
+			 while (rs_sr2.next()) {
+			%>
+		    	
+				
+			
+				<%
+				if(rs_sr2.getInt("c_type") < 2){
+				%>
+						
+						
+						
+				
+				<%
+				}
+				 %>
+				<%
+				if(rs_sr2.getInt("c_type") == 2){
+				%>
+						
+						
+						
+				<%
+				}
+				 %>
+				<%
+				if(rs_sr2.getInt("c_type") == 3){
+				%>
+						
+						
+						
+				<%
+				}
+				 %>
+		<%
+			 }
+			rs_sr2.close();
+		 %>
+			 
+	<%		 
+		 }
+		 rs_sr.close();
+	 %>
+	 
+        
      
+			
      
+				<%=rs_sr.getString("c_title")%>
+			
      
+					<%=rs_sr2.getString("c_title")%>
+				
      
+				
+				<%
+					 String sql_sr3="  SELECT  * from tbl_survey_answer where c_survey_no = " + c_survey_no + " and c_problem_no = "+ rs_sr2.getInt("c_no") +" and c_use=0 order by c_order asc";
+					 ResultSet rs_sr3 = stmt.executeQuery(sql_sr3);
+					 while (rs_sr3.next()) {
+							String input_type = "chekcbox"; 
+							if(rs_sr2.getInt("c_type") == 1){
+								input_type = "checkbox";
+							}else{
+								input_type = "radio";
+							}%>
+															 
+								" type="<%=input_type%>">
+								<%=rs_sr3.getString("c_title")%>
+								<%if(rs_sr3.getInt("c_type") == 1){%>
+								
+								<%}%>
+								    
+															 
+				<%
+					 }
+					rs_sr3.close();
+				%>
+						
      
+							
+						
      
+							
+						
      
+
+


       
+
      
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager/style.css b/resoft/field_manager/style.css
new file mode 100644
index 0000000..483bc7f
--- /dev/null
+++ b/resoft/field_manager/style.css
@@ -0,0 +1,141 @@
+a {text-decoration:none; color: 000000;}
+a:hover {text-decoration:none; color: 355ca6}
+img{border:none}
+
+BODY{scrollbar-face-color:#ECECEC;
+	 scrollbar-highlight-color: #E3E1DE;
+	 scrollbar-shadow-color: #CCCCCC;
+     scrollbar-3dlight-color: #F5F5F5;
+     scrollbar-darkshadow-color: #ffffff;
+     scrollbar-track-color: #FAFAFA;
+     scrollbar-arrow-color: #646464;	
+	 margin:0 0 0 0;	} 
+
+
+td		{ font-family:Gulim,dotum; font-size:8pt; color:#5e5e5e;   } 
+textarea{ font-family:Gulim; font-size:9pt; color:#474747; padding:5 5 5 5; } 
+select	{ font-size:9pt; color:#7F7F7F; font-family:Gulim; }
+input	{ font-size:9pt;   font-family:Gulim; padding-top:4px; color:#474747;}
+
+
+.main_input { font-size:9pt; width:103px; height:19px; font-family:dotum; padding-top:2px; color:#474747; border:1x solid #AFAFAF; background-color:#EEEEEE; }
+
+.line01 { font-family:dotum,Gulim; font-size:9pt; color:#474747; border:1x solid #999999; padding:10 10 10 10; } 
+.textarea01 { 
+ border:1x solid; border-color:#999999 #E3E3E3 #E3E3E3 #999999; color:#323232;
+ font-family:Gulim; font-size:9pt; padding:5 5 5 5; 
+ scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #E3E3E3; 
+ scrollbar-highlight-color: #E3E3E3; scrollbar-3dlight-color: #FFFFFF; 
+ scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; 
+ scrollbar-arrow-color: #999999;
+
+} 
+
+
+
+
+/* style */
+.log_input { font-size:11px; width:74px; height:15px; font-family:gulim; padding-top:2px; color:#ffffff;background-color:#A6C4DE; border:1x solid #A6C4DE}
+.log_2008 { font-size:12px; width:105px; height:18px; font-family:gulim; padding-top:2px; color:#000000;background-color:#ffffff; border:1x solid #BFBFBF}
+.log_input_kid { font-size:11px; width:105px; height:15px; font-family:gulim; padding-top:2px; color:#000000;background-color:#FEEEB2; border:1x solid #FEEEB2}
+.log_input_kid_sub { font-size:11px; width:105px; height:15px; font-family:gulim; padding-top:2px; color:#000000;background-color:#ffffff; border:1x solid #ffffff}
+
+.input01 { font-family:Gulim; font-size:9pt; border:1x solid; border-color:#999999 #E3E3E3 #E3E3E3 #999999; color:#323232; }
+.input02 { font-size:9pt; height:19px; font-family:gulim; padding-top:2px; color:#474747; border:1x solid #D4D0C8;}
+.select01 { font-size:9pt; background-color:#F5EBE8; color:#323232; font-family:gulim; }
+.select02 { font-size:9pt; background-color:#D6E3E6; color:#323232; font-family:gulim; }
+.textarea01 {  }
+
+
+/* 한자공간*/
+.bluebold {font-family:Gulim; font-weight:bold; color:4164a5; text-align:center; padding-top:2}
+.form { font-family:Gulim; font-size:9pt; border:1x solid; border-color:#f1f4f8 #f1f4f8 #f1f4f8 #f1f4f8; color:123579; background-color:f1f4f8 }
+
+
+
+/* 급수별강의실 */
+
+.whitebold {font-family:Gulim; font-weight:bold; color:ffffff; background-repeat:no-repeat; padding-left:3}
+.gwhitebold {font-family:Gulim; font-weight:bold; color:ffffff; background:#355ca6; text-align:center; padding-top:2}
+.sblue { color:144196; font-size:11px}
+.stext { color:797979; font-size:11px}
+
+
+/* Submenu 색1 */
+.g_link { color:#ffffff; font-family:gulim;}
+A.g_link:link		{ font-size:9pt; color:#646464; text-decoration: none; font-family:gulim; }
+A.g_link:active	{ font-size:9pt; color:#646464; text-decoration: none; font-family:gulim; }
+A.g_link:visited	{ font-size:9pt; color:#646464; text-decoration: none; font-family:gulim; }
+A.g_link:hover	{ font-size:9pt; color:#000000; text-decoration: none; font-family:gulim; }
+
+
+/* Submenu 색1 */
+.sub_menu { color:#ffffff; font-family:gulim;}
+A.sub_menu:link		{ font-size:8pt; color:#7F7F7F; text-decoration: none; font-family:gulim; }
+A.sub_menu:active	{ font-size:8pt; color:#7F7F7F; text-decoration: none; font-family:gulim; }
+A.sub_menu:visited	{ font-size:8pt; color:#7F7F7F; text-decoration: none; font-family:gulim; }
+A.sub_menu:hover	{ font-size:8pt; color:#000000; text-decoration: none; font-family:gulim; }
+
+
+/* Submenu 색1 */
+.page_menu { color:#ffffff; font-family:gulim;}
+A.page_menu:link		{ font-size:10pt; color:#7F7F7F; text-decoration: none; font-family:gulim; }
+A.page_menu:active	{ font-size:10pt; color:#7F7F7F; text-decoration: none; font-family:gulim; }
+A.page_menu:visited	{ font-size:10pt; color:#7F7F7F; text-decoration: none; font-family:gulim; }
+A.page_menu:hover	{ font-size:10pt; color:#000000; text-decoration: none; font-family:gulim; }
+
+
+/* 카테고리 색1 */
+.scate_s { color:#ffffff; font-family:gulim;}
+A.scate_s:link	{ font-size:9pt; color:#ffffff; text-decoration: none; font-family:gulim; }
+A.scate_s:active	{ font-size:9pt; color:#ffffff; text-decoration: none; font-family:gulim; }
+A.scate_s:visited	{ font-size:9pt; color:#ffffff; text-decoration: none; font-family:gulim; }
+A.scate_s:hover	{ font-size:9pt; color:#F6FF01; text-decoration: none; font-family:gulim; }
+
+/* 카테고리 색1 */
+.mcate_m { font-family:Gulim; font-size:11pt; color:#F6FF01; } 
+.list_s { font-family:Gulim; font-size:11px; color:#7F7F7F; } 
+
+/* 1레벨 카테고리 */
+.cate1 { color:#ffffff; font-family:gulim; font-size:9pt;}
+A.cate1:link { color:#ffffff; text-decoration: none; font-family:gulim; }
+A.cate1:active { color:#ffffff; text-decoration: none;font-family:gulim; }
+A.cate1:visited { color:#ffffff; text-decoration: none;font-family:gulim; }
+A.cate1:hover { color:#000000; text-decoration: none;font-family:gulim; }
+
+.list_m { color:#7F7F7F; font-family:gulim; font-size:12px;}
+A.list_m:link { color:#7F7F7F; text-decoration: none; font-family:gulim; }
+A.list_m:active { color:#7F7F7F; text-decoration: none;font-family:gulim; }
+A.list_m:visited { color:#7F7F7F; text-decoration: none;font-family:gulim; }
+A.list_m:hover { color:#000000; text-decoration: none;font-family:gulim; }
+
+.list_l { color:#7F7F7F; font-family:gulim; font-size:13px;}
+A.list_l:link { color:#7F7F7F; text-decoration: none; font-family:gulim; }
+A.list_l:active { color:#7F7F7F; text-decoration: none;font-family:gulim; }
+A.list_l:visited { color:#7F7F7F; text-decoration: none;font-family:gulim; }
+A.list_l:hover { color:#000000; text-decoration: none;font-family:gulim; }
+
+/* 링크 1 */
+.link01 { color:#496468; font-family:gulim; }
+A.link01:link { color:#496468; text-decoration: none; font-family:gulim; }
+A.link01:active { color:#496468; text-decoration: none;font-family:gulim; }
+A.link01:visited { color:#496468; text-decoration: none;font-family:gulim; }
+A.link01:hover { color:#496468; text-decoration: none;font-family:gulim; }
+
+/* 링크 2 */
+.link02 { color:#DA8500; font-family:gulim; }
+A.link02:link { color:#DA8500; text-decoration: none; font-family:gulim; }
+A.link02:active { color:#DA8500; text-decoration: none;font-family:gulim; }
+A.link02:visited { color:#DA8500; text-decoration: none;font-family:gulim; }
+A.link02:hover { color:#D6572A; text-decoration: none;font-family:gulim; }
+
+
+
+
+
+.sub_navi { font-size:11px; font-family:돋움; color:#6c6c6c }
+.navi_link {text-decoration: none; font-size:11px; color:#6c6c6c; font-family:돋움; }
+A.navi_link:link {text-decoration: none;  font-size:11px; color:#6c6c6c; font-family:돋움; }
+A.navi_link:active {text-decoration: none;  font-size:11px; color:#6c6c6c; font-family:돋움;}
+A.navi_link:visited text-decoration: none;  font-size:11px; color:#6c6c6c; font-family:돋움;}
+A.navi_link:hover {text-decoration: none;  font-size:11px; color:#323232; font-family:돋움;}
diff --git a/resoft/field_manager/top.jsp b/resoft/field_manager/top.jsp
new file mode 100644
index 0000000..9520780
--- /dev/null
+++ b/resoft/field_manager/top.jsp
@@ -0,0 +1,32 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+ 
+
+	
      
+    	
      
+            
+              
+                
+                
+              
+            
      
+                	
      
+                      		
+                    
      
+                        
        
+                            
      • 
+                            
      • 
+                            
+                        
      
+                    
      
+            	
      
+        
      
+         
+    
      
+
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/cont.jsp b/resoft/field_manager_new/cont.jsp
new file mode 100644
index 0000000..a7367ea
--- /dev/null
+++ b/resoft/field_manager_new/cont.jsp
@@ -0,0 +1,5 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/images/bg_top.gif b/resoft/field_manager_new/images/bg_top.gif
new file mode 100644
index 0000000..a3ec3ea
Binary files /dev/null and b/resoft/field_manager_new/images/bg_top.gif differ
diff --git a/resoft/field_manager_new/images/btn_login.gif b/resoft/field_manager_new/images/btn_login.gif
new file mode 100644
index 0000000..0ab034f
Binary files /dev/null and b/resoft/field_manager_new/images/btn_login.gif differ
diff --git a/resoft/field_manager_new/images/left/arrow01.gif b/resoft/field_manager_new/images/left/arrow01.gif
new file mode 100644
index 0000000..09a999e
Binary files /dev/null and b/resoft/field_manager_new/images/left/arrow01.gif differ
diff --git a/resoft/field_manager_new/images/left/bg_left.gif b/resoft/field_manager_new/images/left/bg_left.gif
new file mode 100644
index 0000000..175ac8a
Binary files /dev/null and b/resoft/field_manager_new/images/left/bg_left.gif differ
diff --git a/resoft/field_manager_new/images/left/btn_home.gif b/resoft/field_manager_new/images/left/btn_home.gif
new file mode 100644
index 0000000..2fbc6a2
Binary files /dev/null and b/resoft/field_manager_new/images/left/btn_home.gif differ
diff --git a/resoft/field_manager_new/images/left/btn_logout.gif b/resoft/field_manager_new/images/left/btn_logout.gif
new file mode 100644
index 0000000..c6227af
Binary files /dev/null and b/resoft/field_manager_new/images/left/btn_logout.gif differ
diff --git a/resoft/field_manager_new/images/left/icon01.gif b/resoft/field_manager_new/images/left/icon01.gif
new file mode 100644
index 0000000..c71b0f4
Binary files /dev/null and b/resoft/field_manager_new/images/left/icon01.gif differ
diff --git a/resoft/field_manager_new/images/left/icon02.gif b/resoft/field_manager_new/images/left/icon02.gif
new file mode 100644
index 0000000..a59f8fa
Binary files /dev/null and b/resoft/field_manager_new/images/left/icon02.gif differ
diff --git a/resoft/field_manager_new/images/login_bg.jpg b/resoft/field_manager_new/images/login_bg.jpg
new file mode 100644
index 0000000..c37572a
Binary files /dev/null and b/resoft/field_manager_new/images/login_bg.jpg differ
diff --git a/resoft/field_manager_new/images/top/bg_search.gif b/resoft/field_manager_new/images/top/bg_search.gif
new file mode 100644
index 0000000..bfa1ccf
Binary files /dev/null and b/resoft/field_manager_new/images/top/bg_search.gif differ
diff --git a/resoft/field_manager_new/images/top/bg_top.gif b/resoft/field_manager_new/images/top/bg_top.gif
new file mode 100644
index 0000000..abdbc75
Binary files /dev/null and b/resoft/field_manager_new/images/top/bg_top.gif differ
diff --git a/resoft/field_manager_new/images/top/btn_arrow_01.gif b/resoft/field_manager_new/images/top/btn_arrow_01.gif
new file mode 100644
index 0000000..12ac98d
Binary files /dev/null and b/resoft/field_manager_new/images/top/btn_arrow_01.gif differ
diff --git a/resoft/field_manager_new/images/top/btn_arrow_02.gif b/resoft/field_manager_new/images/top/btn_arrow_02.gif
new file mode 100644
index 0000000..649de4b
Binary files /dev/null and b/resoft/field_manager_new/images/top/btn_arrow_02.gif differ
diff --git a/resoft/field_manager_new/images/top/btn_notice.gif b/resoft/field_manager_new/images/top/btn_notice.gif
new file mode 100644
index 0000000..b28fb67
Binary files /dev/null and b/resoft/field_manager_new/images/top/btn_notice.gif differ
diff --git a/resoft/field_manager_new/images/top/btn_search.gif b/resoft/field_manager_new/images/top/btn_search.gif
new file mode 100644
index 0000000..b9b8df8
Binary files /dev/null and b/resoft/field_manager_new/images/top/btn_search.gif differ
diff --git a/resoft/field_manager_new/images/top/logo_top.gif b/resoft/field_manager_new/images/top/logo_top.gif
new file mode 100644
index 0000000..4c17c21
Binary files /dev/null and b/resoft/field_manager_new/images/top/logo_top.gif differ
diff --git a/resoft/field_manager_new/images/top/logo_top.png b/resoft/field_manager_new/images/top/logo_top.png
new file mode 100644
index 0000000..5e28d8f
Binary files /dev/null and b/resoft/field_manager_new/images/top/logo_top.png differ
diff --git a/resoft/field_manager_new/include/manager_bottom.jsp b/resoft/field_manager_new/include/manager_bottom.jsp
new file mode 100644
index 0000000..c1175ae
--- /dev/null
+++ b/resoft/field_manager_new/include/manager_bottom.jsp
@@ -0,0 +1,6 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/field_manager_new/include/manager_head.jsp b/resoft/field_manager_new/include/manager_head.jsp
new file mode 100644
index 0000000..407a672
--- /dev/null
+++ b/resoft/field_manager_new/include/manager_head.jsp
@@ -0,0 +1,25 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%
+	if ( session.getAttribute("manager_relation") == null || session.getAttribute("manager_relation").equals("0") || session.getAttribute("manager_relation").equals("") ){ 
+%>
+	
+
+<%
+	}else{
+%>
+
+
+
+
+BCB 필드 관리자
+
+
+
+
+
+
diff --git a/resoft/field_manager_new/index.jsp b/resoft/field_manager_new/index.jsp
new file mode 100644
index 0000000..7fdf5dc
--- /dev/null
+++ b/resoft/field_manager_new/index.jsp
@@ -0,0 +1,16 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+ 
+
+      
+      
+            
+            
+      
+
+
+<body>
+</body>
+
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/left.jsp b/resoft/field_manager_new/left.jsp
new file mode 100644
index 0000000..7ef2274
--- /dev/null
+++ b/resoft/field_manager_new/left.jsp
@@ -0,0 +1,179 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+
+
+	
      
+    	
        
+            
      •  관리자정보
        • 
+            
      • <%=session.getAttribute("manager_name")%>(<%=session.getAttribute("manager_id")%>)님
        • 
+            
      • 환영합니다.
        • 
+            
      • 홈로그아웃
        • 
+        
      
+        
        
+        
+    
        
+    
        
+    
        
+    
        
+    
        
+
+
+
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/login.jsp b/resoft/field_manager_new/login.jsp
new file mode 100644
index 0000000..3be62e5
--- /dev/null
+++ b/resoft/field_manager_new/login.jsp
@@ -0,0 +1,60 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+ 
+
+  
+ 
+홈페이지 관리시스템
+    
+  
+  
+  
+  
        
+	  
+	  
+	    
+	  
+	
        
+	  		 
+			
+					
+				
+				
+			
+			
        
+					
+					
+						
+					
+					
+						
+					
+					
        
+				        		
+						
        
+				
         
+	    
+	    
        
+
        
+ 
+
+ 
\ No newline at end of file
diff --git a/resoft/field_manager_new/login_ok.jsp b/resoft/field_manager_new/login_ok.jsp
new file mode 100644
index 0000000..fc7961a
--- /dev/null
+++ b/resoft/field_manager_new/login_ok.jsp
@@ -0,0 +1,39 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	String c_id = r_call(request.getParameter("c_id")); 
+	String c_pass = r_call(request.getParameter("c_pass")); 
+	 
+	 
+
+		String sql= "select * from tbl_manager where c_id= '"+ c_id +"' and c_pass = SHA2('" + c_pass + "',512) and c_use = 0 and c_relation > 0  ";
+		ResultSet rs=stmt.executeQuery(sql);
+		if(rs.next()){
+			session.setAttribute("manager_id",rs.getString("c_id"));
+			session.setAttribute("manager_name",rs.getString("c_name"));
+			session.setAttribute("manager_no",rs.getString("c_no"));
+			session.setAttribute("manager_relation",rs.getString("c_relation"));
+			session.setAttribute("manager_field_no",rs.getString("c_relation"));
+%>
+
+<%
+					
+	 	}else{
+%>
+
+<%
+		}
+		rs.close();
+	 
+		
+ %>
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/field_manager_new/logout_ok.jsp b/resoft/field_manager_new/logout_ok.jsp
new file mode 100644
index 0000000..12344c9
--- /dev/null
+++ b/resoft/field_manager_new/logout_ok.jsp
@@ -0,0 +1,15 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%
+	 
+			session.setAttribute("manager_id","");
+			session.setAttribute("manager_name","");
+			session.setAttribute("manager_no","");
+			session.setAttribute("manager_relation","");
+			session.setAttribute("manager_field_no","");
+%>
+
+<%
+ %>
\ No newline at end of file
diff --git a/resoft/field_manager_new/manager_system.css b/resoft/field_manager_new/manager_system.css
new file mode 100644
index 0000000..aa7cce8
--- /dev/null
+++ b/resoft/field_manager_new/manager_system.css
@@ -0,0 +1,123 @@
+@charset "utf-8";
+
+*{margin:0; padding:0}
+div,ul,li{margin:0; padding:0}
+div,ul,li{list-style:none}
+body{font-family:dotum,돋움; font-style:9pt;}
+ul,li,img{border:0; vertical-align:middle;}
+select{vertical-align:middle; font-size:9pt; font-family:dotum,돋움;}
+
+
+.Top_Box{/*background:url('../images/top/bg_top.gif');*/ height:116px; width:1100px;}
+	.Logo_Gnb{height:76px}
+	.Logo_img{float:left; padding-top:20px; padding-left:21px;}
+	.Gnb_box{font-size:8pt; padding-top:20px; margin-right:20px;}
+	.Gnb_box ul li a{font-size:8pt}
+	.Gnb_Box ul{float:right; margin-right:35px;}
+	.Gnb_Box ul li{height:16px; float:left; display:inline;}
+	.manager_txt a{color:#54bdff; text-decoration:none; line-height:16px; font-size:8pt;}
+	.manager_txt a:hover{text-decoration:underline}
+	.pad01{margin-left:10px;}
+	.pad02{margin-left:7px;}
+	.g_notice a{color:#a8a8a8; text-decoration:none; font-size:8pt;}
+	.g_notice a:hover{text-decoration:underline;}
+	.g_notice img{margin-right:6px}
+	.Top_Navi{height:40px; border:0px solid red; padding-right:35px;}
+	.Top_Navi ul{padding-left:25px;}
+	.Top_Navi ul li {float:left; display:inline; line-height:40px; font-size:12pt; font-weight:bold; margin-right:50px;}
+	.Top_Navi ul li a{color:#9deeff; text-decoration:none}
+	.Top_Navi ul li a strong{color:#FFFFFF}
+	.Top_Navi ul li a:hover{color:#FFFFFF}
+	.Search_Box{border:0px solid red; margin-top:10px; width:171px; float:right}
+	.Top_search{background:url('../images/top/bg_search.gif'); width:171px; height:19px;}
+	.Top_search img{float:right}
+	.txt_search{border:0px solid; width:137px; margin-left:6px; height:16px; float:left; margin-top:1px;}
+.Left_Box{width:205px; font-size:9pt;}
+	.member{padding-top:18px; padding-left:12px;}
+	.Left_Box ul li{line-height:20px}
+	.pad03{padding-bottom:10px;}
+	.pad04{padding-bottom:14px;}
+	.line01{border-bottom:3px solid #FF0303; width:201px;}
+	.menu01{border:0px solid red;}
+	.menu01 li{background-image:url('../images/left/icon02.gif'); background-repeat:no-repeat; background-position:20px 25px;}
+	.menu01 p{padding-left:0px; font-weight:bold; line-height:26px;}
+	.menu01 li ul li{background-image:url('../images/left/arrow01.gif'); background-repeat:no-repeat; background-position:3px 10px; padding-left:5px; line-height:26px;}
+	.menu01 li ul li a{color:#696969}
+	.menu01 a{text-decoration:none; color:#000000}
+	.line02{border-bottom:1px solid #e0e0e0; width:181px; padding-top:17px; padding-left:20px; padding-bottom:10px;}
+	.m_ov{color:#C2424B}
+.Contents_Box{width:824px; padding-top:26px; padding-left:37px; font-size:9pt; margin-bottom:50px;}
+	.C_Tit{font-size:14pt; font-weight:bold; color:#000; background-image:url('../images/mid/m_icon01.gif'); background-repeat:no-repeat; padding-left:26px; background-position:0px 3px;; font-family:gulim,굴림체; letter-spacing:-1px;}
+	.C_Tit2{float:left; font-size:14pt; font-weight:bold; color:#000; background-image:url('../images/cont/icon_arrow01.gif'); background-repeat:no-repeat; padding-left:26px; background-position:0px 3px;; font-family:gulim,굴림체; letter-spacing:-1px;}
+	.Ranking_Box{margin-top:30px; border:10px solid #ebeae6; width:803px; height:204px;}
+	.icon01{background-image:url('../images/mid/m_icon02.gif'); background-repeat:no-repeat; background-position:0px 10px; color:#876c01; font-size:11pt; padding-left:24px;}
+	.icon07{background-image:url('../images/mid/m_icon07.gif'); background-repeat:no-repeat; background-position:0px 10px; color:#876c01; font-size:11pt; padding-left:24px;}
+	.line03{border-bottom:1px solid #dbdbdb}
+	.line04{border-left:1px solid #eaebe5}
+	.txt01{text-align:right; color:#777777; font-size:9pt;}
+	.txt02{text-align:right; color:#a97d02; font-size:9pt;}
+	.icon02{background-image:url('../images/mid/m_icon03.gif'); background-repeat:no-repeat; background-position:0px 3px; padding-left:20px; font-weight:bold}
+	.icon03{background-image:url('../images/mid/m_icon04.gif'); background-repeat:no-repeat; background-position:0px 3px; padding-left:20px; font-weight:bold}
+	.icon04{background-image:url('../images/mid/m_icon05.gif'); background-repeat:no-repeat; background-position:0px 3px; padding-left:20px; font-weight:bold}
+	.icon05{background-image:url('../images/mid/m_icon06.gif'); background-repeat:no-repeat; background-position:0px 4px; padding-left:20px; font-weight:bold}
+	.txt03{text-align:center; color:#777777; font-size:9pt;}
+	.txt04{color:#777777; font-size:9pt; padding-left:14px;}
+	.table01{background:url('../images/mid/bg_list.gif'); background-repeat:no-repeat; height:204px;}
+	.b_list{margin-top:40px; width:824px;}
+	.icon06{background-image:url('../images/mid/m_arrow01.gif'); background-repeat:no-repeat; background-position:0px 12px; color:#000; font-size:11pt; padding-left:20px;}
+	.b_list_dot{background-image:url('../images/mid/dot.gif'); background-repeat:no-repeat; background-position:0px 12px;; padding-left:10px; text-align:left}
+	.b_list_dot a{color:#000; text-decoration:none; }
+	.b_list_dot a:hover{color:#0462ff}
+.foot{overflow:hidden; margin-left:40px; padding-top:20px; width:820px; margin-bottom:20px; border-top:1px solid #e0e0e0}
+	.f_right{float:right}
+	.f_right img{vertical-align:top}
+	.f_left{float:left}
+	
+	
+#logoin_box{background:url('../images/login/bg_login.gif'); background-repeat:no-repeat; width:1000px; height:768px; margin:0 auto;}
+	#logoin_box ul{padding-top:370px; padding-left:390px;}
+	.in01{border:1px solid #95a3c5; width:120px; height:29px; margin-right:7px; line-height:27px; padding:0px 10px; color:#2f3342}
+	.arrow_img{font-size:9pt; color:#d9d9d9; padding-top:15px;}
+	.arrow_img img{margin-right:8px;}
+	
+	.top_title{overflow:hidden; margin-bottom:40px;}
+	.board_box{}
+	.board_box ul li{display:block}
+
+
+.C_path{float:right; background:url('../images/cont/icon_dot01.gif'); background-repeat:no-repeat; background-position:0px 6px; padding-left:7px; color:#afafaf; font-size:8pt}
+.C_path img{margin:0 4px;}
+.bd_all_number{float:left}
+.bd_search_box{float:right}
+.line_h{padding-bottom:30px;}
+.in02{border:1px solid #7f9db9; width:122px; height:18px;}
+.bd_table01{padding-top:20px}
+.bd_table01 tr td{text-align:center}
+.bd_table01 thead{background-color:#f7f7f7;}
+.bd_line01{border-bottom:1px solid #cccccc; border-top:2px solid #cccccc}
+.bd_line02{border-bottom:1px solid #cccccc;}
+.sel01{height:20px}
+.pad05{padding-top:10px; overflow:hidden}
+.b_left{float:left}
+.b_right{float:right}
+
+.paginate_complex{padding:15px 0;line-height:normal;text-align:center; overflow:hidden}
+.paginate_complex a,
+.paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:1px 8px;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;background-color:#fff;font:bold 12px/16px Tahoma, Sans-serif;color:#323232;text-decoration:none;vertical-align:top}
+.paginate_complex a:hover,
+.paginate_complex a:active,
+.paginate_complex a:focus{background-color:#f8f8f8}
+.paginate_complex strong{color:#ff5901}
+.paginate_complex .direction{border:0;font-weight:normal;color:#767676;text-decoration:none !important;z-index:1}
+.paginate_complex .direction:hover,
+.paginate_complex .direction:active,
+.paginate_complex .direction:focus{color:#323232;background-color:#fff}
+.paginate_complex .prev{border-left:0; margin-top:2px}
+.paginate_complex .next{border-right:0; margin-top:2px}
+
+.num01{font-weight:bold; font-size:12pt; color:#555; margin-right:8px;}
+.num02{font-weight:bold; font-size:8pt; color:#b1b1b1}
+.graph{background:url('../images/cont/bg_graph.gif'); background-repeat:no-repeat; height:217px; margin-top:10px;}
+.graph strong{color:#ff7200}
+.graph2{background:url('../images/cont/bg_graph2.gif'); background-repeat:no-repeat; height:217px; margin-top:10px;}
+.graph2 strong{color:#ea3f22}
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/bcb/educator/delete.jsp b/resoft/field_manager_new/process/bcb/educator/delete.jsp
new file mode 100644
index 0000000..62f5911
--- /dev/null
+++ b/resoft/field_manager_new/process/bcb/educator/delete.jsp
@@ -0,0 +1,21 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_pnm_no = r_call(request.getParameter("c_pnm_no")); 
+
+		String sql_ok = "";
+		sql_ok = "update tbl_pnm_for_bcb set c_use = 1 where c_no = " + c_pnm_no;
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/bcb/educator/email_ok.jsp b/resoft/field_manager_new/process/bcb/educator/email_ok.jsp
new file mode 100644
index 0000000..6f55f1c
--- /dev/null
+++ b/resoft/field_manager_new/process/bcb/educator/email_ok.jsp
@@ -0,0 +1,54 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+    String[] a_id = request.getParameterValues("c_id");
+     
+    for(int i = 0 ; i < a_id.length ; i++){
+		String sql_up =   " SELECT * from tbl_member where c_id =  '" + a_id[i] + "' ";
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			
+				String c_content = "";
+				c_content = c_content + "

         가입요청메일 - 한국청년기업가정신재단 BCB System 

         이메일 : ";
+				c_content = c_content +  a_id[i];
+				c_content = c_content + "
         이메일 인증번호 : ";
+				c_content = c_content + rs_up.getInt("c_rand");
+				c_content = c_content + "
         가입경로 : http://www.c-innovacion.org";
+				c_content = c_content + "

        임시비밀번호를 이용하여 회원가입을 해 주세요."; 
+				c_content = c_content + "

        한국청년기업가정신재단"; 
+			%>
+
+
        
+
+
+<% if(i == a_id.length - 1){%>
+
+<%}else{%>
+
+<%}%>
+
+
        
+	
+		
+		<%	
+		}
+		rs_up.close(); 
+    }
+
+%> 
+
+<%
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/bcb/educator/insert.jsp b/resoft/field_manager_new/process/bcb/educator/insert.jsp
new file mode 100644
index 0000000..5a7f9a6
--- /dev/null
+++ b/resoft/field_manager_new/process/bcb/educator/insert.jsp
@@ -0,0 +1,131 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_type = r_call(request.getParameter("c_type")); 
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no ;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+		
+			 
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	<%if(c_type.equals("1")){%>
+        	 Instructor 등록
+        	 <%}%>
+        	<%if(c_type.equals("2")){%>
+        	 Mentor 등록
+        	 <%}%>
+        	<%if(c_type.equals("3")){%>
+        	 Observer 등록
+        	 <%}%>
+         
        
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 표시가 있는 항목은 반드시 입력해 주세요.
+        	  
+         
        
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
         메인필드  <%=rs_up.getString("f_name")%> 
         Category  <%=rs_up.getString("u_name")%> 
         Educator Type  
+ 		<%if(c_type.equals("1")){%>
+        	 Instructor
+        	 <%}%>
+        	<%if(c_type.equals("2")){%>
+        	 Mentor록
+        	 <%}%>
+        	<%if(c_type.equals("3")){%>
+        	 Observer
+        	 <%}%>
+ 	 
         *
+ 		<%if(c_type.equals("1")){%>
+        	 Instructor
+        	 <%}%>
+        	<%if(c_type.equals("2")){%>
+        	 Mentor록
+        	 <%}%>
+        	<%if(c_type.equals("3")){%>
+        	 Observer
+        	 <%}%>
+ 	
+ 		 ID(이메일)  
+ 		* 엔터를 구분하여 여러개 입력 가능
+ 	
        
+
+	
+ 	
+    		
+        
+	 
+	 
        
+			등록
+			취소
+		
        
+
        
+
+	<%
+		}
+		rs_up.close();
+%> 	
+<%}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/bcb/educator/insert_ok.jsp b/resoft/field_manager_new/process/bcb/educator/insert_ok.jsp
new file mode 100644
index 0000000..5e0404b
--- /dev/null
+++ b/resoft/field_manager_new/process/bcb/educator/insert_ok.jsp
@@ -0,0 +1,59 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_type = r_call(request.getParameter("c_type")); 
+	String c_id = r_call(request.getParameter("c_id")); 
+		c_id = c_id.replaceAll(" ","");
+		c_id = c_id.replaceAll("\r","\n");
+
+	String[] a_id = c_id.split("\n");
+	int alr = 0;
+	int alr2 = 0;
+	  for( int i = 0; i < a_id.length; i++ ){
+		a_id[i] = a_id[i].replaceAll(" ","");
+	  	if(!a_id[i].equals("")){
+	  			String sql3 = "select a.c_no from tbl_member a inner join tbl_pnm_for_bcb b on b.c_member_no = a.c_no  ";
+				sql3 = sql3 + " where b.c_project_no = "+ c_project_no +" and a.c_use = 0 and b.c_use = 0 and b.c_team_no = 0 and a.c_id = '" + a_id[i] + "' and b.c_type= " + c_type;
+				ResultSet rs3 = stmt.executeQuery(sql3);
+				if (rs3.next()) {
+					alr = alr + 1;
+				}else{
+		  			String sql4 = "select c_no from tbl_member  where c_use = 0 and c_id = '" + a_id[i] + "' ";
+					ResultSet rs4 = stmt.executeQuery(sql4);
+					if (rs4.next()) {
+					}else{	
+						Random r = new Random(); 
+						int k1 = r.nextInt(10000); 
+						String sql_ok = "";
+						sql_ok = "insert into tbl_member (c_id, c_rand,c_use) values(";
+						sql_ok = sql_ok + "'" + a_id[i] + "',1111,0)";
+						stmt2.execute(sql_ok); 
+		   			}
+		   			rs4.close();
+		   			sql4 = "select c_no from tbl_member  where c_use = 0 and c_id = '" + a_id[i] + "' ";
+					rs4 = stmt.executeQuery(sql4);
+					if (rs4.next()) {
+						String sql_ok = "";
+						sql_ok = "insert into tbl_pnm_for_bcb (c_type,c_project_no,c_member_no,c_team_no,c_use,c_date) values(";
+						sql_ok = sql_ok + "" + c_type + "," + c_project_no + ","+ rs4.getInt("c_no") +",0,0,now())";
+						stmt2.execute(sql_ok); 
+						alr2 = alr2 + 1;
+		   			}
+		   			rs4.close();
+	   			}
+	   			rs3.close();
+	   	}
+	  }
+
+%> 
+
+<%
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/bcb/educator/list.jsp b/resoft/field_manager_new/process/bcb/educator/list.jsp
new file mode 100644
index 0000000..ed18d18
--- /dev/null
+++ b/resoft/field_manager_new/process/bcb/educator/list.jsp
@@ -0,0 +1,257 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+		
+			 
+%>
+ 
+
        
+	
+
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  Project Educator 관리
+         
        
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 팀명에 마우스를 올리면 팀 설명을 볼 수 있습니다.
+        	  
+         
        
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
         메인필드 
+ 		<%=rs_up.getString("f_name")%>
+ 	
         Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
         Project명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
        
+<%
+		}
+		rs_up.close();
+%> 	
        
+        Instructor
+		
+    	
+        
+        
+        
        
+        	  
+        	  * Member Name과 가입일이 없는 경우는 아직 회원 가입이 안된 멤버입니다.
+        	  
+         
        
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 
+		<% 		String sql3 = "select a.*, b.c_date as m_date,b.c_no as m_no from tbl_member a ";
+				sql3 = sql3 + " inner join tbl_pnm_for_bcb b on b.c_member_no = a.c_no ";
+				sql3 = sql3 + " where a.c_use = 0 and b.c_use = 0 and b.c_type = 1 and b.c_project_no = " + c_project_no + " ";
+				sql3 = sql3 + " order by a.c_name asc ";
+				ResultSet rs3 = stmt.executeQuery(sql3);
+				while (rs3.next()) {
+		%>
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		<%
+				}
+				rs3.close();
+		%> 	
+ 
+ 	
         Member ID(email) 가입email 발송 Member name  가입일 등록일 삭제
         <%=rs3.getString("c_id")%> <%if(rs3.getString("c_name") == null){%>" type="checkbox" checked><%}%> <%if(rs3.getString("c_name") != null){%><%=rs3.getString("c_name")%><%}%>  <%if(rs3.getString("c_date") != null){%><%=rs3.getString("c_date").substring(0,10)%><%}%> <%=rs3.getString("m_date").substring(0,10)%> '}" >[삭제]
        
+	 
+	
+ 	
+    		
+        
+	 
+	 
        
+			Instructor 등록
+	 	
        
+
+ 	 
        
+        Mentor
+	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 
+		<% 		sql3 = "select a.*, b.c_date as m_date,b.c_no as m_no from tbl_member a ";
+				sql3 = sql3 + " inner join tbl_pnm_for_bcb b on b.c_member_no = a.c_no ";
+				sql3 = sql3 + " where a.c_use = 0 and b.c_use = 0 and b.c_type = 2 and b.c_project_no = " + c_project_no + " ";
+				sql3 = sql3 + " order by a.c_name asc ";
+				rs3 = stmt.executeQuery(sql3);
+				while (rs3.next()) {
+		%>
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		<%
+				}
+				rs3.close();
+		%> 	
+ 
+ 	
         Member ID(email) 가입email 발송 Member name  가입일 등록일 삭제
         <%=rs3.getString("c_id")%> <%if(rs3.getString("c_name") == null){%>" type="checkbox" checked><%}%> <%if(rs3.getString("c_name") != null){%><%=rs3.getString("c_name")%><%}%>  <%if(rs3.getString("c_date") != null){%><%=rs3.getString("c_date").substring(0,10)%><%}%> <%=rs3.getString("m_date").substring(0,10)%> '}" >[삭제]
        
+	 
+	
+ 	
+    		
+        
+	 
+	 
        
+			Mentor 등록
+	 	
        
+
+ 	 
        
+        Observer
+	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 
+		<% 		sql3 = "select a.*, b.c_date as m_date,b.c_no as m_no from tbl_member a ";
+				sql3 = sql3 + " inner join tbl_pnm_for_bcb b on b.c_member_no = a.c_no ";
+				sql3 = sql3 + " where a.c_use = 0 and b.c_use = 0 and b.c_type = 3 and b.c_project_no = " + c_project_no + " ";
+				sql3 = sql3 + " order by a.c_name asc ";
+				rs3 = stmt.executeQuery(sql3);
+				while (rs3.next()) {
+		%>
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		<%
+				}
+				rs3.close();
+		%> 	
+ 
+ 	
         Member ID(email) 가입email 발송 Member name  가입일 등록일 삭제
         <%=rs3.getString("c_id")%> <%if(rs3.getString("c_name") == null){%>" type="checkbox" checked><%}%> <%if(rs3.getString("c_name") != null){%><%=rs3.getString("c_name")%><%}%>  <%if(rs3.getString("c_date") != null){%><%=rs3.getString("c_date").substring(0,10)%><%}%> <%=rs3.getString("m_date").substring(0,10)%> '}" >[삭제]
        
+
+	 
+	
+ 	
+    		
+        
+	 
+	 
        
+			Observer 등록
+	 	
        
+		 
+	 
+ 	
+    		
+        
+	 
+	 
        
+		

        
+		Check 교육자에게 가입요청 메일 발송	 	
+	 	
        	 
+

        
+
        
+
        
+
+
+<%
+}
+%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/bcb/statistic/list.jsp b/resoft/field_manager_new/process/bcb/statistic/list.jsp
new file mode 100644
index 0000000..69b972b
--- /dev/null
+++ b/resoft/field_manager_new/process/bcb/statistic/list.jsp
@@ -0,0 +1,192 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	int c_home = 0;
+	String s_year = r_call(request.getParameter("s_year"));
+	
+	Calendar currentCalendar = Calendar.getInstance();
+	int now_year =  currentCalendar.get(Calendar.YEAR);
+	int now_month = currentCalendar.get(Calendar.MONTH) + 1;
+	int c_year = now_year;
+	
+	if(!s_year.equals("")){
+		c_year = Integer.parseInt(s_year);
+	}
+	 
+%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+		
+			 
+%>
+
        
+	
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  Project BCB 접속 통계
+         
        
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
         메인필드 
+ 		<%=rs_up.getString("f_name")%>
+ 	
         Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
         Project명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
        
+ 	<%
+		}
+		rs_up.close();
+%> 	
        
+
+	
+		
+	
+    	
+        
+         
+        
+        
+        
        
+        	
+        
+        	 
+        
        
+ 		
+    	
+        
+        <%for(int m = 1 ; m < 13 ; m++){%>
+        
+        <%}%>
+        
+        			 
+<%
+	int m_co[] = new int[13];
+        			
+		 String sql1="  SELECT * from tbl_menu where c_no > 1 and c_up_no = 0 and c_home="+ c_home +"   order by c_no asc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 while (rst.next()) {
+%>
+			 
+				<%
+				for(int cho = 0; cho < 13; cho++){
+        				m_co[cho] = 0;
+        			}
+        			String sql_co = "select c_visit, c_month from tbl_visit where  c_home = "+ c_home +"  and c_project_no = "+ c_project_no +"  and   c_show_no = "+ rst.getInt("c_no") +" and c_c_no = 0 and  c_year = " + c_year + " order by c_month asc ";
+        			ResultSet rs_co = stmt.executeQuery(sql_co);
+        			 while(rs_co.next()){
+        			 	m_co[rs_co.getInt("c_month")] = rs_co.getInt("c_visit");
+        			 }
+        			 rs_co.close();
+        			 
+        			%>
+        			<%
+        			if(rst.getInt("c_no") == 10){%>
+        			
+			        
+			        
+			        
+        			<%}
+        			%>
+				
+			        
+			        <%for(int m = 1 ; m < 13 ; m++){%>
+			        
+			        <%}%>
+			        
+ 
+<%		}
+		rst.close();
+%>
+			 
+	 		
+		        
+		        
+		        <%
+	        	 String sql121="  SELECT * from tbl_menu where c_up_no = 1   order by c_order asc";
+			 ResultSet rst2 = stmt2.executeQuery(sql121);
+			 while (rst2.next()) {
+			%>
+				<%
+        			for(int cho = 0; cho < 13; cho++){
+        				m_co[cho] = 0;
+        			}
+        			String sql_co = "select  c_visit , c_month from tbl_visit where c_home = "+ c_home +"  and c_project_no = "+ c_project_no +"   and c_show_no = "+ rst2.getInt("c_no") +" and c_c_no = 0 and  c_year = " + c_year + " order by c_month asc ";
+        			ResultSet rs_co = stmt.executeQuery(sql_co);
+        			 while(rs_co.next()){
+        			 	m_co[rs_co.getInt("c_month")] = rs_co.getInt("c_visit");
+        			 }
+        			 rs_co.close();
+        			 
+        			%>
+				
+			        
+			        <%for(int m = 1 ; m < 13 ; m++){%>
+			        
+			        <%}%>
+			        
+<%			}
+			rst2.close();
+%>
+        
        메뉴<%=m%>월
        자료실 
         9 && rst.getInt("c_no") <13){%>30px<%}else{%>10px<%}%>" ><%if(rst.getInt("c_no") > 9 && rst.getInt("c_no") <13){%>└<%}%> <%=rst.getString("c_name")%> 
+				        	<%if(m_co[m]>0){%>
+				        	<%=m_co[m]%>
+				        	<%}%>
+			        
        Membership 
        └ <%=rst2.getString("c_name")%> 
+				        	<%if(m_co[m]>0){%>
+				        	<%=m_co[m]%>
+				        	<%}%>
+			        
        
+
+         
+
        
+
        
+
        
+
        
+
        
+<%
+}
+%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/bcb/team/delete_team.jsp b/resoft/field_manager_new/process/bcb/team/delete_team.jsp
new file mode 100644
index 0000000..21ec17c
--- /dev/null
+++ b/resoft/field_manager_new/process/bcb/team/delete_team.jsp
@@ -0,0 +1,20 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+
+		String sql_ok = "";
+		sql_ok = "update tbl_team set c_use = 1 where c_no = " + c_team_no;
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/bcb/team/edit_team.jsp b/resoft/field_manager_new/process/bcb/team/edit_team.jsp
new file mode 100644
index 0000000..44f9504
--- /dev/null
+++ b/resoft/field_manager_new/process/bcb/team/edit_team.jsp
@@ -0,0 +1,113 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+	if(c_project_no.equals("") || c_team_no.equals("")){
+%>
+	
+<%	
+	}else{
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+
+			String sql2 =   "  SELECT * from tbl_team where c_no = " + c_team_no ;
+			ResultSet rs = stmt.executeQuery(sql2);
+			if (rs.next()) {
+		
+			 
+			 
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  Team 수정
+         
        
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 표시가 있는 항목은 반드시 입력해 주세요.
+        	  
+         
        
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
         메인필드  <%=rs_up.getString("f_name")%> 
         Category  <%=rs_up.getString("u_name")%> 
         Project명  <%=rs_up.getString("c_name")%> 
         *Team 명  " id="" style="width:200px" maxlength="20"/>
         Team 설명  
+ 		
+ 	
        
+
+	
+ 	
+    		
+        
+	 
+	 
        
+			수정
+			취소
+		
        
+
        
+
+	<%
+			}
+			rs.close();
+		}
+		rs_up.close();
+%> 	
+<%}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/bcb/team/edit_team_ok.jsp b/resoft/field_manager_new/process/bcb/team/edit_team_ok.jsp
new file mode 100644
index 0000000..a1245fb
--- /dev/null
+++ b/resoft/field_manager_new/process/bcb/team/edit_team_ok.jsp
@@ -0,0 +1,22 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_team_name = r_call(request.getParameter("c_team_name")); 
+	String c_exp = r_call(request.getParameter("c_exp")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+
+		String sql_ok = "";
+		sql_ok = "update tbl_team set c_team_name = '"+ c_team_name +"', c_exp = '"+ c_exp +"' where c_no = " + c_team_no;
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/bcb/team/email_ok.jsp b/resoft/field_manager_new/process/bcb/team/email_ok.jsp
new file mode 100644
index 0000000..6f55f1c
--- /dev/null
+++ b/resoft/field_manager_new/process/bcb/team/email_ok.jsp
@@ -0,0 +1,54 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+    String[] a_id = request.getParameterValues("c_id");
+     
+    for(int i = 0 ; i < a_id.length ; i++){
+		String sql_up =   " SELECT * from tbl_member where c_id =  '" + a_id[i] + "' ";
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			
+				String c_content = "";
+				c_content = c_content + "

         가입요청메일 - 한국청년기업가정신재단 BCB System 

         이메일 : ";
+				c_content = c_content +  a_id[i];
+				c_content = c_content + "
         이메일 인증번호 : ";
+				c_content = c_content + rs_up.getInt("c_rand");
+				c_content = c_content + "
         가입경로 : http://www.c-innovacion.org";
+				c_content = c_content + "

        임시비밀번호를 이용하여 회원가입을 해 주세요."; 
+				c_content = c_content + "

        한국청년기업가정신재단"; 
+			%>
+
+
        
+
+
+<% if(i == a_id.length - 1){%>
+
+<%}else{%>
+
+<%}%>
+
+
        
+	
+		
+		<%	
+		}
+		rs_up.close(); 
+    }
+
+%> 
+
+<%
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/bcb/team/insert_t_m_ok.jsp b/resoft/field_manager_new/process/bcb/team/insert_t_m_ok.jsp
new file mode 100644
index 0000000..92e4594
--- /dev/null
+++ b/resoft/field_manager_new/process/bcb/team/insert_t_m_ok.jsp
@@ -0,0 +1,88 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	int target_project_no = Integer.parseInt(r_call(request.getParameter("target_project_no"))); 
+	if(target_project_no ==0){
+		String sql_pt = " select a.* ";
+		sql_pt = sql_pt + " ,(select count(*) from tbl_team where c_relation=0 and c_project_no = " + c_project_no + " and c_team_name = a.c_team_name and c_use = 0 ) as exit_team_no ";
+		sql_pt = sql_pt + " from tbl_apply_team a ";
+		sql_pt = sql_pt + " where a.c_project_no = "+ c_project_no + " and a.c_use = 0 order by a.c_no asc ";
+		ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		while (rs_pt.next()) {
+			if( rs_pt.getInt("exit_team_no") == 0){ 
+				String sql_ok = "";
+				sql_ok = "insert into tbl_team (c_relation, c_project_no,c_team_name,c_exp,c_use,c_date) values(";
+				sql_ok = sql_ok + "0," + c_project_no + ",'" + rs_pt.getString("c_team_name") + "','',0,now())";
+				stmt2.execute(sql_ok); 
+	
+				int t_no = 0;
+				String sql_rel = "select max(c_no) as t_no from tbl_team ";
+				ResultSet rs_rel = stmt.executeQuery(sql_rel);
+				if(rs_rel.next()){
+					t_no = rs_rel.getInt("t_no");
+				}
+				rs_rel.close();
+				sql_rel = "select * from tbl_apply_team_member where c_project_no = "+ c_project_no + " and c_team_no = "+ rs_pt.getInt("c_no") +" and c_use = 0 ";
+				rs_rel = stmt.executeQuery(sql_rel);
+				while(rs_rel.next()){
+					if(rs_rel.getInt("c_member_no") != 0){
+						String sql_ok2 = "";
+						sql_ok2 = "insert into tbl_pnm_for_bcb (c_type,c_project_no,c_member_no,c_team_no,c_use,c_date) values(";
+						sql_ok2 = sql_ok2 + "0," + c_project_no + ","+ rs_rel.getInt("c_member_no") +","+ t_no +",0,now())";
+						stmt2.execute(sql_ok2); 
+					}
+				}
+				rs_rel.close();
+			}
+		}
+		rs_pt.close();	
+	}else{
+		String sql_pt = " select b.*  ";
+		sql_pt = sql_pt + " ,(select count(*) from tbl_team where c_relation=0 and c_project_no = " + c_project_no + " and c_team_name = b.c_team_name and c_use = 0 ) as exit_team_no ";
+		sql_pt = sql_pt + " from tbl_point_target a ";
+		sql_pt = sql_pt + " inner join tbl_apply_team b on b.c_no = a.c_team_no and b.c_use = 0 ";
+		sql_pt = sql_pt + " where a.c_point_project_no = "+ target_project_no + " and a.c_use = 0 and a.c_pass= 1 order by a.c_no asc ";
+		ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		while (rs_pt.next()) {
+			if( rs_pt.getInt("exit_team_no") == 0){ 
+				String sql_ok = "";
+				sql_ok = "insert into tbl_team (c_relation, c_project_no,c_team_name,c_exp,c_use,c_date) values(";
+				sql_ok = sql_ok + "0," + c_project_no + ",'" + rs_pt.getString("c_team_name") + "','',0,now())";
+				stmt2.execute(sql_ok); 
+	
+				int t_no = 0;
+				String sql_rel = "select max(c_no) as t_no from tbl_team ";
+				ResultSet rs_rel = stmt.executeQuery(sql_rel);
+				if(rs_rel.next()){
+					t_no = rs_rel.getInt("t_no");
+				}
+				rs_rel.close();
+				sql_rel = "select * from tbl_apply_team_member where c_project_no = "+ c_project_no + " and c_team_no = "+ rs_pt.getInt("c_no") +" and c_use = 0 ";
+				rs_rel = stmt.executeQuery(sql_rel);
+				while(rs_rel.next()){
+					if(rs_rel.getInt("c_member_no") != 0){
+						String sql_ok2 = "";
+						sql_ok2 = "insert into tbl_pnm_for_bcb (c_type,c_project_no,c_member_no,c_team_no,c_use,c_date) values(";
+						sql_ok2 = sql_ok2 + "0," + c_project_no + ","+ rs_rel.getInt("c_member_no") +","+ t_no +",0,now())";
+						stmt2.execute(sql_ok2); 
+					}
+				}
+				rs_rel.close();
+			}		
+		}
+		rs_pt.close();
+	}
+	
+ 
+%> 
+
+<%
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/bcb/team/insert_team.jsp b/resoft/field_manager_new/process/bcb/team/insert_team.jsp
new file mode 100644
index 0000000..964b65c
--- /dev/null
+++ b/resoft/field_manager_new/process/bcb/team/insert_team.jsp
@@ -0,0 +1,104 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+		
+			 
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  Team 등록
+         
        
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 표시가 있는 항목은 반드시 입력해 주세요.
+        	  
+         
        
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
         메인필드  <%=rs_up.getString("f_name")%> 
         Category  <%=rs_up.getString("u_name")%> 
         Project명  <%=rs_up.getString("c_name")%> 
         *Team 명  
         Team 설명  
+ 		
+ 	
        
+
+	
+ 	
+    		
+        
+	 
+	 
        
+			등록
+			취소
+		
        
+
        
+
+	<%
+		}
+		rs_up.close();
+%> 	
+<%}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/bcb/team/insert_team_ok.jsp b/resoft/field_manager_new/process/bcb/team/insert_team_ok.jsp
new file mode 100644
index 0000000..44c398c
--- /dev/null
+++ b/resoft/field_manager_new/process/bcb/team/insert_team_ok.jsp
@@ -0,0 +1,22 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_team_name = r_call(request.getParameter("c_team_name")); 
+	String c_exp = r_call(request.getParameter("c_exp")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+
+		String sql_ok = "";
+		sql_ok = "insert into tbl_team (c_relation, c_project_no,c_team_name,c_exp,c_use,c_date) values(";
+		sql_ok = sql_ok + "0," + c_project_no + ",'" + c_team_name + "','" + c_exp + "',0,now())";
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/bcb/team/list.jsp b/resoft/field_manager_new/process/bcb/team/list.jsp
new file mode 100644
index 0000000..46a4229
--- /dev/null
+++ b/resoft/field_manager_new/process/bcb/team/list.jsp
@@ -0,0 +1,206 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+		
+			 
+%>
+ 
+
        
+	
+
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  Project 팀 및 멤버 관리
+         
        
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 팀명에 마우스를 올리면 팀 설명을 볼 수 있습니다.
+        	  
+         
        
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
         메인필드 
+ 		<%=rs_up.getString("f_name")%>
+ 	
         Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
         Project명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
        
+<%
+		}
+		rs_up.close();
+%> 	
        
+        Team & Member
+		
+    	
+        
+        
+        
        
+        	  
+        	  * Member Name과 가입일이 없는 경우는 아직 회원 가입이 안된 멤버입니다.
+        	  
+         
        
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+<% 		String sql2 = "select * from tbl_team where c_relation = 0 and c_use = 0 and c_project_no = " + c_project_no + " order by c_team_name asc";
+		ResultSet rs = stmt.executeQuery(sql2);
+		while (rs.next()) {
+%>
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 	
+		<% 		String sql3 = "select a.*, b.c_date as m_date,b.c_no as m_no from tbl_member a ";
+				sql3 = sql3 + " inner join tbl_pnm_for_bcb b on b.c_member_no = a.c_no ";
+				sql3 = sql3 + " where a.c_use = 0 and b.c_use = 0 and b.c_type = 0 and b.c_team_no = " + rs.getInt("c_no") + " and b.c_project_no = " + c_project_no + " ";
+				sql3 = sql3 + " order by a.c_name asc ";
+				ResultSet rs3 = stmt.executeQuery(sql3);
+				while (rs3.next()) {
+		%>
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		 	
+		<%
+				}
+				rs3.close();
+		%> 	
+<%
+		}
+		rs.close();
+%> 	
+ 	
         Team name Member email 가입email 발송 Member name 가입일 등록일 Member 등록 수정 삭제
         " title="<%=rs.getString("c_exp")%>"><%=rs.getString("c_team_name")%>    <%=rs.getString("c_date").substring(0,10)%> ">[Member 등록] ">[수정] '}" >[삭제]
         <%=rs3.getString("c_id")%> <%if(rs3.getString("c_name") == null){%>" type="checkbox" checked><%}%> <%if(rs3.getString("c_name") != null){%><%=rs3.getString("c_name")%><%}%> <%if(rs3.getString("c_date") != null){%><%=rs3.getString("c_date").substring(0,10)%><%}%> <%=rs3.getString("m_date").substring(0,10)%>   &c_pnm_no=<%=rs3.getString("m_no")%>'}" >[삭제]
        
+
+	
+
+	
+ 	
+ 		
+    		
+        
+	 
+	 
        
+		 
+		프로젝트 팀 연결 :  
+		 팀 및 팀원을  
+		BCB 운영 팀 및 멤버로 등록
        
+		

        
+		Check 멤버에게 가입요청 메일 발송	 
+	 
+	        		
+			Team 등록
+	 	
        
+	 
+
        
+
+
+<%
+}
+%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/bcb/team/member/delete.jsp b/resoft/field_manager_new/process/bcb/team/member/delete.jsp
new file mode 100644
index 0000000..6decb2b
--- /dev/null
+++ b/resoft/field_manager_new/process/bcb/team/member/delete.jsp
@@ -0,0 +1,21 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_pnm_no = r_call(request.getParameter("c_pnm_no")); 
+
+		String sql_ok = "";
+		sql_ok = "update tbl_pnm_for_bcb set c_use = 1 where c_no = " + c_pnm_no;
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/bcb/team/member/insert.jsp b/resoft/field_manager_new/process/bcb/team/member/insert.jsp
new file mode 100644
index 0000000..ad1d5e8
--- /dev/null
+++ b/resoft/field_manager_new/process/bcb/team/member/insert.jsp
@@ -0,0 +1,107 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+	if(c_team_no.equals("")){
+%>
+	
+<%	
+	}else{
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name, d.c_team_name from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " inner join tbl_team d on d.c_project_no = c.c_no ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no + " and d.c_no =  " + c_team_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+		
+			 
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	 Member 등록
+         
        
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 표시가 있는 항목은 반드시 입력해 주세요.
+        	  
+         
        
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
         메인필드  <%=rs_up.getString("f_name")%> 
         Category  <%=rs_up.getString("u_name")%> 
         Project명  <%=rs_up.getString("c_name")%> 
         Team명  <%=rs_up.getString("c_team_name")%> 
         *Member ID(이메일)  
+ 		* 엔터를 구분하여 여러개 입력 가능
+ 	
        
+
+	
+ 	
+    		
+        
+	 
+	 
        
+			등록
+			취소
+		
        
+
        
+
+	<%
+		}
+		rs_up.close();
+%> 	
+<%}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/bcb/team/member/insert_ok.jsp b/resoft/field_manager_new/process/bcb/team/member/insert_ok.jsp
new file mode 100644
index 0000000..79cf847
--- /dev/null
+++ b/resoft/field_manager_new/process/bcb/team/member/insert_ok.jsp
@@ -0,0 +1,60 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+	String c_id = r_call(request.getParameter("c_id")); 
+		c_id = c_id.replaceAll(" ","");
+		c_id = c_id.replaceAll("\r","\n");
+
+	String[] a_id = c_id.split("\n");
+	int alr = 0;
+	int alr2 = 0;
+	  for( int i = 0; i < a_id.length; i++ ){
+	  	a_id[i] = a_id[i].replaceAll(" ","");
+	  	if(!a_id[i].equals("")){
+	  			String sql3 = "select a.c_no from tbl_member a inner join tbl_pnm_for_bcb b on b.c_member_no = a.c_no  ";
+				sql3 = sql3 + " where a.c_use = 0 and b.c_use = 0 and b.c_team_no = " + c_team_no + " and a.c_id = '" + a_id[i] + "' and c_type= 0 ";
+				ResultSet rs3 = stmt.executeQuery(sql3);
+				if (rs3.next()) {
+					alr = alr + 1;
+				}else{
+		  			String sql4 = "select c_no from tbl_member  where c_use = 0 and c_id = '" + a_id[i] + "' ";
+					ResultSet rs4 = stmt.executeQuery(sql4);
+					if (rs4.next()) {
+					}else{	
+						Random r = new Random(); 
+						int k1 = r.nextInt(10000); 
+						k1 = 1111;
+						String sql_ok = "";
+						sql_ok = "insert into tbl_member (c_id, c_rand,c_use) values(";
+						sql_ok = sql_ok + "'" + a_id[i] + "',"+ k1 +",0)";
+						stmt2.execute(sql_ok); 
+		   			}
+		   			rs4.close();
+		   			sql4 = "select c_no from tbl_member  where c_use = 0 and c_id = '" + a_id[i] + "' ";
+					rs4 = stmt.executeQuery(sql4);
+					if (rs4.next()) {
+						String sql_ok = "";
+						sql_ok = "insert into tbl_pnm_for_bcb (c_type,c_project_no,c_member_no,c_team_no,c_use,c_date) values(";
+						sql_ok = sql_ok + "0," + c_project_no + ","+ rs4.getInt("c_no") +","+ c_team_no +",0,now())";
+						stmt2.execute(sql_ok); 
+						alr2 = alr2 + 1;
+		   			}
+		   			rs4.close();
+	   			}
+	   			rs3.close();
+	   	}
+	  }
+
+%> 
+
+<%
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/board/bcb/delete_ok.jsp b/resoft/field_manager_new/process/board/bcb/delete_ok.jsp
new file mode 100644
index 0000000..4b31a66
--- /dev/null
+++ b/resoft/field_manager_new/process/board/bcb/delete_ok.jsp
@@ -0,0 +1,39 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	  String c_relation= r_call(request.getParameter("c_relation"));
+	 String c_relation2= r_call(request.getParameter("c_relation2"));
+	
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+        	 
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+		String c_no = r_call(request.getParameter("c_no")); 
+		 
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_use = 1 where c_no = " + c_no;
+		stmt2.execute(sql_ok); 	
+
+	 
+ %>
+
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
+
diff --git a/resoft/field_manager_new/process/board/bcb/edit.jsp b/resoft/field_manager_new/process/board/bcb/edit.jsp
new file mode 100644
index 0000000..2cb32f9
--- /dev/null
+++ b/resoft/field_manager_new/process/board/bcb/edit.jsp
@@ -0,0 +1,139 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+

+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	   String c_relation= r_call(request.getParameter("c_relation"));
+	 String c_relation2= r_call(request.getParameter("c_relation2"));
+	
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
        
+ 
        
+ 
        
+ 
        
+ 		
+    	
+        
+        
+         
        
+        <%
+        	 String board_name = "BCB 공지사항";
+        	 if(c_relation2.equals("1074")){
+        	 	board_name = "BCB 자료실";
+        	 }
+        	 if(c_relation2.equals("1075")){
+        	 	board_name = "BCB 교육영상자료";
+        	 }
+		%>
+        	[ <%=board_name%> ] 게시판 관리
+		<%
+		 
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		 
+         
        
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql1 = " select a.* ";
+		sql1 = sql1 + " from tbl_board a where a.c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+		 
+%>
+
+
        
+
+	
+	
+	
+	
+	
+	
+	
        
+		 " style="width:100%;height:30px" placeholder="제목을 입력해 주세요.">
+	
        
+		 Name.  
+		 " style="width:150px">
+	
        
+		
+	
        
+		 File. <%=rst.getString("c_file")%>
+		 " type="hidden">
+		 <%if(!rst.getString("c_file").equals("")){%>
+		   삭제
+		 <%}%>
+		 
        
+		 
+	
        
+	 	 Edit
+	 	View
+	 	
+	
        
+
        
+
+ <%
+		 
+		 }
+		 rst.close();
+	}
+%>
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/bcb/edit_ok.jsp b/resoft/field_manager_new/process/board/bcb/edit_ok.jsp
new file mode 100644
index 0000000..300eb4f
--- /dev/null
+++ b/resoft/field_manager_new/process/board/bcb/edit_ok.jsp
@@ -0,0 +1,94 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+
+	 String c_home = r_call(multi.getParameter("c_home"));
+	 String c_maker = r_call(multi.getParameter("c_maker"));
+	 String board_no = r_call(multi.getParameter("board_no"));
+	 String c_relation = r_call(multi.getParameter("c_relation"));
+	 String c_relation2 = r_call(multi.getParameter("c_relation2"));
+	  
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+		 
+	String c_no = r_call(multi.getParameter("c_no")); 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call2(multi.getParameter("c_content")); 
+	String o_file = r_call(multi.getParameter("o_file")); 
+	String o_file_name = r_call(multi.getParameter("o_file_name")); 
+	String last_file = "";	
+	if(!fileName.equals("")){
+			last_file = fileName;
+	}else{
+		if(o_file.equals("y")){
+			last_file = "";
+		}else{
+			last_file = o_file_name;
+		}
+	}
+	
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_title = '"+ c_title +"',c_content='"+ c_content +"',c_file ='"+ last_file +"' where c_no = " + c_no;
+		 
+		stmt2.execute(sql_ok); 	
+
+		 
+
+ 
+	 
+ %>
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/bcb/insert.jsp b/resoft/field_manager_new/process/board/bcb/insert.jsp
new file mode 100644
index 0000000..999ee67
--- /dev/null
+++ b/resoft/field_manager_new/process/board/bcb/insert.jsp
@@ -0,0 +1,117 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+

+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	  String c_relation= r_call(request.getParameter("c_relation"));
+	 String c_relation2= r_call(request.getParameter("c_relation2"));
+	
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
        
+ 
        
+ 
        
+ 
        
+ 		
+    	
+        
+        
+         
        
+         <%
+        	 String board_name = "BCB 공지사항";
+        	 if(c_relation2.equals("1074")){
+        	 	board_name = "BCB 자료실";
+        	 }
+        	 if(c_relation2.equals("1075")){
+        	 	board_name = "BCB 교육영상자료";
+        	 }
+		%>
+        	[ <%=board_name%> ] 게시판 관리
+		<%
+		 
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
        
+		 
+         
        
+
+
        
+
+	
+	
+	
+	
+	
+	
+	
        
+		 
+	
        
+		 Name : 
+		 " style="width:150px">
+	
        
+	 
+		
+	
        
+		  
+	
        
+	 		등록
+		        취소
+ 
+	
        
+
        
+
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/bcb/insert_ok.jsp b/resoft/field_manager_new/process/board/bcb/insert_ok.jsp
new file mode 100644
index 0000000..e118eaa
--- /dev/null
+++ b/resoft/field_manager_new/process/board/bcb/insert_ok.jsp
@@ -0,0 +1,85 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+ 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+ 	realFolder  = "/home/apply/upload/board";
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	 String c_home = r_call(multi.getParameter("c_home"));
+	 String c_maker = r_call(multi.getParameter("c_maker"));
+	 String board_no = r_call(multi.getParameter("board_no"));
+	 String c_relation = r_call(multi.getParameter("c_relation"));
+	 String c_relation2 = r_call(multi.getParameter("c_relation2"));
+	 
+	 
+        	 
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+	
+
+	 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call2(multi.getParameter("c_content")); 
+		
+		String sql_ok = "";
+		sql_ok = " insert into tbl_board (c_home,c_maker,c_board_no,c_relation,c_relation2, c_name ,c_title,c_content,c_file,c_click,c_use, c_date) values(";
+		sql_ok = sql_ok + c_home + "," + c_maker + "," + board_no + "," + c_relation + "," + c_relation2 + ",'" + c_name + "','"+ c_title + "','" + c_content + "','" +fileName + "',0,0,now())";
+		 
+		stmt2.execute(sql_ok); 	
+
+		 
+ %>
+ 
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/bcb/list.jsp b/resoft/field_manager_new/process/board/bcb/list.jsp
new file mode 100644
index 0000000..79ee958
--- /dev/null
+++ b/resoft/field_manager_new/process/board/bcb/list.jsp
@@ -0,0 +1,189 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 String c_relation= r_call(request.getParameter("c_relation"));
+	 String c_relation2= r_call(request.getParameter("c_relation2"));
+			
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
        
+ 
        
+ 
        
+ 
        
+ 		
+    	
+        
+        
+         
        
+        <%
+        	 String board_name = "BCB 공지사항";
+        	 if(c_relation2.equals("1074")){
+        	 	board_name = "BCB 자료실";
+        	 }
+        	 if(c_relation2.equals("1075")){
+        	 	board_name = "BCB 교육영상자료";
+        	 }
+		%>
+        	[ <%=board_name%> ] 게시판 관리
+		<%
+		 
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
        
+		 
+         
        
+<%
+	String where_t = " c_use = 0 and "; 
+	int totalRecord = 0; //총레코드개수
+	int numPerPage = 10; //한페이지당 보여줄레코드개수
+	int totalPage = 0; //총페이지수
+	int pagePerBlock = 10; //블록당페이지수
+	int nowPage = 1; //현재페이지
+	String sql1 = "";
+	sql1 = " select count(c_no) ";
+		sql1 = sql1 + " from tbl_board  ";
+		sql1 = sql1 + " where  "+ where_t +" c_relation = "+ c_relation +" and c_relation2 = "+ c_relation2 +" and c_home = "+ c_home +" and c_maker = "+ c_maker +" and c_board_no = "+ board_no +"   ";
+	 
+	ResultSet rst = stmt.executeQuery(sql1);
+	if (rst.next()) {
+		totalRecord = rst.getInt(1);
+	}
+	rst.close();
+	if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) {
+		nowPage = Integer.parseInt(r_call(request.getParameter("nowPage")));
+	}
+	
+	//nowPage = 93;
+	//totalRecord =1240;
+	int pfirst = 0; //첫페이지 번호
+	int plast = 0; // 끝페이지 번호
+	int plast_org = 0;
+
+	pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1;
+	plast = pfirst + pagePerBlock - 1;
+	plast_org = (totalRecord-1)/numPerPage + 1;
+	if(plast > plast_org){
+		plast = plast_org;
+	}
+	int c_number=totalRecord-(nowPage-1)*numPerPage;
+	
+	int sql_now_page = (nowPage - 1) * numPerPage;
+
+%>
+ 		
+    	
+        
+        
+        
+        
+        
+        
+	
+	 <%if(totalRecord==0) {%>
+	    	
+			
+		
+		 
+	    	
+	        
+	<%}else{%>
+		<%
+		 sql1 = " select t.* from ( select a.*  ";
+		sql1 = sql1 + " from tbl_board a ";
+		sql1 = sql1 + " where  "+ where_t +" a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +" and a.c_home = "+ c_home +" and a.c_maker = "+ c_maker +" and a.c_board_no = "+ board_no +") t ";
+		sql1 = sql1 + " order by t.c_no desc ";
+		sql1 = sql1 + " limit "+ sql_now_page +" , "+ numPerPage +" ";
+		 rst = stmt.executeQuery(sql1);
+		  while (rst.next()) {
+		 	%>
+		    	
+			
+			
+			
+			
+			
+			
+			
+			
+		    	
+		        
+		<%
+			 c_number=c_number-1;
+		 }
+		 rst.close();
+		 %>
+	<%} %>
+     
+    	
+		
+        
+    	
+    
+    	
+		
+        
+    		
+     
+
        NoTitle등록자첨부클릭수등록일
        
+				자료가 없습니다.
+			
         
+				<%=c_number%>
+			 
+				&nowPage=<%=nowPage%>"><%=rst.getString("c_title")%>
+			 
+				<%=rst.getString("c_name")%>
+			 
+				<%if(!rst.getString("c_file").equals("")){%>
+					O
+				<%}%>
+			 
+				<%=rst.getString("c_click")%>
+			 
+				<%=rst.getString("c_date").substring(0,10)%>
+			
        
+			
+	        	
+			<%if(pfirst > 1){ %>
+			
+			
+			<%}%>
+	        	<% for(int i=pfirst;i
+	        	 
+	        	<%}%>
+	        	<%if(plast < plast_org){ %>
+			
+			
+			<%}%>
+			
+			
        
+				〈〈
+			
+				〈
+			
+	        		<% if(i==nowPage){%>
+	        		<%=i%>
+	        		<%}else{%>
+	        		<%=i%>
+				<%}%>
+	        	
+				〉
+			
+				〉〉
+			
        			 
+		
        
+			글등록
+		
        
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/bcb/view.jsp b/resoft/field_manager_new/process/board/bcb/view.jsp
new file mode 100644
index 0000000..ad57e5b
--- /dev/null
+++ b/resoft/field_manager_new/process/board/bcb/view.jsp
@@ -0,0 +1,99 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	  String c_relation= r_call(request.getParameter("c_relation"));
+	 String c_relation2= r_call(request.getParameter("c_relation2"));
+	
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
        
+ 
        
+ 
        
+ 
        
+ 		
+    	
+        
+        
+         
        
+        <%
+        	 String board_name = "BCB 공지사항";
+        	 if(c_relation2.equals("1074")){
+        	 	board_name = "BCB 자료실";
+        	 }
+        	 if(c_relation2.equals("1075")){
+        	 	board_name = "BCB 교육영상자료";
+        	 }
+		%>
+        	[ <%=board_name%> ] 게시판 관리
+		<%
+		 
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relation=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
        
+         
        
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_click = c_click + 1 where c_no = " + c_no;
+		 
+		stmt2.execute(sql_ok); 	
+		
+		String sql1 = " select * from tbl_board where c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+%>
+	
+	
+	
+	 
+	
+	
+	 
+	
        
+		 Title. <%=rst.getString("c_title")%>
+	
        
+		 
+		 Name. <%=rst.getString("c_name")%>
+		   /  
+		 Clicks <%=rst.getString("c_click")%>
+		   /  
+		 date <%=rst.getString("c_date").substring(0,10)%>
+		 
+	
        
+		 <%=rst.getString("c_content").replaceAll("\n\r","
        ")%>
+	
        
+		 File. <%=rst.getString("c_file")%>
+	
        
+		
+	
+	
        
+		  	 Edit
+		 	 Delete
+		 
+	 	List
+	 
        	
+ 
+ <%
+		 
+		 }
+		 rst.close();
+	}
+%>
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/board/delete_ok.jsp b/resoft/field_manager_new/process/board/board/delete_ok.jsp
new file mode 100644
index 0000000..a449349
--- /dev/null
+++ b/resoft/field_manager_new/process/board/board/delete_ok.jsp
@@ -0,0 +1,45 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		 
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+		String c_no = r_call(request.getParameter("c_no")); 
+		 
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_use = 1 where c_no = " + c_no;
+		stmt2.execute(sql_ok); 	
+
+	 
+ %>
+
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
+
diff --git a/resoft/field_manager_new/process/board/board/edit.jsp b/resoft/field_manager_new/process/board/board/edit.jsp
new file mode 100644
index 0000000..24abd92
--- /dev/null
+++ b/resoft/field_manager_new/process/board/board/edit.jsp
@@ -0,0 +1,139 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+

+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
        
+ 
        
+ 
        
+ 
        
+ 		
+    	
+        
+        
+         
        
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] 게시판 관리
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
        
+		 
+         
        
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql1 = " select a.* ";
+		sql1 = sql1 + " from tbl_board a where a.c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+		 
+%>
+
+
        
+
+	
+	
+	
+	
+	
+	
+	
        
+		 " style="width:100%;height:30px" placeholder="제목을 입력해 주세요.">
+	
        
+		 Name.  
+		 " style="width:150px">
+	
        
+		
+	
        
+		 File. <%=rst.getString("c_file")%>
+		 " type="hidden">
+		 <%if(!rst.getString("c_file").equals("")){%>
+		   삭제
+		 <%}%>
+		 
        
+		 
+	
        
+	 	 Edit
+	 	View
+	 	
+	
        
+
        
+
+ <%
+		 
+		 }
+		 rst.close();
+	}
+%>
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/board/edit_ok.jsp b/resoft/field_manager_new/process/board/board/edit_ok.jsp
new file mode 100644
index 0000000..642a23d
--- /dev/null
+++ b/resoft/field_manager_new/process/board/board/edit_ok.jsp
@@ -0,0 +1,103 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+
+	 String c_home = r_call(multi.getParameter("c_home"));
+	 String c_maker = r_call(multi.getParameter("c_maker"));
+	 String board_no = r_call(multi.getParameter("board_no"));
+	 
+	 
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		 
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+		 
+	String c_no = r_call(multi.getParameter("c_no")); 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call2(multi.getParameter("c_content")); 
+	String o_file = r_call(multi.getParameter("o_file")); 
+	String o_file_name = r_call(multi.getParameter("o_file_name")); 
+	String last_file = "";	
+	if(!fileName.equals("")){
+			last_file = fileName;
+	}else{
+		if(o_file.equals("y")){
+			last_file = "";
+		}else{
+			last_file = o_file_name;
+		}
+	}
+	
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_title = '"+ c_title +"',c_content='"+ c_content +"',c_file ='"+ last_file +"' where c_no = " + c_no;
+		 
+		stmt2.execute(sql_ok); 	
+
+		 
+
+ 
+	 
+ %>
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/board/insert.jsp b/resoft/field_manager_new/process/board/board/insert.jsp
new file mode 100644
index 0000000..89d2d44
--- /dev/null
+++ b/resoft/field_manager_new/process/board/board/insert.jsp
@@ -0,0 +1,116 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+

+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
        
+ 
        
+ 
        
+ 
        
+ 		
+    	
+        
+        
+         
        
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] 게시판 관리
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
        
+		 
+         
        
+
+
        
+
+	
+	
+	
+	
+	
+	
+	
        
+		 
+	
        
+		 Name : 
+		 " style="width:150px">
+	
        
+	 
+		
+	
        
+		  
+	
        
+	 		등록
+		        취소
+ 
+	
        
+
        
+
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/board/insert_ok.jsp b/resoft/field_manager_new/process/board/board/insert_ok.jsp
new file mode 100644
index 0000000..39809f4
--- /dev/null
+++ b/resoft/field_manager_new/process/board/board/insert_ok.jsp
@@ -0,0 +1,92 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+ 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+ 	realFolder  = "/home/apply/upload/board";
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	 String c_home = r_call(multi.getParameter("c_home"));
+	 String c_maker = r_call(multi.getParameter("c_maker"));
+	 String board_no = r_call(multi.getParameter("board_no"));
+	 
+	 
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		 
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+	
+
+	 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call2(multi.getParameter("c_content")); 
+		
+		String sql_ok = "";
+		sql_ok = " insert into tbl_board (c_home,c_maker,c_board_no,c_relation,c_relation2, c_name ,c_title,c_content,c_file,c_click,c_use, c_date) values(";
+		sql_ok = sql_ok + c_home + "," + c_maker + "," + board_no + "," + c_relation + "," + c_relation2 + ",'" + c_name + "','"+ c_title + "','" + c_content + "','" +fileName + "',0,0,now())";
+		 
+		stmt2.execute(sql_ok); 	
+
+		 
+ %>
+ 
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/board/list.jsp b/resoft/field_manager_new/process/board/board/list.jsp
new file mode 100644
index 0000000..1e879a1
--- /dev/null
+++ b/resoft/field_manager_new/process/board/board/list.jsp
@@ -0,0 +1,187 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
        
+ 
        
+ 
        
+ 
        
+ 		
+    	
+        
+        
+         
        
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] 게시판 관리
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
        
+		 
+         
        
+<%
+	String where_t = " c_use = 0 and "; 
+	int totalRecord = 0; //총레코드개수
+	int numPerPage = 10; //한페이지당 보여줄레코드개수
+	int totalPage = 0; //총페이지수
+	int pagePerBlock = 10; //블록당페이지수
+	int nowPage = 1; //현재페이지
+	String sql1 = "";
+	sql1 = " select count(c_no) ";
+		sql1 = sql1 + " from tbl_board  ";
+		sql1 = sql1 + " where  "+ where_t +" c_relation = "+ c_relation +" and c_relation2 = "+ c_relation2 +" and c_home = "+ c_home +" and c_maker = "+ c_maker +" and c_board_no = "+ board_no +"   ";
+	ResultSet rst = stmt.executeQuery(sql1);
+	if (rst.next()) {
+		totalRecord = rst.getInt(1);
+	}
+	rst.close();
+	if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) {
+		nowPage = Integer.parseInt(r_call(request.getParameter("nowPage")));
+	}
+	
+	//nowPage = 93;
+	//totalRecord =1240;
+	int pfirst = 0; //첫페이지 번호
+	int plast = 0; // 끝페이지 번호
+	int plast_org = 0;
+
+	pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1;
+	plast = pfirst + pagePerBlock - 1;
+	plast_org = (totalRecord-1)/numPerPage + 1;
+	if(plast > plast_org){
+		plast = plast_org;
+	}
+	int c_number=totalRecord-(nowPage-1)*numPerPage;
+	
+	int sql_now_page = (nowPage - 1) * numPerPage;
+
+%>
+ 		
+    	
+        
+        
+        
+        
+        
+        
+	
+	 <%if(totalRecord==0) {%>
+	    	
+			
+		
+		 
+	    	
+	        
+	<%}else{%>
+		<%
+		 sql1 = " select t.* from ( select a.*  ";
+		sql1 = sql1 + " from tbl_board a ";
+		sql1 = sql1 + " where  "+ where_t +" a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +" and a.c_home = "+ c_home +" and a.c_maker = "+ c_maker +" and a.c_board_no = "+ board_no +") t ";
+		sql1 = sql1 + " order by t.c_no desc ";
+		sql1 = sql1 + " limit "+ sql_now_page +" , "+ numPerPage +" ";
+		 rst = stmt.executeQuery(sql1);
+		  while (rst.next()) {
+		 	%>
+		    	
+			
+			
+			
+			
+			
+			
+			
+			
+		    	
+		        
+		<%
+			 c_number=c_number-1;
+		 }
+		 rst.close();
+		 %>
+	<%} %>
+     
+    	
+		
+        
+    	
+    
+    	
+		
+        
+    		
+     
+
        NoTitle등록자첨부클릭수등록일
        
+				자료가 없습니다.
+			
         
+				<%=c_number%>
+			 
+				&nowPage=<%=nowPage%>"><%=rst.getString("c_title")%>
+			 
+				<%=rst.getString("c_name")%>
+			 
+				<%if(!rst.getString("c_file").equals("")){%>
+					O
+				<%}%>
+			 
+				<%=rst.getString("c_click")%>
+			 
+				<%=rst.getString("c_date").substring(0,10)%>
+			
        
+			
+	        	
+			<%if(pfirst > 1){ %>
+			
+			
+			<%}%>
+	        	<% for(int i=pfirst;i
+	        	 
+	        	<%}%>
+	        	<%if(plast < plast_org){ %>
+			
+			
+			<%}%>
+			
+			
        
+				〈〈
+			
+				〈
+			
+	        		<% if(i==nowPage){%>
+	        		<%=i%>
+	        		<%}else{%>
+	        		<%=i%>
+				<%}%>
+	        	
+				〉
+			
+				〉〉
+			
        			 
+		
        
+			글등록
+		
        
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/board/view.jsp b/resoft/field_manager_new/process/board/board/view.jsp
new file mode 100644
index 0000000..a210152
--- /dev/null
+++ b/resoft/field_manager_new/process/board/board/view.jsp
@@ -0,0 +1,99 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
        
+ 
        
+ 
        
+ 
        
+ 		
+    	
+        
+        
+         
        
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] 게시판 관리
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
        
+		 
+         
        
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_click = c_click + 1 where c_no = " + c_no;
+		 
+		stmt2.execute(sql_ok); 	
+		
+		String sql1 = " select * from tbl_board where c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+%>
+	
+	
+	
+	 
+	
+	
+	 
+	
        
+		 Title. <%=rst.getString("c_title")%>
+	
        
+		 
+		 Name. <%=rst.getString("c_name")%>
+		   /  
+		 Clicks <%=rst.getString("c_click")%>
+		   /  
+		 date <%=rst.getString("c_date").substring(0,10)%>
+		 
+	
        
+		 <%=rst.getString("c_content").replaceAll("\n\r","
        ")%>
+	
        
+		 File. <%=rst.getString("c_file")%>
+	
        
+		
+	
+	
        
+		  	 Edit
+		 	 Delete
+		 
+	 	List
+	 
        	
+ 
+ <%
+		 
+		 }
+		 rst.close();
+	}
+%>
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/faq/delete_ok.jsp b/resoft/field_manager_new/process/board/faq/delete_ok.jsp
new file mode 100644
index 0000000..a449349
--- /dev/null
+++ b/resoft/field_manager_new/process/board/faq/delete_ok.jsp
@@ -0,0 +1,45 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		 
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+		String c_no = r_call(request.getParameter("c_no")); 
+		 
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_use = 1 where c_no = " + c_no;
+		stmt2.execute(sql_ok); 	
+
+	 
+ %>
+
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
+
diff --git a/resoft/field_manager_new/process/board/faq/edit.jsp b/resoft/field_manager_new/process/board/faq/edit.jsp
new file mode 100644
index 0000000..d0971f2
--- /dev/null
+++ b/resoft/field_manager_new/process/board/faq/edit.jsp
@@ -0,0 +1,131 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+

+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
        
+ 
        
+ 
        
+ 
        
+ 		
+    	
+        
+        
+         
        
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] 게시판 관리
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
        
+		 
+         
        
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql1 = " select a.* ";
+		sql1 = sql1 + " from tbl_board a where a.c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+		 
+%>
+
+
        
+
+	
+	
+	
+	
+	 
+	
+	
        
+		 " style="width:100%;height:30px" placeholder="제목을 입력해 주세요.">
+	
        
+		 Name.  
+		 " style="width:150px">
+	
        
+		
+	
        
+	 	 Edit
+	 	View
+	 	
+	
        
+
        
+
+ <%
+		 
+		 }
+		 rst.close();
+	}
+%>
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/faq/edit_ok.jsp b/resoft/field_manager_new/process/board/faq/edit_ok.jsp
new file mode 100644
index 0000000..642a23d
--- /dev/null
+++ b/resoft/field_manager_new/process/board/faq/edit_ok.jsp
@@ -0,0 +1,103 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+
+	 String c_home = r_call(multi.getParameter("c_home"));
+	 String c_maker = r_call(multi.getParameter("c_maker"));
+	 String board_no = r_call(multi.getParameter("board_no"));
+	 
+	 
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		 
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+		 
+	String c_no = r_call(multi.getParameter("c_no")); 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call2(multi.getParameter("c_content")); 
+	String o_file = r_call(multi.getParameter("o_file")); 
+	String o_file_name = r_call(multi.getParameter("o_file_name")); 
+	String last_file = "";	
+	if(!fileName.equals("")){
+			last_file = fileName;
+	}else{
+		if(o_file.equals("y")){
+			last_file = "";
+		}else{
+			last_file = o_file_name;
+		}
+	}
+	
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_title = '"+ c_title +"',c_content='"+ c_content +"',c_file ='"+ last_file +"' where c_no = " + c_no;
+		 
+		stmt2.execute(sql_ok); 	
+
+		 
+
+ 
+	 
+ %>
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/faq/insert.jsp b/resoft/field_manager_new/process/board/faq/insert.jsp
new file mode 100644
index 0000000..5433fe3
--- /dev/null
+++ b/resoft/field_manager_new/process/board/faq/insert.jsp
@@ -0,0 +1,114 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+

+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
        
+ 
        
+ 
        
+ 
        
+ 		
+    	
+        
+        
+         
        
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] 게시판 관리
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
        
+		 
+         
        
+
+
        
+
+	
+	
+	
+	
+	 
+	
+	
        
+		 
+	
        
+		 Name : 
+		 " style="width:150px">
+	
        
+	 
+		
+	
        
+	 		등록
+		        취소
+ 
+	
        
+
        
+
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/faq/insert_ok.jsp b/resoft/field_manager_new/process/board/faq/insert_ok.jsp
new file mode 100644
index 0000000..39809f4
--- /dev/null
+++ b/resoft/field_manager_new/process/board/faq/insert_ok.jsp
@@ -0,0 +1,92 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+ 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+ 	realFolder  = "/home/apply/upload/board";
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	 String c_home = r_call(multi.getParameter("c_home"));
+	 String c_maker = r_call(multi.getParameter("c_maker"));
+	 String board_no = r_call(multi.getParameter("board_no"));
+	 
+	 
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		 
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+	
+
+	 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call2(multi.getParameter("c_content")); 
+		
+		String sql_ok = "";
+		sql_ok = " insert into tbl_board (c_home,c_maker,c_board_no,c_relation,c_relation2, c_name ,c_title,c_content,c_file,c_click,c_use, c_date) values(";
+		sql_ok = sql_ok + c_home + "," + c_maker + "," + board_no + "," + c_relation + "," + c_relation2 + ",'" + c_name + "','"+ c_title + "','" + c_content + "','" +fileName + "',0,0,now())";
+		 
+		stmt2.execute(sql_ok); 	
+
+		 
+ %>
+ 
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/faq/list.jsp b/resoft/field_manager_new/process/board/faq/list.jsp
new file mode 100644
index 0000000..568673c
--- /dev/null
+++ b/resoft/field_manager_new/process/board/faq/list.jsp
@@ -0,0 +1,181 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
        
+ 
        
+ 
        
+ 
        
+ 		
+    	
+        
+        
+         
        
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] 게시판 관리
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
        
+		 
+         
        
+<%
+	String where_t = " c_use = 0 and "; 
+	int totalRecord = 0; //총레코드개수
+	int numPerPage = 10; //한페이지당 보여줄레코드개수
+	int totalPage = 0; //총페이지수
+	int pagePerBlock = 10; //블록당페이지수
+	int nowPage = 1; //현재페이지
+	String sql1 = "";
+	sql1 = " select count(c_no) ";
+		sql1 = sql1 + " from tbl_board  ";
+		sql1 = sql1 + " where  "+ where_t +" c_relation = "+ c_relation +" and c_relation2 = "+ c_relation2 +" and c_home = "+ c_home +" and c_maker = "+ c_maker +" and c_board_no = "+ board_no +"   ";
+	ResultSet rst = stmt.executeQuery(sql1);
+	if (rst.next()) {
+		totalRecord = rst.getInt(1);
+	}
+	rst.close();
+	if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) {
+		nowPage = Integer.parseInt(r_call(request.getParameter("nowPage")));
+	}
+	
+	//nowPage = 93;
+	//totalRecord =1240;
+	int pfirst = 0; //첫페이지 번호
+	int plast = 0; // 끝페이지 번호
+	int plast_org = 0;
+
+	pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1;
+	plast = pfirst + pagePerBlock - 1;
+	plast_org = (totalRecord-1)/numPerPage + 1;
+	if(plast > plast_org){
+		plast = plast_org;
+	}
+	int c_number=totalRecord-(nowPage-1)*numPerPage;
+	
+	int sql_now_page = (nowPage - 1) * numPerPage;
+
+%>
+ 		
+    	
+        
+        
+        
+        
+        
+	
+	 <%if(totalRecord==0) {%>
+	    	
+			
+		
+		 
+	    	
+	        
+	<%}else{%>
+		<%
+		 sql1 = " select t.* from ( select a.*  ";
+		sql1 = sql1 + " from tbl_board a ";
+		sql1 = sql1 + " where  "+ where_t +" a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +" and a.c_home = "+ c_home +" and a.c_maker = "+ c_maker +" and a.c_board_no = "+ board_no +") t ";
+		sql1 = sql1 + " order by t.c_no desc ";
+		sql1 = sql1 + " limit "+ sql_now_page +" , "+ numPerPage +" ";
+		 rst = stmt.executeQuery(sql1);
+		  while (rst.next()) {
+		 	%>
+		    	
+			
+			
+			
+			
+			
+			
+			
+		    	
+		        
+		<%
+			 c_number=c_number-1;
+		 }
+		 rst.close();
+		 %>
+	<%} %>
+     
+    	
+		
+        
+    	
+    
+    	
+		
+        
+    		
+     
+
        NoTitle등록자클릭수등록일
        
+				자료가 없습니다.
+			
         
+				<%=c_number%>
+			 
+				&nowPage=<%=nowPage%>"><%=rst.getString("c_title")%>
+			 
+				<%=rst.getString("c_name")%>
+			 
+				<%=rst.getString("c_click")%>
+			 
+				<%=rst.getString("c_date").substring(0,10)%>
+			
        
+			
+	        	
+			<%if(pfirst > 1){ %>
+			
+			
+			<%}%>
+	        	<% for(int i=pfirst;i
+	        	 
+	        	<%}%>
+	        	<%if(plast < plast_org){ %>
+			
+			
+			<%}%>
+			
+			
        
+				〈〈
+			
+				〈
+			
+	        		<% if(i==nowPage){%>
+	        		<%=i%>
+	        		<%}else{%>
+	        		<%=i%>
+				<%}%>
+	        	
+				〉
+			
+				〉〉
+			
        			 
+		
        
+			글등록
+		
        
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/faq/view.jsp b/resoft/field_manager_new/process/board/faq/view.jsp
new file mode 100644
index 0000000..ccb9b12
--- /dev/null
+++ b/resoft/field_manager_new/process/board/faq/view.jsp
@@ -0,0 +1,97 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
        
+ 
        
+ 
        
+ 
        
+ 		
+    	
+        
+        
+         
        
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] 게시판 관리
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
        
+		 
+         
        
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_click = c_click + 1 where c_no = " + c_no;
+		 
+		stmt2.execute(sql_ok); 	
+		
+		String sql1 = " select * from tbl_board where c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+%>
+	
+	
+	
+	 
+	
+	 
+	 
+	
        
+		 Title. <%=rst.getString("c_title")%>
+	
        
+		 
+		 Name. <%=rst.getString("c_name")%>
+		   /  
+		 Clicks <%=rst.getString("c_click")%>
+		   /  
+		 date <%=rst.getString("c_date").substring(0,10)%>
+		 
+	
        
+		 <%=rst.getString("c_content").replaceAll("\n\r","
        ")%>
+	
        
+		
+	
+	
        
+		  	 Edit
+		 	 Delete
+		 
+	 	List
+	 
        	
+ 
+ <%
+		 
+		 }
+		 rst.close();
+	}
+%>
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/notice/delete_ok.jsp b/resoft/field_manager_new/process/board/notice/delete_ok.jsp
new file mode 100644
index 0000000..a449349
--- /dev/null
+++ b/resoft/field_manager_new/process/board/notice/delete_ok.jsp
@@ -0,0 +1,45 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		 
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+		String c_no = r_call(request.getParameter("c_no")); 
+		 
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_use = 1 where c_no = " + c_no;
+		stmt2.execute(sql_ok); 	
+
+	 
+ %>
+
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
+
diff --git a/resoft/field_manager_new/process/board/notice/edit.jsp b/resoft/field_manager_new/process/board/notice/edit.jsp
new file mode 100644
index 0000000..24abd92
--- /dev/null
+++ b/resoft/field_manager_new/process/board/notice/edit.jsp
@@ -0,0 +1,139 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+

+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
        
+ 
        
+ 
        
+ 
        
+ 		
+    	
+        
+        
+         
        
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] 게시판 관리
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
        
+		 
+         
        
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql1 = " select a.* ";
+		sql1 = sql1 + " from tbl_board a where a.c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+		 
+%>
+
+
        
+
+	
+	
+	
+	
+	
+	
+	
        
+		 " style="width:100%;height:30px" placeholder="제목을 입력해 주세요.">
+	
        
+		 Name.  
+		 " style="width:150px">
+	
        
+		
+	
        
+		 File. <%=rst.getString("c_file")%>
+		 " type="hidden">
+		 <%if(!rst.getString("c_file").equals("")){%>
+		   삭제
+		 <%}%>
+		 
        
+		 
+	
        
+	 	 Edit
+	 	View
+	 	
+	
        
+
        
+
+ <%
+		 
+		 }
+		 rst.close();
+	}
+%>
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/notice/edit_ok.jsp b/resoft/field_manager_new/process/board/notice/edit_ok.jsp
new file mode 100644
index 0000000..642a23d
--- /dev/null
+++ b/resoft/field_manager_new/process/board/notice/edit_ok.jsp
@@ -0,0 +1,103 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+
+	 String c_home = r_call(multi.getParameter("c_home"));
+	 String c_maker = r_call(multi.getParameter("c_maker"));
+	 String board_no = r_call(multi.getParameter("board_no"));
+	 
+	 
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		 
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+		 
+	String c_no = r_call(multi.getParameter("c_no")); 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call2(multi.getParameter("c_content")); 
+	String o_file = r_call(multi.getParameter("o_file")); 
+	String o_file_name = r_call(multi.getParameter("o_file_name")); 
+	String last_file = "";	
+	if(!fileName.equals("")){
+			last_file = fileName;
+	}else{
+		if(o_file.equals("y")){
+			last_file = "";
+		}else{
+			last_file = o_file_name;
+		}
+	}
+	
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_title = '"+ c_title +"',c_content='"+ c_content +"',c_file ='"+ last_file +"' where c_no = " + c_no;
+		 
+		stmt2.execute(sql_ok); 	
+
+		 
+
+ 
+	 
+ %>
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/notice/insert.jsp b/resoft/field_manager_new/process/board/notice/insert.jsp
new file mode 100644
index 0000000..89d2d44
--- /dev/null
+++ b/resoft/field_manager_new/process/board/notice/insert.jsp
@@ -0,0 +1,116 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+

+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
        
+ 
        
+ 
        
+ 
        
+ 		
+    	
+        
+        
+         
        
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] 게시판 관리
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
        
+		 
+         
        
+
+
        
+
+	
+	
+	
+	
+	
+	
+	
        
+		 
+	
        
+		 Name : 
+		 " style="width:150px">
+	
        
+	 
+		
+	
        
+		  
+	
        
+	 		등록
+		        취소
+ 
+	
        
+
        
+
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/notice/insert_ok.jsp b/resoft/field_manager_new/process/board/notice/insert_ok.jsp
new file mode 100644
index 0000000..39809f4
--- /dev/null
+++ b/resoft/field_manager_new/process/board/notice/insert_ok.jsp
@@ -0,0 +1,92 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+ 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+ 	realFolder  = "/home/apply/upload/board";
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	 String c_home = r_call(multi.getParameter("c_home"));
+	 String c_maker = r_call(multi.getParameter("c_maker"));
+	 String board_no = r_call(multi.getParameter("board_no"));
+	 
+	 
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		 
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+	
+
+	 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call2(multi.getParameter("c_content")); 
+		
+		String sql_ok = "";
+		sql_ok = " insert into tbl_board (c_home,c_maker,c_board_no,c_relation,c_relation2, c_name ,c_title,c_content,c_file,c_click,c_use, c_date) values(";
+		sql_ok = sql_ok + c_home + "," + c_maker + "," + board_no + "," + c_relation + "," + c_relation2 + ",'" + c_name + "','"+ c_title + "','" + c_content + "','" +fileName + "',0,0,now())";
+		 
+		stmt2.execute(sql_ok); 	
+
+		 
+ %>
+ 
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/notice/list.jsp b/resoft/field_manager_new/process/board/notice/list.jsp
new file mode 100644
index 0000000..1e879a1
--- /dev/null
+++ b/resoft/field_manager_new/process/board/notice/list.jsp
@@ -0,0 +1,187 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
        
+ 
        
+ 
        
+ 
        
+ 		
+    	
+        
+        
+         
        
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] 게시판 관리
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
        
+		 
+         
        
+<%
+	String where_t = " c_use = 0 and "; 
+	int totalRecord = 0; //총레코드개수
+	int numPerPage = 10; //한페이지당 보여줄레코드개수
+	int totalPage = 0; //총페이지수
+	int pagePerBlock = 10; //블록당페이지수
+	int nowPage = 1; //현재페이지
+	String sql1 = "";
+	sql1 = " select count(c_no) ";
+		sql1 = sql1 + " from tbl_board  ";
+		sql1 = sql1 + " where  "+ where_t +" c_relation = "+ c_relation +" and c_relation2 = "+ c_relation2 +" and c_home = "+ c_home +" and c_maker = "+ c_maker +" and c_board_no = "+ board_no +"   ";
+	ResultSet rst = stmt.executeQuery(sql1);
+	if (rst.next()) {
+		totalRecord = rst.getInt(1);
+	}
+	rst.close();
+	if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) {
+		nowPage = Integer.parseInt(r_call(request.getParameter("nowPage")));
+	}
+	
+	//nowPage = 93;
+	//totalRecord =1240;
+	int pfirst = 0; //첫페이지 번호
+	int plast = 0; // 끝페이지 번호
+	int plast_org = 0;
+
+	pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1;
+	plast = pfirst + pagePerBlock - 1;
+	plast_org = (totalRecord-1)/numPerPage + 1;
+	if(plast > plast_org){
+		plast = plast_org;
+	}
+	int c_number=totalRecord-(nowPage-1)*numPerPage;
+	
+	int sql_now_page = (nowPage - 1) * numPerPage;
+
+%>
+ 		
+    	
+        
+        
+        
+        
+        
+        
+	
+	 <%if(totalRecord==0) {%>
+	    	
+			
+		
+		 
+	    	
+	        
+	<%}else{%>
+		<%
+		 sql1 = " select t.* from ( select a.*  ";
+		sql1 = sql1 + " from tbl_board a ";
+		sql1 = sql1 + " where  "+ where_t +" a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +" and a.c_home = "+ c_home +" and a.c_maker = "+ c_maker +" and a.c_board_no = "+ board_no +") t ";
+		sql1 = sql1 + " order by t.c_no desc ";
+		sql1 = sql1 + " limit "+ sql_now_page +" , "+ numPerPage +" ";
+		 rst = stmt.executeQuery(sql1);
+		  while (rst.next()) {
+		 	%>
+		    	
+			
+			
+			
+			
+			
+			
+			
+			
+		    	
+		        
+		<%
+			 c_number=c_number-1;
+		 }
+		 rst.close();
+		 %>
+	<%} %>
+     
+    	
+		
+        
+    	
+    
+    	
+		
+        
+    		
+     
+
        NoTitle등록자첨부클릭수등록일
        
+				자료가 없습니다.
+			
         
+				<%=c_number%>
+			 
+				&nowPage=<%=nowPage%>"><%=rst.getString("c_title")%>
+			 
+				<%=rst.getString("c_name")%>
+			 
+				<%if(!rst.getString("c_file").equals("")){%>
+					O
+				<%}%>
+			 
+				<%=rst.getString("c_click")%>
+			 
+				<%=rst.getString("c_date").substring(0,10)%>
+			
        
+			
+	        	
+			<%if(pfirst > 1){ %>
+			
+			
+			<%}%>
+	        	<% for(int i=pfirst;i
+	        	 
+	        	<%}%>
+	        	<%if(plast < plast_org){ %>
+			
+			
+			<%}%>
+			
+			
        
+				〈〈
+			
+				〈
+			
+	        		<% if(i==nowPage){%>
+	        		<%=i%>
+	        		<%}else{%>
+	        		<%=i%>
+				<%}%>
+	        	
+				〉
+			
+				〉〉
+			
        			 
+		
        
+			글등록
+		
        
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/notice/view.jsp b/resoft/field_manager_new/process/board/notice/view.jsp
new file mode 100644
index 0000000..a210152
--- /dev/null
+++ b/resoft/field_manager_new/process/board/notice/view.jsp
@@ -0,0 +1,99 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
        
+ 
        
+ 
        
+ 
        
+ 		
+    	
+        
+        
+         
        
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] 게시판 관리
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
        
+		 
+         
        
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_click = c_click + 1 where c_no = " + c_no;
+		 
+		stmt2.execute(sql_ok); 	
+		
+		String sql1 = " select * from tbl_board where c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+%>
+	
+	
+	
+	 
+	
+	
+	 
+	
        
+		 Title. <%=rst.getString("c_title")%>
+	
        
+		 
+		 Name. <%=rst.getString("c_name")%>
+		   /  
+		 Clicks <%=rst.getString("c_click")%>
+		   /  
+		 date <%=rst.getString("c_date").substring(0,10)%>
+		 
+	
        
+		 <%=rst.getString("c_content").replaceAll("\n\r","
        ")%>
+	
        
+		 File. <%=rst.getString("c_file")%>
+	
        
+		
+	
+	
        
+		  	 Edit
+		 	 Delete
+		 
+	 	List
+	 
        	
+ 
+ <%
+		 
+		 }
+		 rst.close();
+	}
+%>
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/photo/delete_ok.jsp b/resoft/field_manager_new/process/board/photo/delete_ok.jsp
new file mode 100644
index 0000000..a449349
--- /dev/null
+++ b/resoft/field_manager_new/process/board/photo/delete_ok.jsp
@@ -0,0 +1,45 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		 
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+		String c_no = r_call(request.getParameter("c_no")); 
+		 
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_use = 1 where c_no = " + c_no;
+		stmt2.execute(sql_ok); 	
+
+	 
+ %>
+
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
+
diff --git a/resoft/field_manager_new/process/board/photo/edit.jsp b/resoft/field_manager_new/process/board/photo/edit.jsp
new file mode 100644
index 0000000..9b4ac22
--- /dev/null
+++ b/resoft/field_manager_new/process/board/photo/edit.jsp
@@ -0,0 +1,130 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+

+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
        
+ 
        
+ 
        
+ 
        
+ 		
+    	
+        
+        
+         
        
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] 게시판 관리
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
        
+		 
+         
        
+<%
+	String nowPage =  r_call(request.getParameter("nowPage"));
+	String c_no =  r_call(request.getParameter("c_no"));
+if(c_no.equals("")){
+
+}else{
+		String sql1 = " select a.* ";
+		sql1 = sql1 + " from tbl_board a where a.c_no =  " + c_no;
+		ResultSet  rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+		 
+%>
+
+
        
+
+	
+	
+	 
+	
+	
+	
        
+		 " style="width:100%;height:30px" placeholder="제목을 입력해 주세요.">
+	
        
+		 File. <%=rst.getString("c_file")%>
+		 " type="hidden">
+		 <%if(!rst.getString("c_file").equals("")){%>
+		   삭제
+		 <%}%>
+		 
        
+		 
+	
        
+	 	 Edit
+	 	목록
+	 	
+	
        
+
        
+
+ <%
+		 
+		 }
+		 rst.close();
+	}
+%>
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/photo/edit_ok.jsp b/resoft/field_manager_new/process/board/photo/edit_ok.jsp
new file mode 100644
index 0000000..7255291
--- /dev/null
+++ b/resoft/field_manager_new/process/board/photo/edit_ok.jsp
@@ -0,0 +1,103 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+
+	 String c_home = r_call(multi.getParameter("c_home"));
+	 String c_maker = r_call(multi.getParameter("c_maker"));
+	 String board_no = r_call(multi.getParameter("board_no"));
+	 
+	 
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		 
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+		 
+	String c_no = r_call(multi.getParameter("c_no")); 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call2(multi.getParameter("c_content")); 
+	String o_file = r_call(multi.getParameter("o_file")); 
+	String o_file_name = r_call(multi.getParameter("o_file_name")); 
+	String last_file = "";	
+	if(!fileName.equals("")){
+			last_file = fileName;
+	}else{
+		if(o_file.equals("y")){
+			last_file = "";
+		}else{
+			last_file = o_file_name;
+		}
+	}
+	
+		String sql_ok = "";
+		sql_ok = "update tbl_board set c_title = '"+ c_title +"',c_content='"+ c_content +"',c_file ='"+ last_file +"' where c_no = " + c_no;
+		 
+		stmt2.execute(sql_ok); 	
+
+		 
+
+ 
+	 
+ %>
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/photo/insert.jsp b/resoft/field_manager_new/process/board/photo/insert.jsp
new file mode 100644
index 0000000..f88463f
--- /dev/null
+++ b/resoft/field_manager_new/process/board/photo/insert.jsp
@@ -0,0 +1,105 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+

+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
        
+ 
        
+ 
        
+ 
        
+ 		
+    	
+        
+        
+         
        
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] 게시판 관리
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
        
+		 
+         
        
+
+
        
+
+	
+	
+	 
+	
+	
+	
        
+		 
+	
        
+		  
+	
        
+	 		등록
+		        취소
+ 
+	
        
+
        
+
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/photo/insert_ok.jsp b/resoft/field_manager_new/process/board/photo/insert_ok.jsp
new file mode 100644
index 0000000..bb80dae
--- /dev/null
+++ b/resoft/field_manager_new/process/board/photo/insert_ok.jsp
@@ -0,0 +1,92 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+ 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+ 	realFolder  = "/home/apply/upload/board";
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[11];
+        int olp = 11;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[olp] = fName;
+			 
+			}else{
+				a_file[olp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	 String c_home = r_call(multi.getParameter("c_home"));
+	 String c_maker = r_call(multi.getParameter("c_maker"));
+	 String board_no = r_call(multi.getParameter("board_no"));
+	 
+	 
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		 
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	 
+	
+
+	 
+	String c_title = r_call(multi.getParameter("c_title")); 
+	String c_name = r_call(multi.getParameter("c_name")); 
+	String c_content = r_call2(multi.getParameter("c_content")); 
+		
+		String sql_ok = "";
+		sql_ok = " insert into tbl_board (c_home,c_maker,c_board_no,c_relation,c_relation2, c_name ,c_title,c_content,c_file,c_click,c_use, c_date) values(";
+		sql_ok = sql_ok + c_home + "," + c_maker + "," + board_no + "," + c_relation + "," + c_relation2 + ",'" + session.getAttribute("manager_name") + "','"+ c_title + "','" + c_content + "','" +fileName + "',0,0,now())";
+		 
+		stmt2.execute(sql_ok); 	
+
+		 
+ %>
+ 
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/board/photo/list.jsp b/resoft/field_manager_new/process/board/photo/list.jsp
new file mode 100644
index 0000000..7228a69
--- /dev/null
+++ b/resoft/field_manager_new/process/board/photo/list.jsp
@@ -0,0 +1,189 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String board_no = r_call(request.getParameter("board_no"));
+	 
+	 if(board_no == null || board_no.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
        
+ 
        
+ 
        
+ 
        
+ 		
+    	
+        
+        
+         
        
+        <%
+        	int c_relation = 0;
+        	int c_relation2 = 0;
+        	String sql_ok2 = "select  * from tbl_menu where c_no =  " + board_no;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_relation= rss.getInt("c_relation");
+			c_relation2= rss.getInt("c_relation2");
+		%>
+        	[ <%=rss.getString("c_name")%> ] 게시판 관리
+		<%
+		} 
+		rss.close();
+		String para_t = "c_home=" + c_home + "&c_maker=" + c_maker + "&board_no=" + board_no + "&c_relaton=" + c_relation + "&c_relation2=" + c_relation2;
+	%>
+		
        
+		 
+         
        
+<%
+	String where_t = " c_use = 0 and "; 
+	int totalRecord = 0; //총레코드개수
+	int numPerPage = 10; //한페이지당 보여줄레코드개수
+	int totalPage = 0; //총페이지수
+	int pagePerBlock = 10; //블록당페이지수
+	int nowPage = 1; //현재페이지
+	String sql1 = "";
+	sql1 = " select count(c_no) ";
+		sql1 = sql1 + " from tbl_board  ";
+		sql1 = sql1 + " where  "+ where_t +" c_relation = "+ c_relation +" and c_relation2 = "+ c_relation2 +" and c_home = "+ c_home +" and c_maker = "+ c_maker +" and c_board_no = "+ board_no +"   ";
+	ResultSet rst = stmt.executeQuery(sql1);
+	if (rst.next()) {
+		totalRecord = rst.getInt(1);
+	}
+	rst.close();
+	if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) {
+		nowPage = Integer.parseInt(r_call(request.getParameter("nowPage")));
+	}
+	
+	//nowPage = 93;
+	//totalRecord =1240;
+	int pfirst = 0; //첫페이지 번호
+	int plast = 0; // 끝페이지 번호
+	int plast_org = 0;
+
+	pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1;
+	plast = pfirst + pagePerBlock - 1;
+	plast_org = (totalRecord-1)/numPerPage + 1;
+	if(plast > plast_org){
+		plast = plast_org;
+	}
+	int c_number=totalRecord-(nowPage-1)*numPerPage;
+	
+	int sql_now_page = (nowPage - 1) * numPerPage;
+
+%>
+ 		
+    	
+        
+        
+        
+        
+        
+        
+        
+	
+	 <%if(totalRecord==0) {%>
+	    	
+			
+		
+		 
+	    	
+	        
+	<%}else{%>
+		<%
+		 sql1 = " select t.* from ( select a.*  ";
+		sql1 = sql1 + " from tbl_board a ";
+		sql1 = sql1 + " where  "+ where_t +" a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +" and a.c_home = "+ c_home +" and a.c_maker = "+ c_maker +" and a.c_board_no = "+ board_no +") t ";
+		sql1 = sql1 + " order by t.c_no desc ";
+		sql1 = sql1 + " limit "+ sql_now_page +" , "+ numPerPage +" ";
+		 rst = stmt.executeQuery(sql1);
+		  while (rst.next()) {
+		 	%>
+		    	
+			
+			
+			
+			
+			
+			
+			
+			
+			
+		    	
+		        
+		<%
+			 c_number=c_number-1;
+		 }
+		 rst.close();
+		 %>
+	<%} %>
+     
+    	
+		
+        
+    	
+    
+    	
+		
+        
+    		
+     
+
        NoTitlePhoto클릭수등록일삭제수정
        
+				자료가 없습니다.
+			
         
+				<%=c_number%>
+			 
+				 <%=rst.getString("c_title")%> 
+			 
+				" width=200>
+			 
+				<%=rst.getString("c_click")%>
+			 
+				<%=rst.getString("c_date").substring(0,10)%>
+			 
+				">[수정]
+			 
+				'}">[삭제]
+			
        
+			
+	        	
+			<%if(pfirst > 1){ %>
+			
+			
+			<%}%>
+	        	<% for(int i=pfirst;i
+	        	 
+	        	<%}%>
+	        	<%if(plast < plast_org){ %>
+			
+			
+			<%}%>
+			
+			
        
+				〈〈
+			
+				〈
+			
+	        		<% if(i==nowPage){%>
+	        		<%=i%>
+	        		<%}else{%>
+	        		<%=i%>
+				<%}%>
+	        	
+				〉
+			
+				〉〉
+			
        			 
+		
        
+			글등록
+		
        
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/main/image/change.jsp b/resoft/field_manager_new/process/main/image/change.jsp
new file mode 100644
index 0000000..3e173d3
--- /dev/null
+++ b/resoft/field_manager_new/process/main/image/change.jsp
@@ -0,0 +1,25 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String c_image = r_call(request.getParameter("c_image"));
+	 
+	String now_order	= r_call(request.getParameter("now_order")); 
+	String change_order	= r_call(request.getParameter("change_order")); 
+	 
+	 
+	String sql_ok = "update tbl_image set c_order = 10000 where c_order = "+ change_order + " and c_home = " + c_home + " and c_maker = " + c_maker +" and c_relation = " + c_image + " " ;
+	stmt.execute(sql_ok); 
+	sql_ok = "update tbl_image set c_order = " + change_order + " where   c_order = "+ now_order + " and c_home = " + c_home + " and c_maker = " + c_maker +" and c_relation = " + c_image + "  ";
+	stmt.execute(sql_ok); 
+	sql_ok = "update tbl_image set c_order = " + now_order + " where  c_order = 10000 and c_home = " + c_home + " and c_maker = " + c_maker +" and c_relation = " + c_image + "  " ;
+	stmt.execute(sql_ok); 
+	
+%>
+
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/main/image/change2.jsp b/resoft/field_manager_new/process/main/image/change2.jsp
new file mode 100644
index 0000000..7690686
--- /dev/null
+++ b/resoft/field_manager_new/process/main/image/change2.jsp
@@ -0,0 +1,21 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String c_image = r_call(request.getParameter("c_image"));
+	 
+	String c_no	= r_call(request.getParameter("c_no")); 
+	String c_view	= r_call(request.getParameter("c_view")); 
+	 
+	 
+	String sql_ok = "update tbl_image set c_view = "+ c_view +" where c_no = "+ c_no ;
+	stmt.execute(sql_ok); 
+	 
+%>
+
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/main/image/delete.jsp b/resoft/field_manager_new/process/main/image/delete.jsp
new file mode 100644
index 0000000..6638bc9
--- /dev/null
+++ b/resoft/field_manager_new/process/main/image/delete.jsp
@@ -0,0 +1,21 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String c_image = r_call(request.getParameter("c_image"));
+		String c_no = r_call(request.getParameter("c_no"));
+	
+		String sql_ok = "delete from tbl_image  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	 
+
+ %> 
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/main/image/insert.jsp b/resoft/field_manager_new/process/main/image/insert.jsp
new file mode 100644
index 0000000..7c9b9fe
--- /dev/null
+++ b/resoft/field_manager_new/process/main/image/insert.jsp
@@ -0,0 +1,124 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<% 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String c_image = r_call(request.getParameter("c_image"));
+	 if(c_image == null || c_image.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	
+        	int c_main_type = 0;
+        	String sql_ok2 = "select c_main_type from tbl_field where c_no =  " + c_home  ;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_main_type= rss.getInt("c_main_type");
+		} 
+		rss.close();
+	
+	 String imge_size = "";
+	if(c_main_type == 1){	
+		 if(c_image.equals("1")){
+			imge_size = "1000*200";
+		 }
+		 if(c_image.equals("2")){
+			imge_size = "6000*300";
+		 }
+		 if(c_image.equals("3")){
+			imge_size = "1000*100";
+		 }
+	 }
+	if(c_main_type == 2){	
+		 if(c_image.equals("1")){
+			imge_size = "1000*200";
+		 }
+		 if(c_image.equals("2")){
+			imge_size = "6000*300";
+		 }
+		 if(c_image.equals("3")){
+			imge_size = "1000*100";
+		 }
+	 }
+%>
+
+
        
+


        
+ 	
+ 	
+	
+	
+	
        
+	 메인이미지 Images<%=c_image%>. 등록
+	
        
+	
+	 	
+	 	 
+	 	 
+	 	 
+	 	 
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	 
+		 
+	 	
         명칭   
         이미지   
+	 		
        * 이미지 사이즈는 <%=imge_size%>, 파일명은 영문 으로 제작 올리시기 바랍니다.
+	 	 
         Link   
        Link 새창여부  
+	 		 
+	 	
        표출여부 
+	 		예
+	 		아니오
+	 	
        
+
+	
        
+		
+	 	
+	 	
+	    		
+	        
+		 
+		 
        
+				등록
+				취소
+			
        
+	
        
+ <%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/main/image/insert_ok.jsp b/resoft/field_manager_new/process/main/image/insert_ok.jsp
new file mode 100644
index 0000000..5248eb1
--- /dev/null
+++ b/resoft/field_manager_new/process/main/image/insert_ok.jsp
@@ -0,0 +1,85 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ page import="java.util.GregorianCalendar" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+
+	GregorianCalendar now = new GregorianCalendar();
+	String c_date = String.format("%TF", now);//yyyy-mm-dd
+ 	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+
+ 	 realFolder = scontext.getRealPath(saveFolder);
+	 realFolder = "/home/apply/upload/main/";	
+	 
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+ 
+ 		 
+        Enumeration files = multi.getFileNames();
+        while( files.hasMoreElements() ){
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+		
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			fileName     = fName;
+		
+        }
+	  if(fileName == null){
+			fileName = "";
+		}
+	String c_relation	= r_call(multi.getParameter("c_relation")); 
+	String c_home	= r_call(multi.getParameter("c_home")); 
+	String c_maker	= r_call(multi.getParameter("c_maker")); 
+	String c_name	= r_call(multi.getParameter("c_name")); 
+	String c_title1	= r_call(multi.getParameter("c_title1")); 
+	String c_title2	= r_call(multi.getParameter("c_title2")); 
+	String c_view	= r_call(multi.getParameter("c_view")); 
+	String c_exp	= r_call(multi.getParameter("c_exp")); 
+	
+
+	int c_order = 1;
+	String sql_ok = "select max(c_order) as max_order from tbl_image ";
+	ResultSet rss = stmt.executeQuery(sql_ok);
+	if(rss.next()){
+		c_order = rss.getInt("max_order") + 1;
+	} 
+	rss.close();
+	
+	sql_ok = "insert into tbl_image (c_home,c_maker,c_relation,c_file,c_name,c_title1,c_title2,c_exp,c_order,c_view,c_date) values(";
+	sql_ok = sql_ok + c_home + " ";
+	sql_ok = sql_ok + ","+ c_maker + " ";
+	sql_ok = sql_ok + ","+ c_relation + " ";
+	sql_ok = sql_ok + ",'"+ fileName + "' ";
+	sql_ok = sql_ok + ",'"+ c_name + "' ";
+	sql_ok = sql_ok + ",'"+ c_title1 + "' ";
+	sql_ok = sql_ok + ",'"+ c_title2 + "' ";
+	sql_ok = sql_ok + ",'"+ c_exp + "' ";
+	sql_ok = sql_ok + ","+ c_order + " ";
+	sql_ok = sql_ok + ","+ c_view + " ";
+	sql_ok = sql_ok + ",now()";
+	sql_ok = sql_ok + ")";
+	stmt.execute(sql_ok); 
+	
+%>
+
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/main/image/list.jsp b/resoft/field_manager_new/process/main/image/list.jsp
new file mode 100644
index 0000000..9abf115
--- /dev/null
+++ b/resoft/field_manager_new/process/main/image/list.jsp
@@ -0,0 +1,112 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String c_image = r_call(request.getParameter("c_image"));
+	 if(c_image == null || c_image.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
        
+ 
        
+ 
        
+ 
        
+ 		
+    	
+        
+        
+         
        
+        <%
+        	int c_main_type = 0;
+        	String sql_ok2 = "select  c_name, c_eng_name, c_main_type from tbl_field where c_no =  " + c_home  ;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_main_type= rss.getInt("c_main_type");
+		%>
+        	<%=rss.getString("c_name")%> / <%=rss.getString("c_eng_name")%> 메인 / Image <%=c_image%>. 관리
+		<%
+		} 
+		rss.close();
+	%>
+		
        
+		
        
+		
+         
        
+ 		
+    	
+        
+        
+        
+        
+        
+        
+       
+       
+	
+	 
+	<%
+		int old_order = 0;	
+		 String sql1="  SELECT * from tbl_image where c_home = "+ c_home +" and c_maker = "+ c_maker +" and c_relation = "+ c_image +"    order by c_order asc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int n_order = 0; 
+		 while (rst.next()) {
+		 	 n_order= n_order + 1;
+	%>
+	 
+	    	
+			
+			
+			
+			
+			
+			
+			
+			
+		
+		
+	    	
+	        
+
+	<%
+		 old_order = rst.getInt("c_order");
+		 }
+		 rst.close();
+	 %>
+
+    
+    	
+		
+        
+    		
+     
+
        순서명칭이미지LinkLink창적용삭제순서변경
        <%=n_order%><%=rst.getString("c_name")%>" width="100%"><%=rst.getString("c_title1")%>
+				<%if(rst.getString("c_title2").equals("_self")){%>
+					현재창
+				<%}else{%>
+					새창
+				<%}%>
+			
+				<%if(rst.getInt("c_view") == 0){%>
+					">[적용]
+				<%}else{%>
+					">[미적용]
+				<%}%>
+			'}">[삭제]
+				<% if(old_order > 0){%>
+					&change_order=<%=old_order%>">▲
+				<% }%>
+			
        
+			이미지등록
+			메인관리로 가기
+			 
+		
        
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/main/list.jsp b/resoft/field_manager_new/process/main/list.jsp
new file mode 100644
index 0000000..8c8ca06
--- /dev/null
+++ b/resoft/field_manager_new/process/main/list.jsp
@@ -0,0 +1,79 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	String c_home	= r_call(request.getParameter("c_home")); 
+	String c_maker	= r_call(request.getParameter("c_maker")); 
+
+	if(c_home.equals("") || c_maker.equals("")){
+	%>
+	
+	<%
+	}else{
+
+	Statement stmt3=conn.createStatement();
+	int old_order2 = 0; 
+	int old_order3 = 0;
+	int order2 = 0; 
+	int order3 = 0; 
+%>
+ 
        
+ 		
+    	
+        
+        
+         
        
+        <%
+        	int c_main_type = 0;
+        	String sql_ok2 = "select  c_name, c_eng_name, c_main_type from tbl_field where c_no =  " + c_home  ;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_main_type= rss.getInt("c_main_type");
+		%>
+        	<%=rss.getString("c_name")%> / <%=rss.getString("c_eng_name")%> 메인 관리
+		<%
+		} 
+		rss.close();
+	%>
+         
        
+         	
+    	
+        
+        
+        
+        
+        
+        
+        
+         
+        
+        
+        
+        
+        
+        
+        
+        
+        
        
+        	Type <%=c_main_type%>.
+         
        
+        	
+         
+        	 [ Image1 관리 ]
+         
        
+        	 [ Text 관리 ]
+         
        
+        	 [ Image2 관리 ]
+         
        
+        	 [ Image3 관리 ]
+         
        
+ 	
+<%
+	stmt3.close();
+%>
+ 
+<%	}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/main/text/change2.jsp b/resoft/field_manager_new/process/main/text/change2.jsp
new file mode 100644
index 0000000..3821daf
--- /dev/null
+++ b/resoft/field_manager_new/process/main/text/change2.jsp
@@ -0,0 +1,24 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String c_image = r_call(request.getParameter("c_image"));
+	 
+	String c_no	= r_call(request.getParameter("c_no")); 
+	String c_view	= r_call(request.getParameter("c_view")); 
+	 
+	 if(c_view.equals("0")){
+		String sql_ok2 = "update tbl_image set c_view = 1 where c_home = " + c_home + " and c_maker = " + c_maker +" and c_relation = " + c_image + " ";
+		stmt.execute(sql_ok2); 
+	}
+	String sql_ok = "update tbl_image set c_view = "+ c_view +" where c_no = "+ c_no ;
+	stmt.execute(sql_ok); 
+	 
+%>
+
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/main/text/delete.jsp b/resoft/field_manager_new/process/main/text/delete.jsp
new file mode 100644
index 0000000..6638bc9
--- /dev/null
+++ b/resoft/field_manager_new/process/main/text/delete.jsp
@@ -0,0 +1,21 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String c_image = r_call(request.getParameter("c_image"));
+		String c_no = r_call(request.getParameter("c_no"));
+	
+		String sql_ok = "delete from tbl_image  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	 
+
+ %> 
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/main/text/insert.jsp b/resoft/field_manager_new/process/main/text/insert.jsp
new file mode 100644
index 0000000..577fb45
--- /dev/null
+++ b/resoft/field_manager_new/process/main/text/insert.jsp
@@ -0,0 +1,89 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<% 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String c_image = r_call(request.getParameter("c_image"));
+	 if(c_image == null || c_image.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	
+        	int c_main_type = 0;
+        	String sql_ok2 = "select c_main_type from tbl_field where c_no =  " + c_home  ;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_main_type= rss.getInt("c_main_type");
+		} 
+		rss.close();
+	
+	 String imge_size = "";
+	if(c_main_type == 1){	
+		 
+			imge_size = "1200";
+		 
+	 }
+	if(c_main_type == 2){	
+		 
+			imge_size = "800";
+		 
+	 }
+%>
+
+
        
+


        
+ 	
+ 	
+	
+	
+	
        
+	 메인 Text 등록
+	
        
+	
+	 	
+	 	 
+	 	 
+	 	 
+	 	 
+	 	 
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	 
+		 
+	 	
        Texr  
        표출여부 
+	 		예
+	 		아니오
+	 	
        
+
+	
        
+		
+	 	
+	 	
+	    		
+	        
+		 
+		 
        
+				등록
+				취소
+			
        
+	
        
+ <%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/main/text/insert_ok.jsp b/resoft/field_manager_new/process/main/text/insert_ok.jsp
new file mode 100644
index 0000000..d68335d
--- /dev/null
+++ b/resoft/field_manager_new/process/main/text/insert_ok.jsp
@@ -0,0 +1,89 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ page import="java.util.GregorianCalendar" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+
+	GregorianCalendar now = new GregorianCalendar();
+	String c_date = String.format("%TF", now);//yyyy-mm-dd
+ 	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+
+ 	 realFolder = scontext.getRealPath(saveFolder);
+	 realFolder = "/home/apply/upload/main/";	
+	 
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+ 
+ 		 
+        Enumeration files = multi.getFileNames();
+        while( files.hasMoreElements() ){
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+		
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			fileName     = fName;
+		
+        }
+	  if(fileName == null){
+			fileName = "";
+		}
+	String c_relation	= r_call(multi.getParameter("c_relation")); 
+	String c_home	= r_call(multi.getParameter("c_home")); 
+	String c_maker	= r_call(multi.getParameter("c_maker")); 
+	String c_name	= r_call(multi.getParameter("c_name")); 
+	String c_title1	= r_call(multi.getParameter("c_title1")); 
+	String c_title2	= r_call(multi.getParameter("c_title2")); 
+	String c_view	= r_call(multi.getParameter("c_view")); 
+	String c_exp	= r_call2(multi.getParameter("c_exp")); 
+	
+
+	int c_order = 1;
+	String sql_ok = "select max(c_order) as max_order from tbl_image ";
+	ResultSet rss = stmt.executeQuery(sql_ok);
+	if(rss.next()){
+		c_order = rss.getInt("max_order") + 1;
+	} 
+	rss.close();
+	
+	if(c_view.equals("0")){
+		sql_ok = "update tbl_image set c_view = 1 where c_home = " + c_home + " and c_maker = " + c_maker +" and c_relation = " + c_relation + " ";
+		stmt.execute(sql_ok); 
+	}	
+	sql_ok = "insert into tbl_image (c_home,c_maker,c_relation,c_file,c_name,c_title1,c_title2,c_exp,c_order,c_view,c_date) values(";
+	sql_ok = sql_ok + c_home + " ";
+	sql_ok = sql_ok + ","+ c_maker + " ";
+	sql_ok = sql_ok + ","+ c_relation + " ";
+	sql_ok = sql_ok + ",'"+ fileName + "' ";
+	sql_ok = sql_ok + ",'"+ c_name + "' ";
+	sql_ok = sql_ok + ",'"+ c_title1 + "' ";
+	sql_ok = sql_ok + ",'"+ c_title2 + "' ";
+	sql_ok = sql_ok + ",'"+ c_exp + "' ";
+	sql_ok = sql_ok + ",0 ";
+	sql_ok = sql_ok + ","+ c_view + " ";
+	sql_ok = sql_ok + ",now()";
+	sql_ok = sql_ok + ")";
+	stmt.execute(sql_ok); 
+	
+%>
+
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/main/text/list.jsp b/resoft/field_manager_new/process/main/text/list.jsp
new file mode 100644
index 0000000..53f87fb
--- /dev/null
+++ b/resoft/field_manager_new/process/main/text/list.jsp
@@ -0,0 +1,103 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	 
+	 String c_home = r_call(request.getParameter("c_home"));
+	 String c_maker = r_call(request.getParameter("c_maker"));
+	 String c_image = "0" ;
+	 if(c_image == null || c_image.equals("")){
+	 	%>
+	 	
+	 	<%
+	 }else{
+	 
+%>
+ 
        
+ 
        
+ 
        
+ 
        
+ 		
+    	
+        
+        
+         
        
+        <%
+        	int c_main_type = 0;
+        	String sql_ok2 = "select  c_name, c_eng_name, c_main_type from tbl_field where c_no =  " + c_home  ;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+			c_main_type= rss.getInt("c_main_type");
+		%>
+        	<%=rss.getString("c_name")%> / <%=rss.getString("c_eng_name")%> 메인 / Text 관리
+		<%
+		} 
+		rss.close();
+	%>
+		
        
+		
        
+		
+         
        
+ 		
+    	
+        
+         
+        
+       
+       
+      
+	
+	 
+	<%
+		int old_order = 0;	
+		 String sql1="  SELECT * from tbl_image where c_home = "+ c_home +" and c_maker = "+ c_maker +" and c_relation = "+ c_image +"    order by c_order asc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int n_order = 0; 
+		 while (rst.next()) {
+		 	 n_order= n_order + 1;
+	%>
+	 
+	    	
+			
+			 
+			
+			
+			
+			 
+		
+		
+	    	
+	        
+
+	<%
+		 old_order = rst.getInt("c_order");
+		 }
+		 rst.close();
+	 %>
+
+    
+    	
+		
+        
+    		
+     
+
        NoText적용삭제
        <%=n_order%>
+				
        
+				<%=rst.getString("c_exp")%>
+				
        
+			        		
+				<%if(rst.getInt("c_view") == 0){%>
+					
+					[적용됨]
+				<%}else{%>
+					">[미적용]
+				<%}%>
+			'}">[삭제]
        
+			Text 등록
+			메인관리로 가기
+			 
+		
        
+<%}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/member/list.jsp b/resoft/field_manager_new/process/member/list.jsp
new file mode 100644
index 0000000..d0a5196
--- /dev/null
+++ b/resoft/field_manager_new/process/member/list.jsp
@@ -0,0 +1,204 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	int col_no = 10;
+	 String c_home = r_call(request.getParameter("c_home"));
+	if(c_home.equals("")){
+%>
+		alert("잘못 된 접속입니다.")
+		location.href="/"
+<%	}else{
+
+%>
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  회원 목록 - 
+        	  <%if(c_home.equals("t")){%>
+        	  	전체 회원
+        	  <%}%>
+        	  <%if(c_home.equals("0")){%>
+        	  	BCB를 통한 가입 회원
+        	  <%}%>
+        	  <%if(!c_home.equals("0") && !c_home.equals("t")){
+        	  	 String sql_home="  SELECT * from tbl_field where c_no = " + c_home;
+			 ResultSet rs_home = stmt.executeQuery(sql_home);
+			 if(rs_home.next()) {
+			 %>
+			 	[ <%=rs_home.getString("c_name")%>(<%=rs_home.getString("c_eng_name")%>) ]를 통한 가입 회원
+			 <%
+        	  	 }
+        	  	 rs_home.close();
+        	  %>
+        	  <%}%>
+         
        
+
+	 
+		
+	
+    	
+        
+        
+        
+        
        
+        	  
+        	  * 회원 정보는 개인정보입니다. 취급에 주의를 요합니다.
+        	  
+         
        
+ 		
+    	
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+	<%
+		 String para_t = "&c_home=" + c_home; 
+		 String where_t = ""; 
+		 if(c_home.equals("t")){ 
+			 where_t = " c_use = 0  ";
+		 }else{
+			 where_t = " c_use = 0 and c_from = "+ c_home +" ";
+		 }
+		 int totalRecord = 0; //총레코드개수
+		int numPerPage = 20; //한페이지당 보여줄레코드개수
+		int totalPage = 0; //총페이지수
+		int pagePerBlock = 10; //블록당페이지수
+		int nowPage = 1; //현재페이지
+		
+		String sql1 = "";
+		sql1 = " select count(a.c_no) ";
+			sql1 = sql1 + " from tbl_member a  ";
+			sql1 = sql1 + " where  "+ where_t +"  ";
+		ResultSet rst = stmt.executeQuery(sql1);
+		if (rst.next()) {
+			totalRecord = rst.getInt(1);
+		}
+		rst.close();
+		if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) {
+			nowPage = Integer.parseInt(r_call(request.getParameter("nowPage")));
+		}
+		
+		//nowPage = 93;
+		//totalRecord =1240;
+		int pfirst = 0; //첫페이지 번호
+		int plast = 0; // 끝페이지 번호
+		int plast_org = 0;
+	
+		pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1;
+		plast = pfirst + pagePerBlock - 1;
+		plast_org = (totalRecord-1)/numPerPage + 1;
+		if(plast > plast_org){
+			plast = plast_org;
+		}
+		int c_number=totalRecord-(nowPage-1)*numPerPage;
+		
+		int sql_now_page = (nowPage - 1) * numPerPage;
+
+		
+		 
+	
+		  	 sql1="";
+			 sql1 = "SELECT a.* ";
+			 sql1 = sql1 + ",(select c_name from tbl_field where c_no = a.c_from ) as home_name ";
+			 sql1 = sql1 + " from tbl_member a ";
+			 sql1 = sql1 + " where  " + where_t +" order by  c_rand asc";
+		 
+		 	 rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+			
+			
+			
+			
+			
+			
+			
+		
+	<%
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rst.close();
+	 %>
+        
        No회원명ID전화홈페이지사진현재상태가입일가입경로
        <%=i_no%><%=rst.getString("c_name")%><%=rst.getString("c_id")%><%=rst.getString("c_phone")%><%=rst.getString("c_home")%>
+				<%if(!rst.getString("c_photo").equals("")){%>
+					" width=80>
+				<%}%>
+			
+				<%if(rst.getInt("c_rand") == 0){%>
+					가입완료
+				<%}else{%>
+					가입대기
+				<%}%>
+			<%=rst.getString("c_date").substring(0,10)%>
+				<%if(rst.getInt("c_from") == 0){%>
+					BCB
+				<%}else{%>
+					<%=rst.getString("home_name")%>
+				<%}%>
+			
        자료가 없습니다.
        
+
+         
        
+         	
+         
+    	 
+		
+        
+	    	
+	    
        
+			
+	        	
+			<%if(pfirst > 1){ %>
+			
+			
+			<%}%>
+	        	<% for(int i=pfirst;i
+	        	 
+	        	<%}%>
+	        	<%if(plast < plast_org){ %>
+			
+			
+			<%}%>
+			
+			
        
+				〈〈
+			
+				〈
+			
+	        		<% if(i==nowPage){%>
+	        		<%=i%>
+	        		<%}else{%>
+	        		<%=i%>
+				<%}%>
+	        	
+				〉
+			
+				〉〉
+			
        			 
+		
        
+
        
+<%}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/menu/change.jsp b/resoft/field_manager_new/process/menu/change.jsp
new file mode 100644
index 0000000..aec8988
--- /dev/null
+++ b/resoft/field_manager_new/process/menu/change.jsp
@@ -0,0 +1,21 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+ 	String c_home	= r_call(request.getParameter("c_home")); 
+	String c_maker	= r_call(request.getParameter("c_maker")); 
+ 
+	String c_no	= r_call(request.getParameter("c_no")); 
+	String c_name	= r_call(request.getParameter("name")); 
+	String c_value	= r_call(request.getParameter("value")); 
+	 
+	 
+	String sql_ok = "update tbl_menu set "+ c_name +" = "+ c_value +" where c_no = "+ c_no ;
+	stmt.execute(sql_ok); 
+	
+%>
+
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/menu/change2.jsp b/resoft/field_manager_new/process/menu/change2.jsp
new file mode 100644
index 0000000..01440ab
--- /dev/null
+++ b/resoft/field_manager_new/process/menu/change2.jsp
@@ -0,0 +1,21 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+ 	 String c_rel = r_call(request.getParameter("c_rel"));
+	 if(c_rel == null || c_rel.equals("")){
+	 	c_rel = "0";
+	 }
+	String c_no	= r_call(request.getParameter("c_no")); 
+	String c_view	= r_call(request.getParameter("c_view")); 
+	 
+	 
+	String sql_ok = "update tbl_m_image set c_view = "+ c_view +" where c_no = "+ c_no ;
+	stmt.execute(sql_ok); 
+	 
+%>
+
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/menu/change_order.jsp b/resoft/field_manager_new/process/menu/change_order.jsp
new file mode 100644
index 0000000..37a21f9
--- /dev/null
+++ b/resoft/field_manager_new/process/menu/change_order.jsp
@@ -0,0 +1,40 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home	= r_call(request.getParameter("c_home")); 
+	String c_maker	= r_call(request.getParameter("c_maker")); 
+ 	String y	= r_call(request.getParameter("y")); 
+	String c_no	= r_call(request.getParameter("c_no")); 
+	String c_up_no	= r_call(request.getParameter("c_up_no")); 
+	String now_order	= r_call(request.getParameter("now_order")); 
+	String change_order	= r_call(request.getParameter("change_order")); 
+	 
+	 
+	String sql_ok = "update tbl_menu set c_order = 10000 where c_up_no = "+ c_up_no +" and  c_order = "+ change_order + " and c_home = " + c_home + " and c_maker = " + c_maker;
+	stmt.execute(sql_ok); 
+	sql_ok = "update tbl_menu set c_order = " + change_order + " where  c_up_no = "+ c_up_no +" and    c_order = "+ now_order + " and c_home = " + c_home + " and c_maker = " + c_maker ;
+	stmt.execute(sql_ok); 
+	sql_ok = "update tbl_menu set c_order = " + now_order + " where  c_up_no = "+ c_up_no +" and   c_order = 10000" + " and c_home = " + c_home + " and c_maker = " + c_maker  ;
+	stmt.execute(sql_ok); 
+	if(!c_no.equals("")){
+		sql_ok = "update tbl_menu set c_content = '" + c_no + "' where  c_no = "+ c_up_no +" "  + " and c_home = " + c_home + " and c_maker = " + c_maker ;
+		stmt.execute(sql_ok); 
+		if(y.equals("1")){
+			sql_ok = "select c_up_no from tbl_menu where c_no = "+ c_up_no +" " + " and c_home = " + c_home + " and c_maker = " + c_maker;
+			ResultSet rst3 = stmt.executeQuery(sql_ok);
+			if(rst3.next()){
+				if(rst3.getInt("c_up_no")>0){
+					sql_ok = "update tbl_menu set c_content = '" + c_no + "' where  c_no = "+ rst3.getInt("c_up_no") +" "   + " and c_home = " + c_home + " and c_maker = " + c_maker;
+					stmt.execute(sql_ok); 
+				}
+			}
+			rst3.close();
+		}
+	}
+%>
+
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/menu/delete.jsp b/resoft/field_manager_new/process/menu/delete.jsp
new file mode 100644
index 0000000..d640684
--- /dev/null
+++ b/resoft/field_manager_new/process/menu/delete.jsp
@@ -0,0 +1,22 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+		String c_home	= r_call(request.getParameter("c_home")); 
+		String c_maker	= r_call(request.getParameter("c_maker")); 
+ 		String c_no = r_call(request.getParameter("c_no"));
+	
+		String sql_ok = "delete from tbl_menu  where c_up_no = "+ c_no;
+		stmt.execute(sql_ok);
+		sql_ok = "delete from tbl_menu  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	 
+
+ %> 
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/menu/edit.jsp b/resoft/field_manager_new/process/menu/edit.jsp
new file mode 100644
index 0000000..927f25c
--- /dev/null
+++ b/resoft/field_manager_new/process/menu/edit.jsp
@@ -0,0 +1,160 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+ <%
+	String c_home	= r_call(request.getParameter("c_home")); 
+	String c_maker	= r_call(request.getParameter("c_maker")); 
+	String c_up_no	= r_call(request.getParameter("c_up_no")); 
+	String c_no	= r_call(request.getParameter("c_no")); 
+	if(c_up_no.equals("")){
+%>
+		
+<%	
+	}else{
+ 
+ 	String up_name = "";
+ 	String sql = "select c_name from tbl_menu where c_no = " + c_up_no + "";
+ 	ResultSet rs = stmt.executeQuery(sql);
+ 	if(rs.next()){
+ 		up_name = rs.getString("c_name");
+ 	}
+ 	rs.close();
+ 	sql = "select * from tbl_menu where c_no = " + c_no + "";
+ 	rs = stmt.executeQuery(sql);
+ 	if(rs.next()){
+ %>
+
+
        
+


        
+
+	 
+ 	 
+	
+	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	 
+	 
+ 	
         상위메뉴  <%=up_name%> 
         명칭  "/> 
         Type 
+ 		checked<%}%>>UP Menu
+ 			  
+ 		checked<%}%>>Contents File
+ 			  
+ 		checked<%}%>>Contents(직접입역)
+ 			  
+ 		checked<%}%>>Process
+ 			  
+ 		checked<%}%>>내부 Link
+ 			  
+ 		checked<%}%>>외부 Link
+ 	 
         
        Contents 파일
                  		 
+ 			
+ 			
        
+ 				<%if(rs.getInt("c_type")==1){%> 
+ 					<%=rs.getString("c_content")%><%}%>" type="hidden">
+	 				현재파일 : <%=rs.getString("c_content")%>
        변경 : 
+ 				<%}%>
+ 				
+ 				
        * jsp 파일, 영문파일명 이용, Char. type을 상단에 utf-8 넣어주어야합니다.
+ 			
        
+ 			
+ 			
+ 			
+			
+ 	  
        사용여부 
+ 		 사용여부는 목록에서 바로 수정해 주세요..
+ 	
        
+ 	
+ 	
+    		
+        
+	 
+	 
        
+			메뉴수정
+			취소
+		
        
+<%
+	}
+ 	rs.close();
+	}
+%> 
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/menu/edit_ok.jsp b/resoft/field_manager_new/process/menu/edit_ok.jsp
new file mode 100644
index 0000000..07c3067
--- /dev/null
+++ b/resoft/field_manager_new/process/menu/edit_ok.jsp
@@ -0,0 +1,105 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ page import="java.util.GregorianCalendar" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+
+	GregorianCalendar now = new GregorianCalendar();
+	String c_date = String.format("%TF", now);//yyyy-mm-dd
+ 	String fileName     = "";
+ 	String imageName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/menu_file/";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+
+ 	 realFolder = scontext.getRealPath(saveFolder);
+		
+	 
+	 realFolder = "/home/project/menu_file/";
+	 realFolder = "/home/project/cms_for_bcb/contents/";
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+ 
+ 		 
+        Enumeration files = multi.getFileNames();
+	int ty = 0;
+        while( files.hasMoreElements() ){
+		ty = ty + 1;
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+		
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+		if(ty == 1){	
+			fileName     = fName;
+		}else{
+			imageName 	= fName;
+		}
+        }
+	  if(fileName == null){
+			fileName = "";
+		}
+	 if(imageName == null){
+			imageName = "";
+		}
+		
+	String c_home	= r_call(multi.getParameter("c_home")); 
+	String c_maker	= r_call(multi.getParameter("c_maker")); 
+	String old_file	= r_call(multi.getParameter("old_file")); 
+	String c_up_no	= r_call(multi.getParameter("c_up_no")); 
+	String c_no	= r_call(multi.getParameter("c_no")); 
+	String c_name	= r_call(multi.getParameter("c_name")); 
+	String c_type	= r_call(multi.getParameter("c_type")); 
+	String c_content2	= r_call(multi.getParameter("c_content2")); 
+	String c_content3	= r_call(multi.getParameter("c_content3")); 
+	String c_content4	= r_call(multi.getParameter("c_content4")); 
+	String c_content5	= r_call2(multi.getParameter("c_content5")); 
+	String c_content	= ""; 
+	if(c_type.equals("1")){
+		if(fileName.equals("")){
+			c_content	= old_file;
+		}else{
+			c_content	= fileName;
+		}
+	}
+	if(c_type.equals("2") ){
+		c_content	= c_content2;
+	}
+	if(c_type.equals("3")){
+		c_content	= c_content3;
+	}
+	if(c_type.equals("4")){
+		c_content	= c_content4;
+	}
+	if(c_type.equals("5")){
+		c_content	= c_content5;
+	}
+	 
+	String sql_ok = "update tbl_menu set ";
+	sql_ok = sql_ok + "c_name = '"+ c_name + "' ";
+	sql_ok = sql_ok + ",c_type = "+ c_type + " ";
+	if(!c_content.equals("x") ){
+	sql_ok = sql_ok + ",c_content = '"+ c_content + "' ";
+	}
+	sql_ok = sql_ok + "where c_no = " + c_no;
+	stmt.execute(sql_ok); 
+	
+%>
+
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/menu/insert.jsp b/resoft/field_manager_new/process/menu/insert.jsp
new file mode 100644
index 0000000..4d13886
--- /dev/null
+++ b/resoft/field_manager_new/process/menu/insert.jsp
@@ -0,0 +1,176 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+
+<%
+	String c_home	= r_call(request.getParameter("c_home")); 
+	String c_maker	= r_call(request.getParameter("c_maker")); 
+
+	String c_up_no	= r_call(request.getParameter("c_up_no")); 
+	if(c_up_no.equals("")){
+%>
+		
+<%	
+	}else{
+ 
+ 	String up_name = "";
+ 	 
+ 	if(c_up_no.equals("0")){
+ 		up_name = "최상위 메뉴";
+ 	}else{
+ 	String sql = "select c_name from tbl_menu where c_no = " + c_up_no + "";
+ 	ResultSet rs = stmt.executeQuery(sql);
+ 	if(rs.next()){
+ 		up_name = rs.getString("c_name");
+ 	}
+ 	rs.close();
+ 	
+ 	}
+ %>
+
+
        
+


        
+
+ 	
+ 	 
+	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+	 
+ 	
         상위메뉴  <%=up_name%> 
         명칭   
         Type 
+ 		checked<%}%>>UP Menu
+ 		 <%if(!c_up_no.equals("0")){%>
+ 		 	  
+ 		checked<%}%>>Contents File
+ 			  
+ 		Contents(직접입역)
+ 			  
+ 		Process
+ 			  
+ 		내부 Link
+ 			  
+ 		외부 Link
+		<%}%>
+ 	 
         
        Contents 파일
                  		 
+ 			
        block<%}else{%>none<%}%>">
+ 				* Up Menu의 경우 하위 메뉴를 반드시 만들어 주시기 바랍니다.
+ 			
        
+ 			
        block<%}else{%>none<%}%>">
+ 				
+ 				
        * jsp 파일, 영문파일명 이용, Char. type을 상단에 utf-8 넣어주어야합니다.
+ 			
        
+ 			
+ 			
+ 			
+ 			
+ 	  
        사용여부 
+ 		예
+  			  
+		아니오
+ 	
        
+ 	
+ 	
+    		
+        
+	 
+	 
        
+			메뉴등록
+			취소
+		
        
+<%
+	}
+%> 
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/menu/insert_b.jsp b/resoft/field_manager_new/process/menu/insert_b.jsp
new file mode 100644
index 0000000..770afbd
--- /dev/null
+++ b/resoft/field_manager_new/process/menu/insert_b.jsp
@@ -0,0 +1,145 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+ <%
+	String c_up_no	= r_call(request.getParameter("c_up_no")); 
+	String c_home	= r_call(request.getParameter("c_home")); 
+	String c_maker	= r_call(request.getParameter("c_maker")); 
+
+	if(c_up_no.equals("")){
+%>
+		
+<%	
+	}else{
+ 
+ 	String up_name = "";
+ 	String sql = "select c_name from tbl_menu where c_no = " + c_up_no + "";
+ 	ResultSet rs = stmt.executeQuery(sql);
+ 	if(rs.next()){
+ 		up_name = rs.getString("c_name");
+ 	}
+ 	rs.close();
+ %>
+
+	 
        메뉴 등록
        
+ 	
+ 	 
+	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+	 
+ 	
         상위메뉴  <%=up_name%> 
         명칭   
         Type 
+ 		UP Menu
+ 			  
+ 		Contents
+ 			  
+ 		Process
+ 			  
+ 		외부 Link
+ 	 
         
        Contents 파일
                  		 
+ 			
+ 			
        
+ 				
+ 				
        * jsp 파일, 영문파일명 이용, Char. type을 상단에 utf-8 넣어주어야합니다.
+ 			
        
+ 			
+ 			
+ 	  
        안내문구 
+		
+ 	
        상단이미지 
+		
+		
        * 높이는 95px 너비는 350px 이하로 영문 파일명으로 해 주세요.
+ 	
        상단이미지 링크 
+		
+ 	
        사용여부 
+ 		예
+  			  
+		아니오
+ 	
        
+ 	
+ 	
+    		
+        
+	 
+	 
        
+			메뉴등록
+			취소
+		
        
+<%
+	}
+%> 
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/menu/insert_ok.jsp b/resoft/field_manager_new/process/menu/insert_ok.jsp
new file mode 100644
index 0000000..df4ef58
--- /dev/null
+++ b/resoft/field_manager_new/process/menu/insert_ok.jsp
@@ -0,0 +1,117 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ page import="java.util.GregorianCalendar" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%
+
+	GregorianCalendar now = new GregorianCalendar();
+	String c_date = String.format("%TF", now);//yyyy-mm-dd
+ 	String fileName     = "";
+ 	String imageName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/menu_file/";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+
+ 	 realFolder = scontext.getRealPath(saveFolder);
+	 realFolder = "/home/project/cms_for_bcb/contents/";
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+ 
+ 		 
+        Enumeration files = multi.getFileNames();
+	int ty = 0;
+        while( files.hasMoreElements() ){
+		ty = ty + 1;
+			String name  = (String)files.nextElement();
+			String fName = multi.getFilesystemName( name );
+		
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+		if(ty == 1){	
+			fileName     = fName;
+		}else{
+			imageName 	= fName;
+		}
+        }
+	  if(fileName == null){
+			fileName = "";
+		}
+	 if(imageName == null){
+			imageName = "";
+		}
+	String c_home	= r_call(multi.getParameter("c_home")); 
+	String c_maker	= r_call(multi.getParameter("c_maker")); 
+	String c_up_no	= r_call(multi.getParameter("c_up_no")); 
+	String c_name	= r_call(multi.getParameter("c_name")); 
+	String c_type	= r_call(multi.getParameter("c_type")); 
+	String c_content2	= r_call(multi.getParameter("c_content2")); 
+	String c_content3	= r_call(multi.getParameter("c_content3")); 
+	String c_content4	= r_call(multi.getParameter("c_content4")); 
+	String c_content5	= r_call2(multi.getParameter("c_content5")); 
+	String c_use	= r_call(multi.getParameter("c_use")); 
+	String c_content	= ""; 
+	if(c_type.equals("1")){
+		c_content	= fileName;
+	}
+	if(c_type.equals("2")){
+		c_content	= c_content2;
+	}
+	if(c_type.equals("3")){
+		c_content	= c_content3;
+	}
+	if(c_type.equals("4")){
+		c_content	= c_content4;
+	}
+	if(c_type.equals("5")){
+		c_content	= c_content5;
+	}
+	int c_no = 1;
+	int c_order = 1;
+	int cc_relation = 1;
+	int cc_relation2 = 1;
+	String sql_ok = "select  max(c_order) as max_order  from tbl_menu where c_home = "+ c_home + " and c_maker = " + c_maker ;
+	ResultSet rss = stmt.executeQuery(sql_ok);
+	if(rss.next()){
+		c_order = rss.getInt("max_order") + 1;
+	} 
+	rss.close();
+	sql_ok = "select    max(c_relation) as max_relation, max(c_relation2) as max_relation2 from tbl_menu " ;
+	rss = stmt.executeQuery(sql_ok);
+	if(rss.next()){
+		cc_relation = rss.getInt("max_relation") + 1;
+		cc_relation2 = rss.getInt("max_relation2") + 1;
+	} 
+	rss.close();
+	sql_ok = "insert into tbl_menu (c_home,c_maker,c_up_no,c_order,c_relation,c_relation2,c_type,c_name,c_content,c_view,c_use,c_date) values(";
+	sql_ok = sql_ok + c_home + " ";
+	sql_ok = sql_ok + ","+ c_maker + " ";
+	sql_ok = sql_ok + ","+ c_up_no + " ";
+	sql_ok = sql_ok + ","+ c_order + " ";
+	sql_ok = sql_ok + ","+ cc_relation + " ";
+	sql_ok = sql_ok + ","+ cc_relation2 + " ";
+	sql_ok = sql_ok + ","+ c_type + " ";
+	sql_ok = sql_ok + ",'"+ c_name + "' ";
+	sql_ok = sql_ok + ",'"+ c_content + "' ";
+	sql_ok = sql_ok + ",0,"+ c_use + " ";
+	sql_ok = sql_ok + ",now())";
+	stmt.execute(sql_ok); 
+	
+%>
+
+
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/menu/list.jsp b/resoft/field_manager_new/process/menu/list.jsp
new file mode 100644
index 0000000..a1755f4
--- /dev/null
+++ b/resoft/field_manager_new/process/menu/list.jsp
@@ -0,0 +1,305 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+
+<%
+	String c_home	= r_call(request.getParameter("c_home")); 
+	String c_maker	= r_call(request.getParameter("c_maker")); 
+
+	if(c_home.equals("") || c_maker.equals("")){
+	%>
+	
+	<%
+	}else{
+
+	Statement stmt3=conn.createStatement();
+	int old_order2 = 0; 
+	int old_order3 = 0;
+	int order2 = 0; 
+	int order3 = 0; 
+%>
+ 
        
+ 		
+    	
+        
+        
        
+        <%
+        	String sql_ok2 = "select  c_name, c_eng_name from tbl_field where c_no =  " + c_home  ;
+		ResultSet rss = stmt.executeQuery(sql_ok2);
+		if(rss.next()){
+		%>
+        	<%=rss.getString("c_name")%> / <%=rss.getString("c_eng_name")%> 메뉴 관리
+		<%
+		} 
+		rss.close();
+	%>
+         
        
+ 		
+    	
+        
+        
+         
+        
+        
+        
+        
+        
+        
+ 	
+	 
+	<%
+		int order1 = 0;
+		int old_order1 = 0;
+		 String sql1="  SELECT * from tbl_menu where c_up_no = 0 and c_home="+ c_home +" and c_maker = "+ c_maker +"  order by c_order asc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 while (rst.next()) {
+		 	 order1 = order1 + 1 ;
+	%>
+	    	
+			
+			
+			
+			
+			
+			
+			
+			
+			
+		
+				<%
+					old_order1 = rst.getInt("c_order");
+				%>
+		
+	    	
+	        
+	        <%
+	        	order2 = 0;
+	        	old_order2 = 0;
+			 String sql12="  SELECT * from tbl_menu where c_up_no = "+ rst.getInt("c_no") +"   order by c_order asc";
+			 ResultSet rst2 = stmt2.executeQuery(sql12);
+			 while (rst2.next()) {
+				 order2 = order2 + 1 ;
+		%>
+		    	
+				
+				
+				
+				 
+				
+				
+				
+				
+				
+				<%
+					old_order2 = rst2.getInt("c_order");
+				%>
+			
+			
+		    	
+		        
+		         <%
+	       	        	order3 = 0;
+		        	old_order3 = 0;
+				 String sql13="  SELECT * from tbl_menu where c_up_no = "+ rst2.getInt("c_no") +"   order by c_order asc";
+				 ResultSet rst3 = stmt3.executeQuery(sql13);
+				 while (rst3.next()) {
+					 order3 = order3 + 1 ;
+			%>
+			    	
+					
+					
+					
+					 
+					
+					
+					
+					
+					
+				<%
+					old_order3 = rst3.getInt("c_order");
+				%>
+
+				
+				
+			    	
+			        
+			<%
+				 }
+				 rst3.close();
+			 %>
+		<%
+			 }
+			 rst2.close();
+		 %>
+	<%
+		 }
+		 rst.close();
+	 %>
+
+
        메뉴명TypeUsing Content사용/미사용하위등록수정삭제순서
        <%=rst.getString("c_name")%>
+			
+			
+						<%//if(rst.getInt("c_fix") == 1){%>
+													
+						<%//}else{%>
+							<%if(rst.getInt("c_use") == 0){%>
+								&c_home=<%=c_home%>&c_maker=<%=c_maker%>'}">사용
+							<%}else{%> 
+								&c_home=<%=c_home%>&c_maker=<%=c_maker%>'}">미사용
+							<%}%> 
+						<%//}%> 
+			
+				&c_level=2&c_home=<%=c_home%>&c_maker=<%=c_maker%>">[하위등록]
+			
+						<%if(rst.getInt("c_fix") == 1){%>
+													
+						<%}else{%>
+							&c_home=<%=c_home%>&c_maker=<%=c_maker%>">[수정]
+						<%}%> 
+			
+						<%if(rst.getInt("c_fix") == 1){%>
+													
+						<%}else{%>
+							 
+								&c_home=<%=c_home%>&c_maker=<%=c_maker%>'}">[삭제]
+							 
+						<%}%>
+			
+					<%if(order1 > 1){%>
+						<%=rst.getString("c_content")%><%}else{%><%=rst.getInt("c_no")%><%}%>&<%}%>c_up_no=<%=rst.getInt("c_up_no")%>&now_order=<%=rst.getInt("c_order")%>&change_order=<%=old_order1%>&c_home=<%=c_home%>&c_maker=<%=c_maker%>">▲
+					<%}%>
+			
        <%=rst2.getString("c_name")%>
+					<%if(rst2.getInt("c_type") == 0){%>
+						Up Menu
+					<%}%> 
+					<%if(rst2.getInt("c_type") == 1){%>
+						Contents
+					<%}%> 
+					<%if(rst2.getInt("c_type") == 2){%>
+						Process
+					<%}%> 
+					<%if(rst2.getInt("c_type") == 3){%>
+						Int. Link
+					<%}%> 
+					<%if(rst2.getInt("c_type") == 4){%>
+						Ext. Link
+					<%}%> 
+					<%if(rst2.getInt("c_type") == 5){%>
+						Direct Contents
+					<%}%> 
+				
+					<%if(rst2.getInt("c_type") > 0){%>
+						<%if(rst2.getInt("c_type") == 5){%>
+							 수정에서 확인
+						<%}else{%> 
+						 
+							<%if(rst2.getString("c_content").length() > 20){%>
+								<%=rst2.getString("c_content").substring(0,20)%>..
+							<%}else{%>
+								<%=rst2.getString("c_content")%>
+							<%}%> 
+						<%}%> 
+					<%}%> 
+				
+					<%if(rst2.getInt("c_use") == 0){%>
+						<%if(order2 > 1){%>
+							&c_home=<%=c_home%>&c_maker=<%=c_maker%>'}">사용
+						<%}else{%>
+							사용
+						<%}%>
+					<%}else{%> 
+						&c_home=<%=c_home%>&c_maker=<%=c_maker%>'}">미사용
+					<%}%> 
+				
+					<%if(rst2.getInt("c_type") == 0){%>
+						&c_level=3&c_home=<%=c_home%>&c_maker=<%=c_maker%>">[하위등록]
+					<%}%> 
+				
+						<%if(rst2.getInt("c_fix") == 1){%>
+													
+						<%}else{%>
+							&c_no=<%=rst2.getInt("c_no")%>&c_home=<%=c_home%>&c_maker=<%=c_maker%>">[수정]
+						<%}%>
+				
+						<%if(rst2.getInt("c_fix") == 1){%>
+													
+						<%}else{%>
+							<%if(order2 > 1){%>
+								&c_home=<%=c_home%>&c_maker=<%=c_maker%>'}">[삭제]
+							<%}else{%>
+								[삭제]
+							<%}%>
+						<%}%>
+				
+					<%if(order2 > 1){%>
+						<%=rst2.getString("c_content")%><%}else{%><%=rst2.getInt("c_no")%><%}%>&<%}%>c_up_no=<%=rst2.getInt("c_up_no")%>&now_order=<%=rst2.getInt("c_order")%>&change_order=<%=old_order2%>&c_home=<%=c_home%>&c_maker=<%=c_maker%>">▲
+					<%}%>
+				
        <%=rst3.getString("c_name")%>
+						<%if(rst3.getInt("c_type") == 0){%>
+							Up Menu
+						<%}%> 
+						<%if(rst3.getInt("c_type") == 1){%>
+							Contents
+						<%}%> 
+						<%if(rst3.getInt("c_type") == 2){%>
+							Process
+						<%}%> 
+						<%if(rst3.getInt("c_type") == 3){%>
+							Int. Link
+						<%}%> 
+						<%if(rst3.getInt("c_type") == 4){%>
+							Ext. Link
+						<%}%> 
+						<%if(rst3.getInt("c_type") == 5){%>
+							Direct Contents
+						<%}%> 
+					
+						 
+						<%if(rst3.getInt("c_type") > 0){%>
+							<%if(rst3.getInt("c_type") == 5){%>
+								 수정에서 확인
+							<%}else{%> 
+								<%if(rst3.getString("c_content").length() > 20){%>
+									<%=rst3.getString("c_content").substring(0,20)%>..
+								<%}else{%>
+									<%=rst3.getString("c_content")%>
+								<%}%> 
+							<%}%> 
+						<%}%> 
+					
+						<%if(rst3.getInt("c_use") == 0){%>
+							<%if(order3 > 1){%>
+								&c_home=<%=c_home%>&c_maker=<%=c_maker%>'}">사용
+							<%}else{%>
+								사용
+							<%}%>
+						<%}else{%> 
+							&c_home=<%=c_home%>&c_maker=<%=c_maker%>'}">미사용
+						<%}%> 
+					
+						 
+					
+							&c_no=<%=rst3.getInt("c_no")%>&c_home=<%=c_home%>&c_maker=<%=c_maker%>">[수정]
+					
+							
+							<%if(order3 > 1){%>
+								&c_home=<%=c_home%>&c_maker=<%=c_maker%>'}">[삭제]
+							<%}else{%>
+								[삭제]
+							<%}%>
+					
+						<%if(order3 > 1){%>
+							&<%}%>c_up_no=<%=rst3.getInt("c_up_no")%>&now_order=<%=rst3.getInt("c_order")%>&change_order=<%=old_order3%>&c_home=<%=c_home%>&c_maker=<%=c_maker%>">▲
+						<%}%>
+					
        
+[최상위 등록]
+
        
+<%
+	stmt3.close();
+%>
+ 
+<%	}%>
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/menu/view.jsp b/resoft/field_manager_new/process/menu/view.jsp
new file mode 100644
index 0000000..9cf7337
Binary files /dev/null and b/resoft/field_manager_new/process/menu/view.jsp differ
diff --git a/resoft/field_manager_new/process/point/ji/change.jsp b/resoft/field_manager_new/process/point/ji/change.jsp
new file mode 100644
index 0000000..a4d84c7
--- /dev/null
+++ b/resoft/field_manager_new/process/point/ji/change.jsp
@@ -0,0 +1,26 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_point_ji set c_change = 1  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/point/ji/delete.jsp b/resoft/field_manager_new/process/point/ji/delete.jsp
new file mode 100644
index 0000000..c6ea8f8
--- /dev/null
+++ b/resoft/field_manager_new/process/point/ji/delete.jsp
@@ -0,0 +1,26 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_point_ji set c_use = 1  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/point/ji/detail/change.jsp b/resoft/field_manager_new/process/point/ji/detail/change.jsp
new file mode 100644
index 0000000..18f74e6
--- /dev/null
+++ b/resoft/field_manager_new/process/point/ji/detail/change.jsp
@@ -0,0 +1,32 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_ji_no= r_call(request.getParameter("c_ji_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_order = r_call(request.getParameter("c_order"));
+	String o_no = r_call(request.getParameter("o_no"));
+	String o_order = r_call(request.getParameter("o_order"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+
+		String sql_ok = "update tbl_point_ji_detail set c_order = "+ o_order +"  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+		sql_ok = "update tbl_point_ji_detail set c_order = "+ c_order +"  where c_no = "+ o_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/point/ji/detail/delete.jsp b/resoft/field_manager_new/process/point/ji/detail/delete.jsp
new file mode 100644
index 0000000..4aaad2f
--- /dev/null
+++ b/resoft/field_manager_new/process/point/ji/detail/delete.jsp
@@ -0,0 +1,27 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_ji_no= r_call(request.getParameter("c_ji_no"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_point_ji_detail set c_use = 1  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/point/ji/detail/edit.jsp b/resoft/field_manager_new/process/point/ji/detail/edit.jsp
new file mode 100644
index 0000000..af6cf34
--- /dev/null
+++ b/resoft/field_manager_new/process/point/ji/detail/edit.jsp
@@ -0,0 +1,134 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_ji_no = r_call(request.getParameter("c_ji_no")); 
+	String c_up_no = r_call(request.getParameter("c_up_no")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  평가항목 등록
+         
        
+        	
+    	
+        
+        
+        
        
+		<%
+		int change_ok = 0;
+		String sql_ji = "select * from tbl_point_ji where c_home = " +c_home + " and c_no = " + c_ji_no;
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			change_ok = rs_ji.getInt("c_change");
+		%>
+		관리지표 : <%=rs_ji.getString("c_name")%>
+		<%
+		}
+		rs_ji.close();
+		%>
+         
        
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 표시가 있는 항목은 반드시 입력해 주세요.
+        	  
+         
        
+        	<%
+		 sql_ji = "select * from tbl_point_ji_detail where  c_no = " + c_no;
+		 rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+		%>
+ 	
+ 	
+ 	 
+ 	 
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%if(!c_up_no.equals("0")){%>
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%}%>
+ 	
+ 	
         *항목형태 
+ 		<%if(c_up_no.equals("0")){%>
+ 			항목 1
+ 		<%}else{%>
+ 			
+ 			<%
+			String sql_ji2 = "select * from tbl_point_ji_detail where c_no = " + c_up_no;
+			ResultSet rs_ji2 = stmt.executeQuery(sql_ji2);
+			if(rs_ji2.next()){
+			%>
+			<%=rs_ji2.getString("c_title")%>의 하위 항목
+			<%
+			}
+			rs_ji2.close();
+			%>
+ 		<%}%>
+ 	
         *항목명 " id="" style="width:300px" maxlength="50"/> 
         *설명 
+ 		 
+ 	
         *배점 
+ 		점
+ 	
        
+ 	<%}
+		rs_ji.close();
+	%>
+
+	
+ 	
+    		
+        
+	 
+	 
        
+			수정
+			취소
+		
        
+
        
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/point/ji/detail/edit_ok.jsp b/resoft/field_manager_new/process/point/ji/detail/edit_ok.jsp
new file mode 100644
index 0000000..754172c
--- /dev/null
+++ b/resoft/field_manager_new/process/point/ji/detail/edit_ok.jsp
@@ -0,0 +1,35 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+	String c_ji_no = r_call(request.getParameter("c_ji_no")); 
+	String c_up_no = r_call(request.getParameter("c_up_no")); 
+	String c_exp = r_call(request.getParameter("c_exp")); 
+	String c_point = r_call(request.getParameter("c_point")); 
+
+		
+		String sql_ok = "";
+		sql_ok = "update tbl_point_ji_detail set ";
+		sql_ok = sql_ok + " c_title = '" + c_name + "' "; 
+
+		if(!c_up_no.equals("0")){
+			sql_ok = sql_ok + ", c_exp = '" + c_exp + "' "; 
+			sql_ok = sql_ok + ", c_point = " + c_point + " "; 
+		}
+		sql_ok = sql_ok + " where c_no = " + c_no; 
+
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/point/ji/detail/insert.jsp b/resoft/field_manager_new/process/point/ji/detail/insert.jsp
new file mode 100644
index 0000000..b83274a
--- /dev/null
+++ b/resoft/field_manager_new/process/point/ji/detail/insert.jsp
@@ -0,0 +1,123 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_ji_no = r_call(request.getParameter("c_ji_no")); 
+	String c_up_no = r_call(request.getParameter("c_up_no")); 
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  평가항목 등록
+         
        
+        	
+    	
+        
+        
+        
        
+		<%
+		int change_ok = 0;
+		String sql_ji = "select * from tbl_point_ji where c_home = " +c_home + " and c_no = " + c_ji_no;
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			change_ok = rs_ji.getInt("c_change");
+		%>
+		관리지표 : <%=rs_ji.getString("c_name")%>
+		<%
+		}
+		rs_ji.close();
+		%>
+         
        
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 표시가 있는 항목은 반드시 입력해 주세요.
+        	  
+         
        
+ 	
+ 	
+ 	 
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%if(!c_up_no.equals("0")){%>
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%}%>
+ 	
+ 	
         *항목형태 
+ 		<%if(c_up_no.equals("0")){%>
+ 			항목 1
+ 		<%}else{%>
+ 			<%
+			sql_ji = "select * from tbl_point_ji_detail where c_no = " + c_up_no;
+			rs_ji = stmt.executeQuery(sql_ji);
+			if(rs_ji.next()){
+			%>
+			<%=rs_ji.getString("c_title")%>의 하위 항목
+			<%
+			}
+			rs_ji.close();
+			%>
+ 		<%}%>
+ 	
         *항목명  
         *설명 
+ 		 
+ 	
         *배점 
+ 		점
+ 	
        
+
+	
+ 	
+    		
+        
+	 
+	 
        
+			등록
+			취소
+		
        
+
        
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/point/ji/detail/insert_ok.jsp b/resoft/field_manager_new/process/point/ji/detail/insert_ok.jsp
new file mode 100644
index 0000000..c459b97
--- /dev/null
+++ b/resoft/field_manager_new/process/point/ji/detail/insert_ok.jsp
@@ -0,0 +1,37 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_ji_no = r_call(request.getParameter("c_ji_no")); 
+	String c_up_no = r_call(request.getParameter("c_up_no")); 
+	String c_exp = r_call(request.getParameter("c_exp")); 
+	String c_point = r_call(request.getParameter("c_point")); 
+	if(c_up_no.equals("0")){
+		c_point = "0";
+	} 
+		 int c_order = 1;
+		String sql_ji = "select c_order  from tbl_point_ji_detail where c_ji_no = " + c_ji_no + " and c_up_no = " + c_up_no + "  and c_use = 0 order by c_order desc";
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			c_order = rs_ji.getInt("c_order") + 1;
+		}
+		rs_ji.close();
+	 
+		String sql_ok = "";
+		sql_ok = "insert into tbl_point_ji_detail (c_ji_no,c_up_no,c_title,c_exp,c_point,c_order,c_use,c_date) values(";
+		sql_ok = sql_ok + c_ji_no + ","+  c_up_no +",'" + c_name + "','"+ c_exp+"',"+ c_point +","+ c_order +",0,now())";
+	
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/point/ji/detail/list.jsp b/resoft/field_manager_new/process/point/ji/detail/list.jsp
new file mode 100644
index 0000000..aa2a0f0
--- /dev/null
+++ b/resoft/field_manager_new/process/point/ji/detail/list.jsp
@@ -0,0 +1,188 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_ji_no = r_call(request.getParameter("c_ji_no"));
+	int col_no = 9;
+%>
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  평가 문항 관리
+         
        
+
+ 		
+    	
+        
+        
+        
        
+		<%
+		int change_ok = 0;
+		String sql_ji = "select * from tbl_point_ji where c_home = " +c_home + " and c_no = " + c_ji_no;
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			change_ok = rs_ji.getInt("c_change");
+		%>
+		관리지표 : <%=rs_ji.getString("c_name")%>
+		<%
+		}
+		rs_ji.close();
+		%>
+         
        
+	 
+	 
+ 		
+    	
+        
+        
+        
+        
+        <%if(change_ok == 0){%>
+        
+        
+         
+        
+        <%}%>
+        
+	<%
+		 int total_point = 0;
+		 int o_no = 0;
+		 int o_order = 0;
+		 int o_no2 = 0;
+		 int o_order2 = 0;
+		 
+		 String sql1="  SELECT  * from tbl_point_ji_detail where c_ji_no = " + c_ji_no + " and c_up_no = 0 and c_use=0 order by c_order asc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+			
+			<%if(change_ok == 0){%>
+			
+			
+			
+			 
+			<%}
+				o_no = rst.getInt("c_no");
+				o_order = rst.getInt("c_order");
+			%>
+		
+			<%
+		 
+		 	 o_no2 = 0;
+			 o_order2 = 0;
+
+			 String sql12="  SELECT  * from tbl_point_ji_detail where c_ji_no = " + c_ji_no + " and c_up_no = "+ rst.getInt("c_no") +" and c_use=0 order by c_order asc";
+			 ResultSet rst2 = stmt.executeQuery(sql12);
+			 int i_no2 = 0;
+			 while (rst2.next()) {
+			 	total_point = total_point + rst2.getInt("c_point");
+				i_no2 = i_no2 + 1;
+		%>
+		    	
+				
+				
+				
+				
+				<%if(change_ok == 0){%>
+				
+				
+				
+				 
+				<%}%>
+			
+				 
+		<%		o_no2 = rst2.getInt("c_no");	 
+				o_order2 = rst2.getInt("c_order");
+			 }
+			rst2.close();
+		 %>
+			 
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rst.close();
+	 %>
+	 
+	 
+	 <%if(change_ok == 0){%>
+	 
+	 
+	 <%}%>
+        
        항목1항목2설명배점하위등록수정삭제순서
        
+				<%=rst.getString("c_title")%>
+			
+			 
+			
+			
+				
+					&c_ji_no=<%=c_ji_no%>">[항목2 등록]
+				 
+			
+				 
+					&c_ji_no=<%=c_ji_no%>&c_up_no=0">[수정]
+				 
+			
+				 
+					&c_ji_no=<%=c_ji_no%>'}">[삭제]
+				
+			
+				 	<%if(i_no > 1){%>
+				 		&c_order=<%=rst.getInt("c_order")%>&o_no=<%=o_no%>&o_order=<%=o_order%>">▲
+				 	<%}%>
+			
        
+				
+					<%=rst2.getString("c_title")%>
+				
+					<%=rst2.getString("c_exp").replaceAll("\r","
        ").replaceAll("\n\r","
        ")%>
+				        		
+					<%=rst2.getString("c_point")%>점
+				
+					 
+				
+					<%if(change_ok == 0){%>
+						&c_ji_no=<%=c_ji_no%>&c_up_no=<%=rst2.getInt("c_up_no")%>">[수정]
+					<%}%>
+				
+					<%if(change_ok == 0){%>
+						&c_ji_no=<%=c_ji_no%>'}">[삭제]
+					<%}%>
+				
+					 <%if(i_no2 > 1){%>
+				 		&c_order=<%=rst2.getInt("c_order")%>&o_no=<%=o_no2%>&o_order=<%=o_order2%>">△
+				 	<%}%>
+				
        자료가 없습니다.
        
+	 	합계점수
+	 
+	 	<%=total_point%>점
+	 
        
+
+        	
+    	
+	
+    			
+	
        
+		<%if(change_ok == 0){%>
+		항목1 등록
+		<%}%>
+		지표목록가기
+	
        
+
        
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/point/ji/edit.jsp b/resoft/field_manager_new/process/point/ji/edit.jsp
new file mode 100644
index 0000000..f13c823
--- /dev/null
+++ b/resoft/field_manager_new/process/point/ji/edit.jsp
@@ -0,0 +1,81 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  평가지표 변경
+         
        
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 표시가 있는 항목은 반드시 입력해 주세요.
+        	  
+         
        
+        <%
+        String sql1="  SELECT  * from tbl_point_ji where c_home = " + c_home + " and c_maker = 0 and c_use=0 and c_change=0 and c_no = " + c_no;
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+	%>
+ 	
+ 	
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
         *평가지표 명 " id="" style="width:300px" maxlength="50"/> 
        
+ 	<%	}else{
+ 	%>
+ 	
+ 	<%
+ 		}
+ 		rst.close();
+ 	%>
+
+	
+ 	
+    		
+        
+	 
+	 
        
+			수정
+			취소
+		
        
+
        
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/point/ji/edit_ok.jsp b/resoft/field_manager_new/process/point/ji/edit_ok.jsp
new file mode 100644
index 0000000..d572e09
--- /dev/null
+++ b/resoft/field_manager_new/process/point/ji/edit_ok.jsp
@@ -0,0 +1,22 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+	 
+		String sql_ok = "";
+		sql_ok = "update tbl_point_ji set c_name = '" + c_name + "' where c_no = " + c_no;
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/point/ji/insert.jsp b/resoft/field_manager_new/process/point/ji/insert.jsp
new file mode 100644
index 0000000..4c765ff
--- /dev/null
+++ b/resoft/field_manager_new/process/point/ji/insert.jsp
@@ -0,0 +1,64 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  평가지표 등록
+         
        
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 표시가 있는 항목은 반드시 입력해 주세요.
+        	  
+         
        
+ 	
+ 	
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
         *평가지표 명  
        
+
+	
+ 	
+    		
+        
+	 
+	 
        
+			등록
+			취소
+		
        
+
        
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/point/ji/insert_ok.jsp b/resoft/field_manager_new/process/point/ji/insert_ok.jsp
new file mode 100644
index 0000000..f6c8d8f
--- /dev/null
+++ b/resoft/field_manager_new/process/point/ji/insert_ok.jsp
@@ -0,0 +1,22 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	 
+		String sql_ok = "";
+		sql_ok = "insert into tbl_point_ji (c_home, c_name,c_change,c_use,c_date) values(";
+		sql_ok = sql_ok + c_home + ",'" + c_name + "',0,0,now())";
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/point/ji/list.jsp b/resoft/field_manager_new/process/point/ji/list.jsp
new file mode 100644
index 0000000..049a3c2
--- /dev/null
+++ b/resoft/field_manager_new/process/point/ji/list.jsp
@@ -0,0 +1,95 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	int col_no = 7;
+%>
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  평가지표관리
+         
        
+
+	 
+	 
+ 		
+    	
+        
+        
+        
+        
+        
+         
+        
+	<%
+		 
+		 
+		 String sql1="  SELECT  * from tbl_point_ji where c_home = " + c_home + " and c_maker = 0 and c_use=0 order by c_no desc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+			
+			 
+			
+			
+			
+			
+			 
+			
+		
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rst.close();
+	 %>
+        
        No평가지표명문항관리변경여부수정삭제
        
+				<%=i_no%>
+			
+				"><%=rst.getString("c_name")%>
+			
+					">[문항관리]
+			
+				<%if(rst.getInt("c_change") == 0){%>
+				'}">[변경가능]
+				<%}else{%>
+				변경불가
+				<%}%>
+			
+				<%if(rst.getInt("c_change") == 0){%>
+					">[수정]
+				<%}%>
+			
+				<%if(rst.getInt("c_change") == 0){%>
+					'}">[삭제]
+				<%}%>
+			
+			 
+		
        자료가 없습니다.
        
+
+        	
+    	
+	
+    			
+	
        
+		신규지표 등록
+	
        
+
        
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/point/project/change.jsp b/resoft/field_manager_new/process/point/project/change.jsp
new file mode 100644
index 0000000..5ff3bd4
--- /dev/null
+++ b/resoft/field_manager_new/process/point/project/change.jsp
@@ -0,0 +1,55 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_project_no= r_call(request.getParameter("c_project_no"));
+	String c_now= r_call(request.getParameter("c_now"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		if(c_now.equals("1")){
+			String sql1="  SELECT  a.c_name,(select c_name from tbl_project where c_no = a.c_project_no ) as p_name from tbl_point_project a where a.c_home = " + c_home + " and a.c_maker = 0  and a.c_use=0 and a.c_now = 1";
+		 	ResultSet rst = stmt.executeQuery(sql1);
+		 	if(rst.next()){
+%>
+
+
+<%
+		 	}else{
+		 	
+		String sql_ok = "update tbl_point_project set c_now = "+ c_now +"  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+		 	}
+		 	rst.close();
+		}else{
+		 	
+		String sql_ok = "update tbl_point_project set c_now = "+ c_now +"  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+		
+		}
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/point/project/content.jsp b/resoft/field_manager_new/process/point/project/content.jsp
new file mode 100644
index 0000000..5728aa7
--- /dev/null
+++ b/resoft/field_manager_new/process/point/project/content.jsp
@@ -0,0 +1,35 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	if(c_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c_content from tbl_point_project where c_no = " + c_no;
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
        
+
        
+
        
+	
+
+
+		
+
        
+	<%=rs_up.getString("c_content")%> 	  
+
        
+<%		}
+		rs_up.close();
+	}
+%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/point/project/delete.jsp b/resoft/field_manager_new/process/point/project/delete.jsp
new file mode 100644
index 0000000..9de7e5f
--- /dev/null
+++ b/resoft/field_manager_new/process/point/project/delete.jsp
@@ -0,0 +1,27 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_project_no= r_call(request.getParameter("c_project_no"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_point_project set c_use = 1  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/point/project/edit.jsp b/resoft/field_manager_new/process/point/project/edit.jsp
new file mode 100644
index 0000000..4a1df63
--- /dev/null
+++ b/resoft/field_manager_new/process/point/project/edit.jsp
@@ -0,0 +1,163 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+
+
+<%
+	String c_no = r_call(request.getParameter("c_no")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  평가프로젝트 수정
+         
        
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
         메인필드 
+ 		<%=rs_up.getString("f_name")%>
+ 	
         Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
         Project명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
        
+  <%
+			 
+		}
+		rs_up.close();
+ }
+%>
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 표시가 있는 항목은 반드시 입력해 주세요.
+        	  
+         
        
+        		<%
+ 			 String sql12="  SELECT  * from tbl_point_project where c_home = " + c_home + " and c_maker = 0 and c_use=0 and c_now=0 and c_no = "+ c_no +" ";
+		 	ResultSet rst2 = stmt.executeQuery(sql12);
+		 	 while (rst2.next()){%>
+ 	
+ 	
+ 	 
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
         *평가프로젝트 명 " id="" style="width:300px" maxlength="50"/> 
         *시용지표 
+ 		 * 사용 지표가 없을 경우 지표관리를 먼저 해 주세요. 
+ 	
         *대상분류 
+ 		 * 평가자가 평가 대상을 구분해야할 경우 사용합니다.. 
+ 	
         *서약서 내용 
+ 		
+ 	
        
+ 	<%}
+		 	rst2.close();
+		 	%>
+
+	
+ 	
+    		
+        
+	 
+	 
        
+			수정
+			취소
+		
        
+
        
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/point/project/edit_ok.jsp b/resoft/field_manager_new/process/point/project/edit_ok.jsp
new file mode 100644
index 0000000..06b332a
--- /dev/null
+++ b/resoft/field_manager_new/process/point/project/edit_ok.jsp
@@ -0,0 +1,28 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_ji_no = r_call(request.getParameter("c_ji_no")); 
+	String c_part = r_call(request.getParameter("c_part")); 
+	String c_content = r_call2(request.getParameter("c_content")); 
+	 
+		String sql_ok = "";
+		sql_ok = "update tbl_point_project set c_name='"+ c_name +"',c_ji_no="+ c_ji_no +",c_part="+ c_part +",c_content='"+ c_content +"' ";
+		sql_ok = sql_ok + " where c_now = 0 and c_use = 0 and c_no = " + c_no;
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/point/project/insert.jsp b/resoft/field_manager_new/process/point/project/insert.jsp
new file mode 100644
index 0000000..1f7659f
--- /dev/null
+++ b/resoft/field_manager_new/process/point/project/insert.jsp
@@ -0,0 +1,154 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+
+
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  평가프로젝트 등록
+         
        
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
         메인필드 
+ 		<%=rs_up.getString("f_name")%>
+ 	
         Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
         Project명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
        
+  <%
+			 
+		}
+		rs_up.close();
+ }
+%>
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 표시가 있는 항목은 반드시 입력해 주세요.
+        	  
+         
        
+ 	
+ 	
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
         *평가프로젝트 명  
         *시용지표 
+ 		 * 사용 지표가 없을 경우 지표관리를 먼저 해 주세요. 
+ 	
         *대상분류 
+ 		 * 평가자가 평가 대상을 구분해야할 경우 사용합니다.. 
+ 	
         *서약서 내용 
+ 		
+ 	
        
+
+	
+ 	
+    		
+        
+	 
+	 
        
+			등록
+			취소
+		
        
+
        
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/point/project/insert_ok.jsp b/resoft/field_manager_new/process/point/project/insert_ok.jsp
new file mode 100644
index 0000000..2b3aefc
--- /dev/null
+++ b/resoft/field_manager_new/process/point/project/insert_ok.jsp
@@ -0,0 +1,27 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_ji_no = r_call(request.getParameter("c_ji_no")); 
+	String c_part = r_call(request.getParameter("c_part")); 
+	String c_content = r_call2(request.getParameter("c_content")); 
+	 
+		String sql_ok = "";
+		sql_ok = "insert into tbl_point_project (c_home,c_maker,c_project_no, c_name,c_ji_no,c_part,c_content,c_now,c_use,c_date) values(";
+		sql_ok = sql_ok + c_home + ",0,"+ c_project_no +",'" + c_name + "',"+ c_ji_no +","+ c_part +",'"+ c_content +"',0,0,now())";
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/point/project/list.jsp b/resoft/field_manager_new/process/point/project/list.jsp
new file mode 100644
index 0000000..f03f5e0
--- /dev/null
+++ b/resoft/field_manager_new/process/point/project/list.jsp
@@ -0,0 +1,188 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	int col_no = 12;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  평가프로젝트 관리
+         
        
+
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
         메인필드 
+ 		<%=rs_up.getString("f_name")%>
+ 	
         Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
         Project명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
        
+  <%
+			 
+		}
+		rs_up.close();
+ }
+%>
+		
+    	
+        
+        
+        
        
+        	  * 평가프로젝트 관리
+        
        
+        	 
+ 		
+    	
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+         
+        
+	<%
+		 
+		 
+		 String sql1="  SELECT  a.* ";
+		 sql1 = sql1 + " ,(select c_name from tbl_point_ji where c_no = a.c_ji_no) as ji_name ";
+		 sql1 = sql1 + " ,(select c_no from tbl_point_ji where c_no = a.c_ji_no) as ji_no ";
+		 sql1 = sql1 + " ,(select c_name from tbl_apply_field where c_no = a.c_part) as part_name ";
+		 sql1 = sql1 + " from tbl_point_project a where a.c_home = " + c_home + " and a.c_maker = 0 and a.c_project_no = "+ c_project_no +" and  a.c_use=0 order by a.c_no desc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			 
+			
+		
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rst.close();
+	 %>
+        
        No평가명사용평가지표지표항목
        보기        		평가자
        관리        		평가대상
        관리        		평가구분서약서보기적용/종료결과관리수정삭제
        
+				<%=i_no%>
+			
+				<%=rst.getString("c_name")%>
+			
+				<%=rst.getString("ji_name")%>
+			
+				" target="_blank">[항목보기]
+			
+				">[평가자관리]
+			
+				">[대상관리]
+			
+				<%if(rst.getString("part_name") ==null){%>
+					구분없음
+				<%}else{%>
+					<%=rst.getString("part_name")%>
+				<%}%>
+			
+				" target="_blank">[보기]
+			
+				<%if(rst.getInt("c_now") ==0){%>
+					&c_now=1'}">대기중
+				<%}%>
+				<%if(rst.getInt("c_now") ==1){%>
+					&c_now=2'}">진행중
+				<%}%>
+				<%if(rst.getInt("c_now") ==2){%>
+					종료
+				<%}%>
+
+			
+				<%if(rst.getInt("c_now") >0){%>
+				">[결과관리]
+				<%}%>
+			
+				<%if(rst.getInt("c_now") ==0){%>
+					&c_project_no=<%=c_project_no%>">[수정]
+				<%}%>
+			
+				 <%if(rst.getInt("c_now") ==0){%>
+					'}">[삭제]
+				 <%}%>
+			
+			 
+		
        자료가 없습니다.
        
+
+        	
+    	
+	
+    			
+	
        
+		신규 평가프로젝트 등록
+	
        
+
        
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/point/project/pointer/change.jsp b/resoft/field_manager_new/process/point/project/pointer/change.jsp
new file mode 100644
index 0000000..45c4c22
--- /dev/null
+++ b/resoft/field_manager_new/process/point/project/pointer/change.jsp
@@ -0,0 +1,33 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_project_no= r_call(request.getParameter("c_project_no"));
+	String c_jang= r_call(request.getParameter("c_jang"));
+	String pointer_no = r_call(request.getParameter("pointer_no"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		 
+			 
+		 	
+		String sql_ok = "update tbl_point_pointer set c_jang = "+ c_jang +"  where c_no = "+ pointer_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+		
+		 
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/point/project/pointer/change_part_ok.jsp b/resoft/field_manager_new/process/point/project/pointer/change_part_ok.jsp
new file mode 100644
index 0000000..6f93d93
--- /dev/null
+++ b/resoft/field_manager_new/process/point/project/pointer/change_part_ok.jsp
@@ -0,0 +1,33 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_project_no= r_call(request.getParameter("c_project_no"));
+	String c_part= r_call(request.getParameter("c_part"));
+	String pointer_c_no = r_call(request.getParameter("pointer_c_no"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		 
+			 
+		 	
+		String sql_ok = "update tbl_point_pointer set c_part = '"+ c_part +"'  where c_no = "+ pointer_c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+		
+		 
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/point/project/pointer/insert_ok.jsp b/resoft/field_manager_new/process/point/project/pointer/insert_ok.jsp
new file mode 100644
index 0000000..ddfe606
--- /dev/null
+++ b/resoft/field_manager_new/process/point/project/pointer/insert_ok.jsp
@@ -0,0 +1,29 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+	int pointer_no = Integer.parseInt(r_call(request.getParameter("pointer_no"))); 
+
+		String sql_ok2 = "";
+		sql_ok2 = "delete from tbl_point_pointer where c_point_project_no = " + c_no;
+		stmt2.execute(sql_ok2); 
+
+	for(int i = 1;i < pointer_no + 1; i++){
+		String sql_ok = "";
+		sql_ok = "insert into tbl_point_pointer (c_point_project_no,c_id,c_pass, c_name,c_sosok,c_position,c_part,c_jang,c_date) values(";
+		sql_ok = sql_ok + c_no + ",'point" + i + "',SHA2('point" + i + "',512),'','','','',0,now())";
+		stmt2.execute(sql_ok); 
+	}
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/point/project/pointer/list.jsp b/resoft/field_manager_new/process/point/project/pointer/list.jsp
new file mode 100644
index 0000000..aa831de
--- /dev/null
+++ b/resoft/field_manager_new/process/point/project/pointer/list.jsp
@@ -0,0 +1,249 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	int col_no = 12;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  평가자 관리
+         
        
+
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ <%
+			 
+		}
+		rs_up.close();
+ 
+ 		int edit_ok = 0;
+		sql_up =   "select a.*,( select c_content from tbl_apply_field where c_no = a.c_part ) as c_parts from tbl_point_project a ";
+		sql_up = sql_up + " where a.c_no = " + c_no + " ";
+		String c_parts = "";
+		rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 edit_ok = rs_up.getInt("c_now");
+			 c_parts = rs_up.getString("c_parts");
+			 if(c_parts == null){
+			 	c_parts = "|||";
+			 }
+			 String[] a_part = c_parts.split("[|]");
+			 
+%>
+ 	 
+ 	
+ 	
+ 	 
+ 	
         메인필드 
+ 		<%=rs_up.getString("f_name")%>
+ 	
         Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
         Project명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
         평가명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
        
+  
+		
+    	
+        
+        
+        
        
+        	  * 평가자 관리
+        
        
+        	 
+ 		
+    	
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+	<%
+		 
+		 
+		 String sql_pt="select * from tbl_point_pointer where c_point_project_no = " + c_no + " order by c_no asc ";
+		 ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		 int i_no = 0;
+		 while (rs_pt.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			 
+		
+			 
+			
+		
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rs_pt.close();
+	 %>
+        
        Noid이름소속직급평가분야좌장등록일최종접속일
        
+				<%=i_no%>
+			
+				<%=rs_pt.getString("c_id")%>
+			
+				<%=rs_pt.getString("c_name")%>
+			
+				<%=rs_pt.getString("c_sosok")%>
+			
+				<%=rs_pt.getString("c_position")%>
+			
+				<%if(rs_up.getInt("c_part") == 0){%>
+					구분없음
+				<%}else{%>
+					<%if(edit_ok == 0){%>
+					
+					<%}else{%>
+						<%=rs_pt.getString("c_part")%>
+					<%}%>
+					 
+				<%}%>
+			
+				<%if(rs_pt.getInt("c_jang") == 1){%>
+					<%if(edit_ok == 0){%>
+					">
+					<%}%>
+					좌장
+				<%}else{%>
+					<%if(edit_ok == 0){%>
+					">
+					<%}%>
+					일반
+				<%}%>
+			
+				<%=rs_pt.getString("c_date").substring(0,10)%>
+			
+				<%if(rs_pt.getString("c_update") != null){%>
+					<%=rs_pt.getString("c_update").substring(0,16)%>
+				<%}%>
+			
        자료가 없습니다.
        
+
+
+
+
        
+
+
+
+
+
+       	
+    	
+	
+	
+    			
+	
        
+		<%if(edit_ok == 0){%>
+		평가자 
+		명을 
+		신규등록
        
+		<%}%>
+	        		
+		평가프로젝트 목록
+	
        
+
        
+
        
+
        
+
        
+
        
+
+
+<%	}
+		rs_up.close();
+ }
+ %>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/point/project/result/change.jsp b/resoft/field_manager_new/process/point/project/result/change.jsp
new file mode 100644
index 0000000..612d6fe
--- /dev/null
+++ b/resoft/field_manager_new/process/point/project/result/change.jsp
@@ -0,0 +1,35 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_project_no= r_call(request.getParameter("c_project_no"));
+	String target_no= r_call(request.getParameter("target_no"));
+	String c_pass = r_call(request.getParameter("c_pass"));
+	String call_part = r_call(request.getParameter("call_part"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		 
+			 
+		 	
+		String sql_ok = "update tbl_point_target set c_pass = "+ c_pass +"  where c_no = "+ target_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+		
+		 
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/point/project/result/change_point.jsp b/resoft/field_manager_new/process/point/project/result/change_point.jsp
new file mode 100644
index 0000000..75e3878
--- /dev/null
+++ b/resoft/field_manager_new/process/point/project/result/change_point.jsp
@@ -0,0 +1,35 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_project_no= r_call(request.getParameter("c_project_no"));
+	String result_no= r_call(request.getParameter("result_no"));
+	String c_ok = r_call(request.getParameter("c_ok"));
+	String call_part = r_call(request.getParameter("call_part"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		 
+			 
+		 	
+		String sql_ok = "update tbl_point_result set c_ok = "+ c_ok +"  where c_no = "+ result_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+		
+		 
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/point/project/result/list.jsp b/resoft/field_manager_new/process/point/project/result/list.jsp
new file mode 100644
index 0000000..0a00f12
--- /dev/null
+++ b/resoft/field_manager_new/process/point/project/result/list.jsp
@@ -0,0 +1,300 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String call_part2 = r_call(request.getParameter("call_part"));
+	int call_part = 0;
+	if(!call_part2.equals("")){
+		call_part = Integer.parseInt(call_part2);
+	}
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	int col_no = 12;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  평가 결과 관리
+         
        
+
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ <%
+			 
+		}
+		rs_up.close();
+ 
+ 		int edit_ok = 0;
+		sql_up =   "select a.* ";
+		sql_up = sql_up + " ,( select c_content from tbl_apply_field where c_no = a.c_part ) as c_part_content ";
+		sql_up = sql_up + " ,( select c_name from tbl_apply_field where c_no = a.c_part ) as c_part_name ";
+		sql_up = sql_up + " ,( select c_use_field from tbl_apply_field where c_no = a.c_part ) as c_part_field ";
+		sql_up = sql_up + " from tbl_point_project a ";
+		sql_up = sql_up + " where a.c_no = " + c_no + " ";
+		String c_part_name = "";
+		String c_part_field = "";
+		rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 edit_ok = rs_up.getInt("c_now");
+			 c_part_name = rs_up.getString("c_part_name");
+			 c_part_field = rs_up.getString("c_part_field");
+%>
+ 	 
+ 	
+ 	
+ 	 
+ 	
         메인필드 
+ 		<%=rs_up.getString("f_name")%>
+ 	
         Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
         Project명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
         평가명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
        
+  
+		
+    	
+        
+        
+        
+        
        
+        	 
+        	 
        
+        	  * 평가 결과 
+		        	 
+        	  <%
+        	  String call_part_t = "";
+        	  if(rs_up.getString("c_part_content") != null){
+        	  %>
+        	  	
+        	  	
        
+        	  	
+        	  	
        
+        	  	 
+        	  <%}%>
+        	  
        
+                		
+        	* 점수를 클릭하면 최종 저장 상태를 변경 할 수 있습니다.
        
+        	* 점수가 빨간색일 경우 최종저장 완료 상태입니다.  
+        
        
+        
+        <%
+        	int pointer_num = 0;
+        	String pointer_name[] = new String[51]; 
+        	String pointer_no[] = new String[51]; 
+		 String sql_pt="select c_no, c_name,c_id from tbl_point_pointer where c_point_project_no = " + c_no + " ";
+		if(!call_part_t.equals("")){
+			 sql_pt = sql_pt + " and c_part = '" + call_part_t + "' ";
+		
+		}
+		 sql_pt = sql_pt + " order by c_no asc ";
+		 ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		 while (rs_pt.next()) {
+			pointer_num = pointer_num + 1;
+        		if(rs_pt.getString("c_name").equals("")){
+        			pointer_name[pointer_num] = rs_pt.getString("c_id") + "
        (미정)";
+        		}else{
+        			pointer_name[pointer_num] = rs_pt.getString("c_id") + "
        " + rs_pt.getString("c_name");
+        		}
+        		pointer_no[pointer_num] = rs_pt.getString("c_no"); 
+		 }
+		 rs_pt.close();
+	 %>	 
+ 	 	
+    	
+        
+        
+        <%if(c_part_name != null){%>
+        
+        <%}%>
+        
+         <%for(int pter = 1;pter
+	        
+         <%}%>
+        
+        
+        
+        
+        <%
+		 
+		 
+		  sql_pt="select t.* from ( select a.*,b.c_team_name,c.c_name as jang_name ";
+		 sql_pt = sql_pt +" ,( select "+ c_part_field +" from tbl_apply_team where c_no = b.c_no ) as part_part ";
+		 
+		 for(int pter = 1;pter
+	    	
+			
+			
+		        <%if(c_part_name != null){%>
+				
+			<%}%>
+			
+			<% for(int pter = 1;pter
+			
+		 	<%}%>
+		 	
+			
+			
+			 
+		 
+			
+		
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rs_pt.close();
+	 %>
+        
        No팀명<%=c_part_name%>팀장<%=pointer_name[pter]%>총합평균선정결과
        
+				<%=i_no%>
+			
+				&c_project_no=<%=c_project_no%>" target="_blank"><%=rs_pt.getString("c_team_name")%>
+			
+					 <%=rs_pt.getString("part_part")%>
+				
+				<%=rs_pt.getString("jang_name")%>
+			
+				<%if(rs_pt.getString("rt" + pter) != null ){
+					count_t = count_t + 1;
+					sum_t = sum_t + rs_pt.getInt("rt" + pter);		
+				%>
+					<%if(rs_pt.getInt("rt_ok" + pter) == 0 ){%>
+						&c_ok=1&call_part=<%=call_part%>"">
+					<%}else{%>
+						&c_ok=0&call_part=<%=call_part%>"">
+					<%}%>
+					<%=rs_pt.getInt("rt" + pter)%>
+				<%}%>
+			
+		 		<%=sum_t%>
+			
+				<%
+					if(count_t>0){
+						avr_t = sum_t / count_t;
+					}else{
+						avr_t = 0.0;
+					}
+				%>
+				<%=Math.round(avr_t*100)/100.0%>
+			
+				<%
+					if(rs_pt.getInt("c_pass")  == 0){
+				%>
+					&c_pass=1&call_part=<%=call_part%>">X
+				<%}else{%>
+					&c_pass=0&call_part=<%=call_part%>">선정
+				
+				<%}%>				
+			
        자료가 없습니다.
        
+
+
+  
+       	
+    	
+	
+	
+    			
+	
        
+		 
+	
+		평가 의견 보기
+		평가프로젝트 목록
+	
        
+ 
+
        
+
        
+
        
+
        
+
+
+<%	}
+		rs_up.close();
+ }
+ %>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/point/project/result/list2.jsp b/resoft/field_manager_new/process/point/project/result/list2.jsp
new file mode 100644
index 0000000..c44a19d
--- /dev/null
+++ b/resoft/field_manager_new/process/point/project/result/list2.jsp
@@ -0,0 +1,261 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String call_part2 = r_call(request.getParameter("call_part"));
+	int call_part = 0;
+	if(!call_part2.equals("")){
+		call_part = Integer.parseInt(call_part2);
+	}
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	int col_no = 12;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  평가 결과 관리
+         
        
+
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ <%
+			 
+		}
+		rs_up.close();
+ 
+ 		int edit_ok = 0;
+		sql_up =   "select a.* ";
+		sql_up = sql_up + " ,( select c_content from tbl_apply_field where c_no = a.c_part ) as c_part_content ";
+		sql_up = sql_up + " ,( select c_name from tbl_apply_field where c_no = a.c_part ) as c_part_name ";
+		sql_up = sql_up + " ,( select c_use_field from tbl_apply_field where c_no = a.c_part ) as c_part_field ";
+		sql_up = sql_up + " from tbl_point_project a ";
+		sql_up = sql_up + " where a.c_no = " + c_no + " ";
+		String c_part_name = "";
+		String c_part_field = "";
+		rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 edit_ok = rs_up.getInt("c_now");
+			 c_part_name = rs_up.getString("c_part_name");
+			 c_part_field = rs_up.getString("c_part_field");
+%>
+ 	 
+ 	
+ 	
+ 	 
+ 	
         메인필드 
+ 		<%=rs_up.getString("f_name")%>
+ 	
         Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
         Project명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
         평가명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
        
+  
+		
+    	
+        
+        
+        
        
+        	 
+        	 
        
+        	  * 평가 의견 
+		        	 
+        	  <%
+        	  String call_part_t = "";
+        	  if(rs_up.getString("c_part_content") != null){
+        	  %>
+        	  	
+        	  	
        
+        	  	
+        	  	
        
+        	  	 
+        	  <%}%>
+        	  
        
+        
        
+        
+        <%
+        	int pointer_num = 0;
+        	String pointer_name[] = new String[51]; 
+        	String pointer_no[] = new String[51]; 
+		 String sql_pt="select c_no, c_name,c_id from tbl_point_pointer where c_point_project_no = " + c_no + " ";
+		if(!call_part_t.equals("")){
+			 sql_pt = sql_pt + " and c_part = '" + call_part_t + "' ";
+		
+		}
+		 sql_pt = sql_pt + " order by c_no asc ";
+		 ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		 while (rs_pt.next()) {
+			pointer_num = pointer_num + 1;
+        		if(rs_pt.getString("c_name").equals("")){
+        			pointer_name[pointer_num] = rs_pt.getString("c_id") + "
        (미정)";
+        		}else{
+        			pointer_name[pointer_num] = rs_pt.getString("c_id") + "
        " + rs_pt.getString("c_name");
+        		}
+        		pointer_no[pointer_num] = rs_pt.getString("c_no"); 
+		 }
+		 rs_pt.close();
+	 %>	 
+ 	 	
+    	
+        
+        
+        <%if(c_part_name != null){%>
+        
+        <%}%>
+        
+         <%for(int pter = 1;pter
+	        
+         <%}%>
+        
+        
+        <%
+		 
+		 
+		  sql_pt="select t.* from ( select a.*,b.c_team_name,c.c_name as jang_name ";
+		 sql_pt = sql_pt +" ,( select "+ c_part_field +" from tbl_apply_team where c_no = b.c_no ) as part_part ";
+		 
+		 for(int pter = 1;pter
+	    	
+			
+			
+		        <%if(c_part_name != null){%>
+				
+			<%}%>
+			
+			<% for(int pter = 1;pter
+			
+		 	<%}%>
+		 	 
+			 
+		 
+			
+		
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rs_pt.close();
+	 %>
+        
        No팀명<%=c_part_name%>팀장<%=pointer_name[pter]%>
        
+				<%=i_no%>
+			
+				&c_project_no=<%=c_project_no%>" target="_blank"><%=rs_pt.getString("c_team_name")%>
+			
+					 <%=rs_pt.getString("part_part")%>
+				
+				<%=rs_pt.getString("jang_name")%>
+			
+				<%if(rs_pt.getString("rt" + pter) != null ){
+				%>
+					<%=rs_pt.getString("rt" + pter).replaceAll("\n","
        ").replaceAll("\r","
        ")%>
+				<%}%>
+			
        자료가 없습니다.
        
+
+
+  
+       	
+    	
+	
+	
+    			
+	
        
+		 
+	
+		평가 결과 보기
+		평가프로젝트 목록
+	
        
+ 
+
        
+
        
+
        
+
        
+
+
+<%	}
+		rs_up.close();
+ }
+ %>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/point/project/result/view_team.jsp b/resoft/field_manager_new/process/point/project/result/view_team.jsp
new file mode 100644
index 0000000..45e201b
--- /dev/null
+++ b/resoft/field_manager_new/process/point/project/result/view_team.jsp
@@ -0,0 +1,205 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+	int c_now_propose = 0;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+	String slq_chekc = "select * from tbl_apply_team where c_project_no = "+ c_project_no + " and c_no = " + c_team_no + " and c_use = 0 ";
+	ResultSet rs_check = stmt.executeQuery(slq_chekc);
+	if (rs_check.next()) {
+	
+		int c_home = 0;
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			c_now_propose = rs_up.getInt("c_now_propose");
+			c_home = rs_up.getInt("c_field");
+			 
+%>
+  
+ 
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  Project 신청팀 정보
+         
        
+
+	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
         메인필드 
+ 		<%=rs_up.getString("f_name")%>
+ 	
         Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
         Project명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
        
+ <%
+			 
+		}
+		rs_up.close();
+
+%>	
+		
+    	
+        
+        
+        
        
+        	  * 신청팀 정보
+        
        
+        
+	
+ 	
+ 	
+ 	
+ 	 
+ 	
+ 	<%
+ 		int i = 0;
+ 		int stu_check = 1;
+ 		String sql_field =   "  SELECT * from tbl_apply_field where c_project_no = " + c_project_no +" order by c_order asc ";
+		ResultSet rs_field = stmt.executeQuery(sql_field);
+		while (rs_field.next()) {
+			if(rs_field.getString("c_use_field").equals("c_grade")){
+				stu_check = 0;
+			}
+			i = i + 1;
+ 	%> 
+ 	 
+	 	
+	 	 
+	 	
+ 		
+ 		
+	 	 
+	 	
+	 	 
+	<%
+ 	 
+	  }
+		rs_field.close();
+	%>	
+ 	
         항목 내용
         
+	 		<%=rs_field.getString("c_name")%>
+	 	 
+			<%if(rs_field.getInt("c_type") == 1){%>
+				  <%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 2){
+			%>
+				<%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 3){%>
+				 <%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 4){%>
+				등록 파일 : <%=rs_check.getString(rs_field.getString("c_use_field")).replaceAll("\n\r","
        ")%>
+				 
+			<%}%>
+	 	
        
+ 	<%
+ 		String major_t = "학과";
+ 		String grade_t = "학년";
+ 		if( stu_check == 1){
+ 			major_t = "부서";
+ 			grade_t = "직급";
+ 		}
+ 	%>
+ 		
+    	
+        
+        
+        
        
+        	  * 팀원 정보
+        
        
+         
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%
+ 	String slq_t = "select * from tbl_apply_team_member where c_project_no = "+ c_project_no + " and c_team_no = " + c_team_no + " and c_use = 0 order by c_type desc ";
+	ResultSet rs_t = stmt2.executeQuery(slq_t);
+	while(rs_t.next()) {
+	%>
+	
+	
+	
+	
+	
+	
+	
+ 	
+ 	<%}
+ 	rs_t.close();
+ 	%>
+ 	
         Cap. 이메일 이름 전화 <%=major_t%> <%=grade_t%>
        
+		<%if(rs_t.getInt("c_type") == 1){%>
+			팀장
+		<%}else{%>
+			팀원
+		<%}%>
+	
+		<%=rs_t.getString("c_email")%>
+ 	
+		<%=rs_t.getString("c_name")%>
+ 	
+		<%=rs_t.getString("c_phone")%>
+ 	
+		<%=rs_t.getString("c_major")%>
+ 	
+		<%=rs_t.getString("c_grade")%>
+ 	
        
+ 	 
+	 

        
+	  

        
+
        
+
+
+<%}else{%>
+	 
+	 <%}
+	 rs_check.close();
+	 %>
+	<%}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/point/project/target/delete.jsp b/resoft/field_manager_new/process/point/project/target/delete.jsp
new file mode 100644
index 0000000..49435a5
--- /dev/null
+++ b/resoft/field_manager_new/process/point/project/target/delete.jsp
@@ -0,0 +1,33 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_project_no= r_call(request.getParameter("c_project_no"));
+	String c_point_target_no= r_call(request.getParameter("c_point_target_no"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		 
+			 
+		 	
+		String sql_ok = "update tbl_point_target set c_use = 1  where c_no = "+ c_point_target_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+		
+		 
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/point/project/target/insert_ok.jsp b/resoft/field_manager_new/process/point/project/target/insert_ok.jsp
new file mode 100644
index 0000000..72809e8
--- /dev/null
+++ b/resoft/field_manager_new/process/point/project/target/insert_ok.jsp
@@ -0,0 +1,45 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+	int target_project_no = Integer.parseInt(r_call(request.getParameter("target_project_no"))); 
+
+		String sql_ok2 = "";
+		sql_ok2 = "update tbl_point_target set c_use = 1 where c_point_project_no = " + c_no;
+		stmt2.execute(sql_ok2); 
+
+	if(target_project_no ==0){
+		String sql_pt = " select c_no from tbl_apply_team where c_project_no = "+ c_project_no + " and c_use = 0 order by c_no asc";
+		ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		while (rs_pt.next()) {
+			String sql_ok = "";
+			sql_ok = "insert into tbl_point_target (c_point_project_no,c_team_no,c_point,c_pass,c_use,c_date) values(";
+			sql_ok = sql_ok + c_no + "," + rs_pt.getInt("c_no") + ",0,0,0,now())";
+			stmt2.execute(sql_ok); 
+		}
+		rs_pt.close();
+	
+	}else{
+		String sql_pt = " select c_team_no from tbl_point_target where c_point_project_no = "+ target_project_no + " and c_use = 0 and c_pass= 1 order by c_no asc";
+		ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		while (rs_pt.next()) {
+			String sql_ok = "";
+			sql_ok = "insert into tbl_point_target (c_point_project_no,c_team_no,c_point,c_pass,c_use,c_date) values(";
+			sql_ok = sql_ok + c_no + "," + rs_pt.getInt("c_team_no") + ",0,0,0,now())";
+			stmt2.execute(sql_ok); 
+		}
+		rs_pt.close();
+	}
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/point/project/target/list.jsp b/resoft/field_manager_new/process/point/project/target/list.jsp
new file mode 100644
index 0000000..5b65a10
--- /dev/null
+++ b/resoft/field_manager_new/process/point/project/target/list.jsp
@@ -0,0 +1,217 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	int col_no = 12;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  평가대상 관리
+         
        
+
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ <%
+			 
+		}
+		rs_up.close();
+ 
+ 		int edit_ok = 0;
+		sql_up =   "select a.* ";
+		sql_up = sql_up + " ,( select c_name from tbl_apply_field where c_no = a.c_part ) as c_part_name ";
+		sql_up = sql_up + " ,( select c_use_field from tbl_apply_field where c_no = a.c_part ) as c_part_field ";
+		sql_up = sql_up + " from tbl_point_project a ";
+		sql_up = sql_up + " where a.c_no = " + c_no + " ";
+		String c_part_name = "";
+		String c_part_field = "";
+		rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 edit_ok = rs_up.getInt("c_now");
+			 c_part_name = rs_up.getString("c_part_name");
+			 c_part_field = rs_up.getString("c_part_field");
+			 
+			 
+%>
+ 	 
+ 	
+ 	
+ 	 
+ 	
         메인필드 
+ 		<%=rs_up.getString("f_name")%>
+ 	
         Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
         Project명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
         평가명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
        
+  
+		
+    	
+        
+        
+        
        
+        	  * 평가대상 관리
+        
        
+        	 
+ 		
+    	
+        
+        
+        <%if(c_part_name != null){%>
+        
+        <%}%>
+        
+        
+        
+        
+	<%
+		 
+		 
+		 String sql_pt="select t.* from ( select a.*,b.c_team_name,c.c_name as jang_name ";
+		 sql_pt = sql_pt +" ,( select "+ c_part_field +" from tbl_apply_team where c_no = b.c_no ) as part_part ";
+		 sql_pt = sql_pt +" from tbl_point_target a ";
+		 sql_pt = sql_pt +" inner join tbl_apply_team b on a.c_team_no = b.c_no ";
+		 sql_pt = sql_pt +" inner join tbl_apply_team_member c on c.c_team_no = b.c_no and c.c_type = 1 ";
+		 sql_pt = sql_pt +" where a.c_point_project_no = " + c_no + " and a.c_use = 0 ) t order by t.part_part asc,  t.c_team_name asc ";
+		 ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		 int i_no = 0;
+		 while (rs_pt.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+		        <%if(c_part_name != null){%>
+				
+			<%}%>
+			
+			
+			
+		 
+			
+		
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rs_pt.close();
+	 %>
+        
        No팀명<%=c_part_name%>팀장정보보기삭제
        
+				<%=i_no%>
+			
+				&c_project_no=<%=c_project_no%>" target="_blank"><%=rs_pt.getString("c_team_name")%>
+			
+					 <%=rs_pt.getString("part_part")%>
+				
+				<%=rs_pt.getString("jang_name")%>
+			
+				&c_project_no=<%=c_project_no%>" target="_blank">[정보보기]
+			
+				<%if(edit_ok == 0){%>
+				&c_home=<%=c_home%>&c_project_no=<%=c_project_no%>&c_no=<%=c_no%>'}" >[삭제]
+				<%}%>
+			
        자료가 없습니다.
        
+
+
+
+
        
+
+
+
+       	
+    	
+	
+	
+    			
+	
        
+		<%if(edit_ok == 0){%>
+		대상 선택 :  
+		 팀들을  
+		평가대상으로 신규 등록
        
+		<%}%>
+	        		
+		평가프로젝트 목록
+	
        
+
        
+
        
+
        
+
        
+
        
+
+
+<%	}
+		rs_up.close();
+ }
+ %>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/point/project/target/view_team.jsp b/resoft/field_manager_new/process/point/project/target/view_team.jsp
new file mode 100644
index 0000000..45e201b
--- /dev/null
+++ b/resoft/field_manager_new/process/point/project/target/view_team.jsp
@@ -0,0 +1,205 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+	int c_now_propose = 0;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+	String slq_chekc = "select * from tbl_apply_team where c_project_no = "+ c_project_no + " and c_no = " + c_team_no + " and c_use = 0 ";
+	ResultSet rs_check = stmt.executeQuery(slq_chekc);
+	if (rs_check.next()) {
+	
+		int c_home = 0;
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			c_now_propose = rs_up.getInt("c_now_propose");
+			c_home = rs_up.getInt("c_field");
+			 
+%>
+  
+ 
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  Project 신청팀 정보
+         
        
+
+	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
         메인필드 
+ 		<%=rs_up.getString("f_name")%>
+ 	
         Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
         Project명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
        
+ <%
+			 
+		}
+		rs_up.close();
+
+%>	
+		
+    	
+        
+        
+        
        
+        	  * 신청팀 정보
+        
        
+        
+	
+ 	
+ 	
+ 	
+ 	 
+ 	
+ 	<%
+ 		int i = 0;
+ 		int stu_check = 1;
+ 		String sql_field =   "  SELECT * from tbl_apply_field where c_project_no = " + c_project_no +" order by c_order asc ";
+		ResultSet rs_field = stmt.executeQuery(sql_field);
+		while (rs_field.next()) {
+			if(rs_field.getString("c_use_field").equals("c_grade")){
+				stu_check = 0;
+			}
+			i = i + 1;
+ 	%> 
+ 	 
+	 	
+	 	 
+	 	
+ 		
+ 		
+	 	 
+	 	
+	 	 
+	<%
+ 	 
+	  }
+		rs_field.close();
+	%>	
+ 	
         항목 내용
         
+	 		<%=rs_field.getString("c_name")%>
+	 	 
+			<%if(rs_field.getInt("c_type") == 1){%>
+				  <%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 2){
+			%>
+				<%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 3){%>
+				 <%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 4){%>
+				등록 파일 : <%=rs_check.getString(rs_field.getString("c_use_field")).replaceAll("\n\r","
        ")%>
+				 
+			<%}%>
+	 	
        
+ 	<%
+ 		String major_t = "학과";
+ 		String grade_t = "학년";
+ 		if( stu_check == 1){
+ 			major_t = "부서";
+ 			grade_t = "직급";
+ 		}
+ 	%>
+ 		
+    	
+        
+        
+        
        
+        	  * 팀원 정보
+        
        
+         
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%
+ 	String slq_t = "select * from tbl_apply_team_member where c_project_no = "+ c_project_no + " and c_team_no = " + c_team_no + " and c_use = 0 order by c_type desc ";
+	ResultSet rs_t = stmt2.executeQuery(slq_t);
+	while(rs_t.next()) {
+	%>
+	
+	
+	
+	
+	
+	
+	
+ 	
+ 	<%}
+ 	rs_t.close();
+ 	%>
+ 	
         Cap. 이메일 이름 전화 <%=major_t%> <%=grade_t%>
        
+		<%if(rs_t.getInt("c_type") == 1){%>
+			팀장
+		<%}else{%>
+			팀원
+		<%}%>
+	
+		<%=rs_t.getString("c_email")%>
+ 	
+		<%=rs_t.getString("c_name")%>
+ 	
+		<%=rs_t.getString("c_phone")%>
+ 	
+		<%=rs_t.getString("c_major")%>
+ 	
+		<%=rs_t.getString("c_grade")%>
+ 	
        
+ 	 
+	 

        
+	  

        
+
        
+
+
+<%}else{%>
+	 
+	 <%}
+	 rs_check.close();
+	 %>
+	<%}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/point/project/view_ji.jsp b/resoft/field_manager_new/process/point/project/view_ji.jsp
new file mode 100644
index 0000000..9a7c2a6
--- /dev/null
+++ b/resoft/field_manager_new/process/point/project/view_ji.jsp
@@ -0,0 +1,124 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_ji_no = r_call(request.getParameter("c_ji_no"));
+	int col_no = 9;
+%>
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  평가 문항 확인
+         
        
+
+ 		
+    	
+        
+        
+        
        
+		<%
+		int change_ok = 0;
+		String sql_ji = "select * from tbl_point_ji where c_home = " +c_home + " and c_no = " + c_ji_no;
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			change_ok = rs_ji.getInt("c_change");
+		%>
+		지표명 : <%=rs_ji.getString("c_name")%>
+		<%
+		}
+		rs_ji.close();
+		%>
+         
        
+	 
+	 
+ 		
+    	
+        
+        
+        
+        
+	<%
+		 int total_point = 0;
+		 int o_no = 0;
+		 int o_order = 0;
+		 int o_no2 = 0;
+		 int o_order2 = 0;
+		 
+		 String sql1="  SELECT  a.*,(select count(c_no) from tbl_point_ji_detail where c_up_no = a.c_no and c_use=0 ) as down_no from tbl_point_ji_detail a where a.c_ji_no = " + c_ji_no + " and a.c_up_no = 0 and a.c_use=0 order by a.c_order asc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			<%
+		 
+		 	 o_no2 = 0;
+			 o_order2 = 0;
+
+			 String sql12="  SELECT  * from tbl_point_ji_detail where c_ji_no = " + c_ji_no + " and c_up_no = "+ rst.getInt("c_no") +" and c_use=0 order by c_order asc";
+			 ResultSet rst2 = stmt.executeQuery(sql12);
+			 int i_no2 = 0;
+			 while (rst2.next()) {
+			 	total_point = total_point + rst2.getInt("c_point");
+				i_no2 = i_no2 + 1;
+		%>
+			<%if(i_no2 > 1){%>
+		    	
+		    	<%}%>
+				 
+				
+				
+				
+				 
+			
+				 
+		<%		o_no2 = rst2.getInt("c_no");	 
+				o_order2 = rst2.getInt("c_order");
+			 }
+			rst2.close();
+		 %>
+			 
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rst.close();
+	 %>
+	 
+	 
+	 
+        
        항목참고사항배점
        ">
+				<%=rst.getString("c_title")%>
+			
        
+					<%=rst2.getString("c_title")%>
+				
+					<%=rst2.getString("c_exp").replaceAll("\r","
        ").replaceAll("\n\r","
        ")%>
+				        		
+					
+				
        자료가 없습니다.
        
+	 	합계점수
+	 
+	 	<%=total_point%>점
+	 
        
+
+         
+
        
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/project/apply_field/change_order.jsp b/resoft/field_manager_new/process/project/apply_field/change_order.jsp
new file mode 100644
index 0000000..5271365
--- /dev/null
+++ b/resoft/field_manager_new/process/project/apply_field/change_order.jsp
@@ -0,0 +1,25 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_order = r_call(request.getParameter("c_order"));
+	String o_no = r_call(request.getParameter("o_no"));
+	String o_order = r_call(request.getParameter("o_order"));
+	 
+		String sql_ok = "update tbl_apply_field set c_order = "+ c_order +"  where c_no="+ o_no +" and c_project_no  = "+ c_project_no;
+		stmt.execute(sql_ok);
+		sql_ok = "update tbl_apply_field set c_order = "+ o_order +"  where c_no="+ c_no +" and c_project_no  = "+ c_project_no;
+		stmt2.execute(sql_ok);
+%>
+
+
+<%
+	
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/project/apply_field/field_order.jsp b/resoft/field_manager_new/process/project/apply_field/field_order.jsp
new file mode 100644
index 0000000..edc5322
--- /dev/null
+++ b/resoft/field_manager_new/process/project/apply_field/field_order.jsp
@@ -0,0 +1,159 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_no = r_call(request.getParameter("c_project_no")); 
+	int c_now_propose = 0;
+	if(c_no.equals("")){
+%>
+	
+<%	
+	}else{
+		int c_home = 0;
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			c_now_propose = rs_up.getInt("c_now_propose");
+			c_home = rs_up.getInt("c_field");
+			 
+%>
+  
+ 
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  Project 신청항목 순서 관리
+         
        
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 프로젝트 신청일정이 [대기중]일 경우만 변경 가능합니다. 
+        	  
+         
        
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
         메인필드 
+ 		<%=rs_up.getString("f_name")%>
+ 	
         Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
         Project명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
        
+ <%
+			 
+		}
+		rs_up.close();
+
+}%>	
+		
+    	
+        
+        
+        
        
+        	  * 신청항목 순서관리
+        
        
+        
+        
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%
+ 		int i = 0;
+ 		int old_c_no = 0;
+ 		int old_c_order = 0;
+ 		String sql_field =   "  SELECT * from tbl_apply_field where c_project_no = " + c_no +" order by c_order asc ";
+		ResultSet rs_field = stmt.executeQuery(sql_field);
+		while (rs_field.next()) {
+			i = i + 1;
+ 	%> 
+ 	 
+	 	
+	 	
+	 	
+ 		
+ 		
+	 	
+	 	
+	<%
+ 		old_c_no = rs_field.getInt("c_no");
+ 		old_c_order = rs_field.getInt("c_order");
+		
+	  }
+		rs_field.close();
+	%>	
+ 	
         번호 항목명 View순서
         
+	 		<%=i%>
+	 	 
+	 		<%=rs_field.getString("c_name")%>
+	 	 
+			<%if(rs_field.getInt("c_type") == 1){%>
+				
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 2){
+			%>
+				
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 3){%>
+				
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 4){%>
+				 양식다운 : <%=rs_field.getString("c_content")%>
+			<%}%>
+	 	
+	 		<%if(i>1){%>
+	 			&c_order=<%=rs_field.getInt("c_order")%>&o_no=<%=old_c_no%>&o_order=<%=old_c_order%><%}else{%>#none<%}%>" <%if(c_now_propose == 0){%><%}else{%>onclick="alert('신청상태가 대기중일 때만 변경 가능합니다.')"<%}%>>▲ 
+	 		<%}%>
+	 	
        
+  
+	 

        
+	  

        
+
        
+
+
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/project/apply_field/insert_ok.jsp b/resoft/field_manager_new/process/project/apply_field/insert_ok.jsp
new file mode 100644
index 0000000..54eb1a7
--- /dev/null
+++ b/resoft/field_manager_new/process/project/apply_field/insert_ok.jsp
@@ -0,0 +1,102 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="java.util.*"%>
+<%@ page import="java.io.*"%>
+<%@ page import="com.oreilly.servlet.MultipartRequest" %>
+<%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %>
+<%@ include file="/field_manager/include/manager_head.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+ 
+	
+	String fileName     = "";
+ 	String realFolder = "";
+	String saveFolder = "/upload/board";
+    	String encType    = "utf-8";
+	int    maxSize    = 10 * 1024 * 1024;
+
+	ServletContext scontext  = getServletContext();
+	ArrayList      saveFiles = new ArrayList();
+	ArrayList      orgFiles  = new ArrayList();
+ 	realFolder = scontext.getRealPath(saveFolder);
+ 	realFolder  = "/home/apply/upload/yangsik";
+	MultipartRequest multi = new MultipartRequest(  request
+			                                          , realFolder
+			                                          , maxSize
+			                                          , encType
+			                                          , new DefaultFileRenamePolicy() );
+        Enumeration files = multi.getFileNames();
+        int t1 = 0;
+        String[] a_file = new String[50];
+        int olp = 31;
+        while( files.hasMoreElements() ){
+        	olp = olp - 1;
+        	
+			String name  = (String)files.nextElement();
+			int rtp = Integer.parseInt(name.replaceAll("f_","").replaceAll("_4_2",""));
+			String fName = multi.getFilesystemName( name );
+	       		String oName = multi.getOriginalFileName( name );
+			String type  = multi.getContentType( name );
+			File   f     = multi.getFile( name );
+			if(fName != null && !fName.equals("")){ 
+				t1 = t1 + 1;
+				if(t1 > 1){
+					fileName = fileName + "|";
+				}
+				fileName = fileName + fName;
+				a_file[rtp] = fName;
+			 
+			}else{
+				a_file[rtp] = "";
+			}
+        }
+	if(fileName == null){
+			fileName = "";
+	}
+	 
+	 String c_home = r_call(multi.getParameter("c_home"));
+	 String c_maker = r_call(multi.getParameter("c_maker"));
+	 String c_project_no = r_call(multi.getParameter("c_project_no"));
+	 int fix_field_no = Integer.parseInt(r_call(multi.getParameter("fix_field_no")));
+	 int field_no = Integer.parseInt(r_call(multi.getParameter("field_no")));
+	 
+	 
+       		String sql_ok = "delete from tbl_apply_field where c_home = " + c_home + " and c_maker = " + c_maker + " and c_project_no = " + c_project_no;
+		stmt2.execute(sql_ok); 		 
+	int c_order = 0;
+	for (int i = 1; i < field_no + 1 ; i++){
+		if( r_call(multi.getParameter("f_" + i + "_1")).equals("0")){
+			c_order = c_order + 1;
+			sql_ok = "insert into tbl_apply_field (c_home,c_maker,c_project_no,c_relation,c_use_field,c_name,c_type,c_content,c_order,c_use,c_date) values(";
+			sql_ok = sql_ok + c_home + "," + c_maker  + "," + c_project_no + "," + i;
+			sql_ok = sql_ok + ", '" + r_call(multi.getParameter("f_"+i+"_5")) + "' ";
+			sql_ok = sql_ok + ", '" + r_call(multi.getParameter("f_"+i+"_2")) + "' ";
+			sql_ok = sql_ok + ", " + r_call(multi.getParameter("f_"+i+"_3")) + " ";
+			if(r_call(multi.getParameter("f_"+i+"_3")).equals("2")){
+				sql_ok = sql_ok + ", '" + r_call(multi.getParameter("f_"+i+"_4")) + "' ";
+			}
+			if(r_call(multi.getParameter("f_"+i+"_3")).equals("1") || r_call(multi.getParameter("f_"+i+"_3")).equals("3")){
+				sql_ok = sql_ok + ", '' ";
+			}
+			if(r_call(multi.getParameter("f_"+i+"_3")).equals("4")){
+				if(!a_file[i].equals("")){
+					sql_ok = sql_ok + ", '" + a_file[i] + "' ";
+				}else{
+					sql_ok = sql_ok + ", '" + r_call(multi.getParameter("o_"+i+"_4_2")) + "' ";
+				}
+			}
+			sql_ok = sql_ok + ", " + c_order + ",0,now())";
+			stmt2.execute(sql_ok); 		
+			%>
+			<% 
+		}
+	} 	 
+
+		 
+ %>
+  
+ 
+ <%@ include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/project/apply_field/list.jsp b/resoft/field_manager_new/process/project/apply_field/list.jsp
new file mode 100644
index 0000000..0315f0e
--- /dev/null
+++ b/resoft/field_manager_new/process/project/apply_field/list.jsp
@@ -0,0 +1,284 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_no = r_call(request.getParameter("c_project_no")); 
+	int c_now_propose = 0;
+	if(c_no.equals("")){
+%>
+	
+<%	
+	}else{
+		int c_home = 0;
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			c_now_propose = rs_up.getInt("c_now_propose");
+			c_home = rs_up.getInt("c_field");
+			 
+%>
+ 	
+
         
+
+
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  Project 신청항목 관리
+         
        
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 프로젝트 신청일정이 [대기중]일 경우만 변경 가능합니다. 
+        	  
+         
        
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
         메인필드 
+ 		<%=rs_up.getString("f_name")%>
+ 	
         Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
         Project명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
        
+ <%
+			 
+		}
+		rs_up.close();
+
+}%>	
+		
+    	
+        
+        
+        
        
+        	  * 신청항목 관리
+        
        
+        
+        
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%
+ 		int field_no = 30;
+ 		int fix_field_no = 0;
+ 		String[][] a_field = new String[31][7];
+ 		for(int i = 0;i<31;i++){
+	 		for(int j = 0;j<7;j++){
+	 			a_field[i][j] = "";
+	 		}
+ 		}
+ 		String[][] fix_field = new String[31][7];
+ 		for(int i = 0;i<31;i++){
+	 		for(int j = 0;j<7;j++){
+	 			fix_field[i][j] = "";
+	 		}
+ 		}
+
+ 		String sql_field =   "  SELECT * from tbl_apply_field where c_project_no = 0 and c_home = 0 and c_maker = 0 order by c_order asc";
+		ResultSet rs_field = stmt.executeQuery(sql_field);
+		while (rs_field.next()) {
+			fix_field_no = fix_field_no + 1;
+			fix_field[rs_field.getInt("c_relation")][1] = rs_field.getString("c_use");
+			fix_field[rs_field.getInt("c_relation")][2] = rs_field.getString("c_name");
+			fix_field[rs_field.getInt("c_relation")][3] = rs_field.getString("c_type");
+			fix_field[rs_field.getInt("c_relation")][4] = rs_field.getString("c_content");
+			fix_field[rs_field.getInt("c_relation")][5] = rs_field.getString("c_use_field");
+		}
+		rs_field.close();
+
+ 		sql_field =   "  SELECT * from tbl_apply_field where c_project_no = " + c_no;
+		rs_field = stmt.executeQuery(sql_field);
+		while (rs_field.next()) {
+			a_field[rs_field.getInt("c_relation")][1] = rs_field.getString("c_use");
+			a_field[rs_field.getInt("c_relation")][2] = rs_field.getString("c_name");
+			a_field[rs_field.getInt("c_relation")][3] = rs_field.getString("c_type");
+			a_field[rs_field.getInt("c_relation")][4] = rs_field.getString("c_content");
+			a_field[rs_field.getInt("c_relation")][5] = rs_field.getString("c_use_field");
+			a_field[rs_field.getInt("c_relation")][6] = rs_field.getString("c_order");
+		}
+		rs_field.close();
+ 	%> 
+ 	
+ 	
+ 	
+ 	<%for(int i = 1;i
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+ 	
+ 	<%}%>
+ 	<% int plp = 0;
+ 	for(int i = fix_field_no +1;i
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+ 	
+ 	<%}%>
+ 	
         번호 사용여부 항목명 항목Type 사용 Content순서
         
+	 		<%=i%>
+	 	 
+	 		<%if(fix_field[i][1].equals("0")){%>
+	 		Fix
+	 		
+	 		<%}else{%>
+	 		checked<%}%>>
+	 		<%}%>
+	 	 
+	 		<%=fix_field[i][2]%>
+	 		 
+	 	 
+	 			 <%if(fix_field[i][3].equals("1")){%>
+	 			 	Input(한줄입력)
+	 			 <%}%>
+	 			 <%if(fix_field[i][3].equals("2")){%>
+	 			 	Select(선택)
+	 			 <%}%>
+	 			 <%if(fix_field[i][3].equals("3")){%>
+	 			 	Textarea(다중줄입력)
+	 			 <%}%>
+	 			 <%if(fix_field[i][3].equals("4")){%>
+	 			 	File(파일등록)
+	 			 <%}%>
+	 			 
+	 	 
+	 		
+	 		<%if(fix_field[i][3].equals("2")){%>	
+	 			<%=fix_field[i][4]%>
+	 		<%}%>
+	 		<%if(fix_field[i][3].equals("4")){%>
+	 			양식 파일 : <%=fix_field[i][4]%>
+	 		<%}%>
+	 	 
+	 		 <%=a_field[i][6]%>
+	 	
         
+	 		<%=i%>
+	 	 checked<%}%>>   
+	 		
+	 	 
+	 		block<%}else{%>none<%}%>">한줄 Input으로 등록
+	 		block<%}else{%>none<%}%>">
+	 			
+	 		
+	 		block<%}else{%>none<%}%>">다중줄의 textarea로 입력
+	 		block<%}else{%>none<%}%>">
+				
+				
+				<%if(!a_field[i][4].equals("")){%>
+				
+				
+				<%}else{%>
+				
+				<%}%>
+				
        
+					등록된 양식 : <%=a_field[i][4]%> 
+				
+					
+				
+					변경 :
+				
+					양식 : 
+				
+					
+					
+				
        
+	 		        
+	 	        		 
+	 		 <%=a_field[i][6]%>
+	 	
        
+ 
+	
+ 	
+    		
+        
+	 
+	 
        
+    			<%if(c_now_propose == 0){%>
+			적용하기
+			항목순서관리
+			<%}else{%>
+				* 신청상태가 대기중일 때만 수정 가능합니다.
+			<%}%>
+		
         
+	 

        
+
        
+
+
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/project/apply_team/list.jsp b/resoft/field_manager_new/process/project/apply_team/list.jsp
new file mode 100644
index 0000000..98860b1
--- /dev/null
+++ b/resoft/field_manager_new/process/project/apply_team/list.jsp
@@ -0,0 +1,205 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_no = r_call(request.getParameter("c_project_no")); 
+	int c_now_propose = 0;
+	if(c_no.equals("")){
+%>
+	
+<%	
+	}else{
+		int c_home = 0;
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			c_now_propose = rs_up.getInt("c_now_propose");
+			c_home = rs_up.getInt("c_field");
+			 
+%>
+  
+ 
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  Project 신청팀  관리
+         
        
+
+	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
         메인필드 
+ 		<%=rs_up.getString("f_name")%>
+ 	
         Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
         Project명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
        
+ <%
+			 
+		}
+		rs_up.close();
+
+}%>	
+		
+    	
+        
+        
+        
        
+        	  * 신청팀 관리
+        
        
+        
+        
+ 	
+ 	
+ 	<%
+ 		String[] a_field = new String[30];
+ 		int no_field = 0;
+ 		String sql_field =   "  SELECT * from tbl_apply_field where c_project_no = " + c_no +" and c_type <> 3 order by c_order asc ";
+		ResultSet rs_field = stmt.executeQuery(sql_field);
+		while (rs_field.next()) {
+			if(no_field < 7){
+				no_field = no_field+1;
+				a_field[no_field] = rs_field.getString("c_use_field");
+ 				%> 
+ 				
+				<%
+			}
+	  }
+		rs_field.close();
+	%>
+	
+ 	
+ 		 
+ 	
+ 	<%
+	int totalRecord = 0; //총레코드개수
+	int numPerPage = 20; //한페이지당 보여줄레코드개수
+	int totalPage = 0; //총페이지수
+	int pagePerBlock = 10; //블록당페이지수
+	int nowPage = 1; //현재페이지
+	String sql1 = "";
+	sql1 = " select count(c_no) ";
+		sql1 = sql1 + " from tbl_apply_team  ";
+		sql1 = sql1 + " where   c_project_no = " + c_no +" and c_use = 0  ";
+	ResultSet rst = stmt.executeQuery(sql1);
+	if (rst.next()) {
+		totalRecord = rst.getInt(1);
+	}
+	rst.close();
+	if ( r_call(request.getParameter("nowPage")) != null && !r_call(request.getParameter("nowPage")).equals("")) {
+		nowPage = Integer.parseInt(r_call(request.getParameter("nowPage")));
+	}
+	
+	//nowPage = 93;
+	//totalRecord =1240;
+	int pfirst = 0; //첫페이지 번호
+	int plast = 0; // 끝페이지 번호
+	int plast_org = 0;
+
+	pfirst = ((nowPage-1)/pagePerBlock)*pagePerBlock + 1;
+	plast = pfirst + pagePerBlock - 1;
+	plast_org = (totalRecord-1)/numPerPage + 1;
+	if(plast > plast_org){
+		plast = plast_org;
+	}
+	int c_number=totalRecord-(nowPage-1)*numPerPage;
+	
+	int sql_now_page = (nowPage - 1) * numPerPage;
+ 	String para_t = "&c_project_no=" +c_no;
+ 	
+		int trp = 0; 		 
+ 		 sql_field =   "select t.* from (  SELECT a.* ";
+ 		 sql_field = sql_field + ",( select count(*) from tbl_apply_team_member where c_team_no = a.c_no and c_type = 0 and c_use = 0 ) as team_no ";
+ 		 sql_field = sql_field + ",( select c_name from tbl_apply_team_member where c_team_no = a.c_no and c_type = 1 and c_use = 0 ) as cap_name ";
+ 		 sql_field = sql_field + " from tbl_apply_team a where a.c_project_no = " + c_no +" and a.c_use = 0 ) t order by t.c_no desc ";
+		 sql_field = sql_field + " limit "+ sql_now_page +" , "+ numPerPage +" ";
+		rs_field = stmt.executeQuery(sql_field);
+		while (rs_field.next()) {
+			trp= trp + 1;
+ 	%> 
+	 		
+		 	
+		 	<%for(int yh = 1;yh < no_field + 1;yh++){%>
+		 		
+		 	<%}%>
+		 	
+		 	
+		 	
+	<%
+	  }
+		rs_field.close();
+	%>	 
+ 	
         번호 <%=rs_field.getString("c_name")%> 팀장 팀원수
         <%=trp%> 
+		 			<%if(a_field[yh].equals("c_team_name")){%>
+		 				&nowPage=<%=nowPage%>">
+		 			<%}%>
+		 			<%=rs_field.getString(a_field[yh])%>
+		 		 &nowPage=<%=nowPage%>"><%=rs_field.getString("cap_name")%> <%=rs_field.getInt("team_no")%>
        
+ 		
+    	
+        
        
+  			
+	        	
+			<%if(pfirst > 1){ %>
+			
+			
+			<%}%>
+	        	<% for(int i=pfirst;i
+	        	 
+	        	<%}%>
+	        	<%if(plast < plast_org){ %>
+			
+			
+			<%}%>
+			
+			
        
+				〈〈
+			
+				〈
+			
+	        		<% if(i==nowPage){%>
+	        		<%=i%>
+	        		<%}else{%>
+	        		<%=i%>
+				<%}%>
+	        	
+				〉
+			
+				〉〉
+			
        	
+	
        	
+	 

        
+	  

        
+
        
+
+
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/project/apply_team/view.jsp b/resoft/field_manager_new/process/project/apply_team/view.jsp
new file mode 100644
index 0000000..9f181da
--- /dev/null
+++ b/resoft/field_manager_new/process/project/apply_team/view.jsp
@@ -0,0 +1,213 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+	int c_now_propose = 0;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+	String slq_chekc = "select * from tbl_apply_team where c_project_no = "+ c_project_no + " and c_no = " + c_team_no + " and c_use = 0 ";
+	ResultSet rs_check = stmt.executeQuery(slq_chekc);
+	if (rs_check.next()) {
+	
+		int c_home = 0;
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			c_now_propose = rs_up.getInt("c_now_propose");
+			c_home = rs_up.getInt("c_field");
+			 
+%>
+  
+ 
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  Project 신청팀 정보
+         
        
+
+	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
         메인필드 
+ 		<%=rs_up.getString("f_name")%>
+ 	
         Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
         Project명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
        
+ <%
+			 
+		}
+		rs_up.close();
+
+%>	
+		
+    	
+        
+        
+        
        
+        	  * 신청팀 정보
+        
        
+        
+	
+ 	
+ 	
+ 	
+ 	 
+ 	
+ 	<%
+ 		int i = 0;
+ 		int stu_check = 1;
+ 		String sql_field =   "  SELECT * from tbl_apply_field where c_project_no = " + c_project_no +" order by c_order asc ";
+		ResultSet rs_field = stmt.executeQuery(sql_field);
+		while (rs_field.next()) {
+			if(rs_field.getString("c_use_field").equals("c_grade")){
+				stu_check = 0;
+			}
+			i = i + 1;
+ 	%> 
+ 	 
+	 	
+	 	 
+	 	
+ 		
+ 		
+	 	 
+	 	
+	 	 
+	<%
+ 	 
+	  }
+		rs_field.close();
+	%>	
+ 	
         항목 내용
         
+	 		<%=rs_field.getString("c_name")%>
+	 	 
+			<%if(rs_field.getInt("c_type") == 1){%>
+				  <%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 2){
+			%>
+				<%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 3){%>
+				 <%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 4){%>
+				등록 파일 : <%=rs_check.getString(rs_field.getString("c_use_field")).replaceAll("\n\r","
        ")%>
+				 
+			<%}%>
+	 	
        
+ 	<%
+ 		String major_t = "학과";
+ 		String grade_t = "학년";
+ 		if( stu_check == 1){
+ 			major_t = "부서";
+ 			grade_t = "직급";
+ 		}
+ 	%>
+ 		
+    	
+        
+        
+        
        
+        	  * 팀원 정보
+        
        
+         
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%
+ 	String slq_t = "select * from tbl_apply_team_member where c_project_no = "+ c_project_no + " and c_team_no = " + c_team_no + " and c_use = 0 order by c_type desc ";
+	ResultSet rs_t = stmt2.executeQuery(slq_t);
+	while(rs_t.next()) {
+	%>
+	
+	
+	
+	
+	
+	
+	
+ 	
+ 	<%}
+ 	rs_t.close();
+ 	%>
+ 	
         Cap. 이메일 이름 전화 <%=major_t%> <%=grade_t%>
        
+		<%if(rs_t.getInt("c_type") == 1){%>
+			팀장
+		<%}else{%>
+			팀원
+		<%}%>
+	
+		<%=rs_t.getString("c_email")%>
+ 	
+		<%=rs_t.getString("c_name")%>
+ 	
+		<%=rs_t.getString("c_phone")%>
+ 	
+		<%=rs_t.getString("c_major")%>
+ 	
+		<%=rs_t.getString("c_grade")%>
+ 	
        
+ 	
+ 	
+    		
+        
+	 
+	 
        
+    			목록가기
+		
         
+ 	
+	 

        
+	  

        
+
        
+
+
+<%}else{%>
+	 
+	 <%}
+	 rs_check.close();
+	 %>
+	<%}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/project/change_now.jsp b/resoft/field_manager_new/process/project/change_now.jsp
new file mode 100644
index 0000000..13500c6
--- /dev/null
+++ b/resoft/field_manager_new/process/project/change_now.jsp
@@ -0,0 +1,26 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_now = r_call(request.getParameter("c_now"));
+	String c_field = r_call(request.getParameter("c_field"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_project set c_now = "+ c_now +"  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/project/change_order.jsp b/resoft/field_manager_new/process/project/change_order.jsp
new file mode 100644
index 0000000..6521b38
--- /dev/null
+++ b/resoft/field_manager_new/process/project/change_order.jsp
@@ -0,0 +1,30 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_order = r_call(request.getParameter("c_order"));
+	String o_no = r_call(request.getParameter("o_no"));
+	String o_order = r_call(request.getParameter("o_order"));
+	String c_field = r_call(request.getParameter("c_field"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_project set c_order = "+ o_order +"  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+		sql_ok = "update tbl_project set c_order = "+ c_order +"  where c_no = "+ o_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/project/delete.jsp b/resoft/field_manager_new/process/project/delete.jsp
new file mode 100644
index 0000000..d78d264
--- /dev/null
+++ b/resoft/field_manager_new/process/project/delete.jsp
@@ -0,0 +1,26 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_field = r_call(request.getParameter("c_field"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_project set c_use = 1  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/project/edit.jsp b/resoft/field_manager_new/process/project/edit.jsp
new file mode 100644
index 0000000..7871e5b
--- /dev/null
+++ b/resoft/field_manager_new/process/project/edit.jsp
@@ -0,0 +1,104 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_no = r_call(request.getParameter("c_no")); 
+	String c_field = "" + session.getAttribute("manager_field_no");
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  Category 수정
+         
        
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 표시가 있는 항목은 반드시 입력해 주세요.
+        	  
+         
        
+        <%
+        String sql1="  SELECT * from tbl_project  where c_no = " + c_no + " ";
+	ResultSet rst = stmt.executeQuery(sql1);
+	if(rst.next()) {
+	%>
+ 	
+ 	
+ 	
+ 	" type="hidden">
+ 	" type="hidden">
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
         *메인필드 선택  
+ 		
+ 	
         *Category명  " id="" style="width:200px" maxlength="50"/> 
        
+ 	<%
+	}
+	rst.close();
+	%> 
+
+	
+ 	
+    		
+        
+	 
+	 
        
+			수정
+			취소
+		
        
+
        
+
+<%
+	}
+%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/project/edit_ok.jsp b/resoft/field_manager_new/process/project/edit_ok.jsp
new file mode 100644
index 0000000..89f6df4
--- /dev/null
+++ b/resoft/field_manager_new/process/project/edit_ok.jsp
@@ -0,0 +1,36 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_no = r_call(request.getParameter("c_no")); 
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_field = r_call(request.getParameter("c_field")); 
+	String o_field = r_call(request.getParameter("o_field")); 
+	String o_order = r_call(request.getParameter("c_order")); 
+
+	int c_order = 1;
+	
+	if(c_field.equals(o_field)){
+		c_order = Integer.parseInt(o_order);
+	}else{
+		String sql1="  SELECT max(c_order) as max_order from tbl_project  where c_field = " + session.getAttribute("manager_field_no") + " and c_relation = 0 and c_type = 0 and c_up_no = 0 and c_use = 0 ";
+		ResultSet rst = stmt.executeQuery(sql1);
+		if(rst.next()) {
+			c_order = c_order + rst.getInt("max_order");	
+		}
+		rst.close();
+	}
+		String sql_ok = "";
+		sql_ok = "update tbl_project set c_field = "+ session.getAttribute("manager_field_no") +",c_name = '"+ c_name+"',c_order="+ c_order +" where c_no = " + c_no;
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/project/insert.jsp b/resoft/field_manager_new/process/project/insert.jsp
new file mode 100644
index 0000000..347c67d
--- /dev/null
+++ b/resoft/field_manager_new/process/project/insert.jsp
@@ -0,0 +1,80 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_field = "" + session.getAttribute("manager_field_no");
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  Category 등록
+         
        
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 표시가 있는 항목은 반드시 입력해 주세요.
+        	  
+         
        
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
         *메인필드 선택  
+ 		
+ 	
         *c_category명   
        
+
+	
+ 	
+    		
+        
+	 
+	 
        
+			등록
+			취소
+		
        
+
        
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/project/insert_ok.jsp b/resoft/field_manager_new/process/project/insert_ok.jsp
new file mode 100644
index 0000000..49db5c5
--- /dev/null
+++ b/resoft/field_manager_new/process/project/insert_ok.jsp
@@ -0,0 +1,28 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_field = r_call(request.getParameter("c_field")); 
+	int c_order = 1;
+	String sql1="  SELECT max(c_order) as max_order from tbl_project  where c_field = " + session.getAttribute("manager_field_no") + " and c_relation = 0 and c_type = 0 and c_up_no = 0 and c_use = 0 ";
+	ResultSet rst = stmt.executeQuery(sql1);
+	if(rst.next()) {
+		c_order = c_order + rst.getInt("max_order");	
+	}
+	rst.close();
+		String sql_ok = "";
+		sql_ok = "insert into tbl_project (c_relation,  c_field, c_type,c_up_no,c_name,c_order,c_use,c_date) values(";
+		sql_ok = sql_ok + " 0," +  session.getAttribute("manager_field_no") + ",0,0,'" + c_name + "'," + c_order + ",0,now())";
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/project/list.jsp b/resoft/field_manager_new/process/project/list.jsp
new file mode 100644
index 0000000..a69db10
--- /dev/null
+++ b/resoft/field_manager_new/process/project/list.jsp
@@ -0,0 +1,271 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_field = "" + session.getAttribute("manager_field_no");
+	String c_now = r_call(request.getParameter("c_now"));
+	String where_text = " ";
+	if(!c_field.equals("")){
+		where_text = where_text + " and c_field = " + c_field + " ";
+	} 
+	if(!c_now.equals("")){
+		where_text = where_text + " and c_now = " + c_now + " ";
+	} 
+	int col_no = 11;
+%>
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  카테고리 & 프로젝트 관리
+         
        
+
+	
+		
+	
+    	
+        
+        
+        
+        
+        
        
+        	메인필드
+        	
+        	Category상태
+        	
+        
+        	  
+        	  * 현재상태를 클릭하면 순차적으로 변경 됩니다.
        
+        	  * 화살표를 클릭하면 순서를 변경할 수 있습니다.
        
+        	  * Category 상태가 종료일 경우 하위 프로젝트 등록이 불가능합니다.
        
+        	  * Category 상태가 진행 or 종료일 경우 수정 또는 삭제가 불가능합니다.
        
+        	  * Category 삭제 시 하위 Project가 같이 삭제 됩니다. 삭제에 유의하세요.
+        	          
+         
        
+ 		
+    	
+        
+        
+        
+        
+        
+        
+         
+        
+        
+        
+        
+	
+	
+        
+	<%
+		 int old_field = 0;
+		 int o_no = 0;
+		 int o_order = 0;
+		 int o_s_no = 0;
+		 int o_s_order = 0;
+		 
+		 String sql1="  SELECT a.*, b.c_name as f_name from tbl_project a inner join tbl_field b on b.c_no = a.c_field and b.c_relation = 0 and b.c_use = 0 where a.c_relation = 0 and a.c_use = 0 and c_type = 0 " + where_text + "  order by b.c_name asc, a.c_order asc, a.c_no desc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+		
+			
+				<%
+				o_s_no = 0;
+				o_s_order = 0;
+				 String sql_sub    = "  SELECT a.*, b.c_name as f_name ";
+				 sql_sub = sql_sub + " ,(select c_no from tbl_project_operation where c_project_no = a.c_no and c_manager_no = "+ session.getAttribute("manager_no") +" and c_use = 0 ) as c_op ";
+				 sql_sub = sql_sub + "  from tbl_project a ";
+				 sql_sub = sql_sub + " inner join tbl_field b on b.c_no = a.c_field and b.c_relation = 0 and b.c_use = 0 ";
+				 sql_sub = sql_sub + " where a.c_relation = 0 and a.c_use = 0 and c_type = 1 and c_up_no = "+ rst.getInt("c_no") +" ";
+				 sql_sub = sql_sub + " order by a.c_order asc, a.c_no desc";
+				 ResultSet rs_sub = stmt.executeQuery(sql_sub);
+				 while (rs_sub.next()) {
+				%>
+					
+						
+						
+						
+						
+						
+						
+						
+							<%if(rst.getInt("c_now") < 2){%>
+								 <%if(rs_sub.getInt("c_op") == 0 ){%>
+								 	
+								 <%}else{%>
+								 	
+								 <%}%>
+							 <%}%>
+						
+						
+						
+						
+						
+						
+					
+				<%
+				}	 
+					 rs_sub.close();
+				%>
+			
+		
+	<%		o_no =  rst.getInt("c_no");
+			o_order =  rst.getInt("c_order");
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rst.close();
+	 %>
+        
        메인필드명Category & Project 명신청설문평가BCB순서운영추가Pro등록상태등록일수정삭제
        
+				<% if(old_field != rst.getInt("c_field")){%>	
+					<%=rst.getString("f_name")%>
+				<%}%>
+			
+				[ <%=rst.getString("c_name")%> ]
+			
+			
+			
+			
+			
+				<% if(old_field == rst.getInt("c_field")){%>
+					&c_order=<%=rst.getInt("c_order")%>&o_no=<%=o_no%>&o_order=<%=o_order%>&c_field=<%=c_field%>">▲
+				<%}else{
+					old_field = rst.getInt("c_field");
+				%>
+					 
+				<%}%>
+			
+			
+				<%if(rst.getInt("c_now") < 2){%>
+					&c_field=<%=c_field%>">[등록]
+				<%}%>
+			
+				<%if(rst.getInt("c_now") == 0){%>
+					&c_field=<%=c_field%>&c_now=1">대기
+				<%}%>
+				<%if(rst.getInt("c_now") == 1){%>
+					&c_field=<%=c_field%>&c_now=2">진행
+				<%}%>
+				<%if(rst.getInt("c_now") == 2){%>
+					&c_field=<%=c_field%>&c_now=0">종료
+				<%}%>
+			<%=rst.getString("c_date").substring(0,10)%>
+				<%if(rst.getInt("c_now") == 0){%>
+				&c_field=<%=c_field%>">[수정]
+				<%}%>
+			
+				<%if(rst.getInt("c_now") == 0){%>
+				&c_field=<%=c_field%>'}">[삭제]
+				<%}%>
+			
        
+							 └ <%=rs_sub.getString("c_name")%> 
+						
+							<%if(rs_sub.getInt("c_propose") == 0){%>
+								&c_field=<%=c_field%>">O
+							<%}else{%>
+								&c_field=<%=c_field%>">X
+							<%}%>
+						
+							<%if(rs_sub.getInt("c_survey") == 0){%>
+								&c_field=<%=c_field%>">O
+							<%}else{%>
+								&c_field=<%=c_field%>">X
+							<%}%>
+						
+							<%if(rs_sub.getInt("c_point") == 0){%>
+								&c_field=<%=c_field%>">O
+							<%}else{%>
+								&c_field=<%=c_field%>">X
+							<%}%>
+						
+							<%if(rs_sub.getInt("c_bcb") == 0){%>
+								&c_field=<%=c_field%>">O
+							<%}else{%>
+								&c_field=<%=c_field%>">X
+							<%}%>
+						
+							<% if(o_s_no > 0){%>
+								&c_order=<%=rs_sub.getInt("c_order")%>&o_no=<%=o_s_no%>&o_order=<%=o_s_order%>&c_field=<%=c_field%>">▲
+							<%}%>
+							<%
+								o_s_no = rs_sub.getInt("c_no");
+								o_s_order = rs_sub.getInt("c_order");
+							%>
+						
+									 	&c_field=<%=c_field%>">off	
+									
+									 	&c_field=<%=c_field%>">on
+									
+							 
+						
+							 
+						<%=rst.getString("c_date").substring(0,10)%>
+							<%if(rst.getInt("c_now") == 0){%>
+							&c_field=<%=c_field%>">[수정]
+							<%}%>
+						
+							<%if(rst.getInt("c_now") == 0){%>
+							&c_field=<%=c_field%>'}">[삭제]
+							<%}%>
+						
        자료가 없습니다.
        
+
+        	
+    	
+	
+    			
+	
        
+		카테고리 등록
+	
        
+
        
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/project/operation/delete.jsp b/resoft/field_manager_new/process/project/operation/delete.jsp
new file mode 100644
index 0000000..b22a95c
--- /dev/null
+++ b/resoft/field_manager_new/process/project/operation/delete.jsp
@@ -0,0 +1,22 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_no = r_call(request.getParameter("c_no")); 
+	String c_field = r_call(request.getParameter("c_field")); 
+ 
+	
+		String sql_ok = "update tbl_project_operation set c_use = 1 where c_no = "+ c_no;
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/project/operation/insert.jsp b/resoft/field_manager_new/process/project/operation/insert.jsp
new file mode 100644
index 0000000..f1dca65
--- /dev/null
+++ b/resoft/field_manager_new/process/project/operation/insert.jsp
@@ -0,0 +1,31 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_field = r_call(request.getParameter("c_field")); 
+
+	int c_order = 1;
+	String sql1="  SELECT max(c_order) as max_order from tbl_project_operation  where c_manager_no = " + session.getAttribute("manager_no") + " and c_use = 0 ";
+	ResultSet rst = stmt.executeQuery(sql1);
+	if(rst.next()) {
+		c_order = c_order + rst.getInt("max_order");	
+	}
+	rst.close();
+	
+		String sql_ok = "";
+		sql_ok = "insert into tbl_project_operation (c_project_no,c_manager_no,c_order,c_use,c_date) values(";
+		sql_ok = sql_ok + "  " + c_project_no + "," + session.getAttribute("manager_no") + "," + c_order + ",0,now())";
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/project/plan/change_mode.jsp b/resoft/field_manager_new/process/project/plan/change_mode.jsp
new file mode 100644
index 0000000..d100c0f
--- /dev/null
+++ b/resoft/field_manager_new/process/project/plan/change_mode.jsp
@@ -0,0 +1,26 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	String c_mode = r_call(request.getParameter("c_mode"));
+	String c_value = r_call(request.getParameter("c_value"));
+	if(c_project_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_project_plan set "+ c_mode +" = "+ c_value +"  where c_relation=0 and c_project_no  = "+ c_project_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/project/plan/list.jsp b/resoft/field_manager_new/process/project/plan/list.jsp
new file mode 100644
index 0000000..1d889e3
--- /dev/null
+++ b/resoft/field_manager_new/process/project/plan/list.jsp
@@ -0,0 +1,484 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_no = r_call(request.getParameter("c_project_no")); 
+	if(c_no.equals("")){
+%>
+	
+<%	
+	}else{
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+		
+			String sql_sub = "select * from tbl_project_plan where c_relation = 0 and c_project_no = " + c_no;
+			ResultSet rs_sub = stmt.executeQuery(sql_sub);
+			if (!rs_sub.next()) {
+				String sql_ins = "insert into tbl_project_plan (c_relation, c_project_no,c_propose_s_date,c_propose_e_date,c_bcb_s_date,c_bcb_e_date,c_bcb_period,c_date) values (0,"+ c_no +", CURDATE(),CURDATE(),CURDATE(),CURDATE(),1,now())";
+				stmt2.execute(sql_ins); 
+				sql_ins = "insert into tbl_project_plan_bcb_period (c_project_no,c_period_no,c_s_date,c_e_date) values ("+ c_no +", 1,CURDATE(),CURDATE())";
+				stmt2.execute(sql_ins); 
+			}
+			rs_sub.close();
+			sql_sub = "select * from tbl_project_plan where c_relation = 0 and c_project_no = " + c_no;
+			rs_sub = stmt.executeQuery(sql_sub);
+			if (rs_sub.next()) {
+%>
+ 
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  Project 운영일정 관리
+         
        
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 프로젝트 운영일정은 프로젝트 관련 항목과 연계 됩니다. 
+        	  
+         
        
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+	 		
+
+ 	<%if(rs_up.getInt("c_propose") == 0){%>
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	<%}else{%>
+		
+	 	
+	 	
+ 	<%}%>
+ 	<%if(rs_up.getInt("c_survey") == 0){%>
+	 	
+	 	
+	 	
+	 	
+	 <%}else{%>
+		
+	 	
+	 	
+ 	<%}%>
+ 	<%if(rs_up.getInt("c_point") == 0){%>
+	 	
+	 	
+	 	
+	 	
+	<%}else{%>
+		
+	 	
+	 	
+ 	<%}%>
+ 	<%if(rs_up.getInt("c_bcb") == 0){%>
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	 	
+	<%}else{%>
+		
+	 	
+	 	
+ 	<%}%>
+ 	
         메인필드 
+ 		<%=rs_up.getString("f_name")%>
+ 	
         Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
         Project명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
         Project 현재 상태 
+ 		 
+		<%if(rs_sub.getInt("c_now") == 0){%>
+			대기중
+		<%}%>
+		<%if(rs_sub.getInt("c_now") == 1){%>
+			진행중
+		<%}%>
+		<%if(rs_sub.getInt("c_now") == 2){%>
+			종료
+		<%}%>
+ 		 
+ 		  
+		* 상태를 클릭하면 변경 가능합니다.
+ 	
         신청 일정  현재상태 
+	 		<%if(rs_sub.getInt("c_now") < 2){%>
+		 		 
+				<%if(rs_sub.getInt("c_now_propose") == 0){%>
+					대기중
+				<%}%>
+				<%if(rs_sub.getInt("c_now_propose") == 1){%>
+					진행중
+				<%}%>
+				<%if(rs_sub.getInt("c_now_propose") == 2){%>
+					종료
+				<%}%>
+		 		 
+		 		  
+				* 상태를 클릭하면 변경 가능합니다.
+			<%}else{%>
+				* 프로젝트가 종료일 경우 상태변경이 불가능합니다.
+			<%}%>
+	 	
         기간 
+	 		
+		 		<%=rs_sub.getString("c_propose_s_date").substring(0,16)%> ~ <%=rs_sub.getString("c_propose_e_date").substring(0,16)%>
+		 		<%if(rs_sub.getInt("c_now") < 2 && rs_sub.getInt("c_now_propose") < 2){%>
+			 		[수정]
+		 		<%}%>
+	 		
+	 		
+	 	
         신청 일정 
+			미사용
+	 	
         설문 일정  현재상태 
+	 		<%if(rs_sub.getInt("c_now") < 2){%>
+		 		 
+				<%if(rs_sub.getInt("c_now_survey") == 0){%>
+					대기중
+				<%}%>
+				<%if(rs_sub.getInt("c_now_survey") == 1){%>
+					진행중
+				<%}%>
+				<%if(rs_sub.getInt("c_now_survey") == 2){%>
+					종료
+				<%}%>
+		 		 
+		 		  
+				* 상태를 클릭하면 변경 가능합니다.
+			<%}else{%>
+				* 프로젝트가 종료일 경우 상태변경이 불가능합니다.
+			<%}%>
+	 	
         설문 일정 
+			미사용
+	 	
         평가 일정  현재상태 
+	 		<%if(rs_sub.getInt("c_now") < 2){%>
+		 		 
+				<%if(rs_sub.getInt("c_now_point") == 0){%>
+					대기중
+				<%}%>
+				<%if(rs_sub.getInt("c_now_point") == 1){%>
+					진행중
+				<%}%>
+				<%if(rs_sub.getInt("c_now_point") == 2){%>
+					종료
+				<%}%>
+		 		 
+		 		  
+				* 상태를 클릭하면 변경 가능합니다.
+			<%}else{%>
+				* 프로젝트가 종료일 경우 상태변경이 불가능합니다.
+			<%}%>
+	 	
         평가 일정 
+			미사용
+	 	
         BCB 일정  현재상태 
+	 		<%if(rs_sub.getInt("c_now") < 2){%>
+		 		 
+				<%if(rs_sub.getInt("c_now_bcb") == 0){%>
+					대기중
+				<%}%>
+				<%if(rs_sub.getInt("c_now_bcb") == 1){%>
+					진행중
+				<%}%>
+				<%if(rs_sub.getInt("c_now_bcb") == 2){%>
+					종료
+				<%}%>
+		 		 
+		 		  
+				* 상태를 클릭하면 변경 가능합니다.
+			<%}else{%>
+				* 프로젝트가 종료일 경우 상태변경이 불가능합니다.
+			<%}%>
+	 	
         전체기간 
+	 		  <%=rs_sub.getString("c_bcb_s_date").substring(0,10)%> ~ <%=rs_sub.getString("c_bcb_e_date").substring(0,10)%>
+	 		   * Period를 수정하면 자동 변경 됩니다.
+	 	
         Period 
+	 		
+		 		총 <%=rs_sub.getInt("c_bcb_period")%> Period
+		 		<%if(rs_sub.getInt("c_now") < 2 && rs_sub.getInt("c_now_bcb") < 2){%>
+			 		[수정]
+		 		<%}%>
+	 		
+	 		
+	 	
         BCB 일정 
+			미사용
+	 	
        
+
+	
+
        
+

        
+

        
+

        
+

        
+

        
+

        
+
+<%
+				}
+			rs_sub.close();
+
+		}
+		rs_up.close();
+
+}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/project/plan/period_set.jsp b/resoft/field_manager_new/process/project/plan/period_set.jsp
new file mode 100644
index 0000000..1a5b0d2
--- /dev/null
+++ b/resoft/field_manager_new/process/project/plan/period_set.jsp
@@ -0,0 +1,40 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	String c_bcb_period = r_call(request.getParameter("c_bcb_period"));
+	int n_bcb_period = Integer.parseInt(c_bcb_period);
+	
+	if(c_project_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String c_bcb_s_date = r_call(request.getParameter("c_s_1" ));
+		String c_bcb_e_date = r_call(request.getParameter("c_e_" + c_bcb_period ));
+	
+		String sql_ok = "update tbl_project_plan set c_bcb_s_date = '"+ c_bcb_s_date +"', c_bcb_e_date = '"+ c_bcb_e_date +"', c_bcb_period = "+ c_bcb_period +" where c_relation=0 and c_project_no  = "+ c_project_no;
+		stmt.execute(sql_ok);
+		
+		sql_ok = " delete from tbl_project_plan_bcb_period where c_project_no  = "+ c_project_no;
+		stmt.execute(sql_ok);
+
+	for(int i = 1; i < n_bcb_period + 1; i++){
+		sql_ok = " insert into tbl_project_plan_bcb_period (c_project_no, c_period_no, c_s_date, c_e_date ) values (";
+		sql_ok = sql_ok + c_project_no + "," + i + ",'" + r_call(request.getParameter("c_s_" + i)) + "','" + r_call(request.getParameter("c_e_" + i)) + "')";
+		stmt.execute(sql_ok);
+	}
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/project/plan/time_set.jsp b/resoft/field_manager_new/process/project/plan/time_set.jsp
new file mode 100644
index 0000000..c0cc4d7
--- /dev/null
+++ b/resoft/field_manager_new/process/project/plan/time_set.jsp
@@ -0,0 +1,36 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	String c_mode = r_call(request.getParameter("c_mode"));
+	String c_value = r_call(request.getParameter("c_value"));
+	String c_propse_s_date = r_call(request.getParameter("c_propse_s_date"));
+	String c_propse_e_date = r_call(request.getParameter("c_propse_e_date"));
+	String c_propse_s_time1 = r_call(request.getParameter("c_propse_s_time1"));
+	String c_propse_s_time2 = r_call(request.getParameter("c_propse_s_time2"));
+	String c_propse_e_time1 = r_call(request.getParameter("c_propse_e_time1"));
+	String c_propse_e_time2 = r_call(request.getParameter("c_propse_e_time2"));
+	
+	c_propse_s_date = c_propse_s_date + " " + c_propse_s_time1 + ":" + c_propse_s_time2;
+	c_propse_e_date = c_propse_e_date + " " + c_propse_e_time1 + ":" + c_propse_e_time2;
+	if(c_project_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_project_plan set c_propose_s_date = '"+ c_propse_s_date +"', c_propose_e_date = '"+ c_propse_e_date +"' where c_relation=0 and c_project_no  = "+ c_project_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/project/project/change_management.jsp b/resoft/field_manager_new/process/project/project/change_management.jsp
new file mode 100644
index 0000000..a586d2c
--- /dev/null
+++ b/resoft/field_manager_new/process/project/project/change_management.jsp
@@ -0,0 +1,27 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_management = r_call(request.getParameter("c_management"));
+	String c_value = r_call(request.getParameter("c_value"));
+	String c_field = r_call(request.getParameter("c_field"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_project set "+ c_management +" = "+ c_value +"  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/project/project/edit.jsp b/resoft/field_manager_new/process/project/project/edit.jsp
new file mode 100644
index 0000000..465f425
--- /dev/null
+++ b/resoft/field_manager_new/process/project/project/edit.jsp
@@ -0,0 +1,171 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_field = r_call(request.getParameter("c_field")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+	if(c_no.equals("")){
+%>
+	
+<%	
+	}else{
+		String sql_up="  SELECT c.*, a.c_name as u_name, b.c_name as f_name from tbl_project c inner join tbl_project a  on a.c_no = c.c_up_no inner join tbl_field b on b.c_no = a.c_field where c.c_no = " + c_no;
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  Project 등록
+         
        
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 표시가 있는 항목은 반드시 입력해 주세요.
+        	  
+         
        
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
         *메인필드 
+ 		<%=rs_up.getString("f_name")%>
+ 	
         *Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
         *Project명  " id="" style="width:400px" maxlength="150"/> 
         *신청 운영  
+		
+		
+ 		
+ 		
        
+ 			checked<%}%>>
+		
+ 			운영
+		
+ 			checked<%}%>>
+		
+ 			미운영
+ 		
+ 			* 회원이 프로젝트에 참여 신청하는 항목입니다.
+ 		
        
+ 	
+ 	
         *설문 운영  
+		
+		
+ 		
+ 		
        
+ 			checked<%}%>>
+		
+ 			운영
+		
+ 			checked<%}%>>
+		
+ 			미운영
+ 		
+ 			* 프로젝트 관련 회원에 설문을 진행할 수 있는 항목입니다.
+ 		
        
+ 	
         *평가 운영  
+		
+		
+ 		
+ 		
        
+ 			checked<%}%>>
+		
+ 			운영
+		
+ 			checked<%}%>>
+		
+ 			미운영
+ 		
+ 			* 프로젝트 참여팀을 평가할 수 있는 항목입니다.
+ 		
        
+ 	
         *BCB 운영  
+		
+		
+ 		
+ 		
        
+ 			checked<%}%>>
+		
+ 			운영
+		
+ 			checked<%}%>>
+		
+ 			미운영
+ 		
+ 			* 프로젝트내에 BCB를 운영할 수 있는 항목입니다.
+ 		
        
+ 	
        
+
+	
+ 	
+    		
+        
+	 
+	 
        
+			수정
+			취소
+		
        
+
        
+
+<%
+		}
+		rs_up.close();
+
+}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/project/project/edit_ok.jsp b/resoft/field_manager_new/process/project/project/edit_ok.jsp
new file mode 100644
index 0000000..b3b9f86
--- /dev/null
+++ b/resoft/field_manager_new/process/project/project/edit_ok.jsp
@@ -0,0 +1,26 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+	String c_field = r_call(request.getParameter("c_field")); 
+	String c_propose = r_call(request.getParameter("c_propose")); 
+	String c_survey = r_call(request.getParameter("c_survey")); 
+	String c_point = r_call(request.getParameter("c_point")); 
+	String c_bcb = r_call(request.getParameter("c_bcb")); 
+	
+		String sql_ok = "";
+		sql_ok = "update tbl_project set c_name='"+ c_name +"',c_propose="+ c_propose +",c_survey="+ c_survey +",c_point="+ c_point +",c_bcb="+ c_bcb +" where c_no = " + c_no;
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/project/project/insert.jsp b/resoft/field_manager_new/process/project/project/insert.jsp
new file mode 100644
index 0000000..2726848
--- /dev/null
+++ b/resoft/field_manager_new/process/project/project/insert.jsp
@@ -0,0 +1,176 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_field = r_call(request.getParameter("c_field")); 
+	String c_up_no = r_call(request.getParameter("c_up_no")); 
+	if(c_up_no.equals("")){
+%>
+	
+<%	
+	}else{
+		String u_name = "";
+		String f_name = "";
+		int f_no = 0;
+		String sql_up="  SELECT a.c_field, a.c_name, b.c_name as f_name from tbl_project a inner join tbl_field b on b.c_no = a.c_field where a.c_no = " + c_up_no;
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			f_no = rs_up.getInt("c_field");
+			u_name = rs_up.getString("c_name");
+			f_name = rs_up.getString("f_name");
+		}
+		rs_up.close();
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  Project 등록
+         
        
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 표시가 있는 항목은 반드시 입력해 주세요.
+        	  
+         
        
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
         *메인필드 
+ 		<%=f_name%>
+ 	
         *Category 
+ 		<%=u_name%>
+ 	
         *Project명   
         *신청 운영  
+		
+		
+ 		
+ 		
        
+ 			
+		
+ 			운영
+		
+ 			
+		
+ 			미운영
+ 		
+ 			* 회원이 프로젝트에 참여 신청하는 항목입니다.
+ 		
        
+ 	
+ 	
         *설문 운영  
+		
+		
+ 		
+ 		
        
+ 			
+		
+ 			운영
+		
+ 			
+		
+ 			미운영
+ 		
+ 			* 프로젝트 관련 회원에 설문을 진행할 수 있는 항목입니다.
+ 		
        
+ 	
         *평가 운영  
+		
+		
+ 		
+ 		
        
+ 			
+		
+ 			운영
+		
+ 			
+		
+ 			미운영
+ 		
+ 			* 프로젝트 참여팀을 평가할 수 있는 항목입니다.
+ 		
        
+ 	
         *BCB 운영  
+		
+		
+ 		
+ 		
        
+ 			
+		
+ 			운영
+		
+ 			
+		
+ 			미운영
+ 		
+ 			* 프로젝트내에 BCB를 운영할 수 있는 항목입니다.
+ 		
        
+ 	
        
+
+	
+ 	
+    		
+        
+	 
+	 
        
+			등록
+			취소
+		
        
+
        
+
+<%}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/project/project/insert_ok.jsp b/resoft/field_manager_new/process/project/project/insert_ok.jsp
new file mode 100644
index 0000000..697d8f4
--- /dev/null
+++ b/resoft/field_manager_new/process/project/project/insert_ok.jsp
@@ -0,0 +1,36 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String f_no = r_call(request.getParameter("f_no")); 
+	String c_up_no = r_call(request.getParameter("c_up_no")); 
+	String c_field = r_call(request.getParameter("c_field")); 
+	String c_propose = r_call(request.getParameter("c_propose")); 
+	String c_survey = r_call(request.getParameter("c_survey")); 
+	String c_point = r_call(request.getParameter("c_point")); 
+	String c_bcb = r_call(request.getParameter("c_bcb")); 
+	
+	int c_order = 1;
+	String sql1="  SELECT max(c_order) as max_order from tbl_project  where c_up_no = " + c_up_no + " and c_relation = 0 and c_type = 1 and c_use = 0 ";
+	ResultSet rst = stmt.executeQuery(sql1);
+	if(rst.next()) {
+		c_order = c_order + rst.getInt("max_order");	
+	}
+	rst.close();
+	
+		String sql_ok = "";
+		sql_ok = "insert into tbl_project (c_relation, c_field,c_type,c_up_no,c_name,c_propose,c_survey,c_point,c_bcb,c_order,c_use,c_date) values(";
+		sql_ok = sql_ok + " 0," + f_no + ",1,"+ c_up_no +",'" + c_name + "',"+ c_propose +","+ c_survey +","+ c_point +","+ c_bcb +","+  + c_order + ",0,now())";
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/sts/list.jsp b/resoft/field_manager_new/process/sts/list.jsp
new file mode 100644
index 0000000..5d8f33b
--- /dev/null
+++ b/resoft/field_manager_new/process/sts/list.jsp
@@ -0,0 +1,198 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	int c_home = Integer.parseInt(r_call(request.getParameter("c_home")));
+	String s_year = r_call(request.getParameter("s_year"));
+	
+	Calendar currentCalendar = Calendar.getInstance();
+	int now_year =  currentCalendar.get(Calendar.YEAR);
+	int now_month = currentCalendar.get(Calendar.MONTH) + 1;
+	int c_year = now_year;
+	
+	if(!s_year.equals("")){
+		c_year = Integer.parseInt(s_year);
+	}
+	 
+%>
+
        
+	
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  Apply 접속 통계
+         
        
+
+	
+		
+	
+    	
+        
+         
+        
+        
+        
        
+        	
+        
+        	
+        
        
+ 		
+    	
+        
+        <%for(int m = 1 ; m < 13 ; m++){%>
+        
+        <%}%>
+        
+        			<%
+        			int m_co[] = new int[13];
+        			String sql_co = "select c_visit, c_month from tbl_visit where c_home = "+ c_home +" and c_project_no = 0 and c_show_no = -1 and c_c_no = 0 and  c_year = " + c_year + " order by c_month asc ";
+        			 ResultSet rs_co = stmt.executeQuery(sql_co);
+        			 while(rs_co.next()){
+        			 	m_co[rs_co.getInt("c_month")] = rs_co.getInt("c_visit");
+        			 }
+        			 rs_co.close();
+        			 if(c_home == 33){
+        			%>
+	        			
+				        
+				        <%for(int m = 1 ; m < 13 ; m++){%>
+				        
+				        <%}%>
+				        
+        			<%
+        			}
+        			%>
+        			<%
+        			for(int cho = 0; cho < 13; cho++){
+        				m_co[cho] = 0;
+        			}
+        			sql_co = "select c_visit, c_month from tbl_visit where c_home = "+ c_home +" and c_project_no = 0 and c_show_no = 0 and c_c_no = 0 and  c_year = " + c_year + " order by c_month asc ";
+        			rs_co = stmt.executeQuery(sql_co);
+        			 while(rs_co.next()){
+        			 	m_co[rs_co.getInt("c_month")] = rs_co.getInt("c_visit");
+        			 }
+        			 rs_co.close();
+        			 
+        			%>
+	        			
+				        
+				        <%for(int m = 1 ; m < 13 ; m++){%>
+				        
+				        <%}%>
+				        
+<%
+		 String sql1="  SELECT * from tbl_menu where c_up_no = 0 and c_home="+ c_home +"    order by c_order asc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 while (rst.next()) {
+%>
+			
+		        
+		        
+		        
+		        <%
+	        	 String sql12="  SELECT * from tbl_menu where c_up_no = "+ rst.getInt("c_no") +"   order by c_order asc";
+			 ResultSet rst2 = stmt2.executeQuery(sql12);
+			 while (rst2.next()) {
+			%>
+				<%
+        			for(int cho = 0; cho < 13; cho++){
+        				m_co[cho] = 0;
+        			}
+        			sql_co = "select c_visit, c_month from tbl_visit where c_home = "+ c_home +" and c_project_no = 0 and c_show_no = "+ rst2.getInt("c_no") +" and c_c_no = 0 and  c_year = " + c_year + " order by c_month asc ";
+        			rs_co = stmt.executeQuery(sql_co);
+        			 while(rs_co.next()){
+        			 	m_co[rs_co.getInt("c_month")] = rs_co.getInt("c_visit");
+        			 }
+        			 rs_co.close();
+        			 
+        			%>
+				
+			        
+			        <%for(int m = 1 ; m < 13 ; m++){%>
+			        
+			        <%}%>
+			        
+<%			}
+			rst2.close();
+%>
+<%		}
+		rst.close();
+%>
+			 
+	 		
+		        
+		        
+		        <%
+	        	 String sql121="  SELECT * from tbl_menu where c_up_no = 1   order by c_order asc";
+			 ResultSet rst2 = stmt2.executeQuery(sql121);
+			 while (rst2.next()) {
+			%>
+				<%
+        			for(int cho = 0; cho < 13; cho++){
+        				m_co[cho] = 0;
+        			}
+        			sql_co = "select c_visit, c_month from tbl_visit where c_home = "+ c_home +" and c_project_no = 0 and c_show_no = "+ rst2.getInt("c_no") +" and c_c_no = 0 and  c_year = " + c_year + " order by c_month asc ";
+        			rs_co = stmt.executeQuery(sql_co);
+        			 while(rs_co.next()){
+        			 	m_co[rs_co.getInt("c_month")] = rs_co.getInt("c_visit");
+        			 }
+        			 rs_co.close();
+        			 
+        			%>
+				
+			        
+			        <%for(int m = 1 ; m < 13 ; m++){%>
+			        
+			        <%}%>
+			        
+<%			}
+			rst2.close();
+%>
+        
        메뉴<%=m%>월
        Intro Page
+				        	<%if(m_co[m]>0){%>
+				        	<%=m_co[m]%>
+				        	<%}%>
+				        
        Main Page
+       				        	<%if(m_co[m]>0){%>
+				        	<%=m_co[m]%>
+				        	<%}%>
+				        
        <%=rst.getString("c_name")%> 
        └ <%=rst2.getString("c_name")%> 
+				        	<%if(m_co[m]>0){%>
+				        	<%=m_co[m]%>
+				        	<%}%>
+			        
        Membership 
        └ <%=rst2.getString("c_name")%> 
+				        	<%if(m_co[m]>0){%>
+				        	<%=m_co[m]%>
+				        	<%}%>
+			        
        
+
+         
+
        
+
        
+
        
+
        
+
        
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/survey/project/change.jsp b/resoft/field_manager_new/process/survey/project/change.jsp
new file mode 100644
index 0000000..84816f0
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/project/change.jsp
@@ -0,0 +1,30 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_project_no= r_call(request.getParameter("c_project_no"));
+	String c_now= r_call(request.getParameter("c_now"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		 
+		 	
+		String sql_ok = "update tbl_survey_project set c_now = "+ c_now +"  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/survey/project/content.jsp b/resoft/field_manager_new/process/survey/project/content.jsp
new file mode 100644
index 0000000..542c7a8
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/project/content.jsp
@@ -0,0 +1,35 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	if(c_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c_content from tbl_survey_project where c_no = " + c_no;
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
        
+
        
+
        
+	
+
+
+		
+
        
+	<%=rs_up.getString("c_content")%> 	  
+
        
+<%		}
+		rs_up.close();
+	}
+%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/survey/project/delete.jsp b/resoft/field_manager_new/process/survey/project/delete.jsp
new file mode 100644
index 0000000..d1b0566
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/project/delete.jsp
@@ -0,0 +1,27 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_project_no= r_call(request.getParameter("c_project_no"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_survey_project set c_use = 1  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/survey/project/edit.jsp b/resoft/field_manager_new/process/survey/project/edit.jsp
new file mode 100644
index 0000000..958e2a4
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/project/edit.jsp
@@ -0,0 +1,146 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+
+
+<%
+	String c_no = r_call(request.getParameter("c_no")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  설문프로젝트 수정
+         
        
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
         메인필드 
+ 		<%=rs_up.getString("f_name")%>
+ 	
         Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
         Project명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
        
+  <%
+			 
+		}
+		rs_up.close();
+ }
+%>
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 표시가 있는 항목은 반드시 입력해 주세요.
+        	  
+         
        
+        		<%
+ 			 String sql12="  SELECT  * from tbl_survey_project where c_home = " + c_home + " and c_maker = 0 and c_use=0 and c_now=0 and c_no = "+ c_no +" ";
+		 	ResultSet rst2 = stmt.executeQuery(sql12);
+		 	 while (rst2.next()){%>
+ 	
+ 	
+ 	 
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
         *설문프로젝트 명 " id="" style="width:300px" maxlength="50"/> 
         *시용설문 
+ 		 * 사용 설문이 없을 경우 지표관리를 먼저 해 주세요. 
+ 	
         *설문안내 내용 
+ 		
+ 	
        
+ 	<%}
+		 	rst2.close();
+		 	%>
+
+	
+ 	
+    		
+        
+	 
+	 
        
+			수정
+			취소
+		
        
+
        
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/survey/project/edit_ok.jsp b/resoft/field_manager_new/process/survey/project/edit_ok.jsp
new file mode 100644
index 0000000..3700bad
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/project/edit_ok.jsp
@@ -0,0 +1,27 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_survey_no = r_call(request.getParameter("c_survey_no")); 
+	String c_content = r_call2(request.getParameter("c_content")); 
+	 
+		String sql_ok = "";
+		sql_ok = "update tbl_survey_project set c_name='"+ c_name +"',c_survey_no="+ c_survey_no +",c_content='"+ c_content +"' ";
+		sql_ok = sql_ok + " where c_now = 0 and c_use = 0 and c_no = " + c_no;
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/survey/project/insert.jsp b/resoft/field_manager_new/process/survey/project/insert.jsp
new file mode 100644
index 0000000..4e8d9ad
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/project/insert.jsp
@@ -0,0 +1,137 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+
+
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  설문프로젝트 등록
+         
        
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
         메인필드 
+ 		<%=rs_up.getString("f_name")%>
+ 	
         Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
         Project명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
        
+  <%
+			 
+		}
+		rs_up.close();
+ }
+%>
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 표시가 있는 항목은 반드시 입력해 주세요.
+        	  
+         
        
+ 	
+ 	
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
         *설문프로젝트 명  
         *시용설문 
+ 		 * 필요 설문이 없을 경우 설문관리를 먼저 해 주세요. 
+ 	
         *설문 안내내용 
+ 		
+ 	
        
+
+	
+ 	
+    		
+        
+	 
+	 
        
+			등록
+			취소
+		
        
+
        
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/survey/project/insert_ok.jsp b/resoft/field_manager_new/process/survey/project/insert_ok.jsp
new file mode 100644
index 0000000..c938321
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/project/insert_ok.jsp
@@ -0,0 +1,26 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_survey_no = r_call(request.getParameter("c_survey_no")); 
+	String c_content = r_call2(request.getParameter("c_content")); 
+	 
+		String sql_ok = "";
+		sql_ok = "insert into tbl_survey_project (c_home,c_maker,c_project_no, c_name,c_survey_no,c_content,c_now,c_use,c_date) values(";
+		sql_ok = sql_ok + c_home + ",0,"+ c_project_no +",'" + c_name + "',"+ c_survey_no +",'"+ c_content +"',0,0,now())";
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/survey/project/list.jsp b/resoft/field_manager_new/process/survey/project/list.jsp
new file mode 100644
index 0000000..2a6f797
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/project/list.jsp
@@ -0,0 +1,174 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	int col_no = 12;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  설문 프로젝트 관리
+         
        
+
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
         메인필드 
+ 		<%=rs_up.getString("f_name")%>
+ 	
         Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
         Project명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
        
+  <%
+			 
+		}
+		rs_up.close();
+ }
+%>
+		
+    	
+        
+        
+        
        
+        	  * 설문프로젝트 관리
+        
        
+        	 
+ 		
+    	
+        
+        
+        
+        
+        
+        
+        
+        
+        
+         
+        
+	<%
+		 
+		 
+		 String sql1="  SELECT  a.* ";
+		 sql1 = sql1 + " ,(select c_name from tbl_survey where c_no = a.c_survey_no) as survey_name ";
+		 sql1 = sql1 + " from tbl_survey_project a where a.c_home = " + c_home + " and a.c_maker = 0 and a.c_project_no = "+ c_project_no +" and  a.c_use=0 order by a.c_no desc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			 
+			
+		
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rst.close();
+	 %>
+        
        No설문명사용설문지설문
        보기        		설문대상
        관리        		안내문보기적용/종료결과관리수정삭제
        
+				<%=i_no%>
+			
+				<%=rst.getString("c_name")%>
+			
+				<%=rst.getString("survey_name")%>
+			
+				" target="_blank">[설문보기]
+			
+				">[대상관리]
+			
+				" target="_blank">[보기]
+			
+				<%if(rst.getInt("c_now") ==0){%>
+					&c_now=1'}">대기중
+				<%}%>
+				<%if(rst.getInt("c_now") ==1){%>
+					&c_now=2'}">진행중
+				<%}%>
+				<%if(rst.getInt("c_now") ==2){%>
+					종료
+				<%}%>
+
+			
+				<%if(rst.getInt("c_now") >0){%>
+				">[결과관리]
+				<%}%>
+			
+				<%if(rst.getInt("c_now") ==0){%>
+					&c_project_no=<%=c_project_no%>">[수정]
+				<%}%>
+			
+				 <%if(rst.getInt("c_now") ==0){%>
+					'}">[삭제]
+				 <%}%>
+			
+			 
+		
        자료가 없습니다.
        
+
+        	
+    	
+	
+    			
+	
        
+		신규 설문프로젝트 등록
+	
        
+
        
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/survey/project/result/list.jsp b/resoft/field_manager_new/process/survey/project/result/list.jsp
new file mode 100644
index 0000000..6dde499
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/project/result/list.jsp
@@ -0,0 +1,234 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_survey_no = "";
+	int col_no = 12;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  설문결과 
+         
        
+
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ <%
+			 
+		}
+		rs_up.close();
+ 
+ 		int edit_ok = 0;
+		sql_up =   "select a.* ";
+		sql_up = sql_up + ", ( select count(c_no) from tbl_survey_target where c_survey_project_no = a.c_no and c_use = 0 ) as t_no ";
+		sql_up = sql_up + ", ( select count(c_no) from tbl_survey_target where c_survey_project_no = a.c_no and c_use = 0 and c_now = 1 ) as t_ok_no ";
+		sql_up = sql_up + " from tbl_survey_project a ";
+		sql_up = sql_up + " where a.c_no = " + c_no + " ";
+		rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 edit_ok = rs_up.getInt("c_now");
+			 c_survey_no = rs_up.getString("c_survey_no");
+			 
+%>
+ 	 
+ 	
+ 	
+ 	 
+ 	
+ 	
+ 	 
+ 	
+ 	
+ 	 
+ 	
         메인필드 
+ 		<%=rs_up.getString("f_name")%>
+ 	
         Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
         Project명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
         설문프로젝트명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
         설문대상인원  
+ 		<%=rs_up.getInt("t_no")%> 명
+ 	
         설문참여인원  
+ 		<%=rs_up.getInt("t_ok_no")%> 명
+ 	
        
+  
+		
+    	
+        
+        
+        
        
+        	  * 설문 참여 결과
+        
        
+        
+        	
+    	
+        
+        
+        
+        
+        
+        	 
+ 	<%
+		 int total_point = 0;
+		 int o_no = 0;
+		 int o_order = 0;
+		 int o_no2 = 0;
+		 int o_order2 = 0;
+		 
+		 String sql1="  SELECT  * from tbl_survey_problem where c_survey_no = " + c_survey_no + " and c_up_no = 0 and c_use=0 order by c_order asc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			 
+			 
+			 
+		
+			<%
+		 
+		 	 
+			 String sql12="  SELECT  * from tbl_survey_problem where c_survey_no = " + c_survey_no + " and c_up_no = "+ rst.getInt("c_no") +" and c_use=0 order by c_order asc";
+			 ResultSet rst2 = stmt.executeQuery(sql12);
+			 int i_no2 = 0;
+			 while (rst2.next()) {
+			  
+				i_no2 = i_no2 + 1;
+			%>
+		    	
+				
+				
+				
+				
+				 
+			
+				 
+		 
+				<%
+		  
+	
+				 String sql13="  SELECT  a.* ";
+				 sql13 = sql13 + ", (select count(c_no) from tbl_survey_result where c_survey_project_no = "+ c_no +" and c_problem_no = "+ rst2.getInt("c_no") +" and c_answer_no = a.c_no  ) as choice_no ";
+				 sql13 = sql13 + " from tbl_survey_answer a where a.c_survey_no = " + c_survey_no + " and a.c_problem_no = "+ rst2.getInt("c_no") +" and a.c_use=0 order by a.c_order asc";
+				 ResultSet rst3 = stmt.executeQuery(sql13);
+				 int i_no3 = 0;
+				 while (rst3.next()) {
+				  
+					i_no3 = i_no3 + 1;
+				%>
+					
+					
+					
+					
+					
+					 
+				
+
+
+			 
+			<%
+				 }
+				rst3.close();
+			 %>
+		
+		<%
+			 }
+			rst2.close();
+		 %>
+			 
+	<%		 
+		 }
+		  
+		 rst.close();
+	 %>
+	 
        Category문항보기선택수주관식 보기
        
+				<%=rst.getString("c_title")%>
+			
        
+				
+					<%=rst2.getString("c_title")%>
+				
+					  
+				
+					   	<%if(rst2.getInt("c_type") > 1 ){%>
+						  	" target="_blank">[주관식 보기]
+						<%}%>
+				
        
+					
+						<%=rst3.getString("c_title")%>
+					
+						<%=rst3.getInt("choice_no")%>
+					
+						  <%if(rst3.getInt("c_type") == 1 ){%>
+						  	&c_answer_no=<%=rst3.getInt("c_no")%>" target="_blank">[주관식 보기]
+						  <%}%>
+					
         
+
+
+		
+    	
+	
+	
+    			
+	
        
+		 
+	
+		설문프로젝트 목록
+	
        
+
        
+
        
+
        
+
        
+
+
+<%	}
+		rs_up.close();
+ }
+ %>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/survey/project/result/text_view.jsp b/resoft/field_manager_new/process/survey/project/result/text_view.jsp
new file mode 100644
index 0000000..240edf7
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/project/result/text_view.jsp
@@ -0,0 +1,39 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_survey_project_no = r_call(request.getParameter("c_survey_project_no"));
+	String c_problem_no = r_call(request.getParameter("c_problem_no"));
+	String c_answer_no = r_call(request.getParameter("c_answer_no"));
+%>
+
        
+	
+
+
+		
+
        
+ 		
+		<%
+		int change_ok = 0;
+		String sql_sr = "select c_text from tbl_survey_result where c_survey_project_no = " + c_survey_project_no + " and c_problem_no = " + c_problem_no + " ";
+		if(!c_answer_no.equals("")){
+			sql_sr = sql_sr + " and c_answer_no = " + c_answer_no + " ";
+		}
+		ResultSet rs_sr = stmt.executeQuery(sql_sr);
+		while(rs_sr.next()){
+		%>
+	    	
+	        
+	        
+		<%
+		}
+		rs_sr.close();
+		%>
+        
        
+	        	<%=rs_sr.getString("c_text")%>
+	         
        
+	 
+ 	 
+
+


         
+
        
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/survey/project/target/delete.jsp b/resoft/field_manager_new/process/survey/project/target/delete.jsp
new file mode 100644
index 0000000..20c60b7
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/project/target/delete.jsp
@@ -0,0 +1,33 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_project_no= r_call(request.getParameter("c_project_no"));
+	String c_survey_target_no= r_call(request.getParameter("c_survey_target_no"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		 
+			 
+		 	
+		String sql_ok = "update tbl_survey_target set c_use = 1  where c_no = "+ c_survey_target_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+		
+		 
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/survey/project/target/insert_ok.jsp b/resoft/field_manager_new/process/survey/project/target/insert_ok.jsp
new file mode 100644
index 0000000..81436db
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/project/target/insert_ok.jsp
@@ -0,0 +1,53 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+	int target_project_no = Integer.parseInt(r_call(request.getParameter("target_project_no"))); 
+
+		String sql_ok2 = "";
+		sql_ok2 = "update tbl_survey_target set c_use = 1 where c_survey_project_no = " + c_no;
+		stmt2.execute(sql_ok2); 
+
+	if(target_project_no ==0){
+		String sql_pt = " select a.c_no, b.c_member_no from tbl_apply_team a ";
+		sql_pt = sql_pt + " inner join tbl_apply_team_member b on b.c_project_no = "+ c_project_no + " and b.c_team_no = a.c_no and b.c_use = 0 ";
+		sql_pt = sql_pt + " where a.c_project_no = "+ c_project_no + " and a.c_use = 0 order by a.c_no asc ";
+		ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		while (rs_pt.next()) {
+			if(rs_pt.getInt("c_member_no") != 0){
+				String sql_ok = "";
+				sql_ok = "insert into tbl_survey_target (c_survey_project_no,c_team_no,c_member_no, c_now,c_use,c_date) values(";
+				sql_ok = sql_ok + c_no + "," + rs_pt.getInt("c_no") + "," + rs_pt.getInt("c_member_no") + ",0,0,now())";
+				stmt2.execute(sql_ok); 
+			}
+		}
+		rs_pt.close();
+	
+	}else{
+		String sql_pt = " select a.c_team_no, b.c_member_no from tbl_point_target a ";
+		sql_pt = sql_pt + " inner join tbl_apply_team_member b on b.c_project_no = "+ c_project_no + " and b.c_team_no = a.c_team_no and b.c_use = 0 ";
+		sql_pt = sql_pt + " where a.c_point_project_no = "+ target_project_no + " and a.c_use = 0 and a.c_pass= 1 order by a.c_no asc ";
+		ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		while (rs_pt.next()) {
+			if(rs_pt.getInt("c_member_no") != 0){
+				String sql_ok = "";
+				sql_ok = "insert into tbl_survey_target (c_survey_project_no,c_team_no,c_member_no, c_now,c_use,c_date) values(";
+				sql_ok = sql_ok + c_no + "," + rs_pt.getInt("c_team_no") + "," + rs_pt.getInt("c_member_no") + ",0,0,now())";
+				stmt2.execute(sql_ok); 
+			}
+		}
+		rs_pt.close();
+	}
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/survey/project/target/list.jsp b/resoft/field_manager_new/process/survey/project/target/list.jsp
new file mode 100644
index 0000000..7afa95e
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/project/target/list.jsp
@@ -0,0 +1,217 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_project_no = r_call(request.getParameter("c_project_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	int col_no = 12;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+		 
+		
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 
+			 
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  설문대상 관리
+         
        
+
+
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ <%
+			 
+		}
+		rs_up.close();
+ 
+ 		int edit_ok = 0;
+		sql_up =   "select a.* ";
+		sql_up = sql_up + " from tbl_survey_project a ";
+		sql_up = sql_up + " where a.c_no = " + c_no + " ";
+		rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			 edit_ok = rs_up.getInt("c_now");
+			 
+			 
+%>
+ 	 
+ 	
+ 	
+ 	 
+ 	
         메인필드 
+ 		<%=rs_up.getString("f_name")%>
+ 	
         Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
         Project명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
         설문프로젝트명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
        
+  
+		
+    	
+        
+        
+        
        
+        	  * 설문대상 관리
+        
        
+        	 
+ 		
+    	
+        
+        
+        
+        
+        
+        
+        
+        
+	<%
+		 
+		 
+		 String sql_pt="select t.* from ( select a.*,b.c_team_name,d.c_name as mem_name ";
+		 sql_pt = sql_pt +" from tbl_survey_target a ";
+		 sql_pt = sql_pt +" inner join tbl_apply_team b on a.c_team_no = b.c_no ";
+		 sql_pt = sql_pt +" inner join tbl_member d on a.c_member_no = d.c_no ";
+		 sql_pt = sql_pt +" where a.c_survey_project_no = " + c_no + " and a.c_use = 0 ) t order by t.c_team_name asc, t.mem_name asc ";
+		 ResultSet rs_pt = stmt.executeQuery(sql_pt);
+		 int i_no = 0;
+		 while (rs_pt.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+			
+		       
+			
+			
+			
+			
+		 
+			
+		
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rs_pt.close();
+	 %>
+        
        No대상팀명팀정보보기대상팀원참가여부참가일자삭제
        
+				<%=i_no%>
+			
+				&c_project_no=<%=c_project_no%>" target="_blank"><%=rs_pt.getString("c_team_name")%>
+			
+				&c_project_no=<%=c_project_no%>" target="_blank">[정보보기]
+			
+				<%=rs_pt.getString("mem_name")%>
+			
+				<%if(rs_pt.getInt("c_now") == 0){%>
+					X
+				<%}else{%>
+					O
+				<%}%>
+			
+				<%if(rs_pt.getInt("c_now") == 1){%>
+					<%=rs_pt.getString("c_answer_date").substring(0,10)%>
+				<%}%>
+			
+				<%if(edit_ok == 0){%>
+				&c_home=<%=c_home%>&c_project_no=<%=c_project_no%>&c_no=<%=c_no%>'}" >[삭제]
+				<%}%>
+			
        자료가 없습니다.
        
+
+
+
+
        
+
+
+
+       	
+    	
+	
+	
+    			
+	
        
+		<%if(edit_ok == 0){%>
+		대상 선택 :  
+		 팀의 팀원을  
+		설문대상으로 신규 등록
        
+		<%}%>
+	        		
+		설문프로젝트 목록
+	
        
+
        
+
        
+
        
+
        
+
        
+
+
+<%	}
+		rs_up.close();
+ }
+ %>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/survey/project/target/view_team.jsp b/resoft/field_manager_new/process/survey/project/target/view_team.jsp
new file mode 100644
index 0000000..45e201b
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/project/target/view_team.jsp
@@ -0,0 +1,205 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_project_no = r_call(request.getParameter("c_project_no")); 
+	String c_team_no = r_call(request.getParameter("c_team_no")); 
+	int c_now_propose = 0;
+	if(c_project_no.equals("")){
+%>
+	
+<%	
+	}else{
+	String slq_chekc = "select * from tbl_apply_team where c_project_no = "+ c_project_no + " and c_no = " + c_team_no + " and c_use = 0 ";
+	ResultSet rs_check = stmt.executeQuery(slq_chekc);
+	if (rs_check.next()) {
+	
+		int c_home = 0;
+		String sql_up =   "  SELECT c.*, a.c_name as u_name, b.c_name as f_name ";
+		sql_up = sql_up + " , (select c_now_propose from tbl_project_plan where c_relation = 0 and c_project_no = c.c_no) as c_now_propose " ;
+		sql_up = sql_up + "  from tbl_project c ";
+		sql_up = sql_up + " inner join tbl_project a  on a.c_no = c.c_up_no ";
+		sql_up = sql_up + " inner join tbl_field b on b.c_no = a.c_field ";
+		sql_up = sql_up + " where c.c_no = " + c_project_no;
+		
+		ResultSet rs_up = stmt.executeQuery(sql_up);
+		if (rs_up.next()) {
+			c_now_propose = rs_up.getInt("c_now_propose");
+			c_home = rs_up.getInt("c_field");
+			 
+%>
+  
+ 
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  Project 신청팀 정보
+         
        
+
+	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	 
+ 	
         메인필드 
+ 		<%=rs_up.getString("f_name")%>
+ 	
         Category 
+ 		<%=rs_up.getString("u_name")%>
+ 	
         Project명  
+ 		<%=rs_up.getString("c_name")%>
+ 	
        
+ <%
+			 
+		}
+		rs_up.close();
+
+%>	
+		
+    	
+        
+        
+        
        
+        	  * 신청팀 정보
+        
        
+        
+	
+ 	
+ 	
+ 	
+ 	 
+ 	
+ 	<%
+ 		int i = 0;
+ 		int stu_check = 1;
+ 		String sql_field =   "  SELECT * from tbl_apply_field where c_project_no = " + c_project_no +" order by c_order asc ";
+		ResultSet rs_field = stmt.executeQuery(sql_field);
+		while (rs_field.next()) {
+			if(rs_field.getString("c_use_field").equals("c_grade")){
+				stu_check = 0;
+			}
+			i = i + 1;
+ 	%> 
+ 	 
+	 	
+	 	 
+	 	
+ 		
+ 		
+	 	 
+	 	
+	 	 
+	<%
+ 	 
+	  }
+		rs_field.close();
+	%>	
+ 	
         항목 내용
         
+	 		<%=rs_field.getString("c_name")%>
+	 	 
+			<%if(rs_field.getInt("c_type") == 1){%>
+				  <%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 2){
+			%>
+				<%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 3){%>
+				 <%=rs_check.getString(rs_field.getString("c_use_field"))%> 
+			<%}%>
+			<%if(rs_field.getInt("c_type") == 4){%>
+				등록 파일 : <%=rs_check.getString(rs_field.getString("c_use_field")).replaceAll("\n\r","
        ")%>
+				 
+			<%}%>
+	 	
        
+ 	<%
+ 		String major_t = "학과";
+ 		String grade_t = "학년";
+ 		if( stu_check == 1){
+ 			major_t = "부서";
+ 			grade_t = "직급";
+ 		}
+ 	%>
+ 		
+    	
+        
+        
+        
        
+        	  * 팀원 정보
+        
        
+         
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%
+ 	String slq_t = "select * from tbl_apply_team_member where c_project_no = "+ c_project_no + " and c_team_no = " + c_team_no + " and c_use = 0 order by c_type desc ";
+	ResultSet rs_t = stmt2.executeQuery(slq_t);
+	while(rs_t.next()) {
+	%>
+	
+	
+	
+	
+	
+	
+	
+ 	
+ 	<%}
+ 	rs_t.close();
+ 	%>
+ 	
         Cap. 이메일 이름 전화 <%=major_t%> <%=grade_t%>
        
+		<%if(rs_t.getInt("c_type") == 1){%>
+			팀장
+		<%}else{%>
+			팀원
+		<%}%>
+	
+		<%=rs_t.getString("c_email")%>
+ 	
+		<%=rs_t.getString("c_name")%>
+ 	
+		<%=rs_t.getString("c_phone")%>
+ 	
+		<%=rs_t.getString("c_major")%>
+ 	
+		<%=rs_t.getString("c_grade")%>
+ 	
        
+ 	 
+	 

        
+	  

        
+
        
+
+
+<%}else{%>
+	 
+	 <%}
+	 rs_check.close();
+	 %>
+	<%}%>
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/survey/project/view_ji.jsp b/resoft/field_manager_new/process/survey/project/view_ji.jsp
new file mode 100644
index 0000000..9a7c2a6
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/project/view_ji.jsp
@@ -0,0 +1,124 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_ji_no = r_call(request.getParameter("c_ji_no"));
+	int col_no = 9;
+%>
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  평가 문항 확인
+         
        
+
+ 		
+    	
+        
+        
+        
        
+		<%
+		int change_ok = 0;
+		String sql_ji = "select * from tbl_point_ji where c_home = " +c_home + " and c_no = " + c_ji_no;
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			change_ok = rs_ji.getInt("c_change");
+		%>
+		지표명 : <%=rs_ji.getString("c_name")%>
+		<%
+		}
+		rs_ji.close();
+		%>
+         
        
+	 
+	 
+ 		
+    	
+        
+        
+        
+        
+	<%
+		 int total_point = 0;
+		 int o_no = 0;
+		 int o_order = 0;
+		 int o_no2 = 0;
+		 int o_order2 = 0;
+		 
+		 String sql1="  SELECT  a.*,(select count(c_no) from tbl_point_ji_detail where c_up_no = a.c_no and c_use=0 ) as down_no from tbl_point_ji_detail a where a.c_ji_no = " + c_ji_no + " and a.c_up_no = 0 and a.c_use=0 order by a.c_order asc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			<%
+		 
+		 	 o_no2 = 0;
+			 o_order2 = 0;
+
+			 String sql12="  SELECT  * from tbl_point_ji_detail where c_ji_no = " + c_ji_no + " and c_up_no = "+ rst.getInt("c_no") +" and c_use=0 order by c_order asc";
+			 ResultSet rst2 = stmt.executeQuery(sql12);
+			 int i_no2 = 0;
+			 while (rst2.next()) {
+			 	total_point = total_point + rst2.getInt("c_point");
+				i_no2 = i_no2 + 1;
+		%>
+			<%if(i_no2 > 1){%>
+		    	
+		    	<%}%>
+				 
+				
+				
+				
+				 
+			
+				 
+		<%		o_no2 = rst2.getInt("c_no");	 
+				o_order2 = rst2.getInt("c_order");
+			 }
+			rst2.close();
+		 %>
+			 
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rst.close();
+	 %>
+	 
+	 
+	 
+        
        항목참고사항배점
        ">
+				<%=rst.getString("c_title")%>
+			
        
+					<%=rst2.getString("c_title")%>
+				
+					<%=rst2.getString("c_exp").replaceAll("\r","
        ").replaceAll("\n\r","
        ")%>
+				        		
+					
+				
        자료가 없습니다.
        
+	 	합계점수
+	 
+	 	<%=total_point%>점
+	 
        
+
+         
+
        
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/survey/survey/change.jsp b/resoft/field_manager_new/process/survey/survey/change.jsp
new file mode 100644
index 0000000..9da3351
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/survey/change.jsp
@@ -0,0 +1,26 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_survey set c_change = 1  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/survey/survey/delete.jsp b/resoft/field_manager_new/process/survey/survey/delete.jsp
new file mode 100644
index 0000000..176b10a
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/survey/delete.jsp
@@ -0,0 +1,26 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_survey set c_use = 1  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/survey/survey/detail/answer/change.jsp b/resoft/field_manager_new/process/survey/survey/detail/answer/change.jsp
new file mode 100644
index 0000000..4aeb435
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/survey/detail/answer/change.jsp
@@ -0,0 +1,32 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_survey_no= r_call(request.getParameter("c_survey_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_order = r_call(request.getParameter("c_order"));
+	String o_no = r_call(request.getParameter("o_no"));
+	String o_order = r_call(request.getParameter("o_order"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+
+		String sql_ok = "update tbl_survey_answer set c_order = "+ o_order +"  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+		sql_ok = "update tbl_survey_answer set c_order = "+ c_order +"  where c_no = "+ o_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/survey/survey/detail/answer/delete.jsp b/resoft/field_manager_new/process/survey/survey/detail/answer/delete.jsp
new file mode 100644
index 0000000..b6b8867
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/survey/detail/answer/delete.jsp
@@ -0,0 +1,27 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_survey_no= r_call(request.getParameter("c_survey_no"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_survey_answer set c_use = 1  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/survey/survey/detail/answer/edit.jsp b/resoft/field_manager_new/process/survey/survey/detail/answer/edit.jsp
new file mode 100644
index 0000000..12bd756
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/survey/detail/answer/edit.jsp
@@ -0,0 +1,105 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_survey_no = r_call(request.getParameter("c_survey_no")); 
+	String c_problem_no = r_call(request.getParameter("c_problem_no")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  설문보기 수정
+         
        
+        	
+    	
+        
+        
+        
        
+		<%
+		int change_ok = 0;
+		String sql_ji = "select *,(select c_title from tbl_survey_problem where c_no = "+ c_problem_no +") as p_title from tbl_survey where c_home = " +c_home + " and c_no = " + c_survey_no;
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			change_ok = rs_ji.getInt("c_change");
+		%>
+		관리설문 : <%=rs_ji.getString("c_name")%>
        
+		해당 문항 : <%=rs_ji.getString("p_title")%>
        
+		<%
+		}
+		rs_ji.close();
+		%>
+         
        
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 표시가 있는 항목은 반드시 입력해 주세요.
+        	  
+         
        
+        	<%
+		 sql_ji = "select * from tbl_survey_answer where  c_no = " + c_no;
+		 rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+		%>
+ 	
+ 	
+ 	 
+ 	 
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+     
+ 	
+ 	
+ 	
+ 	
+ 	
         *보기내용 " id="" style="width:400px" maxlength="50"/> 
         *보기형태 
+ 		checked<%}%>>일반
+ 		  
+ 		checked<%}%>>주관식 추가 (ex : 기타 )
+ 	 
        
+ 	<%}
+		rs_ji.close();
+	%>
+
+	
+ 	
+    		
+        
+	 
+	 
        
+			수정
+			취소
+		
        
+
        
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/survey/survey/detail/answer/edit_ok.jsp b/resoft/field_manager_new/process/survey/survey/detail/answer/edit_ok.jsp
new file mode 100644
index 0000000..7e7e0bc
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/survey/detail/answer/edit_ok.jsp
@@ -0,0 +1,30 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_no = r_call(request.getParameter("c_no")); 
+	String c_title = r_call(request.getParameter("c_title")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_survey_no = r_call(request.getParameter("c_survey_no")); 
+	String c_type = r_call(request.getParameter("c_type")); 
+	String c_problem_no = r_call(request.getParameter("c_problem_no")); 
+	 
+		
+		String sql_ok = "";
+		sql_ok = "update tbl_survey_answer set ";
+		sql_ok = sql_ok + " c_title = '" + c_title + "' "; 
+			sql_ok = sql_ok + ", c_type = " + c_type + " "; 
+		sql_ok = sql_ok + " where c_no = " + c_no; 
+
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/survey/survey/detail/answer/insert.jsp b/resoft/field_manager_new/process/survey/survey/detail/answer/insert.jsp
new file mode 100644
index 0000000..0b5757a
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/survey/detail/answer/insert.jsp
@@ -0,0 +1,97 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_survey_no = r_call(request.getParameter("c_survey_no")); 
+	String c_problem_no = r_call(request.getParameter("c_problem_no")); 
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  	보기 등록
+         
        
+        	
+    	
+        
+        
+        
        
+		<%
+		int change_ok = 0;
+		String sql_ji = "select *,(select c_title from tbl_survey_problem where c_no = "+ c_problem_no +") as p_title from tbl_survey where c_home = " +c_home + " and c_no = " + c_survey_no;
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			change_ok = rs_ji.getInt("c_change");
+		%>
+		관리설문 : <%=rs_ji.getString("c_name")%>
        
+		해당 문항 : <%=rs_ji.getString("p_title")%>
        
+		<%
+		}
+		rs_ji.close();
+		%>
+         
        
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 표시가 있는 항목은 반드시 입력해 주세요.
+        	  
+         
        
+ 	
+ 	
+ 	 
+ 	 
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+     
+ 	
+ 	
+ 	
+  
+ 	
+ 	
         *보기내용  
         *보기형태 
+ 		일반
+ 		  
+ 		주관식 추가 (ex : 기타 )
+ 	 
        
+
+	
+ 	
+    		
+        
+	 
+	 
        
+			등록
+			취소
+		
        
+
        
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/survey/survey/detail/answer/insert_ok.jsp b/resoft/field_manager_new/process/survey/survey/detail/answer/insert_ok.jsp
new file mode 100644
index 0000000..378ed26
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/survey/detail/answer/insert_ok.jsp
@@ -0,0 +1,35 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_title = r_call(request.getParameter("c_title")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_survey_no = r_call(request.getParameter("c_survey_no")); 
+	String c_type = r_call(request.getParameter("c_type")); 
+	String c_problem_no = r_call(request.getParameter("c_problem_no")); 
+	 
+	 
+		 int c_order = 1;
+		String sql_ji = "select c_order  from tbl_survey_answer where c_survey_no = " + c_survey_no + " and c_problem_no = " + c_problem_no + "  and c_use = 0 order by c_order desc";
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			c_order = rs_ji.getInt("c_order") + 1;
+		}
+		rs_ji.close();
+	 
+		String sql_ok = "";
+		sql_ok = "insert into tbl_survey_answer (c_survey_no,c_problem_no,c_title,c_type,c_order,c_use,c_date) values(";
+		sql_ok = sql_ok + c_survey_no + ","+  c_problem_no +",'" + c_title + "',"+ c_type +","+ c_order +",0,now())";
+	
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/survey/survey/detail/change.jsp b/resoft/field_manager_new/process/survey/survey/detail/change.jsp
new file mode 100644
index 0000000..46e5758
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/survey/detail/change.jsp
@@ -0,0 +1,32 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_survey_no= r_call(request.getParameter("c_survey_no"));
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_order = r_call(request.getParameter("c_order"));
+	String o_no = r_call(request.getParameter("o_no"));
+	String o_order = r_call(request.getParameter("o_order"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+
+		String sql_ok = "update tbl_survey_problem set c_order = "+ o_order +"  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+		sql_ok = "update tbl_survey_problem set c_order = "+ c_order +"  where c_no = "+ o_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/survey/survey/detail/delete.jsp b/resoft/field_manager_new/process/survey/survey/detail/delete.jsp
new file mode 100644
index 0000000..7c6ead6
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/survey/detail/delete.jsp
@@ -0,0 +1,27 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	String c_no = r_call(request.getParameter("c_no"));
+	String c_home= r_call(request.getParameter("c_home"));
+	String c_survey_no= r_call(request.getParameter("c_survey_no"));
+	if(c_no.equals("")){
+	%>
+		
+	<%
+	}else{
+		String sql_ok = "update tbl_survey_problem set c_use = 1  where c_no = "+ c_no;
+		stmt.execute(sql_ok);
+%>
+
+<%
+	}
+%>
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/survey/survey/detail/edit.jsp b/resoft/field_manager_new/process/survey/survey/detail/edit.jsp
new file mode 100644
index 0000000..c7f6dda
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/survey/detail/edit.jsp
@@ -0,0 +1,129 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_survey_no = r_call(request.getParameter("c_survey_no")); 
+	String c_up_no = r_call(request.getParameter("c_up_no")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  설문문항 수정
+         
        
+        	
+    	
+        
+        
+        
        
+		<%
+		int change_ok = 0;
+		String sql_ji = "select * from tbl_survey where c_home = " +c_home + " and c_no = " + c_survey_no;
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			change_ok = rs_ji.getInt("c_change");
+		%>
+		관리설문 : <%=rs_ji.getString("c_name")%>
+		<%
+		}
+		rs_ji.close();
+		%>
+         
        
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 표시가 있는 항목은 반드시 입력해 주세요.
+        	  
+         
        
+        	<%
+		 sql_ji = "select * from tbl_survey_problem where  c_no = " + c_no;
+		 rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+		%>
+ 	
+ 	
+ 	 
+ 	 
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%if(!c_up_no.equals("0")){%>
+ 	 
+ 	
+ 	
+ 	
+ 	<%}%>
+ 	
+ 	
         *문항형태 
+ 		<%if(c_up_no.equals("0")){%>
+ 			Category
+ 		<%}else{%>
+ 			
+ 			<%
+			String sql_ji2 = "select * from tbl_survey_problem where c_no = " + c_up_no;
+			ResultSet rs_ji2 = stmt.executeQuery(sql_ji2);
+			if(rs_ji2.next()){
+			%>
+			<%=rs_ji2.getString("c_title")%>의 하위 문항
+			<%
+			}
+			rs_ji2.close();
+			%>
+ 		<%}%>
+ 	
         *문항명 " id="" style="width:300px" maxlength="50"/> 
         *Type 
+ 		
+ 	
        
+ 	<%}
+		rs_ji.close();
+	%>
+
+	
+ 	
+    		
+        
+	 
+	 
        
+			수정
+			취소
+		
        
+
        
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/survey/survey/detail/edit_ok.jsp b/resoft/field_manager_new/process/survey/survey/detail/edit_ok.jsp
new file mode 100644
index 0000000..71527c2
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/survey/detail/edit_ok.jsp
@@ -0,0 +1,33 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_no = r_call(request.getParameter("c_no")); 
+	String c_title = r_call(request.getParameter("c_title")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_survey_no = r_call(request.getParameter("c_survey_no")); 
+	String c_type = r_call(request.getParameter("c_type")); 
+	String c_up_no = r_call(request.getParameter("c_up_no")); 
+	 
+		
+		String sql_ok = "";
+		sql_ok = "update tbl_survey_problem set ";
+		sql_ok = sql_ok + " c_title = '" + c_title + "' "; 
+
+		if(!c_up_no.equals("0")){
+			sql_ok = sql_ok + ", c_type = " + c_type + " "; 
+		}
+		sql_ok = sql_ok + " where c_no = " + c_no; 
+
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/survey/survey/detail/insert.jsp b/resoft/field_manager_new/process/survey/survey/detail/insert.jsp
new file mode 100644
index 0000000..754a40a
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/survey/detail/insert.jsp
@@ -0,0 +1,122 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_survey_no = r_call(request.getParameter("c_survey_no")); 
+	String c_up_no = r_call(request.getParameter("c_up_no")); 
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  <%if(c_up_no.equals("0")){%>
+        	  	Category 등록
+        	  <%}else{%>
+        	  	문항 등록
+        	  <%}%>
+         
        
+        	
+    	
+        
+        
+        
        
+		<%
+		int change_ok = 0;
+		String sql_ji = "select * from tbl_survey where c_home = " +c_home + " and c_no = " + c_survey_no;
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			change_ok = rs_ji.getInt("c_change");
+		%>
+		관리설문 : <%=rs_ji.getString("c_name")%>
+		<%
+		}
+		rs_ji.close();
+		%>
+         
        
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 표시가 있는 항목은 반드시 입력해 주세요.
+        	  
+         
        
+ 	
+ 	
+ 	 
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	<%if(!c_up_no.equals("0")){%>
+ 	
+ 	
+ 	
+ 	
+ 	<%}%>
+ 	
+ 	
         *문항형태 
+ 		<%if(c_up_no.equals("0")){%>
+ 			Category
+ 		<%}else{%>
+ 			<%
+			sql_ji = "select * from tbl_survey_problem where c_no = " + c_up_no;
+			rs_ji = stmt.executeQuery(sql_ji);
+			if(rs_ji.next()){
+			%>
+			<%=rs_ji.getString("c_title")%>의 하위 문항
+			<%
+			}
+			rs_ji.close();
+			%>
+ 		<%}%>
+ 	
         *문항명  
         *Type 
+ 		
+ 	
        
+
+	
+ 	
+    		
+        
+	 
+	 
        
+			등록
+			취소
+		
        
+
        
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/survey/survey/detail/insert_ok.jsp b/resoft/field_manager_new/process/survey/survey/detail/insert_ok.jsp
new file mode 100644
index 0000000..f90f1ca
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/survey/detail/insert_ok.jsp
@@ -0,0 +1,37 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_title = r_call(request.getParameter("c_title")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_survey_no = r_call(request.getParameter("c_survey_no")); 
+	String c_type = r_call(request.getParameter("c_type")); 
+	String c_up_no = r_call(request.getParameter("c_up_no")); 
+	 
+	 if(c_up_no.equals("0")){
+	 	c_type= "0";
+	 }
+		 int c_order = 1;
+		String sql_ji = "select c_order  from tbl_survey_problem where c_survey_no = " + c_survey_no + " and c_up_no = " + c_up_no + "  and c_use = 0 order by c_order desc";
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			c_order = rs_ji.getInt("c_order") + 1;
+		}
+		rs_ji.close();
+	 
+		String sql_ok = "";
+		sql_ok = "insert into tbl_survey_problem (c_survey_no,c_up_no,c_title,c_type,c_order,c_use,c_date) values(";
+		sql_ok = sql_ok + c_survey_no + ","+  c_up_no +",'" + c_title + "',"+ c_type +","+ c_order +",0,now())";
+	
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/survey/survey/detail/list.jsp b/resoft/field_manager_new/process/survey/survey/detail/list.jsp
new file mode 100644
index 0000000..987a1e6
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/survey/detail/list.jsp
@@ -0,0 +1,260 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_survey_no = r_call(request.getParameter("c_survey_no"));
+	int col_no = 9;
+%>
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  설문 문항 관리
+         
        
+
+ 		
+    	
+        
+        
+        
        
+		<%
+		int change_ok = 0;
+		String sql_ji = "select * from tbl_survey where c_home = " +c_home + " and c_no = " + c_survey_no;
+		ResultSet rs_ji = stmt.executeQuery(sql_ji);
+		if(rs_ji.next()){
+			change_ok = rs_ji.getInt("c_change");
+		%>
+		관리설문명 : <%=rs_ji.getString("c_name")%>
+		<%
+		}
+		rs_ji.close();
+		%>
+         
        
+	 
+	 
+ 		
+    	
+        
+        
+        
+        
+        <%if(change_ok == 0){%>
+        
+        
+        
+         
+        
+        <%}%>
+        
+	<%
+		 int total_point = 0;
+		 int o_no = 0;
+		 int o_order = 0;
+		 int o_no2 = 0;
+		 int o_order2 = 0;
+		 
+		 String sql1="  SELECT  * from tbl_survey_problem where c_survey_no = " + c_survey_no + " and c_up_no = 0 and c_use=0 order by c_order asc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+			 
+			 
+			<%if(change_ok == 0){%>
+			
+			
+			
+			
+			 
+			<%}
+				o_no = rst.getInt("c_no");
+				o_order = rst.getInt("c_order");
+			%>
+		
+			<%
+		 
+		 	 o_no2 = 0;
+			 o_order2 = 0;
+ 			 int o_no3 = 0;
+			 int o_order3 = 0;
+
+			 String sql12="  SELECT  * from tbl_survey_problem where c_survey_no = " + c_survey_no + " and c_up_no = "+ rst.getInt("c_no") +" and c_use=0 order by c_order asc";
+			 ResultSet rst2 = stmt.executeQuery(sql12);
+			 int i_no2 = 0;
+			 while (rst2.next()) {
+			  
+				i_no2 = i_no2 + 1;
+			%>
+		    	
+				
+				
+				
+				
+				<%if(change_ok == 0){%>
+				
+				
+				
+				
+				 
+				<%}%>
+			
+				 
+		<%		o_no2 = rst2.getInt("c_no");	 
+				o_order2 = rst2.getInt("c_order");
+		%>
+				<%
+		 
+			 	 o_no3 = 0;
+				 o_order3 = 0;
+	
+				 String sql13="  SELECT  * from tbl_survey_answer where c_survey_no = " + c_survey_no + " and c_problem_no = "+ rst2.getInt("c_no") +" and c_use=0 order by c_order asc";
+				 ResultSet rst3 = stmt.executeQuery(sql13);
+				 int i_no3 = 0;
+				 while (rst3.next()) {
+				  
+					i_no3 = i_no3 + 1;
+				%>
+					
+					
+					
+					
+					
+					<%if(change_ok == 0){%>
+					
+					
+					
+					
+					 
+					<%}%>
+				
+
+
+			<%		o_no3 = rst3.getInt("c_no");	 
+					o_order3 = rst3.getInt("c_order");
+			%>
+			<%
+				 }
+				rst3.close();
+			 %>
+		
+		<%
+			 }
+			rst2.close();
+		 %>
+			 
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rst.close();
+	 %>
+	 
+        
        Category문항보기Type문항등록보기관리수정삭제순서
        
+				<%=rst.getString("c_title")%>
+			
+				 
+			
+					&c_survey_no=<%=c_survey_no%>">[문항 등록]
+			
+			
+				 
+					&c_survey_no=<%=c_survey_no%>&c_up_no=0">[수정]
+				 
+			
+				 
+					&c_survey_no=<%=c_survey_no%>'}">[삭제]
+				
+			
+				 	<%if(i_no > 1){%>
+				 		&c_order=<%=rst.getInt("c_order")%>&o_no=<%=o_no%>&o_order=<%=o_order%>">▲
+				 	<%}%>
+			
        
+				
+					<%=rst2.getString("c_title")%>
+				
+					 <%if(rst2.getInt("c_type") == 0){%>
+					 	단일선택
+					 <%}%>
+					 <%if(rst2.getInt("c_type") == 1){%>
+					 	다중선택
+					 <%}%>
+					 <%if(rst2.getInt("c_type") == 2){%>
+					 	한줄 주관식
+					 <%}%>
+					 <%if(rst2.getInt("c_type") == 3){%>
+					 	다중줄 주관식
+					 <%}%>
+				
+					 
+				
+					  <%if(rst2.getInt("c_type") < 2){%>
+					 	&c_survey_no=<%=c_survey_no%>">[보기추가]
+					 <%}%>
+				
+					<%if(change_ok == 0){%>
+						&c_survey_no=<%=c_survey_no%>&c_up_no=<%=rst2.getInt("c_up_no")%>">[수정]
+					<%}%>
+				
+					<%if(change_ok == 0){%>
+						&c_survey_no=<%=c_survey_no%>'}">[삭제]
+					<%}%>
+				
+					 <%if(i_no2 > 1){%>
+				 		&c_order=<%=rst2.getInt("c_order")%>&o_no=<%=o_no2%>&o_order=<%=o_order2%>">△
+				 	<%}%>
+				
        
+					
+						<%=rst3.getString("c_title")%>
+					
+						 <%if(rst3.getInt("c_type") == 0){%>
+						 	일반
+						 <%}%>
+						 <%if(rst3.getInt("c_type") == 1){%>
+						 	주관식포함
+						 <%}%>
+						 
+					
+						 
+					
+						  
+					
+						<%if(change_ok == 0){%>
+							&c_survey_no=<%=c_survey_no%>&c_problem_no=<%=rst2.getInt("c_no")%>">[수정]
+						<%}%>
+					
+						<%if(change_ok == 0){%>
+							&c_survey_no=<%=c_survey_no%>'}">[삭제]
+						<%}%>
+					
+						 <%if(i_no3 > 1){%>
+					 		&c_order=<%=rst3.getInt("c_order")%>&o_no=<%=o_no3%>&o_order=<%=o_order3%>">∧
+					 	<%}%>
+					
        자료가 없습니다.
        
+
+        	
+    	
+	
+    			
+	
        
+		<%if(change_ok == 0){%>
+		Category 등록
+		<%}%>
+		설문목록가기
+	
        
+
        
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/survey/survey/edit.jsp b/resoft/field_manager_new/process/survey/survey/edit.jsp
new file mode 100644
index 0000000..529647b
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/survey/edit.jsp
@@ -0,0 +1,81 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  설문지명 변경
+         
        
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 표시가 있는 항목은 반드시 입력해 주세요.
+        	  
+         
        
+        <%
+        String sql1="  SELECT  * from tbl_survey where c_home = " + c_home + " and c_maker = 0 and c_use=0 and c_change=0 and c_no = " + c_no;
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 if (rst.next()) {
+	%>
+ 	
+ 	
+ 	 
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
         *설문지 명 " id="" style="width:300px" maxlength="50"/> 
        
+ 	<%	}else{
+ 	%>
+ 	
+ 	<%
+ 		}
+ 		rst.close();
+ 	%>
+
+	
+ 	
+    		
+        
+	 
+	 
        
+			수정
+			취소
+		
        
+
        
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/survey/survey/edit_ok.jsp b/resoft/field_manager_new/process/survey/survey/edit_ok.jsp
new file mode 100644
index 0000000..4dface2
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/survey/edit_ok.jsp
@@ -0,0 +1,22 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	String c_no = r_call(request.getParameter("c_no")); 
+	 
+		String sql_ok = "";
+		sql_ok = "update tbl_survey set c_name = '" + c_name + "' where c_no = " + c_no;
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/survey/survey/insert.jsp b/resoft/field_manager_new/process/survey/survey/insert.jsp
new file mode 100644
index 0000000..b007065
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/survey/insert.jsp
@@ -0,0 +1,64 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home")); 
+%>
+
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  설문지 등록
+         
        
+
+		
+    	
+        
+        
+        
        
+        	  
+        	  * 표시가 있는 항목은 반드시 입력해 주세요.
+        	  
+         
        
+ 	
+ 	
+ 	 
+ 	
+ 	
+ 	
+ 	
+ 	
+ 	
         *설문지 명  
        
+
+	
+ 	
+    		
+        
+	 
+	 
        
+			등록
+			취소
+		
        
+
        
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/survey/survey/insert_ok.jsp b/resoft/field_manager_new/process/survey/survey/insert_ok.jsp
new file mode 100644
index 0000000..fbc18d7
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/survey/insert_ok.jsp
@@ -0,0 +1,22 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+
+	String c_name = r_call(request.getParameter("c_name")); 
+	String c_home = r_call(request.getParameter("c_home")); 
+	 
+		String sql_ok = "";
+		sql_ok = "insert into tbl_survey (c_home, c_name,c_change,c_use,c_date) values(";
+		sql_ok = sql_ok + c_home + ",'" + c_name + "',0,0,now())";
+		stmt2.execute(sql_ok); 
+%> 
+
+<%
+	
+%> 
+<%@include file="/include/db/db_close.jsp"%>
\ No newline at end of file
diff --git a/resoft/field_manager_new/process/survey/survey/list.jsp b/resoft/field_manager_new/process/survey/survey/list.jsp
new file mode 100644
index 0000000..2dcb873
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/survey/list.jsp
@@ -0,0 +1,101 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	int col_no = 8;
+%>
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+        	  설문지 관리
+         
        
+
+	 
+	 
+ 		
+    	
+        
+        
+        
+        
+        
+        
+         
+        
+	<%
+		 
+		 
+		 String sql1="  SELECT  * from tbl_survey where c_home = " + c_home + " and c_maker = 0 and c_use=0 order by c_no desc";
+		 ResultSet rst = stmt.executeQuery(sql1);
+		 int i_no = 0;
+		 while (rst.next()) {
+			i_no = i_no + 1;
+	%>
+	    	
+			
+			
+			
+			 
+			 
+			
+			
+			
+			
+			 
+			
+		
+	<%		 
+		 }
+		 if(i_no == 0){
+	%>
+	    	
+			
+		
+	<%	}	 
+		 rst.close();
+	 %>
+        
        No설문지표명설문지보기설문문항관리변경여부수정삭제
        
+				<%=i_no%>
+			
+				" target="_blank"><%=rst.getString("c_name")%>
+			
+					" target="_blank">[설문지보기]
+			
+			 	<%if(rst.getInt("c_change") == 0){%>
+					">[문항관리]
+				<%}%>
+			
+				<%if(rst.getInt("c_change") == 0){%>
+				'}">[변경가능]
+				<%}else{%>
+				변경불가
+				<%}%>
+			
+				<%if(rst.getInt("c_change") == 0){%>
+					">[수정]
+				<%}%>
+			
+				<%if(rst.getInt("c_change") == 0){%>
+					'}">[삭제]
+				<%}%>
+			
+			 
+		
        자료가 없습니다.
        
+
+        	
+    	
+	
+    			
+	
        
+		신규설문 등록
+	
        
+
        
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/process/survey/view.jsp b/resoft/field_manager_new/process/survey/view.jsp
new file mode 100644
index 0000000..49bd1a3
--- /dev/null
+++ b/resoft/field_manager_new/process/survey/view.jsp
@@ -0,0 +1,127 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+<%
+	String c_home = r_call(request.getParameter("c_home"));
+	String c_survey_no = r_call(request.getParameter("c_survey_no"));
+	int col_no = 9;
+%>
+
        
+	
+
+
+		
+
        
+ 		
+    	
+        
+        
+        
        
+		<%
+		int change_ok = 0;
+		String sql_sr = "select * from tbl_survey where c_home = " +c_home + " and c_no = " + c_survey_no;
+		ResultSet rs_sr = stmt.executeQuery(sql_sr);
+		if(rs_sr.next()){
+		%>
+		<%=rs_sr.getString("c_name")%>
+		<%
+		}
+		rs_sr.close();
+		%>
+         
        
+	 
+ 		
+	<%
+		 sql_sr="  SELECT  * from tbl_survey_problem where c_survey_no = " + c_survey_no + " and c_up_no = 0 and c_use=0 order by c_order asc";
+		 rs_sr = stmt.executeQuery(sql_sr);
+		 while (rs_sr.next()) {
+	%>
+		
+			
+		
+	    	
+			
+		
+			<%
+			 String sql_sr2="  SELECT  * from tbl_survey_problem where c_survey_no = " + c_survey_no + " and c_up_no = "+ rs_sr.getInt("c_no") +" and c_use=0 order by c_order asc";
+			 ResultSet rs_sr2 = stmt.executeQuery(sql_sr2);
+			 while (rs_sr2.next()) {
+			%>
+		    	
+				
+			
+				<%
+				if(rs_sr2.getInt("c_type") < 2){
+				%>
+						
+						
+						
+				
+				<%
+				}
+				 %>
+				<%
+				if(rs_sr2.getInt("c_type") == 2){
+				%>
+						
+						
+						
+				<%
+				}
+				 %>
+				<%
+				if(rs_sr2.getInt("c_type") == 3){
+				%>
+						
+						
+						
+				<%
+				}
+				 %>
+		<%
+			 }
+			rs_sr2.close();
+		 %>
+			 
+	<%		 
+		 }
+		 rs_sr.close();
+	 %>
+	 
+        
        
+			
        
+				<%=rs_sr.getString("c_title")%>
+			
        
+					<%=rs_sr2.getString("c_title")%>
+				
        
+				
+				<%
+					 String sql_sr3="  SELECT  * from tbl_survey_answer where c_survey_no = " + c_survey_no + " and c_problem_no = "+ rs_sr2.getInt("c_no") +" and c_use=0 order by c_order asc";
+					 ResultSet rs_sr3 = stmt.executeQuery(sql_sr3);
+					 while (rs_sr3.next()) {
+							String input_type = "chekcbox"; 
+							if(rs_sr2.getInt("c_type") == 1){
+								input_type = "checkbox";
+							}else{
+								input_type = "radio";
+							}%>
+															 
+								" type="<%=input_type%>">
+								<%=rs_sr3.getString("c_title")%>
+								<%if(rs_sr3.getInt("c_type") == 1){%>
+								
+								<%}%>
+								    
+															 
+				<%
+					 }
+					rs_sr3.close();
+				%>
+						
        
+							
+						
        
+							
+						
        
+
+


         
+
        
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/field_manager_new/style.css b/resoft/field_manager_new/style.css
new file mode 100644
index 0000000..483bc7f
--- /dev/null
+++ b/resoft/field_manager_new/style.css
@@ -0,0 +1,141 @@
+a {text-decoration:none; color: 000000;}
+a:hover {text-decoration:none; color: 355ca6}
+img{border:none}
+
+BODY{scrollbar-face-color:#ECECEC;
+	 scrollbar-highlight-color: #E3E1DE;
+	 scrollbar-shadow-color: #CCCCCC;
+     scrollbar-3dlight-color: #F5F5F5;
+     scrollbar-darkshadow-color: #ffffff;
+     scrollbar-track-color: #FAFAFA;
+     scrollbar-arrow-color: #646464;	
+	 margin:0 0 0 0;	} 
+
+
+td		{ font-family:Gulim,dotum; font-size:8pt; color:#5e5e5e;   } 
+textarea{ font-family:Gulim; font-size:9pt; color:#474747; padding:5 5 5 5; } 
+select	{ font-size:9pt; color:#7F7F7F; font-family:Gulim; }
+input	{ font-size:9pt;   font-family:Gulim; padding-top:4px; color:#474747;}
+
+
+.main_input { font-size:9pt; width:103px; height:19px; font-family:dotum; padding-top:2px; color:#474747; border:1x solid #AFAFAF; background-color:#EEEEEE; }
+
+.line01 { font-family:dotum,Gulim; font-size:9pt; color:#474747; border:1x solid #999999; padding:10 10 10 10; } 
+.textarea01 { 
+ border:1x solid; border-color:#999999 #E3E3E3 #E3E3E3 #999999; color:#323232;
+ font-family:Gulim; font-size:9pt; padding:5 5 5 5; 
+ scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #E3E3E3; 
+ scrollbar-highlight-color: #E3E3E3; scrollbar-3dlight-color: #FFFFFF; 
+ scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; 
+ scrollbar-arrow-color: #999999;
+
+} 
+
+
+
+
+/* style */
+.log_input { font-size:11px; width:74px; height:15px; font-family:gulim; padding-top:2px; color:#ffffff;background-color:#A6C4DE; border:1x solid #A6C4DE}
+.log_2008 { font-size:12px; width:105px; height:18px; font-family:gulim; padding-top:2px; color:#000000;background-color:#ffffff; border:1x solid #BFBFBF}
+.log_input_kid { font-size:11px; width:105px; height:15px; font-family:gulim; padding-top:2px; color:#000000;background-color:#FEEEB2; border:1x solid #FEEEB2}
+.log_input_kid_sub { font-size:11px; width:105px; height:15px; font-family:gulim; padding-top:2px; color:#000000;background-color:#ffffff; border:1x solid #ffffff}
+
+.input01 { font-family:Gulim; font-size:9pt; border:1x solid; border-color:#999999 #E3E3E3 #E3E3E3 #999999; color:#323232; }
+.input02 { font-size:9pt; height:19px; font-family:gulim; padding-top:2px; color:#474747; border:1x solid #D4D0C8;}
+.select01 { font-size:9pt; background-color:#F5EBE8; color:#323232; font-family:gulim; }
+.select02 { font-size:9pt; background-color:#D6E3E6; color:#323232; font-family:gulim; }
+.textarea01 {  }
+
+
+/* 한자공간*/
+.bluebold {font-family:Gulim; font-weight:bold; color:4164a5; text-align:center; padding-top:2}
+.form { font-family:Gulim; font-size:9pt; border:1x solid; border-color:#f1f4f8 #f1f4f8 #f1f4f8 #f1f4f8; color:123579; background-color:f1f4f8 }
+
+
+
+/* 급수별강의실 */
+
+.whitebold {font-family:Gulim; font-weight:bold; color:ffffff; background-repeat:no-repeat; padding-left:3}
+.gwhitebold {font-family:Gulim; font-weight:bold; color:ffffff; background:#355ca6; text-align:center; padding-top:2}
+.sblue { color:144196; font-size:11px}
+.stext { color:797979; font-size:11px}
+
+
+/* Submenu 색1 */
+.g_link { color:#ffffff; font-family:gulim;}
+A.g_link:link		{ font-size:9pt; color:#646464; text-decoration: none; font-family:gulim; }
+A.g_link:active	{ font-size:9pt; color:#646464; text-decoration: none; font-family:gulim; }
+A.g_link:visited	{ font-size:9pt; color:#646464; text-decoration: none; font-family:gulim; }
+A.g_link:hover	{ font-size:9pt; color:#000000; text-decoration: none; font-family:gulim; }
+
+
+/* Submenu 색1 */
+.sub_menu { color:#ffffff; font-family:gulim;}
+A.sub_menu:link		{ font-size:8pt; color:#7F7F7F; text-decoration: none; font-family:gulim; }
+A.sub_menu:active	{ font-size:8pt; color:#7F7F7F; text-decoration: none; font-family:gulim; }
+A.sub_menu:visited	{ font-size:8pt; color:#7F7F7F; text-decoration: none; font-family:gulim; }
+A.sub_menu:hover	{ font-size:8pt; color:#000000; text-decoration: none; font-family:gulim; }
+
+
+/* Submenu 색1 */
+.page_menu { color:#ffffff; font-family:gulim;}
+A.page_menu:link		{ font-size:10pt; color:#7F7F7F; text-decoration: none; font-family:gulim; }
+A.page_menu:active	{ font-size:10pt; color:#7F7F7F; text-decoration: none; font-family:gulim; }
+A.page_menu:visited	{ font-size:10pt; color:#7F7F7F; text-decoration: none; font-family:gulim; }
+A.page_menu:hover	{ font-size:10pt; color:#000000; text-decoration: none; font-family:gulim; }
+
+
+/* 카테고리 색1 */
+.scate_s { color:#ffffff; font-family:gulim;}
+A.scate_s:link	{ font-size:9pt; color:#ffffff; text-decoration: none; font-family:gulim; }
+A.scate_s:active	{ font-size:9pt; color:#ffffff; text-decoration: none; font-family:gulim; }
+A.scate_s:visited	{ font-size:9pt; color:#ffffff; text-decoration: none; font-family:gulim; }
+A.scate_s:hover	{ font-size:9pt; color:#F6FF01; text-decoration: none; font-family:gulim; }
+
+/* 카테고리 색1 */
+.mcate_m { font-family:Gulim; font-size:11pt; color:#F6FF01; } 
+.list_s { font-family:Gulim; font-size:11px; color:#7F7F7F; } 
+
+/* 1레벨 카테고리 */
+.cate1 { color:#ffffff; font-family:gulim; font-size:9pt;}
+A.cate1:link { color:#ffffff; text-decoration: none; font-family:gulim; }
+A.cate1:active { color:#ffffff; text-decoration: none;font-family:gulim; }
+A.cate1:visited { color:#ffffff; text-decoration: none;font-family:gulim; }
+A.cate1:hover { color:#000000; text-decoration: none;font-family:gulim; }
+
+.list_m { color:#7F7F7F; font-family:gulim; font-size:12px;}
+A.list_m:link { color:#7F7F7F; text-decoration: none; font-family:gulim; }
+A.list_m:active { color:#7F7F7F; text-decoration: none;font-family:gulim; }
+A.list_m:visited { color:#7F7F7F; text-decoration: none;font-family:gulim; }
+A.list_m:hover { color:#000000; text-decoration: none;font-family:gulim; }
+
+.list_l { color:#7F7F7F; font-family:gulim; font-size:13px;}
+A.list_l:link { color:#7F7F7F; text-decoration: none; font-family:gulim; }
+A.list_l:active { color:#7F7F7F; text-decoration: none;font-family:gulim; }
+A.list_l:visited { color:#7F7F7F; text-decoration: none;font-family:gulim; }
+A.list_l:hover { color:#000000; text-decoration: none;font-family:gulim; }
+
+/* 링크 1 */
+.link01 { color:#496468; font-family:gulim; }
+A.link01:link { color:#496468; text-decoration: none; font-family:gulim; }
+A.link01:active { color:#496468; text-decoration: none;font-family:gulim; }
+A.link01:visited { color:#496468; text-decoration: none;font-family:gulim; }
+A.link01:hover { color:#496468; text-decoration: none;font-family:gulim; }
+
+/* 링크 2 */
+.link02 { color:#DA8500; font-family:gulim; }
+A.link02:link { color:#DA8500; text-decoration: none; font-family:gulim; }
+A.link02:active { color:#DA8500; text-decoration: none;font-family:gulim; }
+A.link02:visited { color:#DA8500; text-decoration: none;font-family:gulim; }
+A.link02:hover { color:#D6572A; text-decoration: none;font-family:gulim; }
+
+
+
+
+
+.sub_navi { font-size:11px; font-family:돋움; color:#6c6c6c }
+.navi_link {text-decoration: none; font-size:11px; color:#6c6c6c; font-family:돋움; }
+A.navi_link:link {text-decoration: none;  font-size:11px; color:#6c6c6c; font-family:돋움; }
+A.navi_link:active {text-decoration: none;  font-size:11px; color:#6c6c6c; font-family:돋움;}
+A.navi_link:visited text-decoration: none;  font-size:11px; color:#6c6c6c; font-family:돋움;}
+A.navi_link:hover {text-decoration: none;  font-size:11px; color:#323232; font-family:돋움;}
diff --git a/resoft/field_manager_new/top.jsp b/resoft/field_manager_new/top.jsp
new file mode 100644
index 0000000..9520780
--- /dev/null
+++ b/resoft/field_manager_new/top.jsp
@@ -0,0 +1,32 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/field_manager/include/manager_head.jsp"%>
+ 
+
+	
        
+    	
        
+            
+              
+                
+                
+              
+            
        
+                	
        
+                        		
+                    
        
+                        
          
+                            
        • 
+                            
        • 
+                            
+                        
        
+                    
        
+            	
        
+        
        
+         
+    
        
+
+
+<%@include file="/field_manager/include/manager_bottom.jsp"%>
diff --git a/resoft/fonts/FontAwesome.otf b/resoft/fonts/FontAwesome.otf
new file mode 100644
index 0000000..8b0f54e
Binary files /dev/null and b/resoft/fonts/FontAwesome.otf differ
diff --git a/resoft/fonts/NanumMyeongjo.ttf b/resoft/fonts/NanumMyeongjo.ttf
new file mode 100644
index 0000000..5d753f0
Binary files /dev/null and b/resoft/fonts/NanumMyeongjo.ttf differ
diff --git a/resoft/fonts/NanumMyeongjoBold.ttf b/resoft/fonts/NanumMyeongjoBold.ttf
new file mode 100644
index 0000000..15adcf3
Binary files /dev/null and b/resoft/fonts/NanumMyeongjoBold.ttf differ
diff --git a/resoft/fonts/NanumMyeongjoExtraBold.ttf b/resoft/fonts/NanumMyeongjoExtraBold.ttf
new file mode 100644
index 0000000..23e8cd1
Binary files /dev/null and b/resoft/fonts/NanumMyeongjoExtraBold.ttf differ
diff --git a/resoft/fonts/customicon/Icons.eot b/resoft/fonts/customicon/Icons.eot
new file mode 100644
index 0000000..7ac16db
Binary files /dev/null and b/resoft/fonts/customicon/Icons.eot differ
diff --git a/resoft/fonts/customicon/Icons.svg b/resoft/fonts/customicon/Icons.svg
new file mode 100644
index 0000000..5c2071e
--- /dev/null
+++ b/resoft/fonts/customicon/Icons.svg
@@ -0,0 +1,1186 @@
+
+
+
+
+This is a custom SVG font generated by IcoMoon.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/resoft/fonts/customicon/Icons.ttf b/resoft/fonts/customicon/Icons.ttf
new file mode 100644
index 0000000..0a2ac6f
Binary files /dev/null and b/resoft/fonts/customicon/Icons.ttf differ
diff --git a/resoft/fonts/customicon/Icons.woff b/resoft/fonts/customicon/Icons.woff
new file mode 100644
index 0000000..f9391cb
Binary files /dev/null and b/resoft/fonts/customicon/Icons.woff differ
diff --git a/resoft/fonts/fontawesome-webfont.eot b/resoft/fonts/fontawesome-webfont.eot
new file mode 100644
index 0000000..7c79c6a
Binary files /dev/null and b/resoft/fonts/fontawesome-webfont.eot differ
diff --git a/resoft/fonts/fontawesome-webfont.svg b/resoft/fonts/fontawesome-webfont.svg
new file mode 100644
index 0000000..45fdf33
--- /dev/null
+++ b/resoft/fonts/fontawesome-webfont.svg
@@ -0,0 +1,414 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
\ No newline at end of file
diff --git a/resoft/fonts/fontawesome-webfont.ttf b/resoft/fonts/fontawesome-webfont.ttf
new file mode 100644
index 0000000..e89738d
Binary files /dev/null and b/resoft/fonts/fontawesome-webfont.ttf differ
diff --git a/resoft/fonts/fontawesome-webfont.woff b/resoft/fonts/fontawesome-webfont.woff
new file mode 100644
index 0000000..8c1748a
Binary files /dev/null and b/resoft/fonts/fontawesome-webfont.woff differ
diff --git a/resoft/fonts/fontawesome-webfont.woff2 b/resoft/fonts/fontawesome-webfont.woff2
new file mode 100644
index 0000000..8c1748a
Binary files /dev/null and b/resoft/fonts/fontawesome-webfont.woff2 differ
diff --git a/resoft/go_ac.jsp b/resoft/go_ac.jsp
new file mode 100644
index 0000000..6892a2a
--- /dev/null
+++ b/resoft/go_ac.jsp
@@ -0,0 +1,34 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%request.setCharacterEncoding("utf-8");%>
+<%
+	 
+	String c_pnm_no = r_call(request.getParameter("c_pnm_no")); 
+	 
+	 
+
+
+				String sql2 = "select a.*, b.c_field as c_field_no, c.c_eng_name as c_field_eng_name,b.c_up_no as c_cate_no from tbl_pnm_for_bcb a ";
+				sql2 = sql2 + " inner join tbl_project b on b.c_no = a.c_project_no ";
+				sql2 = sql2 + " inner join tbl_field c on c.c_no = b.c_field ";
+				sql2 = sql2 + " where a.c_use = 0 and a.c_member_no = " + session.getAttribute("member_no") + " and a.c_no = " + c_pnm_no;
+				ResultSet rs2=stmt.executeQuery(sql2);
+				if(rs2.next()){
+					session.setAttribute("member_field_no",rs2.getString("c_field_no"));
+					session.setAttribute("member_field_eng_name",rs2.getString("c_field_eng_name"));
+					session.setAttribute("member_cate_no",rs2.getString("c_cate_no"));
+					session.setAttribute("member_project_no",rs2.getString("c_project_no"));
+					session.setAttribute("member_team_no",rs2.getString("c_team_no"));
+					session.setAttribute("member_pnm_no",rs2.getString("c_no"));
+					session.setAttribute("member_type",rs2.getString("c_type"));
+					 
+				}
+				rs2.close();
+			 
+		
+ %>
+ 
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/images/bmc_license.png b/resoft/images/bmc_license.png
new file mode 100644
index 0000000..75f056a
Binary files /dev/null and b/resoft/images/bmc_license.png differ
diff --git a/resoft/images/graph_bg.gif b/resoft/images/graph_bg.gif
new file mode 100644
index 0000000..f51f412
Binary files /dev/null and b/resoft/images/graph_bg.gif differ
diff --git a/resoft/images/graph_left.gif b/resoft/images/graph_left.gif
new file mode 100644
index 0000000..cb3557e
Binary files /dev/null and b/resoft/images/graph_left.gif differ
diff --git a/resoft/images/header.jpg b/resoft/images/header.jpg
new file mode 100644
index 0000000..e84417a
Binary files /dev/null and b/resoft/images/header.jpg differ
diff --git a/resoft/images/icon/bad.png b/resoft/images/icon/bad.png
new file mode 100644
index 0000000..3e4cb07
Binary files /dev/null and b/resoft/images/icon/bad.png differ
diff --git a/resoft/images/icon/cal.gif b/resoft/images/icon/cal.gif
new file mode 100644
index 0000000..20a2b98
Binary files /dev/null and b/resoft/images/icon/cal.gif differ
diff --git a/resoft/images/icon/cal.png b/resoft/images/icon/cal.png
new file mode 100644
index 0000000..3cf9a8c
Binary files /dev/null and b/resoft/images/icon/cal.png differ
diff --git a/resoft/images/icon/cal2.gif b/resoft/images/icon/cal2.gif
new file mode 100644
index 0000000..e838a2c
Binary files /dev/null and b/resoft/images/icon/cal2.gif differ
diff --git a/resoft/images/icon/chart.png b/resoft/images/icon/chart.png
new file mode 100644
index 0000000..3e62852
Binary files /dev/null and b/resoft/images/icon/chart.png differ
diff --git a/resoft/images/icon/chat.png b/resoft/images/icon/chat.png
new file mode 100644
index 0000000..5ef817b
Binary files /dev/null and b/resoft/images/icon/chat.png differ
diff --git a/resoft/images/icon/comment.png b/resoft/images/icon/comment.png
new file mode 100644
index 0000000..39b8e02
Binary files /dev/null and b/resoft/images/icon/comment.png differ
diff --git a/resoft/images/icon/del.png b/resoft/images/icon/del.png
new file mode 100644
index 0000000..327bb4a
Binary files /dev/null and b/resoft/images/icon/del.png differ
diff --git a/resoft/images/icon/detail.png b/resoft/images/icon/detail.png
new file mode 100644
index 0000000..9de84ec
Binary files /dev/null and b/resoft/images/icon/detail.png differ
diff --git a/resoft/images/icon/excel.gif b/resoft/images/icon/excel.gif
new file mode 100644
index 0000000..1d1d642
Binary files /dev/null and b/resoft/images/icon/excel.gif differ
diff --git a/resoft/images/icon/exp.png b/resoft/images/icon/exp.png
new file mode 100644
index 0000000..c000511
Binary files /dev/null and b/resoft/images/icon/exp.png differ
diff --git a/resoft/images/icon/exp_ani.gif b/resoft/images/icon/exp_ani.gif
new file mode 100644
index 0000000..7a4de66
Binary files /dev/null and b/resoft/images/icon/exp_ani.gif differ
diff --git a/resoft/images/icon/exp_ani_sub.gif b/resoft/images/icon/exp_ani_sub.gif
new file mode 100644
index 0000000..18bb57e
Binary files /dev/null and b/resoft/images/icon/exp_ani_sub.gif differ
diff --git a/resoft/images/icon/exp_inval.png b/resoft/images/icon/exp_inval.png
new file mode 100644
index 0000000..9560413
Binary files /dev/null and b/resoft/images/icon/exp_inval.png differ
diff --git a/resoft/images/icon/exp_val.png b/resoft/images/icon/exp_val.png
new file mode 100644
index 0000000..0fce3a4
Binary files /dev/null and b/resoft/images/icon/exp_val.png differ
diff --git a/resoft/images/icon/file.gif b/resoft/images/icon/file.gif
new file mode 100644
index 0000000..3df896c
Binary files /dev/null and b/resoft/images/icon/file.gif differ
diff --git a/resoft/images/icon/file.png b/resoft/images/icon/file.png
new file mode 100644
index 0000000..356551d
Binary files /dev/null and b/resoft/images/icon/file.png differ
diff --git a/resoft/images/icon/good.png b/resoft/images/icon/good.png
new file mode 100644
index 0000000..6965a35
Binary files /dev/null and b/resoft/images/icon/good.png differ
diff --git a/resoft/images/icon/m10.gif b/resoft/images/icon/m10.gif
new file mode 100644
index 0000000..6672a73
Binary files /dev/null and b/resoft/images/icon/m10.gif differ
diff --git a/resoft/images/icon/m102.gif b/resoft/images/icon/m102.gif
new file mode 100644
index 0000000..002926b
Binary files /dev/null and b/resoft/images/icon/m102.gif differ
diff --git a/resoft/images/icon/m11.gif b/resoft/images/icon/m11.gif
new file mode 100644
index 0000000..de14d18
Binary files /dev/null and b/resoft/images/icon/m11.gif differ
diff --git a/resoft/images/icon/m12.gif b/resoft/images/icon/m12.gif
new file mode 100644
index 0000000..4c466fe
Binary files /dev/null and b/resoft/images/icon/m12.gif differ
diff --git a/resoft/images/icon/m6.gif b/resoft/images/icon/m6.gif
new file mode 100644
index 0000000..536f7d7
Binary files /dev/null and b/resoft/images/icon/m6.gif differ
diff --git a/resoft/images/icon/m7.gif b/resoft/images/icon/m7.gif
new file mode 100644
index 0000000..1a7d2dd
Binary files /dev/null and b/resoft/images/icon/m7.gif differ
diff --git a/resoft/images/icon/m8.gif b/resoft/images/icon/m8.gif
new file mode 100644
index 0000000..5b7d1c2
Binary files /dev/null and b/resoft/images/icon/m8.gif differ
diff --git a/resoft/images/icon/m9.gif b/resoft/images/icon/m9.gif
new file mode 100644
index 0000000..dd73c23
Binary files /dev/null and b/resoft/images/icon/m9.gif differ
diff --git a/resoft/images/icon/mic.gif b/resoft/images/icon/mic.gif
new file mode 100644
index 0000000..19e30f3
Binary files /dev/null and b/resoft/images/icon/mic.gif differ
diff --git a/resoft/images/icon/mic.png b/resoft/images/icon/mic.png
new file mode 100644
index 0000000..6e603e6
Binary files /dev/null and b/resoft/images/icon/mic.png differ
diff --git a/resoft/images/icon/movie.gif b/resoft/images/icon/movie.gif
new file mode 100644
index 0000000..6ac480e
Binary files /dev/null and b/resoft/images/icon/movie.gif differ
diff --git a/resoft/images/icon/person.png b/resoft/images/icon/person.png
new file mode 100644
index 0000000..1aff435
Binary files /dev/null and b/resoft/images/icon/person.png differ
diff --git a/resoft/images/icon/photo.gif b/resoft/images/icon/photo.gif
new file mode 100644
index 0000000..abaab09
Binary files /dev/null and b/resoft/images/icon/photo.gif differ
diff --git a/resoft/images/icon/point.png b/resoft/images/icon/point.png
new file mode 100644
index 0000000..4533779
Binary files /dev/null and b/resoft/images/icon/point.png differ
diff --git a/resoft/images/icon/point2.png b/resoft/images/icon/point2.png
new file mode 100644
index 0000000..ba75c31
Binary files /dev/null and b/resoft/images/icon/point2.png differ
diff --git a/resoft/images/icon/point3.png b/resoft/images/icon/point3.png
new file mode 100644
index 0000000..d25869f
Binary files /dev/null and b/resoft/images/icon/point3.png differ
diff --git a/resoft/images/icon/pt.png b/resoft/images/icon/pt.png
new file mode 100644
index 0000000..c8faf74
Binary files /dev/null and b/resoft/images/icon/pt.png differ
diff --git a/resoft/images/icon/pts.png b/resoft/images/icon/pts.png
new file mode 100644
index 0000000..b77f67e
Binary files /dev/null and b/resoft/images/icon/pts.png differ
diff --git a/resoft/images/icon/soso.png b/resoft/images/icon/soso.png
new file mode 100644
index 0000000..a53d95c
Binary files /dev/null and b/resoft/images/icon/soso.png differ
diff --git a/resoft/images/icon/team.png b/resoft/images/icon/team.png
new file mode 100644
index 0000000..bf53469
Binary files /dev/null and b/resoft/images/icon/team.png differ
diff --git a/resoft/images/logo.gif b/resoft/images/logo.gif
new file mode 100644
index 0000000..e367ee9
Binary files /dev/null and b/resoft/images/logo.gif differ
diff --git a/resoft/images/overlay1.png b/resoft/images/overlay1.png
new file mode 100644
index 0000000..7aa8031
Binary files /dev/null and b/resoft/images/overlay1.png differ
diff --git a/resoft/images/overlay2.png b/resoft/images/overlay2.png
new file mode 100644
index 0000000..1d1e8f5
Binary files /dev/null and b/resoft/images/overlay2.png differ
diff --git a/resoft/images/overlay3.svg b/resoft/images/overlay3.svg
new file mode 100644
index 0000000..cfe4dac
--- /dev/null
+++ b/resoft/images/overlay3.svg
@@ -0,0 +1,22 @@
+
+    
+	
+	
+	
+	
+	
+	
+	
+	
+	
+
\ No newline at end of file
diff --git a/resoft/images/overlay4.svg b/resoft/images/overlay4.svg
new file mode 100644
index 0000000..a28bf2b
--- /dev/null
+++ b/resoft/images/overlay4.svg
@@ -0,0 +1,22 @@
+
+    
+	
+	
+	
+	
+	
+	
+	
+	
+	
+
\ No newline at end of file
diff --git a/resoft/images/pic01.jpg b/resoft/images/pic01.jpg
new file mode 100644
index 0000000..afbdfe4
Binary files /dev/null and b/resoft/images/pic01.jpg differ
diff --git a/resoft/images/pic02.jpg b/resoft/images/pic02.jpg
new file mode 100644
index 0000000..6741495
Binary files /dev/null and b/resoft/images/pic02.jpg differ
diff --git a/resoft/images/pic03.jpg b/resoft/images/pic03.jpg
new file mode 100644
index 0000000..5b4de55
Binary files /dev/null and b/resoft/images/pic03.jpg differ
diff --git a/resoft/images/pic04.jpg b/resoft/images/pic04.jpg
new file mode 100644
index 0000000..1f6eb1c
Binary files /dev/null and b/resoft/images/pic04.jpg differ
diff --git a/resoft/images/pic05.jpg b/resoft/images/pic05.jpg
new file mode 100644
index 0000000..077a610
Binary files /dev/null and b/resoft/images/pic05.jpg differ
diff --git a/resoft/images/pic06.jpg b/resoft/images/pic06.jpg
new file mode 100644
index 0000000..a4c22e1
Binary files /dev/null and b/resoft/images/pic06.jpg differ
diff --git a/resoft/images/reload.png b/resoft/images/reload.png
new file mode 100644
index 0000000..0aeb531
Binary files /dev/null and b/resoft/images/reload.png differ
diff --git a/resoft/images/setting.png b/resoft/images/setting.png
new file mode 100644
index 0000000..ce663e8
Binary files /dev/null and b/resoft/images/setting.png differ
diff --git a/resoft/images/type1.gif b/resoft/images/type1.gif
new file mode 100644
index 0000000..bf6e19f
Binary files /dev/null and b/resoft/images/type1.gif differ
diff --git a/resoft/images/type1_1.gif b/resoft/images/type1_1.gif
new file mode 100644
index 0000000..c3a7875
Binary files /dev/null and b/resoft/images/type1_1.gif differ
diff --git a/resoft/images/type1_2.gif b/resoft/images/type1_2.gif
new file mode 100644
index 0000000..a064051
Binary files /dev/null and b/resoft/images/type1_2.gif differ
diff --git a/resoft/images/type1_3.gif b/resoft/images/type1_3.gif
new file mode 100644
index 0000000..641f551
Binary files /dev/null and b/resoft/images/type1_3.gif differ
diff --git a/resoft/images/type1_t.gif b/resoft/images/type1_t.gif
new file mode 100644
index 0000000..920b39f
Binary files /dev/null and b/resoft/images/type1_t.gif differ
diff --git a/resoft/images/type2.gif b/resoft/images/type2.gif
new file mode 100644
index 0000000..8743063
Binary files /dev/null and b/resoft/images/type2.gif differ
diff --git a/resoft/images/type2_1.gif b/resoft/images/type2_1.gif
new file mode 100644
index 0000000..ef4f489
Binary files /dev/null and b/resoft/images/type2_1.gif differ
diff --git a/resoft/images/type2_2.gif b/resoft/images/type2_2.gif
new file mode 100644
index 0000000..edc1026
Binary files /dev/null and b/resoft/images/type2_2.gif differ
diff --git a/resoft/images/type2_3.gif b/resoft/images/type2_3.gif
new file mode 100644
index 0000000..8bb0c66
Binary files /dev/null and b/resoft/images/type2_3.gif differ
diff --git a/resoft/images/type2_t.gif b/resoft/images/type2_t.gif
new file mode 100644
index 0000000..55a8aa9
Binary files /dev/null and b/resoft/images/type2_t.gif differ
diff --git a/resoft/include/bottom.jsp b/resoft/include/bottom.jsp
new file mode 100644
index 0000000..787d22e
--- /dev/null
+++ b/resoft/include/bottom.jsp
@@ -0,0 +1,72 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+
+
+
+
+ 
        
+  
        
+    
        
+     
        
+		
          
+			
        • ⓒ KOICA.    All right reserved. 
          • 
+		
        
+     
        
+     
        
+     		 
+		 
+     
        
+	
+ 
+    
        
+  
        
+
        
+				 
+
+ 
+
        
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+<%
+Calendar currentCalendar = Calendar.getInstance();
+int strYear =  currentCalendar.get(Calendar.YEAR);
+int strMonth = currentCalendar.get(Calendar.MONTH) + 1;
+
+String visit_ok = "";
+	if(!visit_show_no.equals("0")){
+		String sql_visit = "select c_no from tbl_visit ";
+		sql_visit = sql_visit + "  where c_home = 0 ";
+		sql_visit = sql_visit + "  and c_show_no = " + visit_show_no + " ";
+		sql_visit = sql_visit + "  and c_project_no = " + visit_project_no + " ";
+		sql_visit = sql_visit + "  and c_year = " + strYear + " ";
+		sql_visit = sql_visit + "  and c_month = " + strMonth + " ";
+	
+		ResultSet rs_vist = stmt.executeQuery(sql_visit);
+		if(rs_vist.next()){
+			visit_ok = "update tbl_visit set c_visit = c_visit + 1 ";
+			visit_ok = visit_ok + "  where c_home = 0 and c_project_no = "+ visit_project_no +" and c_show_no = " + visit_show_no + " and c_c_no =0 ";
+			visit_ok = visit_ok + "  and c_year = " + strYear + " and c_month = " + strMonth + " ";		
+		}else{
+			visit_ok = "insert into tbl_visit(c_home,c_project_no,c_show_no,c_c_no,c_year,c_month,c_visit)values(";
+			visit_ok = visit_ok + "0,"+ visit_project_no +"," + visit_show_no + ",0," + strYear + "," + strMonth + ",1)";		
+		}
+		rs_vist.close();
+		
+		stmt2.execute(visit_ok); 	
+	}
+%>
+<%}%>
\ No newline at end of file
diff --git a/resoft/include/db/db_close.jsp b/resoft/include/db/db_close.jsp
new file mode 100644
index 0000000..7405006
--- /dev/null
+++ b/resoft/include/db/db_close.jsp
@@ -0,0 +1,11 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%
+	
+  	stmt2.close();
+  	stmt.close();
+	conn.close();
+	
+	} catch(NumberFormatException e){
+		 response.sendRedirect("/error.jsp");
+	}
+%>
\ No newline at end of file
diff --git a/resoft/include/db/db_connect.jsp b/resoft/include/db/db_connect.jsp
new file mode 100644
index 0000000..1b233dc
--- /dev/null
+++ b/resoft/include/db/db_connect.jsp
@@ -0,0 +1,14 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page  import="java.sql.*,java.util.*"%>
+<%
+	 Class.forName("org.mariadb.jdbc.Driver");
+       
+	 try{
+		// Connection conn = DriverManager.getConnection("jdbc:mariadb://localhost:3306/cinnovacion","cinnovacion","c0ncyt3c");
+		  Connection conn = DriverManager.getConnection("jdbc:mariadb://localhost:3306/resoft","root","c0ncyt3c");
+
+
+ 	 Statement stmt=conn.createStatement();
+ 	 Statement stmt2=conn.createStatement();
+
+%>
diff --git a/resoft/include/function/function.jsp b/resoft/include/function/function.jsp
new file mode 100644
index 0000000..e569f9b
--- /dev/null
+++ b/resoft/include/function/function.jsp
@@ -0,0 +1,25 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%!
+	public String r_call(String flag) 
+	{ 
+		String pl1 =  flag;
+		if (pl1 == null) {
+			pl1 = "";
+		}
+		String str = pl1.replaceAll("<","<");
+		str = str.replaceAll("script","");
+		str = str.replaceAll(">",">");
+		str = str.replaceAll("'","''");
+		return str; 
+	} 
+	public String r_call2(String flag) 
+	{ 
+		String pl1 =  flag;
+		if (pl1 == null) {
+			pl1 = "";
+		}
+		String str = pl1.replaceAll("script","");
+		str = str.replaceAll("'","''");
+		return str; 
+	} 
+%>	
diff --git a/resoft/include/head.jsp b/resoft/include/head.jsp
new file mode 100644
index 0000000..344016c
--- /dev/null
+++ b/resoft/include/head.jsp
@@ -0,0 +1,449 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+
+
+<%
+if(login_tag == 1 && (session.getAttribute("member_no") == null || session.getAttribute("member_no").equals(""))){
+%>
+
+<%}else{
+if(login_tag == 0 && (session.getAttribute("member_project_no") == null || session.getAttribute("member_project_no").equals("") )){
+session.setAttribute("member_project_no","0");
+}
+ 	String visit_project_no = "" + session.getAttribute("member_project_no");
+ 	String visit_show_no = r_call(request.getParameter("show_no"));
+ 	if(visit_show_no.equals("")){
+ 		visit_show_no = "0";
+ 	}
+	String visit_c_no = "0";
+
+
+
+int vod_no[] = new int[15];	
+vod_no[1] = 108;
+vod_no[2] = 109;
+vod_no[3] = 102;
+vod_no[4] = 105;
+vod_no[5] = 103;
+vod_no[6] = 107;
+vod_no[7] = 104;
+vod_no[8] = 110;
+vod_no[9] = 106;
+
+vod_no[11] = 90;
+vod_no[12] = 111;
+vod_no[13] = 118;
+
+	String c_team = r_call(request.getParameter("c_team")); 
+	String para_t = "";
+	para_t = "show_no="+ r_call(request.getParameter("show_no")) +"&check_no="+ r_call(request.getParameter("check_no")) + "&c_relation=" +r_call(request.getParameter("c_relation")) + "&c_relation2=" +r_call(request.getParameter("c_relation2"));
+ 	 java.text.SimpleDateFormat formatter = new java.text.SimpleDateFormat("yyyy-MM-dd");
+	 String today = formatter.format(new java.util.Date());
+
+String c_p_s_d = today;
+String c_p_e_d = today;
+int c_p_p = 1;
+
+	String sql_period =    " select c_bcb_s_date, c_bcb_e_date, c_bcb_period from tbl_project_plan where c_project_no = " + session.getAttribute("member_project_no");
+	ResultSet rs_period = stmt.executeQuery(sql_period);
+	if(rs_period.next()){
+		c_p_s_d = rs_period.getString("c_bcb_s_date").substring(0,10);
+		c_p_e_d = rs_period.getString("c_bcb_e_date").substring(0,10);
+		c_p_p = rs_period.getInt("c_bcb_period");
+
+	}
+	rs_period.close();
+
+String a_w_s[] = new String[c_p_p + 1];
+String a_w_e[] = new String[c_p_p + 1];
+ 	int opl = 0;
+  //--------------------------------------------------------------------------------
+ 	sql_period = " select * from tbl_project_plan_bcb_period where c_project_no = " + session.getAttribute("member_project_no") + " order by c_period_no asc ";
+	rs_period = stmt.executeQuery(sql_period);
+	while(rs_period.next()){
+		a_w_s[rs_period.getInt("c_period_no")] = rs_period.getString("c_s_date");
+		a_w_e[rs_period.getInt("c_period_no")] = rs_period.getString("c_e_date");
+		opl = 1;
+	}
+	rs_period.close();
+ //--------------------------------------------------------------------------------
+	if(opl == 0){
+		a_w_s[1] = today;
+		a_w_e[1] = today;
+	}
+ 
+   String s_call_period = r_call(request.getParameter("call_period")); 
+   int call_period = 0;
+   int today_period = 1;
+   for (int i = 1; i < c_p_p + 1; i++){
+	if( ( Integer.parseInt(today.replaceAll("-","")) > Integer.parseInt(a_w_s[i].replaceAll("-",""))  ||   Integer.parseInt(today.replaceAll("-","")) == Integer.parseInt(a_w_s[i].replaceAll("-","")) )  &&  ( Integer.parseInt(today.replaceAll("-","")) < Integer.parseInt(a_w_e[i].replaceAll("-",""))  ||   Integer.parseInt(today.replaceAll("-","")) == Integer.parseInt(a_w_e[i].replaceAll("-","")) ) ){
+		today_period = i;
+	}  
+   }
+   if( Integer.parseInt(today.replaceAll("-","")) > Integer.parseInt(a_w_e[c_p_p].replaceAll("-",""))){
+   		today_period = c_p_p;
+   }
+   
+   
+   if(s_call_period.equals("")){
+   	call_period = today_period;
+   }else{
+   	call_period = Integer.parseInt(s_call_period);
+   }
+   String call_date =  a_w_e[call_period];
+   int temp_state = 0;
+%> 
+
+
+
+
+
+
+
+
+
+C-Innovacion BMC System
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+	
+
+
+
+
        
+
+
+
+
+
        
+  
        
+  
        
+    
        
+      
        
+        
        
+	        	 <%if(session.getAttribute("member_no") == null || session.getAttribute("member_no").equals("")){%>
+	           		
        
+	           		Use after login
+				
        
+			<%}else{%>
+				
        
+					<%
+					  int s_count = 0;
+	                        	  String sql_ac =    " select a.*,b.c_name as a3, c.c_name as a2,d.c_name as a1 ";
+	                        	  sql_ac = sql_ac + ",(select c_team_name from tbl_team where c_no = a.c_team_no and c_use = 0) as team_name ";
+	                        	  sql_ac = sql_ac + ",(select count(c_no) from tbl_pnm_for_bcb where c_member_no = " + session.getAttribute("member_no") + " and c_use = 0) as s_count ";
+	                        	  sql_ac = sql_ac + " from tbl_pnm_for_bcb a ";
+	                        	  sql_ac = sql_ac + " inner join tbl_project b on b.c_no = a.c_project_no and b.c_use = 0 ";
+	                        	  sql_ac = sql_ac + " inner join tbl_project c on c.c_no = b.c_up_no and c.c_use = 0 ";
+	                        	  sql_ac = sql_ac + " inner join tbl_field d on d.c_no = c.c_field and d.c_use = 0 ";
+	                        	  sql_ac = sql_ac + " where a.c_use = 0 and a.c_member_no  = " + session.getAttribute("member_no") + " and a.c_no = " + session.getAttribute("member_pnm_no");
+	                        	  sql_ac = sql_ac + "  ";
+	                        	  ResultSet rs_ac = stmt.executeQuery(sql_ac);
+					  if(rs_ac.next()){
+					  	s_count = rs_ac.getInt("s_count");
+					  %>
+					  <%=rs_ac.getString("a1")%> > <%=rs_ac.getString("a2")%> > <%=rs_ac.getString("a3")%>   
+					  <%if(rs_ac.getString("team_name") != null && !rs_ac.getString("team_name").equals("")){%>
+					 	 > <%=rs_ac.getString("team_name")%>   
+					  <%}%>
+					  [
+	 				  <%if(rs_ac.getInt("c_type") == 0){%>
+					 	 Member
+					  <%}%>
+	 				  <%if(rs_ac.getInt("c_type") == 1){%>
+					 	 Instructor
+					  <%}%>
+	 				  <%if(rs_ac.getInt("c_type") == 2){%>
+					 	 Mentor
+					  <%}%>
+	 				  <%if(rs_ac.getInt("c_type") == 3){%>
+					 	 Observer
+					  <%}%>
+					  ]
+					  <%
+					  }
+					  rs_ac.close();
+					  %>
+					▼
+				
        
+				
+			<%}%>
+        
        
+      
        
+      
        
+        
        
+          
+        
        
+      
        
+     
        
+  
        
+
        
+
+
+
          
+  
+   
+  
+ 
        
+
        
\ No newline at end of file
diff --git a/resoft/include/include.jsp b/resoft/include/include.jsp
new file mode 100644
index 0000000..52aaab1
--- /dev/null
+++ b/resoft/include/include.jsp
@@ -0,0 +1,6 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%
+	int login_tag = 1;
+%>
\ No newline at end of file
diff --git a/resoft/include/include_b.jsp b/resoft/include/include_b.jsp
new file mode 100644
index 0000000..98cb44d
--- /dev/null
+++ b/resoft/include/include_b.jsp
@@ -0,0 +1,3 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/resoft/index.jsp b/resoft/index.jsp
new file mode 100644
index 0000000..63e4aea
--- /dev/null
+++ b/resoft/index.jsp
@@ -0,0 +1,257 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%if(!request.getServerName().equals("apply.innovacion.org")){%>
+	
+<%}else{
+	session.setAttribute("home","");
+%>
+
+
+
+
+
+
+
+
+
+KOEF BCB Apply System
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+		
+			
+
+
+
+			
        
+				
        
+					
        
+						
        
+							
        
+								
        Business Core Board
        
+								Apply Field System
        
+							
        
+							
        
+							KOEF BCB Apply System은 BCB를 운영하고자 하는 Field(기관)를 기반으로 운영됩니다.
        
+							BCB Apply System은 기본 Apply와 관련 Field System이 독립적으로 운영되며
        
+							기본 Apply System 접속은 [여기]를 클릭해 주세요.  
+							
        
+						
        
+						
        
+							
        
+								
        BCB Field  Apply System List
        
+							
        
+							
        
+							 			 
+						<%	
+						String sql_field = " select * from tbl_field where c_use = 0 and c_nameserver = 1 order by c_name asc";
+						ResultSet rs_field = stmt.executeQuery(sql_field);
+						while(rs_field.next()){
+						%>
+							 [ <%=rs_field.getString("c_name")%> ]  
+							 <%if(rs_field.getInt("c_nameserver") == 1){%>
+								 http://<%=rs_field.getString("c_eng_name")%>.c-innovacion.org/default.jsp
+								 .c-innovacion.org/default.jsp" target="_blank">[ 바로가기 ]
+							<%}else{%>	
+								 http://apply.ci.concytec.gob.pe/default.jsp?h=<%=rs_field.getString("c_no")%> 
+								  " target="_blank">[ 바로가기 ]
+							<%}%>	
+							 
        
+							 
+						<%
+						 }
+						 rs_field.close();
+				
+				%>
+							
        
+						
        
+					
        
+				
        
+			
        
+ 
+
+			
        
+				
        
+					
        
+						 
+						
        
+							 
+								
        공지사항   more
        
+							 
+							 
+							 
+				<%	
+						String sql1 = " select t.* from ( select a.*  ";
+						sql1 = sql1 + " from tbl_board a ";
+						sql1 = sql1 + " where   a.c_use= 0 and  a.c_relation = 33 and a.c_relation2 = 35 ) t ";
+						sql1 = sql1 + " order by t.c_no desc ";
+						sql1 = sql1 + " limit 0 , 10 ";
+						ResultSet rst = stmt.executeQuery(sql1);
+						while(rst.next()){
+						%>
+							
+							
+							
+							
+							 
+						<%
+						 }
+						 rst.close();
+				
+				%>
+							
        
+								">
+									<%if(rst.getString("c_title").length() > 35){%>
+										<%=rst.getString("c_title").substring(0,35)%>..
+									<%}else{%>
+										<%=rst.getString("c_title")%>
+									<%}%>
+								
+							
+								<%=rst.getString("c_date").substring(0,10)%>
+							
          
+						
        
+					
        
+				
        
+			
        
+ 
+		
+			
+
+		
+			
+			
+			
+			
+			
+			
+
+
+ 
+
+
+
+
+
+
        ',srcAction:"iframe_src",patterns:{youtube:{index:"youtube.com",id:"v=",src:"//www.youtube.com/embed/%id%?autoplay=1"},vimeo:{index:"vimeo.com/",id:"/",src:"//player.vimeo.com/video/%id%?autoplay=1"},gmaps:{index:"//maps.google.",src:"%id%&output=embed"}}},proto:{initIframe:function(){b.types.push(P),w("BeforeChange",function(a,b,c){b!==c&&(b===P?R():c===P&&R(!0))}),w(h+"."+P,function(){R()})},getIframe:function(c,d){var e=c.src,f=b.st.iframe;a.each(f.patterns,function(){return e.indexOf(this.index)>-1?(this.id&&(e="string"==typeof this.id?e.substr(e.lastIndexOf(this.id)+this.id.length,e.length):this.id.call(this,e)),e=this.src.replace("%id%",e),!1):void 0});var g={};return f.srcAction&&(g[f.srcAction]=e),b._parseMarkup(d,g,c),b.updateStatus("ready"),d}}});var S=function(a){var c=b.items.length;return a>c-1?a-c:0>a?c+a:a},T=function(a,b,c){return a.replace(/%curr%/gi,b+1).replace(/%total%/gi,c)};a.magnificPopup.registerModule("gallery",{options:{enabled:!1,arrowMarkup:'',preload:[0,2],navigateByImgClick:!0,arrows:!0,tPrev:"Previous (Left arrow key)",tNext:"Next (Right arrow key)",tCounter:"%curr% of %total%"},proto:{initGallery:function(){var c=b.st.gallery,e=".mfp-gallery";return b.direction=!0,c&&c.enabled?(f+=" mfp-gallery",w(m+e,function(){c.navigateByImgClick&&b.wrap.on("click"+e,".mfp-img",function(){return b.items.length>1?(b.next(),!1):void 0}),d.on("keydown"+e,function(a){37===a.keyCode?b.prev():39===a.keyCode&&b.next()})}),w("UpdateStatus"+e,function(a,c){c.text&&(c.text=T(c.text,b.currItem.index,b.items.length))}),w(l+e,function(a,d,e,f){var g=b.items.length;e.counter=g>1?T(c.tCounter,f.index,g):""}),w("BuildControls"+e,function(){if(b.items.length>1&&c.arrows&&!b.arrowLeft){var d=c.arrowMarkup,e=b.arrowLeft=a(d.replace(/%title%/gi,c.tPrev).replace(/%dir%/gi,"left")).addClass(s),f=b.arrowRight=a(d.replace(/%title%/gi,c.tNext).replace(/%dir%/gi,"right")).addClass(s);e.click(function(){b.prev()}),f.click(function(){b.next()}),b.container.append(e.add(f))}}),w(n+e,function(){b._preloadTimeout&&clearTimeout(b._preloadTimeout),b._preloadTimeout=setTimeout(function(){b.preloadNearbyImages(),b._preloadTimeout=null},16)}),void w(h+e,function(){d.off(e),b.wrap.off("click"+e),b.arrowRight=b.arrowLeft=null})):!1},next:function(){b.direction=!0,b.index=S(b.index+1),b.updateItemHTML()},prev:function(){b.direction=!1,b.index=S(b.index-1),b.updateItemHTML()},goTo:function(a){b.direction=a>=b.index,b.index=a,b.updateItemHTML()},preloadNearbyImages:function(){var a,c=b.st.gallery.preload,d=Math.min(c[0],b.items.length),e=Math.min(c[1],b.items.length);for(a=1;a<=(b.direction?e:d);a++)b._preloadItem(b.index+a);for(a=1;a<=(b.direction?d:e);a++)b._preloadItem(b.index-a)},_preloadItem:function(c){if(c=S(c),!b.items[c].preloaded){var d=b.items[c];d.parsed||(d=b.parseEl(c)),y("LazyLoad",d),"image"===d.type&&(d.img=a('').on("load.mfploader",function(){d.hasSize=!0}).on("error.mfploader",function(){d.hasSize=!0,d.loadError=!0,y("LazyLoadError",d)}).attr("src",d.src)),d.preloaded=!0}}}});var U="retina";a.magnificPopup.registerModule(U,{options:{replaceSrc:function(a){return a.src.replace(/\.\w+$/,function(a){return"@2x"+a})},ratio:1},proto:{initRetina:function(){if(window.devicePixelRatio>1){var a=b.st.retina,c=a.ratio;c=isNaN(c)?c():c,c>1&&(w("ImageHasSize."+U,function(a,b){b.img.css({"max-width":b.img[0].naturalWidth/c,width:"100%"})}),w("ElementParse."+U,function(b,d){d.src=a.replaceSrc(d,c)}))}}}}),A()});
\ No newline at end of file
diff --git a/resoft/js/mediaelement-and-player/mediaelement-and-player.js b/resoft/js/mediaelement-and-player/mediaelement-and-player.js
new file mode 100644
index 0000000..52cc23c
--- /dev/null
+++ b/resoft/js/mediaelement-and-player/mediaelement-and-player.js
@@ -0,0 +1,5749 @@
+/*!
+ *
+ * MediaElement.js
+ * HTML5 
        '),w+=c.sloth,void 0!=i&&void 0!=j&&punchgs.TweenLite.set(f.find(".slot").last(),{rotationZ:j});v+=c.slotw}break;case"vertical":case"horizontal":if("horizontal"==e){if(!d)var q=0-c.slotw;for(var y=0;y
        '),void 0!=i&&void 0!=j&&punchgs.TweenLite.set(f.find(".slot").last(),{rotationZ:j})}else{if(!d)var q=0-c.sloth;for(var y=0;y
        '),void 0!=i&&void 0!=j&&punchgs.TweenLite.set(f.find(".slot").last(),{rotationZ:j})}}},e=function(a,b,c,d){function y(){jQuery.each(v,function(a,c){c[0]!=b&&c[8]!=b||(q=c[1],r=c[2],s=t),t+=1})}var e=a[0].opt,f=punchgs.Power1.easeIn,g=punchgs.Power1.easeOut,h=punchgs.Power1.easeInOut,i=punchgs.Power2.easeIn,j=punchgs.Power2.easeOut,k=punchgs.Power2.easeInOut,m=(punchgs.Power3.easeIn,punchgs.Power3.easeOut),n=punchgs.Power3.easeInOut,o=[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45],p=[16,17,18,19,20,21,22,23,24,25,27],q=0,r=1,s=0,t=0,v=(new Array,[["boxslide",0,1,10,0,"box",!1,null,0,g,g,500,6],["boxfade",1,0,10,0,"box",!1,null,1,h,h,700,5],["slotslide-horizontal",2,0,0,200,"horizontal",!0,!1,2,k,k,700,3],["slotslide-vertical",3,0,0,200,"vertical",!0,!1,3,k,k,700,3],["curtain-1",4,3,0,0,"horizontal",!0,!0,4,g,g,300,5],["curtain-2",5,3,0,0,"horizontal",!0,!0,5,g,g,300,5],["curtain-3",6,3,25,0,"horizontal",!0,!0,6,g,g,300,5],["slotzoom-horizontal",7,0,0,400,"horizontal",!0,!0,7,g,g,300,7],["slotzoom-vertical",8,0,0,0,"vertical",!0,!0,8,j,j,500,8],["slotfade-horizontal",9,0,0,1e3,"horizontal",!0,null,9,j,j,2e3,10],["slotfade-vertical",10,0,0,1e3,"vertical",!0,null,10,j,j,2e3,10],["fade",11,0,1,300,"horizontal",!0,null,11,k,k,1e3,1],["crossfade",11,1,1,300,"horizontal",!0,null,11,k,k,1e3,1],["fadethroughdark",11,2,1,300,"horizontal",!0,null,11,k,k,1e3,1],["fadethroughlight",11,3,1,300,"horizontal",!0,null,11,k,k,1e3,1],["fadethroughtransparent",11,4,1,300,"horizontal",!0,null,11,k,k,1e3,1],["slideleft",12,0,1,0,"horizontal",!0,!0,12,n,n,1e3,1],["slideup",13,0,1,0,"horizontal",!0,!0,13,n,n,1e3,1],["slidedown",14,0,1,0,"horizontal",!0,!0,14,n,n,1e3,1],["slideright",15,0,1,0,"horizontal",!0,!0,15,n,n,1e3,1],["slideoverleft",12,7,1,0,"horizontal",!0,!0,12,n,n,1e3,1],["slideoverup",13,7,1,0,"horizontal",!0,!0,13,n,n,1e3,1],["slideoverdown",14,7,1,0,"horizontal",!0,!0,14,n,n,1e3,1],["slideoverright",15,7,1,0,"horizontal",!0,!0,15,n,n,1e3,1],["slideremoveleft",12,8,1,0,"horizontal",!0,!0,12,n,n,1e3,1],["slideremoveup",13,8,1,0,"horizontal",!0,!0,13,n,n,1e3,1],["slideremovedown",14,8,1,0,"horizontal",!0,!0,14,n,n,1e3,1],["slideremoveright",15,8,1,0,"horizontal",!0,!0,15,n,n,1e3,1],["papercut",16,0,0,600,"",null,null,16,n,n,1e3,2],["3dcurtain-horizontal",17,0,20,100,"vertical",!1,!0,17,h,h,500,7],["3dcurtain-vertical",18,0,10,100,"horizontal",!1,!0,18,h,h,500,5],["cubic",19,0,20,600,"horizontal",!1,!0,19,n,n,500,1],["cube",19,0,20,600,"horizontal",!1,!0,20,n,n,500,1],["flyin",20,0,4,600,"vertical",!1,!0,21,m,n,500,1],["turnoff",21,0,1,500,"horizontal",!1,!0,22,n,n,500,1],["incube",22,0,20,200,"horizontal",!1,!0,23,k,k,500,1],["cubic-horizontal",23,0,20,500,"vertical",!1,!0,24,j,j,500,1],["cube-horizontal",23,0,20,500,"vertical",!1,!0,25,j,j,500,1],["incube-horizontal",24,0,20,500,"vertical",!1,!0,26,k,k,500,1],["turnoff-vertical",25,0,1,200,"horizontal",!1,!0,27,k,k,500,1],["fadefromright",12,1,1,0,"horizontal",!0,!0,28,k,k,1e3,1],["fadefromleft",15,1,1,0,"horizontal",!0,!0,29,k,k,1e3,1],["fadefromtop",14,1,1,0,"horizontal",!0,!0,30,k,k,1e3,1],["fadefrombottom",13,1,1,0,"horizontal",!0,!0,31,k,k,1e3,1],["fadetoleftfadefromright",12,2,1,0,"horizontal",!0,!0,32,k,k,1e3,1],["fadetorightfadefromleft",15,2,1,0,"horizontal",!0,!0,33,k,k,1e3,1],["fadetobottomfadefromtop",14,2,1,0,"horizontal",!0,!0,34,k,k,1e3,1],["fadetotopfadefrombottom",13,2,1,0,"horizontal",!0,!0,35,k,k,1e3,1],["parallaxtoright",15,3,1,0,"horizontal",!0,!0,36,k,i,1500,1],["parallaxtoleft",12,3,1,0,"horizontal",!0,!0,37,k,i,1500,1],["parallaxtotop",14,3,1,0,"horizontal",!0,!0,38,k,f,1500,1],["parallaxtobottom",13,3,1,0,"horizontal",!0,!0,39,k,f,1500,1],["scaledownfromright",12,4,1,0,"horizontal",!0,!0,40,k,i,1e3,1],["scaledownfromleft",15,4,1,0,"horizontal",!0,!0,41,k,i,1e3,1],["scaledownfromtop",14,4,1,0,"horizontal",!0,!0,42,k,i,1e3,1],["scaledownfrombottom",13,4,1,0,"horizontal",!0,!0,43,k,i,1e3,1],["zoomout",13,5,1,0,"horizontal",!0,!0,44,k,i,1e3,1],["zoomin",13,6,1,0,"horizontal",!0,!0,45,k,i,1e3,1],["slidingoverlayup",27,0,1,0,"horizontal",!0,!0,47,h,g,2e3,1],["slidingoverlaydown",28,0,1,0,"horizontal",!0,!0,48,h,g,2e3,1],["slidingoverlayright",30,0,1,0,"horizontal",!0,!0,49,h,g,2e3,1],["slidingoverlayleft",29,0,1,0,"horizontal",!0,!0,50,h,g,2e3,1],["parallaxcirclesup",31,0,1,0,"horizontal",!0,!0,51,k,f,1500,1],["parallaxcirclesdown",32,0,1,0,"horizontal",!0,!0,52,k,f,1500,1],["parallaxcirclesright",33,0,1,0,"horizontal",!0,!0,53,k,f,1500,1],["parallaxcirclesleft",34,0,1,0,"horizontal",!0,!0,54,k,f,1500,1],["notransition",26,0,1,0,"horizontal",!0,null,46,k,i,1e3,1],["parallaxright",15,3,1,0,"horizontal",!0,!0,55,k,i,1500,1],["parallaxleft",12,3,1,0,"horizontal",!0,!0,56,k,i,1500,1],["parallaxup",14,3,1,0,"horizontal",!0,!0,57,k,f,1500,1],["parallaxdown",13,3,1,0,"horizontal",!0,!0,58,k,f,1500,1],["grayscale",11,5,1,300,"horizontal",!0,null,11,k,k,1e3,1],["grayscalecross",11,6,1,300,"horizontal",!0,null,11,k,k,1e3,1],["brightness",11,7,1,300,"horizontal",!0,null,11,k,k,1e3,1],["brightnesscross",11,8,1,300,"horizontal",!0,null,11,k,k,1e3,1],["blurlight",11,9,1,300,"horizontal",!0,null,11,k,k,1e3,1],["blurlightcross",11,10,1,300,"horizontal",!0,null,11,k,k,1e3,1],["blurstrong",11,9,1,300,"horizontal",!0,null,11,k,k,1e3,1],["blurstrongcross",11,10,1,300,"horizontal",!0,null,11,k,k,1e3,1]]);e.duringslidechange=!0,e.testanims=!1,1==e.testanims&&(e.nexttesttransform=void 0===e.nexttesttransform?34:e.nexttesttransform+1,e.nexttesttransform=e.nexttesttransform>70?0:e.nexttesttransform,b=v[e.nexttesttransform][0],console.log(b+"  "+e.nexttesttransform+"  "+v[e.nexttesttransform][1]+"  "+v[e.nexttesttransform][2])),jQuery.each(["parallaxcircles","slidingoverlay","slide","slideover","slideremove","parallax","parralaxto"],function(a,c){b==c+"horizontal"&&(b=1!=d?c+"left":c+"right"),b==c+"vertical"&&(b=1!=d?c+"up":c+"down")}),"random"==b&&(b=Math.round(Math.random()*v.length-1))>v.length-1&&(b=v.length-1),"random-static"==b&&(b=Math.round(Math.random()*o.length-1),b>o.length-1&&(b=o.length-1),b=o[b]),"random-premium"==b&&(b=Math.round(Math.random()*p.length-1),b>p.length-1&&(b=p.length-1),b=p[b]);var w=[12,13,14,15,16,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45];if(1==e.isJoomla&&void 0!=window.MooTools&&-1!=w.indexOf(b)){var x=Math.round(Math.random()*(p.length-2))+1;x>p.length-1&&(x=p.length-1),0==x&&(x=1),b=p[x]}y(),q>30&&(q=30),q<0&&(q=0);var z=new Object;return z.nexttrans=q,z.STA=v[s],z.specials=r,z},f=function(a,b){return void 0==b||jQuery.isNumeric(a)?a:void 0==a?a:a.split(",")[b]},g=function(a,b,c,g,h,i,j,k){function V(a,b,c,d,e){var f=a.find(".slot"),g=6,h=[2,1.2,.9,.7,.55,.42],j=a.width(),l=a.height();f.wrap('
        ');for(var n=0;nl?h[a]*j:h[a]*l,m=i,n=m/2-j/2+0,o=i/2-l/2+0,p=0!=a?"50%":"0",q=l/2-i/2,r=33==c?j/2-m/2:34==c?j-m:j/2-m/2,s={scale:1,transformOrigo:"50% 50%",width:m+"px",height:i+"px",top:q+"px",left:r+"px",borderRadius:p},t={scale:1,top:l/2-i/2,left:j/2-m/2,ease:e},u=o,v=33==c?n:34==c?n+j/2:n,w={width:j,height:l,autoAlpha:1,top:u+"px",position:"absolute",left:v+"px"},x={top:o+"px",left:n+"px",ease:e},y=b,z=0;k.add(punchgs.TweenLite.fromTo(d,y,s,t),z),k.add(punchgs.TweenLite.fromTo(f,y,w,x),z),k.add(punchgs.TweenLite.fromTo(d,.001,{autoAlpha:0},{autoAlpha:1}),0)}})}var l=c[0].opt,m=h.index(),n=g.index(),o=nl.delay?l.delay:t,t+=q[4],l.slots=f(g.data("slotamount"),s),l.slots=void 0==l.slots||"default"==l.slots?q[12]:"random"==l.slots?Math.round(12*Math.random()+4):l.slots,l.slots=l.slots<1?"boxslide"==b?Math.round(6*Math.random()+3):"flyin"==b?Math.round(4*Math.random()+1):l.slots:l.slots,l.slots=(4==a||5==a||6==a)&&l.slots<3?3:l.slots,l.slots=0!=q[3]?Math.min(l.slots,q[3]):l.slots,l.slots=9==a?l.width/l.slots:10==a?l.height/l.slots:l.slots,l.rotate=f(g.data("rotate"),s),l.rotate=void 0==l.rotate||"default"==l.rotate?0:999==l.rotate||"random"==l.rotate?Math.round(360*Math.random()):l.rotate,l.rotate=l.ie||l.ie9?0:l.rotate,11!=a&&(null!=q[7]&&d(j,l,q[7],q[5]),null!=q[6]&&d(i,l,q[6],q[5])),k.add(punchgs.TweenLite.set(i.find(".defaultvid"),{y:0,x:0,top:0,left:0,scale:1}),0),k.add(punchgs.TweenLite.set(j.find(".defaultvid"),{y:0,x:0,top:0,left:0,scale:1}),0),k.add(punchgs.TweenLite.set(i.find(".defaultvid"),{y:"+0%",x:"+0%"}),0),k.add(punchgs.TweenLite.set(j.find(".defaultvid"),{y:"+0%",x:"+0%"}),0),k.add(punchgs.TweenLite.set(i,{autoAlpha:1,y:"+0%",x:"+0%"}),0),k.add(punchgs.TweenLite.set(j,{autoAlpha:1,y:"+0%",x:"+0%"}),0),k.add(punchgs.TweenLite.set(i.parent(),{backgroundColor:"transparent"}),0),k.add(punchgs.TweenLite.set(j.parent(),{backgroundColor:"transparent"}),0);var u=f(g.data("easein"),s),v=f(g.data("easeout"),s);if(u="default"===u?q[9]||punchgs.Power2.easeInOut:u||q[9]||punchgs.Power2.easeInOut,v="default"===v?q[10]||punchgs.Power2.easeInOut:v||q[10]||punchgs.Power2.easeInOut,0==a){var w=Math.ceil(l.height/l.sloth),x=0;i.find(".slotslide").each(function(a){var b=jQuery(this);x+=1,x==w&&(x=0),k.add(punchgs.TweenLite.from(b,t/600,{opacity:0,top:0-l.sloth,left:0-l.slotw,rotation:l.rotate,force3D:"auto",ease:u}),(15*a+30*x)/1500)})}if(1==a){var y,z=0;i.find(".slotslide").each(function(a){var b=jQuery(this),c=Math.random()*t+300,d=500*Math.random()+200;c+d>y&&(y=d+d,z=a),k.add(punchgs.TweenLite.from(b,c/1e3,{autoAlpha:0,force3D:"auto",rotation:l.rotate,ease:u}),d/1e3)})}if(2==a){var A=new punchgs.TimelineLite;j.find(".slotslide").each(function(){var a=jQuery(this);A.add(punchgs.TweenLite.to(a,t/1e3,{left:l.slotw,ease:u,force3D:"auto",rotation:0-l.rotate}),0),k.add(A,0)}),i.find(".slotslide").each(function(){var a=jQuery(this);A.add(punchgs.TweenLite.from(a,t/1e3,{left:0-l.slotw,ease:u,force3D:"auto",rotation:l.rotate}),0),k.add(A,0)})}if(3==a){var A=new punchgs.TimelineLite;j.find(".slotslide").each(function(){var a=jQuery(this);A.add(punchgs.TweenLite.to(a,t/1e3,{top:l.sloth,ease:u,rotation:l.rotate,force3D:"auto",transformPerspective:600}),0),k.add(A,0)}),i.find(".slotslide").each(function(){var a=jQuery(this);A.add(punchgs.TweenLite.from(a,t/1e3,{top:0-l.sloth,rotation:l.rotate,ease:v,force3D:"auto",transformPerspective:600}),0),k.add(A,0)})}if(4==a||5==a){setTimeout(function(){j.find(".defaultimg").css({opacity:0})},100);var B=t/1e3,A=new punchgs.TimelineLite;j.find(".slotslide").each(function(b){var c=jQuery(this),d=b*B/l.slots;5==a&&(d=(l.slots-b-1)*B/l.slots/1.5),A.add(punchgs.TweenLite.to(c,3*B,{transformPerspective:600,force3D:"auto",top:0+l.height,opacity:.5,rotation:l.rotate,ease:u,delay:d}),0),k.add(A,0)}),i.find(".slotslide").each(function(b){var c=jQuery(this),d=b*B/l.slots;5==a&&(d=(l.slots-b-1)*B/l.slots/1.5),A.add(punchgs.TweenLite.from(c,3*B,{top:0-l.height,opacity:.5,rotation:l.rotate,force3D:"auto",ease:punchgs.eo,delay:d}),0),k.add(A,0)})}if(6==a){l.slots<2&&(l.slots=2),l.slots%2&&(l.slots=l.slots+1);var A=new punchgs.TimelineLite;setTimeout(function(){j.find(".defaultimg").css({opacity:0})},100),j.find(".slotslide").each(function(a){var b=jQuery(this);if(a+1l.delay&&(t=l.delay);var A=new punchgs.TimelineLite;setTimeout(function(){j.find(".defaultimg").css({opacity:0})},100),j.find(".slotslide").each(function(){var a=jQuery(this).find("div");A.add(punchgs.TweenLite.to(a,t/1e3,{left:0-l.slotw/2+"px",top:0-l.height/2+"px",width:2*l.slotw+"px",height:2*l.height+"px",opacity:0,rotation:l.rotate,force3D:"auto",ease:u}),0),k.add(A,0)}),i.find(".slotslide").each(function(a){var b=jQuery(this).find("div");A.add(punchgs.TweenLite.fromTo(b,t/1e3,{left:0,top:0,opacity:0,transformPerspective:600},{left:0-a*l.slotw+"px",ease:v,force3D:"auto",top:"0px",width:l.width,height:l.height,opacity:1,rotation:0,delay:.1}),0),k.add(A,0)})}if(8==a){t*=3,t>l.delay&&(t=l.delay);var A=new punchgs.TimelineLite;j.find(".slotslide").each(function(){var a=jQuery(this).find("div");A.add(punchgs.TweenLite.to(a,t/1e3,{left:0-l.width/2+"px",top:0-l.sloth/2+"px",width:2*l.width+"px",height:2*l.sloth+"px",force3D:"auto",ease:u,opacity:0,rotation:l.rotate}),0),k.add(A,0)}),i.find(".slotslide").each(function(a){var b=jQuery(this).find("div");A.add(punchgs.TweenLite.fromTo(b,t/1e3,{left:0,top:0,opacity:0,force3D:"auto"},{left:"0px",top:0-a*l.sloth+"px",width:i.find(".defaultimg").data("neww")+"px",height:i.find(".defaultimg").data("newh")+"px",opacity:1,ease:v,rotation:0}),0),k.add(A,0)})}if(9==a||10==a){var D=0;i.find(".slotslide").each(function(a){var b=jQuery(this);D++,k.add(punchgs.TweenLite.fromTo(b,t/2e3,{autoAlpha:0,force3D:"auto",transformPerspective:600},{autoAlpha:1,ease:u,delay:a*l.slots/100/2e3}),0)})}if(27==a||28==a||29==a||30==a){var E=i.find(".slot"),F=27==a||28==a?1:2,G=27==a||29==a?"-100%":"+100%",H=27==a||29==a?"+100%":"-100%",I=27==a||29==a?"-80%":"80%",J=27==a||29==a?"+80%":"-80%",K=27==a||29==a?"+10%":"-10%",L={overwrite:"all"},M={autoAlpha:0,zIndex:1,force3D:"auto",ease:u},N={position:"inherit",autoAlpha:0,overwrite:"all",zIndex:1},O={autoAlpha:1,force3D:"auto",ease:v},P={overwrite:"all",zIndex:2,opacity:1,autoAlpha:1},Q={autoAlpha:1,force3D:"auto",overwrite:"all",ease:u},R={overwrite:"all",zIndex:2,autoAlpha:1},S={autoAlpha:1,force3D:"auto",ease:u},T=1==F?"y":"x";L[T]="0px",M[T]=G,N[T]=K,O[T]="0%",P[T]=H,Q[T]=G,R[T]=I,S[T]=J,E.append(''),k.add(punchgs.TweenLite.fromTo(j,t/1e3,L,M),0),k.add(punchgs.TweenLite.fromTo(i.find(".defaultimg"),t/2e3,N,O),t/2e3),k.add(punchgs.TweenLite.fromTo(E,t/1e3,P,Q),0),k.add(punchgs.TweenLite.fromTo(E.find(".slotslide div"),t/1e3,R,S),0)}if(31==a||32==a||33==a||34==a){t=6e3,u=punchgs.Power3.easeInOut;var U=t/1e3;mas=U-U/5,_nt=a,fy=31==_nt?"+100%":32==_nt?"-100%":"0%",fx=33==_nt?"+100%":34==_nt?"-100%":"0%",ty=31==_nt?"-100%":32==_nt?"+100%":"0%",tx=33==_nt?"-100%":34==_nt?"+100%":"0%",k.add(punchgs.TweenLite.fromTo(j,U-.2*U,{y:0,x:0},{y:ty,x:tx,ease:v}),.2*U),k.add(punchgs.TweenLite.fromTo(i,U,{y:fy,x:fx},{y:"0%",x:"0%",ease:u}),0),i.find(".slot").remove(),i.find(".defaultimg").clone().appendTo(i).addClass("slot"),V(i,U,_nt,"in",u)}if(11==a){r>12&&(r=0);var D=0,W=2==r?"#000000":3==r?"#ffffff":"transparent";switch(r){case 0:k.add(punchgs.TweenLite.fromTo(i,t/1e3,{autoAlpha:0},{autoAlpha:1,force3D:"auto",ease:u}),0);break;case 1:k.add(punchgs.TweenLite.fromTo(i,t/1e3,{autoAlpha:0},{autoAlpha:1,force3D:"auto",ease:u}),0),k.add(punchgs.TweenLite.fromTo(j,t/1e3,{autoAlpha:1},{autoAlpha:0,force3D:"auto",ease:u}),0);break;case 2:case 3:case 4:k.add(punchgs.TweenLite.set(j.parent(),{backgroundColor:W,force3D:"auto"}),0),k.add(punchgs.TweenLite.set(i.parent(),{backgroundColor:"transparent",force3D:"auto"}),0),k.add(punchgs.TweenLite.to(j,t/2e3,{autoAlpha:0,force3D:"auto",ease:u}),0),k.add(punchgs.TweenLite.fromTo(i,t/2e3,{autoAlpha:0},{autoAlpha:1,force3D:"auto",ease:u}),t/2e3);break;case 5:case 6:case 7:case 8:case 9:case 10:case 11:case 12:var X=jQuery.inArray(r,[9,10])>=0?5:jQuery.inArray(r,[11,12])>=0?10:0,Y=jQuery.inArray(r,[5,6,7,8])>=0?100:0,Z=jQuery.inArray(r,[7,8])>=0?300:0,$="blur("+X+"px) grayscale("+Y+"%) brightness("+Z+"%)",_="blur(0px) grayscale(0%) brightness(100%)";k.add(punchgs.TweenLite.fromTo(i,t/1e3,{autoAlpha:0,filter:$,"-webkit-filter":$},{autoAlpha:1,filter:_,"-webkit-filter":_,force3D:"auto",ease:u}),0),jQuery.inArray(r,[6,8,10])>=0&&k.add(punchgs.TweenLite.fromTo(j,t/1e3,{autoAlpha:1,filter:_,"-webkit-filter":_},{autoAlpha:0,force3D:"auto",ease:u,filter:$,"-webkit-filter":$}),0)}k.add(punchgs.TweenLite.set(i.find(".defaultimg"),{autoAlpha:1}),0),k.add(punchgs.TweenLite.set(j.find("defaultimg"),{autoAlpha:1}),0)}if(26==a){var D=0;t=0,k.add(punchgs.TweenLite.fromTo(i,t/1e3,{autoAlpha:0},{autoAlpha:1,force3D:"auto",ease:u}),0),k.add(punchgs.TweenLite.to(j,t/1e3,{autoAlpha:0,force3D:"auto",ease:u}),0),k.add(punchgs.TweenLite.set(i.find(".defaultimg"),{autoAlpha:1}),0),k.add(punchgs.TweenLite.set(j.find("defaultimg"),{autoAlpha:1}),0)}if(12==a||13==a||14==a||15==a){t=t,t>l.delay&&(t=l.delay),setTimeout(function(){punchgs.TweenLite.set(j.find(".defaultimg"),{autoAlpha:0})},100);var aa=l.width,ba=l.height,ca=i.find(".slotslide, .defaultvid"),da=0,ea=0,fa=1,ga=1,ha=1,ia=t/1e3,ja=ia;"fullwidth"!=l.sliderLayout&&"fullscreen"!=l.sliderLayout||(aa=ca.width(),ba=ca.height()),12==a?da=aa:15==a?da=0-aa:13==a?ea=ba:14==a&&(ea=0-ba),1==r&&(fa=0),2==r&&(fa=0),3==r&&(ia=t/1300),4!=r&&5!=r||(ga=.6),6==r&&(ga=1.4),5!=r&&6!=r||(ha=1.4,fa=0,aa=0,ba=0,da=0,ea=0),6==r&&(ha=.6);7==r&&(aa=0,ba=0);var la=i.find(".slotslide"),ma=j.find(".slotslide, .defaultvid");if(k.add(punchgs.TweenLite.set(h,{zIndex:15}),0),k.add(punchgs.TweenLite.set(g,{zIndex:20}),0),8==r?(k.add(punchgs.TweenLite.set(h,{zIndex:20}),0),k.add(punchgs.TweenLite.set(g,{zIndex:15}),0),k.add(punchgs.TweenLite.set(la,{left:0,top:0,scale:1,opacity:1,rotation:0,ease:u,force3D:"auto"}),0)):k.add(punchgs.TweenLite.from(la,ia,{left:da,top:ea,scale:ha,opacity:fa,rotation:l.rotate,ease:u,force3D:"auto"}),0),4!=r&&5!=r||(aa=0,ba=0),1!=r)switch(a){case 12:k.add(punchgs.TweenLite.to(ma,ja,{left:0-aa+"px",force3D:"auto",scale:ga,opacity:fa,rotation:l.rotate,ease:v}),0);break;case 15:k.add(punchgs.TweenLite.to(ma,ja,{left:aa+"px",force3D:"auto",scale:ga,opacity:fa,rotation:l.rotate,ease:v}),0);break;case 13:k.add(punchgs.TweenLite.to(ma,ja,{top:0-ba+"px",force3D:"auto",scale:ga,opacity:fa,rotation:l.rotate,ease:v}),0);break;case 14:k.add(punchgs.TweenLite.to(ma,ja,{top:ba+"px",force3D:"auto",scale:ga,opacity:fa,rotation:l.rotate,ease:v}),0)}}if(16==a){var A=new punchgs.TimelineLite;k.add(punchgs.TweenLite.set(h,{position:"absolute","z-index":20}),0),k.add(punchgs.TweenLite.set(g,{position:"absolute","z-index":15}),0),h.wrapInner('
        '),h.find(".tp-half-one").clone(!0).appendTo(h).addClass("tp-half-two"),h.find(".tp-half-two").removeClass("tp-half-one");var aa=l.width,ba=l.height;"on"==l.autoHeight&&(ba=c.height()),h.find(".tp-half-one .defaultimg").wrap('
        '),h.find(".tp-half-two .defaultimg").wrap('
        '),h.find(".tp-half-two .defaultimg").css({position:"absolute",top:"-50%"}),h.find(".tp-half-two .tp-caption").wrapAll('
        '),k.add(punchgs.TweenLite.set(h.find(".tp-half-two"),{width:aa,height:ba,overflow:"hidden",zIndex:15,position:"absolute",top:ba/2,left:"0px",transformPerspective:600,transformOrigin:"center bottom"}),0),k.add(punchgs.TweenLite.set(h.find(".tp-half-one"),{width:aa,height:ba/2,overflow:"visible",zIndex:10,position:"absolute",top:"0px",left:"0px",transformPerspective:600,transformOrigin:"center top"}),0);var oa=(h.find(".defaultimg"),Math.round(20*Math.random()-10)),pa=Math.round(20*Math.random()-10),qa=Math.round(20*Math.random()-10),ra=.4*Math.random()-.2,sa=.4*Math.random()-.2,ta=1*Math.random()+1,ua=1*Math.random()+1,va=.3*Math.random()+.3;k.add(punchgs.TweenLite.set(h.find(".tp-half-one"),{overflow:"hidden"}),0),k.add(punchgs.TweenLite.fromTo(h.find(".tp-half-one"),t/800,{width:aa,height:ba/2,position:"absolute",top:"0px",left:"0px",force3D:"auto",transformOrigin:"center top"},{scale:ta,rotation:oa,y:0-ba-ba/4,autoAlpha:0,ease:u}),0),k.add(punchgs.TweenLite.fromTo(h.find(".tp-half-two"),t/800,{width:aa,height:ba,overflow:"hidden",position:"absolute",top:ba/2,left:"0px",force3D:"auto",transformOrigin:"center bottom"},{scale:ua,rotation:pa,y:ba+ba/4,ease:u,autoAlpha:0,onComplete:function(){punchgs.TweenLite.set(h,{position:"absolute","z-index":15}),punchgs.TweenLite.set(g,{position:"absolute","z-index":20}),h.find(".tp-half-one").length>0&&(h.find(".tp-half-one .defaultimg").unwrap(),h.find(".tp-half-one .slotholder").unwrap()),h.find(".tp-half-two").remove()}}),0),A.add(punchgs.TweenLite.set(i.find(".defaultimg"),{autoAlpha:1}),0),null!=h.html()&&k.add(punchgs.TweenLite.fromTo(g,(t-200)/1e3,{scale:va,x:l.width/4*ra,y:ba/4*sa,rotation:qa,force3D:"auto",transformOrigin:"center center",ease:v},{autoAlpha:1,scale:1,x:0,y:0,rotation:0}),0),k.add(A,0)}if(17==a&&i.find(".slotslide").each(function(a){var b=jQuery(this);k.add(punchgs.TweenLite.fromTo(b,t/800,{opacity:0,rotationY:0,scale:.9,rotationX:-110,force3D:"auto",transformPerspective:600,transformOrigin:"center center"},{opacity:1,top:0,left:0,scale:1,rotation:0,rotationX:0,force3D:"auto",rotationY:0,ease:u,delay:.06*a}),0)}),18==a&&i.find(".slotslide").each(function(a){var b=jQuery(this);k.add(punchgs.TweenLite.fromTo(b,t/500,{autoAlpha:0,rotationY:110,scale:.9,rotationX:10,force3D:"auto",transformPerspective:600,transformOrigin:"center center"},{autoAlpha:1,top:0,left:0,scale:1,rotation:0,rotationX:0,force3D:"auto",rotationY:0,ease:u,delay:.06*a}),0)}),19==a||22==a){var A=new punchgs.TimelineLite;k.add(punchgs.TweenLite.set(h,{zIndex:20}),0),k.add(punchgs.TweenLite.set(g,{zIndex:20}),0),setTimeout(function(){j.find(".defaultimg").css({opacity:0})},100);var wa=90,fa=1,xa="center center ";1==o&&(wa=-90),19==a?(xa=xa+"-"+l.height/2,fa=0):xa+=l.height/2,punchgs.TweenLite.set(c,{transformStyle:"flat",backfaceVisibility:"hidden",transformPerspective:600}),i.find(".slotslide").each(function(a){var b=jQuery(this);A.add(punchgs.TweenLite.fromTo(b,t/1e3,{transformStyle:"flat",backfaceVisibility:"hidden",left:0,rotationY:l.rotate,z:10,top:0,scale:1,force3D:"auto",transformPerspective:600,transformOrigin:xa,rotationX:wa},{left:0,rotationY:0,top:0,z:0,scale:1,force3D:"auto",rotationX:0,delay:50*a/1e3,ease:u}),0),A.add(punchgs.TweenLite.to(b,.1,{autoAlpha:1,delay:50*a/1e3}),0),k.add(A)}),j.find(".slotslide").each(function(a){var b=jQuery(this),c=-90;1==o&&(c=90),A.add(punchgs.TweenLite.fromTo(b,t/1e3,{transformStyle:"flat",backfaceVisibility:"hidden",autoAlpha:1,rotationY:0,top:0,z:0,scale:1,force3D:"auto",transformPerspective:600,transformOrigin:xa,rotationX:0},{autoAlpha:1,rotationY:l.rotate,top:0,z:10,scale:1,rotationX:c,delay:50*a/1e3,force3D:"auto",ease:v}),0),k.add(A)}),k.add(punchgs.TweenLite.set(h,{zIndex:18}),0)}if(20==a){if(setTimeout(function(){j.find(".defaultimg").css({opacity:0})},100),1==o)var ya=-l.width,wa=80,xa="20% 70% -"+l.height/2;else var ya=l.width,wa=-80,xa="80% 70% -"+l.height/2;i.find(".slotslide").each(function(a){var b=jQuery(this),c=50*a/1e3;k.add(punchgs.TweenLite.fromTo(b,t/1e3,{left:ya,rotationX:40,z:-600,opacity:fa,top:0,scale:1,force3D:"auto",transformPerspective:600,transformOrigin:xa,transformStyle:"flat",rotationY:wa},{left:0,rotationX:0,opacity:1,top:0,z:0,scale:1,rotationY:0,delay:c,ease:u}),0)}),j.find(".slotslide").each(function(a){var b=jQuery(this),c=50*a/1e3;if(c=a>0?c+t/9e3:0,1!=o)var d=-l.width/2,e=30,f="20% 70% -"+l.height/2;else var d=l.width/2,e=-30,f="80% 70% -"+l.height/2;v=punchgs.Power2.easeInOut,k.add(punchgs.TweenLite.fromTo(b,t/1e3,{opacity:1,rotationX:0,top:0,z:0,scale:1,left:0,force3D:"auto",transformPerspective:600,transformOrigin:f,transformStyle:"flat",rotationY:0},{opacity:1,rotationX:20,top:0,z:-600,left:d,force3D:"auto",rotationY:e,delay:c,ease:v}),0)})}if(21==a||25==a){setTimeout(function(){j.find(".defaultimg").css({opacity:0})},100);var wa=90,ya=-l.width,za=-wa;if(1==o)if(25==a){var xa="center top 0";wa=l.rotate}else{var xa="left center 0";za=l.rotate}else if(ya=l.width,wa=-90,25==a){var xa="center bottom 0";za=-wa,wa=l.rotate}else{var xa="right center 0";za=l.rotate}i.find(".slotslide").each(function(a){var b=jQuery(this),c=t/1.5/3;k.add(punchgs.TweenLite.fromTo(b,2*c/1e3,{left:0,transformStyle:"flat",rotationX:za,z:0,autoAlpha:0,top:0,scale:1,force3D:"auto",transformPerspective:1200,transformOrigin:xa,rotationY:wa},{left:0,rotationX:0,top:0,z:0,autoAlpha:1,scale:1,rotationY:0,force3D:"auto",delay:c/1e3,ease:u}),0)}),1!=o?(ya=-l.width,wa=90,25==a?(xa="center top 0",za=-wa,wa=l.rotate):(xa="left center 0",za=l.rotate)):(ya=l.width,wa=-90,25==a?(xa="center bottom 0",za=-wa,wa=l.rotate):(xa="right center 0",za=l.rotate)),j.find(".slotslide").each(function(a){var b=jQuery(this);k.add(punchgs.TweenLite.fromTo(b,t/1e3,{left:0,transformStyle:"flat",rotationX:0,z:0,autoAlpha:1,top:0,scale:1,force3D:"auto",transformPerspective:1200,transformOrigin:xa,rotationY:0},{left:0,rotationX:za,top:0,z:0,autoAlpha:1,force3D:"auto",scale:1,rotationY:wa,ease:v}),0)})}if(23==a||24==a){setTimeout(function(){j.find(".defaultimg").css({opacity:0})},100);var wa=-90,fa=1,Aa=0;if(1==o&&(wa=90),23==a){var xa="center center -"+l.width/2;fa=0}else var xa="center center "+l.width/2;punchgs.TweenLite.set(c,{transformStyle:"preserve-3d",backfaceVisibility:"hidden",perspective:2500}),i.find(".slotslide").each(function(a){var b=jQuery(this);k.add(punchgs.TweenLite.fromTo(b,t/1e3,{left:Aa,rotationX:l.rotate,force3D:"auto",opacity:fa,top:0,scale:1,transformPerspective:1200,transformOrigin:xa,rotationY:wa},{left:0,rotationX:0,autoAlpha:1,top:0,z:0,scale:1,rotationY:0,delay:50*a/500,ease:u}),0)}),wa=90,1==o&&(wa=-90),j.find(".slotslide").each(function(b){var c=jQuery(this);k.add(punchgs.TweenLite.fromTo(c,t/1e3,{left:0,rotationX:0,top:0,z:0,scale:1,force3D:"auto",transformStyle:"flat",transformPerspective:1200,transformOrigin:xa,rotationY:0},{left:Aa,rotationX:l.rotate,top:0,scale:1,rotationY:wa,delay:50*b/500,ease:v}),0),23==a&&k.add(punchgs.TweenLite.fromTo(c,t/2e3,{autoAlpha:1},{autoAlpha:0,delay:50*b/500+t/3e3,ease:v}),0)})}return k}}(jQuery);
\ No newline at end of file
diff --git a/resoft/revolution/js/extensions/revolution.extension.video.min.js b/resoft/revolution/js/extensions/revolution.extension.video.min.js
new file mode 100644
index 0000000..aa6bc40
--- /dev/null
+++ b/resoft/revolution/js/extensions/revolution.extension.video.min.js
@@ -0,0 +1,7 @@
+/********************************************
+ * REVOLUTION 5.4.2 EXTENSION - VIDEO FUNCTIONS
+ * @version: 2.1.6 (15.05.2017)
+ * @requires jquery.themepunch.revolution.js
+ * @author ThemePunch
+*********************************************/
+!function(a){"use strict";function f(a){return void 0==a?-1:jQuery.isNumeric(a)?a:a.split(":").length>1?60*parseInt(a.split(":")[0],0)+parseInt(a.split(":")[1],0):a}var b=jQuery.fn.revolution,c=b.is_mobile(),d=b.is_android(),e={alias:"Video Min JS",name:"revolution.extensions.video.min.js",min_core:"5.4.5",version:"2.1.6"};jQuery.extend(!0,b,{preLoadAudio:function(a,c){if("stop"===b.compare_version(e).check)return!1;a.find(".tp-audiolayer").each(function(){var a=jQuery(this),d={};0===a.find("audio").length&&(d.src=void 0!=a.data("videomp4")?a.data("videomp4"):"",d.pre=a.data("videopreload")||"",void 0===a.attr("id")&&a.attr("audio-layer-"+Math.round(199999*Math.random())),d.id=a.attr("id"),d.status="prepared",d.start=jQuery.now(),d.waittime=1e3*a.data("videopreloadwait")||5e3,"auto"!=d.pre&&"canplaythrough"!=d.pre&&"canplay"!=d.pre&&"progress"!=d.pre||(void 0===c.audioqueue&&(c.audioqueue=[]),c.audioqueue.push(d),b.manageVideoLayer(a,c)))})},preLoadAudioDone:function(a,b,c){b.audioqueue&&b.audioqueue.length>0&&jQuery.each(b.audioqueue,function(b,d){a.data("videomp4")!==d.src||d.pre!==c&&"auto"!==d.pre||(d.status="loaded")})},resetVideo:function(a,d,e){var g=a.data();switch(g.videotype){case"youtube":g.player;try{if("on"==g.forcerewind){var i=f(a.data("videostartat"));1===g.bgvideo||a.find(".tp-videoposter").length;void 0!=g.player&&(i=-1==i?0:i,g.player.seekTo(i),g.player.pauseVideo())}}catch(a){}0==a.find(".tp-videoposter").length&&1!==g.bgvideo&&!0!==e&&punchgs.TweenLite.to(a.find("iframe"),.3,{autoAlpha:1,display:"block",ease:punchgs.Power3.easeInOut});break;case"vimeo":var l=$f(a.find("iframe").attr("id"));try{if("on"==g.forcerewind){var i=f(g.videostartat);1===g.bgvideo||a.find(".tp-videoposter").length;i=-1==i?0:i,l.api("seekTo",i),l.api("pause")}}catch(a){}0==a.find(".tp-videoposter").length&&1!==g.bgvideo&&!0!==e&&punchgs.TweenLite.to(a.find("iframe"),.3,{autoAlpha:1,display:"block",ease:punchgs.Power3.easeInOut});break;case"html5":if(c&&1==g.disablevideoonmobile)return!1;var n="html5"==g.audio?"audio":"video",o=a.find(n),p=o[0];if(punchgs.TweenLite.to(o,.3,{autoAlpha:1,display:"block",ease:punchgs.Power3.easeInOut}),"on"==g.forcerewind&&!a.hasClass("videoisplaying"))try{var i=f(g.videostartat);p.currentTime=-1==i?0:i}catch(a){}("mute"==g.volume||b.lastToggleState(a.videomutetoggledby)||!0===d.globalmute)&&(p.muted=!0)}},isVideoMuted:function(a,b){var c=!1,d=a.data();switch(d.videotype){case"youtube":try{c=d.player.isMuted()}catch(a){}break;case"vimeo":try{$f(a.find("iframe").attr("id"));"mute"==d.volume&&(c=!0)}catch(a){}break;case"html5":var g="html5"==d.audio?"audio":"video";a.find(g)[0].muted&&(c=!0)}return c},muteVideo:function(a,b){var c=a.data();switch(c.videotype){case"youtube":try{c.player.mute()}catch(a){}break;case"vimeo":try{var e=$f(a.find("iframe").attr("id"));a.data("volume","mute"),e.api("setVolume",0)}catch(a){}break;case"html5":var f="html5"==c.audio?"audio":"video";a.find(f)[0].muted=!0}},unMuteVideo:function(a,b){if(!0!==b.globalmute){var c=a.data();switch(c.videotype){case"youtube":try{c.player.unMute()}catch(a){}break;case"vimeo":try{var e=$f(a.find("iframe").attr("id"));a.data("volume","1"),e.api("setVolume",1)}catch(a){}break;case"html5":var f="html5"==c.audio?"audio":"video";a.find(f)[0].muted=!1}}},stopVideo:function(a,b){var c=a.data();switch(b.leaveViewPortBasedStop||(b.lastplayedvideos=[]),b.leaveViewPortBasedStop=!1,c.videotype){case"youtube":try{var d=c.player;if(2===d.getPlayerState()||5===d.getPlayerState())return;d.pauseVideo(),c.youtubepausecalled=!0,setTimeout(function(){c.youtubepausecalled=!1},80)}catch(a){console.log("Issue at YouTube Video Pause:"),console.log(a)}break;case"vimeo":try{$f(a.find("iframe").attr("id")).api("pause"),c.vimeopausecalled=!0,setTimeout(function(){c.vimeopausecalled=!1},80)}catch(a){console.log("Issue at Vimeo Video Pause:"),console.log(a)}break;case"html5":var f="html5"==c.audio?"audio":"video",g=a.find(f),h=g[0];void 0!=g&&void 0!=h&&h.pause()}},playVideo:function(a,c){clearTimeout(a.data("videoplaywait"));var d=a.data();switch(d.videotype){case"youtube":if(0==a.find("iframe").length)a.append(a.data("videomarkup")),i(a,c,!0);else if(void 0!=d.player.playVideo){var e=f(a.data("videostartat")),h=d.player.getCurrentTime();1==a.data("nextslideatend-triggered")&&(h=-1,a.data("nextslideatend-triggered",0)),-1!=e&&e>h&&d.player.seekTo(e),!0!==d.youtubepausecalled&&d.player.playVideo()}else a.data("videoplaywait",setTimeout(function(){!0!==d.youtubepausecalled&&b.playVideo(a,c)},50));break;case"vimeo":if(0==a.find("iframe").length)a.append(a.data("videomarkup")),i(a,c,!0);else if(a.hasClass("rs-apiready")){var j=a.find("iframe").attr("id"),k=$f(j);void 0==k.api("play")?a.data("videoplaywait",setTimeout(function(){!0!==d.vimeopausecalled&&b.playVideo(a,c)},50)):setTimeout(function(){k.api("play");var b=f(a.data("videostartat")),c=a.data("currenttime");1==a.data("nextslideatend-triggered")&&(c=-1,a.data("nextslideatend-triggered",0)),-1!=b&&b>c&&k.api("seekTo",b)},510)}else a.data("videoplaywait",setTimeout(function(){!0!==d.vimeopausecalled&&b.playVideo(a,c)},50));break;case"html5":var l="html5"==d.audio?"audio":"video",m=a.find(l),n=m[0];if(1!=m.parent().data("metaloaded"))g(n,"loadedmetadata",function(a){b.resetVideo(a,c),n.play();var d=f(a.data("videostartat")),e=n.currentTime;1==a.data("nextslideatend-triggered")&&(e=-1,a.data("nextslideatend-triggered",0)),-1!=d&&d>e&&(n.currentTime=d)}(a));else{n.play();var e=f(a.data("videostartat")),h=n.currentTime;1==a.data("nextslideatend-triggered")&&(h=-1,a.data("nextslideatend-triggered",0)),-1!=e&&e>h&&(n.currentTime=e)}}},isVideoPlaying:function(a,b){var c=!1;return void 0!=b.playingvideos&&jQuery.each(b.playingvideos,function(b,d){a.attr("id")==d.attr("id")&&(c=!0)}),c},removeMediaFromList:function(a,b){n(a,b)},prepareCoveredVideo:function(a,c,d){var e=d.find("iframe, video"),f=a.split(":")[0],g=a.split(":")[1],h=d.closest(".tp-revslider-slidesli"),i=h.width()/h.height(),j=f/g,k=i/j*100,l=j/i*100;i>j?punchgs.TweenLite.to(e,.001,{height:k+"%",width:"100%",top:-(k-100)/2+"%",left:"0px",position:"absolute"}):punchgs.TweenLite.to(e,.001,{width:l+"%",height:"100%",left:-(l-100)/2+"%",top:"0px",position:"absolute"}),e.hasClass("resizelistener")||(e.addClass("resizelistener"),jQuery(window).resize(function(){clearTimeout(e.data("resizelistener")),e.data("resizelistener",setTimeout(function(){b.prepareCoveredVideo(a,c,d)},30))}))},checkVideoApis:function(a,b,c){location.protocol;if((void 0!=a.data("ytid")||a.find("iframe").length>0&&a.find("iframe").attr("src").toLowerCase().indexOf("youtube")>0)&&(b.youtubeapineeded=!0),(void 0!=a.data("ytid")||a.find("iframe").length>0&&a.find("iframe").attr("src").toLowerCase().indexOf("youtube")>0)&&0==c.addedyt){b.youtubestarttime=jQuery.now(),c.addedyt=1;var e=document.createElement("script");e.src="https://www.youtube.com/iframe_api";var f=document.getElementsByTagName("script")[0],g=!0;jQuery("head").find("*").each(function(){"https://www.youtube.com/iframe_api"==jQuery(this).attr("src")&&(g=!1)}),g&&f.parentNode.insertBefore(e,f)}if((void 0!=a.data("vimeoid")||a.find("iframe").length>0&&a.find("iframe").attr("src").toLowerCase().indexOf("vimeo")>0)&&(b.vimeoapineeded=!0),(void 0!=a.data("vimeoid")||a.find("iframe").length>0&&a.find("iframe").attr("src").toLowerCase().indexOf("vimeo")>0)&&0==c.addedvim){b.vimeostarttime=jQuery.now(),c.addedvim=1;var h=document.createElement("script"),f=document.getElementsByTagName("script")[0],g=!0;h.src="https://secure-a.vimeocdn.com/js/froogaloop2.min.js",jQuery("head").find("*").each(function(){"https://secure-a.vimeocdn.com/js/froogaloop2.min.js"==jQuery(this).attr("src")&&(g=!1)}),g&&f.parentNode.insertBefore(h,f)}return c},manageVideoLayer:function(a,d,h,j){if("stop"===b.compare_version(e).check)return!1;var k=a.data(),m=k.videoattributes,n=k.ytid,o=k.vimeoid,p="auto"===k.videopreload||"canplay"===k.videopreload||"canplaythrough"===k.videopreload||"progress"===k.videopreload?"auto":k.videopreload,q=k.videomp4,r=k.videowebm,s=k.videoogv,t=k.allowfullscreenvideo,u=k.videocontrols,v="http",w="loop"==k.videoloop?"loop":"loopandnoslidestop"==k.videoloop?"loop":"",x=void 0!=q||void 0!=r?"html5":void 0!=n&&String(n).length>1?"youtube":void 0!=o&&String(o).length>1?"vimeo":"none",y="html5"==k.audio?"audio":"video",z="html5"==x&&0==a.find(y).length?"html5":"youtube"==x&&0==a.find("iframe").length?"youtube":"vimeo"==x&&0==a.find("iframe").length?"vimeo":"none";switch(w=!0===k.nextslideatend?"":w,k.videotype=x,z){case"html5":"controls"!=u&&(u="");var y="video";"html5"==k.audio&&(y="audio",a.addClass("tp-audio-html5"));var A=d.fallbacks.allowHTML5AutoPlayOnAndroid?"muted playsinline":"",B="<"+y+" "+A+' style="object-fit:cover;background-size:cover;visible:hidden;width:100%; height:100%" class="" '+w+' preload="'+p+'">';"auto"==p&&(d.mediapreload=!0),void 0!=r&&"firefox"==b.get_browser().toLowerCase()&&(B=B+''),void 0!=q&&(B=B+''),void 0!=s&&(B=B+''),B=B+"";var C="";"true"!==t&&!0!==t||(C='
        '),"controls"==u&&(B=B+'
        '+C+"
        "),a.data("videomarkup",B),a.append(B),(c&&1==a.data("disablevideoonmobile")||b.isIE(8))&&a.find(y).remove(),a.find(y).each(function(c){var e=this,f=jQuery(this);f.parent().hasClass("html5vid")||f.wrap('
        '),1!=f.parent().data("metaloaded")&&g(e,"loadedmetadata",function(a){l(a,d),b.resetVideo(a,d)}(a))});break;case"youtube":v="https","none"==u&&(m=m.replace("controls=1","controls=0"),-1==m.toLowerCase().indexOf("controls")&&(m+="&controls=0")),!0!==k.videoinline&&"true"!==k.videoinline&&1!==k.videoinline||(m+="&playsinline=1");var D=f(a.data("videostartat")),E=f(a.data("videoendat"));-1!=D&&(m=m+"&start="+D),-1!=E&&(m=m+"&end="+E);var F=m.split("origin="+v+"://"),G="";F.length>1?(G=F[0]+"origin="+v+"://",self.location.href.match(/www/gi)&&!F[1].match(/www/gi)&&(G+="www."),G+=F[1]):G=m;var H="true"===t||!0===t?"allowfullscreen":"";a.data("videomarkup",'');break;case"vimeo":v="https",a.data("videomarkup",'')}var I=c&&"on"==a.data("noposteronmobile");if(void 0!=k.videoposter&&k.videoposter.length>2&&!I)0==a.find(".tp-videoposter").length&&a.append('
        '),0==a.find("iframe").length&&a.find(".tp-videoposter").click(function(){if(b.playVideo(a,d),c){if(1==a.data("disablevideoonmobile"))return!1;punchgs.TweenLite.to(a.find(".tp-videoposter"),.3,{autoAlpha:0,force3D:"auto",ease:punchgs.Power3.easeInOut}),punchgs.TweenLite.to(a.find("iframe"),.3,{autoAlpha:1,display:"block",ease:punchgs.Power3.easeInOut})}});else{if(c&&1==a.data("disablevideoonmobile"))return!1;0!=a.find("iframe").length||"youtube"!=x&&"vimeo"!=x||(a.append(a.data("videomarkup")),i(a,d,!1))}"none"!=a.data("dottedoverlay")&&void 0!=a.data("dottedoverlay")&&1!=a.find(".tp-dottedoverlay").length&&a.append('
        '),a.addClass("HasListener"),1==a.data("bgvideo")&&punchgs.TweenLite.set(a.find("video, iframe"),{autoAlpha:0})}});var g=function(a,b,c){a.addEventListener?a.addEventListener(b,c,{capture:!1,passive:!0}):a.attachEvent(b,c,{capture:!1,passive:!0})},h=function(a,b,c){var d={};return d.video=a,d.videotype=b,d.settings=c,d},i=function(a,d,e){var g=a.data(),i=a.find("iframe"),l="iframe"+Math.round(1e5*Math.random()+1),o=g.videoloop,p="loopandnoslidestop"!=o;if(o="loop"==o||"loopandnoslidestop"==o,1==a.data("forcecover")){a.removeClass("fullscreenvideo").addClass("coverscreenvideo");var q=a.data("aspectratio");void 0!=q&&q.split(":").length>1&&(console.log("i"),b.prepareCoveredVideo(q,d,a))}if(1==a.data("bgvideo")){var q=a.data("aspectratio");void 0!=q&&q.split(":").length>1&&(console.log("ak"),b.prepareCoveredVideo(q,d,a))}if(i.attr("id",l),e&&a.data("startvideonow",!0),1!==a.data("videolistenerexist"))switch(g.videotype){case"youtube":var r=new YT.Player(l,{events:{onStateChange:function(c){var e=a.closest(".tp-simpleresponsive"),q=(g.videorate,a.data("videostart"),k());if(c.data==YT.PlayerState.PLAYING)punchgs.TweenLite.to(a.find(".tp-videoposter"),.3,{autoAlpha:0,force3D:"auto",ease:punchgs.Power3.easeInOut}),punchgs.TweenLite.to(a.find("iframe"),.3,{autoAlpha:1,display:"block",ease:punchgs.Power3.easeInOut}),"mute"==a.data("volume")||b.lastToggleState(a.data("videomutetoggledby"))||!0===d.globalmute?r.mute():(r.unMute(),r.setVolume(parseInt(a.data("volume"),0)||75)),d.videoplaying=!0,m(a,d),p?d.c.trigger("stoptimer"):d.videoplaying=!1,d.c.trigger("revolution.slide.onvideoplay",h(r,"youtube",a.data())),b.toggleState(g.videotoggledby);else{if(0==c.data&&o){var s=f(a.data("videostartat"));-1!=s&&r.seekTo(s),r.playVideo(),b.toggleState(g.videotoggledby)}q||0!=c.data&&2!=c.data||!("on"==a.data("showcoveronpause")&&a.find(".tp-videoposter").length>0||1===a.data("bgvideo")&&a.find(".rs-fullvideo-cover").length>0)||(1===a.data("bgvideo")?punchgs.TweenLite.to(a.find(".rs-fullvideo-cover"),.1,{autoAlpha:1,force3D:"auto",ease:punchgs.Power3.easeInOut}):punchgs.TweenLite.to(a.find(".tp-videoposter"),.1,{autoAlpha:1,force3D:"auto",ease:punchgs.Power3.easeInOut}),punchgs.TweenLite.to(a.find("iframe"),.1,{autoAlpha:0,ease:punchgs.Power3.easeInOut})),-1!=c.data&&3!=c.data&&(d.videoplaying=!1,d.tonpause=!1,n(a,d),e.trigger("starttimer"),d.c.trigger("revolution.slide.onvideostop",h(r,"youtube",a.data())),void 0!=d.currentLayerVideoIsPlaying&&d.currentLayerVideoIsPlaying.attr("id")!=a.attr("id")||b.unToggleState(g.videotoggledby)),0==c.data&&1==a.data("nextslideatend")?(j(),a.data("nextslideatend-triggered",1),d.c.revnext(),n(a,d)):(n(a,d),d.videoplaying=!1,e.trigger("starttimer"),d.c.trigger("revolution.slide.onvideostop",h(r,"youtube",a.data())),void 0!=d.currentLayerVideoIsPlaying&&d.currentLayerVideoIsPlaying.attr("id")!=a.attr("id")||b.unToggleState(g.videotoggledby))}},onReady:function(b){var d=g.videorate;a.data("videostart");if(a.addClass("rs-apiready"),void 0!=d&&b.target.setPlaybackRate(parseFloat(d)),a.find(".tp-videoposter").unbind("click"),a.find(".tp-videoposter").click(function(){c||r.playVideo()}),a.data("startvideonow")){g.player.playVideo();var h=f(a.data("videostartat"));-1!=h&&g.player.seekTo(h)}a.data("videolistenerexist",1)}}});a.data("player",r);break;case"vimeo":for(var w,s=i.attr("src"),t={},u=s,v=/([^&=]+)=([^&]*)/g;w=v.exec(u);)t[decodeURIComponent(w[1])]=decodeURIComponent(w[2]);s=void 0!=t.player_id?s.replace(t.player_id,l):s+"&player_id="+l;try{s=s.replace("api=0","api=1")}catch(a){}s+="&api=1",i.attr("src",s);var r=a.find("iframe")[0],y=(jQuery("#"+l),$f(l));y.addEvent("ready",function(){if(a.addClass("rs-apiready"),y.addEvent("play",function(c){a.data("nextslidecalled",0),punchgs.TweenLite.to(a.find(".tp-videoposter"),.3,{autoAlpha:0,force3D:"auto",ease:punchgs.Power3.easeInOut}),punchgs.TweenLite.to(a.find("iframe"),.3,{autoAlpha:1,display:"block",ease:punchgs.Power3.easeInOut}),d.c.trigger("revolution.slide.onvideoplay",h(y,"vimeo",a.data())),d.videoplaying=!0,m(a,d),p?d.c.trigger("stoptimer"):d.videoplaying=!1,"mute"==a.data("volume")||b.lastToggleState(a.data("videomutetoggledby"))||!0===d.globalmute?y.api("setVolume","0"):y.api("setVolume",parseInt(a.data("volume"),0)/100||.75),b.toggleState(g.videotoggledby)}),y.addEvent("playProgress",function(b){var c=f(a.data("videoendat"));if(a.data("currenttime",b.seconds),0!=c&&Math.abs(c-b.seconds)<.3&&c>b.seconds&&1!=a.data("nextslidecalled"))if(o){y.api("play");var e=f(a.data("videostartat"));-1!=e&&y.api("seekTo",e)}else 1==a.data("nextslideatend")&&(a.data("nextslideatend-triggered",1),a.data("nextslidecalled",1),d.c.revnext()),y.api("pause")}),y.addEvent("finish",function(c){n(a,d),d.videoplaying=!1,d.c.trigger("starttimer"),d.c.trigger("revolution.slide.onvideostop",h(y,"vimeo",a.data())),1==a.data("nextslideatend")&&(a.data("nextslideatend-triggered",1),d.c.revnext()),void 0!=d.currentLayerVideoIsPlaying&&d.currentLayerVideoIsPlaying.attr("id")!=a.attr("id")||b.unToggleState(g.videotoggledby)}),y.addEvent("pause",function(c){("on"==a.data("showcoveronpause")&&a.find(".tp-videoposter").length>0||1===a.data("bgvideo")&&a.find(".rs-fullvideo-cover").length>0)&&(1===a.data("bgvideo")?punchgs.TweenLite.to(a.find(".rs-fullvideo-cover"),.1,{autoAlpha:1,force3D:"auto",ease:punchgs.Power3.easeInOut}):punchgs.TweenLite.to(a.find(".tp-videoposter"),.1,{autoAlpha:1,force3D:"auto",ease:punchgs.Power3.easeInOut}),punchgs.TweenLite.to(a.find("iframe"),.1,{autoAlpha:0,ease:punchgs.Power3.easeInOut})),d.videoplaying=!1,d.tonpause=!1,n(a,d),d.c.trigger("starttimer"),d.c.trigger("revolution.slide.onvideostop",h(y,"vimeo",a.data())),void 0!=d.currentLayerVideoIsPlaying&&d.currentLayerVideoIsPlaying.attr("id")!=a.attr("id")||b.unToggleState(g.videotoggledby)}),a.find(".tp-videoposter").unbind("click"),a.find(".tp-videoposter").click(function(){if(!c)return y.api("play"),!1}),a.data("startvideonow")){y.api("play");var e=f(a.data("videostartat"));-1!=e&&y.api("seekTo",e)}a.data("videolistenerexist",1)})}else{var z=f(a.data("videostartat"));switch(g.videotype){case"youtube":e&&(g.player.playVideo(),-1!=z&&g.player.seekTo());break;case"vimeo":if(e){var y=$f(a.find("iframe").attr("id"));y.api("play"),-1!=z&&y.api("seekTo",z)}}}},j=function(){document.exitFullscreen?document.exitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitExitFullscreen&&document.webkitExitFullscreen()},k=function(){try{if(void 0!==window.fullScreen)return window.fullScreen;var a=5;return jQuery.browser.webkit&&/Apple Computer/.test(navigator.vendor)&&(a=42),screen.width==window.innerWidth&&Math.abs(screen.height-window.innerHeight) 
        '),a.find("video, .tp-poster, .tp-video-play-button").click(function(){a.hasClass("videoisplaying")?q.pause():q.play()})),1==a.data("forcecover")||a.hasClass("fullscreenvideo")||1==a.data("bgvideo"))if(1==a.data("forcecover")||1==a.data("bgvideo")){r.addClass("fullcoveredvideo");var u=a.data("aspectratio")||"4:3";b.setSize(e),b.prepareCoveredVideo(u,e,a)}else r.addClass("fullscreenvideo");var v=a.find(".tp-vid-play-pause")[0],w=a.find(".tp-vid-mute")[0],x=a.find(".tp-vid-full-screen")[0],y=a.find(".tp-seek-bar")[0],z=a.find(".tp-volume-bar")[0];void 0!=v&&g(v,"click",function(){1==q.paused?q.play():q.pause()}),void 0!=w&&g(w,"click",function(){0==q.muted?(q.muted=!0,w.innerHTML="Unmute"):(q.muted=!1,w.innerHTML="Mute")}),void 0!=x&&x&&g(x,"click",function(){q.requestFullscreen?q.requestFullscreen():q.mozRequestFullScreen?q.mozRequestFullScreen():q.webkitRequestFullscreen&&q.webkitRequestFullscreen()}),void 0!=y&&(g(y,"change",function(){var a=q.duration*(y.value/100);q.currentTime=a}),g(y,"mousedown",function(){a.addClass("seekbardragged"),q.pause()}),g(y,"mouseup",function(){a.removeClass("seekbardragged"),q.play()})),g(q,"canplaythrough",function(){b.preLoadAudioDone(a,e,"canplaythrough")}),g(q,"canplay",function(){b.preLoadAudioDone(a,e,"canplay")}),g(q,"progress",function(){b.preLoadAudioDone(a,e,"progress")}),g(q,"timeupdate",function(){var b=100/q.duration*q.currentTime,c=f(a.data("videoendat")),d=q.currentTime;if(void 0!=y&&(y.value=b),0!=c&&-1!=c&&Math.abs(c-d)<=.3&&c>d&&1!=a.data("nextslidecalled"))if(s){q.play();var g=f(a.data("videostartat"));-1!=g&&(q.currentTime=g)}else 1==a.data("nextslideatend")&&(a.data("nextslideatend-triggered",1),a.data("nextslidecalled",1),e.just_called_nextslide_at_htmltimer=!0,e.c.revnext(),setTimeout(function(){e.just_called_nextslide_at_htmltimer=!1},1e3)),q.pause()}),void 0!=z&&g(z,"change",function(){q.volume=z.value}),g(q,"play",function(){a.data("nextslidecalled",0);var c=a.data("volume");c=void 0!=c&&"mute"!=c?parseFloat(c)/100:c,d||(!0===e.globalmute?q.muted=!0:q.muted=!1,c>1&&(c/=100),"mute"==c?q.muted=!0:void 0!=c&&(q.volume=c)),a.addClass("videoisplaying");var f="html5"==l.audio?"audio":"video";m(a,e),t&&"audio"!=f?(e.videoplaying=!0,e.c.trigger("stoptimer"),e.c.trigger("revolution.slide.onvideoplay",h(q,"html5",l))):(e.videoplaying=!1,"audio"!=f&&e.c.trigger("starttimer"),e.c.trigger("revolution.slide.onvideostop",h(q,"html5",l))),punchgs.TweenLite.to(a.find(".tp-videoposter"),.3,{autoAlpha:0,force3D:"auto",ease:punchgs.Power3.easeInOut}),punchgs.TweenLite.to(a.find(f),.3,{autoAlpha:1,display:"block",ease:punchgs.Power3.easeInOut});var g=a.find(".tp-vid-play-pause")[0],i=a.find(".tp-vid-mute")[0];void 0!=g&&(g.innerHTML="Pause"),void 0!=i&&q.muted&&(i.innerHTML="Unmute"),b.toggleState(l.videotoggledby)}),g(q,"pause",function(c){var d="html5"==l.audio?"audio":"video";!k()&&a.find(".tp-videoposter").length>0&&"on"==a.data("showcoveronpause")&&!a.hasClass("seekbardragged")&&(punchgs.TweenLite.to(a.find(".tp-videoposter"),.3,{autoAlpha:1,force3D:"auto",ease:punchgs.Power3.easeInOut}),punchgs.TweenLite.to(a.find(d),.3,{autoAlpha:0,ease:punchgs.Power3.easeInOut})),a.removeClass("videoisplaying"),e.videoplaying=!1,n(a,e),"audio"!=d&&e.c.trigger("starttimer"),e.c.trigger("revolution.slide.onvideostop",h(q,"html5",a.data()));var g=a.find(".tp-vid-play-pause")[0];void 0!=g&&(g.innerHTML="Play"),void 0!=e.currentLayerVideoIsPlaying&&e.currentLayerVideoIsPlaying.attr("id")!=a.attr("id")||b.unToggleState(l.videotoggledby)}),g(q,"ended",function(){j(),n(a,e),e.videoplaying=!1,n(a,e),"audio"!=o&&e.c.trigger("starttimer"),e.c.trigger("revolution.slide.onvideostop",h(q,"html5",a.data())),!0===a.data("nextslideatend")&&q.currentTime>0&&(1==!e.just_called_nextslide_at_htmltimer&&(a.data("nextslideatend-triggered",1),e.c.revnext(),e.just_called_nextslide_at_htmltimer=!0),setTimeout(function(){e.just_called_nextslide_at_htmltimer=!1},1500)),a.removeClass("videoisplaying")})},m=function(a,c){void 0==c.playingvideos&&(c.playingvideos=new Array),a.data("stopallvideos")&&void 0!=c.playingvideos&&c.playingvideos.length>0&&(c.lastplayedvideos=jQuery.extend(!0,[],c.playingvideos),jQuery.each(c.playingvideos,function(a,d){b.stopVideo(d,c)})),c.playingvideos.push(a),c.currentLayerVideoIsPlaying=a},n=function(a,b){void 0!=b.playingvideos&&jQuery.inArray(a,b.playingvideos)>=0&&b.playingvideos.splice(jQuery.inArray(a,b.playingvideos),1)}}(jQuery);
\ No newline at end of file
diff --git a/resoft/revolution/js/jquery.revslider-webster-slider-8.js b/resoft/revolution/js/jquery.revslider-webster-slider-8.js
new file mode 100644
index 0000000..0451479
--- /dev/null
+++ b/resoft/revolution/js/jquery.revslider-webster-slider-8.js
@@ -0,0 +1 @@
+jQuery(function(){jQuery().embedRevslider('load', '{\"locations\":{\"fonts\":\"fonts\\/\",\"css\":\"css\\/\",\"js\":\"js\\/\",\"assets\":\"assets\"},\"assets\":[\"http:\\/\\/fonts.googleapis.com\\/css?family=Chewy:400%7CMontserrat:500%2C600\",\"fonts\\/pe-icon-7-stroke\\/css\\/pe-icon-7-stroke.css\",\"fonts\\/font-awesome\\/css\\/font-awesome.css\",\"css\\/settings.css\"],\"alias\":\"webster-slider-8\",\"content\":\"\\n
        \\n\\n\\t
        \\n
          \\t\\n    
        • \\n\\t\\t\\n        \\\"\\\"\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t
          \\\"\\\" <\\/div>\\n\\n\\t\\t\\n\\t\\t
          \\\"\\\" <\\/div>\\n\\n\\t\\t\\n\\t\\t
          \\\"\\\" <\\/div>\\n\\n\\t\\t\\n\\t\\t
          \\\"\\\" <\\/div>\\n\\n\\t\\t\\n\\t\\t
          \\n
          \\\"\\\" <\\/div><\\/div>\\n\\n\\t\\t\\n\\t\\t
          \\\"\\\" <\\/div>\\n\\n\\t\\t\\n\\t\\t
          Webster\\n <\\/div>\\n\\n\\t\\t\\n\\t\\t
          \\\"\\\" <\\/div>\\n\\n\\t\\t\\n\\t\\t
          \\\"\\\" <\\/div>\\n\\n\\t\\t\\n\\t\\t
          \\n
          \\\"\\\" <\\/div><\\/div>\\n\\n\\t\\t\\n\\t\\t
          \\n
          \\\"\\\" <\\/div><\\/div>\\n\\n\\t\\t\\n\\t\\t
          \\\"\\\" <\\/div>\\n\\n\\t\\t\\n\\t\\t
          \\n
          \\\"\\\" <\\/div><\\/div>\\n\\n\\t\\t\\n\\t\\t
          \\n
          \\\"\\\" <\\/div><\\/div>\\n\\n\\t\\t\\n\\t\\t
          \\n
          \\\"\\\" <\\/div><\\/div>\\n\\n\\t\\t\\n\\t\\t
          \\n
          \\\"\\\" <\\/div><\\/div>\\n\\n\\t\\t\\n\\t\\t
          HTML5  Template <\\/div>\\n\\n\\t\\t\\n\\t\\t
          Start with us <\\/div>\\n\\n\\t\\t\\n\\t\\t
          \\n
          \\\"\\\" <\\/div><\\/div>\\n\\t<\\/li>\\n<\\/ul>\\n
+		                            
          
+                                       <%}%>
+                            <%}%>
+                       
          
+                            
            
+                            	<%if(pfirst > 1){ %>
+                                
          • 
+                                    
+                                    
+                                
            • 
+                                <%}%>
+                                <% for(int i=pfirst;i
+                                
          • <%=i%>
            • 
+                                <%}%>
+                                 <%if(plast < plast_org){ %>
+                                
          • 
+                                    
+                                    
+                                
            • 
+                                <%}%>
+                            
          
+                        
          
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
diff --git a/www/cms_for_bcb/show.jsp b/www/cms_for_bcb/show.jsp
new file mode 100644
index 0000000..5d0660e
--- /dev/null
+++ b/www/cms_for_bcb/show.jsp
@@ -0,0 +1,60 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+<%@include file="/cms_for_bcb/show_top.jsp"%>
+<%
+	String view_page = "/cms_for_bcb/contents/" ;
+	try{
+		if(page_type == 1){
+			view_page = view_page + page_content;
+	%> 
+	 
+		
+	<%
+		}
+		if(page_type == 5){
+			%>
+			<%=page_content.replaceAll("/upload/","http://www.c-innovacion.org/upload/")%>
+			<%
+		}
+	}catch(Exception e){
+%>
+









          
+
+준비중입니다.
+









          
+<%	
+	}
+%>
+<%@include file="/cms_for_bcb/show_bottom.jsp"%>
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
+      
+                                
\ No newline at end of file
diff --git a/www/cms_for_bcb/show_bottom.jsp b/www/cms_for_bcb/show_bottom.jsp
new file mode 100644
index 0000000..27f70b2
--- /dev/null
+++ b/www/cms_for_bcb/show_bottom.jsp
@@ -0,0 +1,7 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+  			
          
+                        
+                    
+                
+
+            
          
\ No newline at end of file
diff --git a/www/cms_for_bcb/show_top.jsp b/www/cms_for_bcb/show_top.jsp
new file mode 100644
index 0000000..b337548
--- /dev/null
+++ b/www/cms_for_bcb/show_top.jsp
@@ -0,0 +1,81 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+ 
+    
          
+                
          
+                    
          
+                    	<%if(menu1==391){%>
+                        sub_page_visual
+                        <%}%>
+                    	<%if(menu1==394){%>
+                        sub_page_visual
+                        <%}%>
+                    	<%if(menu1==401){%>
+                        sub_page_visual
+                        <%}%>
+                        <%if(menu1==412){%>
+                        sub_page_visual
+                        <%}%>
+                    
          
+                
          
+
+                
          
+                    
          
+                        
          
+                            
          
+                                <%=menu1_title%> - <%=page_title%>
+                                
          
+
+                                    
          
+                                        
+                                   
               
+                                    
          
+                                        
+                                    
          
+ 
+                                
          
+
+                                
          
+                                	
+                                    <%=navi_text%>
+                                
          
+                            
          
\ No newline at end of file
diff --git a/www/css/.DS_Store b/www/css/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/www/css/.DS_Store differ
diff --git a/www/css/default.css b/www/css/default.css
new file mode 100644
index 0000000..2e32bd3
--- /dev/null
+++ b/www/css/default.css
@@ -0,0 +1,93 @@
+@charset "utf-8";
+/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */
+
+  @font-face {
+    font-family: "BAHNSCHRIFT";
+    src: url("../fonts/BAHNSCHRIFT.TTF") format("truetype");
+    font-style:normal;
+
+ 
+  }
+
+
+
+/* Reset */
+ * {outline:0 !important;}
+html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,
+li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,
+label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,
+object,figure,figcaption {
+margin:0;
+padding:0;
+/* vertical-align: baseline; */
+}
+html, body{width:100%;}
+
+html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
+body{width:100%; background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
+body,input,select,textarea,button {border:none;font-size:13px; 
+font-family:'BAHNSCHRIFT'; color:666666;}
+ul,ol,li{list-style:none;}
+table{width:100%;border-spacing:0;border-collapse:collapse;}
+img,fieldset{border:0;}
+address,cite,code,em{font-style:normal;font-weight:normal;}
+label,img,input,select,textarea,button{vertical-align:middle;}
+.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;}
+hr{display:none;}
+main,header,section,nav,footer,aside,article,figure{display:block;}
+/* a{color:#000;text-decoration:none;} */
+a {
+  color:#383838;
+  text-decoration: none;
+  /* color: inherit; */
+  display: inline-block;
+  /* font-size: 25px; */
+ }
+
+ b {
+  color:#383838;
+ }
+
+ /* br {
+   line-height: 50%;
+ } */
+
+ 
+/* Form */
+textarea { border:1px solid #dbdbdb;}
+select { height:32px; font-size:13px; color:#373737; border:1px solid #e9e9e9; background:#fff;border-radius: 5px;}
+input[type=tel],
+input[type=time],
+input[type=text],
+input[type=password],
+input[type=search],
+input[type=email],
+input[type=file],
+input[type=url],
+input[type=number],
+input[type=date],textarea {width:100%; height:30px; font-size:13px; color:#373737; border:1px solid #e9e9e9; background:#fff; text-indent:20px; border-radius: 5px; transition: all 0.5s; vertical-align:middle;}
+input::-webkit-input-placeholder{color:#b5b5b5; font-size:12px; line-height:100%;}
+textarea { padding:5px 0;}
+select:focus,
+textarea:focus,
+input:focus { border: 1px solid #727272;}
+
+input[type=tel][readonly],
+input[type=text][readonly],
+input[type=password][readonly],
+input[type=email][readonly], 
+input[type=search][readonly], 
+input[type=tel][disabled],
+input[type=text][disabled],
+input[type=password][disabled],
+input[type=search][disabled],
+input[type=email][disabled]{background:#eaeaea; border-color:#c0c0c0; color:#666; -webkit-appearance:none;font-size:12px;}
+textarea[readonly],
+textarea[disabled]{padding:11px; font-size:16px; color:#666; font-weight:normal; line-height:140%; height:78px; background:#eaeaea;border:1px solid #c0c0c0;}
+
+.clear {clear:both;}
+.clear:after { content:""; display:block; clear:both;}
+.skip {position:absolute; left:0; top:-100px; width:100%; height:50px; line-height:50px;
+     background:#000; color:#fff; text-align: center; font-size: 14px; transition:all .5s; z-index: 101;}
+.skip:focus {top:0;}
+/* .hide {position: absolute; left: -5000px;} */
diff --git a/www/css/responsive.css b/www/css/responsive.css
new file mode 100644
index 0000000..befb975
--- /dev/null
+++ b/www/css/responsive.css
@@ -0,0 +1,947 @@
+@charset "UTF-8";
+
+@media (min-width:500px) {
+    .apply-icon > a {
+        /* 91 102 */
+        width: 4.55rem;
+        height: 5.1rem;
+        background: url("../images/apply_icon.png") no-repeat center/cover;
+    }
+
+    .education-icon > a {
+        /* 90 95 */
+        width: 4.5rem;
+        height: 4.75rem;
+        background: url("../images/education_icon.png") no-repeat center/cover;
+    }
+
+    /* .education-icon div > a {
+        position: absolute;
+    } */
+
+    .bmc-icon > a {
+        /* 73 93 */
+        width: 3.65rem;
+        height: 4.65rem;
+        background: url("../images/bmc_icon.png") no-repeat center/cover;
+    }
+
+    .community-icon > a {
+        /* 73 92 */
+        width: 3.65rem;
+        height: 4.6rem;
+        background: url("../images/community_icon.png") no-repeat center/cover;
+    }
+
+    .consitech-img a {
+        width: 8.5rem;
+        height: 8.5rem;
+        background: url("../images/consitech.png") no-repeat center/cover;
+
+    }
+
+    .inha-img a {
+        width: 8.5rem;
+        height: 8.5rem;
+        background: url("../images/inha_univ.png") no-repeat center/cover;
+
+    }
+
+    .gcc a {
+        width: 8.5rem;
+        height: 8.5rem;
+       
+        background: url("../images/main_gccei.png") no-repeat center/cover;
+	
+    }
+
+    .n15-img a {
+        width: 8.5rem;
+        height: 8.5rem;
+         
+        background: url("../images/n15.png") no-repeat center/cover;
+	 
+    }
+    .board-con ul li a {
+        padding-right: 10px;
+    }
+
+}
+
+@media (max-width:1550px) {
+
+    .menu-item {
+        margin-left: 25px;
+    }
+
+}
+
+@media (max-width:1450px) {
+
+    .menu-item {
+        margin-left: 20px;
+    }
+
+    .menu-item > a {
+
+        font-size: 22px;
+        padding: 5px 0 28px;
+        margin-bottom: 7px;
+    }
+
+    a.on~ .menu-sub {
+        font-size: 18px;
+    }
+
+    .menu-sub li a:hover:before {
+        content: '▶ ';
+        font-size: 10px;
+        line-height: -20px;
+        position: absolute;
+
+        left: 5px;
+    }
+}
+
+@media (max-width:1300px) {
+
+    .menu-item {
+        margin-left: 8px;
+    }
+
+    .menu-item > a {
+        font-size: 18px;
+        padding: 5px 0 32px;
+        margin-bottom: 7px;
+
+    }
+
+    a.on~ .menu-sub {
+        font-size: 15px;
+    }
+
+    .icon-wrapper a {
+        font-size: 20px;
+    }
+
+    .icon-wrapper a:hover {
+        font-size: 25px;
+    }
+
+    .b_txt {
+        font-size: 18px;
+    }
+
+    .board-con ul li a .subject-txt {
+        font-size: 18px;
+    }
+
+    .board-con ul li a .date-txt {
+        font-size: 18px;
+    }
+
+}
+
+@media (max-width: 1100px) {
+
+    /* html { font-size: 20px;}
+    body { font-size: 1rem;} */
+
+    .mobile {
+        display: block;
+    }
+
+    header .header__wrap h1.logo {
+        top: 50%;
+        transform: translateY(-50%);
+        left: 20px;
+
+    }
+
+    header .header__wrap h1.logo a {
+        /* width: 146px;
+        height: 27px; */
+
+        width: 7.26rem;
+        height: 1.325rem;
+        /* 581
+        106 */
+
+        background: url("../images/logo@2x.png") no-repeat center/cover;
+    }
+
+    header .header__wrap .mobile-btn {
+        position: absolute;
+        background: url("../images/ic_drawer@3x.png") no-repeat center/cover;
+        width: 24px;
+        height: 24px;
+        right: 20px;
+        top: 50%;
+        transform: translateY(-50%);
+    }
+
+    header .header__wrap {
+        height: 50px;
+    }
+    header .header__wrap nav.gnb {
+        padding-left: 0;
+        display: none;
+    }
+    header .header__wrap .spot {
+        display: none;
+    }
+
+    section.main__page__visual .swiper-container .swiper-pagination {
+        bottom: 10px;
+    }
+
+    section.main__page__visual .swiper-container .swiper-pagination-bullet {
+        width: 10px;
+        height: 10px;
+        border: 2px solid #fff;
+        background-color: transparent;
+        opacity: 1;
+    }
+
+    section.main__page__visual .swiper-container .swiper-pagination-bullet-active {
+        background-color: #fff;
+    }
+
+    section.main__info__icon {
+        margin: 30px 0 0;
+    }
+
+    .icon-wrapper a {
+        font-size: 14px;
+    }
+
+    .icon-wrapper a:hover {
+        font-size: 16px;
+    }
+
+    section.main__info__koica {
+        margin: 0 auto;
+    }
+
+    section.main__info__koica .koica-wrapper {
+        margin: 0 auto;
+        text-align: center;
+        flex-direction: column;
+        height: auto;
+        width: 90%;
+
+    }
+
+    .koica-wrapper .info-peru1 {
+        display: inline-block;
+        max-width: 70%;
+        text-align: left;
+    }
+
+    /* .info-peru1 {
+        display: inline-block;
+        text-align: left;
+        padding: 0 10px 10px;
+
+        max-width: 60%;
+        
+    } */
+
+    .info-peru1 a {
+        font-size: 16px;
+    }
+
+    .info-peru1 h2 {
+        font-size: 18px;
+    }
+
+    .info-peru1 p {
+        padding: 1px;
+    }
+
+    .info-peru1 {
+        text-overflow: ellipsis;
+        overflow: hidden;
+        max-height: 100%;
+    }
+
+    .info-peru2 {
+        display: inline-block;
+        padding-bottom: 40px;
+        height: 300px;
+
+    }
+
+    .info-peru2 img {
+        max-width: 100%;
+        height: auto;
+        border-radius: 25px;
+    }
+
+    .main__info__con__inha {
+        margin-top: 0;
+    }
+
+    .con-inha-wrapper {
+        flex-direction: column;
+    }
+
+    .consitech-img {
+        padding: 30px;
+    }
+
+    .consitech-wrapper {
+        margin: 0;
+        width: 100%;
+        margin-bottom: 20px;
+    }
+
+    .con-inha-wrapper h2 {
+        font-size: 18px;
+    }
+
+    .con-inha-wrapper p {
+        font-size: 14px;
+
+    }
+
+    .inha-img {
+        padding: 30px;
+    }
+
+    .inha-wrapper {
+        margin: 0;
+        width: 100%;
+        margin-bottom: -15px;
+
+    }
+
+    .gcc-n15-wrapper {
+        flex-direction: column;
+    }
+
+    .gcc-wrapper {
+        margin: 0;
+        width: 100%;
+        margin-bottom: 20px;
+
+    }
+
+    .gcc {
+        padding: 30px;
+    }
+
+    .n15-wrapper {
+        margin: 0;
+        width: 100%;
+        margin-bottom: 20px;
+
+    }
+
+    /* .n15 {
+        padding: 30px;
+    } */
+
+    .n15-img {
+        padding: 30px;
+    }
+
+    .main__info__gcc__n15 h2 {
+        font-size: 18px;
+    }
+
+    .main__info__gcc__n15 p {
+        font-size: 14px;
+    }
+
+    input[type="radio"]:checked + label::after {
+        top: 20px;
+    }
+
+    .board-con ul li a .date-txt.date-txt,
+    .board-con ul li a .subject-txt {
+        font-size: 15px;
+    }
+
+    .list__box.l2 {
+        padding-left: 40px;
+    }
+
+    .list__box.l1 .board-tit,
+    .list__box.l2 label {
+        font-size: 18px;
+
+    }
+
+    /* ===============sub-page============ */
+    .page__des img {
+        max-width: 100%;
+
+    }
+
+    .b_txt {
+        font-size: 16px;
+    }
+
+    .report {
+        flex-direction: column;
+        width: 100%;
+        justify-self: center;
+    }
+
+    .report .lf {
+        background: none;
+    }
+
+
+    /* ===============sub-page============ */
+
+}
+
+@media (max-width: 900px) {
+
+    .main__info__con__inha {
+        margin-top: -20px;
+    }
+
+    section.main__info__gcc__n15 {
+        padding-bottom: 20px;
+    }
+
+    .b_txt {
+        font-size: 14px;
+    }
+
+    .box_line.one {
+        border-right: none;
+        padding: 0 20px;
+    }
+
+    .box_line.two {
+        padding: 0 20px;
+    }
+
+    .box_wrap .el.n2 {
+        top: 28%;
+    }
+
+}
+
+@media (max-width: 750px) {
+
+    .box_wrap {
+        width: 70%;
+        /* font-size: 20px; */
+    }
+
+    .box_wrap .el.n2 {
+        top: 40%;
+    }
+
+    .report p {
+        padding: 18px;
+    }
+
+}
+
+@media (max-width: 700px) {
+
+    .icon-wrapper a {
+        font-size: 18px;
+    }
+
+    .apply-icon > a {
+
+        width: 2.275rem;
+        height: 2.55rem;
+        background: url("../images/apply@2x.png") no-repeat center/cover;
+    }
+
+    .apply-icon div > a {
+        display: block;
+        word-break: keep-all;
+        padding: 0;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: 90px;
+    }
+
+    .education-icon > a {
+        /* 180 190 */
+        width: 2.25rem;
+        height: 2.375rem;
+        background: url("../images/education@2x.png") no-repeat center/cover;
+    }
+
+    .education-icon div > a {
+        display: block;
+        word-break: keep-all;
+        padding: 0;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: 90px;
+    }
+
+    .bmc-icon > a {
+
+        /* 146 186 */
+        width: 1.825rem;
+        height: 2.325rem;
+        background: url("../images/bmc@2x.png") no-repeat center/cover;
+    }
+
+    .bmc-icon div > a {
+        display: block;
+        word-break: keep-all;
+        padding: 0;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: 90px;
+    }
+
+    .community-icon > a {
+        /* 146 184 */
+        width: 1.825rem;
+        height: 2.3rem;
+        background: url("../images/community@2x.png") no-repeat center/cover;
+    }
+
+    .community-icon div > a {
+        display: block;
+        word-break: keep-all;
+        padding: 0;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: 90px;
+    }
+
+    .main__info__con__inha {
+        margin-top: -60px;
+    }
+
+    .consitech-img a {
+        width: 4.25rem;
+        height: 4.25rem;
+        background: url("../images/consitech@2x.png") no-repeat center/cover;
+
+    }
+
+    .inha-img a {
+        width: 4.25rem;
+        height: 4.25rem;
+        background: url("../images/inha_univ@2x.png") no-repeat center/cover;
+
+    }
+
+    .gcc-wrapper a {
+        width: 4.25rem;
+        height: 4.25rem;
+       /*
+        background: url("../images/main_gccei@2x.png") no-repeat center/cover;
+	*/
+    }
+
+    .n15-wrapper a {
+        width: 4.25rem;
+        height: 4.25rem;
+	/*
+        background: url("../images/n15@2x.png") no-repeat center/cover;
+	*/
+    }
+
+    .ai span {
+        font-size: 20px;
+    }
+
+    .pbox_wrap {
+        flex-direction: column;
+    }
+
+    .pbox {
+
+        padding: 5px;
+
+    }
+
+    .pbox a {
+        font-size: 13px;
+    }
+
+    .pbox img {
+        max-width: 100%;
+        height: auto;
+    }
+
+    .b_txt {
+        font-size: 13px;
+        max-width: 100%;
+    }
+
+    .box_line {
+        max-width: 100%;
+        padding: 0;
+        box-sizing: border-box;
+    }
+
+    .page__des.business .par2 .chil1 {
+        font-size: 18px;
+    }
+
+    .page__des.business .par2 {
+        flex-direction: column;
+    }
+
+
+}
+
+@media (max-width: 500px) {
+    .main__info__con__inha {
+        margin-top: -140px;
+    }
+
+    .icon-wrapper a {
+        font-size: 14px;
+    }
+
+    .icon-wrapper a:hover {
+        font-size: 16px;
+    }
+
+    .icon-wrapper a:hover + div > a {
+        font-size: 16px;
+    }
+
+    .apply-icon {
+        height: 85%;
+    }
+
+    .education-icon {
+        height: 85%;
+    }
+
+    .bmc-icon {
+        height: 85%;
+    }
+
+    .community-icon {
+        height: 85%;
+    }
+
+    section.main__page__academy__info .swiper-control a.prev-btn {
+        left: 1px;
+    }
+
+    section.main__page__academy__info .swiper-control a.next-btn {
+        right: 1px;
+
+    }
+
+    section.main__info__board .board__list__wrap {
+        flex-direction: column;
+
+    }
+
+    .list__box.l1 {
+        margin: 0 auto;
+        padding: 0;
+        /* display: inline-block; */
+        width: 100%;
+    }
+
+    .list__box.l2 {
+        /* display: inline-block; */
+        margin: 0 auto;
+        padding: 0;
+
+        width: 100%;
+        /* padding-left: 130px; */
+        border: none;
+        border-top: 1px solid #949494;
+        padding-top: 20px;
+    }
+
+    .board-con {
+        padding-left: 20px;
+
+    }
+
+    .board-con ul li a {
+        padding-right: 20px;
+
+    }
+
+    section.main__page__photo__zone .swiper-control a.prev-btn2 {
+        color: #fff;
+        left: 1px;
+        top: -15px;
+    }
+
+    section.main__page__photo__zone .swiper-control a.next-btn2 {
+        right: 1px;
+        top: -15px;
+    }
+
+    input[type="radio"]:checked + label::after {
+        top: 28px;
+        border-width: 7px;
+
+    }
+
+    /* =====sub-page======== */
+
+    article.page__tit__info .page__tit .tit-txt {
+        font-size: 25px;
+        letter-spacing: -0.4px;
+        position: relative;
+        color: #0b63d0;
+        margin-bottom: 10px;
+        display: inline-block;
+    }
+    .page__des p {
+        font-size: 15px;
+    }
+
+    .page__des h2 {
+        /* font-size: 25px; */
+    }
+
+    article.page__tit__info .page__des .mission {
+        width: 50%;
+    }
+
+    article.page__tit__info .page__des .vision {
+        width: 50%;
+    }
+
+    .above li {
+        font-size: 20px;
+    }
+
+    .sbox {
+        width: 100px;
+        height: 20px;
+    }
+
+    article.page__tit__info .page__tit {
+        margin-bottom: 10px;
+
+    }
+
+    .pbox_wrap {
+        flex-direction: column;
+    }
+
+    .pbox {
+
+        padding: 20px;
+        box-sizing: border-box;
+
+    }
+
+    .pbox a {
+        font-size: 13px;
+    }
+
+    .pbox img {
+        max-width: 100%;
+        height: auto;
+    }
+
+    .out_box {
+        flex-direction: column;
+    }
+
+    .box_line {
+        width: 100%;
+        padding: 0;
+        box-sizing: border-box;
+    }
+
+    .b_txt {
+        font-size: 18px;
+        max-width: 100%;
+    }
+
+    .box_line.one {
+        /* border-right: solid 10px #00a8ff; */
+        border: none;
+        border: solid 10px #00a8ff;
+        padding: 0 20px;
+    }
+
+    .box_line.two {
+        border: none;
+        border: solid 10px #00a8ff;
+        border-top: none;
+        background-repeat: no-repeat;
+        padding: 0 20px;
+
+    }
+
+    article.paging ul li a {
+
+        width: 18px;
+        height: 18px;
+
+    }
+    article.paging ul li a.num {
+        font-size: 9px;
+        color: #495057;
+        margin: 0 -2px;
+    }
+    article.paging ul li a.num.current {
+        font-weight: 400;
+
+    }
+    .pbox {
+        padding: 0 5px;
+        max-width: 100%;
+        box-sizing: border-box;
+    }
+
+    .page__des.concytec h1 a {
+        font-size: 20px;
+
+    }
+
+    .box_wrap {
+        height: 400px;
+    }
+
+    .pz .swiper-control a.prev-btn2 {
+        color: #fff;
+        left: 1px;
+        top: -15px;
+    }
+
+    .pz .swiper-control a.next-btn2 {
+        right: 1px;
+        top: -15px;
+    }
+
+    .ourgoals {
+        flex-wrap: wrap;
+    }
+
+    .report p {
+        padding: 10px;
+    }
+
+    .gccei_vision_mission {
+        max-width: 100%;
+
+    }
+
+    .dot_box {
+        font-size: 15px;
+    }
+
+    .n15_txt_img {
+        padding: 0 10px;
+    }
+
+    .unalm_office {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .uni_office span {
+        font-size: 15px;
+    }
+
+    .dot {
+        display: inline-block;
+        width: 6px;
+        height: 6px;
+        margin-right: 5px;
+        margin-left: 5px;
+        transform: translateY(-30%);
+
+        /* height: auto; */
+
+    }
+
+    .unmsm_codi_box p {
+        font-size: 20px;
+    }
+
+    h1 {
+        font-size: 20px;
+    }
+
+    h2 {
+        font-size: 18px;
+    }
+
+    h3 {
+        font-size: 16px;
+    }
+
+    li {
+        font-size: 15px;
+    }
+
+    span {
+        font-size: 15px;
+    }
+
+    .unt_img_group {
+        flex-direction: column;
+    }
+
+    .unsa_codi_box p {
+        padding: 10px 20px;
+
+    }
+
+    .unsa_codi_box2 p {
+        padding: 5px 20px;
+
+    }
+
+    div.refRoomDoc table tbody tr td {
+        font-size: 15px;
+
+    }
+
+    div.refRoomDoc table th {
+        font-size: 15px;
+
+    }
+
+    div.refRoomTable table th {
+        font-size: 15px;
+    }
+
+    div.refRoomTable table tbody tr td {
+        font-size: 15px;
+    }
+
+    section.main__page__photo__zone {
+        padding: 20px 0 24px;
+        margin: 40px auto;
+    }
+
+    .vol_sch_box {
+        flex-direction: column;
+    }
+
+    .vol_box {
+        width: 100%;
+
+    }
+
+    .sch_box {
+        width: 100%;
+
+    }
+
+
+    .core_pro {
+        flex-direction: column;
+    }
+}
diff --git a/www/css/responsive_r.css b/www/css/responsive_r.css
new file mode 100644
index 0000000..1200040
--- /dev/null
+++ b/www/css/responsive_r.css
@@ -0,0 +1,943 @@
+@charset "UTF-8";
+
+@media (min-width:500px) {
+    .apply-icon > a {
+        /* 91 102 */
+        width: 4.55rem;
+        height: 5.1rem;
+        background: url("../images/apply_icon.png") no-repeat center/cover;
+    }
+
+    .education-icon > a {
+        /* 90 95 */
+        width: 4.5rem;
+        height: 4.75rem;
+        background: url("../images/education_icon.png") no-repeat center/cover;
+    }
+
+    /* .education-icon div > a {
+        position: absolute;
+    } */
+
+    .bmc-icon > a {
+        /* 73 93 */
+        width: 3.65rem;
+        height: 4.65rem;
+        background: url("../images/bmc_icon.png") no-repeat center/cover;
+    }
+
+    .community-icon > a {
+        /* 73 92 */
+        width: 3.65rem;
+        height: 4.6rem;
+        background: url("../images/community_icon.png") no-repeat center/cover;
+    }
+
+    .consitech-img a {
+        width: 8.5rem;
+        height: 8.5rem;
+        background: url("../images/consitech.png") no-repeat center/cover;
+
+    }
+
+    .inha-img a {
+        width: 8.5rem;
+        height: 8.5rem;
+        background: url("../images/inha_univ.png") no-repeat center/cover;
+
+    }
+
+    .gcc a {
+        width: 8.5rem;
+        height: 8.5rem;
+        background: url("../images/main_gccei.png") no-repeat center/cover;
+
+    }
+
+    .n15-img a {
+        width: 8.5rem;
+        height: 8.5rem;
+        background: url("../images/n15.png") no-repeat center/cover;
+
+    }
+    .board-con ul li a {
+        padding-right: 10px;
+    }
+
+}
+
+@media (max-width:1550px) {
+
+    .menu-item {
+        margin-left: 25px;
+    }
+
+}
+
+@media (max-width:1450px) {
+
+    .menu-item {
+        margin-left: 20px;
+    }
+
+    .menu-item > a {
+
+        font-size: 22px;
+        padding: 5px 0 28px;
+        margin-bottom: 7px;
+    }
+
+    a.on~ .menu-sub {
+        font-size: 18px;
+    }
+
+    .menu-sub li a:hover:before {
+        content: '▶ ';
+        font-size: 10px;
+        line-height: -20px;
+        position: absolute;
+
+        left: 5px;
+    }
+}
+
+@media (max-width:1300px) {
+
+    .menu-item {
+        margin-left: 8px;
+    }
+
+    .menu-item > a {
+        font-size: 18px;
+        padding: 5px 0 32px;
+        margin-bottom: 7px;
+
+    }
+
+    a.on~ .menu-sub {
+        font-size: 15px;
+    }
+
+    .icon-wrapper a {
+        font-size: 20px;
+    }
+
+    .icon-wrapper a:hover {
+        font-size: 25px;
+    }
+
+    .b_txt {
+        font-size: 18px;
+    }
+
+    .board-con ul li a .subject-txt {
+        font-size: 18px;
+    }
+
+    .board-con ul li a .date-txt {
+        font-size: 18px;
+    }
+
+}
+
+@media (max-width: 1100px) {
+
+    /* html { font-size: 20px;}
+    body { font-size: 1rem;} */
+
+    .mobile {
+        display: block;
+    }
+
+    header .header__wrap h1.logo {
+        top: 50%;
+        transform: translateY(-50%);
+        left: 20px;
+
+    }
+
+    header .header__wrap h1.logo a {
+        /* width: 146px;
+        height: 27px; */
+
+        width: 7.26rem;
+        height: 1.325rem;
+        /* 581
+        106 */
+
+        background: url("../images/logo@2x.png") no-repeat center/cover;
+    }
+
+    header .header__wrap .mobile-btn {
+        position: absolute;
+        background: url("../images/ic_drawer@3x.png") no-repeat center/cover;
+        width: 24px;
+        height: 24px;
+        right: 20px;
+        top: 50%;
+        transform: translateY(-50%);
+    }
+
+    header .header__wrap {
+        height: 50px;
+    }
+    header .header__wrap nav.gnb {
+        padding-left: 0;
+        display: none;
+    }
+    header .header__wrap .spot {
+        display: none;
+    }
+
+    section.main__page__visual .swiper-container .swiper-pagination {
+        bottom: 10px;
+    }
+
+    section.main__page__visual .swiper-container .swiper-pagination-bullet {
+        width: 10px;
+        height: 10px;
+        border: 2px solid #fff;
+        background-color: transparent;
+        opacity: 1;
+    }
+
+    section.main__page__visual .swiper-container .swiper-pagination-bullet-active {
+        background-color: #fff;
+    }
+
+    section.main__info__icon {
+        margin: 30px 0 0;
+    }
+
+    .icon-wrapper a {
+        font-size: 14px;
+    }
+
+    .icon-wrapper a:hover {
+        font-size: 16px;
+    }
+
+    section.main__info__koica {
+        margin: 0 auto;
+    }
+
+    section.main__info__koica .koica-wrapper {
+        margin: 0 auto;
+        text-align: center;
+        flex-direction: column;
+        height: auto;
+        width: 90%;
+
+    }
+
+    .koica-wrapper .info-peru1 {
+        display: inline-block;
+        max-width: 70%;
+        text-align: left;
+    }
+
+    /* .info-peru1 {
+        display: inline-block;
+        text-align: left;
+        padding: 0 10px 10px;
+
+        max-width: 60%;
+        
+    } */
+
+    .info-peru1 a {
+        font-size: 16px;
+    }
+
+    .info-peru1 h2 {
+        font-size: 18px;
+    }
+
+    .info-peru1 p {
+        padding: 1px;
+    }
+
+    .info-peru1 {
+        text-overflow: ellipsis;
+        overflow: hidden;
+        max-height: 100%;
+    }
+
+    .info-peru2 {
+        display: inline-block;
+        padding-bottom: 40px;
+        height: 300px;
+
+    }
+
+    .info-peru2 img {
+        max-width: 100%;
+        height: auto;
+        border-radius: 25px;
+    }
+
+    .main__info__con__inha {
+        margin-top: 0;
+    }
+
+    .con-inha-wrapper {
+        flex-direction: column;
+    }
+
+    .consitech-img {
+        padding: 30px;
+    }
+
+    .consitech-wrapper {
+        margin: 0;
+        width: 100%;
+        margin-bottom: 20px;
+    }
+
+    .con-inha-wrapper h2 {
+        font-size: 18px;
+    }
+
+    .con-inha-wrapper p {
+        font-size: 14px;
+
+    }
+
+    .inha-img {
+        padding: 30px;
+    }
+
+    .inha-wrapper {
+        margin: 0;
+        width: 100%;
+        margin-bottom: -15px;
+
+    }
+
+    .gcc-n15-wrapper {
+        flex-direction: column;
+    }
+
+    .gcc-wrapper {
+        margin: 0;
+        width: 100%;
+        margin-bottom: 20px;
+
+    }
+
+    .gcc {
+        padding: 30px;
+    }
+
+    .n15-wrapper {
+        margin: 0;
+        width: 100%;
+        margin-bottom: 20px;
+
+    }
+
+    /* .n15 {
+        padding: 30px;
+    } */
+
+    .n15-img {
+        padding: 30px;
+    }
+
+    .main__info__gcc__n15 h2 {
+        font-size: 18px;
+    }
+
+    .main__info__gcc__n15 p {
+        font-size: 14px;
+    }
+
+    input[type="radio"]:checked + label::after {
+        top: 20px;
+    }
+
+    .board-con ul li a .date-txt.date-txt,
+    .board-con ul li a .subject-txt {
+        font-size: 15px;
+    }
+
+    .list__box.l2 {
+        padding-left: 40px;
+    }
+
+    .list__box.l1 .board-tit,
+    .list__box.l2 label {
+        font-size: 18px;
+
+    }
+
+    /* ===============sub-page============ */
+    .page__des img {
+        max-width: 100%;
+
+    }
+
+    .b_txt {
+        font-size: 16px;
+    }
+
+    .report {
+        flex-direction: column;
+        width: 100%;
+        justify-self: center;
+    }
+
+    .report .lf {
+        background: none;
+    }
+
+
+    /* ===============sub-page============ */
+
+}
+
+@media (max-width: 900px) {
+
+    .main__info__con__inha {
+        margin-top: -20px;
+    }
+
+    section.main__info__gcc__n15 {
+        padding-bottom: 20px;
+    }
+
+    .b_txt {
+        font-size: 14px;
+    }
+
+    .box_line.one {
+        border-right: none;
+        padding: 0 20px;
+    }
+
+    .box_line.two {
+        padding: 0 20px;
+    }
+
+    .box_wrap .el.n2 {
+        top: 28%;
+    }
+
+}
+
+@media (max-width: 750px) {
+
+    .box_wrap {
+        width: 70%;
+        /* font-size: 20px; */
+    }
+
+    .box_wrap .el.n2 {
+        top: 40%;
+    }
+
+    .report p {
+        padding: 18px;
+    }
+
+}
+
+@media (max-width: 700px) {
+
+    .icon-wrapper a {
+        font-size: 18px;
+    }
+
+    .apply-icon > a {
+
+        width: 2.275rem;
+        height: 2.55rem;
+        background: url("../images/apply@2x.png") no-repeat center/cover;
+    }
+
+    .apply-icon div > a {
+        display: block;
+        word-break: keep-all;
+        padding: 0;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: 90px;
+    }
+
+    .education-icon > a {
+        /* 180 190 */
+        width: 2.25rem;
+        height: 2.375rem;
+        background: url("../images/education@2x.png") no-repeat center/cover;
+    }
+
+    .education-icon div > a {
+        display: block;
+        word-break: keep-all;
+        padding: 0;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: 90px;
+    }
+
+    .bmc-icon > a {
+
+        /* 146 186 */
+        width: 1.825rem;
+        height: 2.325rem;
+        background: url("../images/bmc@2x.png") no-repeat center/cover;
+    }
+
+    .bmc-icon div > a {
+        display: block;
+        word-break: keep-all;
+        padding: 0;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: 90px;
+    }
+
+    .community-icon > a {
+        /* 146 184 */
+        width: 1.825rem;
+        height: 2.3rem;
+        background: url("../images/community@2x.png") no-repeat center/cover;
+    }
+
+    .community-icon div > a {
+        display: block;
+        word-break: keep-all;
+        padding: 0;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: 90px;
+    }
+
+    .main__info__con__inha {
+        margin-top: -60px;
+    }
+
+    .consitech-img a {
+        width: 4.25rem;
+        height: 4.25rem;
+        background: url("../images/consitech@2x.png") no-repeat center/cover;
+
+    }
+
+    .inha-img a {
+        width: 4.25rem;
+        height: 4.25rem;
+        background: url("../images/inha_univ@2x.png") no-repeat center/cover;
+
+    }
+
+    .gcc-wrapper a {
+        width: 4.25rem;
+        height: 4.25rem;
+        background: url("../images/main_gccei@2x.png") no-repeat center/cover;
+
+    }
+
+    .n15-wrapper a {
+        width: 4.25rem;
+        height: 4.25rem;
+        background: url("../images/n15@2x.png") no-repeat center/cover;
+
+    }
+
+    .ai span {
+        font-size: 20px;
+    }
+
+    .pbox_wrap {
+        flex-direction: column;
+    }
+
+    .pbox {
+
+        padding: 5px;
+
+    }
+
+    .pbox a {
+        font-size: 13px;
+    }
+
+    .pbox img {
+        max-width: 100%;
+        height: auto;
+    }
+
+    .b_txt {
+        font-size: 13px;
+        max-width: 100%;
+    }
+
+    .box_line {
+        max-width: 100%;
+        padding: 0;
+        box-sizing: border-box;
+    }
+
+    .page__des.business .par2 .chil1 {
+        font-size: 18px;
+    }
+
+    .page__des.business .par2 {
+        flex-direction: column;
+    }
+
+
+}
+
+@media (max-width: 500px) {
+    .main__info__con__inha {
+        margin-top: -140px;
+    }
+
+    .icon-wrapper a {
+        font-size: 14px;
+    }
+
+    .icon-wrapper a:hover {
+        font-size: 16px;
+    }
+
+    .icon-wrapper a:hover + div > a {
+        font-size: 16px;
+    }
+
+    .apply-icon {
+        height: 85%;
+    }
+
+    .education-icon {
+        height: 85%;
+    }
+
+    .bmc-icon {
+        height: 85%;
+    }
+
+    .community-icon {
+        height: 85%;
+    }
+
+    section.main__page__academy__info .swiper-control a.prev-btn {
+        left: 1px;
+    }
+
+    section.main__page__academy__info .swiper-control a.next-btn {
+        right: 1px;
+
+    }
+
+    section.main__info__board .board__list__wrap {
+        flex-direction: column;
+
+    }
+
+    .list__box.l1 {
+        margin: 0 auto;
+        padding: 0;
+        /* display: inline-block; */
+        width: 100%;
+    }
+
+    .list__box.l2 {
+        /* display: inline-block; */
+        margin: 0 auto;
+        padding: 0;
+
+        width: 100%;
+        /* padding-left: 130px; */
+        border: none;
+        border-top: 1px solid #949494;
+        padding-top: 20px;
+    }
+
+    .board-con {
+        padding-left: 20px;
+
+    }
+
+    .board-con ul li a {
+        padding-right: 20px;
+
+    }
+
+    section.main__page__photo__zone .swiper-control a.prev-btn2 {
+        color: #fff;
+        left: 1px;
+        top: -15px;
+    }
+
+    section.main__page__photo__zone .swiper-control a.next-btn2 {
+        right: 1px;
+        top: -15px;
+    }
+
+    input[type="radio"]:checked + label::after {
+        top: 28px;
+        border-width: 7px;
+
+    }
+
+    /* =====sub-page======== */
+
+    article.page__tit__info .page__tit .tit-txt {
+        font-size: 25px;
+        letter-spacing: -0.4px;
+        position: relative;
+        color: #0b63d0;
+        margin-bottom: 10px;
+        display: inline-block;
+    }
+    .page__des p {
+        font-size: 15px;
+    }
+
+    .page__des h2 {
+        /* font-size: 25px; */
+    }
+
+    article.page__tit__info .page__des .mission {
+        width: 50%;
+    }
+
+    article.page__tit__info .page__des .vision {
+        width: 50%;
+    }
+
+    .above li {
+        font-size: 20px;
+    }
+
+    .sbox {
+        width: 100px;
+        height: 20px;
+    }
+
+    article.page__tit__info .page__tit {
+        margin-bottom: 10px;
+
+    }
+
+    .pbox_wrap {
+        flex-direction: column;
+    }
+
+    .pbox {
+
+        padding: 20px;
+        box-sizing: border-box;
+
+    }
+
+    .pbox a {
+        font-size: 13px;
+    }
+
+    .pbox img {
+        max-width: 100%;
+        height: auto;
+    }
+
+    .out_box {
+        flex-direction: column;
+    }
+
+    .box_line {
+        width: 100%;
+        padding: 0;
+        box-sizing: border-box;
+    }
+
+    .b_txt {
+        font-size: 18px;
+        max-width: 100%;
+    }
+
+    .box_line.one {
+        /* border-right: solid 10px #00a8ff; */
+        border: none;
+        border: solid 10px #00a8ff;
+        padding: 0 20px;
+    }
+
+    .box_line.two {
+        border: none;
+        border: solid 10px #00a8ff;
+        border-top: none;
+        background-repeat: no-repeat;
+        padding: 0 20px;
+
+    }
+
+    article.paging ul li a {
+
+        width: 18px;
+        height: 18px;
+
+    }
+    article.paging ul li a.num {
+        font-size: 9px;
+        color: #495057;
+        margin: 0 -2px;
+    }
+    article.paging ul li a.num.current {
+        font-weight: 400;
+
+    }
+    .pbox {
+        padding: 0 5px;
+        max-width: 100%;
+        box-sizing: border-box;
+    }
+
+    .page__des.concytec h1 a {
+        font-size: 20px;
+
+    }
+
+    .box_wrap {
+        height: 400px;
+    }
+
+    .pz .swiper-control a.prev-btn2 {
+        color: #fff;
+        left: 1px;
+        top: -15px;
+    }
+
+    .pz .swiper-control a.next-btn2 {
+        right: 1px;
+        top: -15px;
+    }
+
+    .ourgoals {
+        flex-wrap: wrap;
+    }
+
+    .report p {
+        padding: 10px;
+    }
+
+    .gccei_vision_mission {
+        max-width: 100%;
+
+    }
+
+    .dot_box {
+        font-size: 15px;
+    }
+
+    .n15_txt_img {
+        padding: 0 10px;
+    }
+
+    .unalm_office {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .uni_office span {
+        font-size: 15px;
+    }
+
+    .dot {
+        display: inline-block;
+        width: 6px;
+        height: 6px;
+        margin-right: 5px;
+        margin-left: 5px;
+        transform: translateY(-30%);
+
+        /* height: auto; */
+
+    }
+
+    .unmsm_codi_box p {
+        font-size: 20px;
+    }
+
+    h1 {
+        font-size: 20px;
+    }
+
+    h2 {
+        font-size: 18px;
+    }
+
+    h3 {
+        font-size: 16px;
+    }
+
+    li {
+        font-size: 15px;
+    }
+
+    span {
+        font-size: 15px;
+    }
+
+    .unt_img_group {
+        flex-direction: column;
+    }
+
+    .unsa_codi_box p {
+        padding: 10px 20px;
+
+    }
+
+    .unsa_codi_box2 p {
+        padding: 5px 20px;
+
+    }
+
+    div.refRoomDoc table tbody tr td {
+        font-size: 15px;
+
+    }
+
+    div.refRoomDoc table th {
+        font-size: 15px;
+
+    }
+
+    div.refRoomTable table th {
+        font-size: 15px;
+    }
+
+    div.refRoomTable table tbody tr td {
+        font-size: 15px;
+    }
+
+    section.main__page__photo__zone {
+        padding: 20px 0 24px;
+        margin: 40px auto;
+    }
+
+    .vol_sch_box {
+        flex-direction: column;
+    }
+
+    .vol_box {
+        width: 100%;
+
+    }
+
+    .sch_box {
+        width: 100%;
+
+    }
+
+
+    .core_pro {
+        flex-direction: column;
+    }
+}
diff --git a/www/css/style.css b/www/css/style.css
new file mode 100644
index 0000000..69d4fd4
--- /dev/null
+++ b/www/css/style.css
@@ -0,0 +1,2581 @@
+html {
+    font-size: 20px;
+}
+body {
+    font-size: 1rem;
+}
+
+.inner {
+    max-width: 1300px;
+    margin: 0 auto;
+    position: relative;
+}
+
+.container {
+    overflow: auto;
+    position: relative;
+    /* padding-bottom: 137px; */
+    min-height: 100%;
+    min-width: 1280;
+}
+
+/* .img-box {
+    top:0;
+} */
+
+nav.mobile-menu {
+    display: none;
+    position: fixed;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    background-color: #fff;
+    z-index: 10;
+    width: 200px;
+    overflow-y: auto;
+}
+
+nav.mobile-menu * {
+    touch-action: auto !important;
+}
+
+nav.mobile-menu .mobile-menu-wrap {
+    overflow-y: auto;
+    position: relative;
+    height: auto;
+}
+
+nav.mobile-menu .mobile-menu-wrap .mobile-menu-group {
+    position: relative;
+    height: auto;
+}
+
+nav.mobile-menu .mobile-menu-wrap .close-btn {
+    position: absolute;
+    right: 24px;
+    top: 16px;
+    width: 24px;
+    height: 24px;
+    background: url("../images/close@3x.png") no-repeat center/cover;
+}
+
+nav.mobile-menu .mobile-menu-wrap ul.depth1 {
+    padding-top: 56px;
+    text-align: left;
+}
+
+nav.mobile-menu .mobile-menu-wrap ul.depth1 a.depth1-txt {
+    display: inline-block;
+    width: 100%;
+    line-height: 60px;
+    padding: 0 24px;
+    font-size: 18px;
+    letter-spacing: -0.4px;
+    color: #121517;
+}
+
+/* nav.mobile-menu .mobile-menu-wrap ul.depth1 a.depth1-txt.toggle {
+    background: url("../images/drop.png") no-repeat center right 24px/24px 24px;
+}
+
+nav.mobile-menu .mobile-menu-wrap ul.depth1 a.depth1-txt.toggle.on {
+    background: url("../images/up.png") no-repeat center right 24px/24px 24px;
+} */
+
+nav.mobile-menu .mobile-menu-wrap ul.depth1 a.depth1-txt.on~ul.depth2 {
+    display: block;
+}
+
+nav.mobile-menu .mobile-menu-wrap ul.depth1 ul.depth2 {
+    padding: 8px 0;
+    background-color: #f8f9fa;
+    display: none;
+}
+
+nav.mobile-menu .mobile-menu-wrap ul.depth1 ul.depth2 a {
+    line-height: 46px;
+    padding: 0 24px;
+    font-size: 14px;
+    letter-spacing: -0.31px;
+    color: #495057;
+    width: 100%;
+}
+/* 
+nav.mobile-menu .mobile-menu-wrap .mobile__menu__info {
+    margin: 0 24px;
+    border-top: 1px solid #ccc;
+    padding-top: 15px;
+    font-size: 0;
+}
+
+nav.mobile-menu .mobile-menu-wrap .mobile__menu__info .menu-box {
+    display: inline-block;
+    vertical-align: middle;
+}
+
+nav.mobile-menu .mobile-menu-wrap .mobile__menu__info .menu-box+.menu-box {
+    margin-left: 14px;
+}
+
+nav.mobile-menu .mobile-menu-wrap .mobile__menu__info a {
+    display: inline-block;
+    line-height: 18px;
+    font-size: 12px;
+    padding: 0;
+} */
+
+header {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 10;
+}
+
+header .header__wrap {
+    position: relative;
+    margin: 0 auto;
+    height: 144px;
+    max-width: 1600px;
+    background-color: #0c64d2;
+}
+
+header .header__wrap .logo {
+    position: absolute;
+    left: 110px;
+    top: 45px;
+    z-index: 10;
+
+}
+
+header .header__wrap .logo a {
+    /* width: 291px;
+    height: 53px; */
+
+    width: 14.55rem;
+    height: 2.65rem;
+    background: url("../images/logo.png") no-repeat center/cover;
+}
+
+nav.gnb a {
+    color: #fff;
+}
+
+.main-menu {
+    text-align: center;
+    padding-left: 400px;
+
+}
+
+.menu-item {
+    margin-left: 30px;
+    margin-top: 75px;
+    display: inline-block;
+
+    position: relative;
+    white-space: nowrap;
+}
+
+.menu-item > a {
+
+    display: block;
+    font-size: 24px;
+    padding: 5px 5px 25px;
+    margin-bottom: 7px;
+}
+
+.menu-item > a.on {
+    color: #ffe800;
+    text-align: center;
+    margin-bottom: 7px;
+}
+
+.menu-item > a:after {
+    content: "";
+    position: absolute;
+    left: 0;
+    bottom: -3px;
+    width: 0;
+    left: 50%;
+    height: 2px;
+    background: #fff;
+    transition: all 0.3s;
+
+}
+
+.menu-item > a.on::after {
+
+    width: 100%;
+    left: 0;
+    z-index: 10;
+}
+
+.menu-sub {
+    position: absolute;
+    text-align: center;
+    opacity: 0;
+    pointer-events: none;
+}
+
+a.on~ .menu-sub {
+
+    background: #0c64d2;
+    opacity: 1;
+    font-size: 20px;
+    pointer-events: auto;
+    transition: all, 0.3s;
+    position: absolute;
+    width: 100%;
+}
+
+.menu-sub li {
+    line-height: 35px;
+}
+.menu-sub li a:hover {
+    color: #ffe800;
+}
+
+.menu-sub li a:hover:before {
+    content: '▶ ';
+    font-size: 10px;
+    line-height: -20px;
+    position: absolute;
+
+    left: 10px;
+}
+
+nav.spot {
+    position: absolute;
+    right: 107px;
+    top: 0;
+
+}
+
+nav.spot ul {
+    display: flex;
+    text-align: center;
+    align-items: center;
+    justify-content: center;
+}
+
+nav.spot ul li {
+    margin-left: 2px;
+    width: 165px;
+    height: 45px;
+    padding-top: 7px;
+    border-bottom-left-radius: 15px;
+    border-bottom-right-radius: 15px;
+    background-color: #d9d9d9;
+    box-sizing: border-box;
+}
+
+nav.spot ul li a {
+    font-size: 18px;
+}
+
+nav.spot ul li:hover {
+    background-color: #dbf0ff;
+}
+
+nav.spot a {
+    display: inline-block;
+    width: 100%;
+    color: #000;
+    font-size: 18px;
+
+}
+
+.wrapper {}
+
+section.main__page__visual {
+    max-width: 1600px;
+    margin: 0 auto;
+}
+
+section.main__page__visual .swiper-container .swiper-wrapper .swiper-slide {
+    position: relative;
+}
+
+section.main__page__visual .swiper-container .swiper-wrapper .swiper-slide .img-box {}
+
+section.main__page__visual .swiper-container .swiper-wrapper .swiper-slide .img-box img {
+    width: 100%;
+}
+
+section.main__page__visual .swiper-container .swiper-wrapper .swiper-slide .txt-box {
+    position: absolute;
+    left: 75%;
+    top: 80%;
+    transform: translate(-50%, -50%);
+    white-space: nowrap;
+    text-align: center;
+}
+
+section.main__page__visual .swiper-container .swiper-wrapper .swiper-slide .txt-box .main-txt {
+    color: #fff;
+    /* font-family: "Barlow"; */
+    font-size: 40px;
+    text-shadow: 0 0 5px rgba(0, 0, 0, 0.63);
+    font-weight: 400;
+}
+
+section.main__page__visual .swiper-container .swiper-wrapper .swiper-slide .txt-box .sub-txt {
+    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
+    font-size: 25px;
+    line-height: 34px;
+    color: #fff;
+    padding-top: 15px;
+}
+
+section.main__page__visual .swiper-container .swiper-pagination {
+    bottom: 87px;
+}
+
+section.main__page__visual .swiper-container .swiper-pagination-bullet {
+    width: 20px;
+    height: 20px;
+    border: 3px solid #fff;
+    background-color: transparent;
+    opacity: 1;
+}
+
+section.main__page__visual .swiper-container .swiper-pagination-bullet-active {
+    background-color: #fff;
+}
+
+section.main__info__icon {
+    margin: 80px 0 60px;
+}
+
+section.main__info__icon .icon-wrapper {
+    height: 137px;
+    width: 100%;
+    font-size: 21px;
+
+    display: flex;
+    /* text-align: center; */
+    /* align-items: center; */
+    /* vertical-align: middle; */
+    /* justify-content: center; */
+    /* position: relative; */
+    /* justify-content: space-around; */
+
+}
+
+.apply-icon {
+    width: 25%;
+    height: 137px;
+    position: relative;
+    border-top-left-radius: 25px;
+    border-bottom-left-radius: 25px;
+    background: #a5d9ff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.3s;
+
+}
+
+.apply-icon div > a {
+    padding-left: 10px;
+    transition: all 0.3s;
+
+}
+
+.apply-icon:hover {
+    background: #d6eeff;
+
+}
+
+.apply-icon:hover {
+    background: #d6eeff;
+}
+
+.apply-icon a:hover {
+    color: #cc9900;
+    font-size: 25px;
+}
+
+.apply-icon a:hover + div > a {
+    color: #cc9900;
+    font-size: 25px;
+}
+
+.apply-icon::after {
+    content: '';
+    height: 50%;
+    width: 1px;
+    position: absolute;
+    right: 0;
+    top: 25%;
+    background-color: #73a5cb;
+
+}
+
+.education-icon {
+    /* display: inline-block; */
+    width: 25%;
+    height: 137px;
+    position: relative;
+    background: #a5d9ff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.3s;
+}
+
+.education-icon div > a {
+    padding-left: 10px;
+    transition: all 0.3s;
+}
+
+.education-icon:hover {
+    background: #d6eeff;
+}
+
+.education-icon a:hover {
+    color: #cc9900;
+    font-size: 25px;
+}
+
+.education-icon > a:hover + div > a {
+    color: #cc9900;
+    font-size: 25px;
+}
+
+.education-icon:after {
+    content: '';
+    height: 50%;
+    width: 1px;
+    position: absolute;
+    right: 0;
+    top: 25%;
+    background-color: #73a5cb;
+
+}
+
+.bmc-icon {
+    display: inline-block;
+    height: 137px;
+    width: 25%;
+    position: relative;
+    background: #a5d9ff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.3s;
+}
+
+.bmc-icon div > a {
+    padding-left: 10px;
+    transition: all 0.3s;
+}
+
+.bmc-icon:hover {
+    background: #d6eeff;
+}
+
+.bmc-icon a:hover {
+    color: #cc9900;
+    font-size: 25px;
+}
+
+.bmc-icon > a:hover + div > a {
+    color: #cc9900;
+    font-size: 25px;
+}
+
+.bmc-icon:after {
+    content: '';
+    height: 50%;
+    width: 1px;
+    position: absolute;
+    right: 0;
+    top: 25%;
+    background-color: #73a5cb;
+}
+
+.community-icon {
+    display: inline-block;
+    height: 137px;
+    width: 25%;
+    position: relative;
+    border-top-right-radius: 25px;
+    border-bottom-right-radius: 25px;
+    background: #a5d9ff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.3s;
+}
+
+.community-icon div > a {
+    padding-left: 10px;
+    transition: all 0.3s;
+}
+
+.community-icon:hover {
+    background: #d6eeff;
+
+}
+
+.community-icon a:hover {
+    color: #cc9900;
+    font-size: 25px;
+}
+
+.community-icon > a:hover + div > a {
+    color: #cc9900;
+    font-size: 25px;
+}
+
+/* .community-icon div > a:hover {
+    color:#cc9900;
+    font-size:28px;
+} */
+
+/* .community-icon div > a {
+    display: inline-block;
+    width: 100%;
+    transition: all 0.3s;
+} */
+
+section.main__info__koica {
+    margin-bottom: 60px;
+}
+
+section.main__info__koica .koica-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 288px;
+    font-size: 21px;
+
+    /* position: relative; */
+    /* padding-top: 100%; */
+    /* overflow: hidden; */
+}
+.koica-wrapper .info-peru1 {
+    display: inline-block;
+    max-width: 50%;
+}
+
+.koica-wrapper .info-peru1 h2 {
+    color: #383838;
+    padding: 20px;
+}
+
+.koica-wrapper .info-peru1 p {
+    padding: 20px;
+    word-break: keep-all;
+    color: #6c6c6c;
+}
+
+.koica-wrapper .info-peru2 {
+
+    max-width: 80%;
+    height: 288px;
+    border-top-right-radius: 25px;
+    border-bottom-right-radius: 25px;
+    overflow: hidden;
+}
+
+.koica-wrapper .info-peru2 a {
+    opacity: 1;
+    transition: all 0.3s ease 0s;
+    overflow: hidden;
+}
+
+.koica-wrapper .info-peru2 a:hover {
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
+}
+
+section.main__info__con__inha {
+    padding-bottom: 38px;
+}
+
+.con-inha-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.consitech-wrapper {
+    width: 48%;
+    display: flex;
+    align-items: center;
+    border-radius: 25px;
+    margin-right: 20px;
+    background: #f0f0f0;
+}
+
+.consitech-wrapper:hover {
+    background: #e4f2fc;
+}
+
+.consitech-wrapper:hover h2 {
+    color: #0c64d2;
+}
+
+.con-inha-wrapper h2 {
+    color: #383838;
+    font-size: 32px;
+}
+
+.con-inha-wrapper p {
+    color: #6c6c6c;
+    font-size: 21px;
+
+}
+
+.consitech-img {
+    display: inline-block;
+    padding: 60px;
+}
+
+.consitech-txt {
+    padding: 10px 5px;
+    display: inline-block;
+    word-break: keep-all;
+}
+
+.inha-wrapper {
+    width: 48%;
+    display: flex;
+    align-items: center;
+    border-radius: 25px;
+    margin-left: 20px;
+    background: #f0f0f0;
+}
+
+.inha-wrapper:hover {
+    background: #e4f2fc;
+}
+
+.inha-wrapper:hover h2 {
+    color: #0c64d2;
+}
+
+.inha-img {
+    display: inline-block;
+    padding: 60px;
+
+}
+
+.inha-txt {
+    padding: 10px 5px;
+    display: inline-block;
+    word-break: keep-all;
+
+}
+
+section.main__info__gcc__n15 {
+    padding-bottom: 67px;
+}
+
+.gcc-n15-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.gcc-wrapper {
+    width: 48%;
+    display: flex;
+    align-items: center;
+    border-radius: 25px;
+    margin-right: 20px;
+    background: #f0f0f0;
+}
+
+.gcc-wrapper:hover {
+    background: #e4f2fc;
+}
+
+.gcc-wrapper:hover h2 {
+    color: #0c64d2;
+}
+.gcc-n15-wrapper h2 {
+    color: #383838;
+    font-size: 32px;
+}
+
+.gcc-n15-wrapper p {
+    color: #6c6c6c;
+    font-size: 21px;
+
+}
+
+.gcc {
+    display: inline-block;
+    padding: 60px;
+}
+
+.gcc-txt {
+    padding: 10px 5px;
+    display: inline-block;
+    word-break: keep-all;
+}
+
+.n15-wrapper {
+    width: 48%;
+    display: flex;
+    align-items: center;
+    border-radius: 25px;
+    margin-left: 20px;
+    background: #f0f0f0;
+}
+
+.n15-wrapper:hover {
+    background: #e4f2fc;
+}
+
+.n15-wrapper:hover h2 {
+    color: #0c64d2;
+}
+
+.n15-img {
+    display: inline-block;
+    padding: 60px;
+
+}
+
+.n15-txt {
+    padding: 10px 5px;
+    display: inline-block;
+    word-break: keep-all;
+
+}
+
+section.main__page__academy__info {
+    padding: 74px 0 24px;
+    margin: 0 auto;
+    background: #149bff;
+    max-width: 1600px;
+    position: relative;
+
+}
+
+section.main__page__academy__info .ai {
+
+    position: absolute;
+    left: 7%;
+    top: 20px;
+    font-size: 32px;
+}
+
+section.main__page__academy__info .swiper-container {
+    max-width: 1300px;
+    position: relative;
+}
+
+section.main__page__academy__info .swiper-container .swiper-wrapper .swiper-slide a {
+    display: block;
+    position: relative;
+    width: 100%;
+}
+
+section.main__page__academy__info .swiper-container .swiper-wrapper .swiper-slide a:hover .hover-box {
+    display: block;
+}
+
+section.main__page__academy__info .swiper-container .swiper-wrapper .swiper-slide a .img-box {
+    position: relative;
+}
+
+section.main__page__academy__info .swiper-container .swiper-wrapper .swiper-slide .img-box img {
+    width: 100%;
+}
+
+section.main__page__academy__info .swiper-container .swiper-wrapper .swiper-slide a .hover-box {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(255, 255, 255, 0.4);
+}
+
+section.main__page__academy__info .swiper-container .swiper-wrapper .swiper-slide a .hover-box .hover-txt-box {
+    position: absolute;
+    top: 45%;
+    transform: translateY(-50%);
+    width: 100%;
+    font-size: 40px;
+    font-weight: 400;
+    text-align: center;
+    color: #fff;
+    line-height: 48px;
+}
+
+section.main__page__academy__info .swiper-container .swiper-wrapper .swiper-slide a .txt-box {
+    color: #414042;
+    padding: 0 10px;
+    font-size: 18px;
+    line-height: 24px;
+    margin-top: -20px;
+
+}
+
+section.main__page__academy__info .swiper-control {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 45%;
+    transform: translateY(-50%);
+    z-index: 10;
+}
+
+section.main__page__academy__info .swiper-control a {
+    width: 24px;
+    height: 48px;
+    display: inline-block;
+    vertical-align: middle;
+    outline: none;
+}
+
+section.main__page__academy__info .swiper-control a.prev-btn {
+    position: absolute;
+    left: 85px;
+    top: 10px;
+    background: url("../images/ic_swiper_prev.png") no-repeat center/cover;
+}
+
+section.main__page__academy__info .swiper-control a.next-btn {
+    background: url("../images/ic_swiper_next.png") no-repeat center/cover;
+    position: absolute;
+    right: 85px;
+    top: 10px;
+}
+
+section.main__info__board {
+    padding: 60px 0 50px;
+    max-width: 1600px;
+    background: #f0f0f0;
+    margin: 0 auto;
+
+}
+
+section.main__info__board .board__list__wrap {
+    display: flex;
+}
+
+.list__box.l1 {
+    display: inline-block;
+    width: 40%;
+}
+
+.list__box.l2 {
+    display: inline-block;
+    width: 49%;
+    padding-left: 130px;
+    border-left: 1px solid #949494;
+}
+
+.list__box.l1 .board-tit {
+    color: #414042;
+    font-size: 32px;
+    margin-bottom: 14px;
+    padding-left: 20px;
+}
+
+.list__box.l2 .board-tit {
+    background: #414042;
+    font-size: 32px;
+    padding: 3px 20px 2px;
+
+}
+
+.board-con {
+    padding: 20px;
+    overflow: hidden;
+
+}
+.board-con ul li a {
+    display: block;
+    position: relative;
+    /* padding-right: 65px; */
+    /* padding-right: 1px; */
+
+    /* text-overflow: ellipsis 사용하기 위함 */
+
+}
+
+.board-con ul li a:hover .date-txt,
+.board-con ul li a:hover .subject-txt {
+    color: #383838;
+    font-weight: 600;
+    text-decoration: underline;
+}
+
+.board-con ul li a .subject-txt {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    max-width: 100%;
+    white-space: nowrap;
+    line-height: 40px;
+    padding-right: 60px;
+    color: #6c6c6c;
+
+}
+
+.board-con ul li a .subject-txt.system {
+    padding-right: 5px;
+}
+
+.board-con ul li a .subject-txt.system:after {
+    content: '▶';
+    position: absolute;
+    top: 2px;
+    width: 2px;
+    height: 2px;
+    color: #9a9a9a;
+    padding-left: 30px;
+}
+
+/* .board-con ul li a .subject-txt.new:after {
+    content: '';
+    position: absolute;
+    right: 0;
+    top: 50%;
+    transform: translateY(-50%);
+} */
+
+.board-con ul li a .date-txt {
+    /* display: inline-block; */
+    /* vertical-align: middle; */
+    position: absolute;
+    right: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    color: #6c6c6c;
+    /* font-size: 21px; */
+    /* padding-right: 25px; */
+    /* margin-left: 10px; */
+}
+
+.tab_content {
+    text-align: left;
+    position: relative;
+}
+
+/* input을 안보이게 처리  */
+input[type="radio"] {
+    display: none;
+}
+
+/* 버튼 공통 속성 */
+input[type="radio"] + label {
+    display: inline-block;
+    padding: 3px 20px 0;
+    margin-bottom: 14px;
+    background: #f0f0f0;
+    color: #999;
+    font-size: 32px;
+    cursor: pointer;
+}
+
+/* 선택된 버튼속성 */
+input[type="radio"]:checked + label {
+    background: #383838;
+    color: #ffffff;
+    position: relative;
+}
+
+input[type="radio"]:checked + label::after {
+    content: '';
+    position: absolute;
+    left: 50%;
+    top: 40px;
+    transform: translateX(-50%);
+    width: 0;
+    height: 0;
+    border-width: 10px;
+    border-style: solid;
+    border-color: #383838 transparent transparent transparent;
+}
+
+/* 컨텐츠박스 공통 속성 */
+.board-con.con1,
+.con2 {
+
+    display: none;
+    text-align: left;
+    padding: 20px;
+    box-sizing: border-box;
+}
+
+/* 인풋에 체크가 해당 요소보이게 설정 */
+input[id="tab01"]:checked ~ .con1 {
+    display: block;
+}
+input[id="tab02"]:checked ~ .con2 {
+    display: block;
+}
+
+section.main__page__photo__zone {
+    padding: 38px 0 24px;
+    margin: 75px auto;
+    max-width: 1600px;
+    position: relative;
+
+}
+
+section.main__page__photo__zone .ai {
+
+    position: absolute;
+    left: 7%;
+    top: -25px;
+    color: #383838;
+    font-size: 32px;
+}
+
+section.main__page__photo__zone .swiper-container {
+    max-width: 1300px;
+    position: relative;
+
+}
+
+section.main__page__photo__zone .swiper-container .swiper-wrapper .swiper-slide a {
+    display: block;
+    position: relative;
+    width: 100%;
+}
+
+section.main__page__photo__zone .swiper-container .swiper-wrapper .swiper-slide a:hover .hover-box {
+    display: block;
+}
+
+section.main__page__photo__zone .swiper-container .swiper-wrapper .swiper-slide a .img-box {
+    position: relative;
+}
+
+section.main__page__photo__zone .swiper-container .swiper-wrapper .swiper-slide .img-box img {
+    width: 100%;
+}
+
+section.main__page__photo__zone .swiper-container .swiper-wrapper .swiper-slide a .hover-box {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(255, 255, 255, 0.4);
+}
+
+section.main__page__photo__zone .swiper-container .swiper-wrapper .swiper-slide a .hover-box .hover-txt-box {
+    position: absolute;
+    top: 45%;
+    transform: translateY(-50%);
+    width: 100%;
+    font-size: 40px;
+    font-weight: 400;
+    text-align: center;
+    color: #fff;
+    line-height: 48px;
+}
+
+section.main__page__photo__zone .swiper-container .swiper-wrapper .swiper-slide a .txt-box {
+    color: #414042;
+    padding: 0 10px;
+    font-size: 18px;
+    line-height: 24px;
+    margin-top: -20px;
+
+}
+
+section.main__page__photo__zone .swiper-control {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 45%;
+    transform: translateY(-50%);
+    z-index: 10;
+}
+
+section.main__page__photo__zone .swiper-control a {
+    width: 24px;
+    height: 48px;
+    display: inline-block;
+    vertical-align: middle;
+    outline: none;
+}
+
+section.main__page__photo__zone .swiper-control a.prev-btn2 {
+    position: absolute;
+    left: 85px;
+    top: 10px;
+    background: url("../images/ic_swiper_prev.png") no-repeat center/cover;
+}
+
+section.main__page__photo__zone .swiper-control a.next-btn2 {
+    background: url("../images/ic_swiper_next.png") no-repeat center/cover;
+    position: absolute;
+    right: 85px;
+    top: 10px;
+}
+
+footer .footer__wrap {
+    margin: 0 auto;
+
+    text-align: center;
+
+    padding: 80px 0 60px;
+
+}
+
+footer .footer__wrap p {
+
+    color: #3b3b3b;
+    font-size: 16px;
+
+}
+
+/* ==================================================================================== */
+
+/* article.page__tit__info .page__tit .tit-txt.type1:after {
+    content: '';
+    position: absolute;
+    left: -2px;
+    right: -10px;
+    bottom: -10px;
+    height: 15px;
+    background-color: #4bb9e6;
+} */
+
+article.table__search__form {
+    position: relative;
+    font-size: 0;
+    margin-bottom: 20px;
+    height: 40px;
+}
+
+/* article.table__search__form .inner {
+    height: 100%;
+} */
+
+article.table__search__form.division {
+    margin: 17px 0;
+}
+
+article.table__search__form .sbox.long {
+    width: 260px;
+}
+
+article.table__search__form .sbox+.sbox {
+    margin-left: 10px;
+}
+
+/* article.table__search__form .input__form {
+    position: absolute;
+    right: 0;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+article.table__search__form .input__form .tbox {
+    display: inline-block;
+    vertical-align: middle;
+    width: 290px;
+    border: 1px solid #989898;
+}
+
+article.table__search__form .input__form .form-btn {
+    display: inline-block;
+    vertical-align: middle;
+    border-radius: 5px;
+    line-height: 40px;
+    color: #fff;
+    text-align: center;
+    width: 100px;
+    font-size: 16px;
+    margin-left: 6px;
+} */
+
+/* article.table__search__form .input__form .form-btn.type1 {
+    background: url("../img/img_btn_bg1.png");
+}
+
+article.table__search__form .input__form .form-btn.type2 {
+    background: url("../img/img_btn_bg2.png");
+} */
+
+section.sub__page__visual .img-box {
+    max-width: 1600px;
+    margin: 0 auto;
+}
+
+section.sub__page__visual .img-box img {
+    width: 100%;
+}
+
+article.nav__display {
+    position: absolute;
+    right: 0;
+    top: -50%;
+    transform: translateY(-50%);
+}
+
+article.nav__display .nav-txt {
+    position: relative;
+    font-size: 12px;
+}
+
+article.nav__display .nav-txt+.nav-txt {
+    margin-left: 15px;
+}
+
+article.nav__display .nav-txt+.nav-txt:after {
+    content: '>';
+    font-size: 12px;
+    position: absolute;
+    top: 50%;
+    left: -12px;
+    transform: translateY(-50%);
+}
+
+article.page__tit__info {
+    padding: 80px 0 0;
+}
+
+article.page__tit__info .page__tit {
+    position: relative;
+    margin-bottom: 40px;
+}
+
+article.page__tit__info .page__tit .tit-txt {
+    font-size: 40px;
+    letter-spacing: -0.4px;
+    position: relative;
+    color: #0b63d0;
+}
+
+article.page__tit__info .page__des {
+    font-size: 21px;
+    /* letter-spacing: -0.23px; */
+    color: #666666;
+    word-break: keep-all;
+    /* padding: 10px */
+    margin: 0 5px;
+
+}
+
+article.page__tit__info .page__des p {
+    padding: 0.5rem 0 1rem;
+}
+
+article.page__tit__info .page__des h1 {
+    padding-bottom: 30px;
+    text-align: left;
+    font-size: 45px;
+    color: #383838;
+}
+
+article.page__tit__info .page__des h2 {
+    color: #383838;
+    margin: 20px 0 15px;
+}
+
+article.page__tit__info .page__des li {
+    color: #0b63d0;
+}
+
+article.page__tit__info .page__des .mission {
+    float: left;
+    padding: 0 25px 20px 0;
+    width: 28%;
+}
+
+article.page__tit__info .page__des .vision {
+    display: inline;
+    padding: 0 20px 20px 0;
+    width: 50%;
+}
+
+article.page__tit__info .page__des h3 {
+    padding-top: 30px;
+    font-weight: bold;
+
+}
+
+article.page__tit__info .page__des .st {
+    font-family: 'Bahnschrift';
+}
+
+article.page__tit__info .page__des #img1 {
+    float: right;
+    padding-left: 40px;
+    /* max-width: 100%;
+    height: auto; */
+}
+
+.vol_sch_box {
+    display: flex;
+    justify-content: center;
+    /* align-items: center; */
+    text-align: center;
+}
+
+.vol_sch_box .vol_txt {
+    text-align: left;
+    /*
+    word-break: break-all;
+    */
+}
+
+.vol_sch_box .sch_txt {
+    text-align: left;
+    /*
+    word-break: break-all;
+	*/
+}
+
+.vol_box {
+    display: inline-block;
+    width: 50%;
+    padding-right: 5px;
+
+    text-align: center;
+    display: table;
+
+}
+
+.sch_box {
+    display: inline-block;
+    width: 50%;
+    padding-left: 5px;
+
+}
+
+.vol_box_img {
+    /* padding-top: 10px;
+    padding-bottom: 20px;
+    max-width: 100%;
+    height: auto; */
+
+    width: 256px;
+    height: 197px;
+    overflow: hidden;
+    margin: 0 auto;
+
+    /* display: table-cell;
+    vertical-align: middle; */
+}
+
+.vol_box_img img {
+    width: 100%;
+    height: 100%;
+    object-fit: scale-down;
+
+}
+
+.sch_box_img {
+    /* padding-bottom: 10px;
+    max-width: 100%;
+    height: auto; */
+    width: 256px;
+    height: 197px;
+    overflow: hidden;
+    margin: 0 auto;
+}
+
+.sch_box_img img {
+    width: 100%;
+    height: 100%;
+    object-fit: scale-down;
+}
+
+.vision_img {
+    padding-bottom: 15px;
+    max-width: 100%;
+    height: auto;
+
+}
+
+.page__des .swiper-container {
+    padding-top: 20px;
+    max-width: 1600px;
+    position: relative;
+
+}
+
+.page__des .swiper-container {
+    max-width: 1300px;
+    position: relative;
+
+}
+
+.page__des .swiper-container .swiper-wrapper .swiper-slide a {
+    display: block;
+    position: relative;
+    width: 100%;
+}
+
+.page__des .swiper-container .swiper-wrapper .swiper-slide a:hover .hover-box {
+    display: block;
+}
+
+.page__des .swiper-container .swiper-wrapper .swiper-slide a .img-box {
+    position: relative;
+}
+
+.page__des .swiper-container .swiper-wrapper .swiper-slide .img-box img {
+    width: 100%;
+}
+
+.page__des .swiper-container .swiper-wrapper .swiper-slide a .hover-box {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(255, 255, 255, 0.4);
+}
+
+.page__des .swiper-container .swiper-wrapper .swiper-slide a .hover-box .hover-txt-box {
+    position: absolute;
+    top: 45%;
+    transform: translateY(-50%);
+    width: 100%;
+    font-size: 40px;
+    font-weight: 400;
+    text-align: center;
+    color: #fff;
+    line-height: 48px;
+}
+
+.page__des .swiper-container .swiper-wrapper .swiper-slide a .txt-box {
+    color: #414042;
+    padding: 0 10px;
+    font-size: 18px;
+    line-height: 24px;
+    margin-top: -20px;
+
+}
+
+.page__des .swiper-control {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 45%;
+    transform: translateY(-50%);
+    z-index: 10;
+}
+
+.page__des .swiper-control a {
+    width: 24px;
+    height: 48px;
+    display: inline-block;
+    vertical-align: middle;
+    outline: none;
+}
+
+.page__des .pz {
+    position: relative;
+}
+
+.page__des .swiper-control a.prev-btn2 {
+    position: absolute;
+    left: -25px;
+    top: 10px;
+    background: url("../images/ic_swiper_prev.png") no-repeat center/cover;
+}
+
+.page__des .swiper-control a.next-btn2 {
+    background: url("../images/ic_swiper_next.png") no-repeat center/cover;
+    position: absolute;
+    right: -25px;
+    top: 10px;
+}
+
+div.refRoomTable table th {
+    background-color: #00a8ff;
+    padding: 12px 10px;
+    color: white;
+}
+
+div.refRoomTable table tbody tr td {
+    padding: 13px 10px;
+    text-align: center;
+
+}
+
+div.refRoomTable table tbody tr {
+    border-top: 1px solid #eeeeee;
+    border-bottom: 1px solid #eeeeee;
+}
+
+div.refRoomTable table tbody tr:first-child {
+    /* padding: 13px 150px; */
+    border-top: 1px solid #cccccc;
+}
+
+div.refRoomTable table tbody tr:last-child {
+    /* padding: 13px 50px; */
+    border-bottom: 1px solid #cccccc;
+}
+
+/* ============================== */
+
+div.refRoomDoc table tbody tr td {
+    text-align: center;
+    padding: 13px 10px;
+
+    table-layout: fixed;
+}
+
+div.refRoomDoc table th {
+    background-color: #00a8ff;
+    padding: 12px 20px;
+    color: white;
+    white-space: nowrap;
+}
+
+div.refRoomDoc table tbody tr {
+    border-top: 1px solid #ddd;
+    border-bottom: 1px solid #ddd;
+}
+
+div.refRoomDoc table tbody tr td:nth-child(2) {
+    text-align: left;
+    white-space: nowrap;
+
+}
+
+div.refRoomDoc table tbody tr:nth-child(3) td {
+    text-align: left;
+    padding: 30px;
+    line-height: 28px;
+}
+
+.pbox_wrap {
+    display: flex;
+    font-size: 15px;
+}
+
+.pbox {
+    text-align: left;
+    overflow: hidden;
+    padding: 20px;
+}
+
+.pbox img {
+    max-width: 100%;
+    height: 292px;
+    object-fit: cover;
+    overflow: hidden;
+}
+
+/* Useful Classes */
+.xy-center {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+
+.transition {
+    transition: all 350ms ease-in-out;
+}
+
+.r-3-2 {
+    width: 100%;
+    padding-bottom: 66.667%;
+    background-color: #ddd;
+}
+
+.image-holder {
+    background-size: cover;
+    background-position: center center;
+    background-repeat: no-repeat;
+}
+
+/* Main Styles */
+.gallery-wrapper {
+    position: relative;
+    overflow: hidden;
+}
+
+.gallery {
+    position: relative;
+    white-space: nowrap;
+    font-size: 0;
+}
+
+.item-wrapper {
+    cursor: pointer;
+    width: 23%;
+    /* arbitrary value */
+    display: inline-block;
+    background-color: white;
+}
+
+.gallery-item {
+    opacity: 0.5;
+}
+.gallery-item.active {
+    opacity: 1;
+}
+
+.controls {
+    font-size: 0;
+    border-top: none;
+}
+.move-btn {
+    display: inline-block;
+    width: 50%;
+    border: none;
+    color: #ccc;
+    background-color: transparent;
+    padding: 0.2em 1.5em;
+}
+.move-btn:first-child {
+    border-right: none;
+}
+.move-btn.left {
+    font-size: 40px;
+    cursor: w-resize;
+}
+.move-btn.right {
+    font-size: 40px;
+    cursor: e-resize;
+}
+
+.oz_intro {
+    }
+
+.out_box {
+    display: flex;
+    max-width: 100%;
+    /* width:100%; */
+    /* font-size: 15px; */
+    /* flex-wrap: wrap; */
+}
+
+.box_line {
+    /* max-width: 100%; */
+    /* height: 1235px; */
+    width: 50%;
+    padding-left: 40px;
+    /* padding-left: 26px;
+    padding-bottom: 46px; */
+    object-fit: contain;
+    /* mix-blend-mode: multiply; */
+    border: solid 20px #00a8ff;
+    /* background-color: #00a8ff; */
+    display: inline-block;
+
+}
+
+.box_line img {
+    padding-top: 20px;
+    padding-bottom: 20px;
+
+}
+
+.gp {
+    margin: 0 40px 25px 0;
+    width: 100%;
+    height: auto;
+    margin-bottom: 60px;
+
+}
+
+.gp > img {
+    max-width: 100%;
+    height: auto;
+}
+
+.b_txt {
+    max-width: 100%;
+    height: auto;
+    color: #333333;
+    word-break: keep-all;
+    padding-bottom: 60px;
+
+}
+
+.box_line.one {
+    border-right: none;
+    padding: 0 20px;
+
+}
+
+.box_line.two {
+    border-left: none;
+    background-image: linear-gradient(to bottom, #00a8ff 10%, rgba(255, 255, 255, 0) 0%);
+    background-position: left;
+    background-size: 3px 15px;
+
+    background-repeat: repeat-y;
+
+}
+
+.page__des.concytec img {
+    padding-top: 94px;
+}
+
+.out_box_wrap {
+    padding: 20px 0;
+    /* margin:0 auto; */
+    /* text-align: center; */
+}
+
+.in_box_wrap {
+    display: flex;
+    flex-direction: row;
+    text-align: center;
+    align-items: center;
+    width: 100%;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
+.box_wrap {
+    display: inline-block;
+    width: 32%;
+    height: 620px;
+    /* padding-top: 40%; */
+    border: 1px solid#dadada;
+    box-sizing: border-box;
+    margin: 5px;
+    position: relative;
+    word-break: keep-all;
+}
+
+.box_wrap img {
+    max-width: 100%;
+    height: auto;
+}
+
+.box_wrap .el {
+    box-sizing: border-box;
+    max-width: 100%;
+}
+
+.box_wrap .el.n2 {
+    position: absolute;
+    top: 40%;
+    padding: 0 10px;
+}
+
+.box_wrap .el.n3 {
+    position: absolute;
+    top: 93%;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.a3 .n1 {
+    position: absolute;
+    width: 100%;
+    top: 5%;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.a4 .n1 {
+    position: absolute;
+    width: 100%;
+    top: 5%;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.a5 .n1 {
+    position: absolute;
+    width: 100%;
+    top: 10%;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.a6 .n1 {
+    position: absolute;
+    width: 100%;
+    top: 7%;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.a7 .n1 {
+    position: absolute;
+    width: 100%;
+    top: 4%;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.a8 .n1 {
+    position: absolute;
+    width: 100%;
+    top: 5%;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.page__des.ucsm {
+    position: relative;
+    /* text-align: center; */
+}
+
+.page__des.ucsm .ucsm_img1 > img {
+    float: right;
+    padding: 0 0 30px 30px;
+}
+
+.ucsm_chart img {
+    max-width: 100%;
+}
+
+/* dot new -> */
+.dot_wrap {
+    padding-left: 15px;
+    /* list-style-position: outside; */
+}
+
+.dot_wrap li {
+
+    list-style-type: disc;
+    color: #0b63d0;
+}
+
+.dot_wrap span {
+    position: relative;
+    left: -5px;
+
+}
+
+.dot_wrap li span > p {
+    color: #666666;
+    padding: 0 !important;
+}
+
+.dot_wrap li > p {
+    color: #666666;
+}
+
+.dot_wrap li span > strong {
+    color: #666666;
+
+}
+
+/* <- */
+
+/* dot old -> */
+
+.ourgoals {
+    display: flex;
+    align-items: center;
+
+}
+
+.ourgoals .goals_img {
+    display: inline-block;
+    flex: 1;
+}
+
+.ourgoals .goals_txt_box {
+    display: inline-block;
+    flex: 2;
+}
+
+.goals_txt_wrap {
+    display: flex;
+}
+
+.dot_box {
+    display: inline-block;
+}
+
+.dot {
+    display: inline-block;
+    width: 8px;
+    height: 8px;
+    background-color: #0b63d0;
+    border-radius: 70%;
+    transform: translateY(-50%);
+    margin-right: 10px;
+    margin-left: 10px;
+
+}
+
+.dot_txt {
+    display: inline-block;
+    color: #666666;
+
+}
+
+/* .dot_txt li {
+    display: inline-block;
+} */
+
+.dot_txt p {
+    display: inline-block;
+    padding-top: 0 !important;
+}
+
+/* <- */
+
+.inha_txt_img {
+    float: right;
+    padding: 0 0 25px 25px;
+}
+
+.list_college {
+    padding-left: 25px;
+}
+
+.list_college li {
+    list-style: disc;
+}
+
+.report {
+    display: flex;
+    align-items: center;
+    background-color: #f0f0f0;
+    line-height: 30px;
+    border-radius: 25px;
+    max-width: 100%;
+}
+
+.report .lf {
+    flex: 1;
+    background: url("../images/dot_img.png") right no-repeat;
+    padding-left: 10px;
+
+}
+
+.report .rh {
+    flex: 1;
+    padding-left: 10px;
+
+}
+
+.report p {
+    display: inline-block;
+    padding: 20px 0 !important;
+}
+
+.ar {
+    /* margin-left: 10px; */
+}
+
+.strategy {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.stg_box {
+    display: inline-block;
+    width: 305px;
+    height: 110px;
+    border-radius: 25px;
+    background: #e4f2fc;
+    position: relative;
+    margin: 5px;
+}
+
+.stg_box p {
+    padding-left: 20px !important;
+    display: inline-block;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+.step_in_box {
+    display: flex;
+    flex-wrap: wrap;
+    /* justify-items: center; */
+    /* align-items: center; */
+    /* text-align: center; */
+}
+
+.step_in_box .step {
+    display: inline-block;
+    margin: 2px;
+}
+
+.core_pro {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.core_box {
+    flex: 1;
+}
+
+.sub_gccei img {
+    float: right;
+    padding: 0 0 25px 25px;
+}
+
+.gccei_vision_mission {
+    max-width: 55%;
+    height: auto;
+}
+
+.gccei_vision_mission img {
+    max-width: 100%;
+}
+
+.gccei_techno_valley {
+    display: flex;
+    /* flex-wrap:wrap; */
+}
+
+.gccei_box {
+    padding: 10px;
+}
+
+.gccei_box img {
+    
+    /* object-fit: cover;
+    max-width: 410px;
+    height: auto; */
+
+    flex:1;
+    max-width: 100%;
+    height: auto;
+}
+
+.gccei_vision_mission img {
+    max-width: 100%;
+}
+
+
+
+.acceleration {
+    display: flex;
+    /* flex-wrap:wrap; */
+}
+
+.acceleration_box {
+    padding: 10px;
+}
+
+.acceleration_box img {
+    flex:1;
+    max-width: 100%;
+    height: auto;
+}
+
+.gccei_leadership {
+    display: flex;
+    flex-wrap:wrap;
+}
+
+.metrix_box {
+    display: flex;
+    /* flex-wrap: wrap; */
+}
+
+.m_box img {
+    flex:1;
+    max-width: 100%;
+    height: auto;
+
+}
+
+.gccei_box img {
+    max-width: 100%;
+}
+
+.leadership_box {
+    /* flex:1; */
+    padding: 10px;
+
+}
+
+.gccei_leadership img {
+    
+    object-fit: cover;
+    max-width: 300px;
+    height: auto;
+}
+
+.gccei_img3 img {
+    float: right;
+    padding: 0 0 25px 25px;
+}
+
+.overview {
+    display: block;
+    text-align: justify;
+}
+
+
+.n15_txt_img {
+    float: right;
+    padding: 0 0 25px 25px;
+}
+
+.achievements {
+    display: flex;
+    text-align: center;
+    flex-wrap: wrap;
+}
+
+.achievements p {
+    padding: 10px;
+}
+
+.n15_acc {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.n15_acc div {
+    margin: 10px;
+}
+
+.n15_acc img {
+    max-width: 300px;
+    height: auto;
+}
+
+.open_inno {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.open_inno div {
+    padding: 10px;
+}
+
+.open_inno img {
+    max-width: 300px;
+    height: auto;
+}
+
+.n15_company_img img {
+    max-width: 98%;
+    height: auto;
+}
+
+.staff img {
+    margin: 10px;
+}
+
+.directors_box1 {
+    display: inline-block;
+    width: 325px;
+    height: 100px;
+    background: #05a7f3;
+    position: relative;
+    text-align: center;
+    margin: 10px;
+}
+
+.directors_box1 p {
+    padding-top: 15px;
+}
+
+.directors_box2 {
+    width: 325px;
+    height: 50px;
+    background: #333333;
+    position: absolute;
+    top: 50px;
+    left: 0;
+    z-index: 10;
+    color: #fff;
+}
+
+.page__des.ucsp .ucsp_img1 img {
+    float: right;
+    padding: 0 0 25px 25px;
+}
+
+.page__des.unalm .unalm_img1 img {
+    float: right;
+    padding: 0 0 25px 25px;
+}
+
+.Manager_box1 {
+    /* display: inline-block; */
+    width: 325px;
+    height: 100px;
+    background: #05a7f3;
+    position: relative;
+    text-align: center;
+    margin: 20px 30px 20px 10px;
+}
+
+/* .Manager_box1 p {
+    padding-top: 15px;
+} */
+
+.Manager_box2 {
+    width: 325px;
+    height: 50px;
+    background: #333333;
+    position: absolute;
+    top: 50px;
+    left: 0;
+    z-index: 10;
+    color: #fff;
+}
+
+.unalm_office {
+    display: flex;
+}
+
+.unalm_2 {
+    background: #e4f2fc;
+    padding: 15px 30px;
+}
+
+.unalm_2 li {
+    list-style: disc;
+    color: #666666;
+}
+
+.moto {
+    color: #0b63d0;
+}
+
+.uni_1 {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.uni_office .codi_box {
+    display: inline-block;
+    background: #05a7f3;
+    width: 610px;
+    height: 120px;
+    margin: 10px;
+    color: #fff;
+    position: relative;
+}
+
+.uni_office .codi_box p {
+    padding-top: 0 !important;
+}
+
+.uni_office .in_codi_box {
+    background: #333333;
+    color: #fff;
+    top: 70px;
+    height: 50px;
+    width: 100%;
+    position: absolute;
+}
+
+.uni_office p {
+    position: absolute;
+    top: 10px;
+    text-align: left;
+    left: 20px;
+}
+
+.uni_office span {
+    position: absolute;
+    top: 10px;
+    text-align: right;
+    right: 20px;
+}
+
+.clave {
+    display: flex;
+}
+.clave_box {
+    flex: 1;
+}
+
+.unmsm_codi {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+
+}
+
+.unmsm_codi_box {
+    /* flex-shrink: 0; */
+    background: #e4f2fc;
+    margin: 5px;
+    position: relative;
+    color: #333333;
+    width: 310px;
+    height: 140px;
+    display: flex;
+    justify-content: center;
+    box-sizing: border-box;
+
+}
+
+.unmsm_codi_box p {
+    padding: 30px 5px;
+
+}
+
+.unmsm_codi_box2 {
+    /* flex:1; */
+    position: absolute;
+    width: 100%;
+    height: 60px;
+    background: #07b4ee;
+    color: #fff;
+    bottom: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.unsa_img1 {
+    float: right;
+    padding: 0 0 25px 25px;
+}
+
+.unsa_codi {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+
+}
+
+.unsa_codi_box {
+    /* flex: 1 ; */
+    background: #e4f2fc;
+    margin: 10px;
+    position: relative;
+    color: #333333;
+    width: 620px;
+    /* max-width: 100%; */
+    height: 150px;
+    display: flex;
+    box-sizing: border-box;
+
+}
+
+.unsa_codi_box p {
+    padding: 10px 20px !important;
+
+}
+
+.unsa_codi_box2 p {
+    padding: 15px 20px !important;
+
+}
+
+.unsa_codi_box span {
+    position: absolute;
+    right: 20px;
+}
+
+.unsa_codi_box2 {
+    /* flex:1; */
+    position: absolute;
+    width: 100%;
+    height: 90px;
+    background: #05a7f3;
+    color: #fff;
+    bottom: 0;
+    display: flex;
+    /* align-items: center; */
+
+}
+
+.unsa_codi_box3 {
+    position: absolute;
+    width: 100%;
+    height: 46px;
+    background: #555555;
+    color: #fff;
+    bottom: 0;
+    display: flex;
+    align-items: center;
+}
+
+.unt_img_group {
+    display: flex;
+
+}
+
+.unt_box {
+    flex: 1;
+    margin: 10px;
+
+}
+
+.unt_img_group_3 {
+    margin: 10px;
+}
+
+.unt_txt_img img {
+    max-width: 100%;
+    height: auto;
+}
+
+.udep_codi {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    /* text-align: center; */
+
+}
+
+.udep_codi_box {
+    background: #e4f2fc;
+    margin: 10px;
+    position: relative;
+    color: #333333;
+    width: 300px;
+    height: 448px;
+    display: flex;
+    box-sizing: border-box;
+    overflow: hidden;
+    font-size: 18px;
+    /* flex:1; */
+}
+
+.udep_codi_box img {
+    width: 100%;
+    height: 307px;
+    object-fit: cover;
+}
+
+.udep_codi_box p {
+    padding: 10px 20px !important;
+
+}
+
+.udep_codi_box2 p {
+    padding: 5px 20px;
+
+}
+
+.udep_codi_box span {
+    position: absolute;
+    right: 20px;
+}
+
+.udep_codi_box2 {
+    /* flex:1; */
+    position: absolute;
+    width: 100%;
+    height: 103px;
+    background: #05a7f3;
+    color: #fff;
+    bottom: 64px;
+    display: flex;
+    /* align-items: center; */
+
+}
+
+.udep_codi_box3 {
+    position: absolute;
+    width: 100%;
+    height: 46px;
+    background: #555555;
+    color: #fff;
+    bottom: 0;
+    display: flex;
+    align-items: center;
+}
+
+.udep_codi_box4 {
+    position: absolute;
+    width: 100%;
+    height: 64px;
+    background: #fff;
+    color: #666666;
+    bottom: 0;
+    display: flex;
+    align-items: center;
+
+}
+
+.unheval_txt_img2 {
+    float: left;
+    padding: 0 25px 5px 0;
+}
+
+.page__des.business .n1 {
+    color: #0fadff;
+}
+
+.page__des.business .par1 {
+    display: flex;
+}
+
+.page__des.business .par1 .chil1 {
+    flex: 1;
+    white-space: nowrap;
+}
+
+.page__des.business .par1 .chil2 {
+    /* flex:1; */
+    padding-left: 20px;
+}
+
+.page__des.business .par2 {
+    display: flex;
+    align-items: center;
+    /* flex-wrap: wrap; */
+    /* white-space: nowrap; */
+
+}
+
+.page__des.business .par2 .chil1 {
+    padding: 10px;
+    flex: 2;
+    /* font-size: 1.1vw; */
+}
+
+.page__des.business .par2 .chil2 {
+    flex: 4;
+    /* overflow: hidden; */
+    padding: 10px;
+    /* width: 50%; */
+    max-width: 100%;
+
+}
+.page__des.business .par2 .chil2 img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.page__des.business .par3 {
+    display: flex;
+    flex-wrap: wrap;
+
+}
+
+.page__des.business .par3 .chil1 {
+    padding: 10px;
+}
+.page__des.business .par3 .chil2 {
+    padding: 10px;
+
+}
+
+.page__des.business .par3 .chil3 {
+    padding: 10px;
+
+}
+
+.page__des.business img {
+    object-fit: cover;
+    width: 100%;
+}
+
+.page__des.business .ict_innovacion_txt_img {
+    text-align: center;
+}
+
+.page__des.business .ict_innovacion_txt_img img {
+    width: auto;
+}
diff --git a/www/css/style_r.css b/www/css/style_r.css
new file mode 100644
index 0000000..d74e76b
--- /dev/null
+++ b/www/css/style_r.css
@@ -0,0 +1,2529 @@
+html {
+    font-size: 20px;
+}
+body {
+    font-size: 1rem;
+}
+
+.inner {
+    max-width: 1300px;
+    margin: 0 auto;
+    position: relative;
+}
+
+.container {
+    overflow: auto;
+    position: relative;
+    /* padding-bottom: 137px; */
+    min-height: 100%;
+    min-width: 1280;
+}
+
+/* .img-box {
+    top:0;
+} */
+
+nav.mobile-menu {
+    display: none;
+    position: fixed;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    background-color: #fff;
+    z-index: 10;
+    width: 200px;
+    overflow-y: auto;
+}
+
+nav.mobile-menu * {
+    touch-action: auto !important;
+}
+
+nav.mobile-menu .mobile-menu-wrap {
+    overflow-y: auto;
+    position: relative;
+    height: auto;
+}
+
+nav.mobile-menu .mobile-menu-wrap .mobile-menu-group {
+    position: relative;
+    height: auto;
+}
+
+nav.mobile-menu .mobile-menu-wrap .close-btn {
+    position: absolute;
+    right: 24px;
+    top: 16px;
+    width: 24px;
+    height: 24px;
+    background: url("../images/close@3x.png") no-repeat center/cover;
+}
+
+nav.mobile-menu .mobile-menu-wrap ul.depth1 {
+    padding-top: 56px;
+    text-align: left;
+}
+
+nav.mobile-menu .mobile-menu-wrap ul.depth1 a.depth1-txt {
+    display: inline-block;
+    width: 100%;
+    line-height: 60px;
+    padding: 0 24px;
+    font-size: 18px;
+    letter-spacing: -0.4px;
+    color: #121517;
+}
+
+/* nav.mobile-menu .mobile-menu-wrap ul.depth1 a.depth1-txt.toggle {
+    background: url("../images/drop.png") no-repeat center right 24px/24px 24px;
+}
+
+nav.mobile-menu .mobile-menu-wrap ul.depth1 a.depth1-txt.toggle.on {
+    background: url("../images/up.png") no-repeat center right 24px/24px 24px;
+} */
+
+nav.mobile-menu .mobile-menu-wrap ul.depth1 a.depth1-txt.on~ul.depth2 {
+    display: block;
+}
+
+nav.mobile-menu .mobile-menu-wrap ul.depth1 ul.depth2 {
+    padding: 8px 0;
+    background-color: #f8f9fa;
+    display: none;
+}
+
+nav.mobile-menu .mobile-menu-wrap ul.depth1 ul.depth2 a {
+    line-height: 46px;
+    padding: 0 24px;
+    font-size: 14px;
+    letter-spacing: -0.31px;
+    color: #495057;
+    width: 100%;
+}
+/* 
+nav.mobile-menu .mobile-menu-wrap .mobile__menu__info {
+    margin: 0 24px;
+    border-top: 1px solid #ccc;
+    padding-top: 15px;
+    font-size: 0;
+}
+
+nav.mobile-menu .mobile-menu-wrap .mobile__menu__info .menu-box {
+    display: inline-block;
+    vertical-align: middle;
+}
+
+nav.mobile-menu .mobile-menu-wrap .mobile__menu__info .menu-box+.menu-box {
+    margin-left: 14px;
+}
+
+nav.mobile-menu .mobile-menu-wrap .mobile__menu__info a {
+    display: inline-block;
+    line-height: 18px;
+    font-size: 12px;
+    padding: 0;
+} */
+
+header {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 10;
+}
+
+header .header__wrap {
+    position: relative;
+    margin: 0 auto;
+    height: 144px;
+    max-width: 1600px;
+    background-color: #0c64d2;
+}
+
+header .header__wrap .logo {
+    position: absolute;
+    left: 110px;
+    top: 45px;
+    z-index: 10;
+
+}
+
+header .header__wrap .logo a {
+    /* width: 291px;
+    height: 53px; */
+
+    width: 14.55rem;
+    height: 2.65rem;
+    background: url("../images/logo.png") no-repeat center/cover;
+}
+
+nav.gnb a {
+    color: #fff;
+}
+
+.main-menu {
+    text-align: center;
+    padding-left: 400px;
+
+}
+
+.menu-item {
+    margin-left: 30px;
+    margin-top: 75px;
+    display: inline-block;
+
+    position: relative;
+    white-space: nowrap;
+}
+
+.menu-item > a {
+
+    display: block;
+    font-size: 24px;
+    padding: 5px 5px 25px;
+    margin-bottom: 7px;
+}
+
+.menu-item > a.on {
+    color: #ffe800;
+    text-align: center;
+    margin-bottom: 7px;
+}
+
+.menu-item > a:after {
+    content: "";
+    position: absolute;
+    left: 0;
+    bottom: -3px;
+    width: 0;
+    left: 50%;
+    height: 2px;
+    background: #fff;
+    transition: all 0.3s;
+
+}
+
+.menu-item > a.on::after {
+
+    width: 100%;
+    left: 0;
+    z-index: 10;
+}
+
+.menu-sub {
+    position: absolute;
+    text-align: center;
+    opacity: 0;
+    pointer-events: none;
+}
+
+a.on~ .menu-sub {
+
+    background: #0c64d2;
+    opacity: 1;
+    font-size: 20px;
+    pointer-events: auto;
+    transition: all, 0.3s;
+    position: absolute;
+    width: 100%;
+}
+
+.menu-sub li {
+    line-height: 35px;
+}
+.menu-sub li a:hover {
+    color: #ffe800;
+}
+
+.menu-sub li a:hover:before {
+    content: '▶ ';
+    font-size: 10px;
+    line-height: -20px;
+    position: absolute;
+
+    left: 10px;
+}
+
+nav.spot {
+    position: absolute;
+    right: 107px;
+    top: 0;
+
+}
+
+nav.spot ul {
+    display: flex;
+    text-align: center;
+    align-items: center;
+    justify-content: center;
+}
+
+nav.spot ul li {
+    margin-left: 2px;
+    width: 165px;
+    height: 45px;
+    padding-top: 7px;
+    border-bottom-left-radius: 15px;
+    border-bottom-right-radius: 15px;
+    background-color: #d9d9d9;
+    box-sizing: border-box;
+}
+
+nav.spot ul li a {
+    font-size: 18px;
+}
+
+nav.spot ul li:hover {
+    background-color: #dbf0ff;
+}
+
+nav.spot a {
+    display: inline-block;
+    width: 100%;
+    color: #000;
+    font-size: 18px;
+
+}
+
+.wrapper {}
+
+section.main__page__visual {
+    max-width: 1600px;
+    margin: 0 auto;
+}
+
+section.main__page__visual .swiper-container .swiper-wrapper .swiper-slide {
+    position: relative;
+}
+
+section.main__page__visual .swiper-container .swiper-wrapper .swiper-slide .img-box {}
+
+section.main__page__visual .swiper-container .swiper-wrapper .swiper-slide .img-box img {
+    width: 100%;
+}
+
+section.main__page__visual .swiper-container .swiper-wrapper .swiper-slide .txt-box {
+    position: absolute;
+    left: 75%;
+    top: 80%;
+    transform: translate(-50%, -50%);
+    white-space: nowrap;
+    text-align: center;
+}
+
+section.main__page__visual .swiper-container .swiper-wrapper .swiper-slide .txt-box .main-txt {
+    color: #fff;
+    /* font-family: "Barlow"; */
+    font-size: 40px;
+    text-shadow: 0 0 5px rgba(0, 0, 0, 0.63);
+    font-weight: 400;
+}
+
+section.main__page__visual .swiper-container .swiper-wrapper .swiper-slide .txt-box .sub-txt {
+    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
+    font-size: 25px;
+    line-height: 34px;
+    color: #fff;
+    padding-top: 15px;
+}
+
+section.main__page__visual .swiper-container .swiper-pagination {
+    bottom: 87px;
+}
+
+section.main__page__visual .swiper-container .swiper-pagination-bullet {
+    width: 20px;
+    height: 20px;
+    border: 3px solid #fff;
+    background-color: transparent;
+    opacity: 1;
+}
+
+section.main__page__visual .swiper-container .swiper-pagination-bullet-active {
+    background-color: #fff;
+}
+
+section.main__info__icon {
+    margin: 80px 0 60px;
+}
+
+section.main__info__icon .icon-wrapper {
+    height: 137px;
+    width: 100%;
+    font-size: 21px;
+
+    display: flex;
+    /* text-align: center; */
+    /* align-items: center; */
+    /* vertical-align: middle; */
+    /* justify-content: center; */
+    /* position: relative; */
+    /* justify-content: space-around; */
+
+}
+
+.apply-icon {
+    width: 25%;
+    height: 137px;
+    position: relative;
+    border-top-left-radius: 25px;
+    border-bottom-left-radius: 25px;
+    background: #a5d9ff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.3s;
+
+}
+
+.apply-icon div > a {
+    padding-left: 10px;
+    transition: all 0.3s;
+
+}
+
+.apply-icon:hover {
+    background: #d6eeff;
+
+}
+
+.apply-icon:hover {
+    background: #d6eeff;
+}
+
+.apply-icon a:hover {
+    color: #cc9900;
+    font-size: 25px;
+}
+
+.apply-icon a:hover + div > a {
+    color: #cc9900;
+    font-size: 25px;
+}
+
+.apply-icon::after {
+    content: '';
+    height: 50%;
+    width: 1px;
+    position: absolute;
+    right: 0;
+    top: 25%;
+    background-color: #73a5cb;
+
+}
+
+.education-icon {
+    /* display: inline-block; */
+    width: 25%;
+    height: 137px;
+    position: relative;
+    background: #a5d9ff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.3s;
+}
+
+.education-icon div > a {
+    padding-left: 10px;
+    transition: all 0.3s;
+}
+
+.education-icon:hover {
+    background: #d6eeff;
+}
+
+.education-icon a:hover {
+    color: #cc9900;
+    font-size: 25px;
+}
+
+.education-icon > a:hover + div > a {
+    color: #cc9900;
+    font-size: 25px;
+}
+
+.education-icon:after {
+    content: '';
+    height: 50%;
+    width: 1px;
+    position: absolute;
+    right: 0;
+    top: 25%;
+    background-color: #73a5cb;
+
+}
+
+.bmc-icon {
+    display: inline-block;
+    height: 137px;
+    width: 25%;
+    position: relative;
+    background: #a5d9ff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.3s;
+}
+
+.bmc-icon div > a {
+    padding-left: 10px;
+    transition: all 0.3s;
+}
+
+.bmc-icon:hover {
+    background: #d6eeff;
+}
+
+.bmc-icon a:hover {
+    color: #cc9900;
+    font-size: 25px;
+}
+
+.bmc-icon > a:hover + div > a {
+    color: #cc9900;
+    font-size: 25px;
+}
+
+.bmc-icon:after {
+    content: '';
+    height: 50%;
+    width: 1px;
+    position: absolute;
+    right: 0;
+    top: 25%;
+    background-color: #73a5cb;
+}
+
+.community-icon {
+    display: inline-block;
+    height: 137px;
+    width: 25%;
+    position: relative;
+    border-top-right-radius: 25px;
+    border-bottom-right-radius: 25px;
+    background: #a5d9ff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.3s;
+}
+
+.community-icon div > a {
+    padding-left: 10px;
+    transition: all 0.3s;
+}
+
+.community-icon:hover {
+    background: #d6eeff;
+
+}
+
+.community-icon a:hover {
+    color: #cc9900;
+    font-size: 25px;
+}
+
+.community-icon > a:hover + div > a {
+    color: #cc9900;
+    font-size: 25px;
+}
+
+/* .community-icon div > a:hover {
+    color:#cc9900;
+    font-size:28px;
+} */
+
+/* .community-icon div > a {
+    display: inline-block;
+    width: 100%;
+    transition: all 0.3s;
+} */
+
+section.main__info__koica {
+    margin-bottom: 60px;
+}
+
+section.main__info__koica .koica-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 288px;
+    font-size: 21px;
+
+    /* position: relative; */
+    /* padding-top: 100%; */
+    /* overflow: hidden; */
+}
+.koica-wrapper .info-peru1 {
+    display: inline-block;
+    max-width: 50%;
+}
+
+.koica-wrapper .info-peru1 h2 {
+    color: #383838;
+    padding: 20px;
+}
+
+.koica-wrapper .info-peru1 p {
+    padding: 20px;
+    word-break: keep-all;
+    color: #6c6c6c;
+}
+
+.koica-wrapper .info-peru2 {
+
+    max-width: 80%;
+    height: 288px;
+    border-top-right-radius: 25px;
+    border-bottom-right-radius: 25px;
+    overflow: hidden;
+}
+
+.koica-wrapper .info-peru2 a {
+    opacity: 1;
+    transition: all 0.3s ease 0s;
+    overflow: hidden;
+}
+
+.koica-wrapper .info-peru2 a:hover {
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
+}
+
+section.main__info__con__inha {
+    padding-bottom: 38px;
+}
+
+.con-inha-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.consitech-wrapper {
+    width: 48%;
+    display: flex;
+    align-items: center;
+    border-radius: 25px;
+    margin-right: 20px;
+    background: #f0f0f0;
+}
+
+.consitech-wrapper:hover {
+    background: #e4f2fc;
+}
+
+.consitech-wrapper:hover h2 {
+    color: #0c64d2;
+}
+
+.con-inha-wrapper h2 {
+    color: #383838;
+    font-size: 32px;
+}
+
+.con-inha-wrapper p {
+    color: #6c6c6c;
+    font-size: 21px;
+
+}
+
+.consitech-img {
+    display: inline-block;
+    padding: 60px;
+}
+
+.consitech-txt {
+    padding: 10px 5px;
+    display: inline-block;
+    word-break: keep-all;
+}
+
+.inha-wrapper {
+    width: 48%;
+    display: flex;
+    align-items: center;
+    border-radius: 25px;
+    margin-left: 20px;
+    background: #f0f0f0;
+}
+
+.inha-wrapper:hover {
+    background: #e4f2fc;
+}
+
+.inha-wrapper:hover h2 {
+    color: #0c64d2;
+}
+
+.inha-img {
+    display: inline-block;
+    padding: 60px;
+
+}
+
+.inha-txt {
+    padding: 10px 5px;
+    display: inline-block;
+    word-break: keep-all;
+
+}
+
+section.main__info__gcc__n15 {
+    padding-bottom: 67px;
+}
+
+.gcc-n15-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.gcc-wrapper {
+    width: 48%;
+    display: flex;
+    align-items: center;
+    border-radius: 25px;
+    margin-right: 20px;
+    background: #f0f0f0;
+}
+
+.gcc-wrapper:hover {
+    background: #e4f2fc;
+}
+
+.gcc-wrapper:hover h2 {
+    color: #0c64d2;
+}
+.gcc-n15-wrapper h2 {
+    color: #383838;
+    font-size: 32px;
+}
+
+.gcc-n15-wrapper p {
+    color: #6c6c6c;
+    font-size: 21px;
+
+}
+
+.gcc {
+    display: inline-block;
+    padding: 60px;
+}
+
+.gcc-txt {
+    padding: 10px 5px;
+    display: inline-block;
+    word-break: keep-all;
+}
+
+.n15-wrapper {
+    width: 48%;
+    display: flex;
+    align-items: center;
+    border-radius: 25px;
+    margin-left: 20px;
+    background: #f0f0f0;
+}
+
+.n15-wrapper:hover {
+    background: #e4f2fc;
+}
+
+.n15-wrapper:hover h2 {
+    color: #0c64d2;
+}
+
+.n15-img {
+    display: inline-block;
+    padding: 60px;
+
+}
+
+.n15-txt {
+    padding: 10px 5px;
+    display: inline-block;
+    word-break: keep-all;
+
+}
+
+section.main__page__academy__info {
+    padding: 74px 0 24px;
+    margin: 0 auto;
+    background: #149bff;
+    max-width: 1600px;
+    position: relative;
+
+}
+
+section.main__page__academy__info .ai {
+
+    position: absolute;
+    left: 7%;
+    top: 20px;
+    font-size: 32px;
+}
+
+section.main__page__academy__info .swiper-container {
+    max-width: 1300px;
+    position: relative;
+}
+
+section.main__page__academy__info .swiper-container .swiper-wrapper .swiper-slide a {
+    display: block;
+    position: relative;
+    width: 100%;
+}
+
+section.main__page__academy__info .swiper-container .swiper-wrapper .swiper-slide a:hover .hover-box {
+    display: block;
+}
+
+section.main__page__academy__info .swiper-container .swiper-wrapper .swiper-slide a .img-box {
+    position: relative;
+}
+
+section.main__page__academy__info .swiper-container .swiper-wrapper .swiper-slide .img-box img {
+    width: 100%;
+}
+
+section.main__page__academy__info .swiper-container .swiper-wrapper .swiper-slide a .hover-box {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(255, 255, 255, 0.4);
+}
+
+section.main__page__academy__info .swiper-container .swiper-wrapper .swiper-slide a .hover-box .hover-txt-box {
+    position: absolute;
+    top: 45%;
+    transform: translateY(-50%);
+    width: 100%;
+    font-size: 40px;
+    font-weight: 400;
+    text-align: center;
+    color: #fff;
+    line-height: 48px;
+}
+
+section.main__page__academy__info .swiper-container .swiper-wrapper .swiper-slide a .txt-box {
+    color: #414042;
+    padding: 0 10px;
+    font-size: 18px;
+    line-height: 24px;
+    margin-top: -20px;
+
+}
+
+section.main__page__academy__info .swiper-control {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 45%;
+    transform: translateY(-50%);
+    z-index: 10;
+}
+
+section.main__page__academy__info .swiper-control a {
+    width: 24px;
+    height: 48px;
+    display: inline-block;
+    vertical-align: middle;
+    outline: none;
+}
+
+section.main__page__academy__info .swiper-control a.prev-btn {
+    position: absolute;
+    left: 85px;
+    top: 10px;
+    background: url("../images/ic_swiper_prev.png") no-repeat center/cover;
+}
+
+section.main__page__academy__info .swiper-control a.next-btn {
+    background: url("../images/ic_swiper_next.png") no-repeat center/cover;
+    position: absolute;
+    right: 85px;
+    top: 10px;
+}
+
+section.main__info__board {
+    padding: 60px 0 50px;
+    max-width: 1600px;
+    background: #f0f0f0;
+    margin: 0 auto;
+
+}
+
+section.main__info__board .board__list__wrap {
+    display: flex;
+}
+
+.list__box.l1 {
+    display: inline-block;
+    width: 40%;
+}
+
+.list__box.l2 {
+    display: inline-block;
+    width: 49%;
+    padding-left: 130px;
+    border-left: 1px solid #949494;
+}
+
+.list__box.l1 .board-tit {
+    color: #414042;
+    font-size: 32px;
+    margin-bottom: 14px;
+    padding-left: 20px;
+}
+
+.list__box.l2 .board-tit {
+    background: #414042;
+    font-size: 32px;
+    padding: 3px 20px 2px;
+
+}
+
+.board-con {
+    padding: 20px;
+    overflow: hidden;
+
+}
+.board-con ul li a {
+    display: block;
+    position: relative;
+    /* padding-right: 65px; */
+    /* padding-right: 1px; */
+
+    /* text-overflow: ellipsis 사용하기 위함 */
+
+}
+
+.board-con ul li a:hover .date-txt,
+.board-con ul li a:hover .subject-txt {
+    color: #383838;
+    font-weight: 600;
+    text-decoration: underline;
+}
+
+.board-con ul li a .subject-txt {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    max-width: 100%;
+    white-space: nowrap;
+    line-height: 40px;
+    padding-right: 60px;
+    color: #6c6c6c;
+
+}
+
+.board-con ul li a .subject-txt.system {
+    padding-right: 5px;
+}
+
+.board-con ul li a .subject-txt.system:after {
+    content: '▶';
+    position: absolute;
+    top: 2px;
+    width: 2px;
+    height: 2px;
+    color: #9a9a9a;
+    padding-left: 30px;
+}
+
+/* .board-con ul li a .subject-txt.new:after {
+    content: '';
+    position: absolute;
+    right: 0;
+    top: 50%;
+    transform: translateY(-50%);
+} */
+
+.board-con ul li a .date-txt {
+    /* display: inline-block; */
+    /* vertical-align: middle; */
+    position: absolute;
+    right: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    color: #6c6c6c;
+    /* font-size: 21px; */
+    /* padding-right: 25px; */
+    /* margin-left: 10px; */
+}
+
+.tab_content {
+    text-align: left;
+    position: relative;
+}
+
+/* input을 안보이게 처리  */
+input[type="radio"] {
+    display: none;
+}
+
+/* 버튼 공통 속성 */
+input[type="radio"] + label {
+    display: inline-block;
+    padding: 3px 20px 0;
+    margin-bottom: 14px;
+    background: #f0f0f0;
+    color: #999;
+    font-size: 32px;
+    cursor: pointer;
+}
+
+/* 선택된 버튼속성 */
+input[type="radio"]:checked + label {
+    background: #383838;
+    color: #ffffff;
+    position: relative;
+}
+
+input[type="radio"]:checked + label::after {
+    content: '';
+    position: absolute;
+    left: 50%;
+    top: 40px;
+    transform: translateX(-50%);
+    width: 0;
+    height: 0;
+    border-width: 10px;
+    border-style: solid;
+    border-color: #383838 transparent transparent transparent;
+}
+
+/* 컨텐츠박스 공통 속성 */
+.board-con.con1,
+.con2 {
+
+    display: none;
+    text-align: left;
+    padding: 20px;
+    box-sizing: border-box;
+}
+
+/* 인풋에 체크가 해당 요소보이게 설정 */
+input[id="tab01"]:checked ~ .con1 {
+    display: block;
+}
+input[id="tab02"]:checked ~ .con2 {
+    display: block;
+}
+
+section.main__page__photo__zone {
+    padding: 38px 0 24px;
+    margin: 75px auto;
+    max-width: 1600px;
+    position: relative;
+
+}
+
+section.main__page__photo__zone .ai {
+
+    position: absolute;
+    left: 7%;
+    top: -25px;
+    color: #383838;
+    font-size: 32px;
+}
+
+section.main__page__photo__zone .swiper-container {
+    max-width: 1300px;
+    position: relative;
+
+}
+
+section.main__page__photo__zone .swiper-container .swiper-wrapper .swiper-slide a {
+    display: block;
+    position: relative;
+    width: 100%;
+}
+
+section.main__page__photo__zone .swiper-container .swiper-wrapper .swiper-slide a:hover .hover-box {
+    display: block;
+}
+
+section.main__page__photo__zone .swiper-container .swiper-wrapper .swiper-slide a .img-box {
+    position: relative;
+}
+
+section.main__page__photo__zone .swiper-container .swiper-wrapper .swiper-slide .img-box img {
+    width: 100%;
+}
+
+section.main__page__photo__zone .swiper-container .swiper-wrapper .swiper-slide a .hover-box {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(255, 255, 255, 0.4);
+}
+
+section.main__page__photo__zone .swiper-container .swiper-wrapper .swiper-slide a .hover-box .hover-txt-box {
+    position: absolute;
+    top: 45%;
+    transform: translateY(-50%);
+    width: 100%;
+    font-size: 40px;
+    font-weight: 400;
+    text-align: center;
+    color: #fff;
+    line-height: 48px;
+}
+
+section.main__page__photo__zone .swiper-container .swiper-wrapper .swiper-slide a .txt-box {
+    color: #414042;
+    padding: 0 10px;
+    font-size: 18px;
+    line-height: 24px;
+    margin-top: -20px;
+
+}
+
+section.main__page__photo__zone .swiper-control {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 45%;
+    transform: translateY(-50%);
+    z-index: 10;
+}
+
+section.main__page__photo__zone .swiper-control a {
+    width: 24px;
+    height: 48px;
+    display: inline-block;
+    vertical-align: middle;
+    outline: none;
+}
+
+section.main__page__photo__zone .swiper-control a.prev-btn2 {
+    position: absolute;
+    left: 85px;
+    top: 10px;
+    background: url("../images/ic_swiper_prev.png") no-repeat center/cover;
+}
+
+section.main__page__photo__zone .swiper-control a.next-btn2 {
+    background: url("../images/ic_swiper_next.png") no-repeat center/cover;
+    position: absolute;
+    right: 85px;
+    top: 10px;
+}
+
+footer .footer__wrap {
+    margin: 0 auto;
+
+    text-align: center;
+
+    padding: 80px 0 60px;
+
+}
+
+footer .footer__wrap p {
+
+    color: #3b3b3b;
+    font-size: 16px;
+
+}
+
+/* ==================================================================================== */
+
+/* article.page__tit__info .page__tit .tit-txt.type1:after {
+    content: '';
+    position: absolute;
+    left: -2px;
+    right: -10px;
+    bottom: -10px;
+    height: 15px;
+    background-color: #4bb9e6;
+} */
+
+article.table__search__form {
+    position: relative;
+    font-size: 0;
+    margin-bottom: 20px;
+    height: 40px;
+}
+
+/* article.table__search__form .inner {
+    height: 100%;
+} */
+
+article.table__search__form.division {
+    margin: 17px 0;
+}
+
+article.table__search__form .sbox.long {
+    width: 260px;
+}
+
+article.table__search__form .sbox+.sbox {
+    margin-left: 10px;
+}
+
+/* article.table__search__form .input__form {
+    position: absolute;
+    right: 0;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+article.table__search__form .input__form .tbox {
+    display: inline-block;
+    vertical-align: middle;
+    width: 290px;
+    border: 1px solid #989898;
+}
+
+article.table__search__form .input__form .form-btn {
+    display: inline-block;
+    vertical-align: middle;
+    border-radius: 5px;
+    line-height: 40px;
+    color: #fff;
+    text-align: center;
+    width: 100px;
+    font-size: 16px;
+    margin-left: 6px;
+} */
+
+/* article.table__search__form .input__form .form-btn.type1 {
+    background: url("../img/img_btn_bg1.png");
+}
+
+article.table__search__form .input__form .form-btn.type2 {
+    background: url("../img/img_btn_bg2.png");
+} */
+
+section.sub__page__visual .img-box {
+    max-width: 1600px;
+    margin: 0 auto;
+}
+
+section.sub__page__visual .img-box img {
+    width: 100%;
+}
+
+article.nav__display {
+    position: absolute;
+    right: 0;
+    top: -50%;
+    transform: translateY(-50%);
+}
+
+article.nav__display .nav-txt {
+    position: relative;
+    font-size: 12px;
+}
+
+article.nav__display .nav-txt+.nav-txt {
+    margin-left: 15px;
+}
+
+article.nav__display .nav-txt+.nav-txt:after {
+    content: '>';
+    font-size: 12px;
+    position: absolute;
+    top: 50%;
+    left: -12px;
+    transform: translateY(-50%);
+}
+
+article.page__tit__info {
+    padding: 80px 0 0;
+}
+
+article.page__tit__info .page__tit {
+    position: relative;
+    margin-bottom: 40px;
+}
+
+article.page__tit__info .page__tit .tit-txt {
+    font-size: 40px;
+    letter-spacing: -0.4px;
+    position: relative;
+    color: #0b63d0;
+}
+
+article.page__tit__info .page__des {
+    font-size: 21px;
+    /* letter-spacing: -0.23px; */
+    color: #666666;
+    word-break: keep-all;
+    /* padding: 10px */
+    margin: 0 5px;
+
+}
+
+article.page__tit__info .page__des p {
+    padding: 0.5rem 0 1rem;
+}
+
+article.page__tit__info .page__des h1 {
+    padding-bottom: 30px;
+    text-align: left;
+    font-size: 45px;
+    color: #383838;
+}
+
+article.page__tit__info .page__des h2 {
+    color: #383838;
+    margin: 20px 0 15px;
+}
+
+article.page__tit__info .page__des li {
+    color: #0b63d0;
+}
+
+article.page__tit__info .page__des .mission {
+    float: left;
+    padding: 0 25px 20px 0;
+    width: 28%;
+}
+
+article.page__tit__info .page__des .vision {
+    display: inline;
+    padding: 0 20px 20px 0;
+    width: 50%;
+}
+
+article.page__tit__info .page__des h3 {
+    padding-top: 30px;
+    font-weight: bold;
+
+}
+
+article.page__tit__info .page__des .st {
+    font-family: 'Bahnschrift';
+}
+
+article.page__tit__info .page__des #img1 {
+    float: right;
+    padding-left: 40px;
+    /* max-width: 100%;
+    height: auto; */
+}
+
+.vol_sch_box {
+    display: flex;
+    justify-content: center;
+    /* align-items: center; */
+    text-align: center;
+}
+
+.vol_sch_box .vol_txt {
+    text-align: left;
+   /* word-break: break-all; */
+}
+
+.vol_sch_box .sch_txt {
+    text-align: left;
+   /* word-break: break-all; */
+
+}
+
+.vol_box {
+    display: inline-block;
+    width: 50%;
+    padding-right: 5px;
+
+    text-align: center;
+    display: table;
+
+}
+
+.sch_box {
+    display: inline-block;
+    width: 50%;
+    padding-left: 5px;
+
+}
+
+.vol_box_img {
+    /* padding-top: 10px;
+    padding-bottom: 20px;
+    max-width: 100%;
+    height: auto; */
+
+    width: 256px;
+    height: 197px;
+    overflow: hidden;
+    margin: 0 auto;
+
+    /* display: table-cell;
+    vertical-align: middle; */
+}
+
+.vol_box_img img {
+    width: 100%;
+    height: 100%;
+    object-fit: scale-down;
+
+}
+
+.sch_box_img {
+    /* padding-bottom: 10px;
+    max-width: 100%;
+    height: auto; */
+    width: 256px;
+    height: 197px;
+    overflow: hidden;
+    margin: 0 auto;
+}
+
+.sch_box_img img {
+    width: 100%;
+    height: 100%;
+    object-fit: scale-down;
+}
+
+.vision_img {
+    padding-bottom: 15px;
+    max-width: 100%;
+    height: auto;
+
+}
+
+.page__des .swiper-container {
+    padding-top: 20px;
+    max-width: 1600px;
+    position: relative;
+
+}
+
+.page__des .swiper-container {
+    max-width: 1300px;
+    position: relative;
+
+}
+
+.page__des .swiper-container .swiper-wrapper .swiper-slide a {
+    display: block;
+    position: relative;
+    width: 100%;
+}
+
+.page__des .swiper-container .swiper-wrapper .swiper-slide a:hover .hover-box {
+    display: block;
+}
+
+.page__des .swiper-container .swiper-wrapper .swiper-slide a .img-box {
+    position: relative;
+}
+
+.page__des .swiper-container .swiper-wrapper .swiper-slide .img-box img {
+    width: 100%;
+}
+
+.page__des .swiper-container .swiper-wrapper .swiper-slide a .hover-box {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(255, 255, 255, 0.4);
+}
+
+.page__des .swiper-container .swiper-wrapper .swiper-slide a .hover-box .hover-txt-box {
+    position: absolute;
+    top: 45%;
+    transform: translateY(-50%);
+    width: 100%;
+    font-size: 40px;
+    font-weight: 400;
+    text-align: center;
+    color: #fff;
+    line-height: 48px;
+}
+
+.page__des .swiper-container .swiper-wrapper .swiper-slide a .txt-box {
+    color: #414042;
+    padding: 0 10px;
+    font-size: 18px;
+    line-height: 24px;
+    margin-top: -20px;
+
+}
+
+.page__des .swiper-control {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 45%;
+    transform: translateY(-50%);
+    z-index: 10;
+}
+
+.page__des .swiper-control a {
+    width: 24px;
+    height: 48px;
+    display: inline-block;
+    vertical-align: middle;
+    outline: none;
+}
+
+.page__des .pz {
+    position: relative;
+}
+
+.page__des .swiper-control a.prev-btn2 {
+    position: absolute;
+    left: -25px;
+    top: 10px;
+    background: url("../images/ic_swiper_prev.png") no-repeat center/cover;
+}
+
+.page__des .swiper-control a.next-btn2 {
+    background: url("../images/ic_swiper_next.png") no-repeat center/cover;
+    position: absolute;
+    right: -25px;
+    top: 10px;
+}
+
+div.refRoomTable table th {
+    background-color: #00a8ff;
+    padding: 12px 10px;
+    color: white;
+}
+
+div.refRoomTable table tbody tr td {
+    padding: 13px 10px;
+    text-align: center;
+
+}
+
+div.refRoomTable table tbody tr {
+    border-top: 1px solid #eeeeee;
+    border-bottom: 1px solid #eeeeee;
+}
+
+div.refRoomTable table tbody tr:first-child {
+    /* padding: 13px 150px; */
+    border-top: 1px solid #cccccc;
+}
+
+div.refRoomTable table tbody tr:last-child {
+    /* padding: 13px 50px; */
+    border-bottom: 1px solid #cccccc;
+}
+
+/* ============================== */
+
+div.refRoomDoc table tbody tr td {
+    text-align: center;
+    padding: 13px 10px;
+
+    table-layout: fixed;
+}
+
+div.refRoomDoc table th {
+    background-color: #00a8ff;
+    padding: 12px 20px;
+    color: white;
+    white-space: nowrap;
+}
+
+div.refRoomDoc table tbody tr {
+    border-top: 1px solid #ddd;
+    border-bottom: 1px solid #ddd;
+}
+
+div.refRoomDoc table tbody tr td:nth-child(2) {
+    text-align: left;
+    white-space: nowrap;
+
+}
+
+div.refRoomDoc table tbody tr:nth-child(3) td {
+    text-align: left;
+    padding: 30px;
+    line-height: 28px;
+}
+
+.pbox_wrap {
+    display: flex;
+    font-size: 15px;
+}
+
+.pbox {
+    text-align: left;
+    overflow: hidden;
+    padding: 20px;
+}
+
+.pbox img {
+    max-width: 100%;
+    height: 292px;
+    object-fit: cover;
+    overflow: hidden;
+}
+
+/* Useful Classes */
+.xy-center {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+
+.transition {
+    transition: all 350ms ease-in-out;
+}
+
+.r-3-2 {
+    width: 100%;
+    padding-bottom: 66.667%;
+    background-color: #ddd;
+}
+
+.image-holder {
+    background-size: cover;
+    background-position: center center;
+    background-repeat: no-repeat;
+}
+
+/* Main Styles */
+.gallery-wrapper {
+    position: relative;
+    overflow: hidden;
+}
+
+.gallery {
+    position: relative;
+    white-space: nowrap;
+    font-size: 0;
+}
+
+.item-wrapper {
+    cursor: pointer;
+    width: 23%;
+    /* arbitrary value */
+    display: inline-block;
+    background-color: white;
+}
+
+.gallery-item {
+    opacity: 0.5;
+}
+.gallery-item.active {
+    opacity: 1;
+}
+
+.controls {
+    font-size: 0;
+    border-top: none;
+}
+.move-btn {
+    display: inline-block;
+    width: 50%;
+    border: none;
+    color: #ccc;
+    background-color: transparent;
+    padding: 0.2em 1.5em;
+}
+.move-btn:first-child {
+    border-right: none;
+}
+.move-btn.left {
+    font-size: 40px;
+    cursor: w-resize;
+}
+.move-btn.right {
+    font-size: 40px;
+    cursor: e-resize;
+}
+
+.oz_intro {
+    }
+
+.out_box {
+    display: flex;
+    max-width: 100%;
+    /* width:100%; */
+    /* font-size: 15px; */
+    /* flex-wrap: wrap; */
+}
+
+.box_line {
+    /* max-width: 100%; */
+    /* height: 1235px; */
+    width: 50%;
+    padding-left: 40px;
+    /* padding-left: 26px;
+    padding-bottom: 46px; */
+    object-fit: contain;
+    /* mix-blend-mode: multiply; */
+    border: solid 20px #00a8ff;
+    /* background-color: #00a8ff; */
+    display: inline-block;
+
+}
+
+.box_line img {
+    padding-top: 20px;
+    padding-bottom: 20px;
+
+}
+
+.gp {
+    margin: 0 40px 25px 0;
+    width: 100%;
+    height: auto;
+    margin-bottom: 60px;
+
+}
+
+.gp > img {
+    max-width: 100%;
+    height: auto;
+}
+
+.b_txt {
+    max-width: 100%;
+    height: auto;
+    color: #333333;
+    word-break: keep-all;
+    padding-bottom: 60px;
+
+}
+
+.box_line.one {
+    border-right: none;
+    padding: 0 20px;
+
+}
+
+.box_line.two {
+    border-left: none;
+    background-image: linear-gradient(to bottom, #00a8ff 10%, rgba(255, 255, 255, 0) 0%);
+    background-position: left;
+    background-size: 3px 15px;
+
+    background-repeat: repeat-y;
+
+}
+
+.page__des.concytec img {
+    padding-top: 94px;
+}
+
+.out_box_wrap {
+    padding: 20px 0;
+    /* margin:0 auto; */
+    /* text-align: center; */
+}
+
+.in_box_wrap {
+    display: flex;
+    flex-direction: row;
+    text-align: center;
+    align-items: center;
+    width: 100%;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
+.box_wrap {
+    display: inline-block;
+    width: 32%;
+    height: 580px;
+    /* padding-top: 40%; */
+    border: 1px solid#dadada;
+    box-sizing: border-box;
+    margin: 5px;
+    position: relative;
+    word-break: keep-all;
+}
+
+.box_wrap img {
+    max-width: 100%;
+    height: auto;
+}
+
+.box_wrap .el {
+    box-sizing: border-box;
+    max-width: 100%;
+}
+
+.box_wrap .el.n2 {
+    position: absolute;
+    top: 40%;
+    padding: 0 10px;
+}
+
+.box_wrap .el.n3 {
+    position: absolute;
+    top: 85%;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.a3 .n1 {
+    position: absolute;
+    width: 100%;
+    top: 5%;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.a4 .n1 {
+    position: absolute;
+    width: 100%;
+    top: 5%;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.a5 .n1 {
+    position: absolute;
+    width: 100%;
+    top: 10%;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.a6 .n1 {
+    position: absolute;
+    width: 100%;
+    top: 7%;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.a7 .n1 {
+    position: absolute;
+    width: 100%;
+    top: 4%;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.a8 .n1 {
+    position: absolute;
+    width: 100%;
+    top: 5%;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.page__des.ucsm {
+    position: relative;
+    /* text-align: center; */
+}
+
+.page__des.ucsm .ucsm_img1 > img {
+    float: right;
+    padding: 0 0 30px 30px;
+}
+
+.ucsm_chart img {
+    max-width: 100%;
+}
+
+/* dot new -> */
+.dot_wrap {
+    padding-left: 15px;
+    /* list-style-position: outside; */
+}
+
+.dot_wrap li {
+
+    list-style-type: disc;
+    color: #0b63d0;
+}
+
+.dot_wrap span {
+    position: relative;
+    left: -5px;
+
+}
+
+.dot_wrap li span > p {
+    color: #666666;
+    padding: 0 !important;
+}
+
+.dot_wrap li > p {
+    color: #666666;
+}
+
+.dot_wrap li span > strong {
+    color: #666666;
+
+}
+
+/* <- */
+
+/* dot old -> */
+
+.ourgoals {
+    display: flex;
+    align-items: center;
+
+}
+
+.ourgoals .goals_img {
+    display: inline-block;
+    flex: 1;
+}
+
+.ourgoals .goals_txt_box {
+    display: inline-block;
+    flex: 2;
+}
+
+.goals_txt_wrap {
+    display: flex;
+}
+
+.dot_box {
+    display: inline-block;
+}
+
+.dot {
+    display: inline-block;
+    width: 8px;
+    height: 8px;
+    background-color: #0b63d0;
+    border-radius: 70%;
+    transform: translateY(-50%);
+    margin-right: 10px;
+    margin-left: 10px;
+
+}
+
+.dot_txt {
+    display: inline-block;
+    color: #666666;
+
+}
+
+/* .dot_txt li {
+    display: inline-block;
+} */
+
+.dot_txt p {
+    display: inline-block;
+    padding-top: 0 !important;
+}
+
+/* <- */
+
+.inha_txt_img {
+    float: right;
+    padding: 0 0 25px 25px;
+}
+
+.list_college {
+    padding-left: 25px;
+}
+
+.list_college li {
+    list-style: disc;
+}
+
+.report {
+    display: flex;
+    align-items: center;
+    background-color: #f0f0f0;
+    line-height: 30px;
+    border-radius: 25px;
+    max-width: 100%;
+}
+
+.report .lf {
+    flex: 1;
+    background: url("../images/dot_img.png") right no-repeat;
+    padding-left: 10px;
+
+}
+
+.report .rh {
+    flex: 1;
+    padding-left: 10px;
+
+}
+
+.report p {
+    display: inline-block;
+    padding: 20px 0 !important;
+}
+
+.ar {
+    /* margin-left: 10px; */
+}
+
+.strategy {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.stg_box {
+    display: inline-block;
+    width: 305px;
+    height: 110px;
+    border-radius: 25px;
+    background: #e4f2fc;
+    position: relative;
+    margin: 5px;
+}
+
+.stg_box p {
+    padding-left: 20px !important;
+    display: inline-block;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+.step_in_box {
+    display: flex;
+    flex-wrap: wrap;
+    /* justify-items: center; */
+    /* align-items: center; */
+    /* text-align: center; */
+}
+
+.step_in_box .step {
+    display: inline-block;
+    margin: 2px;
+}
+
+.core_pro {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.core_box {
+    flex: 1;
+}
+
+.sub_gccei img {
+    float: right;
+    padding: 0 0 25px 25px;
+}
+
+.gccei_vision_mission {
+    max-width: 55%;
+    height: auto;
+}
+
+.gccei_vision_mission img {
+    max-width: 100%;
+}
+
+.gccei_techno_valley {
+    display: flex;
+    flex-wrap:wrap;
+}
+
+.gccei_box {
+    /* flex:1; */
+    padding: 10px;
+
+}
+
+.gccei_techno_valley img {
+    
+    object-fit: cover;
+    max-width: 410px;
+    height: auto;
+}
+
+.gccei_leadership {
+    display: flex;
+    flex-wrap:wrap;
+}
+
+.leadership_box {
+    /* flex:1; */
+    padding: 10px;
+
+}
+
+.gccei_leadership img {
+    
+    object-fit: cover;
+    max-width: 300px;
+    height: auto;
+}
+
+
+.n15_txt_img {
+    float: right;
+    padding: 0 0 25px 25px;
+}
+
+.achievements {
+    display: flex;
+    text-align: center;
+    flex-wrap: wrap;
+}
+
+.achievements p {
+    padding: 10px;
+}
+
+.n15_acc {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.n15_acc div {
+    margin: 10px;
+}
+
+.n15_acc img {
+    max-width: 300px;
+    height: auto;
+}
+
+.open_inno {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.open_inno div {
+    padding: 10px;
+}
+
+.open_inno img {
+    max-width: 300px;
+    height: auto;
+}
+
+.n15_company_img img {
+    max-width: 98%;
+    height: auto;
+}
+
+.staff img {
+    margin: 10px;
+}
+
+.directors_box1 {
+    display: inline-block;
+    width: 325px;
+    height: 100px;
+    background: #05a7f3;
+    position: relative;
+    text-align: center;
+    margin: 10px;
+}
+
+.directors_box1 p {
+    padding-top: 15px;
+}
+
+.directors_box2 {
+    width: 325px;
+    height: 50px;
+    background: #333333;
+    position: absolute;
+    top: 50px;
+    left: 0;
+    z-index: 10;
+    color: #fff;
+}
+
+.page__des.ucsp .ucsp_img1 img {
+    float: right;
+    padding: 0 0 25px 25px;
+}
+
+.page__des.unalm .unalm_img1 img {
+    float: right;
+    padding: 0 0 25px 25px;
+}
+
+.Manager_box1 {
+    /* display: inline-block; */
+    width: 325px;
+    height: 100px;
+    background: #05a7f3;
+    position: relative;
+    text-align: center;
+    margin: 20px 30px 20px 10px;
+}
+
+/* .Manager_box1 p {
+    padding-top: 15px;
+} */
+
+.Manager_box2 {
+    width: 325px;
+    height: 50px;
+    background: #333333;
+    position: absolute;
+    top: 50px;
+    left: 0;
+    z-index: 10;
+    color: #fff;
+}
+
+.unalm_office {
+    display: flex;
+}
+
+.unalm_2 {
+    background: #e4f2fc;
+    padding: 15px 30px;
+}
+
+.unalm_2 li {
+    list-style: disc;
+    color: #666666;
+}
+
+.moto {
+    color: #0b63d0;
+}
+
+.uni_1 {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.uni_office .codi_box {
+    display: inline-block;
+    background: #05a7f3;
+    width: 610px;
+    height: 120px;
+    margin: 10px;
+    color: #fff;
+    position: relative;
+}
+
+.uni_office .codi_box p {
+    padding-top: 0 !important;
+}
+
+.uni_office .in_codi_box {
+    background: #333333;
+    color: #fff;
+    top: 70px;
+    height: 50px;
+    width: 100%;
+    position: absolute;
+}
+
+.uni_office p {
+    position: absolute;
+    top: 10px;
+    text-align: left;
+    left: 20px;
+}
+
+.uni_office span {
+    position: absolute;
+    top: 10px;
+    text-align: right;
+    right: 20px;
+}
+
+.clave {
+    display: flex;
+}
+.clave_box {
+    flex: 1;
+}
+
+.unmsm_codi {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+
+}
+
+.unmsm_codi_box {
+    /* flex-shrink: 0; */
+    background: #e4f2fc;
+    margin: 5px;
+    position: relative;
+    color: #333333;
+    width: 310px;
+    height: 313px;
+    display: flex;
+    justify-content: center;
+    box-sizing: border-box;
+
+}
+
+.unmsm_codi_box p {
+    padding: 30px 5px;
+
+}
+
+.unmsm_codi_box2 {
+    /* flex:1; */
+    position: absolute;
+    width: 100%;
+    height: 60px;
+    background: #07b4ee;
+    color: #fff;
+    bottom: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.unsa_img1 {
+    float: right;
+    padding: 0 0 25px 25px;
+}
+
+.unsa_codi {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+
+}
+
+.unsa_codi_box {
+    /* flex: 1 ; */
+    background: #e4f2fc;
+    margin: 10px;
+    position: relative;
+    color: #333333;
+    width: 620px;
+    /* max-width: 100%; */
+    height: 150px;
+    display: flex;
+    box-sizing: border-box;
+
+}
+
+.unsa_codi_box p {
+    padding: 10px 20px !important;
+
+}
+
+.unsa_codi_box2 p {
+    padding: 15px 20px !important;
+
+}
+
+.unsa_codi_box span {
+    position: absolute;
+    right: 20px;
+}
+
+.unsa_codi_box2 {
+    /* flex:1; */
+    position: absolute;
+    width: 100%;
+    height: 90px;
+    background: #05a7f3;
+    color: #fff;
+    bottom: 0;
+    display: flex;
+    /* align-items: center; */
+
+}
+
+.unsa_codi_box3 {
+    position: absolute;
+    width: 100%;
+    height: 46px;
+    background: #555555;
+    color: #fff;
+    bottom: 0;
+    display: flex;
+    align-items: center;
+}
+
+.unt_img_group {
+    display: flex;
+
+}
+
+.unt_box {
+    flex: 1;
+    margin: 10px;
+
+}
+
+.unt_img_group_3 {
+    margin: 10px;
+}
+
+.unt_txt_img img {
+    max-width: 100%;
+    height: auto;
+}
+
+.udep_codi {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    /* text-align: center; */
+
+}
+
+.udep_codi_box {
+    background: #e4f2fc;
+    margin: 10px;
+    position: relative;
+    color: #333333;
+    width: 300px;
+    height: 448px;
+    display: flex;
+    box-sizing: border-box;
+    overflow: hidden;
+    font-size: 18px;
+    /* flex:1; */
+}
+
+.udep_codi_box img {
+    width: 100%;
+    height: 307px;
+    object-fit: cover;
+}
+
+.udep_codi_box p {
+    padding: 10px 20px !important;
+
+}
+
+.udep_codi_box2 p {
+    padding: 5px 20px;
+
+}
+
+.udep_codi_box span {
+    position: absolute;
+    right: 20px;
+}
+
+.udep_codi_box2 {
+    /* flex:1; */
+    position: absolute;
+    width: 100%;
+    height: 103px;
+    background: #05a7f3;
+    color: #fff;
+    bottom: 64px;
+    display: flex;
+    /* align-items: center; */
+
+}
+
+.udep_codi_box3 {
+    position: absolute;
+    width: 100%;
+    height: 46px;
+    background: #555555;
+    color: #fff;
+    bottom: 0;
+    display: flex;
+    align-items: center;
+}
+
+.udep_codi_box4 {
+    position: absolute;
+    width: 100%;
+    height: 64px;
+    background: #fff;
+    color: #666666;
+    bottom: 0;
+    display: flex;
+    align-items: center;
+
+}
+
+.unheval_txt_img2 {
+    float: left;
+    padding: 0 25px 5px 0;
+}
+
+.page__des.business .n1 {
+    color: #0fadff;
+}
+
+.page__des.business .par1 {
+    display: flex;
+}
+
+.page__des.business .par1 .chil1 {
+    flex: 1;
+    white-space: nowrap;
+}
+
+.page__des.business .par1 .chil2 {
+    /* flex:1; */
+    padding-left: 20px;
+}
+
+.page__des.business .par2 {
+    display: flex;
+    align-items: center;
+    /* flex-wrap: wrap; */
+    /* white-space: nowrap; */
+
+}
+
+.page__des.business .par2 .chil1 {
+    padding: 10px;
+    flex: 2;
+    /* font-size: 1.1vw; */
+}
+
+.page__des.business .par2 .chil2 {
+    flex: 4;
+    /* overflow: hidden; */
+    padding: 10px;
+    /* width: 50%; */
+    max-width: 100%;
+
+}
+.page__des.business .par2 .chil2 img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.page__des.business .par3 {
+    display: flex;
+    flex-wrap: wrap;
+
+}
+
+.page__des.business .par3 .chil1 {
+    padding: 10px;
+}
+.page__des.business .par3 .chil2 {
+    padding: 10px;
+
+}
+
+.page__des.business .par3 .chil3 {
+    padding: 10px;
+
+}
+
+.page__des.business img {
+    object-fit: cover;
+    width: 100%;
+}
+
+.page__des.business .ict_innovacion_txt_img {
+    text-align: center;
+}
+
+.page__des.business .ict_innovacion_txt_img img {
+    width: auto;
+}
diff --git a/www/css/swiper.css b/www/css/swiper.css
new file mode 100644
index 0000000..d17fde0
--- /dev/null
+++ b/www/css/swiper.css
@@ -0,0 +1,619 @@
+/**
+ * Swiper 4.5.1
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * http://www.idangero.us/swiper/
+ *
+ * Copyright 2014-2019 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: September 13, 2019
+ */
+.swiper-container {
+  margin-left: auto;
+  margin-right: auto;
+  position: relative;
+  overflow: hidden;
+  list-style: none;
+  padding: 0;
+  /* Fix of Webkit flickering */
+  z-index: 1;
+}
+.swiper-container-no-flexbox .swiper-slide {
+  float: left;
+}
+.swiper-container-vertical > .swiper-wrapper {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+.swiper-wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-transition-property: -webkit-transform;
+  transition-property: -webkit-transform;
+  -o-transition-property: transform;
+  transition-property: transform;
+  transition-property: transform, -webkit-transform;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.swiper-container-android .swiper-slide,
+.swiper-wrapper {
+  -webkit-transform: translate3d(0px, 0, 0);
+  transform: translate3d(0px, 0, 0);
+}
+.swiper-container-multirow > .swiper-wrapper {
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+.swiper-container-free-mode > .swiper-wrapper {
+  -webkit-transition-timing-function: ease-out;
+  -o-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+  margin: 0 auto;
+}
+.swiper-slide {
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  -webkit-transition-property: -webkit-transform;
+  transition-property: -webkit-transform;
+  -o-transition-property: transform;
+  transition-property: transform;
+  transition-property: transform, -webkit-transform;
+}
+.swiper-slide-invisible-blank {
+  visibility: hidden;
+}
+/* Auto Height */
+.swiper-container-autoheight,
+.swiper-container-autoheight .swiper-slide {
+  height: auto;
+}
+.swiper-container-autoheight .swiper-wrapper {
+  -webkit-box-align: start;
+  -webkit-align-items: flex-start;
+  -ms-flex-align: start;
+  align-items: flex-start;
+  -webkit-transition-property: height, -webkit-transform;
+  transition-property: height, -webkit-transform;
+  -o-transition-property: transform, height;
+  transition-property: transform, height;
+  transition-property: transform, height, -webkit-transform;
+}
+/* 3D Effects */
+.swiper-container-3d {
+  -webkit-perspective: 1200px;
+  perspective: 1200px;
+}
+.swiper-container-3d .swiper-wrapper,
+.swiper-container-3d .swiper-slide,
+.swiper-container-3d .swiper-slide-shadow-left,
+.swiper-container-3d .swiper-slide-shadow-right,
+.swiper-container-3d .swiper-slide-shadow-top,
+.swiper-container-3d .swiper-slide-shadow-bottom,
+.swiper-container-3d .swiper-cube-shadow {
+  -webkit-transform-style: preserve-3d;
+  transform-style: preserve-3d;
+}
+.swiper-container-3d .swiper-slide-shadow-left,
+.swiper-container-3d .swiper-slide-shadow-right,
+.swiper-container-3d .swiper-slide-shadow-top,
+.swiper-container-3d .swiper-slide-shadow-bottom {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 10;
+}
+.swiper-container-3d .swiper-slide-shadow-left {
+  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
+  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+.swiper-container-3d .swiper-slide-shadow-right {
+  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
+  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+.swiper-container-3d .swiper-slide-shadow-top {
+  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
+  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+.swiper-container-3d .swiper-slide-shadow-bottom {
+  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
+  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+/* IE10 Windows Phone 8 Fixes */
+.swiper-container-wp8-horizontal,
+.swiper-container-wp8-horizontal > .swiper-wrapper {
+  -ms-touch-action: pan-y;
+  touch-action: pan-y;
+}
+.swiper-container-wp8-vertical,
+.swiper-container-wp8-vertical > .swiper-wrapper {
+  -ms-touch-action: pan-x;
+  touch-action: pan-x;
+}
+.swiper-button-prev,
+.swiper-button-next {
+  position: absolute;
+  top: 50%;
+  width: 27px;
+  height: 44px;
+  margin-top: -22px;
+  z-index: 10;
+  cursor: pointer;
+  background-size: 27px 44px;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+.swiper-button-prev.swiper-button-disabled,
+.swiper-button-next.swiper-button-disabled {
+  opacity: 0.35;
+  cursor: auto;
+  pointer-events: none;
+}
+.swiper-button-prev,
+.swiper-container-rtl .swiper-button-next {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
+  left: 10px;
+  right: auto;
+}
+.swiper-button-next,
+.swiper-container-rtl .swiper-button-prev {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
+  right: 10px;
+  left: auto;
+}
+.swiper-button-prev.swiper-button-white,
+.swiper-container-rtl .swiper-button-next.swiper-button-white {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
+}
+.swiper-button-next.swiper-button-white,
+.swiper-container-rtl .swiper-button-prev.swiper-button-white {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
+}
+.swiper-button-prev.swiper-button-black,
+.swiper-container-rtl .swiper-button-next.swiper-button-black {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
+}
+.swiper-button-next.swiper-button-black,
+.swiper-container-rtl .swiper-button-prev.swiper-button-black {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
+}
+.swiper-button-lock {
+  display: none;
+}
+.swiper-pagination {
+  position: absolute;
+  text-align: center;
+  -webkit-transition: 300ms opacity;
+  -o-transition: 300ms opacity;
+  transition: 300ms opacity;
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+  z-index: 10;
+}
+.swiper-pagination.swiper-pagination-hidden {
+  opacity: 0;
+}
+/* Common Styles */
+.swiper-pagination-fraction,
+.swiper-pagination-custom,
+.swiper-container-horizontal > .swiper-pagination-bullets {
+  bottom: 10px;
+  left: 0;
+  width: 100%;
+}
+/* Bullets */
+.swiper-pagination-bullets-dynamic {
+  overflow: hidden;
+  font-size: 0;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  -webkit-transform: scale(0.33);
+  -ms-transform: scale(0.33);
+  transform: scale(0.33);
+  position: relative;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
+  -webkit-transform: scale(1);
+  -ms-transform: scale(1);
+  transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
+  -webkit-transform: scale(1);
+  -ms-transform: scale(1);
+  transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
+  -webkit-transform: scale(0.66);
+  -ms-transform: scale(0.66);
+  transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
+  -webkit-transform: scale(0.33);
+  -ms-transform: scale(0.33);
+  transform: scale(0.33);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
+  -webkit-transform: scale(0.66);
+  -ms-transform: scale(0.66);
+  transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
+  -webkit-transform: scale(0.33);
+  -ms-transform: scale(0.33);
+  transform: scale(0.33);
+}
+.swiper-pagination-bullet {
+  width: 8px;
+  height: 8px;
+  display: inline-block;
+  border-radius: 100%;
+  background: #000;
+  opacity: 0.2;
+}
+button.swiper-pagination-bullet {
+  border: none;
+  margin: 0;
+  padding: 0;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+.swiper-pagination-clickable .swiper-pagination-bullet {
+  cursor: pointer;
+}
+.swiper-pagination-bullet-active {
+  opacity: 1;
+  background: #007aff;
+}
+.swiper-container-vertical > .swiper-pagination-bullets {
+  right: 10px;
+  top: 50%;
+  -webkit-transform: translate3d(0px, -50%, 0);
+  transform: translate3d(0px, -50%, 0);
+}
+.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
+  margin: 6px 0;
+  display: block;
+}
+.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  width: 8px;
+}
+.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  display: inline-block;
+  -webkit-transition: 200ms top, 200ms -webkit-transform;
+  transition: 200ms top, 200ms -webkit-transform;
+  -o-transition: 200ms transform, 200ms top;
+  transition: 200ms transform, 200ms top;
+  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
+}
+.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
+  margin: 0 4px;
+}
+.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+  white-space: nowrap;
+}
+.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  -webkit-transition: 200ms left, 200ms -webkit-transform;
+  transition: 200ms left, 200ms -webkit-transform;
+  -o-transition: 200ms transform, 200ms left;
+  transition: 200ms transform, 200ms left;
+  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
+}
+.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  -webkit-transition: 200ms right, 200ms -webkit-transform;
+  transition: 200ms right, 200ms -webkit-transform;
+  -o-transition: 200ms transform, 200ms right;
+  transition: 200ms transform, 200ms right;
+  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
+}
+/* Progress */
+.swiper-pagination-progressbar {
+  background: rgba(0, 0, 0, 0.25);
+  position: absolute;
+}
+.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+  background: #007aff;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  -webkit-transform: scale(0);
+  -ms-transform: scale(0);
+  transform: scale(0);
+  -webkit-transform-origin: left top;
+  -ms-transform-origin: left top;
+  transform-origin: left top;
+}
+.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+  -webkit-transform-origin: right top;
+  -ms-transform-origin: right top;
+  transform-origin: right top;
+}
+.swiper-container-horizontal > .swiper-pagination-progressbar,
+.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
+  width: 100%;
+  height: 4px;
+  left: 0;
+  top: 0;
+}
+.swiper-container-vertical > .swiper-pagination-progressbar,
+.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
+  width: 4px;
+  height: 100%;
+  left: 0;
+  top: 0;
+}
+.swiper-pagination-white .swiper-pagination-bullet-active {
+  background: #ffffff;
+}
+.swiper-pagination-progressbar.swiper-pagination-white {
+  background: rgba(255, 255, 255, 0.25);
+}
+.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
+  background: #ffffff;
+}
+.swiper-pagination-black .swiper-pagination-bullet-active {
+  background: #000000;
+}
+.swiper-pagination-progressbar.swiper-pagination-black {
+  background: rgba(0, 0, 0, 0.25);
+}
+.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
+  background: #000000;
+}
+.swiper-pagination-lock {
+  display: none;
+}
+/* Scrollbar */
+.swiper-scrollbar {
+  border-radius: 10px;
+  position: relative;
+  -ms-touch-action: none;
+  background: rgba(0, 0, 0, 0.1);
+}
+.swiper-container-horizontal > .swiper-scrollbar {
+  position: absolute;
+  left: 1%;
+  bottom: 3px;
+  z-index: 50;
+  height: 5px;
+  width: 98%;
+}
+.swiper-container-vertical > .swiper-scrollbar {
+  position: absolute;
+  right: 3px;
+  top: 1%;
+  z-index: 50;
+  width: 5px;
+  height: 98%;
+}
+.swiper-scrollbar-drag {
+  height: 100%;
+  width: 100%;
+  position: relative;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 10px;
+  left: 0;
+  top: 0;
+}
+.swiper-scrollbar-cursor-drag {
+  cursor: move;
+}
+.swiper-scrollbar-lock {
+  display: none;
+}
+.swiper-zoom-container {
+  width: 100%;
+  height: 100%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  text-align: center;
+}
+.swiper-zoom-container > img,
+.swiper-zoom-container > svg,
+.swiper-zoom-container > canvas {
+  max-width: 100%;
+  max-height: 100%;
+  -o-object-fit: contain;
+  object-fit: contain;
+}
+.swiper-slide-zoomed {
+  cursor: move;
+}
+/* Preloader */
+.swiper-lazy-preloader {
+  width: 42px;
+  height: 42px;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  margin-left: -21px;
+  margin-top: -21px;
+  z-index: 10;
+  -webkit-transform-origin: 50%;
+  -ms-transform-origin: 50%;
+  transform-origin: 50%;
+  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
+  animation: swiper-preloader-spin 1s steps(12, end) infinite;
+}
+.swiper-lazy-preloader:after {
+  display: block;
+  content: '';
+  width: 100%;
+  height: 100%;
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+  background-position: 50%;
+  background-size: 100%;
+  background-repeat: no-repeat;
+}
+.swiper-lazy-preloader-white:after {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+@-webkit-keyframes swiper-preloader-spin {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@keyframes swiper-preloader-spin {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+/* a11y */
+.swiper-container .swiper-notification {
+  position: absolute;
+  left: 0;
+  top: 0;
+  pointer-events: none;
+  opacity: 0;
+  z-index: -1000;
+}
+.swiper-container-fade.swiper-container-free-mode .swiper-slide {
+  -webkit-transition-timing-function: ease-out;
+  -o-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.swiper-container-fade .swiper-slide {
+  pointer-events: none;
+  -webkit-transition-property: opacity;
+  -o-transition-property: opacity;
+  transition-property: opacity;
+}
+.swiper-container-fade .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-container-fade .swiper-slide-active,
+.swiper-container-fade .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-container-cube {
+  overflow: visible;
+}
+.swiper-container-cube .swiper-slide {
+  pointer-events: none;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  z-index: 1;
+  visibility: hidden;
+  -webkit-transform-origin: 0 0;
+  -ms-transform-origin: 0 0;
+  transform-origin: 0 0;
+  width: 100%;
+  height: 100%;
+}
+.swiper-container-cube .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-container-cube.swiper-container-rtl .swiper-slide {
+  -webkit-transform-origin: 100% 0;
+  -ms-transform-origin: 100% 0;
+  transform-origin: 100% 0;
+}
+.swiper-container-cube .swiper-slide-active,
+.swiper-container-cube .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-container-cube .swiper-slide-active,
+.swiper-container-cube .swiper-slide-next,
+.swiper-container-cube .swiper-slide-prev,
+.swiper-container-cube .swiper-slide-next + .swiper-slide {
+  pointer-events: auto;
+  visibility: visible;
+}
+.swiper-container-cube .swiper-slide-shadow-top,
+.swiper-container-cube .swiper-slide-shadow-bottom,
+.swiper-container-cube .swiper-slide-shadow-left,
+.swiper-container-cube .swiper-slide-shadow-right {
+  z-index: 0;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+.swiper-container-cube .swiper-cube-shadow {
+  position: absolute;
+  left: 0;
+  bottom: 0px;
+  width: 100%;
+  height: 100%;
+  background: #000;
+  opacity: 0.6;
+  -webkit-filter: blur(50px);
+  filter: blur(50px);
+  z-index: 0;
+}
+.swiper-container-flip {
+  overflow: visible;
+}
+.swiper-container-flip .swiper-slide {
+  pointer-events: none;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  z-index: 1;
+}
+.swiper-container-flip .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-container-flip .swiper-slide-active,
+.swiper-container-flip .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-container-flip .swiper-slide-shadow-top,
+.swiper-container-flip .swiper-slide-shadow-bottom,
+.swiper-container-flip .swiper-slide-shadow-left,
+.swiper-container-flip .swiper-slide-shadow-right {
+  z-index: 0;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+.swiper-container-coverflow .swiper-wrapper {
+  /* Windows 8 IE 10 fix */
+  -ms-perspective: 1200px;
+}
diff --git a/www/css/ui.css b/www/css/ui.css
new file mode 100644
index 0000000..66bfb24
--- /dev/null
+++ b/www/css/ui.css
@@ -0,0 +1,580 @@
+@charset "UTF-8";
+.relative {
+    position: relative;
+}
+
+.mobile {
+    display: none;
+}
+
+.ic {
+    display: inline-block;
+    vertical-align: middle;
+}
+
+.sectionLine {
+    height: 10px;
+    width: 100%;
+    background-color: #ededed;
+}
+
+label {
+    display: inline-block;
+    vertical-align: middle;
+    line-height: 1;
+}
+
+.clearfix:after {
+    content: '';
+    clear: both;
+    display: block;
+}
+
+.ml5 {
+    margin-left: 5px;
+}
+
+.ml10 {
+    margin-left: 10px;
+}
+
+.mt10 {
+    margin-top: 10px;
+}
+
+.mt30 {
+    margin-top: 20px;
+}
+
+.mt40 {
+    margin-top: 40px;
+}
+
+.pt10 {
+    padding-top: 10px;
+}
+
+.pt40 {
+    padding-top: 40px;
+}
+
+.ic {
+    display: inline-block;
+    vertical-align: middle;
+    font-size: 0;
+}
+
+/* .overlay:before {
+    content: "";
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    display: block;
+    background: rgba(0, 0, 0, 0.3);
+    position: fixed;
+    z-index: 500;
+}
+
+.overlay2:before {
+    content: "";
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    display: block;
+    background: rgba(0, 0, 0, 0.75);
+    position: fixed;
+    z-index: 550;
+} */
+
+/** 검색어 하이라이트 **/
+.f_red {
+    color: #ff3333;
+}
+
+.btn {
+    display: inline-block;
+    vertical-align: middle;
+    border-radius: 5px;
+}
+.btn.big {
+    width: 145px;
+    line-height: 52px;
+    font-size: 20px;
+    letter-spacing: -0.8px;
+}
+.btn.main_col {
+    background-color: #154588;
+    color: #fff;
+}
+.btn.main_col:hover {
+    background-color: #0c2856;
+}
+.btn.negative_col {
+    background-color: #788290;
+    color: #fff;
+}
+.btn.negative_col:hover {
+    background-color: #545c68;
+}
+
+.btn.chkBtn {
+    width: 75px;
+    line-height: 34px;
+    font-size: 15px;
+    color: #ffffff;
+    padding: 0 11px;
+    background: #515461 url("../images/ic_chk_arrow.png") no-repeat center right 9px;
+}
+
+article.pageMenu {
+    height: 56px;
+    position: relative;
+    padding: 0 20px 0 0;
+    box-shadow: inset 0 -1px 0 0 #dddddd;
+}
+
+article.pageSelector {
+    display: inline-block;
+    vertical-align: middle;
+}
+article.pageSelector .selectorBox {
+    display: inline-block;
+    vertical-align: middle;
+    position: relative;
+    box-shadow: inset -1px 0 0 0 #dddddd;
+    width: 420px;
+}
+article.pageSelector .selectorBox a.set {
+    font-size: 15px;
+    font-weight: 500;
+    display: block;
+    line-height: 56px;
+    padding: 0 50px 0 20px;
+    background: url("../images/ic_selector_arrow.png") no-repeat center right 14px/24px 24px;
+}
+article.pageSelector .selectorBox ul {
+    display: none;
+    position: absolute;
+    left: 0;
+    right: 1px;
+    top: 56px;
+    background-color: #fff;
+    z-index: 10;
+    max-height: calc(100vh - 170px);
+    overflow-y: auto;
+}
+article.pageSelector .selectorBox ul li a {
+    display: block;
+    box-shadow: inset -1px 0 0 0 #dddddd, inset 0 -1px 0 0 #f3f3f3;
+    line-height: 56px;
+    padding: 0 20px;
+    font-size: 15px;
+}
+article.pageSelector .selectorBox ul li a.on {
+    font-weight: 500;
+    color: #003bff;
+}
+article.pageSelector .selectorBox ul li a:last-child {
+    box-shadow: inset 0 -1px 0 0 #dddddd;
+}
+article.pageSelector .selectorBox ul li:hover {
+    background-color: #fafbff;
+}
+
+article.spinner {
+    display: inline-block;
+    vertical-align: middle;
+}
+article.spinner .spinnerTxt {
+    display: inline-block;
+    vertical-align: middle;
+    font-size: 11px;
+    opacity: 0.5;
+    line-height: 24px;
+    padding-right: 4px;
+}
+article.spinner .spinnerBox {
+    display: inline-block;
+    vertical-align: middle;
+    border: 1px solid #dddddd;
+}
+article.spinner .spinnerBox a {
+    display: inline-block;
+    vertical-align: middle;
+    width: 30px;
+    height: 30px;
+}
+article.spinner .spinnerBox a.minus {
+    background: url("../images/ic_spinner_minus.png") no-repeat center/9px 1px;
+}
+article.spinner .spinnerBox a.plus {
+    background: url("../images/ic_spinner_plus.png") no-repeat center/9px 9px;
+}
+article.spinner .spinnerBox input {
+    display: inline-block;
+    vertical-align: middle;
+    font-family: "NotoSansKR";
+    height: 30px;
+    width: 30px;
+    font-size: 14px;
+    letter-spacing: -0.7px;
+    text-align: center;
+    outline: none;
+}
+
+article.paging {
+    font-size: 0;
+    text-align: center;
+    padding-top: 48px;
+}
+article.paging ul {
+    display: inline-block;
+    vertical-align: middle;
+}
+article.paging ul li {
+    display: inline-block;
+    vertical-align: middle;
+    margin: 0 2px;
+}
+article.paging ul li.control {
+    border: 1px solid #dddddd;
+}
+article.paging ul li.control.left {
+    margin-right: 15px;
+}
+article.paging ul li.control.right {
+    margin-left: 15px;
+}
+article.paging ul li a {
+    display: inline-block;
+    vertical-align: middle;
+    width: 24px;
+    height: 24px;
+    line-height: 22px;
+    position: relative;
+}
+article.paging ul li a.num {
+    font-size: 14px;
+    color: #495057;
+    margin: 0 3px;
+}
+article.paging ul li a.num.current {
+    font-weight: 700;
+    color: #fff;
+    background: #00a8ff;
+    /* border: 1px solid #bbbbbb; */
+}
+article.paging ul li a.num.current:hover {
+    text-decoration: none;
+}
+article.paging ul li a.first {
+    background: url("../images/ic_paging_first.png") no-repeat center;
+}
+article.paging ul li a.prev {
+    background: url("../images/ic_paging_prev.png") no-repeat center;
+}
+article.paging ul li a.prev:after {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 3px;
+    bottom: 3px;
+    width: 1px;
+    background-color: #dddddd;
+}
+article.paging ul li a.next {
+    background: url("../images/ic_paging_next.png") no-repeat center;
+}
+article.paging ul li a.next:after {
+    content: '';
+    position: absolute;
+    right: 0;
+    top: 3px;
+    bottom: 3px;
+    width: 1px;
+    background-color: #dddddd;
+}
+article.paging ul li a.last {
+    background: url("../images/ic_paging_last.png") no-repeat center;
+}
+
+.tbox {
+    display: inline-block;
+    vertical-align: middle;
+    border: solid 1px #989898;
+    padding: 0 10px;
+    height: 40px;
+    font-size: 15px;
+    color: #000;
+    outline: none;
+    width: 166px;
+    letter-spacing: -0.15px;
+}
+.tbox:read-only {
+    background-color: #f5f5f5;
+}
+.tbox.full {
+    width: 100%;
+}
+.tbox.small {
+    width: 80px;
+}
+.tbox.long {
+    width: 446px;
+}
+.tbox::placeholder {
+    color: rgba(57, 57, 57, 0.4);
+    letter-spacing: -0.3px;
+}
+.tbox.readonly {
+    background-color: #f5f5f5;
+    font-weight: 700;
+    letter-spacing: -0.15px;
+}
+
+
+
+.sbox {
+    display: inline-block;
+    vertical-align: middle;
+    position: relative;
+    text-align: left;
+    height: 40px;
+    border: 1px solid #dddddd;
+    width: 183px;
+}
+
+
+.sbox select {
+    width: 100%;
+    /* you should keep these firsts rules in place to maintain cross-browser behaviour */
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -o-appearance: none;
+    appearance: none;
+    background: url("../images/ic_select_arrow.png") no-repeat center right 8px/12px 8px;
+    outline: none;
+    padding: 0 30px 0 10px;
+    height: 100%;
+    font-size: 15px;
+    font-weight: 400;
+    letter-spacing: -0.975px;
+}
+.sbox.small {
+    width: 160px;
+}
+.sbox.big {
+    width: 280px;
+}
+
+label.toggle {
+    position: relative;
+    height: 16px;
+    cursor: pointer;
+}
+label.toggle input {
+    display: none;
+    cursor: pointer;
+}
+label.toggle input:checked ~ .handler {
+    left: 14px;
+    border-color: #ce2027;
+    transition: left 0.3s ease-out;
+}
+label.toggle input:checked ~ .bg {
+    background-color: #0b7af3;
+}
+label.toggle .handler {
+    position: absolute;
+    display: inline-block;
+    width: 12px;
+    height: 12px;
+    background-color: #fff;
+    border-radius: 50%;
+    transition: left 0.3s ease-out;
+    padding: 0;
+    top: 50%;
+    left: 2px;
+    transform: translateY(-50%);
+    z-index: 10;
+}
+label.toggle .bg {
+    position: relative;
+    display: inline-block;
+    background-color: #dddee0;
+    border-radius: 8px;
+    width: 28px;
+    height: 16px;
+    z-index: 9;
+}
+
+.amountBox {
+    font-size: 0;
+    display: inline-block;
+    vertical-align: middle;
+    border: 1px solid #d2d2d2;
+}
+.amountBox .minus,
+.amountBox .plus {
+    display: inline-block;
+    vertical-align: middle;
+    vertical-align: top;
+    width: 36px;
+    height: 32px;
+    position: relative;
+}
+.amountBox .minus {
+    background: #f2f3f5 url("../images/ic_amount_minus.png") no-repeat center center;
+}
+.amountBox .plus {
+    background: #f2f3f5 url("../images/ic_amount_plus.png") no-repeat center center;
+}
+.amountBox .tbox {
+    display: inline-block;
+    vertical-align: middle;
+    height: 32px;
+    text-align: center;
+    width: 40px;
+    font-size: 12px;
+    border-left: 1px solid #d2d2d2;
+    border-right: 1px solid #d2d2d2;
+    border-top: none;
+    border-bottom: none;
+    border-radius: 0;
+}
+
+.rbox {
+    position: relative;
+    display: inline-block;
+    font-size: 0;
+}
+.rbox label {
+    display: inline-block;
+    vertical-align: middle;
+    cursor: pointer;
+}
+.rbox label input[type=radio] {
+    position: absolute;
+    left: -9999px;
+}
+.rbox label input[type=radio]:checked ~ i {
+    background: url("../images/ic_rbox_on.png") no-repeat center/cover;
+}
+.rbox label i {
+    position: relative;
+    width: 20px;
+    height: 20px;
+    line-height: 24px;
+    display: inline-block;
+    vertical-align: middle;
+    background: url("../images/ic_rbox_off.png") no-repeat center/cover;
+}
+.rbox label .txt {
+    display: inline-block;
+    vertical-align: middle;
+    color: #666666;
+    line-height: 20px;
+    padding-left: 5px;
+    font-size: 15px;
+    letter-spacing: -0.975px;
+    font-weight: 500;
+}
+
+.cbox {
+    position: relative;
+    display: inline-block;
+    font-size: 0;
+}
+.cbox label {
+    display: inline-block;
+    vertical-align: middle;
+    cursor: pointer;
+}
+.cbox label input[type=checkbox] {
+    position: absolute;
+    left: -9999px;
+}
+.cbox label input[type=checkbox]:checked ~ i {
+    background: url("../images/ic_cbox_on.png") no-repeat center/cover;
+}
+.cbox label i {
+    position: relative;
+    width: 20px;
+    height: 20px;
+    line-height: 24px;
+    display: inline-block;
+    vertical-align: middle;
+    background: url("../images/ic_cbox_off.png") no-repeat center/cover;
+}
+.cbox label .txt {
+    display: inline-block;
+    vertical-align: middle;
+    line-height: 24px;
+    font-size: 17px;
+    font-weight: 500;
+    letter-spacing: -1.105px;
+    padding-left: 9px;
+    color: #333333;
+}
+
+label.check {
+    cursor: pointer;
+}
+
+label.chk {
+    position: relative;
+    cursor: pointer;
+}
+label.chk input[type=radio] {
+    outline: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    cursor: pointer;
+    display: inline-block;
+    vertical-align: middle;
+    border-radius: 50%;
+    width: 16px;
+    height: 16px;
+    border: 1px solid #656d9a;
+    position: relative;
+}
+label.chk input[type=radio]:checked {
+    background-color: #0b7af3;
+    border-color: transparent;
+}
+label.chk input[type=radio]:checked:before {
+    content: '';
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    transform: translate(-50%, -50%);
+    background: #fff;
+}
+
+article.fontSetBox {
+    display: inline-block;
+    vertical-align: middle;
+}
+article.fontSetBox a {
+    margin: 0 -1px 0 0;
+    width: 35px;
+    line-height: 20px;
+    font-size: 12px;
+    text-align: center;
+    display: inline-block;
+    vertical-align: middle;
+    color: #333;
+    opacity: 0.5;
+    border: 1px solid #ccc;
+}
+article.fontSetBox a.on {
+    opacity: 1;
+}
+
+/*# sourceMappingURL=ui.css.map */
diff --git a/www/error.jsp b/www/error.jsp
new file mode 100644
index 0000000..7266538
--- /dev/null
+++ b/www/error.jsp
@@ -0,0 +1,7 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<% 
+%>
+
\ No newline at end of file
diff --git a/www/font/.DS_Store b/www/font/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/www/font/.DS_Store differ
diff --git a/www/font/BAHNSCHRIFT.TTF b/www/font/BAHNSCHRIFT.TTF
new file mode 100644
index 0000000..8332c6c
Binary files /dev/null and b/www/font/BAHNSCHRIFT.TTF differ
diff --git a/www/font/Bahnschrift Regular.ttf b/www/font/Bahnschrift Regular.ttf
new file mode 100644
index 0000000..8332c6c
Binary files /dev/null and b/www/font/Bahnschrift Regular.ttf differ
diff --git a/www/font/Bahnschrift Regular____.ttf b/www/font/Bahnschrift Regular____.ttf
new file mode 100644
index 0000000..8332c6c
Binary files /dev/null and b/www/font/Bahnschrift Regular____.ttf differ
diff --git a/www/font/NanumSquare_acR.ttf b/www/font/NanumSquare_acR.ttf
new file mode 100644
index 0000000..3b43e02
Binary files /dev/null and b/www/font/NanumSquare_acR.ttf differ
diff --git a/www/images/.DS_Store b/www/images/.DS_Store
new file mode 100644
index 0000000..2995cab
Binary files /dev/null and b/www/images/.DS_Store differ
diff --git a/www/images/Organizationa_chart.png b/www/images/Organizationa_chart.png
new file mode 100644
index 0000000..0aad652
Binary files /dev/null and b/www/images/Organizationa_chart.png differ
diff --git a/www/images/Organizationa_chart_b.png b/www/images/Organizationa_chart_b.png
new file mode 100644
index 0000000..ff7f701
Binary files /dev/null and b/www/images/Organizationa_chart_b.png differ
diff --git a/www/images/S_101.jpg b/www/images/S_101.jpg
new file mode 100644
index 0000000..28bc66c
Binary files /dev/null and b/www/images/S_101.jpg differ
diff --git a/www/images/S_102.jpg b/www/images/S_102.jpg
new file mode 100644
index 0000000..09a9058
Binary files /dev/null and b/www/images/S_102.jpg differ
diff --git a/www/images/S_103.jpg b/www/images/S_103.jpg
new file mode 100644
index 0000000..9232723
Binary files /dev/null and b/www/images/S_103.jpg differ
diff --git a/www/images/apply.png b/www/images/apply.png
new file mode 100644
index 0000000..8990894
Binary files /dev/null and b/www/images/apply.png differ
diff --git a/www/images/apply@0.5x.png b/www/images/apply@0.5x.png
new file mode 100644
index 0000000..a050b88
Binary files /dev/null and b/www/images/apply@0.5x.png differ
diff --git a/www/images/apply@2x.png b/www/images/apply@2x.png
new file mode 100644
index 0000000..3bfd4d8
Binary files /dev/null and b/www/images/apply@2x.png differ
diff --git a/www/images/apply_icon.png b/www/images/apply_icon.png
new file mode 100644
index 0000000..ac9a1f2
Binary files /dev/null and b/www/images/apply_icon.png differ
diff --git a/www/images/bmc.png b/www/images/bmc.png
new file mode 100644
index 0000000..b15385f
Binary files /dev/null and b/www/images/bmc.png differ
diff --git a/www/images/bmc@2x.png b/www/images/bmc@2x.png
new file mode 100644
index 0000000..83ce985
Binary files /dev/null and b/www/images/bmc@2x.png differ
diff --git a/www/images/bmc_icon.png b/www/images/bmc_icon.png
new file mode 100644
index 0000000..8b80ca3
Binary files /dev/null and b/www/images/bmc_icon.png differ
diff --git a/www/images/bmc_icon@0.5x.png b/www/images/bmc_icon@0.5x.png
new file mode 100644
index 0000000..08e6dbe
Binary files /dev/null and b/www/images/bmc_icon@0.5x.png differ
diff --git a/www/images/close@3x.png b/www/images/close@3x.png
new file mode 100644
index 0000000..1401b03
Binary files /dev/null and b/www/images/close@3x.png differ
diff --git a/www/images/community@2x.png b/www/images/community@2x.png
new file mode 100644
index 0000000..f74ef50
Binary files /dev/null and b/www/images/community@2x.png differ
diff --git a/www/images/community_icon.png b/www/images/community_icon.png
new file mode 100644
index 0000000..80772d0
Binary files /dev/null and b/www/images/community_icon.png differ
diff --git a/www/images/community_icon@0.5x.png b/www/images/community_icon@0.5x.png
new file mode 100644
index 0000000..4e34a24
Binary files /dev/null and b/www/images/community_icon@0.5x.png differ
diff --git a/www/images/consitech.png b/www/images/consitech.png
new file mode 100644
index 0000000..c0b0173
Binary files /dev/null and b/www/images/consitech.png differ
diff --git a/www/images/consitech@2x.png b/www/images/consitech@2x.png
new file mode 100644
index 0000000..cad2fcf
Binary files /dev/null and b/www/images/consitech@2x.png differ
diff --git a/www/images/creesy/a1.png b/www/images/creesy/a1.png
new file mode 100644
index 0000000..67f81df
Binary files /dev/null and b/www/images/creesy/a1.png differ
diff --git a/www/images/creesy/a2.png b/www/images/creesy/a2.png
new file mode 100644
index 0000000..1e75cd5
Binary files /dev/null and b/www/images/creesy/a2.png differ
diff --git a/www/images/creesy/a3.png b/www/images/creesy/a3.png
new file mode 100644
index 0000000..c4bd37d
Binary files /dev/null and b/www/images/creesy/a3.png differ
diff --git a/www/images/creesy/a4.png b/www/images/creesy/a4.png
new file mode 100644
index 0000000..eb69ce5
Binary files /dev/null and b/www/images/creesy/a4.png differ
diff --git a/www/images/creesy/a5.png b/www/images/creesy/a5.png
new file mode 100644
index 0000000..e12d6af
Binary files /dev/null and b/www/images/creesy/a5.png differ
diff --git a/www/images/creesy/a6.png b/www/images/creesy/a6.png
new file mode 100644
index 0000000..cfb3686
Binary files /dev/null and b/www/images/creesy/a6.png differ
diff --git a/www/images/creesy/a7.png b/www/images/creesy/a7.png
new file mode 100644
index 0000000..91297d9
Binary files /dev/null and b/www/images/creesy/a7.png differ
diff --git a/www/images/dot_img.png b/www/images/dot_img.png
new file mode 100644
index 0000000..e618046
Binary files /dev/null and b/www/images/dot_img.png differ
diff --git a/www/images/drop.png b/www/images/drop.png
new file mode 100644
index 0000000..cc466a1
Binary files /dev/null and b/www/images/drop.png differ
diff --git a/www/images/education@2x.png b/www/images/education@2x.png
new file mode 100644
index 0000000..2b316de
Binary files /dev/null and b/www/images/education@2x.png differ
diff --git a/www/images/education_icon.png b/www/images/education_icon.png
new file mode 100644
index 0000000..cf866f7
Binary files /dev/null and b/www/images/education_icon.png differ
diff --git a/www/images/education_icon@0.5x.png b/www/images/education_icon@0.5x.png
new file mode 100644
index 0000000..77ea62e
Binary files /dev/null and b/www/images/education_icon@0.5x.png differ
diff --git a/www/images/gccei.png b/www/images/gccei.png
new file mode 100644
index 0000000..c32c977
Binary files /dev/null and b/www/images/gccei.png differ
diff --git a/www/images/gccei@2x.png b/www/images/gccei@2x.png
new file mode 100644
index 0000000..0b9fa97
Binary files /dev/null and b/www/images/gccei@2x.png differ
diff --git a/www/images/gccei_img.png b/www/images/gccei_img.png
new file mode 100644
index 0000000..8680cc0
Binary files /dev/null and b/www/images/gccei_img.png differ
diff --git a/www/images/gccei_img2.png b/www/images/gccei_img2.png
new file mode 100644
index 0000000..874dbf1
Binary files /dev/null and b/www/images/gccei_img2.png differ
diff --git a/www/images/gccei_img3.png b/www/images/gccei_img3.png
new file mode 100644
index 0000000..1148e92
Binary files /dev/null and b/www/images/gccei_img3.png differ
diff --git a/www/images/gccei_img4.png b/www/images/gccei_img4.png
new file mode 100644
index 0000000..1ce5322
Binary files /dev/null and b/www/images/gccei_img4.png differ
diff --git a/www/images/gccei_img5.png b/www/images/gccei_img5.png
new file mode 100644
index 0000000..09a021e
Binary files /dev/null and b/www/images/gccei_img5.png differ
diff --git a/www/images/gccei_img6.png b/www/images/gccei_img6.png
new file mode 100644
index 0000000..595ad9e
Binary files /dev/null and b/www/images/gccei_img6.png differ
diff --git a/www/images/gccei_img7.png b/www/images/gccei_img7.png
new file mode 100644
index 0000000..4413da5
Binary files /dev/null and b/www/images/gccei_img7.png differ
diff --git a/www/images/gccei_inovation_img.png b/www/images/gccei_inovation_img.png
new file mode 100644
index 0000000..e74f3e3
Binary files /dev/null and b/www/images/gccei_inovation_img.png differ
diff --git a/www/images/gccei_leader1.png b/www/images/gccei_leader1.png
new file mode 100644
index 0000000..3ae461d
Binary files /dev/null and b/www/images/gccei_leader1.png differ
diff --git a/www/images/gccei_leader1_b.png b/www/images/gccei_leader1_b.png
new file mode 100644
index 0000000..7ba3b4a
Binary files /dev/null and b/www/images/gccei_leader1_b.png differ
diff --git a/www/images/gccei_leader2.png b/www/images/gccei_leader2.png
new file mode 100644
index 0000000..e3afb69
Binary files /dev/null and b/www/images/gccei_leader2.png differ
diff --git a/www/images/gccei_leader2_b.png b/www/images/gccei_leader2_b.png
new file mode 100644
index 0000000..88ed5ac
Binary files /dev/null and b/www/images/gccei_leader2_b.png differ
diff --git a/www/images/gccei_leader3.png b/www/images/gccei_leader3.png
new file mode 100644
index 0000000..13e2bd0
Binary files /dev/null and b/www/images/gccei_leader3.png differ
diff --git a/www/images/gccei_leader3_b.png b/www/images/gccei_leader3_b.png
new file mode 100644
index 0000000..2328518
Binary files /dev/null and b/www/images/gccei_leader3_b.png differ
diff --git a/www/images/gccei_leader4.png b/www/images/gccei_leader4.png
new file mode 100644
index 0000000..69444ee
Binary files /dev/null and b/www/images/gccei_leader4.png differ
diff --git a/www/images/gccei_leader4_b.png b/www/images/gccei_leader4_b.png
new file mode 100644
index 0000000..0835252
Binary files /dev/null and b/www/images/gccei_leader4_b.png differ
diff --git a/www/images/gccei_metrics.png b/www/images/gccei_metrics.png
new file mode 100644
index 0000000..741a1fc
Binary files /dev/null and b/www/images/gccei_metrics.png differ
diff --git a/www/images/gccei_metrics2.png b/www/images/gccei_metrics2.png
new file mode 100644
index 0000000..42ced8f
Binary files /dev/null and b/www/images/gccei_metrics2.png differ
diff --git a/www/images/gccei_personel.png b/www/images/gccei_personel.png
new file mode 100644
index 0000000..ea0e56c
Binary files /dev/null and b/www/images/gccei_personel.png differ
diff --git a/www/images/gccei_personel@2x.png b/www/images/gccei_personel@2x.png
new file mode 100644
index 0000000..a638f55
Binary files /dev/null and b/www/images/gccei_personel@2x.png differ
diff --git a/www/images/gccei_vision_mission.png b/www/images/gccei_vision_mission.png
new file mode 100644
index 0000000..e2a32c7
Binary files /dev/null and b/www/images/gccei_vision_mission.png differ
diff --git a/www/images/gccei_vision_mission@2x.png b/www/images/gccei_vision_mission@2x.png
new file mode 100644
index 0000000..d9cfb05
Binary files /dev/null and b/www/images/gccei_vision_mission@2x.png differ
diff --git a/www/images/globalization.png b/www/images/globalization.png
new file mode 100644
index 0000000..f83b052
Binary files /dev/null and b/www/images/globalization.png differ
diff --git a/www/images/gyeonggi_creative.png b/www/images/gyeonggi_creative.png
new file mode 100644
index 0000000..10dcda9
Binary files /dev/null and b/www/images/gyeonggi_creative.png differ
diff --git a/www/images/hand_icon.png b/www/images/hand_icon.png
new file mode 100644
index 0000000..c99ea45
Binary files /dev/null and b/www/images/hand_icon.png differ
diff --git a/www/images/hand_icon@2x.png b/www/images/hand_icon@2x.png
new file mode 100644
index 0000000..be894f2
Binary files /dev/null and b/www/images/hand_icon@2x.png differ
diff --git a/www/images/homepagego.png b/www/images/homepagego.png
new file mode 100644
index 0000000..e5c1424
Binary files /dev/null and b/www/images/homepagego.png differ
diff --git a/www/images/homepagego@2x.png b/www/images/homepagego@2x.png
new file mode 100644
index 0000000..2e93f48
Binary files /dev/null and b/www/images/homepagego@2x.png differ
diff --git a/www/images/ic_drawer@3x.png b/www/images/ic_drawer@3x.png
new file mode 100644
index 0000000..a4a9672
Binary files /dev/null and b/www/images/ic_drawer@3x.png differ
diff --git a/www/images/ic_paging_first.png b/www/images/ic_paging_first.png
new file mode 100644
index 0000000..313b352
Binary files /dev/null and b/www/images/ic_paging_first.png differ
diff --git a/www/images/ic_paging_last.png b/www/images/ic_paging_last.png
new file mode 100644
index 0000000..13cde84
Binary files /dev/null and b/www/images/ic_paging_last.png differ
diff --git a/www/images/ic_paging_next.png b/www/images/ic_paging_next.png
new file mode 100644
index 0000000..65882ff
Binary files /dev/null and b/www/images/ic_paging_next.png differ
diff --git a/www/images/ic_paging_prev.png b/www/images/ic_paging_prev.png
new file mode 100644
index 0000000..037bfd8
Binary files /dev/null and b/www/images/ic_paging_prev.png differ
diff --git a/www/images/ic_select_arrow.png b/www/images/ic_select_arrow.png
new file mode 100644
index 0000000..67e329a
Binary files /dev/null and b/www/images/ic_select_arrow.png differ
diff --git a/www/images/ic_swiper_next.png b/www/images/ic_swiper_next.png
new file mode 100644
index 0000000..afb8da7
Binary files /dev/null and b/www/images/ic_swiper_next.png differ
diff --git a/www/images/ic_swiper_prev.png b/www/images/ic_swiper_prev.png
new file mode 100644
index 0000000..d1cc201
Binary files /dev/null and b/www/images/ic_swiper_prev.png differ
diff --git a/www/images/ict/1.png b/www/images/ict/1.png
new file mode 100644
index 0000000..059c84d
Binary files /dev/null and b/www/images/ict/1.png differ
diff --git a/www/images/ict/10.png b/www/images/ict/10.png
new file mode 100644
index 0000000..ec20714
Binary files /dev/null and b/www/images/ict/10.png differ
diff --git a/www/images/ict/10@2x.png b/www/images/ict/10@2x.png
new file mode 100644
index 0000000..3827939
Binary files /dev/null and b/www/images/ict/10@2x.png differ
diff --git a/www/images/ict/1@2x.png b/www/images/ict/1@2x.png
new file mode 100644
index 0000000..af8764d
Binary files /dev/null and b/www/images/ict/1@2x.png differ
diff --git a/www/images/ict/2.png b/www/images/ict/2.png
new file mode 100644
index 0000000..0cb28dd
Binary files /dev/null and b/www/images/ict/2.png differ
diff --git a/www/images/ict/2@2x.png b/www/images/ict/2@2x.png
new file mode 100644
index 0000000..1225d72
Binary files /dev/null and b/www/images/ict/2@2x.png differ
diff --git a/www/images/ict/3.png b/www/images/ict/3.png
new file mode 100644
index 0000000..fd2e46d
Binary files /dev/null and b/www/images/ict/3.png differ
diff --git a/www/images/ict/3@2x.png b/www/images/ict/3@2x.png
new file mode 100644
index 0000000..7d8c277
Binary files /dev/null and b/www/images/ict/3@2x.png differ
diff --git a/www/images/ict/4.png b/www/images/ict/4.png
new file mode 100644
index 0000000..fa576d8
Binary files /dev/null and b/www/images/ict/4.png differ
diff --git a/www/images/ict/4@2x.png b/www/images/ict/4@2x.png
new file mode 100644
index 0000000..03a8377
Binary files /dev/null and b/www/images/ict/4@2x.png differ
diff --git a/www/images/ict/5.png b/www/images/ict/5.png
new file mode 100644
index 0000000..3a19493
Binary files /dev/null and b/www/images/ict/5.png differ
diff --git a/www/images/ict/5@2x.png b/www/images/ict/5@2x.png
new file mode 100644
index 0000000..f527094
Binary files /dev/null and b/www/images/ict/5@2x.png differ
diff --git a/www/images/ict/6.png b/www/images/ict/6.png
new file mode 100644
index 0000000..bc50ca7
Binary files /dev/null and b/www/images/ict/6.png differ
diff --git a/www/images/ict/7.png b/www/images/ict/7.png
new file mode 100644
index 0000000..ee83b7c
Binary files /dev/null and b/www/images/ict/7.png differ
diff --git a/www/images/ict/7@2x.png b/www/images/ict/7@2x.png
new file mode 100644
index 0000000..a72e896
Binary files /dev/null and b/www/images/ict/7@2x.png differ
diff --git a/www/images/ict/8.png b/www/images/ict/8.png
new file mode 100644
index 0000000..ce84c56
Binary files /dev/null and b/www/images/ict/8.png differ
diff --git a/www/images/ict/9.png b/www/images/ict/9.png
new file mode 100644
index 0000000..06838f1
Binary files /dev/null and b/www/images/ict/9.png differ
diff --git a/www/images/ict/9@2x.png b/www/images/ict/9@2x.png
new file mode 100644
index 0000000..53c7e87
Binary files /dev/null and b/www/images/ict/9@2x.png differ
diff --git a/www/images/img_logo.png b/www/images/img_logo.png
new file mode 100644
index 0000000..dc1877d
Binary files /dev/null and b/www/images/img_logo.png differ
diff --git a/www/images/inha/inha_1.png b/www/images/inha/inha_1.png
new file mode 100644
index 0000000..dfceb25
Binary files /dev/null and b/www/images/inha/inha_1.png differ
diff --git a/www/images/inha/inha_2.png b/www/images/inha/inha_2.png
new file mode 100644
index 0000000..955fbf3
Binary files /dev/null and b/www/images/inha/inha_2.png differ
diff --git a/www/images/inha/inha_3.png b/www/images/inha/inha_3.png
new file mode 100644
index 0000000..52bbd28
Binary files /dev/null and b/www/images/inha/inha_3.png differ
diff --git a/www/images/inha/inha_4.png b/www/images/inha/inha_4.png
new file mode 100644
index 0000000..b4833eb
Binary files /dev/null and b/www/images/inha/inha_4.png differ
diff --git a/www/images/inha/inha_5.png b/www/images/inha/inha_5.png
new file mode 100644
index 0000000..14c9d26
Binary files /dev/null and b/www/images/inha/inha_5.png differ
diff --git a/www/images/inha/inha_6.png b/www/images/inha/inha_6.png
new file mode 100644
index 0000000..4cec015
Binary files /dev/null and b/www/images/inha/inha_6.png differ
diff --git a/www/images/inha/inha_t.png b/www/images/inha/inha_t.png
new file mode 100644
index 0000000..b94553b
Binary files /dev/null and b/www/images/inha/inha_t.png differ
diff --git a/www/images/inha_b/inha_1.png b/www/images/inha_b/inha_1.png
new file mode 100644
index 0000000..eff37ad
Binary files /dev/null and b/www/images/inha_b/inha_1.png differ
diff --git a/www/images/inha_b/inha_2.png b/www/images/inha_b/inha_2.png
new file mode 100644
index 0000000..bfc6d08
Binary files /dev/null and b/www/images/inha_b/inha_2.png differ
diff --git a/www/images/inha_b/inha_3.png b/www/images/inha_b/inha_3.png
new file mode 100644
index 0000000..b97b7b9
Binary files /dev/null and b/www/images/inha_b/inha_3.png differ
diff --git a/www/images/inha_b/inha_4.png b/www/images/inha_b/inha_4.png
new file mode 100644
index 0000000..e963956
Binary files /dev/null and b/www/images/inha_b/inha_4.png differ
diff --git a/www/images/inha_b/inha_5.png b/www/images/inha_b/inha_5.png
new file mode 100644
index 0000000..2573ad8
Binary files /dev/null and b/www/images/inha_b/inha_5.png differ
diff --git a/www/images/inha_b/inha_6.png b/www/images/inha_b/inha_6.png
new file mode 100644
index 0000000..aca16e8
Binary files /dev/null and b/www/images/inha_b/inha_6.png differ
diff --git a/www/images/inha_b/inha_t.png b/www/images/inha_b/inha_t.png
new file mode 100644
index 0000000..b94553b
Binary files /dev/null and b/www/images/inha_b/inha_t.png differ
diff --git a/www/images/inha_txt_img.png b/www/images/inha_txt_img.png
new file mode 100644
index 0000000..e2e815a
Binary files /dev/null and b/www/images/inha_txt_img.png differ
diff --git a/www/images/inha_univ.png b/www/images/inha_univ.png
new file mode 100644
index 0000000..d4367da
Binary files /dev/null and b/www/images/inha_univ.png differ
diff --git a/www/images/inha_univ2.png b/www/images/inha_univ2.png
new file mode 100644
index 0000000..56d3cac
Binary files /dev/null and b/www/images/inha_univ2.png differ
diff --git a/www/images/inha_univ@2x.png b/www/images/inha_univ@2x.png
new file mode 100644
index 0000000..e00abcb
Binary files /dev/null and b/www/images/inha_univ@2x.png differ
diff --git a/www/images/koica-org.png b/www/images/koica-org.png
new file mode 100644
index 0000000..4cfddd3
Binary files /dev/null and b/www/images/koica-org.png differ
diff --git a/www/images/koica_img.jpeg b/www/images/koica_img.jpeg
new file mode 100644
index 0000000..129e428
Binary files /dev/null and b/www/images/koica_img.jpeg differ
diff --git a/www/images/logo-concytec.png b/www/images/logo-concytec.png
new file mode 100644
index 0000000..d31ce56
Binary files /dev/null and b/www/images/logo-concytec.png differ
diff --git a/www/images/logo-concytec@2x.png b/www/images/logo-concytec@2x.png
new file mode 100644
index 0000000..da9d183
Binary files /dev/null and b/www/images/logo-concytec@2x.png differ
diff --git a/www/images/logo-inha.png b/www/images/logo-inha.png
new file mode 100644
index 0000000..d0ed667
Binary files /dev/null and b/www/images/logo-inha.png differ
diff --git a/www/images/logo-inha@2x.png b/www/images/logo-inha@2x.png
new file mode 100644
index 0000000..9bb4787
Binary files /dev/null and b/www/images/logo-inha@2x.png differ
diff --git a/www/images/logo-koica.png b/www/images/logo-koica.png
new file mode 100644
index 0000000..b1c3f8b
Binary files /dev/null and b/www/images/logo-koica.png differ
diff --git a/www/images/logo-koica@2x.png b/www/images/logo-koica@2x.png
new file mode 100644
index 0000000..bb2e339
Binary files /dev/null and b/www/images/logo-koica@2x.png differ
diff --git a/www/images/logo-n-15.png b/www/images/logo-n-15.png
new file mode 100644
index 0000000..248c304
Binary files /dev/null and b/www/images/logo-n-15.png differ
diff --git a/www/images/logo-n-15@2x.png b/www/images/logo-n-15@2x.png
new file mode 100644
index 0000000..1fb6332
Binary files /dev/null and b/www/images/logo-n-15@2x.png differ
diff --git a/www/images/logo-ucsm.png b/www/images/logo-ucsm.png
new file mode 100644
index 0000000..c21f3a0
Binary files /dev/null and b/www/images/logo-ucsm.png differ
diff --git a/www/images/logo-ucsm@2x.png b/www/images/logo-ucsm@2x.png
new file mode 100644
index 0000000..d09c9ec
Binary files /dev/null and b/www/images/logo-ucsm@2x.png differ
diff --git a/www/images/logo-ucsp-3.png b/www/images/logo-ucsp-3.png
new file mode 100644
index 0000000..0e54739
Binary files /dev/null and b/www/images/logo-ucsp-3.png differ
diff --git a/www/images/logo-ucsp-3@2x.png b/www/images/logo-ucsp-3@2x.png
new file mode 100644
index 0000000..9471cda
Binary files /dev/null and b/www/images/logo-ucsp-3@2x.png differ
diff --git a/www/images/logo-udep-3.png b/www/images/logo-udep-3.png
new file mode 100644
index 0000000..3f21cf0
Binary files /dev/null and b/www/images/logo-udep-3.png differ
diff --git a/www/images/logo-udep-3@2x.png b/www/images/logo-udep-3@2x.png
new file mode 100644
index 0000000..0abf19f
Binary files /dev/null and b/www/images/logo-udep-3@2x.png differ
diff --git a/www/images/logo-unalm.png b/www/images/logo-unalm.png
new file mode 100644
index 0000000..fbd4790
Binary files /dev/null and b/www/images/logo-unalm.png differ
diff --git a/www/images/logo-unalm@2x.png b/www/images/logo-unalm@2x.png
new file mode 100644
index 0000000..a881e06
Binary files /dev/null and b/www/images/logo-unalm@2x.png differ
diff --git a/www/images/logo-unheval-2.png b/www/images/logo-unheval-2.png
new file mode 100644
index 0000000..21335fe
Binary files /dev/null and b/www/images/logo-unheval-2.png differ
diff --git a/www/images/logo-unheval-2@2x.png b/www/images/logo-unheval-2@2x.png
new file mode 100644
index 0000000..40fce3c
Binary files /dev/null and b/www/images/logo-unheval-2@2x.png differ
diff --git a/www/images/logo-uni-3.png b/www/images/logo-uni-3.png
new file mode 100644
index 0000000..ddbc07c
Binary files /dev/null and b/www/images/logo-uni-3.png differ
diff --git a/www/images/logo-uni-3@2x.png b/www/images/logo-uni-3@2x.png
new file mode 100644
index 0000000..0b0f08b
Binary files /dev/null and b/www/images/logo-uni-3@2x.png differ
diff --git a/www/images/logo-uni-4.png b/www/images/logo-uni-4.png
new file mode 100644
index 0000000..b40640c
Binary files /dev/null and b/www/images/logo-uni-4.png differ
diff --git a/www/images/logo-unmsm-2.png b/www/images/logo-unmsm-2.png
new file mode 100644
index 0000000..99f9421
Binary files /dev/null and b/www/images/logo-unmsm-2.png differ
diff --git a/www/images/logo-unmsm-2@2x.png b/www/images/logo-unmsm-2@2x.png
new file mode 100644
index 0000000..c2c8a8e
Binary files /dev/null and b/www/images/logo-unmsm-2@2x.png differ
diff --git a/www/images/logo-unsa-2.png b/www/images/logo-unsa-2.png
new file mode 100644
index 0000000..c12e72f
Binary files /dev/null and b/www/images/logo-unsa-2.png differ
diff --git a/www/images/logo-unsa-2@2x.png b/www/images/logo-unsa-2@2x.png
new file mode 100644
index 0000000..7de48c5
Binary files /dev/null and b/www/images/logo-unsa-2@2x.png differ
diff --git a/www/images/logo-unt-1.png b/www/images/logo-unt-1.png
new file mode 100644
index 0000000..e3721fa
Binary files /dev/null and b/www/images/logo-unt-1.png differ
diff --git a/www/images/logo-unt-1@2x.png b/www/images/logo-unt-1@2x.png
new file mode 100644
index 0000000..0aef75e
Binary files /dev/null and b/www/images/logo-unt-1@2x.png differ
diff --git a/www/images/logo.png b/www/images/logo.png
new file mode 100644
index 0000000..4b1f127
Binary files /dev/null and b/www/images/logo.png differ
diff --git a/www/images/logo@0.5x.png b/www/images/logo@0.5x.png
new file mode 100644
index 0000000..8361e24
Binary files /dev/null and b/www/images/logo@0.5x.png differ
diff --git a/www/images/logo@2x.png b/www/images/logo@2x.png
new file mode 100644
index 0000000..934fad2
Binary files /dev/null and b/www/images/logo@2x.png differ
diff --git a/www/images/logo_UNSA2.png b/www/images/logo_UNSA2.png
new file mode 100644
index 0000000..24545de
Binary files /dev/null and b/www/images/logo_UNSA2.png differ
diff --git a/www/images/logo_unsa.png b/www/images/logo_unsa.png
new file mode 100644
index 0000000..58d82ea
Binary files /dev/null and b/www/images/logo_unsa.png differ
diff --git a/www/images/main_gccei.png b/www/images/main_gccei.png
new file mode 100644
index 0000000..3b3ee3d
Binary files /dev/null and b/www/images/main_gccei.png differ
diff --git a/www/images/main_gccei@2x.png b/www/images/main_gccei@2x.png
new file mode 100644
index 0000000..592fda1
Binary files /dev/null and b/www/images/main_gccei@2x.png differ
diff --git a/www/images/main_img1.png b/www/images/main_img1.png
new file mode 100644
index 0000000..5c8d15b
Binary files /dev/null and b/www/images/main_img1.png differ
diff --git a/www/images/main_img2.png b/www/images/main_img2.png
new file mode 100644
index 0000000..d20b06c
Binary files /dev/null and b/www/images/main_img2.png differ
diff --git a/www/images/main_img3.png b/www/images/main_img3.png
new file mode 100644
index 0000000..4057977
Binary files /dev/null and b/www/images/main_img3.png differ
diff --git a/www/images/main_info_koica.png b/www/images/main_info_koica.png
new file mode 100644
index 0000000..978974c
Binary files /dev/null and b/www/images/main_info_koica.png differ
diff --git a/www/images/main_unsa_img.png b/www/images/main_unsa_img.png
new file mode 100644
index 0000000..cf9cf29
Binary files /dev/null and b/www/images/main_unsa_img.png differ
diff --git a/www/images/main_unsa_img@2x.png b/www/images/main_unsa_img@2x.png
new file mode 100644
index 0000000..d88115c
Binary files /dev/null and b/www/images/main_unsa_img@2x.png differ
diff --git a/www/images/mission.png b/www/images/mission.png
new file mode 100644
index 0000000..6988a47
Binary files /dev/null and b/www/images/mission.png differ
diff --git a/www/images/n-15_txt_img.png b/www/images/n-15_txt_img.png
new file mode 100644
index 0000000..dc1bac5
Binary files /dev/null and b/www/images/n-15_txt_img.png differ
diff --git a/www/images/n-15_txt_img@2x.png b/www/images/n-15_txt_img@2x.png
new file mode 100644
index 0000000..82d2f12
Binary files /dev/null and b/www/images/n-15_txt_img@2x.png differ
diff --git a/www/images/n15.png b/www/images/n15.png
new file mode 100644
index 0000000..298d471
Binary files /dev/null and b/www/images/n15.png differ
diff --git a/www/images/n15/1.png b/www/images/n15/1.png
new file mode 100644
index 0000000..235e180
Binary files /dev/null and b/www/images/n15/1.png differ
diff --git a/www/images/n15/2.png b/www/images/n15/2.png
new file mode 100644
index 0000000..82d1d60
Binary files /dev/null and b/www/images/n15/2.png differ
diff --git a/www/images/n15/3.png b/www/images/n15/3.png
new file mode 100644
index 0000000..ae6506d
Binary files /dev/null and b/www/images/n15/3.png differ
diff --git a/www/images/n15/4.png b/www/images/n15/4.png
new file mode 100644
index 0000000..ccdd5a1
Binary files /dev/null and b/www/images/n15/4.png differ
diff --git a/www/images/n15/5.png b/www/images/n15/5.png
new file mode 100644
index 0000000..a3d452c
Binary files /dev/null and b/www/images/n15/5.png differ
diff --git a/www/images/n15/6.png b/www/images/n15/6.png
new file mode 100644
index 0000000..422c462
Binary files /dev/null and b/www/images/n15/6.png differ
diff --git a/www/images/n15/7.png b/www/images/n15/7.png
new file mode 100644
index 0000000..f789a01
Binary files /dev/null and b/www/images/n15/7.png differ
diff --git a/www/images/n15/8.png b/www/images/n15/8.png
new file mode 100644
index 0000000..4de843b
Binary files /dev/null and b/www/images/n15/8.png differ
diff --git a/www/images/n15/n15_company_img.png b/www/images/n15/n15_company_img.png
new file mode 100644
index 0000000..d1e0e23
Binary files /dev/null and b/www/images/n15/n15_company_img.png differ
diff --git a/www/images/n15/n15_company_img@2x.png b/www/images/n15/n15_company_img@2x.png
new file mode 100644
index 0000000..3b5a853
Binary files /dev/null and b/www/images/n15/n15_company_img@2x.png differ
diff --git a/www/images/n15/staff1.png b/www/images/n15/staff1.png
new file mode 100644
index 0000000..8c2bccc
Binary files /dev/null and b/www/images/n15/staff1.png differ
diff --git a/www/images/n15/staff2.png b/www/images/n15/staff2.png
new file mode 100644
index 0000000..5f04dfd
Binary files /dev/null and b/www/images/n15/staff2.png differ
diff --git a/www/images/n15/staff3.png b/www/images/n15/staff3.png
new file mode 100644
index 0000000..c3564d1
Binary files /dev/null and b/www/images/n15/staff3.png differ
diff --git a/www/images/n152.png b/www/images/n152.png
new file mode 100644
index 0000000..e216e3a
Binary files /dev/null and b/www/images/n152.png differ
diff --git a/www/images/n15@2x.png b/www/images/n15@2x.png
new file mode 100644
index 0000000..bffbf40
Binary files /dev/null and b/www/images/n15@2x.png differ
diff --git a/www/images/orani_img.png b/www/images/orani_img.png
new file mode 100644
index 0000000..bc325e8
Binary files /dev/null and b/www/images/orani_img.png differ
diff --git a/www/images/orani_img@2x.png b/www/images/orani_img@2x.png
new file mode 100644
index 0000000..c46b878
Binary files /dev/null and b/www/images/orani_img@2x.png differ
diff --git a/www/images/organigrama.png b/www/images/organigrama.png
new file mode 100644
index 0000000..98ec026
Binary files /dev/null and b/www/images/organigrama.png differ
diff --git a/www/images/organigrama@2x.png b/www/images/organigrama@2x.png
new file mode 100644
index 0000000..36f6d12
Binary files /dev/null and b/www/images/organigrama@2x.png differ
diff --git a/www/images/organization.png b/www/images/organization.png
new file mode 100644
index 0000000..6b3d330
Binary files /dev/null and b/www/images/organization.png differ
diff --git a/www/images/organization2.png b/www/images/organization2.png
new file mode 100644
index 0000000..26cf192
Binary files /dev/null and b/www/images/organization2.png differ
diff --git a/www/images/ourgoals.png b/www/images/ourgoals.png
new file mode 100644
index 0000000..31c3e89
Binary files /dev/null and b/www/images/ourgoals.png differ
diff --git a/www/images/p1.png b/www/images/p1.png
new file mode 100644
index 0000000..7b25d5f
Binary files /dev/null and b/www/images/p1.png differ
diff --git a/www/images/person1.png b/www/images/person1.png
new file mode 100644
index 0000000..36d13b3
Binary files /dev/null and b/www/images/person1.png differ
diff --git a/www/images/personnel.png b/www/images/personnel.png
new file mode 100644
index 0000000..5d7c1ba
Binary files /dev/null and b/www/images/personnel.png differ
diff --git a/www/images/personnel@2x.png b/www/images/personnel@2x.png
new file mode 100644
index 0000000..13815e5
Binary files /dev/null and b/www/images/personnel@2x.png differ
diff --git a/www/images/photo1.png b/www/images/photo1.png
new file mode 100644
index 0000000..9678d4d
Binary files /dev/null and b/www/images/photo1.png differ
diff --git a/www/images/photo2.png b/www/images/photo2.png
new file mode 100644
index 0000000..b7411f9
Binary files /dev/null and b/www/images/photo2.png differ
diff --git a/www/images/photo3.png b/www/images/photo3.png
new file mode 100644
index 0000000..8783659
Binary files /dev/null and b/www/images/photo3.png differ
diff --git a/www/images/photo_gallery/.DS_Store b/www/images/photo_gallery/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/www/images/photo_gallery/.DS_Store differ
diff --git a/www/images/photo_gallery/1.png b/www/images/photo_gallery/1.png
new file mode 100644
index 0000000..1300669
Binary files /dev/null and b/www/images/photo_gallery/1.png differ
diff --git a/www/images/photo_gallery/10.png b/www/images/photo_gallery/10.png
new file mode 100644
index 0000000..457669c
Binary files /dev/null and b/www/images/photo_gallery/10.png differ
diff --git a/www/images/photo_gallery/10@2x.png b/www/images/photo_gallery/10@2x.png
new file mode 100644
index 0000000..5e3ca2c
Binary files /dev/null and b/www/images/photo_gallery/10@2x.png differ
diff --git a/www/images/photo_gallery/11.png b/www/images/photo_gallery/11.png
new file mode 100644
index 0000000..f763552
Binary files /dev/null and b/www/images/photo_gallery/11.png differ
diff --git a/www/images/photo_gallery/11@2x.png b/www/images/photo_gallery/11@2x.png
new file mode 100644
index 0000000..17228e7
Binary files /dev/null and b/www/images/photo_gallery/11@2x.png differ
diff --git a/www/images/photo_gallery/12.png b/www/images/photo_gallery/12.png
new file mode 100644
index 0000000..45dbe09
Binary files /dev/null and b/www/images/photo_gallery/12.png differ
diff --git a/www/images/photo_gallery/12@2x.png b/www/images/photo_gallery/12@2x.png
new file mode 100644
index 0000000..e857596
Binary files /dev/null and b/www/images/photo_gallery/12@2x.png differ
diff --git a/www/images/photo_gallery/1@2x.png b/www/images/photo_gallery/1@2x.png
new file mode 100644
index 0000000..34cd579
Binary files /dev/null and b/www/images/photo_gallery/1@2x.png differ
diff --git a/www/images/photo_gallery/2.png b/www/images/photo_gallery/2.png
new file mode 100644
index 0000000..ab57dcf
Binary files /dev/null and b/www/images/photo_gallery/2.png differ
diff --git a/www/images/photo_gallery/2@2x.png b/www/images/photo_gallery/2@2x.png
new file mode 100644
index 0000000..fd244e7
Binary files /dev/null and b/www/images/photo_gallery/2@2x.png differ
diff --git a/www/images/photo_gallery/3.png b/www/images/photo_gallery/3.png
new file mode 100644
index 0000000..c3ac97b
Binary files /dev/null and b/www/images/photo_gallery/3.png differ
diff --git a/www/images/photo_gallery/3@2x.png b/www/images/photo_gallery/3@2x.png
new file mode 100644
index 0000000..7ed40b3
Binary files /dev/null and b/www/images/photo_gallery/3@2x.png differ
diff --git a/www/images/photo_gallery/4.png b/www/images/photo_gallery/4.png
new file mode 100644
index 0000000..93467eb
Binary files /dev/null and b/www/images/photo_gallery/4.png differ
diff --git a/www/images/photo_gallery/4@2x.png b/www/images/photo_gallery/4@2x.png
new file mode 100644
index 0000000..f676c50
Binary files /dev/null and b/www/images/photo_gallery/4@2x.png differ
diff --git a/www/images/photo_gallery/5.png b/www/images/photo_gallery/5.png
new file mode 100644
index 0000000..ad0d374
Binary files /dev/null and b/www/images/photo_gallery/5.png differ
diff --git a/www/images/photo_gallery/5@2x.png b/www/images/photo_gallery/5@2x.png
new file mode 100644
index 0000000..b59c2b6
Binary files /dev/null and b/www/images/photo_gallery/5@2x.png differ
diff --git a/www/images/photo_gallery/6.png b/www/images/photo_gallery/6.png
new file mode 100644
index 0000000..7df69ff
Binary files /dev/null and b/www/images/photo_gallery/6.png differ
diff --git a/www/images/photo_gallery/6@2x.png b/www/images/photo_gallery/6@2x.png
new file mode 100644
index 0000000..280889f
Binary files /dev/null and b/www/images/photo_gallery/6@2x.png differ
diff --git a/www/images/photo_gallery/7.png b/www/images/photo_gallery/7.png
new file mode 100644
index 0000000..fcfef99
Binary files /dev/null and b/www/images/photo_gallery/7.png differ
diff --git a/www/images/photo_gallery/7@2x.png b/www/images/photo_gallery/7@2x.png
new file mode 100644
index 0000000..de70c78
Binary files /dev/null and b/www/images/photo_gallery/7@2x.png differ
diff --git a/www/images/photo_gallery/8.png b/www/images/photo_gallery/8.png
new file mode 100644
index 0000000..e8ab7aa
Binary files /dev/null and b/www/images/photo_gallery/8.png differ
diff --git a/www/images/photo_gallery/8@2x.png b/www/images/photo_gallery/8@2x.png
new file mode 100644
index 0000000..68679d6
Binary files /dev/null and b/www/images/photo_gallery/8@2x.png differ
diff --git a/www/images/photo_gallery/9.png b/www/images/photo_gallery/9.png
new file mode 100644
index 0000000..35efc85
Binary files /dev/null and b/www/images/photo_gallery/9.png differ
diff --git a/www/images/photo_gallery/9@2x.png b/www/images/photo_gallery/9@2x.png
new file mode 100644
index 0000000..ae31fac
Binary files /dev/null and b/www/images/photo_gallery/9@2x.png differ
diff --git a/www/images/photos/.DS_Store b/www/images/photos/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/www/images/photos/.DS_Store differ
diff --git a/www/images/photos/1.png b/www/images/photos/1.png
new file mode 100644
index 0000000..a630a84
Binary files /dev/null and b/www/images/photos/1.png differ
diff --git a/www/images/photos/1@2x.png b/www/images/photos/1@2x.png
new file mode 100644
index 0000000..61e817f
Binary files /dev/null and b/www/images/photos/1@2x.png differ
diff --git a/www/images/photos/2.png b/www/images/photos/2.png
new file mode 100644
index 0000000..9603577
Binary files /dev/null and b/www/images/photos/2.png differ
diff --git a/www/images/photos/2@2x.png b/www/images/photos/2@2x.png
new file mode 100644
index 0000000..78b9f36
Binary files /dev/null and b/www/images/photos/2@2x.png differ
diff --git a/www/images/photos/3.png b/www/images/photos/3.png
new file mode 100644
index 0000000..9ce70c6
Binary files /dev/null and b/www/images/photos/3.png differ
diff --git a/www/images/photos/3@2x.png b/www/images/photos/3@2x.png
new file mode 100644
index 0000000..0ed76ff
Binary files /dev/null and b/www/images/photos/3@2x.png differ
diff --git a/www/images/photos/ucsm_1.png b/www/images/photos/ucsm_1.png
new file mode 100644
index 0000000..71c631b
Binary files /dev/null and b/www/images/photos/ucsm_1.png differ
diff --git a/www/images/photos/ucsm_1@2x.png b/www/images/photos/ucsm_1@2x.png
new file mode 100644
index 0000000..5f7cdc2
Binary files /dev/null and b/www/images/photos/ucsm_1@2x.png differ
diff --git a/www/images/photos/ucsm_2.png b/www/images/photos/ucsm_2.png
new file mode 100644
index 0000000..178f0da
Binary files /dev/null and b/www/images/photos/ucsm_2.png differ
diff --git a/www/images/photos/ucsm_2@2x.png b/www/images/photos/ucsm_2@2x.png
new file mode 100644
index 0000000..ba1c995
Binary files /dev/null and b/www/images/photos/ucsm_2@2x.png differ
diff --git a/www/images/photos/ucsm_3.png b/www/images/photos/ucsm_3.png
new file mode 100644
index 0000000..e7f5c84
Binary files /dev/null and b/www/images/photos/ucsm_3.png differ
diff --git a/www/images/photos/ucsm_3@2x.png b/www/images/photos/ucsm_3@2x.png
new file mode 100644
index 0000000..b5f1a99
Binary files /dev/null and b/www/images/photos/ucsm_3@2x.png differ
diff --git a/www/images/photos/ucsm_chart@2x.png b/www/images/photos/ucsm_chart@2x.png
new file mode 100644
index 0000000..ea5fd44
Binary files /dev/null and b/www/images/photos/ucsm_chart@2x.png differ
diff --git a/www/images/photos/ucsp1.png b/www/images/photos/ucsp1.png
new file mode 100644
index 0000000..de5212f
Binary files /dev/null and b/www/images/photos/ucsp1.png differ
diff --git a/www/images/photos/ucsp2.png b/www/images/photos/ucsp2.png
new file mode 100644
index 0000000..b66257f
Binary files /dev/null and b/www/images/photos/ucsp2.png differ
diff --git a/www/images/photos/ucsp3.png b/www/images/photos/ucsp3.png
new file mode 100644
index 0000000..a84825f
Binary files /dev/null and b/www/images/photos/ucsp3.png differ
diff --git a/www/images/photos/vision_img.png b/www/images/photos/vision_img.png
new file mode 100644
index 0000000..1b4d378
Binary files /dev/null and b/www/images/photos/vision_img.png differ
diff --git a/www/images/photos/vision_img@2x.png b/www/images/photos/vision_img@2x.png
new file mode 100644
index 0000000..5f61f45
Binary files /dev/null and b/www/images/photos/vision_img@2x.png differ
diff --git a/www/images/piura_1.png b/www/images/piura_1.png
new file mode 100644
index 0000000..1c88edf
Binary files /dev/null and b/www/images/piura_1.png differ
diff --git a/www/images/piura_2.png b/www/images/piura_2.png
new file mode 100644
index 0000000..df65d5a
Binary files /dev/null and b/www/images/piura_2.png differ
diff --git a/www/images/piura_3.png b/www/images/piura_3.png
new file mode 100644
index 0000000..9172838
Binary files /dev/null and b/www/images/piura_3.png differ
diff --git a/www/images/piura_4.png b/www/images/piura_4.png
new file mode 100644
index 0000000..c1ee2ba
Binary files /dev/null and b/www/images/piura_4.png differ
diff --git a/www/images/s4_1_img.png b/www/images/s4_1_img.png
new file mode 100644
index 0000000..0075ab8
Binary files /dev/null and b/www/images/s4_1_img.png differ
diff --git a/www/images/scaleup.png b/www/images/scaleup.png
new file mode 100644
index 0000000..0dfc720
Binary files /dev/null and b/www/images/scaleup.png differ
diff --git a/www/images/sch_icon.png b/www/images/sch_icon.png
new file mode 100644
index 0000000..71c6c04
Binary files /dev/null and b/www/images/sch_icon.png differ
diff --git a/www/images/sch_icon@2x.png b/www/images/sch_icon@2x.png
new file mode 100644
index 0000000..17d60d9
Binary files /dev/null and b/www/images/sch_icon@2x.png differ
diff --git a/www/images/seed.png b/www/images/seed.png
new file mode 100644
index 0000000..723da20
Binary files /dev/null and b/www/images/seed.png differ
diff --git a/www/images/st1.png b/www/images/st1.png
new file mode 100644
index 0000000..98ec026
Binary files /dev/null and b/www/images/st1.png differ
diff --git a/www/images/st394.png b/www/images/st394.png
new file mode 100644
index 0000000..98ec026
Binary files /dev/null and b/www/images/st394.png differ
diff --git a/www/images/startup_zone.png b/www/images/startup_zone.png
new file mode 100644
index 0000000..81d8ece
Binary files /dev/null and b/www/images/startup_zone.png differ
diff --git a/www/images/step/.DS_Store b/www/images/step/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/www/images/step/.DS_Store differ
diff --git a/www/images/step/1.png b/www/images/step/1.png
new file mode 100644
index 0000000..f167936
Binary files /dev/null and b/www/images/step/1.png differ
diff --git a/www/images/step/2.png b/www/images/step/2.png
new file mode 100644
index 0000000..84bc8ed
Binary files /dev/null and b/www/images/step/2.png differ
diff --git a/www/images/step/3.png b/www/images/step/3.png
new file mode 100644
index 0000000..86f1855
Binary files /dev/null and b/www/images/step/3.png differ
diff --git a/www/images/step/4.png b/www/images/step/4.png
new file mode 100644
index 0000000..aa56be0
Binary files /dev/null and b/www/images/step/4.png differ
diff --git a/www/images/step/5.png b/www/images/step/5.png
new file mode 100644
index 0000000..7319963
Binary files /dev/null and b/www/images/step/5.png differ
diff --git a/www/images/strategy.png b/www/images/strategy.png
new file mode 100644
index 0000000..eb239c2
Binary files /dev/null and b/www/images/strategy.png differ
diff --git a/www/images/strategy@2x.png b/www/images/strategy@2x.png
new file mode 100644
index 0000000..e983941
Binary files /dev/null and b/www/images/strategy@2x.png differ
diff --git a/www/images/sub_academy_img.png b/www/images/sub_academy_img.png
new file mode 100644
index 0000000..e6d8931
Binary files /dev/null and b/www/images/sub_academy_img.png differ
diff --git a/www/images/sub_ict_img.png b/www/images/sub_ict_img.png
new file mode 100644
index 0000000..1f1fac5
Binary files /dev/null and b/www/images/sub_ict_img.png differ
diff --git a/www/images/sub_organiztion.png b/www/images/sub_organiztion.png
new file mode 100644
index 0000000..44f67ff
Binary files /dev/null and b/www/images/sub_organiztion.png differ
diff --git a/www/images/sub_txt_gccei.png b/www/images/sub_txt_gccei.png
new file mode 100644
index 0000000..8899ee4
Binary files /dev/null and b/www/images/sub_txt_gccei.png differ
diff --git a/www/images/sub_txt_gccei@2x.png b/www/images/sub_txt_gccei@2x.png
new file mode 100644
index 0000000..026061a
Binary files /dev/null and b/www/images/sub_txt_gccei@2x.png differ
diff --git a/www/images/ucsm.png b/www/images/ucsm.png
new file mode 100644
index 0000000..fe3d390
Binary files /dev/null and b/www/images/ucsm.png differ
diff --git a/www/images/ucsm@2x.png b/www/images/ucsm@2x.png
new file mode 100644
index 0000000..ee7f11f
Binary files /dev/null and b/www/images/ucsm@2x.png differ
diff --git a/www/images/ucsm_chart.png b/www/images/ucsm_chart.png
new file mode 100644
index 0000000..2d79e66
Binary files /dev/null and b/www/images/ucsm_chart.png differ
diff --git a/www/images/ucsm_txt_img.png b/www/images/ucsm_txt_img.png
new file mode 100644
index 0000000..92c38c7
Binary files /dev/null and b/www/images/ucsm_txt_img.png differ
diff --git a/www/images/ucsm_txt_img@2x.png b/www/images/ucsm_txt_img@2x.png
new file mode 100644
index 0000000..b7f19e9
Binary files /dev/null and b/www/images/ucsm_txt_img@2x.png differ
diff --git a/www/images/ucsp.png b/www/images/ucsp.png
new file mode 100644
index 0000000..03664e4
Binary files /dev/null and b/www/images/ucsp.png differ
diff --git a/www/images/ucsp@2x.png b/www/images/ucsp@2x.png
new file mode 100644
index 0000000..e403d0c
Binary files /dev/null and b/www/images/ucsp@2x.png differ
diff --git a/www/images/ucsp_txt_img.png b/www/images/ucsp_txt_img.png
new file mode 100644
index 0000000..4f51120
Binary files /dev/null and b/www/images/ucsp_txt_img.png differ
diff --git a/www/images/udep.png b/www/images/udep.png
new file mode 100644
index 0000000..956d0c1
Binary files /dev/null and b/www/images/udep.png differ
diff --git a/www/images/udep@2x.png b/www/images/udep@2x.png
new file mode 100644
index 0000000..28a7aea
Binary files /dev/null and b/www/images/udep@2x.png differ
diff --git a/www/images/udep_txt_img1.png b/www/images/udep_txt_img1.png
new file mode 100644
index 0000000..5fa3c3c
Binary files /dev/null and b/www/images/udep_txt_img1.png differ
diff --git a/www/images/udep_txt_img2.png b/www/images/udep_txt_img2.png
new file mode 100644
index 0000000..60dff68
Binary files /dev/null and b/www/images/udep_txt_img2.png differ
diff --git a/www/images/udep_txt_img3.png b/www/images/udep_txt_img3.png
new file mode 100644
index 0000000..b29952a
Binary files /dev/null and b/www/images/udep_txt_img3.png differ
diff --git a/www/images/unalm.png b/www/images/unalm.png
new file mode 100644
index 0000000..e9c1d4e
Binary files /dev/null and b/www/images/unalm.png differ
diff --git a/www/images/unalm@2x.png b/www/images/unalm@2x.png
new file mode 100644
index 0000000..9ba33ff
Binary files /dev/null and b/www/images/unalm@2x.png differ
diff --git a/www/images/unalm_txt_img.png b/www/images/unalm_txt_img.png
new file mode 100644
index 0000000..9b68bb9
Binary files /dev/null and b/www/images/unalm_txt_img.png differ
diff --git a/www/images/unheval.png b/www/images/unheval.png
new file mode 100644
index 0000000..0f0535b
Binary files /dev/null and b/www/images/unheval.png differ
diff --git a/www/images/unheval@2x.png b/www/images/unheval@2x.png
new file mode 100644
index 0000000..732bf43
Binary files /dev/null and b/www/images/unheval@2x.png differ
diff --git a/www/images/unheval_txt_img1.png b/www/images/unheval_txt_img1.png
new file mode 100644
index 0000000..acd5aad
Binary files /dev/null and b/www/images/unheval_txt_img1.png differ
diff --git a/www/images/unheval_txt_img2.png b/www/images/unheval_txt_img2.png
new file mode 100644
index 0000000..971aced
Binary files /dev/null and b/www/images/unheval_txt_img2.png differ
diff --git a/www/images/unheval_txt_img3.png b/www/images/unheval_txt_img3.png
new file mode 100644
index 0000000..8a5bde7
Binary files /dev/null and b/www/images/unheval_txt_img3.png differ
diff --git a/www/images/uni.png b/www/images/uni.png
new file mode 100644
index 0000000..20af966
Binary files /dev/null and b/www/images/uni.png differ
diff --git a/www/images/uni@2x.png b/www/images/uni@2x.png
new file mode 100644
index 0000000..c765be7
Binary files /dev/null and b/www/images/uni@2x.png differ
diff --git a/www/images/uni_img_group_3.png b/www/images/uni_img_group_3.png
new file mode 100644
index 0000000..31d687f
Binary files /dev/null and b/www/images/uni_img_group_3.png differ
diff --git a/www/images/uni_txt_img.png b/www/images/uni_txt_img.png
new file mode 100644
index 0000000..c93e3e0
Binary files /dev/null and b/www/images/uni_txt_img.png differ
diff --git a/www/images/uni_txt_img2.png b/www/images/uni_txt_img2.png
new file mode 100644
index 0000000..581041c
Binary files /dev/null and b/www/images/uni_txt_img2.png differ
diff --git a/www/images/uni_txt_img3.png b/www/images/uni_txt_img3.png
new file mode 100644
index 0000000..58bd8aa
Binary files /dev/null and b/www/images/uni_txt_img3.png differ
diff --git a/www/images/univ_log/.DS_Store b/www/images/univ_log/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/www/images/univ_log/.DS_Store differ
diff --git a/www/images/univ_log/S_101.png b/www/images/univ_log/S_101.png
new file mode 100644
index 0000000..f8129b2
Binary files /dev/null and b/www/images/univ_log/S_101.png differ
diff --git a/www/images/univ_log/S_102.png b/www/images/univ_log/S_102.png
new file mode 100644
index 0000000..c0e831d
Binary files /dev/null and b/www/images/univ_log/S_102.png differ
diff --git a/www/images/univ_log/S_103.png b/www/images/univ_log/S_103.png
new file mode 100644
index 0000000..7f9b5cc
Binary files /dev/null and b/www/images/univ_log/S_103.png differ
diff --git a/www/images/univ_log/S_104.png b/www/images/univ_log/S_104.png
new file mode 100644
index 0000000..fa4cf22
Binary files /dev/null and b/www/images/univ_log/S_104.png differ
diff --git a/www/images/univ_log/S_105.png b/www/images/univ_log/S_105.png
new file mode 100644
index 0000000..68761b5
Binary files /dev/null and b/www/images/univ_log/S_105.png differ
diff --git a/www/images/univ_log/S_106.png b/www/images/univ_log/S_106.png
new file mode 100644
index 0000000..f671049
Binary files /dev/null and b/www/images/univ_log/S_106.png differ
diff --git a/www/images/univ_log/S_107.png b/www/images/univ_log/S_107.png
new file mode 100644
index 0000000..79cac81
Binary files /dev/null and b/www/images/univ_log/S_107.png differ
diff --git a/www/images/univ_log/S_108.png b/www/images/univ_log/S_108.png
new file mode 100644
index 0000000..e5fc5d3
Binary files /dev/null and b/www/images/univ_log/S_108.png differ
diff --git a/www/images/univ_log/S_109.png b/www/images/univ_log/S_109.png
new file mode 100644
index 0000000..dfb8a48
Binary files /dev/null and b/www/images/univ_log/S_109.png differ
diff --git a/www/images/unmsm.png b/www/images/unmsm.png
new file mode 100644
index 0000000..14bb25e
Binary files /dev/null and b/www/images/unmsm.png differ
diff --git a/www/images/unmsm@2x.png b/www/images/unmsm@2x.png
new file mode 100644
index 0000000..e302fca
Binary files /dev/null and b/www/images/unmsm@2x.png differ
diff --git a/www/images/unmsm_txt_img.png b/www/images/unmsm_txt_img.png
new file mode 100644
index 0000000..e90fff1
Binary files /dev/null and b/www/images/unmsm_txt_img.png differ
diff --git a/www/images/unmsm_txt_img2.png b/www/images/unmsm_txt_img2.png
new file mode 100644
index 0000000..8418b4e
Binary files /dev/null and b/www/images/unmsm_txt_img2.png differ
diff --git a/www/images/unmsm_txt_img_b.png b/www/images/unmsm_txt_img_b.png
new file mode 100644
index 0000000..0c2bdc4
Binary files /dev/null and b/www/images/unmsm_txt_img_b.png differ
diff --git a/www/images/unsa.png b/www/images/unsa.png
new file mode 100644
index 0000000..365e311
Binary files /dev/null and b/www/images/unsa.png differ
diff --git a/www/images/unsa@2x.png b/www/images/unsa@2x.png
new file mode 100644
index 0000000..06fd674
Binary files /dev/null and b/www/images/unsa@2x.png differ
diff --git a/www/images/unsa_facilities.png b/www/images/unsa_facilities.png
new file mode 100644
index 0000000..11e7e40
Binary files /dev/null and b/www/images/unsa_facilities.png differ
diff --git a/www/images/unsa_facilities_b.png b/www/images/unsa_facilities_b.png
new file mode 100644
index 0000000..4e7dfd8
Binary files /dev/null and b/www/images/unsa_facilities_b.png differ
diff --git a/www/images/unsa_main.png b/www/images/unsa_main.png
new file mode 100644
index 0000000..517daa8
Binary files /dev/null and b/www/images/unsa_main.png differ
diff --git a/www/images/unsa_txt_img.png b/www/images/unsa_txt_img.png
new file mode 100644
index 0000000..a1cf731
Binary files /dev/null and b/www/images/unsa_txt_img.png differ
diff --git a/www/images/unsa_txt_img2.png b/www/images/unsa_txt_img2.png
new file mode 100644
index 0000000..2fc88d1
Binary files /dev/null and b/www/images/unsa_txt_img2.png differ
diff --git a/www/images/unsa_txt_img3.png b/www/images/unsa_txt_img3.png
new file mode 100644
index 0000000..7b79f55
Binary files /dev/null and b/www/images/unsa_txt_img3.png differ
diff --git a/www/images/unsa_txt_img_b.png b/www/images/unsa_txt_img_b.png
new file mode 100644
index 0000000..6696598
Binary files /dev/null and b/www/images/unsa_txt_img_b.png differ
diff --git a/www/images/unt.png b/www/images/unt.png
new file mode 100644
index 0000000..28f68f9
Binary files /dev/null and b/www/images/unt.png differ
diff --git a/www/images/unt@2x.png b/www/images/unt@2x.png
new file mode 100644
index 0000000..0f88473
Binary files /dev/null and b/www/images/unt@2x.png differ
diff --git a/www/images/unt_img_group_1.png b/www/images/unt_img_group_1.png
new file mode 100644
index 0000000..7205126
Binary files /dev/null and b/www/images/unt_img_group_1.png differ
diff --git a/www/images/unt_img_group_2.png b/www/images/unt_img_group_2.png
new file mode 100644
index 0000000..0c11d33
Binary files /dev/null and b/www/images/unt_img_group_2.png differ
diff --git a/www/images/unt_img_group_3.png b/www/images/unt_img_group_3.png
new file mode 100644
index 0000000..31d687f
Binary files /dev/null and b/www/images/unt_img_group_3.png differ
diff --git a/www/images/unt_img_group_4.png b/www/images/unt_img_group_4.png
new file mode 100644
index 0000000..9411daa
Binary files /dev/null and b/www/images/unt_img_group_4.png differ
diff --git a/www/images/unt_img_group_4_b.png b/www/images/unt_img_group_4_b.png
new file mode 100644
index 0000000..c5bb804
Binary files /dev/null and b/www/images/unt_img_group_4_b.png differ
diff --git a/www/images/unt_img_group_5.png b/www/images/unt_img_group_5.png
new file mode 100644
index 0000000..9dabf86
Binary files /dev/null and b/www/images/unt_img_group_5.png differ
diff --git a/www/images/unt_img_group_5_b.png b/www/images/unt_img_group_5_b.png
new file mode 100644
index 0000000..990e1eb
Binary files /dev/null and b/www/images/unt_img_group_5_b.png differ
diff --git a/www/images/unt_img_group_6.png b/www/images/unt_img_group_6.png
new file mode 100644
index 0000000..548a3d5
Binary files /dev/null and b/www/images/unt_img_group_6.png differ
diff --git a/www/images/unt_img_group_7.png b/www/images/unt_img_group_7.png
new file mode 100644
index 0000000..082a027
Binary files /dev/null and b/www/images/unt_img_group_7.png differ
diff --git a/www/images/unt_img_group_8.png b/www/images/unt_img_group_8.png
new file mode 100644
index 0000000..4b585bf
Binary files /dev/null and b/www/images/unt_img_group_8.png differ
diff --git a/www/images/unt_txt_img.png b/www/images/unt_txt_img.png
new file mode 100644
index 0000000..a408e4c
Binary files /dev/null and b/www/images/unt_txt_img.png differ
diff --git a/www/images/unt_txt_img2.png b/www/images/unt_txt_img2.png
new file mode 100644
index 0000000..c4f73a8
Binary files /dev/null and b/www/images/unt_txt_img2.png differ
diff --git a/www/images/unt_txt_img3.png b/www/images/unt_txt_img3.png
new file mode 100644
index 0000000..fb5ed32
Binary files /dev/null and b/www/images/unt_txt_img3.png differ
diff --git a/www/images/unt_txt_img4.png b/www/images/unt_txt_img4.png
new file mode 100644
index 0000000..4621327
Binary files /dev/null and b/www/images/unt_txt_img4.png differ
diff --git a/www/images/up.png b/www/images/up.png
new file mode 100644
index 0000000..7a72e6b
Binary files /dev/null and b/www/images/up.png differ
diff --git a/www/images/view_catalog.png b/www/images/view_catalog.png
new file mode 100644
index 0000000..c32d41d
Binary files /dev/null and b/www/images/view_catalog.png differ
diff --git a/www/images/view_video_link.png b/www/images/view_video_link.png
new file mode 100644
index 0000000..4eb2bed
Binary files /dev/null and b/www/images/view_video_link.png differ
diff --git a/www/images/vision.png b/www/images/vision.png
new file mode 100644
index 0000000..3f1abbc
Binary files /dev/null and b/www/images/vision.png differ
diff --git a/www/images/vision_mission.png b/www/images/vision_mission.png
new file mode 100644
index 0000000..bbc8f11
Binary files /dev/null and b/www/images/vision_mission.png differ
diff --git a/www/include/bottom.jsp b/www/include/bottom.jsp
new file mode 100644
index 0000000..3f66675
--- /dev/null
+++ b/www/include/bottom.jsp
@@ -0,0 +1,34 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+       
          
+            
          
+
+                
          (c)KOICA. All right reserved.
          
+
+            
          
+
+        
          
+
+
+
+
+    
          
+    
+
+    
+    
+    
+    
+  
+  
+  
+  
+
+
+
+ 	<%}else{%>
+	
+	<%}%>
+ 
\ No newline at end of file
diff --git a/www/include/db/db_close.jsp b/www/include/db/db_close.jsp
new file mode 100644
index 0000000..7405006
--- /dev/null
+++ b/www/include/db/db_close.jsp
@@ -0,0 +1,11 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%
+	
+  	stmt2.close();
+  	stmt.close();
+	conn.close();
+	
+	} catch(NumberFormatException e){
+		 response.sendRedirect("/error.jsp");
+	}
+%>
\ No newline at end of file
diff --git a/www/include/db/db_connect.jsp b/www/include/db/db_connect.jsp
new file mode 100644
index 0000000..dbd90aa
--- /dev/null
+++ b/www/include/db/db_connect.jsp
@@ -0,0 +1,13 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page  import="java.sql.*,java.util.*"%>
+<%
+	 Class.forName("org.mariadb.jdbc.Driver");
+       
+	 try{
+	  // Connection conn = DriverManager.getConnection("jdbc:mariadb://localhost:3306/cinnovacion","cinnovacion","c0ncyt3c");
+	     Connection conn = DriverManager.getConnection("jdbc:mariadb://localhost:3306/resoft","root","c0ncyt3c");
+
+ 	 Statement stmt=conn.createStatement();
+ 	 Statement stmt2=conn.createStatement();
+
+%>
diff --git a/www/include/function/function.jsp b/www/include/function/function.jsp
new file mode 100644
index 0000000..e569f9b
--- /dev/null
+++ b/www/include/function/function.jsp
@@ -0,0 +1,25 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%!
+	public String r_call(String flag) 
+	{ 
+		String pl1 =  flag;
+		if (pl1 == null) {
+			pl1 = "";
+		}
+		String str = pl1.replaceAll("<","<");
+		str = str.replaceAll("script","");
+		str = str.replaceAll(">",">");
+		str = str.replaceAll("'","''");
+		return str; 
+	} 
+	public String r_call2(String flag) 
+	{ 
+		String pl1 =  flag;
+		if (pl1 == null) {
+			pl1 = "";
+		}
+		String str = pl1.replaceAll("script","");
+		str = str.replaceAll("'","''");
+		return str; 
+	} 
+%>	
diff --git a/www/include/head.jsp b/www/include/head.jsp
new file mode 100644
index 0000000..ed0b299
--- /dev/null
+++ b/www/include/head.jsp
@@ -0,0 +1,237 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%
+	String page_title = "";
+ 	int menu1 = 0;
+ 	String menu1_title = "";
+ 	int menu2 = 0;
+ 	int menu3 = 0;
+ 	String navi_text = "home > ";
+ 	String page_content = "";
+ 	int page_type = 0;
+ 	
+ 	String show_no = r_call(request.getParameter("show_no"));
+ 	String check_no = r_call(request.getParameter("check_no"));
+ 	String c_relation = r_call(request.getParameter("c_relation"));
+ 	String c_relation2 = r_call(request.getParameter("c_relation2"));
+ 	
+ 	int page_ok = 0;
+	if(!show_no.equals("")){ 	
+		String sql_page = "select a.*,(select c_up_no from tbl_menu where c_no = a.c_up_no ) as c_up_up_no ";
+		sql_page = sql_page + " ,(select c_name from tbl_menu where c_no = a.c_up_no ) as c_up_name ";
+		sql_page = sql_page + " from tbl_menu a ";
+		sql_page = sql_page + " where a.c_no = "+ show_no +" and a.c_up_no = "+ check_no +" and a.c_relation = "+ c_relation +" and a.c_relation2 = "+ c_relation2 +" ";
+		sql_page = sql_page + "  and a.c_home = 11 "; 
+		ResultSet rs_page = stmt.executeQuery(sql_page);
+		if(rs_page.next()){
+			page_title = rs_page.getString("c_name");
+			page_content = rs_page.getString("c_content");
+			page_type = rs_page.getInt("c_type");
+			if(rs_page.getInt("c_up_up_no") == 0){
+				menu1 = rs_page.getInt("c_up_no");				
+				menu1_title = rs_page.getString("c_up_name");				
+				menu2 = rs_page.getInt("c_no");				
+				navi_text = navi_text + rs_page.getString("c_up_name") + " > " + rs_page.getString("c_name");
+			}else{
+				String sql_page2 = "select c_name from tbl_menu where c_no = " + rs_page.getInt("c_up_up_no");
+				ResultSet rs_page2 = stmt.executeQuery(sql_page2);
+				if(rs_page2.next()){
+					menu1 = rs_page.getInt("c_up_up_no");				
+					menu1_title = rs_page2.getString("c_name");				
+					menu2 = rs_page.getInt("c_up_no");	
+					menu3 = rs_page.getInt("c_no");				
+					navi_text = navi_text + rs_page2.getString("c_name") + " > " + rs_page.getString("c_up_name") + " > " + rs_page.getString("c_name");
+				}else{
+					page_ok = 1;
+				}
+				rs_page.close();
+			}
+		}else{
+			page_ok = 1;
+		}
+		rs_page.close();
+	}
+	if(page_ok == 0 ){
+%>
+
+
+
+    
+    
+    
+    C-Innovacion
+    
+    
+    
+    
+    
+
+
+    
+    
          
+        
          
+            
          
+                
          
+                     
+                    
+                
          
+                
+
+	  
+                
          대메뉴
          
+                
+
+                
          관련서비스
          
+                
+
+                
+
+
+
+            
          
+            
+
+        
          
+        
+        
+        
+        
+        
\ No newline at end of file
diff --git a/www/include/include.jsp b/www/include/include.jsp
new file mode 100644
index 0000000..52aaab1
--- /dev/null
+++ b/www/include/include.jsp
@@ -0,0 +1,6 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/db/db_connect.jsp"%>
+<%@include file="/include/function/function.jsp"%>
+<%
+	int login_tag = 1;
+%>
\ No newline at end of file
diff --git a/www/include/include_b.jsp b/www/include/include_b.jsp
new file mode 100644
index 0000000..98cb44d
--- /dev/null
+++ b/www/include/include_b.jsp
@@ -0,0 +1,3 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+
+<%@include file="/include/db/db_close.jsp"%>
diff --git a/www/index.jsp b/www/index.jsp
new file mode 100644
index 0000000..dea9d06
--- /dev/null
+++ b/www/index.jsp
@@ -0,0 +1,502 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+
+
+        
          
+            
          
+                
          
+                    
            
+                        
          • 
+                            
            
+                                이미지
+                            
            
+                            
+
+                        
            • 
+                        
          • 
+                            
            
+                                이미지
+                                
+                            
            
+                            
+                        
            • 
+                        
          • 
+                            
            
+                                이미지
+                            
            
+                            
+                        
            • 
+                        
+                    
          
+
+                    
          
+                
          
+            
          
+
+            
          
+                
          
+                    
+                
          
+            
          
+  
+            
+            
          
+                
          
+                    
          
+                        
          
+                            
+                                
          KOICA In Peru
          
+                                
          Mission : Cooperation and mutual development for peace and 
+                                    prosperity by focusing on people
          
+                                
          Vision : Representative Organization of Korea for Development
+                                Cooperation to Implement Global Social Values.
+                                
          
+                                      
+                            
+                        
          
+                
+                        
          
+                            
+
+                        
          
+                    
          
+                
          
+            
          
+
+
+            
          
+                
          
+                    
          
+                        
          
+                            
          
+                                
+                             
+                            
          
+                            
          
+                                
+                                    
          CONCYTEC

          
+                                    
          We have ……
          
+                                        The Knowledge-Based Data Analysis Laboratory is
+                                        conducting various studies related to 
+                                        "Recommendation Systems", "Internet of Things", 
+                                        and "Text Mining".
+                                    
          
+                                          
+                                
+                            
          
+                        
          
+                        
+
+                        
          
+                            
          
+                                
+    
+                            
          
+                            
          
+                                
+                                    
          Inha Univ.

          
+                                    
           Inha University instills and fosters a drive to reach one’s potential, creativity, life-long learning, and a sense of social responsibility in its graduates. 
+                                        
          
+                                          
+                            
          
+
+                        
          
+                    
          
+                
          
+            
          
+
+            
+
+
+            
          
+                
          
+                    
          
+                        
          
+                            
          
+                                
+      
+                            
          
+                            
          
+                              
+                                
          GCCEI

          
+                                
          Gyeonggi Center for Creative Economy & Innovation (GCCEI) supports startups in ICT sector, such as 5G, AI, and IoT, to lead future industries.
+                                
          
+                                        
+                            
          
+                        
          
+                        
+
+                        
          
+                            
          
+                                
+    
+                            
          
+                            
          
+                            	 
+                                
          N15

          
+                                
          We’re a Platform that asks new questions to spur human Creativity, connects creators to the right partners, and paves the way for innovative tech to make its way into the communities that need it.
+                                
          
+                                         
+                            
          
+
+                        
          
+                        
+                    
          
+                
          
+            
          
+
+            
          
+                
          
+                    
+                        Academy Information
+                    
+                
          
+
+                
          
+                        
+
+                        
+                    
          
+                
          
+                    
+                    
+                
          
+            
          
+
+            
          
+
+                
          
+
+                    
          
+
+                        
          
+
+                            
          Sub-Platform SYSTEM
          
+                            
+                            
          
+                                
+                            
          
+
+                        
          
+                        
+                        
          
+                           
+    
+
+                            
          
+                                
+                                
+                                
+                                
+                                
+                               
+
+                                
+                                
          
+                                    
            
+                                    <%
+				String  sql1 = " select t.* from ( select a.*  ";
+				sql1 = sql1 + " from tbl_board a ";
+				sql1 = sql1 + " where  a.c_use=0 and a.c_relation = 2049 and a.c_relation2 = 1105 and a.c_home = 11 and a.c_maker = 1 and a.c_board_no = 413) t ";
+				sql1 = sql1 + " order by t.c_no desc ";
+				sql1 = sql1 + " limit 5 ";
+				ResultSet rst = stmt.executeQuery(sql1);
+				  while (rst.next()) {
+				 	%>
+                                        
          • 
+                                            &nowPage=1">
+                                                
            <%=rst.getString("c_title")%>
            
+                                                
            <%=rst.getString("c_date").substring(0,10)%>
            
+                                                        
+                                        
            • 
+                                    <%}
+                                    rst.close();
+                                    %>
+                                       
+                                    
          
+
+                                
          
+
+                                
          
+                                    
            
+                                         <%
+				sql1 = " select t.* from ( select a.*  ";
+				sql1 = sql1 + " from tbl_board a ";
+				sql1 = sql1 + " where  a.c_use=0 and a.c_relation = 2050 and a.c_relation2 = 1106 and a.c_home = 11 and a.c_maker = 1 and a.c_board_no = 414) t ";
+				sql1 = sql1 + " order by t.c_no desc ";
+				sql1 = sql1 + " limit 5 ";
+				rst = stmt.executeQuery(sql1);
+				  while (rst.next()) {
+				 	%>
+                                        
          • 
+                                            &nowPage=1">
+                                                
            <%=rst.getString("c_title")%>
            
+                                                
            <%=rst.getString("c_date").substring(0,10)%>
            
+                                                        
+                                        
            • 
+                                    <%}
+                                    rst.close();
+                                    %>
+                                    
          
+                                    
+                                
          
+
+                            
          
+                            
+                            
+                        
          
+                        
+                    
          
+                    
+
+                
          
+
+            
          
+            
+
+
+            
          
+                
          
+                    
+                        Photo zone
+                    
+                
          
+
+                
          
+                    
            
+                     		 <%
+				sql1 = " select t.* from ( select a.*  ";
+				sql1 = sql1 + " from tbl_board a ";
+				sql1 = sql1 + " where  a.c_use=0 and a.c_relation = 2051 and a.c_relation2 = 1107 and a.c_home = 11 and a.c_maker = 1 and a.c_board_no = 415) t ";
+				sql1 = sql1 + " order by t.c_no desc ";
+				sql1 = sql1 + " limit 5 ";
+				rst = stmt.executeQuery(sql1);
+				  while (rst.next()) {
+				 	%>
+                            
          • 
+                                
+                                    
            
+                                        " alt="" style="max-width:444px;max-height:266px">
+                                    
            
+                                            
+                                
+                            
            • 
+                            <%}
+                                    rst.close();
+                                    %>
+                            
+                           
+                    
          
+
+                    
+                
          
+                
          
+                    
+                    
+                
          
+            
          
+            
+
+           
+            
+
+            
+        
          
+        
+
+ 
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
+
+   
\ No newline at end of file
diff --git a/www/index_b.jsp b/www/index_b.jsp
new file mode 100644
index 0000000..f7fca42
--- /dev/null
+++ b/www/index_b.jsp
@@ -0,0 +1,502 @@
+<%@ page  contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@include file="/include/include.jsp"%>
+<%@include file="/include/head.jsp"%>
+
+
+        
          
+            
          
+                
          
+                    
            
+                        
          • 
+                            
            
+                                이미지
+                            
            
+                            
+
+                        
            • 
+                        
          • 
+                            
            
+                                이미지
+                                
+                            
            
+                            
+                        
            • 
+                        
          • 
+                            
            
+                                이미지
+                            
            
+                            
+                        
            • 
+                        
+                    
          
+
+                    
          
+                
          
+            
          
+
+            
          
+                
          
+                    
+                
          
+            
          
+  
+            
+            
          
+                
          
+                    
          
+                        
          
+                            
+                                
          KOICA In Peru
          
+                                
          Mission : Cooperation and mutual development for peace and 
+                                    prosperity by focusing on people
          
+                                
          Vision : Representative Organization of Korea for Development
+                                Cooperation to Implement Global Social Values.
+                                
          
+                                      
+                            
+                        
          
+                
+                        
          
+                            
+
+                        
          
+                    
          
+                
          
+            
          
+
+
+            
          
+                
          
+                    
          
+                        
          
+                            
          
+                                
+                             
+                            
          
+                            
          
+                                
+                                    
          CONCYTEC

          
+                                    
          We have ……
          
+                                        The Knowledge-Based Data Analysis Laboratory is
+                                        conducting various studies related to 
+                                        "Recommendation Systems", "Internet of Things", 
+                                        and "Text Mining".
+                                    
          
+                                          
+                                
+                            
          
+                        
          
+                        
+
+                        
          
+                            
          
+                                
+    
+                            
          
+                            
          
+                                
+                                    
          Inha Univ.

          
+                                    
           Inha University instills and fosters a drive to reach one’s potential, creativity, life-long learning, and a sense of social responsibility in its graduates. 
+                                        
          
+                                          
+                            
          
+
+                        
          
+                    
          
+                
          
+            
          
+
+            
+
+
+            
          
+                
          
+                    
          
+                        
          
+                            
          
+                                
+      
+                            
          
+                            
          
+                              
+                                
          GCCEI

          
+                                
          Gyeonggi Center for Creative Economy & Innovation (GCCEI) supports startups in ICT sector, such as 5G, AI, and IoT, to lead future industries.
+                                
          
+                                        
+                            
          
+                        
          
+                        
+
+                        
          
+                            
          
+                                
+    
+                            
          
+                            
          
+                            	 
+                                
          N15

          
+                                
          We’re a Platform that asks new questions to spur human Creativity, connects creators to the right partners, and paves the way for innovative tech to make its way into the communities that need it.
+                                
          
+                                         
+                            
          
+
+                        
          
+                        
+                    
          
+                
          
+            
          
+
+            
          
+                
          
+                    
+                        Academy Information
+                    
+                
          
+
+                
          
+                        
+
+                        
+                    
          
+                
          
+                    
+                    
+                
          
+            
          
+
+            
          
+
+                
          
+
+                    
          
+
+                        
          
+
+                            
          Sub-Platform SYSTEM
          
+                            
+                            
          
+                                
+                            
          
+
+                        
          
+                        
+                        
          
+                           
+    
+
+                            
          
+                                
+                                
+                                
+                                
+                                
+                               
+
+                                
+                                
          
+                                    
            
+                                    <%
+				String  sql1 = " select t.* from ( select a.*  ";
+				sql1 = sql1 + " from tbl_board a ";
+				sql1 = sql1 + " where  a.c_use=0 and a.c_relation = 2049 and a.c_relation2 = 1105 and a.c_home = 11 and a.c_maker = 1 and a.c_board_no = 413) t ";
+				sql1 = sql1 + " order by t.c_no desc ";
+				sql1 = sql1 + " limit 5 ";
+				ResultSet rst = stmt.executeQuery(sql1);
+				  while (rst.next()) {
+				 	%>
+                                        
          • 
+                                            &nowPage=1">
+                                                
            <%=rst.getString("c_title")%>
            
+                                                
            <%=rst.getString("c_date").substring(0,10)%>
            
+                                                        
+                                        
            • 
+                                    <%}
+                                    rst.close();
+                                    %>
+                                       
+                                    
          
+
+                                
          
+
+                                
          
+                                    
            
+                                         <%
+				sql1 = " select t.* from ( select a.*  ";
+				sql1 = sql1 + " from tbl_board a ";
+				sql1 = sql1 + " where  a.c_use=0 and a.c_relation = 2050 and a.c_relation2 = 1106 and a.c_home = 11 and a.c_maker = 1 and a.c_board_no = 414) t ";
+				sql1 = sql1 + " order by t.c_no desc ";
+				sql1 = sql1 + " limit 5 ";
+				rst = stmt.executeQuery(sql1);
+				  while (rst.next()) {
+				 	%>
+                                        
          • 
+                                            &nowPage=1">
+                                                
            <%=rst.getString("c_title")%>
            
+                                                
            <%=rst.getString("c_date").substring(0,10)%>
            
+                                                        
+                                        
            • 
+                                    <%}
+                                    rst.close();
+                                    %>
+                                    
          
+                                    
+                                
          
+
+                            
          
+                            
+                            
+                        
          
+                        
+                    
          
+                    
+
+                
          
+
+            
          
+            
+
+
+            
          
+                
          
+                    
+                        Photo zone
+                    
+                
          
+
+                
          
+                    
            
+                     		 <%
+				sql1 = " select t.* from ( select a.*  ";
+				sql1 = sql1 + " from tbl_board a ";
+				sql1 = sql1 + " where  a.c_use=0 and a.c_relation = 2051 and a.c_relation2 = 1107 and a.c_home = 11 and a.c_maker = 1 and a.c_board_no = 415) t ";
+				sql1 = sql1 + " order by t.c_no desc ";
+				sql1 = sql1 + " limit 5 ";
+				rst = stmt.executeQuery(sql1);
+				  while (rst.next()) {
+				 	%>
+                            
          • 
+                                
+                                    
            
+                                        " alt="" style="max-width:444px;max-height:266px">
+                                    
            
+                                            
+                                
+                            
            • 
+                            <%}
+                                    rst.close();
+                                    %>
+                            
+                           
+                    
          
+
+                    
+                
          
+                
          
+                    
+                    
+                
          
+            
          
+            
+
+           
+            
+
+            
+        
          
+        
+
+ 
+<%@include file="/include/bottom.jsp"%>
+<%@include file="/include/include_b.jsp"%>
+
+   
\ No newline at end of file
diff --git a/www/js/gallery.js b/www/js/gallery.js
new file mode 100644
index 0000000..831c435
--- /dev/null
+++ b/www/js/gallery.js
@@ -0,0 +1,122 @@
+var gallery = document.querySelector('.gallery');
+var galleryItems = document.querySelectorAll('.gallery-item');
+var numOfItems = gallery.children.length;
+var itemWidth = 23; // percent: as set in css
+
+var featured = document.querySelector('.featured-item');
+
+var leftBtn = document.querySelector('.move-btn.left');
+var rightBtn = document.querySelector('.move-btn.right');
+var leftInterval;
+var rightInterval;
+
+var scrollRate = 0.2;
+var left;
+
+function selectItem(e) {
+	if (e.target.classList.contains('active')) return;
+	
+	featured.style.backgroundImage = e.target.style.backgroundImage;
+	
+	for (var i = 0; i < galleryItems.length; i++) {
+		if (galleryItems[i].classList.contains('active'))
+			galleryItems[i].classList.remove('active');
+	}
+	
+	e.target.classList.add('active');
+}
+
+function galleryWrapLeft() {
+	var first = gallery.children[0];
+	gallery.removeChild(first);
+	gallery.style.left = -itemWidth + '%';
+	gallery.appendChild(first);
+	gallery.style.left = '0%';
+}
+
+function galleryWrapRight() {
+	var last = gallery.children[gallery.children.length - 1];
+	gallery.removeChild(last);
+	gallery.insertBefore(last, gallery.children[0]);
+	gallery.style.left = '-23%';
+}
+
+function moveLeft() {
+	left = left || 0;
+
+	leftInterval = setInterval(function() {
+		gallery.style.left = left + '%';
+
+		if (left > -itemWidth) {
+			left -= scrollRate;
+		} else {
+			left = 0;
+			galleryWrapLeft();
+		}
+	}, 1);
+}
+
+function moveRight() {
+	//Make sure there is element to the leftd
+	if (left > -itemWidth && left < 0) {
+		left = left  - itemWidth;
+		
+		var last = gallery.children[gallery.children.length - 1];
+		gallery.removeChild(last);
+		gallery.style.left = left + '%';
+		gallery.insertBefore(last, gallery.children[0]);	
+	}
+	
+	left = left || 0;
+
+	leftInterval = setInterval(function() {
+		gallery.style.left = left + '%';
+
+		if (left < 0) {
+			left += scrollRate;
+		} else {
+			left = -itemWidth;
+			galleryWrapRight();
+		}
+	}, 1);
+}
+
+function stopMovement() {
+	clearInterval(leftInterval);
+	clearInterval(rightInterval);
+}
+
+leftBtn.addEventListener('mouseenter', moveLeft);
+leftBtn.addEventListener('mouseleave', stopMovement);
+rightBtn.addEventListener('mouseenter', moveRight);
+rightBtn.addEventListener('mouseleave', stopMovement);
+
+
+//Start this baby up
+(function init() {
+	var images = [
+
+		'./images/photo_gallery/1.png',
+        '../images/photo_gallery/2.png',
+		'../images/photo_gallery/3.png',
+		'../images/photo_gallery/4.png',
+		'../images/photo_gallery/5.png',
+		'../images/photo_gallery/6.png',
+		'../images/photo_gallery/7.png',
+		'../images/photo_gallery/8.png',
+		'../images/photo_gallery/9.png',
+		'../images/photo_gallery/10.png',
+		'../images/photo_gallery/11.png',
+		'../images/photo_gallery/12.png'
+		
+	];
+	
+	//Set Initial Featured Image
+	featured.style.backgroundImage = 'url(' + images[0] + ')';
+	
+	//Set Images for Gallery and Add Event Listeners
+	for (var i = 0; i < galleryItems.length; i++) {
+		galleryItems[i].style.backgroundImage = 'url(' + images[i] + ')';
+		galleryItems[i].addEventListener('click', selectItem);
+	}
+})();
\ No newline at end of file
diff --git a/www/js/jquery-3.1.1.min.js b/www/js/jquery-3.1.1.min.js
new file mode 100644
index 0000000..243c46d
--- /dev/null
+++ b/www/js/jquery-3.1.1.min.js
@@ -0,0 +1,2602 @@
+/*! jQuery v3.3.1 | (c) JS Foundation and other contributors | jquery.org/license */
+!function (e, t) {
+    "use strict";
+    "object" == typeof module && "object" == typeof module.exports ? module.exports = e.document ? t(e, !0) : function (e) {
+        if (!e.document) throw new Error("jQuery requires a window with a document");
+        return t(e)
+    } : t(e)
+}("undefined" != typeof window ? window : this, function (e, t) {
+    "use strict";
+    var n = [], r = e.document, i = Object.getPrototypeOf, o = n.slice, a = n.concat, s = n.push, u = n.indexOf, l = {},
+        c = l.toString, f = l.hasOwnProperty, p = f.toString, d = p.call(Object), h = {}, g = function e(t) {
+            return "function" == typeof t && "number" != typeof t.nodeType
+        }, y = function e(t) {
+            return null != t && t === t.window
+        }, v = {type: !0, src: !0, noModule: !0};
+
+    function m(e, t, n) {
+        var i, o = (t = t || r).createElement("script");
+        if (o.text = e, n) for (i in v) n[i] && (o[i] = n[i]);
+        t.head.appendChild(o).parentNode.removeChild(o)
+    }
+
+    function x(e) {
+        return null == e ? e + "" : "object" == typeof e || "function" == typeof e ? l[c.call(e)] || "object" : typeof e
+    }
+
+    var b = "3.3.1", w = function (e, t) {
+        return new w.fn.init(e, t)
+    }, T = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
+    w.fn = w.prototype = {
+        jquery: "3.3.1", constructor: w, length: 0, toArray: function () {
+            return o.call(this)
+        }, get: function (e) {
+            return null == e ? o.call(this) : e < 0 ? this[e + this.length] : this[e]
+        }, pushStack: function (e) {
+            var t = w.merge(this.constructor(), e);
+            return t.prevObject = this, t
+        }, each: function (e) {
+            return w.each(this, e)
+        }, map: function (e) {
+            return this.pushStack(w.map(this, function (t, n) {
+                return e.call(t, n, t)
+            }))
+        }, slice: function () {
+            return this.pushStack(o.apply(this, arguments))
+        }, first: function () {
+            return this.eq(0)
+        }, last: function () {
+            return this.eq(-1)
+        }, eq: function (e) {
+            var t = this.length, n = +e + (e < 0 ? t : 0);
+            return this.pushStack(n >= 0 && n < t ? [this[n]] : [])
+        }, end: function () {
+            return this.prevObject || this.constructor()
+        }, push: s, sort: n.sort, splice: n.splice
+    }, w.extend = w.fn.extend = function () {
+        var e, t, n, r, i, o, a = arguments[0] || {}, s = 1, u = arguments.length, l = !1;
+        for ("boolean" == typeof a && (l = a, a = arguments[s] || {}, s++), "object" == typeof a || g(a) || (a = {}), s === u && (a = this, s--); s < u; s++) if (null != (e = arguments[s])) for (t in e) n = a[t], a !== (r = e[t]) && (l && r && (w.isPlainObject(r) || (i = Array.isArray(r))) ? (i ? (i = !1, o = n && Array.isArray(n) ? n : []) : o = n && w.isPlainObject(n) ? n : {}, a[t] = w.extend(l, o, r)) : void 0 !== r && (a[t] = r));
+        return a
+    }, w.extend({
+        expando: "jQuery" + ("3.3.1" + Math.random()).replace(/\D/g, ""), isReady: !0, error: function (e) {
+            throw new Error(e)
+        }, noop: function () {
+        }, isPlainObject: function (e) {
+            var t, n;
+            return !(!e || "[object Object]" !== c.call(e)) && (!(t = i(e)) || "function" == typeof(n = f.call(t, "constructor") && t.constructor) && p.call(n) === d)
+        }, isEmptyObject: function (e) {
+            var t;
+            for (t in e) return !1;
+            return !0
+        }, globalEval: function (e) {
+            m(e)
+        }, each: function (e, t) {
+            var n, r = 0;
+            if (C(e)) {
+                for (n = e.length; r < n; r++) if (!1 === t.call(e[r], r, e[r])) break
+            } else for (r in e) if (!1 === t.call(e[r], r, e[r])) break;
+            return e
+        }, trim: function (e) {
+            return null == e ? "" : (e + "").replace(T, "")
+        }, makeArray: function (e, t) {
+            var n = t || [];
+            return null != e && (C(Object(e)) ? w.merge(n, "string" == typeof e ? [e] : e) : s.call(n, e)), n
+        }, inArray: function (e, t, n) {
+            return null == t ? -1 : u.call(t, e, n)
+        }, merge: function (e, t) {
+            for (var n = +t.length, r = 0, i = e.length; r < n; r++) e[i++] = t[r];
+            return e.length = i, e
+        }, grep: function (e, t, n) {
+            for (var r, i = [], o = 0, a = e.length, s = !n; o < a; o++) (r = !t(e[o], o)) !== s && i.push(e[o]);
+            return i
+        }, map: function (e, t, n) {
+            var r, i, o = 0, s = [];
+            if (C(e)) for (r = e.length; o < r; o++) null != (i = t(e[o], o, n)) && s.push(i); else for (o in e) null != (i = t(e[o], o, n)) && s.push(i);
+            return a.apply([], s)
+        }, guid: 1, support: h
+    }), "function" == typeof Symbol && (w.fn[Symbol.iterator] = n[Symbol.iterator]), w.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "), function (e, t) {
+        l["[object " + t + "]"] = t.toLowerCase()
+    });
+
+    function C(e) {
+        var t = !!e && "length" in e && e.length, n = x(e);
+        return !g(e) && !y(e) && ("array" === n || 0 === t || "number" == typeof t && t > 0 && t - 1 in e)
+    }
+
+    var E = function (e) {
+        var t, n, r, i, o, a, s, u, l, c, f, p, d, h, g, y, v, m, x, b = "sizzle" + 1 * new Date, w = e.document, T = 0,
+            C = 0, E = ae(), k = ae(), S = ae(), D = function (e, t) {
+                return e === t && (f = !0), 0
+            }, N = {}.hasOwnProperty, A = [], j = A.pop, q = A.push, L = A.push, H = A.slice, O = function (e, t) {
+                for (var n = 0, r = e.length; n < r; n++) if (e[n] === t) return n;
+                return -1
+            },
+            P = "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",
+            M = "[\\x20\\t\\r\\n\\f]", R = "(?:\\\\.|[\\w-]|[^\0-\\xa0])+",
+            I = "\\[" + M + "*(" + R + ")(?:" + M + "*([*^$|!~]?=)" + M + "*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|(" + R + "))|)" + M + "*\\]",
+            W = ":(" + R + ")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|" + I + ")*)|.*)\\)|)",
+            $ = new RegExp(M + "+", "g"), B = new RegExp("^" + M + "+|((?:^|[^\\\\])(?:\\\\.)*)" + M + "+$", "g"),
+            F = new RegExp("^" + M + "*," + M + "*"), _ = new RegExp("^" + M + "*([>+~]|" + M + ")" + M + "*"),
+            z = new RegExp("=" + M + "*([^\\]'\"]*?)" + M + "*\\]", "g"), X = new RegExp(W),
+            U = new RegExp("^" + R + "$"), V = {
+                ID: new RegExp("^#(" + R + ")"),
+                CLASS: new RegExp("^\\.(" + R + ")"),
+                TAG: new RegExp("^(" + R + "|[*])"),
+                ATTR: new RegExp("^" + I),
+                PSEUDO: new RegExp("^" + W),
+                CHILD: new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + M + "*(even|odd|(([+-]|)(\\d*)n|)" + M + "*(?:([+-]|)" + M + "*(\\d+)|))" + M + "*\\)|)", "i"),
+                bool: new RegExp("^(?:" + P + ")$", "i"),
+                needsContext: new RegExp("^" + M + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" + M + "*((?:-\\d)?\\d*)" + M + "*\\)|)(?=[^-]|$)", "i")
+            }, G = /^(?:input|select|textarea|button)$/i, Y = /^h\d$/i, Q = /^[^{]+\{\s*\[native \w/,
+            J = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/, K = /[+~]/,
+            Z = new RegExp("\\\\([\\da-f]{1,6}" + M + "?|(" + M + ")|.)", "ig"), ee = function (e, t, n) {
+                var r = "0x" + t - 65536;
+                return r !== r || n ? t : r < 0 ? String.fromCharCode(r + 65536) : String.fromCharCode(r >> 10 | 55296, 1023 & r | 56320)
+            }, te = /([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g, ne = function (e, t) {
+                return t ? "\0" === e ? "\ufffd" : e.slice(0, -1) + "\\" + e.charCodeAt(e.length - 1).toString(16) + " " : "\\" + e
+            }, re = function () {
+                p()
+            }, ie = me(function (e) {
+                return !0 === e.disabled && ("form" in e || "label" in e)
+            }, {dir: "parentNode", next: "legend"});
+        try {
+            L.apply(A = H.call(w.childNodes), w.childNodes), A[w.childNodes.length].nodeType
+        } catch (e) {
+            L = {
+                apply: A.length ? function (e, t) {
+                    q.apply(e, H.call(t))
+                } : function (e, t) {
+                    var n = e.length, r = 0;
+                    while (e[n++] = t[r++]) ;
+                    e.length = n - 1
+                }
+            }
+        }
+
+        function oe(e, t, r, i) {
+            var o, s, l, c, f, h, v, m = t && t.ownerDocument, T = t ? t.nodeType : 9;
+            if (r = r || [], "string" != typeof e || !e || 1 !== T && 9 !== T && 11 !== T) return r;
+            if (!i && ((t ? t.ownerDocument || t : w) !== d && p(t), t = t || d, g)) {
+                if (11 !== T && (f = J.exec(e))) if (o = f[1]) {
+                    if (9 === T) {
+                        if (!(l = t.getElementById(o))) return r;
+                        if (l.id === o) return r.push(l), r
+                    } else if (m && (l = m.getElementById(o)) && x(t, l) && l.id === o) return r.push(l), r
+                } else {
+                    if (f[2]) return L.apply(r, t.getElementsByTagName(e)), r;
+                    if ((o = f[3]) && n.getElementsByClassName && t.getElementsByClassName) return L.apply(r, t.getElementsByClassName(o)), r
+                }
+                if (n.qsa && !S[e + " "] && (!y || !y.test(e))) {
+                    if (1 !== T) m = t, v = e; else if ("object" !== t.nodeName.toLowerCase()) {
+                        (c = t.getAttribute("id")) ? c = c.replace(te, ne) : t.setAttribute("id", c = b), s = (h = a(e)).length;
+                        while (s--) h[s] = "#" + c + " " + ve(h[s]);
+                        v = h.join(","), m = K.test(e) && ge(t.parentNode) || t
+                    }
+                    if (v) try {
+                        return L.apply(r, m.querySelectorAll(v)), r
+                    } catch (e) {
+                    } finally {
+                        c === b && t.removeAttribute("id")
+                    }
+                }
+            }
+            return u(e.replace(B, "$1"), t, r, i)
+        }
+
+        function ae() {
+            var e = [];
+
+            function t(n, i) {
+                return e.push(n + " ") > r.cacheLength && delete t[e.shift()], t[n + " "] = i
+            }
+
+            return t
+        }
+
+        function se(e) {
+            return e[b] = !0, e
+        }
+
+        function ue(e) {
+            var t = d.createElement("fieldset");
+            try {
+                return !!e(t)
+            } catch (e) {
+                return !1
+            } finally {
+                t.parentNode && t.parentNode.removeChild(t), t = null
+            }
+        }
+
+        function le(e, t) {
+            var n = e.split("|"), i = n.length;
+            while (i--) r.attrHandle[n[i]] = t
+        }
+
+        function ce(e, t) {
+            var n = t && e, r = n && 1 === e.nodeType && 1 === t.nodeType && e.sourceIndex - t.sourceIndex;
+            if (r) return r;
+            if (n) while (n = n.nextSibling) if (n === t) return -1;
+            return e ? 1 : -1
+        }
+
+        function fe(e) {
+            return function (t) {
+                return "input" === t.nodeName.toLowerCase() && t.type === e
+            }
+        }
+
+        function pe(e) {
+            return function (t) {
+                var n = t.nodeName.toLowerCase();
+                return ("input" === n || "button" === n) && t.type === e
+            }
+        }
+
+        function de(e) {
+            return function (t) {
+                return "form" in t ? t.parentNode && !1 === t.disabled ? "label" in t ? "label" in t.parentNode ? t.parentNode.disabled === e : t.disabled === e : t.isDisabled === e || t.isDisabled !== !e && ie(t) === e : t.disabled === e : "label" in t && t.disabled === e
+            }
+        }
+
+        function he(e) {
+            return se(function (t) {
+                return t = +t, se(function (n, r) {
+                    var i, o = e([], n.length, t), a = o.length;
+                    while (a--) n[i = o[a]] && (n[i] = !(r[i] = n[i]))
+                })
+            })
+        }
+
+        function ge(e) {
+            return e && "undefined" != typeof e.getElementsByTagName && e
+        }
+
+        n = oe.support = {}, o = oe.isXML = function (e) {
+            var t = e && (e.ownerDocument || e).documentElement;
+            return !!t && "HTML" !== t.nodeName
+        }, p = oe.setDocument = function (e) {
+            var t, i, a = e ? e.ownerDocument || e : w;
+            return a !== d && 9 === a.nodeType && a.documentElement ? (d = a, h = d.documentElement, g = !o(d), w !== d && (i = d.defaultView) && i.top !== i && (i.addEventListener ? i.addEventListener("unload", re, !1) : i.attachEvent && i.attachEvent("onunload", re)), n.attributes = ue(function (e) {
+                return e.className = "i", !e.getAttribute("className")
+            }), n.getElementsByTagName = ue(function (e) {
+                return e.appendChild(d.createComment("")), !e.getElementsByTagName("*").length
+            }), n.getElementsByClassName = Q.test(d.getElementsByClassName), n.getById = ue(function (e) {
+                return h.appendChild(e).id = b, !d.getElementsByName || !d.getElementsByName(b).length
+            }), n.getById ? (r.filter.ID = function (e) {
+                var t = e.replace(Z, ee);
+                return function (e) {
+                    return e.getAttribute("id") === t
+                }
+            }, r.find.ID = function (e, t) {
+                if ("undefined" != typeof t.getElementById && g) {
+                    var n = t.getElementById(e);
+                    return n ? [n] : []
+                }
+            }) : (r.filter.ID = function (e) {
+                var t = e.replace(Z, ee);
+                return function (e) {
+                    var n = "undefined" != typeof e.getAttributeNode && e.getAttributeNode("id");
+                    return n && n.value === t
+                }
+            }, r.find.ID = function (e, t) {
+                if ("undefined" != typeof t.getElementById && g) {
+                    var n, r, i, o = t.getElementById(e);
+                    if (o) {
+                        if ((n = o.getAttributeNode("id")) && n.value === e) return [o];
+                        i = t.getElementsByName(e), r = 0;
+                        while (o = i[r++]) if ((n = o.getAttributeNode("id")) && n.value === e) return [o]
+                    }
+                    return []
+                }
+            }), r.find.TAG = n.getElementsByTagName ? function (e, t) {
+                return "undefined" != typeof t.getElementsByTagName ? t.getElementsByTagName(e) : n.qsa ? t.querySelectorAll(e) : void 0
+            } : function (e, t) {
+                var n, r = [], i = 0, o = t.getElementsByTagName(e);
+                if ("*" === e) {
+                    while (n = o[i++]) 1 === n.nodeType && r.push(n);
+                    return r
+                }
+                return o
+            }, r.find.CLASS = n.getElementsByClassName && function (e, t) {
+                if ("undefined" != typeof t.getElementsByClassName && g) return t.getElementsByClassName(e)
+            }, v = [], y = [], (n.qsa = Q.test(d.querySelectorAll)) && (ue(function (e) {
+                h.appendChild(e).innerHTML = "", e.querySelectorAll("[msallowcapture^='']").length && y.push("[*^$]=" + M + "*(?:''|\"\")"), e.querySelectorAll("[selected]").length || y.push("\\[" + M + "*(?:value|" + P + ")"), e.querySelectorAll("[id~=" + b + "-]").length || y.push("~="), e.querySelectorAll(":checked").length || y.push(":checked"), e.querySelectorAll("a#" + b + "+*").length || y.push(".#.+[+~]")
+            }), ue(function (e) {
+                e.innerHTML = "";
+                var t = d.createElement("input");
+                t.setAttribute("type", "hidden"), e.appendChild(t).setAttribute("name", "D"), e.querySelectorAll("[name=d]").length && y.push("name" + M + "*[*^$|!~]?="), 2 !== e.querySelectorAll(":enabled").length && y.push(":enabled", ":disabled"), h.appendChild(e).disabled = !0, 2 !== e.querySelectorAll(":disabled").length && y.push(":enabled", ":disabled"), e.querySelectorAll("*,:x"), y.push(",.*:")
+            })), (n.matchesSelector = Q.test(m = h.matches || h.webkitMatchesSelector || h.mozMatchesSelector || h.oMatchesSelector || h.msMatchesSelector)) && ue(function (e) {
+                n.disconnectedMatch = m.call(e, "*"), m.call(e, "[s!='']:x"), v.push("!=", W)
+            }), y = y.length && new RegExp(y.join("|")), v = v.length && new RegExp(v.join("|")), t = Q.test(h.compareDocumentPosition), x = t || Q.test(h.contains) ? function (e, t) {
+                var n = 9 === e.nodeType ? e.documentElement : e, r = t && t.parentNode;
+                return e === r || !(!r || 1 !== r.nodeType || !(n.contains ? n.contains(r) : e.compareDocumentPosition && 16 & e.compareDocumentPosition(r)))
+            } : function (e, t) {
+                if (t) while (t = t.parentNode) if (t === e) return !0;
+                return !1
+            }, D = t ? function (e, t) {
+                if (e === t) return f = !0, 0;
+                var r = !e.compareDocumentPosition - !t.compareDocumentPosition;
+                return r || (1 & (r = (e.ownerDocument || e) === (t.ownerDocument || t) ? e.compareDocumentPosition(t) : 1) || !n.sortDetached && t.compareDocumentPosition(e) === r ? e === d || e.ownerDocument === w && x(w, e) ? -1 : t === d || t.ownerDocument === w && x(w, t) ? 1 : c ? O(c, e) - O(c, t) : 0 : 4 & r ? -1 : 1)
+            } : function (e, t) {
+                if (e === t) return f = !0, 0;
+                var n, r = 0, i = e.parentNode, o = t.parentNode, a = [e], s = [t];
+                if (!i || !o) return e === d ? -1 : t === d ? 1 : i ? -1 : o ? 1 : c ? O(c, e) - O(c, t) : 0;
+                if (i === o) return ce(e, t);
+                n = e;
+                while (n = n.parentNode) a.unshift(n);
+                n = t;
+                while (n = n.parentNode) s.unshift(n);
+                while (a[r] === s[r]) r++;
+                return r ? ce(a[r], s[r]) : a[r] === w ? -1 : s[r] === w ? 1 : 0
+            }, d) : d
+        }, oe.matches = function (e, t) {
+            return oe(e, null, null, t)
+        }, oe.matchesSelector = function (e, t) {
+            if ((e.ownerDocument || e) !== d && p(e), t = t.replace(z, "='$1']"), n.matchesSelector && g && !S[t + " "] && (!v || !v.test(t)) && (!y || !y.test(t))) try {
+                var r = m.call(e, t);
+                if (r || n.disconnectedMatch || e.document && 11 !== e.document.nodeType) return r
+            } catch (e) {
+            }
+            return oe(t, d, null, [e]).length > 0
+        }, oe.contains = function (e, t) {
+            return (e.ownerDocument || e) !== d && p(e), x(e, t)
+        }, oe.attr = function (e, t) {
+            (e.ownerDocument || e) !== d && p(e);
+            var i = r.attrHandle[t.toLowerCase()],
+                o = i && N.call(r.attrHandle, t.toLowerCase()) ? i(e, t, !g) : void 0;
+            return void 0 !== o ? o : n.attributes || !g ? e.getAttribute(t) : (o = e.getAttributeNode(t)) && o.specified ? o.value : null
+        }, oe.escape = function (e) {
+            return (e + "").replace(te, ne)
+        }, oe.error = function (e) {
+            throw new Error("Syntax error, unrecognized expression: " + e)
+        }, oe.uniqueSort = function (e) {
+            var t, r = [], i = 0, o = 0;
+            if (f = !n.detectDuplicates, c = !n.sortStable && e.slice(0), e.sort(D), f) {
+                while (t = e[o++]) t === e[o] && (i = r.push(o));
+                while (i--) e.splice(r[i], 1)
+            }
+            return c = null, e
+        }, i = oe.getText = function (e) {
+            var t, n = "", r = 0, o = e.nodeType;
+            if (o) {
+                if (1 === o || 9 === o || 11 === o) {
+                    if ("string" == typeof e.textContent) return e.textContent;
+                    for (e = e.firstChild; e; e = e.nextSibling) n += i(e)
+                } else if (3 === o || 4 === o) return e.nodeValue
+            } else while (t = e[r++]) n += i(t);
+            return n
+        }, (r = oe.selectors = {
+            cacheLength: 50,
+            createPseudo: se,
+            match: V,
+            attrHandle: {},
+            find: {},
+            relative: {
+                ">": {dir: "parentNode", first: !0},
+                " ": {dir: "parentNode"},
+                "+": {dir: "previousSibling", first: !0},
+                "~": {dir: "previousSibling"}
+            },
+            preFilter: {
+                ATTR: function (e) {
+                    return e[1] = e[1].replace(Z, ee), e[3] = (e[3] || e[4] || e[5] || "").replace(Z, ee), "~=" === e[2] && (e[3] = " " + e[3] + " "), e.slice(0, 4)
+                }, CHILD: function (e) {
+                    return e[1] = e[1].toLowerCase(), "nth" === e[1].slice(0, 3) ? (e[3] || oe.error(e[0]), e[4] = +(e[4] ? e[5] + (e[6] || 1) : 2 * ("even" === e[3] || "odd" === e[3])), e[5] = +(e[7] + e[8] || "odd" === e[3])) : e[3] && oe.error(e[0]), e
+                }, PSEUDO: function (e) {
+                    var t, n = !e[6] && e[2];
+                    return V.CHILD.test(e[0]) ? null : (e[3] ? e[2] = e[4] || e[5] || "" : n && X.test(n) && (t = a(n, !0)) && (t = n.indexOf(")", n.length - t) - n.length) && (e[0] = e[0].slice(0, t), e[2] = n.slice(0, t)), e.slice(0, 3))
+                }
+            },
+            filter: {
+                TAG: function (e) {
+                    var t = e.replace(Z, ee).toLowerCase();
+                    return "*" === e ? function () {
+                        return !0
+                    } : function (e) {
+                        return e.nodeName && e.nodeName.toLowerCase() === t
+                    }
+                }, CLASS: function (e) {
+                    var t = E[e + " "];
+                    return t || (t = new RegExp("(^|" + M + ")" + e + "(" + M + "|$)")) && E(e, function (e) {
+                        return t.test("string" == typeof e.className && e.className || "undefined" != typeof e.getAttribute && e.getAttribute("class") || "")
+                    })
+                }, ATTR: function (e, t, n) {
+                    return function (r) {
+                        var i = oe.attr(r, e);
+                        return null == i ? "!=" === t : !t || (i += "", "=" === t ? i === n : "!=" === t ? i !== n : "^=" === t ? n && 0 === i.indexOf(n) : "*=" === t ? n && i.indexOf(n) > -1 : "$=" === t ? n && i.slice(-n.length) === n : "~=" === t ? (" " + i.replace($, " ") + " ").indexOf(n) > -1 : "|=" === t && (i === n || i.slice(0, n.length + 1) === n + "-"))
+                    }
+                }, CHILD: function (e, t, n, r, i) {
+                    var o = "nth" !== e.slice(0, 3), a = "last" !== e.slice(-4), s = "of-type" === t;
+                    return 1 === r && 0 === i ? function (e) {
+                        return !!e.parentNode
+                    } : function (t, n, u) {
+                        var l, c, f, p, d, h, g = o !== a ? "nextSibling" : "previousSibling", y = t.parentNode,
+                            v = s && t.nodeName.toLowerCase(), m = !u && !s, x = !1;
+                        if (y) {
+                            if (o) {
+                                while (g) {
+                                    p = t;
+                                    while (p = p[g]) if (s ? p.nodeName.toLowerCase() === v : 1 === p.nodeType) return !1;
+                                    h = g = "only" === e && !h && "nextSibling"
+                                }
+                                return !0
+                            }
+                            if (h = [a ? y.firstChild : y.lastChild], a && m) {
+                                x = (d = (l = (c = (f = (p = y)[b] || (p[b] = {}))[p.uniqueID] || (f[p.uniqueID] = {}))[e] || [])[0] === T && l[1]) && l[2], p = d && y.childNodes[d];
+                                while (p = ++d && p && p[g] || (x = d = 0) || h.pop()) if (1 === p.nodeType && ++x && p === t) {
+                                    c[e] = [T, d, x];
+                                    break
+                                }
+                            } else if (m && (x = d = (l = (c = (f = (p = t)[b] || (p[b] = {}))[p.uniqueID] || (f[p.uniqueID] = {}))[e] || [])[0] === T && l[1]), !1 === x) while (p = ++d && p && p[g] || (x = d = 0) || h.pop()) if ((s ? p.nodeName.toLowerCase() === v : 1 === p.nodeType) && ++x && (m && ((c = (f = p[b] || (p[b] = {}))[p.uniqueID] || (f[p.uniqueID] = {}))[e] = [T, x]), p === t)) break;
+                            return (x -= i) === r || x % r == 0 && x / r >= 0
+                        }
+                    }
+                }, PSEUDO: function (e, t) {
+                    var n, i = r.pseudos[e] || r.setFilters[e.toLowerCase()] || oe.error("unsupported pseudo: " + e);
+                    return i[b] ? i(t) : i.length > 1 ? (n = [e, e, "", t], r.setFilters.hasOwnProperty(e.toLowerCase()) ? se(function (e, n) {
+                        var r, o = i(e, t), a = o.length;
+                        while (a--) e[r = O(e, o[a])] = !(n[r] = o[a])
+                    }) : function (e) {
+                        return i(e, 0, n)
+                    }) : i
+                }
+            },
+            pseudos: {
+                not: se(function (e) {
+                    var t = [], n = [], r = s(e.replace(B, "$1"));
+                    return r[b] ? se(function (e, t, n, i) {
+                        var o, a = r(e, null, i, []), s = e.length;
+                        while (s--) (o = a[s]) && (e[s] = !(t[s] = o))
+                    }) : function (e, i, o) {
+                        return t[0] = e, r(t, null, o, n), t[0] = null, !n.pop()
+                    }
+                }), has: se(function (e) {
+                    return function (t) {
+                        return oe(e, t).length > 0
+                    }
+                }), contains: se(function (e) {
+                    return e = e.replace(Z, ee), function (t) {
+                        return (t.textContent || t.innerText || i(t)).indexOf(e) > -1
+                    }
+                }), lang: se(function (e) {
+                    return U.test(e || "") || oe.error("unsupported lang: " + e), e = e.replace(Z, ee).toLowerCase(), function (t) {
+                        var n;
+                        do {
+                            if (n = g ? t.lang : t.getAttribute("xml:lang") || t.getAttribute("lang")) return (n = n.toLowerCase()) === e || 0 === n.indexOf(e + "-")
+                        } while ((t = t.parentNode) && 1 === t.nodeType);
+                        return !1
+                    }
+                }), target: function (t) {
+                    var n = e.location && e.location.hash;
+                    return n && n.slice(1) === t.id
+                }, root: function (e) {
+                    return e === h
+                }, focus: function (e) {
+                    return e === d.activeElement && (!d.hasFocus || d.hasFocus()) && !!(e.type || e.href || ~e.tabIndex)
+                }, enabled: de(!1), disabled: de(!0), checked: function (e) {
+                    var t = e.nodeName.toLowerCase();
+                    return "input" === t && !!e.checked || "option" === t && !!e.selected
+                }, selected: function (e) {
+                    return e.parentNode && e.parentNode.selectedIndex, !0 === e.selected
+                }, empty: function (e) {
+                    for (e = e.firstChild; e; e = e.nextSibling) if (e.nodeType < 6) return !1;
+                    return !0
+                }, parent: function (e) {
+                    return !r.pseudos.empty(e)
+                }, header: function (e) {
+                    return Y.test(e.nodeName)
+                }, input: function (e) {
+                    return G.test(e.nodeName)
+                }, button: function (e) {
+                    var t = e.nodeName.toLowerCase();
+                    return "input" === t && "button" === e.type || "button" === t
+                }, text: function (e) {
+                    var t;
+                    return "input" === e.nodeName.toLowerCase() && "text" === e.type && (null == (t = e.getAttribute("type")) || "text" === t.toLowerCase())
+                }, first: he(function () {
+                    return [0]
+                }), last: he(function (e, t) {
+                    return [t - 1]
+                }), eq: he(function (e, t, n) {
+                    return [n < 0 ? n + t : n]
+                }), even: he(function (e, t) {
+                    for (var n = 0; n < t; n += 2) e.push(n);
+                    return e
+                }), odd: he(function (e, t) {
+                    for (var n = 1; n < t; n += 2) e.push(n);
+                    return e
+                }), lt: he(function (e, t, n) {
+                    for (var r = n < 0 ? n + t : n; --r >= 0;) e.push(r);
+                    return e
+                }), gt: he(function (e, t, n) {
+                    for (var r = n < 0 ? n + t : n; ++r < t;) e.push(r);
+                    return e
+                })
+            }
+        }).pseudos.nth = r.pseudos.eq;
+        for (t in{radio: !0, checkbox: !0, file: !0, password: !0, image: !0}) r.pseudos[t] = fe(t);
+        for (t in{submit: !0, reset: !0}) r.pseudos[t] = pe(t);
+
+        function ye() {
+        }
+
+        ye.prototype = r.filters = r.pseudos, r.setFilters = new ye, a = oe.tokenize = function (e, t) {
+            var n, i, o, a, s, u, l, c = k[e + " "];
+            if (c) return t ? 0 : c.slice(0);
+            s = e, u = [], l = r.preFilter;
+            while (s) {
+                n && !(i = F.exec(s)) || (i && (s = s.slice(i[0].length) || s), u.push(o = [])), n = !1, (i = _.exec(s)) && (n = i.shift(), o.push({
+                    value: n,
+                    type: i[0].replace(B, " ")
+                }), s = s.slice(n.length));
+                for (a in r.filter) !(i = V[a].exec(s)) || l[a] && !(i = l[a](i)) || (n = i.shift(), o.push({
+                    value: n,
+                    type: a,
+                    matches: i
+                }), s = s.slice(n.length));
+                if (!n) break
+            }
+            return t ? s.length : s ? oe.error(e) : k(e, u).slice(0)
+        };
+
+        function ve(e) {
+            for (var t = 0, n = e.length, r = ""; t < n; t++) r += e[t].value;
+            return r
+        }
+
+        function me(e, t, n) {
+            var r = t.dir, i = t.next, o = i || r, a = n && "parentNode" === o, s = C++;
+            return t.first ? function (t, n, i) {
+                while (t = t[r]) if (1 === t.nodeType || a) return e(t, n, i);
+                return !1
+            } : function (t, n, u) {
+                var l, c, f, p = [T, s];
+                if (u) {
+                    while (t = t[r]) if ((1 === t.nodeType || a) && e(t, n, u)) return !0
+                } else while (t = t[r]) if (1 === t.nodeType || a) if (f = t[b] || (t[b] = {}), c = f[t.uniqueID] || (f[t.uniqueID] = {}), i && i === t.nodeName.toLowerCase()) t = t[r] || t; else {
+                    if ((l = c[o]) && l[0] === T && l[1] === s) return p[2] = l[2];
+                    if (c[o] = p, p[2] = e(t, n, u)) return !0
+                }
+                return !1
+            }
+        }
+
+        function xe(e) {
+            return e.length > 1 ? function (t, n, r) {
+                var i = e.length;
+                while (i--) if (!e[i](t, n, r)) return !1;
+                return !0
+            } : e[0]
+        }
+
+        function be(e, t, n) {
+            for (var r = 0, i = t.length; r < i; r++) oe(e, t[r], n);
+            return n
+        }
+
+        function we(e, t, n, r, i) {
+            for (var o, a = [], s = 0, u = e.length, l = null != t; s < u; s++) (o = e[s]) && (n && !n(o, r, i) || (a.push(o), l && t.push(s)));
+            return a
+        }
+
+        function Te(e, t, n, r, i, o) {
+            return r && !r[b] && (r = Te(r)), i && !i[b] && (i = Te(i, o)), se(function (o, a, s, u) {
+                var l, c, f, p = [], d = [], h = a.length, g = o || be(t || "*", s.nodeType ? [s] : s, []),
+                    y = !e || !o && t ? g : we(g, p, e, s, u), v = n ? i || (o ? e : h || r) ? [] : a : y;
+                if (n && n(y, v, s, u), r) {
+                    l = we(v, d), r(l, [], s, u), c = l.length;
+                    while (c--) (f = l[c]) && (v[d[c]] = !(y[d[c]] = f))
+                }
+                if (o) {
+                    if (i || e) {
+                        if (i) {
+                            l = [], c = v.length;
+                            while (c--) (f = v[c]) && l.push(y[c] = f);
+                            i(null, v = [], l, u)
+                        }
+                        c = v.length;
+                        while (c--) (f = v[c]) && (l = i ? O(o, f) : p[c]) > -1 && (o[l] = !(a[l] = f))
+                    }
+                } else v = we(v === a ? v.splice(h, v.length) : v), i ? i(null, a, v, u) : L.apply(a, v)
+            })
+        }
+
+        function Ce(e) {
+            for (var t, n, i, o = e.length, a = r.relative[e[0].type], s = a || r.relative[" "], u = a ? 1 : 0, c = me(function (e) {
+                return e === t
+            }, s, !0), f = me(function (e) {
+                return O(t, e) > -1
+            }, s, !0), p = [function (e, n, r) {
+                var i = !a && (r || n !== l) || ((t = n).nodeType ? c(e, n, r) : f(e, n, r));
+                return t = null, i
+            }]; u < o; u++) if (n = r.relative[e[u].type]) p = [me(xe(p), n)]; else {
+                if ((n = r.filter[e[u].type].apply(null, e[u].matches))[b]) {
+                    for (i = ++u; i < o; i++) if (r.relative[e[i].type]) break;
+                    return Te(u > 1 && xe(p), u > 1 && ve(e.slice(0, u - 1).concat({value: " " === e[u - 2].type ? "*" : ""})).replace(B, "$1"), n, u < i && Ce(e.slice(u, i)), i < o && Ce(e = e.slice(i)), i < o && ve(e))
+                }
+                p.push(n)
+            }
+            return xe(p)
+        }
+
+        function Ee(e, t) {
+            var n = t.length > 0, i = e.length > 0, o = function (o, a, s, u, c) {
+                var f, h, y, v = 0, m = "0", x = o && [], b = [], w = l, C = o || i && r.find.TAG("*", c),
+                    E = T += null == w ? 1 : Math.random() || .1, k = C.length;
+                for (c && (l = a === d || a || c); m !== k && null != (f = C[m]); m++) {
+                    if (i && f) {
+                        h = 0, a || f.ownerDocument === d || (p(f), s = !g);
+                        while (y = e[h++]) if (y(f, a || d, s)) {
+                            u.push(f);
+                            break
+                        }
+                        c && (T = E)
+                    }
+                    n && ((f = !y && f) && v--, o && x.push(f))
+                }
+                if (v += m, n && m !== v) {
+                    h = 0;
+                    while (y = t[h++]) y(x, b, a, s);
+                    if (o) {
+                        if (v > 0) while (m--) x[m] || b[m] || (b[m] = j.call(u));
+                        b = we(b)
+                    }
+                    L.apply(u, b), c && !o && b.length > 0 && v + t.length > 1 && oe.uniqueSort(u)
+                }
+                return c && (T = E, l = w), x
+            };
+            return n ? se(o) : o
+        }
+
+        return s = oe.compile = function (e, t) {
+            var n, r = [], i = [], o = S[e + " "];
+            if (!o) {
+                t || (t = a(e)), n = t.length;
+                while (n--) (o = Ce(t[n]))[b] ? r.push(o) : i.push(o);
+                (o = S(e, Ee(i, r))).selector = e
+            }
+            return o
+        }, u = oe.select = function (e, t, n, i) {
+            var o, u, l, c, f, p = "function" == typeof e && e, d = !i && a(e = p.selector || e);
+            if (n = n || [], 1 === d.length) {
+                if ((u = d[0] = d[0].slice(0)).length > 2 && "ID" === (l = u[0]).type && 9 === t.nodeType && g && r.relative[u[1].type]) {
+                    if (!(t = (r.find.ID(l.matches[0].replace(Z, ee), t) || [])[0])) return n;
+                    p && (t = t.parentNode), e = e.slice(u.shift().value.length)
+                }
+                o = V.needsContext.test(e) ? 0 : u.length;
+                while (o--) {
+                    if (l = u[o], r.relative[c = l.type]) break;
+                    if ((f = r.find[c]) && (i = f(l.matches[0].replace(Z, ee), K.test(u[0].type) && ge(t.parentNode) || t))) {
+                        if (u.splice(o, 1), !(e = i.length && ve(u))) return L.apply(n, i), n;
+                        break
+                    }
+                }
+            }
+            return (p || s(e, d))(i, t, !g, n, !t || K.test(e) && ge(t.parentNode) || t), n
+        }, n.sortStable = b.split("").sort(D).join("") === b, n.detectDuplicates = !!f, p(), n.sortDetached = ue(function (e) {
+            return 1 & e.compareDocumentPosition(d.createElement("fieldset"))
+        }), ue(function (e) {
+            return e.innerHTML = "", "#" === e.firstChild.getAttribute("href")
+        }) || le("type|href|height|width", function (e, t, n) {
+            if (!n) return e.getAttribute(t, "type" === t.toLowerCase() ? 1 : 2)
+        }), n.attributes && ue(function (e) {
+            return e.innerHTML = "", e.firstChild.setAttribute("value", ""), "" === e.firstChild.getAttribute("value")
+        }) || le("value", function (e, t, n) {
+            if (!n && "input" === e.nodeName.toLowerCase()) return e.defaultValue
+        }), ue(function (e) {
+            return null == e.getAttribute("disabled")
+        }) || le(P, function (e, t, n) {
+            var r;
+            if (!n) return !0 === e[t] ? t.toLowerCase() : (r = e.getAttributeNode(t)) && r.specified ? r.value : null
+        }), oe
+    }(e);
+    w.find = E, w.expr = E.selectors, w.expr[":"] = w.expr.pseudos, w.uniqueSort = w.unique = E.uniqueSort, w.text = E.getText, w.isXMLDoc = E.isXML, w.contains = E.contains, w.escapeSelector = E.escape;
+    var k = function (e, t, n) {
+        var r = [], i = void 0 !== n;
+        while ((e = e[t]) && 9 !== e.nodeType) if (1 === e.nodeType) {
+            if (i && w(e).is(n)) break;
+            r.push(e)
+        }
+        return r
+    }, S = function (e, t) {
+        for (var n = []; e; e = e.nextSibling) 1 === e.nodeType && e !== t && n.push(e);
+        return n
+    }, D = w.expr.match.needsContext;
+
+    function N(e, t) {
+        return e.nodeName && e.nodeName.toLowerCase() === t.toLowerCase()
+    }
+
+    var A = /^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;
+
+    function j(e, t, n) {
+        return g(t) ? w.grep(e, function (e, r) {
+            return !!t.call(e, r, e) !== n
+        }) : t.nodeType ? w.grep(e, function (e) {
+            return e === t !== n
+        }) : "string" != typeof t ? w.grep(e, function (e) {
+            return u.call(t, e) > -1 !== n
+        }) : w.filter(t, e, n)
+    }
+
+    w.filter = function (e, t, n) {
+        var r = t[0];
+        return n && (e = ":not(" + e + ")"), 1 === t.length && 1 === r.nodeType ? w.find.matchesSelector(r, e) ? [r] : [] : w.find.matches(e, w.grep(t, function (e) {
+            return 1 === e.nodeType
+        }))
+    }, w.fn.extend({
+        find: function (e) {
+            var t, n, r = this.length, i = this;
+            if ("string" != typeof e) return this.pushStack(w(e).filter(function () {
+                for (t = 0; t < r; t++) if (w.contains(i[t], this)) return !0
+            }));
+            for (n = this.pushStack([]), t = 0; t < r; t++) w.find(e, i[t], n);
+            return r > 1 ? w.uniqueSort(n) : n
+        }, filter: function (e) {
+            return this.pushStack(j(this, e || [], !1))
+        }, not: function (e) {
+            return this.pushStack(j(this, e || [], !0))
+        }, is: function (e) {
+            return !!j(this, "string" == typeof e && D.test(e) ? w(e) : e || [], !1).length
+        }
+    });
+    var q, L = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;
+    (w.fn.init = function (e, t, n) {
+        var i, o;
+        if (!e) return this;
+        if (n = n || q, "string" == typeof e) {
+            if (!(i = "<" === e[0] && ">" === e[e.length - 1] && e.length >= 3 ? [null, e, null] : L.exec(e)) || !i[1] && t) return !t || t.jquery ? (t || n).find(e) : this.constructor(t).find(e);
+            if (i[1]) {
+                if (t = t instanceof w ? t[0] : t, w.merge(this, w.parseHTML(i[1], t && t.nodeType ? t.ownerDocument || t : r, !0)), A.test(i[1]) && w.isPlainObject(t)) for (i in t) g(this[i]) ? this[i](t[i]) : this.attr(i, t[i]);
+                return this
+            }
+            return (o = r.getElementById(i[2])) && (this[0] = o, this.length = 1), this
+        }
+        return e.nodeType ? (this[0] = e, this.length = 1, this) : g(e) ? void 0 !== n.ready ? n.ready(e) : e(w) : w.makeArray(e, this)
+    }).prototype = w.fn, q = w(r);
+    var H = /^(?:parents|prev(?:Until|All))/, O = {children: !0, contents: !0, next: !0, prev: !0};
+    w.fn.extend({
+        has: function (e) {
+            var t = w(e, this), n = t.length;
+            return this.filter(function () {
+                for (var e = 0; e < n; e++) if (w.contains(this, t[e])) return !0
+            })
+        }, closest: function (e, t) {
+            var n, r = 0, i = this.length, o = [], a = "string" != typeof e && w(e);
+            if (!D.test(e)) for (; r < i; r++) for (n = this[r]; n && n !== t; n = n.parentNode) if (n.nodeType < 11 && (a ? a.index(n) > -1 : 1 === n.nodeType && w.find.matchesSelector(n, e))) {
+                o.push(n);
+                break
+            }
+            return this.pushStack(o.length > 1 ? w.uniqueSort(o) : o)
+        }, index: function (e) {
+            return e ? "string" == typeof e ? u.call(w(e), this[0]) : u.call(this, e.jquery ? e[0] : e) : this[0] && this[0].parentNode ? this.first().prevAll().length : -1
+        }, add: function (e, t) {
+            return this.pushStack(w.uniqueSort(w.merge(this.get(), w(e, t))))
+        }, addBack: function (e) {
+            return this.add(null == e ? this.prevObject : this.prevObject.filter(e))
+        }
+    });
+
+    function P(e, t) {
+        while ((e = e[t]) && 1 !== e.nodeType) ;
+        return e
+    }
+
+    w.each({
+        parent: function (e) {
+            var t = e.parentNode;
+            return t && 11 !== t.nodeType ? t : null
+        }, parents: function (e) {
+            return k(e, "parentNode")
+        }, parentsUntil: function (e, t, n) {
+            return k(e, "parentNode", n)
+        }, next: function (e) {
+            return P(e, "nextSibling")
+        }, prev: function (e) {
+            return P(e, "previousSibling")
+        }, nextAll: function (e) {
+            return k(e, "nextSibling")
+        }, prevAll: function (e) {
+            return k(e, "previousSibling")
+        }, nextUntil: function (e, t, n) {
+            return k(e, "nextSibling", n)
+        }, prevUntil: function (e, t, n) {
+            return k(e, "previousSibling", n)
+        }, siblings: function (e) {
+            return S((e.parentNode || {}).firstChild, e)
+        }, children: function (e) {
+            return S(e.firstChild)
+        }, contents: function (e) {
+            return N(e, "iframe") ? e.contentDocument : (N(e, "template") && (e = e.content || e), w.merge([], e.childNodes))
+        }
+    }, function (e, t) {
+        w.fn[e] = function (n, r) {
+            var i = w.map(this, t, n);
+            return "Until" !== e.slice(-5) && (r = n), r && "string" == typeof r && (i = w.filter(r, i)), this.length > 1 && (O[e] || w.uniqueSort(i), H.test(e) && i.reverse()), this.pushStack(i)
+        }
+    });
+    var M = /[^\x20\t\r\n\f]+/g;
+
+    function R(e) {
+        var t = {};
+        return w.each(e.match(M) || [], function (e, n) {
+            t[n] = !0
+        }), t
+    }
+
+    w.Callbacks = function (e) {
+        e = "string" == typeof e ? R(e) : w.extend({}, e);
+        var t, n, r, i, o = [], a = [], s = -1, u = function () {
+            for (i = i || e.once, r = t = !0; a.length; s = -1) {
+                n = a.shift();
+                while (++s < o.length) !1 === o[s].apply(n[0], n[1]) && e.stopOnFalse && (s = o.length, n = !1)
+            }
+            e.memory || (n = !1), t = !1, i && (o = n ? [] : "")
+        }, l = {
+            add: function () {
+                return o && (n && !t && (s = o.length - 1, a.push(n)), function t(n) {
+                    w.each(n, function (n, r) {
+                        g(r) ? e.unique && l.has(r) || o.push(r) : r && r.length && "string" !== x(r) && t(r)
+                    })
+                }(arguments), n && !t && u()), this
+            }, remove: function () {
+                return w.each(arguments, function (e, t) {
+                    var n;
+                    while ((n = w.inArray(t, o, n)) > -1) o.splice(n, 1), n <= s && s--
+                }), this
+            }, has: function (e) {
+                return e ? w.inArray(e, o) > -1 : o.length > 0
+            }, empty: function () {
+                return o && (o = []), this
+            }, disable: function () {
+                return i = a = [], o = n = "", this
+            }, disabled: function () {
+                return !o
+            }, lock: function () {
+                return i = a = [], n || t || (o = n = ""), this
+            }, locked: function () {
+                return !!i
+            }, fireWith: function (e, n) {
+                return i || (n = [e, (n = n || []).slice ? n.slice() : n], a.push(n), t || u()), this
+            }, fire: function () {
+                return l.fireWith(this, arguments), this
+            }, fired: function () {
+                return !!r
+            }
+        };
+        return l
+    };
+
+    function I(e) {
+        return e
+    }
+
+    function W(e) {
+        throw e
+    }
+
+    function $(e, t, n, r) {
+        var i;
+        try {
+            e && g(i = e.promise) ? i.call(e).done(t).fail(n) : e && g(i = e.then) ? i.call(e, t, n) : t.apply(void 0, [e].slice(r))
+        } catch (e) {
+            n.apply(void 0, [e])
+        }
+    }
+
+    w.extend({
+        Deferred: function (t) {
+            var n = [["notify", "progress", w.Callbacks("memory"), w.Callbacks("memory"), 2], ["resolve", "done", w.Callbacks("once memory"), w.Callbacks("once memory"), 0, "resolved"], ["reject", "fail", w.Callbacks("once memory"), w.Callbacks("once memory"), 1, "rejected"]],
+                r = "pending", i = {
+                    state: function () {
+                        return r
+                    }, always: function () {
+                        return o.done(arguments).fail(arguments), this
+                    }, "catch": function (e) {
+                        return i.then(null, e)
+                    }, pipe: function () {
+                        var e = arguments;
+                        return w.Deferred(function (t) {
+                            w.each(n, function (n, r) {
+                                var i = g(e[r[4]]) && e[r[4]];
+                                o[r[1]](function () {
+                                    var e = i && i.apply(this, arguments);
+                                    e && g(e.promise) ? e.promise().progress(t.notify).done(t.resolve).fail(t.reject) : t[r[0] + "With"](this, i ? [e] : arguments)
+                                })
+                            }), e = null
+                        }).promise()
+                    }, then: function (t, r, i) {
+                        var o = 0;
+
+                        function a(t, n, r, i) {
+                            return function () {
+                                var s = this, u = arguments, l = function () {
+                                    var e, l;
+                                    if (!(t < o)) {
+                                        if ((e = r.apply(s, u)) === n.promise()) throw new TypeError("Thenable self-resolution");
+                                        l = e && ("object" == typeof e || "function" == typeof e) && e.then, g(l) ? i ? l.call(e, a(o, n, I, i), a(o, n, W, i)) : (o++, l.call(e, a(o, n, I, i), a(o, n, W, i), a(o, n, I, n.notifyWith))) : (r !== I && (s = void 0, u = [e]), (i || n.resolveWith)(s, u))
+                                    }
+                                }, c = i ? l : function () {
+                                    try {
+                                        l()
+                                    } catch (e) {
+                                        w.Deferred.exceptionHook && w.Deferred.exceptionHook(e, c.stackTrace), t + 1 >= o && (r !== W && (s = void 0, u = [e]), n.rejectWith(s, u))
+                                    }
+                                };
+                                t ? c() : (w.Deferred.getStackHook && (c.stackTrace = w.Deferred.getStackHook()), e.setTimeout(c))
+                            }
+                        }
+
+                        return w.Deferred(function (e) {
+                            n[0][3].add(a(0, e, g(i) ? i : I, e.notifyWith)), n[1][3].add(a(0, e, g(t) ? t : I)), n[2][3].add(a(0, e, g(r) ? r : W))
+                        }).promise()
+                    }, promise: function (e) {
+                        return null != e ? w.extend(e, i) : i
+                    }
+                }, o = {};
+            return w.each(n, function (e, t) {
+                var a = t[2], s = t[5];
+                i[t[1]] = a.add, s && a.add(function () {
+                    r = s
+                }, n[3 - e][2].disable, n[3 - e][3].disable, n[0][2].lock, n[0][3].lock), a.add(t[3].fire), o[t[0]] = function () {
+                    return o[t[0] + "With"](this === o ? void 0 : this, arguments), this
+                }, o[t[0] + "With"] = a.fireWith
+            }), i.promise(o), t && t.call(o, o), o
+        }, when: function (e) {
+            var t = arguments.length, n = t, r = Array(n), i = o.call(arguments), a = w.Deferred(), s = function (e) {
+                return function (n) {
+                    r[e] = this, i[e] = arguments.length > 1 ? o.call(arguments) : n, --t || a.resolveWith(r, i)
+                }
+            };
+            if (t <= 1 && ($(e, a.done(s(n)).resolve, a.reject, !t), "pending" === a.state() || g(i[n] && i[n].then))) return a.then();
+            while (n--) $(i[n], s(n), a.reject);
+            return a.promise()
+        }
+    });
+    var B = /^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;
+    w.Deferred.exceptionHook = function (t, n) {
+        e.console && e.console.warn && t && B.test(t.name) && e.console.warn("jQuery.Deferred exception: " + t.message, t.stack, n)
+    }, w.readyException = function (t) {
+        e.setTimeout(function () {
+            throw t
+        })
+    };
+    var F = w.Deferred();
+    w.fn.ready = function (e) {
+        return F.then(e)["catch"](function (e) {
+            w.readyException(e)
+        }), this
+    }, w.extend({
+        isReady: !1, readyWait: 1, ready: function (e) {
+            (!0 === e ? --w.readyWait : w.isReady) || (w.isReady = !0, !0 !== e && --w.readyWait > 0 || F.resolveWith(r, [w]))
+        }
+    }), w.ready.then = F.then;
+
+    function _() {
+        r.removeEventListener("DOMContentLoaded", _), e.removeEventListener("load", _), w.ready()
+    }
+
+    "complete" === r.readyState || "loading" !== r.readyState && !r.documentElement.doScroll ? e.setTimeout(w.ready) : (r.addEventListener("DOMContentLoaded", _), e.addEventListener("load", _));
+    var z = function (e, t, n, r, i, o, a) {
+        var s = 0, u = e.length, l = null == n;
+        if ("object" === x(n)) {
+            i = !0;
+            for (s in n) z(e, t, s, n[s], !0, o, a)
+        } else if (void 0 !== r && (i = !0, g(r) || (a = !0), l && (a ? (t.call(e, r), t = null) : (l = t, t = function (e, t, n) {
+                return l.call(w(e), n)
+            })), t)) for (; s < u; s++) t(e[s], n, a ? r : r.call(e[s], s, t(e[s], n)));
+        return i ? e : l ? t.call(e) : u ? t(e[0], n) : o
+    }, X = /^-ms-/, U = /-([a-z])/g;
+
+    function V(e, t) {
+        return t.toUpperCase()
+    }
+
+    function G(e) {
+        return e.replace(X, "ms-").replace(U, V)
+    }
+
+    var Y = function (e) {
+        return 1 === e.nodeType || 9 === e.nodeType || !+e.nodeType
+    };
+
+    function Q() {
+        this.expando = w.expando + Q.uid++
+    }
+
+    Q.uid = 1, Q.prototype = {
+        cache: function (e) {
+            var t = e[this.expando];
+            return t || (t = {}, Y(e) && (e.nodeType ? e[this.expando] = t : Object.defineProperty(e, this.expando, {
+                value: t,
+                configurable: !0
+            }))), t
+        }, set: function (e, t, n) {
+            var r, i = this.cache(e);
+            if ("string" == typeof t) i[G(t)] = n; else for (r in t) i[G(r)] = t[r];
+            return i
+        }, get: function (e, t) {
+            return void 0 === t ? this.cache(e) : e[this.expando] && e[this.expando][G(t)]
+        }, access: function (e, t, n) {
+            return void 0 === t || t && "string" == typeof t && void 0 === n ? this.get(e, t) : (this.set(e, t, n), void 0 !== n ? n : t)
+        }, remove: function (e, t) {
+            var n, r = e[this.expando];
+            if (void 0 !== r) {
+                if (void 0 !== t) {
+                    n = (t = Array.isArray(t) ? t.map(G) : (t = G(t)) in r ? [t] : t.match(M) || []).length;
+                    while (n--) delete r[t[n]]
+                }
+                (void 0 === t || w.isEmptyObject(r)) && (e.nodeType ? e[this.expando] = void 0 : delete e[this.expando])
+            }
+        }, hasData: function (e) {
+            var t = e[this.expando];
+            return void 0 !== t && !w.isEmptyObject(t)
+        }
+    };
+    var J = new Q, K = new Q, Z = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/, ee = /[A-Z]/g;
+
+    function te(e) {
+        return "true" === e || "false" !== e && ("null" === e ? null : e === +e + "" ? +e : Z.test(e) ? JSON.parse(e) : e)
+    }
+
+    function ne(e, t, n) {
+        var r;
+        if (void 0 === n && 1 === e.nodeType) if (r = "data-" + t.replace(ee, "-$&").toLowerCase(), "string" == typeof(n = e.getAttribute(r))) {
+            try {
+                n = te(n)
+            } catch (e) {
+            }
+            K.set(e, t, n)
+        } else n = void 0;
+        return n
+    }
+
+    w.extend({
+        hasData: function (e) {
+            return K.hasData(e) || J.hasData(e)
+        }, data: function (e, t, n) {
+            return K.access(e, t, n)
+        }, removeData: function (e, t) {
+            K.remove(e, t)
+        }, _data: function (e, t, n) {
+            return J.access(e, t, n)
+        }, _removeData: function (e, t) {
+            J.remove(e, t)
+        }
+    }), w.fn.extend({
+        data: function (e, t) {
+            var n, r, i, o = this[0], a = o && o.attributes;
+            if (void 0 === e) {
+                if (this.length && (i = K.get(o), 1 === o.nodeType && !J.get(o, "hasDataAttrs"))) {
+                    n = a.length;
+                    while (n--) a[n] && 0 === (r = a[n].name).indexOf("data-") && (r = G(r.slice(5)), ne(o, r, i[r]));
+                    J.set(o, "hasDataAttrs", !0)
+                }
+                return i
+            }
+            return "object" == typeof e ? this.each(function () {
+                K.set(this, e)
+            }) : z(this, function (t) {
+                var n;
+                if (o && void 0 === t) {
+                    if (void 0 !== (n = K.get(o, e))) return n;
+                    if (void 0 !== (n = ne(o, e))) return n
+                } else this.each(function () {
+                    K.set(this, e, t)
+                })
+            }, null, t, arguments.length > 1, null, !0)
+        }, removeData: function (e) {
+            return this.each(function () {
+                K.remove(this, e)
+            })
+        }
+    }), w.extend({
+        queue: function (e, t, n) {
+            var r;
+            if (e) return t = (t || "fx") + "queue", r = J.get(e, t), n && (!r || Array.isArray(n) ? r = J.access(e, t, w.makeArray(n)) : r.push(n)), r || []
+        }, dequeue: function (e, t) {
+            t = t || "fx";
+            var n = w.queue(e, t), r = n.length, i = n.shift(), o = w._queueHooks(e, t), a = function () {
+                w.dequeue(e, t)
+            };
+            "inprogress" === i && (i = n.shift(), r--), i && ("fx" === t && n.unshift("inprogress"), delete o.stop, i.call(e, a, o)), !r && o && o.empty.fire()
+        }, _queueHooks: function (e, t) {
+            var n = t + "queueHooks";
+            return J.get(e, n) || J.access(e, n, {
+                empty: w.Callbacks("once memory").add(function () {
+                    J.remove(e, [t + "queue", n])
+                })
+            })
+        }
+    }), w.fn.extend({
+        queue: function (e, t) {
+            var n = 2;
+            return "string" != typeof e && (t = e, e = "fx", n--), arguments.length < n ? w.queue(this[0], e) : void 0 === t ? this : this.each(function () {
+                var n = w.queue(this, e, t);
+                w._queueHooks(this, e), "fx" === e && "inprogress" !== n[0] && w.dequeue(this, e)
+            })
+        }, dequeue: function (e) {
+            return this.each(function () {
+                w.dequeue(this, e)
+            })
+        }, clearQueue: function (e) {
+            return this.queue(e || "fx", [])
+        }, promise: function (e, t) {
+            var n, r = 1, i = w.Deferred(), o = this, a = this.length, s = function () {
+                --r || i.resolveWith(o, [o])
+            };
+            "string" != typeof e && (t = e, e = void 0), e = e || "fx";
+            while (a--) (n = J.get(o[a], e + "queueHooks")) && n.empty && (r++, n.empty.add(s));
+            return s(), i.promise(t)
+        }
+    });
+    var re = /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source, ie = new RegExp("^(?:([+-])=|)(" + re + ")([a-z%]*)$", "i"),
+        oe = ["Top", "Right", "Bottom", "Left"], ae = function (e, t) {
+            return "none" === (e = t || e).style.display || "" === e.style.display && w.contains(e.ownerDocument, e) && "none" === w.css(e, "display")
+        }, se = function (e, t, n, r) {
+            var i, o, a = {};
+            for (o in t) a[o] = e.style[o], e.style[o] = t[o];
+            i = n.apply(e, r || []);
+            for (o in t) e.style[o] = a[o];
+            return i
+        };
+
+    function ue(e, t, n, r) {
+        var i, o, a = 20, s = r ? function () {
+                return r.cur()
+            } : function () {
+                return w.css(e, t, "")
+            }, u = s(), l = n && n[3] || (w.cssNumber[t] ? "" : "px"),
+            c = (w.cssNumber[t] || "px" !== l && +u) && ie.exec(w.css(e, t));
+        if (c && c[3] !== l) {
+            u /= 2, l = l || c[3], c = +u || 1;
+            while (a--) w.style(e, t, c + l), (1 - o) * (1 - (o = s() / u || .5)) <= 0 && (a = 0), c /= o;
+            c *= 2, w.style(e, t, c + l), n = n || []
+        }
+        return n && (c = +c || +u || 0, i = n[1] ? c + (n[1] + 1) * n[2] : +n[2], r && (r.unit = l, r.start = c, r.end = i)), i
+    }
+
+    var le = {};
+
+    function ce(e) {
+        var t, n = e.ownerDocument, r = e.nodeName, i = le[r];
+        return i || (t = n.body.appendChild(n.createElement(r)), i = w.css(t, "display"), t.parentNode.removeChild(t), "none" === i && (i = "block"), le[r] = i, i)
+    }
+
+    function fe(e, t) {
+        for (var n, r, i = [], o = 0, a = e.length; o < a; o++) (r = e[o]).style && (n = r.style.display, t ? ("none" === n && (i[o] = J.get(r, "display") || null, i[o] || (r.style.display = "")), "" === r.style.display && ae(r) && (i[o] = ce(r))) : "none" !== n && (i[o] = "none", J.set(r, "display", n)));
+        for (o = 0; o < a; o++) null != i[o] && (e[o].style.display = i[o]);
+        return e
+    }
+
+    w.fn.extend({
+        show: function () {
+            return fe(this, !0)
+        }, hide: function () {
+            return fe(this)
+        }, toggle: function (e) {
+            return "boolean" == typeof e ? e ? this.show() : this.hide() : this.each(function () {
+                ae(this) ? w(this).show() : w(this).hide()
+            })
+        }
+    });
+    var pe = /^(?:checkbox|radio)$/i, de = /<([a-z][^\/\0>\x20\t\r\n\f]+)/i, he = /^$|^module$|\/(?:java|ecma)script/i,
+        ge = {
+            option: [1, ""],
+            thead: [1, "", "
          "],
+            col: [2, "", "
          "],
+            tr: [2, "", "
          "],
+            td: [3, "", "
          "],
+            _default: [0, "", ""]
+        };
+    ge.optgroup = ge.option, ge.tbody = ge.tfoot = ge.colgroup = ge.caption = ge.thead, ge.th = ge.td;
+
+    function ye(e, t) {
+        var n;
+        return n = "undefined" != typeof e.getElementsByTagName ? e.getElementsByTagName(t || "*") : "undefined" != typeof e.querySelectorAll ? e.querySelectorAll(t || "*") : [], void 0 === t || t && N(e, t) ? w.merge([e], n) : n
+    }
+
+    function ve(e, t) {
+        for (var n = 0, r = e.length; n < r; n++) J.set(e[n], "globalEval", !t || J.get(t[n], "globalEval"))
+    }
+
+    var me = /<|&#?\w+;/;
+
+    function xe(e, t, n, r, i) {
+        for (var o, a, s, u, l, c, f = t.createDocumentFragment(), p = [], d = 0, h = e.length; d < h; d++) if ((o = e[d]) || 0 === o) if ("object" === x(o)) w.merge(p, o.nodeType ? [o] : o); else if (me.test(o)) {
+            a = a || f.appendChild(t.createElement("div")), s = (de.exec(o) || ["", ""])[1].toLowerCase(), u = ge[s] || ge._default, a.innerHTML = u[1] + w.htmlPrefilter(o) + u[2], c = u[0];
+            while (c--) a = a.lastChild;
+            w.merge(p, a.childNodes), (a = f.firstChild).textContent = ""
+        } else p.push(t.createTextNode(o));
+        f.textContent = "", d = 0;
+        while (o = p[d++]) if (r && w.inArray(o, r) > -1) i && i.push(o); else if (l = w.contains(o.ownerDocument, o), a = ye(f.appendChild(o), "script"), l && ve(a), n) {
+            c = 0;
+            while (o = a[c++]) he.test(o.type || "") && n.push(o)
+        }
+        return f
+    }
+
+    !function () {
+        var e = r.createDocumentFragment().appendChild(r.createElement("div")), t = r.createElement("input");
+        t.setAttribute("type", "radio"), t.setAttribute("checked", "checked"), t.setAttribute("name", "t"), e.appendChild(t), h.checkClone = e.cloneNode(!0).cloneNode(!0).lastChild.checked, e.innerHTML = "", h.noCloneChecked = !!e.cloneNode(!0).lastChild.defaultValue
+    }();
+    var be = r.documentElement, we = /^key/, Te = /^(?:mouse|pointer|contextmenu|drag|drop)|click/,
+        Ce = /^([^.]*)(?:\.(.+)|)/;
+
+    function Ee() {
+        return !0
+    }
+
+    function ke() {
+        return !1
+    }
+
+    function Se() {
+        try {
+            return r.activeElement
+        } catch (e) {
+        }
+    }
+
+    function De(e, t, n, r, i, o) {
+        var a, s;
+        if ("object" == typeof t) {
+            "string" != typeof n && (r = r || n, n = void 0);
+            for (s in t) De(e, s, n, r, t[s], o);
+            return e
+        }
+        if (null == r && null == i ? (i = n, r = n = void 0) : null == i && ("string" == typeof n ? (i = r, r = void 0) : (i = r, r = n, n = void 0)), !1 === i) i = ke; else if (!i) return e;
+        return 1 === o && (a = i, (i = function (e) {
+            return w().off(e), a.apply(this, arguments)
+        }).guid = a.guid || (a.guid = w.guid++)), e.each(function () {
+            w.event.add(this, t, i, r, n)
+        })
+    }
+
+    w.event = {
+        global: {}, add: function (e, t, n, r, i) {
+            var o, a, s, u, l, c, f, p, d, h, g, y = J.get(e);
+            if (y) {
+                n.handler && (n = (o = n).handler, i = o.selector), i && w.find.matchesSelector(be, i), n.guid || (n.guid = w.guid++), (u = y.events) || (u = y.events = {}), (a = y.handle) || (a = y.handle = function (t) {
+                    return "undefined" != typeof w && w.event.triggered !== t.type ? w.event.dispatch.apply(e, arguments) : void 0
+                }), l = (t = (t || "").match(M) || [""]).length;
+                while (l--) d = g = (s = Ce.exec(t[l]) || [])[1], h = (s[2] || "").split(".").sort(), d && (f = w.event.special[d] || {}, d = (i ? f.delegateType : f.bindType) || d, f = w.event.special[d] || {}, c = w.extend({
+                    type: d,
+                    origType: g,
+                    data: r,
+                    handler: n,
+                    guid: n.guid,
+                    selector: i,
+                    needsContext: i && w.expr.match.needsContext.test(i),
+                    namespace: h.join(".")
+                }, o), (p = u[d]) || ((p = u[d] = []).delegateCount = 0, f.setup && !1 !== f.setup.call(e, r, h, a) || e.addEventListener && e.addEventListener(d, a)), f.add && (f.add.call(e, c), c.handler.guid || (c.handler.guid = n.guid)), i ? p.splice(p.delegateCount++, 0, c) : p.push(c), w.event.global[d] = !0)
+            }
+        }, remove: function (e, t, n, r, i) {
+            var o, a, s, u, l, c, f, p, d, h, g, y = J.hasData(e) && J.get(e);
+            if (y && (u = y.events)) {
+                l = (t = (t || "").match(M) || [""]).length;
+                while (l--) if (s = Ce.exec(t[l]) || [], d = g = s[1], h = (s[2] || "").split(".").sort(), d) {
+                    f = w.event.special[d] || {}, p = u[d = (r ? f.delegateType : f.bindType) || d] || [], s = s[2] && new RegExp("(^|\\.)" + h.join("\\.(?:.*\\.|)") + "(\\.|$)"), a = o = p.length;
+                    while (o--) c = p[o], !i && g !== c.origType || n && n.guid !== c.guid || s && !s.test(c.namespace) || r && r !== c.selector && ("**" !== r || !c.selector) || (p.splice(o, 1), c.selector && p.delegateCount--, f.remove && f.remove.call(e, c));
+                    a && !p.length && (f.teardown && !1 !== f.teardown.call(e, h, y.handle) || w.removeEvent(e, d, y.handle), delete u[d])
+                } else for (d in u) w.event.remove(e, d + t[l], n, r, !0);
+                w.isEmptyObject(u) && J.remove(e, "handle events")
+            }
+        }, dispatch: function (e) {
+            var t = w.event.fix(e), n, r, i, o, a, s, u = new Array(arguments.length),
+                l = (J.get(this, "events") || {})[t.type] || [], c = w.event.special[t.type] || {};
+            for (u[0] = t, n = 1; n < arguments.length; n++) u[n] = arguments[n];
+            if (t.delegateTarget = this, !c.preDispatch || !1 !== c.preDispatch.call(this, t)) {
+                s = w.event.handlers.call(this, t, l), n = 0;
+                while ((o = s[n++]) && !t.isPropagationStopped()) {
+                    t.currentTarget = o.elem, r = 0;
+                    while ((a = o.handlers[r++]) && !t.isImmediatePropagationStopped()) t.rnamespace && !t.rnamespace.test(a.namespace) || (t.handleObj = a, t.data = a.data, void 0 !== (i = ((w.event.special[a.origType] || {}).handle || a.handler).apply(o.elem, u)) && !1 === (t.result = i) && (t.preventDefault(), t.stopPropagation()))
+                }
+                return c.postDispatch && c.postDispatch.call(this, t), t.result
+            }
+        }, handlers: function (e, t) {
+            var n, r, i, o, a, s = [], u = t.delegateCount, l = e.target;
+            if (u && l.nodeType && !("click" === e.type && e.button >= 1)) for (; l !== this; l = l.parentNode || this) if (1 === l.nodeType && ("click" !== e.type || !0 !== l.disabled)) {
+                for (o = [], a = {}, n = 0; n < u; n++) void 0 === a[i = (r = t[n]).selector + " "] && (a[i] = r.needsContext ? w(i, this).index(l) > -1 : w.find(i, this, null, [l]).length), a[i] && o.push(r);
+                o.length && s.push({elem: l, handlers: o})
+            }
+            return l = this, u < t.length && s.push({elem: l, handlers: t.slice(u)}), s
+        }, addProp: function (e, t) {
+            Object.defineProperty(w.Event.prototype, e, {
+                enumerable: !0, configurable: !0, get: g(t) ? function () {
+                    if (this.originalEvent) return t(this.originalEvent)
+                } : function () {
+                    if (this.originalEvent) return this.originalEvent[e]
+                }, set: function (t) {
+                    Object.defineProperty(this, e, {enumerable: !0, configurable: !0, writable: !0, value: t})
+                }
+            })
+        }, fix: function (e) {
+            return e[w.expando] ? e : new w.Event(e)
+        }, special: {
+            load: {noBubble: !0}, focus: {
+                trigger: function () {
+                    if (this !== Se() && this.focus) return this.focus(), !1
+                }, delegateType: "focusin"
+            }, blur: {
+                trigger: function () {
+                    if (this === Se() && this.blur) return this.blur(), !1
+                }, delegateType: "focusout"
+            }, click: {
+                trigger: function () {
+                    if ("checkbox" === this.type && this.click && N(this, "input")) return this.click(), !1
+                }, _default: function (e) {
+                    return N(e.target, "a")
+                }
+            }, beforeunload: {
+                postDispatch: function (e) {
+                    void 0 !== e.result && e.originalEvent && (e.originalEvent.returnValue = e.result)
+                }
+            }
+        }
+    }, w.removeEvent = function (e, t, n) {
+        e.removeEventListener && e.removeEventListener(t, n)
+    }, w.Event = function (e, t) {
+        if (!(this instanceof w.Event)) return new w.Event(e, t);
+        e && e.type ? (this.originalEvent = e, this.type = e.type, this.isDefaultPrevented = e.defaultPrevented || void 0 === e.defaultPrevented && !1 === e.returnValue ? Ee : ke, this.target = e.target && 3 === e.target.nodeType ? e.target.parentNode : e.target, this.currentTarget = e.currentTarget, this.relatedTarget = e.relatedTarget) : this.type = e, t && w.extend(this, t), this.timeStamp = e && e.timeStamp || Date.now(), this[w.expando] = !0
+    }, w.Event.prototype = {
+        constructor: w.Event,
+        isDefaultPrevented: ke,
+        isPropagationStopped: ke,
+        isImmediatePropagationStopped: ke,
+        isSimulated: !1,
+        preventDefault: function () {
+            var e = this.originalEvent;
+            this.isDefaultPrevented = Ee, e && !this.isSimulated && e.preventDefault()
+        },
+        stopPropagation: function () {
+            var e = this.originalEvent;
+            this.isPropagationStopped = Ee, e && !this.isSimulated && e.stopPropagation()
+        },
+        stopImmediatePropagation: function () {
+            var e = this.originalEvent;
+            this.isImmediatePropagationStopped = Ee, e && !this.isSimulated && e.stopImmediatePropagation(), this.stopPropagation()
+        }
+    }, w.each({
+        altKey: !0,
+        bubbles: !0,
+        cancelable: !0,
+        changedTouches: !0,
+        ctrlKey: !0,
+        detail: !0,
+        eventPhase: !0,
+        metaKey: !0,
+        pageX: !0,
+        pageY: !0,
+        shiftKey: !0,
+        view: !0,
+        "char": !0,
+        charCode: !0,
+        key: !0,
+        keyCode: !0,
+        button: !0,
+        buttons: !0,
+        clientX: !0,
+        clientY: !0,
+        offsetX: !0,
+        offsetY: !0,
+        pointerId: !0,
+        pointerType: !0,
+        screenX: !0,
+        screenY: !0,
+        targetTouches: !0,
+        toElement: !0,
+        touches: !0,
+        which: function (e) {
+            var t = e.button;
+            return null == e.which && we.test(e.type) ? null != e.charCode ? e.charCode : e.keyCode : !e.which && void 0 !== t && Te.test(e.type) ? 1 & t ? 1 : 2 & t ? 3 : 4 & t ? 2 : 0 : e.which
+        }
+    }, w.event.addProp), w.each({
+        mouseenter: "mouseover",
+        mouseleave: "mouseout",
+        pointerenter: "pointerover",
+        pointerleave: "pointerout"
+    }, function (e, t) {
+        w.event.special[e] = {
+            delegateType: t, bindType: t, handle: function (e) {
+                var n, r = this, i = e.relatedTarget, o = e.handleObj;
+                return i && (i === r || w.contains(r, i)) || (e.type = o.origType, n = o.handler.apply(this, arguments), e.type = t), n
+            }
+        }
+    }), w.fn.extend({
+        on: function (e, t, n, r) {
+            return De(this, e, t, n, r)
+        }, one: function (e, t, n, r) {
+            return De(this, e, t, n, r, 1)
+        }, off: function (e, t, n) {
+            var r, i;
+            if (e && e.preventDefault && e.handleObj) return r = e.handleObj, w(e.delegateTarget).off(r.namespace ? r.origType + "." + r.namespace : r.origType, r.selector, r.handler), this;
+            if ("object" == typeof e) {
+                for (i in e) this.off(i, t, e[i]);
+                return this
+            }
+            return !1 !== t && "function" != typeof t || (n = t, t = void 0), !1 === n && (n = ke), this.each(function () {
+                w.event.remove(this, e, n, t)
+            })
+        }
+    });
+    var Ne = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([a-z][^\/\0>\x20\t\r\n\f]*)[^>]*)\/>/gi,
+        Ae = /\s*$/g;
+
+    function Le(e, t) {
+        return N(e, "table") && N(11 !== t.nodeType ? t : t.firstChild, "tr") ? w(e).children("tbody")[0] || e : e
+    }
+
+    function He(e) {
+        return e.type = (null !== e.getAttribute("type")) + "/" + e.type, e
+    }
+
+    function Oe(e) {
+        return "true/" === (e.type || "").slice(0, 5) ? e.type = e.type.slice(5) : e.removeAttribute("type"), e
+    }
+
+    function Pe(e, t) {
+        var n, r, i, o, a, s, u, l;
+        if (1 === t.nodeType) {
+            if (J.hasData(e) && (o = J.access(e), a = J.set(t, o), l = o.events)) {
+                delete a.handle, a.events = {};
+                for (i in l) for (n = 0, r = l[i].length; n < r; n++) w.event.add(t, i, l[i][n])
+            }
+            K.hasData(e) && (s = K.access(e), u = w.extend({}, s), K.set(t, u))
+        }
+    }
+
+    function Me(e, t) {
+        var n = t.nodeName.toLowerCase();
+        "input" === n && pe.test(e.type) ? t.checked = e.checked : "input" !== n && "textarea" !== n || (t.defaultValue = e.defaultValue)
+    }
+
+    function Re(e, t, n, r) {
+        t = a.apply([], t);
+        var i, o, s, u, l, c, f = 0, p = e.length, d = p - 1, y = t[0], v = g(y);
+        if (v || p > 1 && "string" == typeof y && !h.checkClone && je.test(y)) return e.each(function (i) {
+            var o = e.eq(i);
+            v && (t[0] = y.call(this, i, o.html())), Re(o, t, n, r)
+        });
+        if (p && (i = xe(t, e[0].ownerDocument, !1, e, r), o = i.firstChild, 1 === i.childNodes.length && (i = o), o || r)) {
+            for (u = (s = w.map(ye(i, "script"), He)).length; f < p; f++) l = i, f !== d && (l = w.clone(l, !0, !0), u && w.merge(s, ye(l, "script"))), n.call(e[f], l, f);
+            if (u) for (c = s[s.length - 1].ownerDocument, w.map(s, Oe), f = 0; f < u; f++) l = s[f], he.test(l.type || "") && !J.access(l, "globalEval") && w.contains(c, l) && (l.src && "module" !== (l.type || "").toLowerCase() ? w._evalUrl && w._evalUrl(l.src) : m(l.textContent.replace(qe, ""), c, l))
+        }
+        return e
+    }
+
+    function Ie(e, t, n) {
+        for (var r, i = t ? w.filter(t, e) : e, o = 0; null != (r = i[o]); o++) n || 1 !== r.nodeType || w.cleanData(ye(r)), r.parentNode && (n && w.contains(r.ownerDocument, r) && ve(ye(r, "script")), r.parentNode.removeChild(r));
+        return e
+    }
+
+    w.extend({
+        htmlPrefilter: function (e) {
+            return e.replace(Ne, "<$1>")
+        }, clone: function (e, t, n) {
+            var r, i, o, a, s = e.cloneNode(!0), u = w.contains(e.ownerDocument, e);
+            if (!(h.noCloneChecked || 1 !== e.nodeType && 11 !== e.nodeType || w.isXMLDoc(e))) for (a = ye(s), r = 0, i = (o = ye(e)).length; r < i; r++) Me(o[r], a[r]);
+            if (t) if (n) for (o = o || ye(e), a = a || ye(s), r = 0, i = o.length; r < i; r++) Pe(o[r], a[r]); else Pe(e, s);
+            return (a = ye(s, "script")).length > 0 && ve(a, !u && ye(e, "script")), s
+        }, cleanData: function (e) {
+            for (var t, n, r, i = w.event.special, o = 0; void 0 !== (n = e[o]); o++) if (Y(n)) {
+                if (t = n[J.expando]) {
+                    if (t.events) for (r in t.events) i[r] ? w.event.remove(n, r) : w.removeEvent(n, r, t.handle);
+                    n[J.expando] = void 0
+                }
+                n[K.expando] && (n[K.expando] = void 0)
+            }
+        }
+    }), w.fn.extend({
+        detach: function (e) {
+            return Ie(this, e, !0)
+        }, remove: function (e) {
+            return Ie(this, e)
+        }, text: function (e) {
+            return z(this, function (e) {
+                return void 0 === e ? w.text(this) : this.empty().each(function () {
+                    1 !== this.nodeType && 11 !== this.nodeType && 9 !== this.nodeType || (this.textContent = e)
+                })
+            }, null, e, arguments.length)
+        }, append: function () {
+            return Re(this, arguments, function (e) {
+                1 !== this.nodeType && 11 !== this.nodeType && 9 !== this.nodeType || Le(this, e).appendChild(e)
+            })
+        }, prepend: function () {
+            return Re(this, arguments, function (e) {
+                if (1 === this.nodeType || 11 === this.nodeType || 9 === this.nodeType) {
+                    var t = Le(this, e);
+                    t.insertBefore(e, t.firstChild)
+                }
+            })
+        }, before: function () {
+            return Re(this, arguments, function (e) {
+                this.parentNode && this.parentNode.insertBefore(e, this)
+            })
+        }, after: function () {
+            return Re(this, arguments, function (e) {
+                this.parentNode && this.parentNode.insertBefore(e, this.nextSibling)
+            })
+        }, empty: function () {
+            for (var e, t = 0; null != (e = this[t]); t++) 1 === e.nodeType && (w.cleanData(ye(e, !1)), e.textContent = "");
+            return this
+        }, clone: function (e, t) {
+            return e = null != e && e, t = null == t ? e : t, this.map(function () {
+                return w.clone(this, e, t)
+            })
+        }, html: function (e) {
+            return z(this, function (e) {
+                var t = this[0] || {}, n = 0, r = this.length;
+                if (void 0 === e && 1 === t.nodeType) return t.innerHTML;
+                if ("string" == typeof e && !Ae.test(e) && !ge[(de.exec(e) || ["", ""])[1].toLowerCase()]) {
+                    e = w.htmlPrefilter(e);
+                    try {
+                        for (; n < r; n++) 1 === (t = this[n] || {}).nodeType && (w.cleanData(ye(t, !1)), t.innerHTML = e);
+                        t = 0
+                    } catch (e) {
+                    }
+                }
+                t && this.empty().append(e)
+            }, null, e, arguments.length)
+        }, replaceWith: function () {
+            var e = [];
+            return Re(this, arguments, function (t) {
+                var n = this.parentNode;
+                w.inArray(this, e) < 0 && (w.cleanData(ye(this)), n && n.replaceChild(t, this))
+            }, e)
+        }
+    }), w.each({
+        appendTo: "append",
+        prependTo: "prepend",
+        insertBefore: "before",
+        insertAfter: "after",
+        replaceAll: "replaceWith"
+    }, function (e, t) {
+        w.fn[e] = function (e) {
+            for (var n, r = [], i = w(e), o = i.length - 1, a = 0; a <= o; a++) n = a === o ? this : this.clone(!0), w(i[a])[t](n), s.apply(r, n.get());
+            return this.pushStack(r)
+        }
+    });
+    var We = new RegExp("^(" + re + ")(?!px)[a-z%]+$", "i"), $e = function (t) {
+        var n = t.ownerDocument.defaultView;
+        return n && n.opener || (n = e), n.getComputedStyle(t)
+    }, Be = new RegExp(oe.join("|"), "i");
+    !function () {
+        function t() {
+            if (c) {
+                l.style.cssText = "position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0", c.style.cssText = "position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%", be.appendChild(l).appendChild(c);
+                var t = e.getComputedStyle(c);
+                i = "1%" !== t.top, u = 12 === n(t.marginLeft), c.style.right = "60%", s = 36 === n(t.right), o = 36 === n(t.width), c.style.position = "absolute", a = 36 === c.offsetWidth || "absolute", be.removeChild(l), c = null
+            }
+        }
+
+        function n(e) {
+            return Math.round(parseFloat(e))
+        }
+
+        var i, o, a, s, u, l = r.createElement("div"), c = r.createElement("div");
+        c.style && (c.style.backgroundClip = "content-box", c.cloneNode(!0).style.backgroundClip = "", h.clearCloneStyle = "content-box" === c.style.backgroundClip, w.extend(h, {
+            boxSizingReliable: function () {
+                return t(), o
+            }, pixelBoxStyles: function () {
+                return t(), s
+            }, pixelPosition: function () {
+                return t(), i
+            }, reliableMarginLeft: function () {
+                return t(), u
+            }, scrollboxSize: function () {
+                return t(), a
+            }
+        }))
+    }();
+
+    function Fe(e, t, n) {
+        var r, i, o, a, s = e.style;
+        return (n = n || $e(e)) && ("" !== (a = n.getPropertyValue(t) || n[t]) || w.contains(e.ownerDocument, e) || (a = w.style(e, t)), !h.pixelBoxStyles() && We.test(a) && Be.test(t) && (r = s.width, i = s.minWidth, o = s.maxWidth, s.minWidth = s.maxWidth = s.width = a, a = n.width, s.width = r, s.minWidth = i, s.maxWidth = o)), void 0 !== a ? a + "" : a
+    }
+
+    function _e(e, t) {
+        return {
+            get: function () {
+                if (!e()) return (this.get = t).apply(this, arguments);
+                delete this.get
+            }
+        }
+    }
+
+    var ze = /^(none|table(?!-c[ea]).+)/, Xe = /^--/,
+        Ue = {position: "absolute", visibility: "hidden", display: "block"},
+        Ve = {letterSpacing: "0", fontWeight: "400"}, Ge = ["Webkit", "Moz", "ms"], Ye = r.createElement("div").style;
+
+    function Qe(e) {
+        if (e in Ye) return e;
+        var t = e[0].toUpperCase() + e.slice(1), n = Ge.length;
+        while (n--) if ((e = Ge[n] + t) in Ye) return e
+    }
+
+    function Je(e) {
+        var t = w.cssProps[e];
+        return t || (t = w.cssProps[e] = Qe(e) || e), t
+    }
+
+    function Ke(e, t, n) {
+        var r = ie.exec(t);
+        return r ? Math.max(0, r[2] - (n || 0)) + (r[3] || "px") : t
+    }
+
+    function Ze(e, t, n, r, i, o) {
+        var a = "width" === t ? 1 : 0, s = 0, u = 0;
+        if (n === (r ? "border" : "content")) return 0;
+        for (; a < 4; a += 2) "margin" === n && (u += w.css(e, n + oe[a], !0, i)), r ? ("content" === n && (u -= w.css(e, "padding" + oe[a], !0, i)), "margin" !== n && (u -= w.css(e, "border" + oe[a] + "Width", !0, i))) : (u += w.css(e, "padding" + oe[a], !0, i), "padding" !== n ? u += w.css(e, "border" + oe[a] + "Width", !0, i) : s += w.css(e, "border" + oe[a] + "Width", !0, i));
+        return !r && o >= 0 && (u += Math.max(0, Math.ceil(e["offset" + t[0].toUpperCase() + t.slice(1)] - o - u - s - .5))), u
+    }
+
+    function et(e, t, n) {
+        var r = $e(e), i = Fe(e, t, r), o = "border-box" === w.css(e, "boxSizing", !1, r), a = o;
+        if (We.test(i)) {
+            if (!n) return i;
+            i = "auto"
+        }
+        return a = a && (h.boxSizingReliable() || i === e.style[t]), ("auto" === i || !parseFloat(i) && "inline" === w.css(e, "display", !1, r)) && (i = e["offset" + t[0].toUpperCase() + t.slice(1)], a = !0), (i = parseFloat(i) || 0) + Ze(e, t, n || (o ? "border" : "content"), a, r, i) + "px"
+    }
+
+    w.extend({
+        cssHooks: {
+            opacity: {
+                get: function (e, t) {
+                    if (t) {
+                        var n = Fe(e, "opacity");
+                        return "" === n ? "1" : n
+                    }
+                }
+            }
+        },
+        cssNumber: {
+            animationIterationCount: !0,
+            columnCount: !0,
+            fillOpacity: !0,
+            flexGrow: !0,
+            flexShrink: !0,
+            fontWeight: !0,
+            lineHeight: !0,
+            opacity: !0,
+            order: !0,
+            orphans: !0,
+            widows: !0,
+            zIndex: !0,
+            zoom: !0
+        },
+        cssProps: {},
+        style: function (e, t, n, r) {
+            if (e && 3 !== e.nodeType && 8 !== e.nodeType && e.style) {
+                var i, o, a, s = G(t), u = Xe.test(t), l = e.style;
+                if (u || (t = Je(s)), a = w.cssHooks[t] || w.cssHooks[s], void 0 === n) return a && "get" in a && void 0 !== (i = a.get(e, !1, r)) ? i : l[t];
+                "string" == (o = typeof n) && (i = ie.exec(n)) && i[1] && (n = ue(e, t, i), o = "number"), null != n && n === n && ("number" === o && (n += i && i[3] || (w.cssNumber[s] ? "" : "px")), h.clearCloneStyle || "" !== n || 0 !== t.indexOf("background") || (l[t] = "inherit"), a && "set" in a && void 0 === (n = a.set(e, n, r)) || (u ? l.setProperty(t, n) : l[t] = n))
+            }
+        },
+        css: function (e, t, n, r) {
+            var i, o, a, s = G(t);
+            return Xe.test(t) || (t = Je(s)), (a = w.cssHooks[t] || w.cssHooks[s]) && "get" in a && (i = a.get(e, !0, n)), void 0 === i && (i = Fe(e, t, r)), "normal" === i && t in Ve && (i = Ve[t]), "" === n || n ? (o = parseFloat(i), !0 === n || isFinite(o) ? o || 0 : i) : i
+        }
+    }), w.each(["height", "width"], function (e, t) {
+        w.cssHooks[t] = {
+            get: function (e, n, r) {
+                if (n) return !ze.test(w.css(e, "display")) || e.getClientRects().length && e.getBoundingClientRect().width ? et(e, t, r) : se(e, Ue, function () {
+                    return et(e, t, r)
+                })
+            }, set: function (e, n, r) {
+                var i, o = $e(e), a = "border-box" === w.css(e, "boxSizing", !1, o), s = r && Ze(e, t, r, a, o);
+                return a && h.scrollboxSize() === o.position && (s -= Math.ceil(e["offset" + t[0].toUpperCase() + t.slice(1)] - parseFloat(o[t]) - Ze(e, t, "border", !1, o) - .5)), s && (i = ie.exec(n)) && "px" !== (i[3] || "px") && (e.style[t] = n, n = w.css(e, t)), Ke(e, n, s)
+            }
+        }
+    }), w.cssHooks.marginLeft = _e(h.reliableMarginLeft, function (e, t) {
+        if (t) return (parseFloat(Fe(e, "marginLeft")) || e.getBoundingClientRect().left - se(e, {marginLeft: 0}, function () {
+            return e.getBoundingClientRect().left
+        })) + "px"
+    }), w.each({margin: "", padding: "", border: "Width"}, function (e, t) {
+        w.cssHooks[e + t] = {
+            expand: function (n) {
+                for (var r = 0, i = {}, o = "string" == typeof n ? n.split(" ") : [n]; r < 4; r++) i[e + oe[r] + t] = o[r] || o[r - 2] || o[0];
+                return i
+            }
+        }, "margin" !== e && (w.cssHooks[e + t].set = Ke)
+    }), w.fn.extend({
+        css: function (e, t) {
+            return z(this, function (e, t, n) {
+                var r, i, o = {}, a = 0;
+                if (Array.isArray(t)) {
+                    for (r = $e(e), i = t.length; a < i; a++) o[t[a]] = w.css(e, t[a], !1, r);
+                    return o
+                }
+                return void 0 !== n ? w.style(e, t, n) : w.css(e, t)
+            }, e, t, arguments.length > 1)
+        }
+    });
+
+    function tt(e, t, n, r, i) {
+        return new tt.prototype.init(e, t, n, r, i)
+    }
+
+    w.Tween = tt, tt.prototype = {
+        constructor: tt, init: function (e, t, n, r, i, o) {
+            this.elem = e, this.prop = n, this.easing = i || w.easing._default, this.options = t, this.start = this.now = this.cur(), this.end = r, this.unit = o || (w.cssNumber[n] ? "" : "px")
+        }, cur: function () {
+            var e = tt.propHooks[this.prop];
+            return e && e.get ? e.get(this) : tt.propHooks._default.get(this)
+        }, run: function (e) {
+            var t, n = tt.propHooks[this.prop];
+            return this.options.duration ? this.pos = t = w.easing[this.easing](e, this.options.duration * e, 0, 1, this.options.duration) : this.pos = t = e, this.now = (this.end - this.start) * t + this.start, this.options.step && this.options.step.call(this.elem, this.now, this), n && n.set ? n.set(this) : tt.propHooks._default.set(this), this
+        }
+    }, tt.prototype.init.prototype = tt.prototype, tt.propHooks = {
+        _default: {
+            get: function (e) {
+                var t;
+                return 1 !== e.elem.nodeType || null != e.elem[e.prop] && null == e.elem.style[e.prop] ? e.elem[e.prop] : (t = w.css(e.elem, e.prop, "")) && "auto" !== t ? t : 0
+            }, set: function (e) {
+                w.fx.step[e.prop] ? w.fx.step[e.prop](e) : 1 !== e.elem.nodeType || null == e.elem.style[w.cssProps[e.prop]] && !w.cssHooks[e.prop] ? e.elem[e.prop] = e.now : w.style(e.elem, e.prop, e.now + e.unit)
+            }
+        }
+    }, tt.propHooks.scrollTop = tt.propHooks.scrollLeft = {
+        set: function (e) {
+            e.elem.nodeType && e.elem.parentNode && (e.elem[e.prop] = e.now)
+        }
+    }, w.easing = {
+        linear: function (e) {
+            return e
+        }, swing: function (e) {
+            return .5 - Math.cos(e * Math.PI) / 2
+        }, _default: "swing"
+    }, w.fx = tt.prototype.init, w.fx.step = {};
+    var nt, rt, it = /^(?:toggle|show|hide)$/, ot = /queueHooks$/;
+
+    function at() {
+        rt && (!1 === r.hidden && e.requestAnimationFrame ? e.requestAnimationFrame(at) : e.setTimeout(at, w.fx.interval), w.fx.tick())
+    }
+
+    function st() {
+        return e.setTimeout(function () {
+            nt = void 0
+        }), nt = Date.now()
+    }
+
+    function ut(e, t) {
+        var n, r = 0, i = {height: e};
+        for (t = t ? 1 : 0; r < 4; r += 2 - t) i["margin" + (n = oe[r])] = i["padding" + n] = e;
+        return t && (i.opacity = i.width = e), i
+    }
+
+    function lt(e, t, n) {
+        for (var r, i = (pt.tweeners[t] || []).concat(pt.tweeners["*"]), o = 0, a = i.length; o < a; o++) if (r = i[o].call(n, t, e)) return r
+    }
+
+    function ct(e, t, n) {
+        var r, i, o, a, s, u, l, c, f = "width" in t || "height" in t, p = this, d = {}, h = e.style,
+            g = e.nodeType && ae(e), y = J.get(e, "fxshow");
+        n.queue || (null == (a = w._queueHooks(e, "fx")).unqueued && (a.unqueued = 0, s = a.empty.fire, a.empty.fire = function () {
+            a.unqueued || s()
+        }), a.unqueued++, p.always(function () {
+            p.always(function () {
+                a.unqueued--, w.queue(e, "fx").length || a.empty.fire()
+            })
+        }));
+        for (r in t) if (i = t[r], it.test(i)) {
+            if (delete t[r], o = o || "toggle" === i, i === (g ? "hide" : "show")) {
+                if ("show" !== i || !y || void 0 === y[r]) continue;
+                g = !0
+            }
+            d[r] = y && y[r] || w.style(e, r)
+        }
+        if ((u = !w.isEmptyObject(t)) || !w.isEmptyObject(d)) {
+            f && 1 === e.nodeType && (n.overflow = [h.overflow, h.overflowX, h.overflowY], null == (l = y && y.display) && (l = J.get(e, "display")), "none" === (c = w.css(e, "display")) && (l ? c = l : (fe([e], !0), l = e.style.display || l, c = w.css(e, "display"), fe([e]))), ("inline" === c || "inline-block" === c && null != l) && "none" === w.css(e, "float") && (u || (p.done(function () {
+                h.display = l
+            }), null == l && (c = h.display, l = "none" === c ? "" : c)), h.display = "inline-block")), n.overflow && (h.overflow = "hidden", p.always(function () {
+                h.overflow = n.overflow[0], h.overflowX = n.overflow[1], h.overflowY = n.overflow[2]
+            })), u = !1;
+            for (r in d) u || (y ? "hidden" in y && (g = y.hidden) : y = J.access(e, "fxshow", {display: l}), o && (y.hidden = !g), g && fe([e], !0), p.done(function () {
+                g || fe([e]), J.remove(e, "fxshow");
+                for (r in d) w.style(e, r, d[r])
+            })), u = lt(g ? y[r] : 0, r, p), r in y || (y[r] = u.start, g && (u.end = u.start, u.start = 0))
+        }
+    }
+
+    function ft(e, t) {
+        var n, r, i, o, a;
+        for (n in e) if (r = G(n), i = t[r], o = e[n], Array.isArray(o) && (i = o[1], o = e[n] = o[0]), n !== r && (e[r] = o, delete e[n]), (a = w.cssHooks[r]) && "expand" in a) {
+            o = a.expand(o), delete e[r];
+            for (n in o) n in e || (e[n] = o[n], t[n] = i)
+        } else t[r] = i
+    }
+
+    function pt(e, t, n) {
+        var r, i, o = 0, a = pt.prefilters.length, s = w.Deferred().always(function () {
+            delete u.elem
+        }), u = function () {
+            if (i) return !1;
+            for (var t = nt || st(), n = Math.max(0, l.startTime + l.duration - t), r = 1 - (n / l.duration || 0), o = 0, a = l.tweens.length; o < a; o++) l.tweens[o].run(r);
+            return s.notifyWith(e, [l, r, n]), r < 1 && a ? n : (a || s.notifyWith(e, [l, 1, 0]), s.resolveWith(e, [l]), !1)
+        }, l = s.promise({
+            elem: e,
+            props: w.extend({}, t),
+            opts: w.extend(!0, {specialEasing: {}, easing: w.easing._default}, n),
+            originalProperties: t,
+            originalOptions: n,
+            startTime: nt || st(),
+            duration: n.duration,
+            tweens: [],
+            createTween: function (t, n) {
+                var r = w.Tween(e, l.opts, t, n, l.opts.specialEasing[t] || l.opts.easing);
+                return l.tweens.push(r), r
+            },
+            stop: function (t) {
+                var n = 0, r = t ? l.tweens.length : 0;
+                if (i) return this;
+                for (i = !0; n < r; n++) l.tweens[n].run(1);
+                return t ? (s.notifyWith(e, [l, 1, 0]), s.resolveWith(e, [l, t])) : s.rejectWith(e, [l, t]), this
+            }
+        }), c = l.props;
+        for (ft(c, l.opts.specialEasing); o < a; o++) if (r = pt.prefilters[o].call(l, e, c, l.opts)) return g(r.stop) && (w._queueHooks(l.elem, l.opts.queue).stop = r.stop.bind(r)), r;
+        return w.map(c, lt, l), g(l.opts.start) && l.opts.start.call(e, l), l.progress(l.opts.progress).done(l.opts.done, l.opts.complete).fail(l.opts.fail).always(l.opts.always), w.fx.timer(w.extend(u, {
+            elem: e,
+            anim: l,
+            queue: l.opts.queue
+        })), l
+    }
+
+    w.Animation = w.extend(pt, {
+        tweeners: {
+            "*": [function (e, t) {
+                var n = this.createTween(e, t);
+                return ue(n.elem, e, ie.exec(t), n), n
+            }]
+        }, tweener: function (e, t) {
+            g(e) ? (t = e, e = ["*"]) : e = e.match(M);
+            for (var n, r = 0, i = e.length; r < i; r++) n = e[r], pt.tweeners[n] = pt.tweeners[n] || [], pt.tweeners[n].unshift(t)
+        }, prefilters: [ct], prefilter: function (e, t) {
+            t ? pt.prefilters.unshift(e) : pt.prefilters.push(e)
+        }
+    }), w.speed = function (e, t, n) {
+        var r = e && "object" == typeof e ? w.extend({}, e) : {
+            complete: n || !n && t || g(e) && e,
+            duration: e,
+            easing: n && t || t && !g(t) && t
+        };
+        return w.fx.off ? r.duration = 0 : "number" != typeof r.duration && (r.duration in w.fx.speeds ? r.duration = w.fx.speeds[r.duration] : r.duration = w.fx.speeds._default), null != r.queue && !0 !== r.queue || (r.queue = "fx"), r.old = r.complete, r.complete = function () {
+            g(r.old) && r.old.call(this), r.queue && w.dequeue(this, r.queue)
+        }, r
+    }, w.fn.extend({
+        fadeTo: function (e, t, n, r) {
+            return this.filter(ae).css("opacity", 0).show().end().animate({opacity: t}, e, n, r)
+        }, animate: function (e, t, n, r) {
+            var i = w.isEmptyObject(e), o = w.speed(t, n, r), a = function () {
+                var t = pt(this, w.extend({}, e), o);
+                (i || J.get(this, "finish")) && t.stop(!0)
+            };
+            return a.finish = a, i || !1 === o.queue ? this.each(a) : this.queue(o.queue, a)
+        }, stop: function (e, t, n) {
+            var r = function (e) {
+                var t = e.stop;
+                delete e.stop, t(n)
+            };
+            return "string" != typeof e && (n = t, t = e, e = void 0), t && !1 !== e && this.queue(e || "fx", []), this.each(function () {
+                var t = !0, i = null != e && e + "queueHooks", o = w.timers, a = J.get(this);
+                if (i) a[i] && a[i].stop && r(a[i]); else for (i in a) a[i] && a[i].stop && ot.test(i) && r(a[i]);
+                for (i = o.length; i--;) o[i].elem !== this || null != e && o[i].queue !== e || (o[i].anim.stop(n), t = !1, o.splice(i, 1));
+                !t && n || w.dequeue(this, e)
+            })
+        }, finish: function (e) {
+            return !1 !== e && (e = e || "fx"), this.each(function () {
+                var t, n = J.get(this), r = n[e + "queue"], i = n[e + "queueHooks"], o = w.timers, a = r ? r.length : 0;
+                for (n.finish = !0, w.queue(this, e, []), i && i.stop && i.stop.call(this, !0), t = o.length; t--;) o[t].elem === this && o[t].queue === e && (o[t].anim.stop(!0), o.splice(t, 1));
+                for (t = 0; t < a; t++) r[t] && r[t].finish && r[t].finish.call(this);
+                delete n.finish
+            })
+        }
+    }), w.each(["toggle", "show", "hide"], function (e, t) {
+        var n = w.fn[t];
+        w.fn[t] = function (e, r, i) {
+            return null == e || "boolean" == typeof e ? n.apply(this, arguments) : this.animate(ut(t, !0), e, r, i)
+        }
+    }), w.each({
+        slideDown: ut("show"),
+        slideUp: ut("hide"),
+        slideToggle: ut("toggle"),
+        fadeIn: {opacity: "show"},
+        fadeOut: {opacity: "hide"},
+        fadeToggle: {opacity: "toggle"}
+    }, function (e, t) {
+        w.fn[e] = function (e, n, r) {
+            return this.animate(t, e, n, r)
+        }
+    }), w.timers = [], w.fx.tick = function () {
+        var e, t = 0, n = w.timers;
+        for (nt = Date.now(); t < n.length; t++) (e = n[t])() || n[t] !== e || n.splice(t--, 1);
+        n.length || w.fx.stop(), nt = void 0
+    }, w.fx.timer = function (e) {
+        w.timers.push(e), w.fx.start()
+    }, w.fx.interval = 13, w.fx.start = function () {
+        rt || (rt = !0, at())
+    }, w.fx.stop = function () {
+        rt = null
+    }, w.fx.speeds = {slow: 600, fast: 200, _default: 400}, w.fn.delay = function (t, n) {
+        return t = w.fx ? w.fx.speeds[t] || t : t, n = n || "fx", this.queue(n, function (n, r) {
+            var i = e.setTimeout(n, t);
+            r.stop = function () {
+                e.clearTimeout(i)
+            }
+        })
+    }, function () {
+        var e = r.createElement("input"), t = r.createElement("select").appendChild(r.createElement("option"));
+        e.type = "checkbox", h.checkOn = "" !== e.value, h.optSelected = t.selected, (e = r.createElement("input")).value = "t", e.type = "radio", h.radioValue = "t" === e.value
+    }();
+    var dt, ht = w.expr.attrHandle;
+    w.fn.extend({
+        attr: function (e, t) {
+            return z(this, w.attr, e, t, arguments.length > 1)
+        }, removeAttr: function (e) {
+            return this.each(function () {
+                w.removeAttr(this, e)
+            })
+        }
+    }), w.extend({
+        attr: function (e, t, n) {
+            var r, i, o = e.nodeType;
+            if (3 !== o && 8 !== o && 2 !== o) return "undefined" == typeof e.getAttribute ? w.prop(e, t, n) : (1 === o && w.isXMLDoc(e) || (i = w.attrHooks[t.toLowerCase()] || (w.expr.match.bool.test(t) ? dt : void 0)), void 0 !== n ? null === n ? void w.removeAttr(e, t) : i && "set" in i && void 0 !== (r = i.set(e, n, t)) ? r : (e.setAttribute(t, n + ""), n) : i && "get" in i && null !== (r = i.get(e, t)) ? r : null == (r = w.find.attr(e, t)) ? void 0 : r)
+        }, attrHooks: {
+            type: {
+                set: function (e, t) {
+                    if (!h.radioValue && "radio" === t && N(e, "input")) {
+                        var n = e.value;
+                        return e.setAttribute("type", t), n && (e.value = n), t
+                    }
+                }
+            }
+        }, removeAttr: function (e, t) {
+            var n, r = 0, i = t && t.match(M);
+            if (i && 1 === e.nodeType) while (n = i[r++]) e.removeAttribute(n)
+        }
+    }), dt = {
+        set: function (e, t, n) {
+            return !1 === t ? w.removeAttr(e, n) : e.setAttribute(n, n), n
+        }
+    }, w.each(w.expr.match.bool.source.match(/\w+/g), function (e, t) {
+        var n = ht[t] || w.find.attr;
+        ht[t] = function (e, t, r) {
+            var i, o, a = t.toLowerCase();
+            return r || (o = ht[a], ht[a] = i, i = null != n(e, t, r) ? a : null, ht[a] = o), i
+        }
+    });
+    var gt = /^(?:input|select|textarea|button)$/i, yt = /^(?:a|area)$/i;
+    w.fn.extend({
+        prop: function (e, t) {
+            return z(this, w.prop, e, t, arguments.length > 1)
+        }, removeProp: function (e) {
+            return this.each(function () {
+                delete this[w.propFix[e] || e]
+            })
+        }
+    }), w.extend({
+        prop: function (e, t, n) {
+            var r, i, o = e.nodeType;
+            if (3 !== o && 8 !== o && 2 !== o) return 1 === o && w.isXMLDoc(e) || (t = w.propFix[t] || t, i = w.propHooks[t]), void 0 !== n ? i && "set" in i && void 0 !== (r = i.set(e, n, t)) ? r : e[t] = n : i && "get" in i && null !== (r = i.get(e, t)) ? r : e[t]
+        }, propHooks: {
+            tabIndex: {
+                get: function (e) {
+                    var t = w.find.attr(e, "tabindex");
+                    return t ? parseInt(t, 10) : gt.test(e.nodeName) || yt.test(e.nodeName) && e.href ? 0 : -1
+                }
+            }
+        }, propFix: {"for": "htmlFor", "class": "className"}
+    }), h.optSelected || (w.propHooks.selected = {
+        get: function (e) {
+            var t = e.parentNode;
+            return t && t.parentNode && t.parentNode.selectedIndex, null
+        }, set: function (e) {
+            var t = e.parentNode;
+            t && (t.selectedIndex, t.parentNode && t.parentNode.selectedIndex)
+        }
+    }), w.each(["tabIndex", "readOnly", "maxLength", "cellSpacing", "cellPadding", "rowSpan", "colSpan", "useMap", "frameBorder", "contentEditable"], function () {
+        w.propFix[this.toLowerCase()] = this
+    });
+
+    function vt(e) {
+        return (e.match(M) || []).join(" ")
+    }
+
+    function mt(e) {
+        return e.getAttribute && e.getAttribute("class") || ""
+    }
+
+    function xt(e) {
+        return Array.isArray(e) ? e : "string" == typeof e ? e.match(M) || [] : []
+    }
+
+    w.fn.extend({
+        addClass: function (e) {
+            var t, n, r, i, o, a, s, u = 0;
+            if (g(e)) return this.each(function (t) {
+                w(this).addClass(e.call(this, t, mt(this)))
+            });
+            if ((t = xt(e)).length) while (n = this[u++]) if (i = mt(n), r = 1 === n.nodeType && " " + vt(i) + " ") {
+                a = 0;
+                while (o = t[a++]) r.indexOf(" " + o + " ") < 0 && (r += o + " ");
+                i !== (s = vt(r)) && n.setAttribute("class", s)
+            }
+            return this
+        }, removeClass: function (e) {
+            var t, n, r, i, o, a, s, u = 0;
+            if (g(e)) return this.each(function (t) {
+                w(this).removeClass(e.call(this, t, mt(this)))
+            });
+            if (!arguments.length) return this.attr("class", "");
+            if ((t = xt(e)).length) while (n = this[u++]) if (i = mt(n), r = 1 === n.nodeType && " " + vt(i) + " ") {
+                a = 0;
+                while (o = t[a++]) while (r.indexOf(" " + o + " ") > -1) r = r.replace(" " + o + " ", " ");
+                i !== (s = vt(r)) && n.setAttribute("class", s)
+            }
+            return this
+        }, toggleClass: function (e, t) {
+            var n = typeof e, r = "string" === n || Array.isArray(e);
+            return "boolean" == typeof t && r ? t ? this.addClass(e) : this.removeClass(e) : g(e) ? this.each(function (n) {
+                w(this).toggleClass(e.call(this, n, mt(this), t), t)
+            }) : this.each(function () {
+                var t, i, o, a;
+                if (r) {
+                    i = 0, o = w(this), a = xt(e);
+                    while (t = a[i++]) o.hasClass(t) ? o.removeClass(t) : o.addClass(t)
+                } else void 0 !== e && "boolean" !== n || ((t = mt(this)) && J.set(this, "__className__", t), this.setAttribute && this.setAttribute("class", t || !1 === e ? "" : J.get(this, "__className__") || ""))
+            })
+        }, hasClass: function (e) {
+            var t, n, r = 0;
+            t = " " + e + " ";
+            while (n = this[r++]) if (1 === n.nodeType && (" " + vt(mt(n)) + " ").indexOf(t) > -1) return !0;
+            return !1
+        }
+    });
+    var bt = /\r/g;
+    w.fn.extend({
+        val: function (e) {
+            var t, n, r, i = this[0];
+            {
+                if (arguments.length) return r = g(e), this.each(function (n) {
+                    var i;
+                    1 === this.nodeType && (null == (i = r ? e.call(this, n, w(this).val()) : e) ? i = "" : "number" == typeof i ? i += "" : Array.isArray(i) && (i = w.map(i, function (e) {
+                        return null == e ? "" : e + ""
+                    })), (t = w.valHooks[this.type] || w.valHooks[this.nodeName.toLowerCase()]) && "set" in t && void 0 !== t.set(this, i, "value") || (this.value = i))
+                });
+                if (i) return (t = w.valHooks[i.type] || w.valHooks[i.nodeName.toLowerCase()]) && "get" in t && void 0 !== (n = t.get(i, "value")) ? n : "string" == typeof(n = i.value) ? n.replace(bt, "") : null == n ? "" : n
+            }
+        }
+    }), w.extend({
+        valHooks: {
+            option: {
+                get: function (e) {
+                    var t = w.find.attr(e, "value");
+                    return null != t ? t : vt(w.text(e))
+                }
+            }, select: {
+                get: function (e) {
+                    var t, n, r, i = e.options, o = e.selectedIndex, a = "select-one" === e.type, s = a ? null : [],
+                        u = a ? o + 1 : i.length;
+                    for (r = o < 0 ? u : a ? o : 0; r < u; r++) if (((n = i[r]).selected || r === o) && !n.disabled && (!n.parentNode.disabled || !N(n.parentNode, "optgroup"))) {
+                        if (t = w(n).val(), a) return t;
+                        s.push(t)
+                    }
+                    return s
+                }, set: function (e, t) {
+                    var n, r, i = e.options, o = w.makeArray(t), a = i.length;
+                    while (a--) ((r = i[a]).selected = w.inArray(w.valHooks.option.get(r), o) > -1) && (n = !0);
+                    return n || (e.selectedIndex = -1), o
+                }
+            }
+        }
+    }), w.each(["radio", "checkbox"], function () {
+        w.valHooks[this] = {
+            set: function (e, t) {
+                if (Array.isArray(t)) return e.checked = w.inArray(w(e).val(), t) > -1
+            }
+        }, h.checkOn || (w.valHooks[this].get = function (e) {
+            return null === e.getAttribute("value") ? "on" : e.value
+        })
+    }), h.focusin = "onfocusin" in e;
+    var wt = /^(?:focusinfocus|focusoutblur)$/, Tt = function (e) {
+        e.stopPropagation()
+    };
+    w.extend(w.event, {
+        trigger: function (t, n, i, o) {
+            var a, s, u, l, c, p, d, h, v = [i || r], m = f.call(t, "type") ? t.type : t,
+                x = f.call(t, "namespace") ? t.namespace.split(".") : [];
+            if (s = h = u = i = i || r, 3 !== i.nodeType && 8 !== i.nodeType && !wt.test(m + w.event.triggered) && (m.indexOf(".") > -1 && (m = (x = m.split(".")).shift(), x.sort()), c = m.indexOf(":") < 0 && "on" + m, t = t[w.expando] ? t : new w.Event(m, "object" == typeof t && t), t.isTrigger = o ? 2 : 3, t.namespace = x.join("."), t.rnamespace = t.namespace ? new RegExp("(^|\\.)" + x.join("\\.(?:.*\\.|)") + "(\\.|$)") : null, t.result = void 0, t.target || (t.target = i), n = null == n ? [t] : w.makeArray(n, [t]), d = w.event.special[m] || {}, o || !d.trigger || !1 !== d.trigger.apply(i, n))) {
+                if (!o && !d.noBubble && !y(i)) {
+                    for (l = d.delegateType || m, wt.test(l + m) || (s = s.parentNode); s; s = s.parentNode) v.push(s), u = s;
+                    u === (i.ownerDocument || r) && v.push(u.defaultView || u.parentWindow || e)
+                }
+                a = 0;
+                while ((s = v[a++]) && !t.isPropagationStopped()) h = s, t.type = a > 1 ? l : d.bindType || m, (p = (J.get(s, "events") || {})[t.type] && J.get(s, "handle")) && p.apply(s, n), (p = c && s[c]) && p.apply && Y(s) && (t.result = p.apply(s, n), !1 === t.result && t.preventDefault());
+                return t.type = m, o || t.isDefaultPrevented() || d._default && !1 !== d._default.apply(v.pop(), n) || !Y(i) || c && g(i[m]) && !y(i) && ((u = i[c]) && (i[c] = null), w.event.triggered = m, t.isPropagationStopped() && h.addEventListener(m, Tt), i[m](), t.isPropagationStopped() && h.removeEventListener(m, Tt), w.event.triggered = void 0, u && (i[c] = u)), t.result
+            }
+        }, simulate: function (e, t, n) {
+            var r = w.extend(new w.Event, n, {type: e, isSimulated: !0});
+            w.event.trigger(r, null, t)
+        }
+    }), w.fn.extend({
+        trigger: function (e, t) {
+            return this.each(function () {
+                w.event.trigger(e, t, this)
+            })
+        }, triggerHandler: function (e, t) {
+            var n = this[0];
+            if (n) return w.event.trigger(e, t, n, !0)
+        }
+    }), h.focusin || w.each({focus: "focusin", blur: "focusout"}, function (e, t) {
+        var n = function (e) {
+            w.event.simulate(t, e.target, w.event.fix(e))
+        };
+        w.event.special[t] = {
+            setup: function () {
+                var r = this.ownerDocument || this, i = J.access(r, t);
+                i || r.addEventListener(e, n, !0), J.access(r, t, (i || 0) + 1)
+            }, teardown: function () {
+                var r = this.ownerDocument || this, i = J.access(r, t) - 1;
+                i ? J.access(r, t, i) : (r.removeEventListener(e, n, !0), J.remove(r, t))
+            }
+        }
+    });
+    var Ct = e.location, Et = Date.now(), kt = /\?/;
+    w.parseXML = function (t) {
+        var n;
+        if (!t || "string" != typeof t) return null;
+        try {
+            n = (new e.DOMParser).parseFromString(t, "text/xml")
+        } catch (e) {
+            n = void 0
+        }
+        return n && !n.getElementsByTagName("parsererror").length || w.error("Invalid XML: " + t), n
+    };
+    var St = /\[\]$/, Dt = /\r?\n/g, Nt = /^(?:submit|button|image|reset|file)$/i,
+        At = /^(?:input|select|textarea|keygen)/i;
+
+    function jt(e, t, n, r) {
+        var i;
+        if (Array.isArray(t)) w.each(t, function (t, i) {
+            n || St.test(e) ? r(e, i) : jt(e + "[" + ("object" == typeof i && null != i ? t : "") + "]", i, n, r)
+        }); else if (n || "object" !== x(t)) r(e, t); else for (i in t) jt(e + "[" + i + "]", t[i], n, r)
+    }
+
+    w.param = function (e, t) {
+        var n, r = [], i = function (e, t) {
+            var n = g(t) ? t() : t;
+            r[r.length] = encodeURIComponent(e) + "=" + encodeURIComponent(null == n ? "" : n)
+        };
+        if (Array.isArray(e) || e.jquery && !w.isPlainObject(e)) w.each(e, function () {
+            i(this.name, this.value)
+        }); else for (n in e) jt(n, e[n], t, i);
+        return r.join("&")
+    }, w.fn.extend({
+        serialize: function () {
+            return w.param(this.serializeArray())
+        }, serializeArray: function () {
+            return this.map(function () {
+                var e = w.prop(this, "elements");
+                return e ? w.makeArray(e) : this
+            }).filter(function () {
+                var e = this.type;
+                return this.name && !w(this).is(":disabled") && At.test(this.nodeName) && !Nt.test(e) && (this.checked || !pe.test(e))
+            }).map(function (e, t) {
+                var n = w(this).val();
+                return null == n ? null : Array.isArray(n) ? w.map(n, function (e) {
+                    return {name: t.name, value: e.replace(Dt, "\r\n")}
+                }) : {name: t.name, value: n.replace(Dt, "\r\n")}
+            }).get()
+        }
+    });
+    var qt = /%20/g, Lt = /#.*$/, Ht = /([?&])_=[^&]*/, Ot = /^(.*?):[ \t]*([^\r\n]*)$/gm,
+        Pt = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/, Mt = /^(?:GET|HEAD)$/, Rt = /^\/\//, It = {},
+        Wt = {}, $t = "*/".concat("*"), Bt = r.createElement("a");
+    Bt.href = Ct.href;
+
+    function Ft(e) {
+        return function (t, n) {
+            "string" != typeof t && (n = t, t = "*");
+            var r, i = 0, o = t.toLowerCase().match(M) || [];
+            if (g(n)) while (r = o[i++]) "+" === r[0] ? (r = r.slice(1) || "*", (e[r] = e[r] || []).unshift(n)) : (e[r] = e[r] || []).push(n)
+        }
+    }
+
+    function _t(e, t, n, r) {
+        var i = {}, o = e === Wt;
+
+        function a(s) {
+            var u;
+            return i[s] = !0, w.each(e[s] || [], function (e, s) {
+                var l = s(t, n, r);
+                return "string" != typeof l || o || i[l] ? o ? !(u = l) : void 0 : (t.dataTypes.unshift(l), a(l), !1)
+            }), u
+        }
+
+        return a(t.dataTypes[0]) || !i["*"] && a("*")
+    }
+
+    function zt(e, t) {
+        var n, r, i = w.ajaxSettings.flatOptions || {};
+        for (n in t) void 0 !== t[n] && ((i[n] ? e : r || (r = {}))[n] = t[n]);
+        return r && w.extend(!0, e, r), e
+    }
+
+    function Xt(e, t, n) {
+        var r, i, o, a, s = e.contents, u = e.dataTypes;
+        while ("*" === u[0]) u.shift(), void 0 === r && (r = e.mimeType || t.getResponseHeader("Content-Type"));
+        if (r) for (i in s) if (s[i] && s[i].test(r)) {
+            u.unshift(i);
+            break
+        }
+        if (u[0] in n) o = u[0]; else {
+            for (i in n) {
+                if (!u[0] || e.converters[i + " " + u[0]]) {
+                    o = i;
+                    break
+                }
+                a || (a = i)
+            }
+            o = o || a
+        }
+        if (o) return o !== u[0] && u.unshift(o), n[o]
+    }
+
+    function Ut(e, t, n, r) {
+        var i, o, a, s, u, l = {}, c = e.dataTypes.slice();
+        if (c[1]) for (a in e.converters) l[a.toLowerCase()] = e.converters[a];
+        o = c.shift();
+        while (o) if (e.responseFields[o] && (n[e.responseFields[o]] = t), !u && r && e.dataFilter && (t = e.dataFilter(t, e.dataType)), u = o, o = c.shift()) if ("*" === o) o = u; else if ("*" !== u && u !== o) {
+            if (!(a = l[u + " " + o] || l["* " + o])) for (i in l) if ((s = i.split(" "))[1] === o && (a = l[u + " " + s[0]] || l["* " + s[0]])) {
+                !0 === a ? a = l[i] : !0 !== l[i] && (o = s[0], c.unshift(s[1]));
+                break
+            }
+            if (!0 !== a) if (a && e["throws"]) t = a(t); else try {
+                t = a(t)
+            } catch (e) {
+                return {state: "parsererror", error: a ? e : "No conversion from " + u + " to " + o}
+            }
+        }
+        return {state: "success", data: t}
+    }
+
+    w.extend({
+        active: 0,
+        lastModified: {},
+        etag: {},
+        ajaxSettings: {
+            url: Ct.href,
+            type: "GET",
+            isLocal: Pt.test(Ct.protocol),
+            global: !0,
+            processData: !0,
+            async: !0,
+            contentType: "application/x-www-form-urlencoded; charset=UTF-8",
+            accepts: {
+                "*": $t,
+                text: "text/plain",
+                html: "text/html",
+                xml: "application/xml, text/xml",
+                json: "application/json, text/javascript"
+            },
+            contents: {xml: /\bxml\b/, html: /\bhtml/, json: /\bjson\b/},
+            responseFields: {xml: "responseXML", text: "responseText", json: "responseJSON"},
+            converters: {"* text": String, "text html": !0, "text json": JSON.parse, "text xml": w.parseXML},
+            flatOptions: {url: !0, context: !0}
+        },
+        ajaxSetup: function (e, t) {
+            return t ? zt(zt(e, w.ajaxSettings), t) : zt(w.ajaxSettings, e)
+        },
+        ajaxPrefilter: Ft(It),
+        ajaxTransport: Ft(Wt),
+        ajax: function (t, n) {
+            "object" == typeof t && (n = t, t = void 0), n = n || {};
+            var i, o, a, s, u, l, c, f, p, d, h = w.ajaxSetup({}, n), g = h.context || h,
+                y = h.context && (g.nodeType || g.jquery) ? w(g) : w.event, v = w.Deferred(),
+                m = w.Callbacks("once memory"), x = h.statusCode || {}, b = {}, T = {}, C = "canceled", E = {
+                    readyState: 0, getResponseHeader: function (e) {
+                        var t;
+                        if (c) {
+                            if (!s) {
+                                s = {};
+                                while (t = Ot.exec(a)) s[t[1].toLowerCase()] = t[2]
+                            }
+                            t = s[e.toLowerCase()]
+                        }
+                        return null == t ? null : t
+                    }, getAllResponseHeaders: function () {
+                        return c ? a : null
+                    }, setRequestHeader: function (e, t) {
+                        return null == c && (e = T[e.toLowerCase()] = T[e.toLowerCase()] || e, b[e] = t), this
+                    }, overrideMimeType: function (e) {
+                        return null == c && (h.mimeType = e), this
+                    }, statusCode: function (e) {
+                        var t;
+                        if (e) if (c) E.always(e[E.status]); else for (t in e) x[t] = [x[t], e[t]];
+                        return this
+                    }, abort: function (e) {
+                        var t = e || C;
+                        return i && i.abort(t), k(0, t), this
+                    }
+                };
+            if (v.promise(E), h.url = ((t || h.url || Ct.href) + "").replace(Rt, Ct.protocol + "//"), h.type = n.method || n.type || h.method || h.type, h.dataTypes = (h.dataType || "*").toLowerCase().match(M) || [""], null == h.crossDomain) {
+                l = r.createElement("a");
+                try {
+                    l.href = h.url, l.href = l.href, h.crossDomain = Bt.protocol + "//" + Bt.host != l.protocol + "//" + l.host
+                } catch (e) {
+                    h.crossDomain = !0
+                }
+            }
+            if (h.data && h.processData && "string" != typeof h.data && (h.data = w.param(h.data, h.traditional)), _t(It, h, n, E), c) return E;
+            (f = w.event && h.global) && 0 == w.active++ && w.event.trigger("ajaxStart"), h.type = h.type.toUpperCase(), h.hasContent = !Mt.test(h.type), o = h.url.replace(Lt, ""), h.hasContent ? h.data && h.processData && 0 === (h.contentType || "").indexOf("application/x-www-form-urlencoded") && (h.data = h.data.replace(qt, "+")) : (d = h.url.slice(o.length), h.data && (h.processData || "string" == typeof h.data) && (o += (kt.test(o) ? "&" : "?") + h.data, delete h.data), !1 === h.cache && (o = o.replace(Ht, "$1"), d = (kt.test(o) ? "&" : "?") + "_=" + Et++ + d), h.url = o + d), h.ifModified && (w.lastModified[o] && E.setRequestHeader("If-Modified-Since", w.lastModified[o]), w.etag[o] && E.setRequestHeader("If-None-Match", w.etag[o])), (h.data && h.hasContent && !1 !== h.contentType || n.contentType) && E.setRequestHeader("Content-Type", h.contentType), E.setRequestHeader("Accept", h.dataTypes[0] && h.accepts[h.dataTypes[0]] ? h.accepts[h.dataTypes[0]] + ("*" !== h.dataTypes[0] ? ", " + $t + "; q=0.01" : "") : h.accepts["*"]);
+            for (p in h.headers) E.setRequestHeader(p, h.headers[p]);
+            if (h.beforeSend && (!1 === h.beforeSend.call(g, E, h) || c)) return E.abort();
+            if (C = "abort", m.add(h.complete), E.done(h.success), E.fail(h.error), i = _t(Wt, h, n, E)) {
+                if (E.readyState = 1, f && y.trigger("ajaxSend", [E, h]), c) return E;
+                h.async && h.timeout > 0 && (u = e.setTimeout(function () {
+                    E.abort("timeout")
+                }, h.timeout));
+                try {
+                    c = !1, i.send(b, k)
+                } catch (e) {
+                    if (c) throw e;
+                    k(-1, e)
+                }
+            } else k(-1, "No Transport");
+
+            function k(t, n, r, s) {
+                var l, p, d, b, T, C = n;
+                c || (c = !0, u && e.clearTimeout(u), i = void 0, a = s || "", E.readyState = t > 0 ? 4 : 0, l = t >= 200 && t < 300 || 304 === t, r && (b = Xt(h, E, r)), b = Ut(h, b, E, l), l ? (h.ifModified && ((T = E.getResponseHeader("Last-Modified")) && (w.lastModified[o] = T), (T = E.getResponseHeader("etag")) && (w.etag[o] = T)), 204 === t || "HEAD" === h.type ? C = "nocontent" : 304 === t ? C = "notmodified" : (C = b.state, p = b.data, l = !(d = b.error))) : (d = C, !t && C || (C = "error", t < 0 && (t = 0))), E.status = t, E.statusText = (n || C) + "", l ? v.resolveWith(g, [p, C, E]) : v.rejectWith(g, [E, C, d]), E.statusCode(x), x = void 0, f && y.trigger(l ? "ajaxSuccess" : "ajaxError", [E, h, l ? p : d]), m.fireWith(g, [E, C]), f && (y.trigger("ajaxComplete", [E, h]), --w.active || w.event.trigger("ajaxStop")))
+            }
+
+            return E
+        },
+        getJSON: function (e, t, n) {
+            return w.get(e, t, n, "json")
+        },
+        getScript: function (e, t) {
+            return w.get(e, void 0, t, "script")
+        }
+    }), w.each(["get", "post"], function (e, t) {
+        w[t] = function (e, n, r, i) {
+            return g(n) && (i = i || r, r = n, n = void 0), w.ajax(w.extend({
+                url: e,
+                type: t,
+                dataType: i,
+                data: n,
+                success: r
+            }, w.isPlainObject(e) && e))
+        }
+    }), w._evalUrl = function (e) {
+        return w.ajax({url: e, type: "GET", dataType: "script", cache: !0, async: !1, global: !1, "throws": !0})
+    }, w.fn.extend({
+        wrapAll: function (e) {
+            var t;
+            return this[0] && (g(e) && (e = e.call(this[0])), t = w(e, this[0].ownerDocument).eq(0).clone(!0), this[0].parentNode && t.insertBefore(this[0]), t.map(function () {
+                var e = this;
+                while (e.firstElementChild) e = e.firstElementChild;
+                return e
+            }).append(this)), this
+        }, wrapInner: function (e) {
+            return g(e) ? this.each(function (t) {
+                w(this).wrapInner(e.call(this, t))
+            }) : this.each(function () {
+                var t = w(this), n = t.contents();
+                n.length ? n.wrapAll(e) : t.append(e)
+            })
+        }, wrap: function (e) {
+            var t = g(e);
+            return this.each(function (n) {
+                w(this).wrapAll(t ? e.call(this, n) : e)
+            })
+        }, unwrap: function (e) {
+            return this.parent(e).not("body").each(function () {
+                w(this).replaceWith(this.childNodes)
+            }), this
+        }
+    }), w.expr.pseudos.hidden = function (e) {
+        return !w.expr.pseudos.visible(e)
+    }, w.expr.pseudos.visible = function (e) {
+        return !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length)
+    }, w.ajaxSettings.xhr = function () {
+        try {
+            return new e.XMLHttpRequest
+        } catch (e) {
+        }
+    };
+    var Vt = {0: 200, 1223: 204}, Gt = w.ajaxSettings.xhr();
+    h.cors = !!Gt && "withCredentials" in Gt, h.ajax = Gt = !!Gt, w.ajaxTransport(function (t) {
+        var n, r;
+        if (h.cors || Gt && !t.crossDomain) return {
+            send: function (i, o) {
+                var a, s = t.xhr();
+                if (s.open(t.type, t.url, t.async, t.username, t.password), t.xhrFields) for (a in t.xhrFields) s[a] = t.xhrFields[a];
+                t.mimeType && s.overrideMimeType && s.overrideMimeType(t.mimeType), t.crossDomain || i["X-Requested-With"] || (i["X-Requested-With"] = "XMLHttpRequest");
+                for (a in i) s.setRequestHeader(a, i[a]);
+                n = function (e) {
+                    return function () {
+                        n && (n = r = s.onload = s.onerror = s.onabort = s.ontimeout = s.onreadystatechange = null, "abort" === e ? s.abort() : "error" === e ? "number" != typeof s.status ? o(0, "error") : o(s.status, s.statusText) : o(Vt[s.status] || s.status, s.statusText, "text" !== (s.responseType || "text") || "string" != typeof s.responseText ? {binary: s.response} : {text: s.responseText}, s.getAllResponseHeaders()))
+                    }
+                }, s.onload = n(), r = s.onerror = s.ontimeout = n("error"), void 0 !== s.onabort ? s.onabort = r : s.onreadystatechange = function () {
+                    4 === s.readyState && e.setTimeout(function () {
+                        n && r()
+                    })
+                }, n = n("abort");
+                try {
+                    s.send(t.hasContent && t.data || null)
+                } catch (e) {
+                    if (n) throw e
+                }
+            }, abort: function () {
+                n && n()
+            }
+        }
+    }), w.ajaxPrefilter(function (e) {
+        e.crossDomain && (e.contents.script = !1)
+    }), w.ajaxSetup({
+        accepts: {script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},
+        contents: {script: /\b(?:java|ecma)script\b/},
+        converters: {
+            "text script": function (e) {
+                return w.globalEval(e), e
+            }
+        }
+    }), w.ajaxPrefilter("script", function (e) {
+        void 0 === e.cache && (e.cache = !1), e.crossDomain && (e.type = "GET")
+    }), w.ajaxTransport("script", function (e) {
+        if (e.crossDomain) {
+            var t, n;
+            return {
+                send: function (i, o) {
+                    t = w("